@charset "utf-8";

.banna{ width: 100%; margin: 0 auto; position: relative; height:500px; display: block;  }



.locasn{ width: 100%; background: #f4f4f4; display: block; position: relative; height: 56px; overflow: hidden; }

.locasn ul{ width: 1280px; margin: 0 auto; position: relative; overflow: hidden; text-align: center; }

.locasn ul li { display:block; float: left; position: relative; height: 56px;}

.locasn ul li a{ display: block; padding: 0 40px; height: 56px; line-height: 56px; font-size: 18px; color: #333; }

.locasn ul li a:hover{ background: #2c6bf8; color: #fff; }

.locasn ul li:before{ width: 1px; height: 20px; position: absolute; right: 0; top: 18px; content: ""; display: block; background: #ccc;  }

.locasn ul li:last-child:before{ display: none; }

.locasn ul li:hover:before{ background: #2c6bf8; }



.gwta{ width: 100%; position: relative; overflow: hidden; display: block; background: url(../images/gwt_bga.jpg) no-repeat bottom center ; padding:40px 0 0 ; height: 620px; box-sizing: border-box;  }

.gwtb{ width: 1340px; margin:0 auto; position: relative; height: 300px; padding-top: 80px; }

.gwtb dl{ width:200px; float: left; display: block; padding:0;  box-sizing: border-box; position: relative; overflow: hidden;animation:myfirstd linear infinite 2s }

.gwtb dl dt{ width:200px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; background: url(../images/gwt_icoaa.png) no-repeat center;  }

.gwtb dl dt img{ max-width:200px; max-height: 100px; display: block; margin: auto; }

.gwtb dl dd{ width: 100%; padding-top: 20px; display: block; text-align: center; font-size: 17px; color: #2c6bf8; }

.gwtb dl:hover dt{ background: url(../images/gwt_icoah.png) no-repeat center; }

 

@keyframes myfirstd{0%{margin-top:0}

40%{margin-top:8px}

100%{margin-top:0}

}

.gwtb dl:hover{transform:scale(1.15);transition:all .3s}



.gwtb dl:nth-child(2){ left: 200px; top: 180px; position: absolute; }

.gwtb dl:nth-child(3){ left: 470px; top: 50px; position: absolute; }

.gwtb dl:nth-child(4){ left: 720px; top: 180px; position: absolute; }

.gwtb dl:nth-child(5){ left: 980px; top: 95px; position: absolute; }

.gwtb dl:nth-child(6){ left: 1200px; top: 50px; position: absolute; }







.gwtaff{ width: 100%; position: relative; overflow: hidden; display: block; background:#fff; padding:50px 0; box-sizing: border-box;  }





.gwtc{ width: 520px; margin: 0 auto; padding: 50px 0; display: block; position: relative; overflow: hidden; text-align: center; font-size: 50px; line-height: 90px; height: 90px; color: #2c6bf8;  }

.gwtc span{ font-size: 64px; }

.gwtc:before{width: 15px; height: 15px; position: absolute; left: 0; top:88px;  content: ""; display: block; background: #2c6bf8; border-radius: 50%;  }

.gwtc:after{width: 15px; height: 15px; position: absolute; right: 0; top:88px;  content: ""; display: block; background: #2c6bf8; border-radius: 50%;  }



.gwtxt{ width: 100%; text-align: center; display: block;  position: relative; text-align: center;}

.gwtxt h3{font-size: 48px; color: #333; line-height: 100px; height:100px; width: 100%; display: block; text-align: center;}

.gwtxt h3 span{ color:#2c6bf8; display: inline-block;   line-height: 100px;}

.gwtxt h4{ width: 215px; margin: 0 auto; position: relative; height: 2px; background: #2c6bf8; display: block; }

.gwtxt h4 em{ width: 32px; height: 2px; background: #fff; display:block; position: absolute; top: 0; left: 50%; margin-left: -16px; }

.gwtxt:before{ width: 10px; height: 10px;background: #2c6bf8; display: block; position: absolute; top: 96px; border-radius: 50%; left: 50%; content: ""; margin-left:-5px; z-index: 33; }

.gwtxt h5{ color:#2c6bf8; display:block;   line-height:60px; font-size: 16px; text-align: center;}

.gwtxt h5 span{ color: #666; }

.gwtxt h6{ color:#666; display:block;   line-height:35px; font-size: 20px; text-align: center; margin-top:20px;}

.gwtxt i{ color:#2c6bf8; display:block;   line-height:35px; font-size: 20px; text-align: center; margin-top:25px; font-style: normal;}

.gwtd{ width: 1280px; margin: 0 auto; position: relative; overflow: hidden; padding:40px 0 10px; display: block; }

.gwtdle{ width: 560px; float: left; }

.gwtdle dl{ width: 175px; height: 110px; display: block; margin-right: 17px; margin-bottom: 17px; float: left; position: relative; padding-top: 10px; padding-left: 55px; box-sizing: border-box; }

.gwtdle dl dt{ font-size: 18px; color: #fff; line-height: 30px; height: 30px; display: block; }

.gwtdle dl dd{ font-size: 10px; color: #fff; line-height: 18px; display: block; padding-right: 10px; box-sizing: border-box; width: 100%; }

.gwtdle dl:nth-child(3n){ margin-right: 0; }

.gwtdle dl:first-child{ background: url(../images/icon_gwta1.png) no-repeat; }

.gwtdle dl:nth-child(2){ background: url(../images/icon_gwta2.png) no-repeat; }

.gwtdle dl:nth-child(3){ background: url(../images/icon_gwta3.png) no-repeat; }

.gwtdle dl:nth-child(4){ background: url(../images/icon_gwta4.png) no-repeat; }

.gwtdle dl:nth-child(5){ background: url(../images/icon_gwta5.png) no-repeat; }

.gwtdle dl:nth-child(6){ background: url(../images/icon_gwta6.png) no-repeat; } 



.gwtdrg{ width: 680px; float: right; background: url(../images/icon_gwta7.png) no-repeat center 20px; height: 230px; display: block; }

.gwtdrg dl{ width: 175px; display: block; position: relative; overflow: hidden; margin: 10px 0; }

.gwtdrg dl dt{ width: 140px; margin-top: 5px; padding-left: 20px; box-sizing: border-box; float: right; line-height: 36px; font-size: 16px; border: 1px solid #d2d2d2; position: relative; color: #666; }

.gwtdrg dl dt em{ width: 45px; height: 45px; position: absolute; top: -5px; left: -35px; display: block; border: 1px solid #d2d2d2; border-radius: 50%; text-align: center; color: #333; line-height: 45px; font-size: 18px; background: #fff; z-index: 222; font-style: normal; font-weight: bold; }

.gwtdrg dl dd{ width: 140px; float: right; display: block; font-size: 12px; color: #999; line-height: 20px; margin-top:5px; position: relative; }

.gwtdrg dl:nth-child(odd){ float: left; padding-right: 165px; }

.gwtdrg dl:nth-child(even){ float: right; padding-left: 165px; }



.ljszd{ width: 415px; margin: 0 auto; position: relative; height: 50px; display: block; }

.ljzx a{ width: 148px; height: 48px; background: #2c6bf8; line-height: 48px; border: 1px solid #2c6bf8; float: left; color: #fff; font-size: 16px; text-align: center;  }

.mfhq a{ width: 263px; height: 48px; line-height: 48px; border: 1px solid #2c6bf8; text-align: center; font-size: 16px; color: #2c6bf8; float: right; }





.gwte{ width: 100%; background: #f5f5f5; padding: 30px 0 60px; display: block; position: relative; overflow: hidden; border-top: 1px solid #ccc; border-bottom:  1px solid #ccc;    }

.gwtea{ width: 1200px; margin:50px auto; background: #fff; padding: 0 35px 35px; display: block; position: relative; -moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; box-sizing: border-box; }



.menu1box{ width: 100%; height:30px; padding: 35px 0; display: block; position: relative;  text-align: center; }

.menu1box ul li { display: inline-block; margin: 0 28px; font-size:18px;height:30px;line-height:30px; height:30px; width: 115px; text-align: center;color: #000;cursor: pointer; background: #2c6bf8; border: 1px solid #2c6bf8; border-radius:20px; color: #fff;   } 

.menu1box ul li.hover {background: #fff; color: #2c6bf8; border: 1px solid #2c6bf8; } 



.main1box{ box-sizing: border-box; width: 100%; position: relative; display: block;}

#main1 ul {display: none;}

#main1 ul.block {display: none;}

.indlh{ width: 100%; position: relative;} 

.indlh li{ height:50px; line-height: 50px; width:100%; float:left; border: 1px dotted #fff; box-sizing: border-box; font-size: 14px; color: #666; text-align: center; }

.indlh li:nth-child(odd){border: 1px dotted #f0f5fb; background: #f6fafd;}

.indlh li:hover{ background-color:#FFFFCC;border: 1px dotted #FFFFCC; } 

.lhtop{color: #333; }

.indlh li span{ display: inline-block; text-align: center;}

.indlh li .gjc{ width: 180px; padding-left: 60px; }

.indlh li .wz{ width: 250px; }

.indlh li .qd{ width: 200px; }

.indlh li .spm{ width: 200px; color: #3eea3e; }

.indlh li .dqpm{ width: 200px; color: #f6051c; }



.indtxt{ width: 1200px; margin: 0 auto; text-align: center;  }

.indtxt h2{ font-size: 40px; line-height: 50px; color: #555; position: relative; display: block;font-weight: bold;  }

.indtxt h2 span{ color: #2c6bf8; }

.indtxt h2:before{ width: 280px; height: 2px; background: #dedede; position: absolute; top: 75px; left: 50%; margin-left: -140px; content: ""; display: block;  }

.indtxt h2:after{ background: #4f4f4f; width: 42px; height: 8px; top: 72px; left: 50%; margin-left: -21px; border-radius: 5px; display: block; content: ""; position: absolute; }

.indtxt h3{ color: #666; margin-top: 50px; width: 100%; text-align: center; line-height:26px; font-size:16px; display: block; font-family: "arial"; text-transform: uppercase; letter-spacing:1px; font-weight: bold; }

.indtxt h3 span{ color: #2c6bf8; }

.indtxt p{ width: 100%; margin-top:6px; line-height: 24px; font-size:14px; color: #888; display: block; }



.gwtf{ width: 100%; position: relative; overflow: hidden; display: block; background:#f8f8f8; padding:80px 0 ;  } 

.inditu{ width: 1220px; margin:20px auto 0; background: url(../images/ind_ditu.png) no-repeat right top; position: relative; padding:40px 0; box-sizing: border-box; overflow: hidden;}

.gwtdt{ width: 120px; float: left; padding-left: 40px;  }

.gwtdt dl{ width:100%; display: block; margin-bottom:10px; float: left;  }

.gwtdt dl dt{ width: 100%; text-align: center; font-size:20px; font-weight: bold; color:#2c6bf8; line-height:40px; display: block; height: 40px;  }

.gwtdt dl dd{ width: 50%; float: left; line-height: 30px; height:30px; display: block; text-align: center; font-size:16px; color: #333; }



.csfbt{ width: 852px; float: right; position: relative; } 

.dot1{ left: 761px; top: 125px; position: absolute;}

.dot2{ left: 723px; top: 160px; position: absolute;}

.dot3{ left: 692px; top: 225px; position: absolute;}

.dot4{ left: 590px; top: 238px; position: absolute;}

.dot5{ left: 605px; top: 250px; position: absolute;}

.dot6{ left: 575px; top: 255px; position: absolute;}

.dot7{ left: 610px; top: 290px; position: absolute;}

.dot8{ left: 535px; top: 295px; position: absolute;}

.dot9{ left: 550px; top: 355px; position: absolute;}

.dot10{ left: 397px; top: 378px; position: absolute;}

.dot11{ left: 600px; top: 362px; position: absolute;}

.dot12{ left: 642px; top: 370px; position: absolute;}

.dot13{ left: 560px; top: 395px; position: absolute;}

.dot14{ left: 472px; top: 405px; position: absolute;}

.dot15{ left: 522px; top: 425px; position: absolute;}

.dot16{ left: 665px; top: 380px; position: absolute;}

.dot17{ left: 640px; top: 410px; position: absolute;}

.dot18{ left: 470px; top: 450px; position: absolute;}

.dot19{ left: 620px; top: 455px; position: absolute;}

.dot20{ left: 580px; top: 450px; position: absolute;}

.dot21{ left: 400px; top: 490px; position: absolute;}

.dot22{ left: 480px; top: 500px; position: absolute;}
 
.dot23{ left: 575px; top: 505px; position: absolute;}

.dot24{ left: 485px; top: 350px; position: absolute;}

/*.dot24{ left: 472px; top: 385px; position: absolute;}

.dot25{ left: 522px; top: 405px; position: absolute;}

.dot26{ left: 665px; top: 360px; position: absolute;}

.dot27{ left: 640px; top: 390px; position: absolute;}

.dot28{ left: 470px; top: 430px; position: absolute;}

.dot29{ left: 620px; top: 435px; position: absolute;}*/

.dot1:before,.dot2:before,.dot3:before,.dot4:before,.dot5:before,.dot6:before,.dot7:before,.dot8:before,.dot9:before,.dot10:before,.dot11:before,.dot12:before,.dot13:before,.dot14:before,.dot15:before,.dot16:before,.dot17:before,.dot18:before,.dot19:before,.dot20:before,.dot21:before,.dot22:before,.dot23:before,.dot24:before,.dot25:before,.dot26:before,.dot27:before,.dot28:before,.dot2:before{ content:' '; position: absolute; z-index:2; left:0; top:0; width:10px; height:10px; background-color: #ff4200; border-radius: 50%; }

.dot1:after,.dot2:after,.dot3:after,.dot4:after,.dot5:after,.dot6:after,.dot7:after,.dot8:after,.dot9:after,.dot10:after,.dot11:after,.dot12:after,.dot13:after,.dot14:after,.dot15:after,.dot16:after,.dot17:after,.dot18:after,.dot19:after,.dot20:after,.dot21:after,.dot22:after,.dot23:after,.dot24:after,.dot25:after,.dot26:after,.dot27:after,.dot28:after,.dot29:after { content:' '; position: absolute; z-index:1; width:10px; height:10px; border:1px solid  #ff4200; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.5) inset; -webkit-animation-name:'ripple';/*动画属性名,也就是我们前面keyframes定义的动画名*/-webkit-animation-duration: 2s;/*动画持续时间*/-webkit-animation-timing-function: ease; /*动画频率,和transition-timing-function是一样的*/-webkit-animation-delay: 0s;/*动画延迟时间*/-webkit-animation-iteration-count: infinite;/*定义循环资料,infinite为无限次*/-webkit-animation-direction: normal;/*定义动画方式*/} 

@keyframes ripple { 

0% { left:5px; top:5px; opcity:100; width:0; height:0; } 

100% { left:-20px; top:-20px; opacity: 0; width:50px; height:50px; } 

}





.gwtg{ width: 100%; height: 750px; box-sizing: border-box; position: relative; overflow: hidden; display: block; background: url(../images/gwt_bg4.png) no-repeat top center ; padding:80px 0 ;  }

.gwtxta{ width: 100%; text-align: center; display: block;  position: relative; text-align: center;}

.gwtxta h3{font-size: 48px; color: #fff; line-height: 100px; height:100px; width: 100%; display: block; text-align: center;}

.gwtxta h3 span{ color:#fff; display: inline-block;   line-height: 100px;}

.gwtxta h4{ width: 215px; margin: 0 auto; position: relative; height: 2px; background: #2c6bf8; display: block; }

.gwtxta h4 em{ width: 32px; height: 2px; background: #0c0808; display:block; position: absolute; top: 0; left: 50%; margin-left: -16px; }

.gwtxta:before{ width: 10px; height: 10px;background: #2c6bf8; display: block; position: absolute; top: 96px; border-radius: 50%; left: 50%; content: "";  margin-left:-5px; z-index: 33; }

.gwtxta h5{ color:rgba(255,255,255,0.5); opacity: 50; display:block;   line-height:60px; font-size: 16px; text-align: center;}



.gwtcx{ width:840px; height: 65px; margin: 0 auto; position: relative; padding: 100px 0 0;  }





.offer-ul{ width:840px;  margin: 0 auto; position: relative; padding: 100px 0 50px;  }

.offer-li { width: 100%; padding:30px 0 0; margin:0 auto;}

#baojia{ display: none;}

.offer-li td { border: 1px solid #f5f5f5;  height: 50px;    text-align: center;    font-size: 14px; line-height: 50px; background: #fff;}

.offsear{ overflow: hidden; width:100%; margin:0 auto; position:relative; height:65px; } 

.offsear .keyword {    width:700px; font-size:18px;   background:#fff; border: none; border-radius: 5px; display: block;  text-indent: 40px; height: 65px;  float: left; }

.offsear .sub_btn {    width:120px; background:url(../images/icon_gwtsea.png) no-repeat center #2c6bf8; border-radius: 5px; color: #fff; border: none;  height:65px; float: right; display: block; }

.ljkh a{ width: 240px; height: 65px; border-radius: 5px; background: #2c6bf8; line-height: 65px; font-size:24px; text-align: center; margin: 0 auto; position: relative; overflow: hidden; color: #fff; display: block; }





.zzta{ width: 100%; position: relative; overflow: hidden; display: block; background: url(../images/zzt_bg1.png) no-repeat top center ; padding:80px 0 ;  }



.zztaa{ width:1304px; margin: 60px auto 20px; position: relative; overflow: hidden;  }

.zztaa dl{ width:410px; background: #fff; border-radius: 5px; padding: 40px 10px 30px 40px; box-sizing: border-box;-moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; margin:12px; display: block; float: left;  }

.zztaa dl dt{ width:170px; height: 145px; float: left; position: relative; } 

.zztaa dl dt p{ padding-top: 10px; height:72px; width: 100%; display: block;  font-size:16px; font-weight: bold; color: #444; line-height:24px; position: relative; overflow: hidden;  }

.zztaa dl dt span{ font-size:44px; height: 60px; line-height: 60px; font-weight: bold; display: block; text-align: center; position: absolute; bottom: 0; left: 0; overflow: hidden; color: #2c6bf8; }

.zztaa dl dt span i{ display: inline-block; width: 14px; height: 19px; background: url(../images/icon_zztjt.png) no-repeat right top; padding-left: 10px; }

.zztaa dl dd{ width: 170px; float: right; }

.zztaa dl:hover{ cursor: pointer; }

.zztaa dl:hover dd img{-ms-transform:translateX(-10px);-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}



.zztab{ width:810px; margin: 0 auto; padding: 50px 0; text-align: center; font-size: 22px; line-height: 35px; color: #666;  }

.zztab span{font-size: 27px; font-weight: bold; color: #2c6bf8; }



.bana { width:100%; height:auto; margin:0 auto; text-align:center; }

.bana img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; }



.zztac{ width: 100%; position: relative; overflow: hidden; display: block; background: url(../images/zzt_bg3.png) no-repeat bottom center ; padding:80px 0 ;border-bottom:  1px solid #ccc;   }



.zztad{ width: 1300px; margin: 0 auto; padding: 50px 0; display: block; position: relative; overflow: hidden; }

.zztad dl{ width:234px; float: left; display: block; padding:20px; margin:13px; box-sizing: border-box; position: relative; overflow: hidden; background: #fff; border-bottom: 8px solid #fff; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;transition:all .15s linear; }

.zztad dl dt{ width: 194px; height: 140px; display: table-cell; vertical-align: middle; text-align: center; }

.zztad dl dt img{ max-width:194px; max-height: 140px; display: block; margin: auto; }

.zztad dl dd{ width: 100%; padding-top: 20px; display: block; text-align: center; }

.zztad dl dd h4{ font-size:20px; font-weight: bold; color: #2c6bf8; line-height:60px; display: block; height: 60px; position: relative; }

.zztad dl dd p{ font-size: 18px; line-height:35px; color: #666; margin-top: 5px; }

.zztad dl:hover{border-bottom: 8px solid #2c6bf8;-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px); cursor: pointer; }



.sxta{ width: 100%; margin: 0 auto ; position: relative; overflow: hidden; display: block; background: #f8f8f8; padding: 50px 0 0; }

.sxta dl{ width: 284px; float: left; display: block; margin-right: 48px; margin-bottom:60px;  }

.sxta dl:last-child{ margin-right: 0; }

.sxta dl dt{ width: 284px; height: 160px; display: table-cell; vertical-align: middle; text-align: center; }

.sxta dl dt img{ max-width: 284px; max-height: 160px; display: block; margin: auto; text-align: center; vertical-align: middle; }

.sxta dl dd{ width: 100%; position: relative; display: block; }

.sxta dl dd h3{ display: block; text-align: center; font-size: 18px; font-weight: bold; color: #3394ff; line-height: 40px; height: 40px; width: 100%; position: relative; }

.sxta dl dd span { width: 100%; padding: 0 50px; display: block; position: relative; overflow: hidden; font-size: 16px; line-height: 30px; color: #666; box-sizing: border-box; }





.sxtb{ width: 100%; margin: 0 auto ; position: relative; overflow: hidden; display: block; padding: 50px 0;  }

.sxtc{ width: 1280px; margin: 0 auto; position: relative; overflow: hidden; display: block; padding-top: 20px;}

.sxtc dl{ width:390px; height: 432px; float: left; margin:18px;  display: block; position: relative;  } 

.sxtc dl dt{ width: 402px; height:342px; padding-bottom: 60px; background: #f8f8f8; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;transition:all .15s linear; display: table-cell; vertical-align: middle; text-align: center;}

.sxtc dl dt img{ max-width: 402px; max-height: 342px; display: block; margin: auto; text-align: center; vertical-align: middle;}

.sxtc dl dd{ width:320px; height: 90px; display: block; text-align: center; bottom: 0; left:35px; position: absolute; font-size: 24px; font-weight: bold; color: #fff; line-height: 90px;  }

.sxtc dl:nth-child(1) dd{background: linear-gradient(#b9c4fe,#649bff);box-shadow:inset 0px 0px 5px 1px #649bff;}

.sxtc dl:nth-child(2) dd{background: linear-gradient(#efe457,#feae31);box-shadow:inset 0px 0px 5px 1px #feae31;}

.sxtc dl:nth-child(3) dd{background: linear-gradient(#7bddfd,#00a9e0);box-shadow:inset 0px 0px 5px 1px #00a9e0;}

.sxtc dl:nth-child(4) dd{background: linear-gradient(#fc85fb,#eb3dee);box-shadow:inset 0px 0px 5px 1px #eb3dee;}

.sxtc dl:nth-child(5) dd{background: linear-gradient(#7bddfd,#00a9e0);box-shadow:inset 0px 0px 5px 1px #00a9e0;}

.sxtc dl:nth-child(6) dd{background: linear-gradient(#c9ff30,#7be31d);box-shadow:inset 0px 0px 5px 1px #7be31d;}

.sxtc dl:hover{ cursor: pointer; -ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}

.sxtc dl:hover dt img{transform:scale(.9);transition:all .3s}





.sxtd{ width: 1200px; margin: 0 auto; text-align: center; display: block; overflow: hidden; line-height:20px; font-size: 18px; color: #333; padding-bottom: 50px;  }





.sxtxt{ width: 1200px; margin: 0 auto; position: relative; text-align: center; }

.sxtxt h2{ font-size: 38px; color: #2c6bf8; text-align: center; line-height: 40px; display: block; position: relative; }

.sxtxt h2:before{ width:90px; height: 3px; background: #2c6bf8; position: absolute; top:55px; left: 50%; margin-left: -45px; content: ""; display: block;  }

.sxtxt p{ font-size: 18px; color: #666; line-height:25px; margin-top:30px; display: block; text-align: center; width: 100%;  }





.qzta{ width: 1280px; margin:30px auto 0; position: relative; overflow: hidden; padding: 15px; box-sizing: border-box; display: block;-moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; background: #fff;  }

.qzta h3{ font-size: 22px; height: 30px; line-height:30px; display: block; color: #2c6bf8; padding: 10px 0 15px; }



.qztb{ width: 100%; position: relative; overflow: hidden; display: block; font-size: 21px; color: #666; line-height: 67px;  }

.qztbg{ background: #f8f8f8; }

.qztbz{ text-indent: 50px; }



.qztc{ width: 1200px; margin: 30px auto; position: relative; text-align: center; font-size: 18px; color: #2c6bf8; line-height: 40px; display: block; overflow: hidden; }

.qztd{ width: 100%; background: #f8f8f8; display: block; padding:70px 0 20px; position: relative;  }



.qztda{ width:1280px; -moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; background: #fff; padding: 40px; box-sizing: border-box; display: block; margin: 0 auto; position: relative; }

.qztda dl{ width: 400px; float: left; display: block; box-sizing: border-box;overflow: hidden;  padding-left: 115px; margin: 10px 0; }

.qztda dl:nth-child(2){ background: url(../images/icon_qzta1.png) no-repeat left top; }

.qztda dl:nth-child(3){ background: url(../images/icon_qzta2.png) no-repeat left top; }

.qztda dl:nth-child(4){ background: url(../images/icon_qzta3.png) no-repeat left top; }

.qztda dl:nth-child(5){ background: url(../images/icon_qzta4.png) no-repeat left top; }

.qztda dl:nth-child(6){ background: url(../images/icon_qzta5.png) no-repeat left top; }

.qztda dl dt{font-size: 26px; color: #232449; line-height: 70px; display: block; height: 70px; position: relative;   }

.qztda dl dt:before{ width: 46px; height: 1px; background: #a3a3a3; position: absolute; bottom: 0; content: ""; }

.qztda dl dd{ padding-top: 10px; font-size: 18px; line-height: 25px; color: #666; display: block; position: relative; height: 110px; }



.qztdb{ width: 260px; height: 290px; position: absolute; top: -100px; left: 15px; display: block;background: linear-gradient(#4a9bea,#2c6bf8); padding: 15px; box-sizing: border-box; z-index: 9999; }

.qztdb h3{ font-size: 36px; font-weight: bold; color: #fff; line-height: 75px; display: block; position: relative; padding-top: 80px; }

.qztdb span a{ width: 200px; height: 50px; border: 5px solid #fff; display: block; float: left; position: relative; text-align: center; line-height: 50px; font-size: 20px; color: #fff;  }



.qzte{ width: 100%; padding: 50px 0 0; display: block; position: relative; overflow: hidden;  } 

.qztf { width:1280px; margin:60px auto 0; height: 600px;  position:relative; display: block; }

li.qztfa {width:320px;height:552px;overflow: hidden;float: left;transition: all 0.3s; } 

li.qztfa div.showa1 {text-align: center;  width: 100%;display: block; padding:25px 0;}

li.qztfa div.showa1 h3{ font-size: 26px; color: #FFF; line-height:40px; height: 40px; display: block; }

li.qztfa div.showa1 span{font-size: 16px; color: #fff; text-transform: capitalize; text-align: center; display: block;}

li.qztfa div.showa1 span em{ font-style: normal; }

li.qztfa div.showa2 {text-align: center;  width: 100%; display: block; padding: 35px 0; font-size: 36px; color: #fff; line-height: 40px; }

li.qztfa div.showa3 { width: 100%;  height: 205px; box-sizing: border-box; display: block; padding:25px 0 25px 25px; font-size:15px; color: #999; line-height: 30px; }

li.qztfa div.showa4{ width: 100%; padding:33px 0; display: block; position: relative;  }

li.qztfa div.showa4 a{ width: 250px; height: 60px; margin: 0 auto; display: block; border-radius: 25px; line-height: 60px; font-size: 20px; color: #fff; text-align: center; }

li.qztfa.active {position: relative;z-index:33;width:320px;height:600px;margin-top: -24px;box-shadow: 0 10px 30px rgba(41,45,49,.15); }

li.qztfa.active div.showa1{ padding: 37px 0; }

li.qztfa.active div.showa4{ padding: 45px 0; }

 



.qztfbg1{background: linear-gradient(#4a9bea,#1f7be5);}

.qztfbg2{background: linear-gradient(#606c88,#3f4c6b);}

.qztfbg3{background: linear-gradient(#ffa443,#ff7400);}

.qztfbg4{background: linear-gradient(#606c88,#3f4c6b);}

.qztfbgf2{background:#F2F2F2;}

.qztfbgf5{background:#f5f5f5;}

.qztfbgfb{background:#fbfbfb;}





.spta{ width:1290px; margin: 0 auto; background: url(../images/ico_spta.png) no-repeat center 20px; padding: 0; display: block; position: relative; overflow: hidden; text-align: center; }



.spta dl{ width: 250px; height: 320px; box-sizing: border-box; padding: 30px 0 0; margin:30px 15px 20px 15px; display:block; float: left; background: #fff;    -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; border-radius: 5px; } 

.spta dl dt{ width: 250px; height: 140px; display: table-cell; vertical-align: middle; text-align: center; }

.spta dl dt img{ max-width:250px; max-height: 140px; display: block; margin: auto; }

.spta dl dd{ width: 100%;  display: block; text-align: center; }

.spta dl dd h4{ font-size:24px; font-weight: bold; color: #333; line-height:60px; display: block; height:60px; position: relative; }

.spta dl dd p{ font-size: 14px; line-height:20px; color: #888; padding: 0 20px; height: 80px; display: block;} 

.spta dl:hover { cursor: pointer; -ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}

.sptb{ width: 100%; padding: 50px 0; display: block; box-sizing: border-box; display: block; position: relative; overflow: hidden; margin-top:50px; border-top: 30px solid #f8f8f8;}



.sptc{ width:1280px; margin:50px auto; position: relative; overflow: hidden;  }

.sptc dl{ width: 232px; padding: 15px 0; border: 2px solid #eee; border-radius: 5px; margin-right: 26px; box-sizing: border-box; float: left; display: block;position: relative;transition:all .15s linear;  }

.sptc dl dt{ width: 232px; height: 120px; display: table-cell; vertical-align: middle; text-align: center; }

.sptc dl dt img{ max-width:232px; max-height: 120px; display: block; margin: auto; }

.sptc dl dd{ width: 100%;  display: block; padding-top: 15px;}

.sptc dl dd h4{ font-size:18px; font-weight: bold; color: #2c6bf8; line-height:40px; display: block; height:40px; position: relative; padding: 0 40px 0 24px; overflow: hidden; }

.sptc dl dd p{ font-size: 12px; line-height:20px; color: #333;  height: 40px; display: block; padding: 0 40px 0 24px; overflow: hidden; } 



.sptc dl .yejs{ position: absolute; top: 0; left: 0; width: 84px; height: 84px; display: block; background:  url(../images/icon_sptc.png) no-repeat center left ;  }

.sptc dl:after{ width: 180px; position: absolute; top: 135px;  z-index: 5; display: block; height: 1px; background: #f5f7fa; left: 24px; content: "";}

.sptc dl:before{ width: 10px; position: absolute; top: 135px; z-index: 6; display: block; height: 1px; background: #f5f7fa; left: 24px; content: "";transition:width 2s;

-moz-transition:width 2s; /* Firefox 4 */

-webkit-transition:width 2s; /* Safari and Chrome */

-o-transition:width 2s; /* Opera */ }

.sptc dl:hover:before{ width: 180px;  background: #ccc;}

.sptc dl:last-child{ margin-right: 0; }

.sptc dl:hover{ cursor: pointer; }





.kbyxa{ width:1290px; margin: 0 auto; background: url(../images/ico_spta.png) no-repeat center 20px; padding: 0; display: block; position: relative; overflow: hidden; text-align: center; }

.kbyxa dl{ width: 290px; height:390px; box-sizing: border-box; padding:20px 0; margin:20px 20px 10px; display:block; float: left; background: #fff;    -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; border-radius: 5px; } 

.kbyxa dl dt{ width: 290px; height: 140px; display: table-cell; vertical-align: middle; text-align: center; }

.kbyxa dl dt img{ max-width:290px; max-height: 140px; display: block; margin: auto; }

.kbyxa dl dd{ width: 100%;  display: block; text-align: center; }

.kbyxa dl dd h4{ font-size:24px; font-weight: bold; color: #333; line-height:60px; display: block; height:60px; position: relative; }

.kbyxa dl dd p{ font-size: 14px; line-height:20px; color: #888; padding: 0 20px; height: 160px; display: block; overflow: hidden;} 

.kbyxa dl:hover { cursor: pointer; -ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}



.kbyxb{ width: 100%; background: url(../images/icon_bgg.jpg) no-repeat center; padding: 40px 0; display: block; position: relative; overflow: hidden; }

.kbyxba{ width: 1280px; margin: 0 auto; background: url(../images/icon_kbbg.png) no-repeat right center; position: relative; overflow: hidden; display: block;min-height:500px;  }

.xba1{ font-size:40px; color: #2c6bf8; display: block; line-height: 80px; height: 80px; letter-spacing:5px;  font-weight: bold; position: relative; padding-top: 25px; }

.xba2{ font-size:20px; color: #333; display: block; line-height: 40px;  position: relative; }

.xba3{ font-size:16px; color: #555; display: block; line-height: 32px; position: relative; padding-top:15px; padding-bottom: 30px; }

.xba3 span{ color: #2c6bf8 }

.xba4{position: relative;  z-index: 99;}

.xba4 a{ width: 170px; height: 45px; position: relative; border: 2px solid #2c6bf8; line-height:45px; float: left; display: block; color: #2c6bf8; font-size:18px; text-align: center;}

.xba4:before{ width: 2px; height: 45px; background: #2c6bf8; display: block; position: absolute; top: 2px; left:-2px; content: ""; transition:width 2s;

-moz-transition:width 2s; /* Firefox 4 */

-webkit-transition:width 2s; /* Safari and Chrome */

-o-transition:width 2s;}

.xba4:hover:before{ background:#2c6bf8; color: #fff; width: 174px; }

.xba4 a:hover{color: #fff; z-index: 99; }

.kbyxc{ width: 100%; padding: 80px 0; display: block; position: relative; overflow: hidden;border-bottom:30px solid #f8f8f8; margin-bottom: 80px; }



.kbyxd{ width: 1280px; margin:50px auto 50px; position: relative; overflow: hidden; }

.kbyxd dl{ width: 275px; float: left; display: block; margin-right: 60px; position: relative; margin-bottom: 20px;cursor: pointer; }

.kbyxd dl:nth-child(4n){ margin-right: 0; }

.kbyxd dl dt{ width: 275px; height: 140px; display: table-cell; vertical-align: middle; text-align: center; }

.kbyxa dl dt img{ max-width:275px; max-height: 140px; display: block; margin: auto; }

.kbyxa dl dd{ width: 100%;  display: block; text-align: center; }

.kbyxd dl dd span{ font-size:18px; font-weight: bold; color: #333; line-height:60px; display: block; height:60px; position: relative;  text-align: center; }

.kbyxd dl dd p{ font-size: 17px; line-height:30px; color: #666; padding: 0; height: 60px; display: block; overflow: hidden; text-align: center; }  

.kbyxa dl:hover{ cursor: pointer; }



.kbyxe{ width: 100%; padding:50px 0 80px; display: block; position: relative; overflow: hidden;border-top:30px solid #f8f8f8;  }



.abt_a{ width: 1280px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0; display: block; }

.abt_ale{ width: 640px; float: left;}

.abt_ale img{ max-width:610px; margin-left: 10px; padding: 2px; -moz-box-shadow: 0px 0px 10px #ccc;  -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; }

.abt_arg{ width: 580px; float: right; }

.abt_arg h3{font-size: 30px; color: #333; line-height: 35px; height: 35px; padding-bottom:20px; border-bottom: 3px solid #f2f2f2; display: block;}

.abt_arg p{ font-size: 16px; color: #666; line-height: 35px; display: block; padding-top: 15px; }



.abt_pc{ width: 1280px; margin:100px auto 50px auto; position: relative; display: block; overflow: hidden; display: block; }

.abt_pc ul li{ width: 404px; float: left; display: block; margin: 11px;-moz-box-shadow: 0px 0px 10px #ccc;  -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; background: #f3f2f2;}

.abt_pc ul li img{width: 404px; height: 300px;-moz-box-shadow: 0px 0px 10px #ccc;  -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; background: #f3f2f2; border-radius: 3px;}

.abt_pc ul li h3{ font-size: 24px; padding-top: 50px; color: #2c6bf8; display: block; width: 100%; text-align: center; line-height: 60px; height: 60px; overflow: hidden; position: relative; font-weight: bold; }

.abt_pc ul li p{ width: 100%; display: block; padding: 0 7%; height:190px;  font-size: 16px; color: #666; line-height: 43px; position: relative; overflow: hidden; box-sizing: border-box; }



.event_box{width: 1280px; margin: 0 auto; padding-top: 50px;  position: relative;min-height:300px}

.event_box .parHd{width:100%;display:inline-block;height:92px; padding-top:50px; overflow: hidden;}

.parHd ul{width:100%;text-align:center;margin:0 auto;}

.parHd .tempWrap{margin:0 auto}

.parHd .tempWrap:after{content:'';width:1280px;height:3px;background:#999;position:absolute; top:13px; left: -40px;  z-index:10}

.parHd li.no_line:before{display:none}

.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:24px;color:#333;margin:0 45px;position:relative}

.parHd li:after{content:'';width:12px;height:12px; border-radius: 50%; background: #fff; border:3px solid #999; position:absolute;z-index:20;top:6px;left:50%;margin-left:-6px}

.parBd{text-align:center;margin-top:20px}

.parBd h4{position:relative;font-size:30px;margin-bottom:3%;padding:0 60px;display:inline-block;text-align:center}

.parBd h4:after{content:'';background:#000;width:60px;height:1px;position:absolute;left:-50px;bottom:20px}

.parBd h4:before{content:'';background:#000;width:60px;height:1px;position:absolute;right:-50px;bottom:20px}

.parBd p{line-height:180%; color: #000; font-size:18px;margin-bottom:3%;padding:0 60px;display:inline-block;text-align:center; position: relative;}

.parBd p:after{content:'';background:#2c6bf8;width:60px;height:2px;position:absolute;left:-50px;bottom:46px}

.parBd p:before{content:'';background:#2c6bf8;width:60px;height:2px;position:absolute;right:-50px;bottom:46px}

div#listBox{width:100%}

.sPrev,.sNext{width:40px;height:28px;display:block;position:absolute; top: 50px;}

.sPrev{left:0}

.sNext{right:0;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95)}

.parHd li.act:after{border:3px solid #333;}

.parHd li.act{ color: #2c6bf8}



.contle{ width:700px; float: left;padding-left: 80px; overflow: hidden; position: relative; padding-bottom: 20px; }

.contle h2{ font-size: 28px;color: #2c6bf8; line-height:80px; padding-top: 50px; padding-bottom: 40px;  padding-left: 220px; display: block; position: relative; overflow: hidden; }

.contle ul{ width: 100%; display: block; position: relative; }

.contle ul li{float: left; margin-right: 50px;  display: block;  margin-bottom: 20px;}

.contle ul li span{ font-size: 14px; color: #222; font-weight: bold; text-align: right; display: inline-block; width: 80px; }

.conipt{ width: 140px; height: 28px; border: 1px solid #b3b3b3; line-height: 28px; font-size: 16px; color: #b3b3b3; }

.context{ width: 472px;  padding: 10px; display: inline-block; position: relative; overflow: hidden;border: 1px solid #b3b3b3; line-height: 28px; font-size: 16px; color: #b3b3b3; }

.modbtn{ width: 140px; height: 40px; line-height: 40px; display: block; margin-left: 80px; background: #2c6bf8; font-size: 14px; text-align: center; color: #fff; border-radius: 3px;}



.contrg{ width: 470px; float: right; } 

.contrg h2{ font-size: 28px;color: #2c6bf8; line-height:80px; padding-top: 50px; padding-left: 110px; display: block; position: relative; overflow: hidden; }

.contact3{ width: 100%; display: block; position: relative; overflow: hidden; padding: 20px 0;}

.contact3 ul li{ width: 100%; padding-left:50px; height: 60px; line-height: 60px; font-size:16px; color: #000;}

.contact3 ul li.conta1{ background: url(../images/ico_conta1.png) no-repeat left center;}

.contact3 ul li.conta2{ background: url(../images/ico_conta2.png) no-repeat left center;}

.contact3 ul li.conta3{ background: url(../images/ico_conta3.png) no-repeat left center;}

.contact3 ul li.conta4{ background: url(../images/ico_conta4.png) no-repeat left center;}



.time-line{width:1280px;margin:80px auto 30px;position: relative; }
.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
.time-line .right-btn:hover{background: url(../images/arrow-hover.png) no-repeat;transform: rotate(180deg);}
.time-line .left-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}
.time-line .time-box{width:1200px;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative;height: 336px;}
.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:200px;float: left; padding:15px 20px; background: #fff; box-sizing: border-box;border: 1px solid #d2d2d2;position: relative; cursor: pointer;} 
.time-line .time-box li:nth-child(2n){margin-top: 206px;}
.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../images/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -48px; z-index: 1;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
.time-line .time-box li h3{font-size: 20px; font-weight: bold;}
.time-line .time-box li h4{ font-size: 24px; line-height:40px; height: 66px; display: block; margin-top: 5px; }
.time-line .time-box li p{ font-size: 15px; line-height: 22px; height: 66px; display: block; margin-top: 5px; }
.time-line .time-box li:hover,.time-line .time-box li.active{background: #2c6bf8;color:#fff;border-color: #2c6bf8;}
.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #2c6bf8;background: #2c6bf8;}
.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../images/point-hover.png) no-repeat;}


.bana { width:100%; height:auto; margin:0 auto; text-align:center; }
.bana img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; }

.hzdlb{height:760px;position: relative;background: url('../images/hzdl_bg.jpg') no-repeat top center; }

.hzdltxt{ width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 5px;   }
.hzdltxt h2{ font-size: 40px; line-height: 65px; color: #0586ab; position: relative; display: block;font-weight: bold;  }
.hzdltxt h3{ color: #7f8699; width: 100%; text-align: center; padding-bottom:25px; line-height:30px; font-size:16px; display: block;  text-transform: uppercase; position: relative; } 
.hzdltxt h3:before{ width:36px; height: 1px; background: #fff; position: absolute; top:55px; z-index: 99; left: 50%; margin-left: -18px; content: ""; display: block;  }
.hzdltxt h3:after{ background: #0586ab; width: 7px; height: 7px; top: 52px; z-index: 99; left: 50%; margin-left: -4px; border-radius: 50%; display: block; content: ""; position: absolute; }
.hzdltxt h4{ color: #7f8699; width: 100%; text-align: center; padding-bottom:25px; line-height:30px; font-size:16px; display: block;  text-transform: uppercase; position: relative; } 
.hzdltxt h4:before{ width:36px; height: 1px; background: #fff; position: absolute; top:85px; z-index: 99; left: 50%; margin-left: -18px; content: ""; display: block;  }
.hzdltxt h4:after{ background: #0586ab; width: 7px; height: 7px; top: 82px; z-index: 99; left: 50%; margin-left: -4px; border-radius: 50%; display: block; content: ""; position: absolute; }
.hzdltxt em{ width: 200px; height: 1px; position: relative; margin: 0 auto; overflow: hidden; background: #999; display: block; }

.hzdl_qpp{ width: 1300px; margin: 20px auto; position: relative; overflow: hidden; display: block; }
.hzdl_qpp dl{ width:244px; padding: 30px 15px; margin-top: 15px; box-sizing: border-box; float: left; display: block; margin-right: 20px; border: 1px solid #ededed; text-align: center; position: relative;transition:all .15s linear; }
.hzdl_qpp dl dt{ width: 244px; height:78px; display: table-cell; vertical-align: middle; text-align: center; }
.hzdl_qpp dl dt img{ max-width:244px; max-height: 78px; display: block; margin: auto; }
.hzdl_qpp dl dd{ width: 100%; padding: 0; display: block; position: relative; text-align: center; }
.hzdl_qpp dl dd h3{ font-size: 28px; color: #333; text-align: center; line-height: 60px; display: block; height: 60px; position: relative; }
.hzdl_qpp dl dd h3:before{ width: 40px; height: 3px; background: #0586ab; position: absolute; top: 57px; left: 50%; margin-left: -20px; display: block; content: ""; }
.hzdl_qpp dl dd p{ font-size: 14px; line-height: 30px; display: block; color: #333; position: relative; overflow: hidden; margin-top: 15px; height: 120px; }
.hzdl_qpp dl dd span a{ width: 140px; height: 30px; border: 1px solid #0586ab; text-align: center; line-height: 30px; font-size: 18px; color: #0586ab; border-radius: 15px; display: block; margin: 10px auto 0; }
.hzdl_qpp dl dd span a:hover{ background: #0586ab; color: #fff;  }
.hzdl_qpp dl:hover{-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px); cursor: pointer; }
.hzdl_qpp dl:last-child{ margin-right: 0; }

.hzdl_cs{ width: 1300px; margin: 20px auto 60px; position: relative; overflow: hidden; display: block; }
.hzdl_cs ul{ width: 100%; padding: 15px 0; display: block; position: relative; overflow: hidden; }
.hzdl_cs ul li{ width:244px; height: 230px; box-sizing: border-box; float: left; display: block; text-align: center; position: relative; }
.hzdl_cs ul li:nth-child(even){ background:url(../images/hzdl_jha.png) no-repeat center 50px; width: 20px;   }
.cspca{ width: 244px; height:100px; display: table-cell; vertical-align: middle; text-align: center; }
.cspca img{ max-height: 100px; max-width: 244px; display: block; margin: auto; }
.cspcb{ font-size: 20px; color: #333; line-height: 60px; height: 60px; text-align: center; display: block; position: relative; overflow: hidden; }
.cspcc{ font-size: 15px; padding:0 15px;  box-sizing: border-box; width: 100%; line-height: 22px; color: #7f8699; display: block; text-align: center; position: relative; overflow: hidden; height: 66px; }

.hzdl_sbs{ width: 100%; position: relative; overflow: hidden; display: block; background: url(../images/hzdl_bga.jpg) no-repeat center top; padding-top: 50px; }
.hzdl_sbtxd{ font-size: 40px; color: #666; text-align: center; display: block; position: relative; overflow: hidden; line-height: 50px; font-weight: bold;  }


.one{ width: 100%; background: url(../images/indbg_icon1.png) no-repeat top center; position: relative; overflow: hidden;  padding: 80px 0 20px;display: block; }
.onenr{ width:1304px; margin: 60px auto 20px; position: relative; overflow: hidden;  }
.onenr dl{ width: 300px; background: #fff; border-radius: 5px; padding: 40px 10px 40px 30px; box-sizing: border-box;-moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; margin: 13px; display: block; float: left;  }
.onenr dl dt{ width: 90px; float: left; position: relative; }
.onenr dl dt h2{ font-size: 22px; color: #0586ab; line-height: 25px; display: block; height: 25px; font-weight: bold;  position: relative; overflow: hidden;  }
.onenr dl dt em{ font-style: normal; width: 30px; height:2px; background: #0586ab; float: left; display: block; margin-top: 10px; position: relative; overflow: hidden; }
.onenr dl dt p{ padding-top: 10px; height: 44px; width: 100%; display: block;  font-size:13px; color: #333; line-height: 22px; position: relative; overflow: hidden;  }
.onenr dl dt span a{ font-size: 12px; width: 78px; height: 26px; display: block; border: 1px solid #0586ab; text-align: center; line-height: 26px; margin-top: 30px; position: relative; overflow: hidden; color: #0586ab; }
.onenr dl dd{ width: 140px; float: right; }
.onenr dl:hover dd img{animation:grafpaintb 1s infinite ease-in-out}@keyframes grafpaintb{0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}} 
.onenr dl dt span a:hover{background: #0586ab; border: 1px solid #0586ab; color: #fff; }

.hzdlct{ width: 100%; background: #f4f5f9; padding: 80px 0; display: block; position: relative; overflow: hidden; overflow: hidden; }
.hzdlmeg{ width: 1180px; margin:80px auto 0; display: block; position: relative; overflow: hidden; }
.hzmele{ width: 470px; margin: 10px; float: left; display: block; background: #fff; padding: 50px 90px 0; box-sizing: border-box;-moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; height: 570px;  }
.hzmele dl{ width: 100%; float: left; display: block; padding: 10px 0;  }
.hzmele dl dt{ font-size: 24px; line-height: 55px; color: #0586ab; display: block; position: relative; }
.hzmele dl dd{ font-size: 18px; line-height: 24px; color: #999; display: block; position: relative; padding:0; }

.hzmerg{ width: 670px; margin: 10px; float: right; display: block; background: #fff; padding: 50px 90px 0; box-sizing: border-box;-moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; height: 570px;  }

.dacotgct{ width: 100%; position: relative; padding-top:30px; overflow: hidden; }
.dacotgct ul li{ display: block; float: left;  margin-bottom:35px; width:100%; }
.bsdea{width: 100%; height:40px; line-height:40px; display: block; border: none; border-bottom: 1px solid #999999; color: #999999; background: none; font-size:18px;}
.begta{width: 100%; height:80px; line-height:40px; display: block; border: none; border-bottom: 1px solid #999999; color: #999999; background: none; font-size:18px;}
.tjga{ width: 180px; height:42px; display: block; line-height: 42px; text-align: center; font-size: 16px; border-radius: 3px;  background:#0586ab; color: #fff;}
.tjga:hover{ background: #33A1FF; cursor: pointer; }

.dswqhd{ width: 100%; background: url(../images/zt_wqhd.jpg) no-repeat center top; padding:100px 0; display: block; position: relative; overflow: hidden; }
.dswqht{ font-size: 36px; font-weight: bold; color: #fff; line-height: 50px; display: block; text-align: center; height: 50px; position: relative; overflow: hidden; margin: 0 auto; width: 100%; }

.hzdlba{ width: 484px; height: 56px; top: 534px; left: 50%; margin-left: -242px; position: absolute; display: block; overflow: hidden; }
.hzdlbaa a{ width: 228px; height: 56px; float: left; display: block; position: relative; }
.hzdlbab a{ width: 230px; height: 56px; float: right; display: block; position: relative; }


.gwabtgf{ width: 100%; background: url(../images/abt_bg.png) no-repeat center #fff; position: relative; overflow: hidden; display: block; padding:50px 0; box-sizing: border-box;  }
.abwl_le{ width:400px; float: left;  }
.abwl_rg{ width:807px; float: right;  }
.abwltxt{ width: 350px; float: left; text-align: center;  }
.abwltxt h2{ font-size: 40px; line-height: 50px; padding-bottom: 40px; color: #555; position: relative; display: block;font-weight: bold;  }
.abwltxt h2 span{ color: #2c6bf8; }
.abwltxt h2:before{ width: 280px; height: 2px; background: #dedede; position: absolute; top: 75px; left: 50%; margin-left: -140px; content: ""; display: block;  }
.abwltxt h2:after{ background: #4f4f4f; width: 42px; height: 8px; top: 72px; left: 50%; margin-left: -21px; border-radius: 5px; display: block; content: ""; position: absolute; }
.abwltxt h3{ width: 100%; height: 40px; line-height: 40px; background: #009ce5; font-size: 20px; text-align: center; color: #fff;-moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; display: block; }

.falac{ width: 1240px; height: 380px; display: block; position: relative; background: url(../images/abt_fzlca.png) no-repeat center; overflow: hidden; margin: 70px auto 0; }
.falac ul li{ display: block; float: left; position: relative; }
.falac ul li:first-child{ width: 110px; left: 75px; }
.falac ul li:nth-child(2){ width: 120px; left: 158px; } 
.falac ul li:nth-child(3){ width: 138px; left: 245px; }
.falac ul li:nth-child(4){ width: 105px; left: 325px; }
.falac ul li:nth-child(5){ width: 95px; left: 422px; }
.falac ul li:nth-child(6){ width: 120px; left: 505px; }
.falac ul li:nth-child(7){ width: 90px; left: 595px; }
.falac ul li:nth-child(8){ width: 120px; left: 685px; }
.falac ul li:nth-child(9){ width: 95px; left: 760px; }
.falac ul li:nth-child(10){ width: 95px; left: 850px; }
.falac ul li:nth-child(11){ width: 95px; left: 930px; }
.falac ul li:nth-child(12){ width: 120px; left: 1024px; } 
.falac ul li:nth-child(13){ width: 120px; left: 1108px; }
.falac ul li:nth-child(14){ width: 105px; left: 325px; }
.falac ul li:nth-child(15){ width: 95px; left: 422px; }
.falac ul li h3{ font-size: 24px; color: #000; height: 30px; line-height: 30px; position: absolute;display: block; }
.falac ul li p{ font-size: 14px; line-height: 17px; color: #666; height: 85px; display: block; position: absolute; }
.falac ul li:nth-child(odd) h3{top: 100px;}
.falac ul li:nth-child(odd) p{top: 17px;}
.falac ul li:nth-child(even) p{top: 295px;}
.falac ul li:nth-child(even) h3{top: 250px;}
.falac ul li:hover h3{ color: #2c6bf8; }