.fl{float: left;}
.fr{float: right;}
h1,h2,h3,h4,h5,p,span,b,i,strong {font-family:"Microsoft YaHei";line-height: 1;margin:0;padding:0;}
a{text-decoration:none;cursor: pointer;color: #fff;display: block;}
.fixed{position:fixed;top:0;z-index:99;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);*zoom:1;left: 0; right: 0;}
.navhigh{ width: 100%; display: none;}
.container{ width: 100%; max-width: 1920px; min-width: 1024px; margin: 0 auto; overflow:hidden;font-size: 18px; color: #666; }
.mt20{margin-top: 20px;}
.wp{ width: 1180px; margin: 0 auto; overflow: hidden;}
.banner{display: block;width: 100%;height:725px;clear: both;background: url(../images/banner.jpg) no-repeat;position: relative;}
.btnas{display: block;width: 450px;height: 90px;border: 2px solid #e6ac00;background: #e6ac00;text-align: center;border-radius: 50px;line-height: 90px;font-size: 38px;margin: 0 auto;color: #fff;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.btnas:hover{transform:scale(1.1);-moz-transform:scale(1.1);	-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.wrapper {width: 1180px;height: 725px;margin: 0 auto;}
.banner a {position: relative;left: 1075px;top: 480px;z-index: 1;}
.text {width: 760px;height:115px;border-top:2px solid #cccccc;border-bottom:2px solid #cccccc;margin: 0 auto;}
.text h2 {color:#000;font-size: 46px;text-align: center;margin-top: 20px;}
.text p {font-size: 16px;text-transform: uppercase;text-align: center;line-height: 2;}

.section1 {margin-top: 50px;}
.section1 .area {width: 100%;margin: 5% auto;overflow: hidden;}
.section1 .area ul{width: 100%;overflow: hidden;}
.section1 .area ul li{float: left;width: 50%;height: 230px;margin-bottom: 30px;}
.section1 .area ul li img{float: left;margin-right: 5%;}
.section1 .area ul li div{float: left;width: 40%;position: relative;height: 232px;overflow: hidden;}
.section1 .area ul li div h3{font-size: 30px;}
.section1 .area ul li div p{line-height: 1.5;margin-top: 5%;width: 95%;font-size: 18px;color: #333333;}
.section1 .area ul li div a{background: #004a59;width: 180px;height: 60px;line-height: 60px;text-align: center;position: absolute;bottom: 0;border-radius: 50px;}

.section2 .text {width: 820px;}
.section2 .area {margin: 5% auto;} 
.section2 .area img{float: left;margin-right: 30px;} 
.section2 .area div {overflow: hidden;}
.section2 .area div p {color: #333333;font-size: 20px;width: 90%;line-height: 1.8;margin: 30px 0;}
.section2 .area div a {margin: 0;}
.section2 .area div a:hover {transform:none;}

.section3 {padding-bottom: 3%;}
.section3 .area {overflow: hidden;margin: 5% auto;}
.section3 .area ul {overflow: hidden;width: 78%;margin: 0 auto;}
.section3 .area ul li {width: 283px;float: left;margin-right: 15px;}
.section3 .area ul li div {border: 1px solid #ebebeb;height: 150px;width: 281px;border-top: 0;overflow: hidden;margin-top: 10px;}
.section3 .area ul li div h3{display: block;width: 100%;background: #004a59;text-align: center;color: #fff;height: 43px;line-height: 43px;font-size: 20px;font-weight: normal;}
.section3 .area ul li div p{color: #004a59;font-size: 16px;width: 86%;line-height: 1.5;margin: 20px auto 0 auto;}

.section4 .text h2{color: #006a80;}
.section4 .area {padding: 4% 0 3% 0;overflow: hidden;}
.section4 .area p {line-height: 2;font-size: 16px;margin-bottom: 30px;}
.section4 .area p span{color: #e6ac00;}
.section4 .section_top{margin:0 auto;}
.section4 .left{width: 225px;height: 290px;background: #2a7180;border-radius:10px;padding-top: 15px;float: left;margin-right: 15px;}
.section4 .left p.p1{width: 98px;height: 78px;background: #e6ac00;border-radius:50%;text-align: center;font-size: 24px;color:#fff;margin: 20% auto 0;line-height: 30px;padding-top: 20px;}
.section4 .left h3{font-size: 40px;text-align: center;font-weight: normal;color:#fff;width: 120px;margin: 20px auto 0 auto;padding-bottom: 10px;line-height: 1.1;}
.section4 .left p.p2{font-size:20px;text-align: center;color:#fff;padding-top: 6px;}
.section4 .right{overflow: hidden;}
.section4 .right li{width: 224px;height: 303px;float: left;border:1px solid #fff;border-radius:10px;margin-right: 10px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.section4 .right li img{border-radius:10px;display: block;width: 100%;}
.section4 .right li.last{margin-right: 0;}
.section4 .right li.on{border-color:#cb8700;}
.section4 .scroll{width:721px;height: 447px;margin:40px auto 0;background:url(../images/bg6.jpg) no-repeat center;position: relative;overflow: hidden;}
.section4 .scroll .slider{height: 447px;position: absolute;left:0;top:0;width: 9999px;}
.section4 .scroll .slider .box{width: 417px;height: 377px;background:url(../images/z1.png) no-repeat left center;padding-left: 304px;padding-top: 70px;float: left;}
.section4 .scroll .slider .box1{background:url(../images/z2.png) no-repeat left center;}
.section4 .scroll .slider .box2{background:url(../images/z3.png) no-repeat left center;}
.section4 .scroll .slider .box3{background:url(../images/z4.png) no-repeat left center;}
.section4 .scroll .slider .box h3{font-size:30px;margin-bottom: 42px;}
.section4 .scroll .slider .box p{font-size:18px;}
.section4 .scroll .slider .box p strong{font-weight: normal;display:inline-block;width: 23px;height: 23px;line-height:23px;text-align: center;background: #eba313;color:#fff;border-radius:50%;}
.section4 .scroll .slider .box a{display:inline-block;width: 170px;height: 50px;line-height:50px;font-size:18px;color:#fff;text-align: center;border-radius:25px;background: #e6ac00;margin-left: 15px;margin-top: 50px;}
.section4 .scroll .slider .box a.a1{background: #666;}
.section4 .scroll .slider .box a.a1:hover{background: #e6ac00;}

.section5 h2{margin-bottom: 15px;}
.section5 p.cen{font-size:16px;text-align: center;margin-bottom: 150px;}
.section5 .wp{position: relative;padding-top: 50px;}
.section5 .content .nav{width: 460px;margin:0 auto;position: absolute;left:50%;margin-left: -230px;z-index:66;}
.section5 .content .nav li{width: 181px;height: 181px;border-radius:50%;position: relative;float: left;margin-right: 45px;}
.section5 .content .nav li.last{margin-right: 0;}
.section5 .content .nav li span{display: block;}
.section5 .content .nav li span.ss{width: 78px;height: 60px;position: absolute;top:40px;background: #e6ac00;border-radius:50%;color:#fff;font-size:18px;line-height:20px;text-align: center;padding-top: 18px;z-index:11;}
.section5 .content .nav li span.s1{left:-50px;}
.section5 .content .nav li span.s2{right:-50px;}
.section5 .content .nav li span.bgs{width: 100%;height: 100%;background: #2a7180;font-size:30px;color:#fff;text-align: center;line-height:181px;text-align: center;position: absolute;left:0;top:0;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;}
.section5 .content .nav li.on span.bgs{opacity:1;filter:alpha(opacity=100);}
.section5 .wp .scroll{width: 1180px;height: 850px;position: relative;overflow: hidden;}
.section5 .wp .scroll .slider{position: absolute;left:0;top: 200px;width: 99999px;height: 641px;}
.section5 .wp .scroll .slider .box{width: 1180px;height: 641px;position: relative;float: left;}
.section5 .wp .scroll .slider .box1{background:url(../images/bg4.jpg) no-repeat center;}
.section5 .wp .scroll .slider .box2{background:url(../images/bg5.jpg) no-repeat center;}
.section5 .wp .scroll .slider .box p{font-size:18px;position: absolute;}
.section5 .wp .scroll .slider .box p.p1{width: 630px;left:505px;top:78px;font-size:16px;line-height: 1.5;color: #666666;}
.section5 .wp .scroll .slider .box p.p2{width: 510px;left:593px;top:444px;color:#333;font-size:16px;}
.section5 .wp .scroll .slider .box div{width: 350px;position: absolute;left:60px;top:511px;}
.section5 .wp .scroll .slider .box div h3{font-size:30px;color:#000;margin-bottom: 10px;}
.section5 .wp .scroll .slider .box div h3 span{font-size:20px;font-weight: normal;color:#666;}
.section5 .wp .scroll .slider .box div p{width: 400px;font-size:18px;line-height: 1.5;}
.section5 .wp .scroll .slider .box div p strong{font-size:20px;color:#fff;background: #e6ac00;padding:2px 4px 2px 8px;}
.section5 .wp .scroll .slider .box a.btn{display: block;width: 170px;height: 50px;line-height:50px;background: #666;color:#fff;font-size:18px;text-align: center;border-radius:45px;position: absolute;right:190px;bottom:65px;}
.section5 .wp .scroll .slider .box a.a1{width: 220px;background: #e6ac00;right:368px;}
.section5 .wp .scroll .slider .box a.btn:hover{background: #e6ac00;}

.section6 {margin: 50px auto 0 auto;padding-bottom: 50px;}
.section6 .text h2{ color:#006a80; }
.section6 .area {overflow: hidden;margin: 50px auto 0 auto;}
.section6 .area ul{margin: 0 0 30px 20px;overflow: hidden;}
.section6 .area ul li{float: left;text-align: center;margin: 15px;font-size: 18px;}
.section6 .area ul li img {margin-bottom: 15px;}
.section7 {width: 100%;}
.section7 .text h2 { color:#006a80; }
.section7 .text h2 span{ color:#e6ac00;  }

.section7 .area {width: 100%;margin: 40px auto 0 auto;background: #f2f2f2;padding: 50px 0 80px 0;}
.section7 .area ul{background: url('../images/bg1.jpg') center no-repeat;height: 396px;margin-bottom: 10px;}
.section7 .area ul li{float: left;margin: 320px 10px 0 0;width: 386px;text-align: center;}
.section7 .area ol{background: url('../images/bg2.jpg') center no-repeat;height: 396px;margin-bottom: 50px;}
.section7 .area ol li{ float: left;margin: 320px 10px 0 0;width: 386px;text-align: center; }

.section9 .insection7{width:1180px;height:410px;margin-top:80px;overflow:hidden;position:relative;background: #00889d;}
.section9 .insection7 .scroll2{width:99999px;margin-top:40px;overflow:hidden;position:absolute;left:0;top:0}
.section9 .insection7 .scroll2 .inscroll{overflow:hidden;width:1180px;float:left}
.section9 .insection7 .scroll2 .inscroll .left{float:left;margin-left: 30px;}
.section9 .insection7 .scroll2 .inscroll .right{float:right;width:600px;position:relative;margin-top:30px;}
.section9 .insection7 .scroll2 .inscroll .right h3{font-size:24px;color:#fff;text-align:center;margin-bottom: 30px;}
.section9 .insection7 .scroll2 .inscroll .right p{font-size:18px;color:#fff;line-height:28px;width: 543px;}
.section9 .insection7 .scroll2 .inscroll .right span{display: block;width: 230px;height: 60px;line-height: 60px;}
.section9 .insection7 .scroll2 .inscroll .right span a{font-size: 20px;}
.section9{ width: 100%; overflow: hidden; background: #7bd0dd;}
.section9 h2{ color: #00444e}
.bnav{width: 101%;overflow: hidden;position: relative;}
.bnav a{display: block;float: left;width: 235px;border-right: 1px solid #fff;height: 62px;text-align: center;line-height: 62px;font-size: 20px;background-color: rgb(0, 136, 157);color: #fff;margin-bottom: 8px;border-radius: 0;}
.bnav a:hover,.bnav a.on{background-color: rgb(0, 109, 125);transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.bchange{ width: 100%; height: 410px; background: #00889d; margin-bottom: 25px;overflow: hidden; position: relative;}
.bc{ width: 600%; height: 410px; position: absolute; left: 0; top: 0;}
.bc .cboxs{width: 1180px; height: 410px;float: left; color: #fff;}
.bc .cboxs .flimgs{margin-left: 32px; margin-top: 38px; width: 515px; height: 320px; overflow: hidden;float: left;}
.bc .cboxs dl{ float: right; width: 540px; margin-right: 65px; height: 100%; position: relative;}
.bc .cboxs dl dt{text-align: center;font-size: 24px;font-weight: bold;line-height: 1;margin-top: 95px; margin-bottom: 25px;}
.bc .cboxs dl a{ display: block;border:1px solid rgb(219, 128, 0);background-color: rgb(254, 149, 0);box-shadow: inset 1.5px 2.598px 7px 0px rgba(174, 103, 3, 0.137);width: 228px;height: 56px;text-align: center;line-height: 56px;border-radius: 10px;font-size: 20px; position: absolute; left: 50%;margin-left: -114px; bottom: 55px; color: #fff;}

.section8 h2{height: 60px;background:url(../images/hbg4.jpg) no-repeat center;padding:30px 0;}