
*{margin:0;padding:0;}
html{color:#fff;background:#fff;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";line-height:1.7;color:#404040;}
li,ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
img{border:0 none;-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor:pointer;}
.white{color: #fff;}
body{overflow-x:hidden;}
.transtion{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.btn{display:block;width:276px;height:60px;border-radius:50px;background:#62a6cd;font-size:20px;line-height:60px;text-align:center;margin:60px auto 0;font-size: 20px;color:#fff;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.btn:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);box-shadow:-2px 0 5px #81c6f4,0 -2px 5px #81c6f4,0 2px 5px #81c6f4,2px 0 5px #81c6f4;}
.pb{padding:50px 0;}
.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}
.article h2{font-size:38px;color:#000;text-align: center;color: #535353;font-size: 42px;line-height:1.4;font-weight:300;background:url(../images/hbg1.jpg) no-repeat bottom center;padding-bottom: 20px;margin-bottom: 30px;}
.article h2 span{font-size: 30px;line-height: 24px;display: block;}
.over{overflow: hidden;}
.wp{width: 1180px;margin:0 auto;}
/*======*/
.banner{width: 100%;height: 665px;background: url(../images/banner.jpg) no-repeat center center;}
.banner .wp{height: 665px;position: relative;}
.banner .wp  a{display:block;width: 246px;height: 57px;line-height: 57px;color:#fff;font-size: 24px;text-align: center;background: #3498db;position: absolute;left:160px;bottom:70px;}
.section1 .wp dl {overflow: hidden;width: 205px;float: left;height: 413px;}
.section1 .wp dl dt{width: 205px;float: left;}
.section1 .wp dl dd{width: 0px;float: right;position: relative;}
.section1 .wp dl dd a{display: none;width: 216px;height: 62px;line-height: 60px;position: absolute;left:50%;margin-left: -108px;bottom:24px;}
.section1 .wp dl.on{width: 561px;}
.section1 .wp dl.on dd{width: 356px;}
.section1 .wp dl.on dd a{display: block;}
.section2{width: 100%;height: 584px;background:url(../images/bg1.jpg) no-repeat center;padding-top: 60px;}
.section2 .wp{width: 1014px;}
.section2 .wp ul{width: 1072px;overflow: hidden;}
.section2 .wp ul li{width: 209px;height: 131px;float: left;margin:0 58px 28px 0;position: relative;overflow: hidden;}
.section2 .wp ul li span{display: block;width: 100%;height: 100%;position: absolute;left:0;bottom:0;font-size: 20px;color:#fff;text-align: center;background: #4183d7;line-height: 131px;opacity: 0.8;filter:alpha(opacity=80);}
.section2 .wp ul li:nth-child(2) span{background: #59abe3;}
.section2 .wp ul li:nth-child(3) span{background: #52b3d9;}
.section2 .wp ul li:nth-child(4) span{background: #81cfe0;}
.section2 .wp ul li:nth-child(5) span{background: #22a7f0;}
.section2 .wp ul li:nth-child(6) span{background: #3498db;}
.section2 .wp ul li:nth-child(7) span{background: #1e8bc3;}
.section2 .wp ul li:nth-child(8) span{background: #6bb9f0;}
.section2 .btn{margin:15px auto 0;}
.section3 .wp dl dt{width: 530px;float: left;padding:10px 0 0 70px;}
.section3 .wp dl dt p{font-size: 16px;color:#969696;padding: 0px 20px 0 0;}
.section3 .wp dl dd{width: 475px;float: left;padding-top:10px;position: relative;margin-left: 40px;}
.section3 .wp dl dd h3{font-size: 42px;line-height: 1.2;background: url(../images/hbg2.jpg) no-repeat bottom left;font-weight: 300;padding-bottom: 15px;}
.section3 .wp dl dd h3 span{font-size: 32px;display: block;}
.section3 .wp dd p{font-size: 18px;line-height: 30px;margin-top:20px;color:#969696;}
.section3 .wp dd img{position: absolute;right:0;top:20px;display: block;border:1px solid #409b98;border-radius: 8px;}
.section3 .wp ul{margin-top: 40px;}
.section3 .wp ul li{width: 205px;text-align: center;float: left;text-align: center;font-size: 24px;color:#818181;text-align: center;background:url(../images/hbg3.jpg) no-repeat right top 30px;}
.section3 .wp ul li img{display: block;width: 72px;margin:0 auto 10px;}
.section3 .wp ul li.last{width: 152px;background: none;}
.section3 .img{width: 818px;height: 184px;margin:50px auto 0;}
.section3 a.btn{width: 340px;margin:30px auto 0;}
.section4{background: #e9f4f6;}
.section4 p.p1{font-size: 20px;text-align: center;color:#535353;}
.section4 .wp ul li{float: left;text-align: center;background: #9fc0c9;color:#fff;height: 320px;padding-top: 55px;}
.section4 .wp ul li h3{font-size: 30px;line-height: 1.3;font-weight: normal;margin-top: 15px;}
.section4 .wp ul li h3 span{font-size: 18px;display: block;text-align: center;}
.section4 .wp ul li p{font-size: 18px;padding:20px 45px 0;text-align: left;}
.section4 .wp ul li.l1{background: #3498db;}
.section5 .wp h3{font-size: 24px;color:#535353;font-weight: normal;padding-left: 315px;margin-bottom: 15px;}
.section5 .wp {position: relative;}
.section5 .wp .left{float: left;}
.section5 .wp .right{float: right;}
.section5 .wp .right h3{padding-left: 50px;}
.section5 .wp .content{padding-top: 100px;width: 583px;height: 360px;}
.section5 .wp .left .content{background:url(../images/s4.jpg) no-repeat center;}
.section5 .wp .right .content{background:url(../images/s5.jpg) no-repeat center;}
.section5 .wp .content p{width: 350px;font-size: 22px;color:#fff;padding-top: 110px;padding-left: 60px;}
.section5 .wp .right .content p{padding-left: 233px;color:#5b5b5b;}
.section5 .wp .s1{font-size: 32px;color:#fff;font-weight: 300;display: block;width: 77px;height: 77px;background: #3498db;text-align: center;line-height: 77px;border-radius: 50%;border:2px solid #fff;position: absolute;left:50%;margin-left: -37.5px;top:0;}
.section6{background: #22a7f0;}
.section6 h2{color:#fff;background:url(../images/hbg4.jpg) no-repeat bottom center;}
.section6 .wp{width: 1150px;}
.section6 .wp .content{width: 1274px;overflow: hidden;}
.section6 .wp .content dl {float: left;margin-right: 124px;margin-bottom: 40px;}
.section6 .wp .content dl dt{width: 250px;height: 250px;border-radius: 50%;border:2px dashed #fff;padding:23px;position: relative;}
.section6 .wp .content dl dt span{display: block;width: 250px;height: 250px;position: absolute;left:23px;top:23px;background: #000;border-radius: 50%;opacity: 0;filter:alpha(opacity=0);transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.section6 .wp .content dl dt img{display: block;border-radius: 50%;}
.section6 .wp .content dl dt p{width: 198px;font-size: 18px;color:#fff;line-height: 26px;position: absolute;left:50%;margin-left: -99px;top:90px;opacity: 0;filter:alpha(opacity=0);transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.section6 .wp .content dl:hover dt span{opacity: 0.6;filter:alpha(opacity=60);}
.section6 .wp .content dl:hover dt p{opacity: 1;filter:alpha(opacity=100);}
.section6 .wp .content dl dd{width: 215px;margin:15px auto 0;overflow: hidden;}
.section6 .wp .content dl dd span{display: block;width: 55px;height: 55px;background: #fff;border-radius: 50%;color:#3498db;text-align: center;line-height: 55px;float: left;}
.section6 .wp .content dl dd p{width: 150px;font-size: 24px;line-height: 30px;color:#fff;float: right;}
.section6 .btn{background: none;border:1px solid #fff;margin:0 auto;}
.section7{padding-top: 60px;}
.section7 p.p1{padding:0 58px;color:#a09f9f;font-size: 18px;line-height: 28px;}

.item_scroll { width: 100%; position: relative; height: 583px;}
.item_slider { width: 100%; height:583px; position: relative; margin: 0 auto; overflow: hidden; }
.item_slider .bd li { width: 100%; height:583px; }
.item_slider .bd li.l1{background:url(../images/wcm.jpg) no-repeat right top;}
.item_slider .bd li.l2{background:url(../images/wd.jpg) no-repeat right top;}
.item_slider .bd li .content{width: 480px;margin-left: 75px;padding-top: 50px;}
.item_slider .bd li .content h3{font-size: 48px;color:#81cfe0;font-weight: normal;border-bottom: 1px dashed #505050;margin-bottom: 15px;}
.item_slider .bd li .content h3 span{font-size: 26px;color:#505050;}
.item_slider .bd li  .content p{font-size: 18px;color:#6e6e6e;}
.item_slider .bd li  .content strong{background: #81cfe0;font-size: 18px;color:#fff;display: block;width: 85px;height: 30px;line-height: 30px;text-align: center;font-weight: normal;border-radius: 25px;margin-top: 55px;margin-bottom: 5px;}
.item_slider .bd li  .content a{display: block;width: 228px;height: 63px;line-height: 63px;background: #3498db;color:#fff;text-align: center;line-height: 63px;border-radius: 35px;float: left;margin-top: 40px;}
.item_slider .bd li  .content a.a1{background: #81cfe0;margin-left: 20px;}

.item_slider .hd ul {position: absolute;width: 99px;position: absolute;right:40px;top:25px;}
.item_slider .hd ul li{width: 99px;height: 99px;background:url(../images/doc1.jpg) no-repeat center;margin-bottom: 20px;}
.item_slider .hd ul li.l3{background:url(../images/doc2.jpg) no-repeat center;}
.item_slider .hd ul li.on{background:url(../images/doc1_1.jpg) no-repeat center;}
.item_slider .hd ul li.l3.on{background:url(../images/doc2_1.jpg) no-repeat center;}
.section8{height: 727px;width: 100%;background:url(../images/bg2.jpg) no-repeat center;padding-top: 50px;}
.section8 .wp ul{width: 1200px;overflow: hidden;}
.section8 .wp ul li{width: 380px;height: 550px;position: relative;text-align: center;float: left;margin-right: 20px;}
.section8 .wp ul li span{display: block;width: 100%;height: 100%;background: #3498db;opacity:0.8;filter:alpha(opacity=80);position: absolute;left:0;top:0;}
.section8 .wp ul li h3{font-size:32px;font-weight: 700;color:#fff;padding-top: 35px;margin-bottom: 15px;}
.section8 .wp ul li p{font-size:18px;line-height:30px;color:#fff;padding:20px 40px 0;text-align: left;}
.section8 .wp ul li div{width: 100%;height: 100%;position: absolute;left:0;top:0;}

.section10{background: #e9f4f6;}
.section10 p.p1{padding:0 100px;font-size: 18px;color:#8a8a8a;margin-bottom: 40px;}
.section_like .wp ul li{height: 500px;}
#video{-moz-box-shadow:1px 1px 20px #999; -webkit-box-shadow:1px 1px 20px #999; box-shadow:1px 1px 20px #999;}
#form .callbF_sub{width: 68px !important;}
#form input.callbF_text{width: 162px !important;}
.section9{padding-bottom: 80px}
.section9 h2 b{font-size: 60px;font-weight: 500}
.section9 .top{padding-top: 40px}
.section9 .top li{width: 345px;height: 270px;}
.section9 .bot li{width: 328px;height: 278px;}
.section9 .top .mar{width: 415px;margin:0 22px;background:#53B3DB;padding:0 15px;}
.section9 .bot .text{width: 374px;background:#53B3DB;padding:0 15px;}
.section9 .bot .mar{margin:0 22px;}
.section9 ul{margin-top: 20px}
.section9 ul li{float: left}
.section9 ul p,.section9 ul dd{font-size: 17px;color: #fff}
.section9 ul dl{line-height: 40px;padding: 25px 0 20px}
.section9 ul dt{width: 39px;float: left;padding-top: 10px;}
.section9 ul dd{width: 335px;float: left;font-size: 30px;}








