
*{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:#242424;}
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;}
h2{font-size:38px;color:#000;text-align: center;}
.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;}
.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}
.over{overflow: hidden;}
.content{width: 1150px;margin:0 auto;}
.article h2{width: 100%;color: #333;font-size: 50px;text-align: center;font-weight: 400;padding: 80px 0 35px}
.article h2 span{display: block;font-size: 20px;color: #fff;background: #333;border-radius: 17px;font-weight: normal;width: 370px;height: 34px;line-height: 34px;margin: 0 auto;}

.fl{float: left}
.fr{float: right}
.none{margin-right: 0;}
.btn{display: block;height: 40px;line-height: 40px;color: #333;font-size:18px;text-align: center;margin: 0 auto;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;border: 2px solid #333}
.btn:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}



/*======*/
.banner{display:block;width: 100%;height:731px;background: url('../images/banner.jpg') no-repeat top center;}

.section1 {background: #FBB9F2;padding-bottom: 70px}
.section1 h2 span{width: 200px}
.section1 .content{height: 485px;background: url('../images/img1.jpg') no-repeat center;position: relative}
.section1 .text{width: 365px;position: absolute;right: 110px;top:157px;font-size: 18px;color: #999;text-align: center }
.section1 .text a{width: 195px;margin: 30px auto}
.section2{background: #9EDCDB;padding-bottom: 70px}
.section2 h2 span{width: 268px;}
.section2 p{text-align: center;font-size: 18px;color: #333}
.section2 dl{width: 953px;height: 253px;margin: 0 auto;-webkit-border-radius:127px;-moz-border-radius:127px;border-radius:127px;background: #fff;margin-top: 35px}
.section2 dl dt{width: 222px;height: 222px;border-radius: 50%;overflow: hidden;float: left;margin: 15px 50px 0 15px;}
.section2 dl dd{width: 615px;font-size: 18px;color: #999;float: left}
.section2 dl dd span{display: block;text-align: center;margin: 50px 0 30px}
.section2 dl dd a{width: 193px}
.section3{padding-bottom: 70px}
.section3 h2 span{width: 290px;background: #999}
.section3 .content{margin: 30px auto 50px}
.section3 dl{width: 172px;float: left;font-size: 22px;color: #999;text-align: center;margin-right: 23px}
.section3 dl dd{margin: 15px auto}
.section3 dl.none{margin-right: 0}
.section3 a{width: 230px}
.section4{background: #FBB9F2;padding-bottom: 40px}
.section4 h2 span{width: 289px}
.section4 .content{height: 660px}
.section4 .scroll{position: relative;height: 660px}
.section4 .bd{position: absolute;top:-90px;z-index: 2}
.section4 .bd li dl{width: 100%;background: #fff;overflow: hidden;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.section4 .bd li dt{width: 488px;float: right;margin-right: 20px}
.section4 .bd li dd{width: 540px;float: left;margin-left: 30px}
.section4 .bd li h3{font-size: 48px;text-align: left;color: #333;font-weight: 400;line-height: 1.2;margin: 50px auto 5px}
.section4 .bd li h3 span{display: block;width: 150px;text-align: center;height: 34px;line-height: 34px;background: #999;border-radius: 17px;;font-size: 18px;color: #fff}
.section4 .bd li p.p1 span{display: inline-block;height: 34px;line-height: 34px;font-size: 18px;color: #fff;background: #999;margin-right: 1px;padding: 0 5px}
.section4 .bd li p.p1 span.mar{background: #333;}
.section4 .bd li p.p2{font-size: 18px;color: #999}
.section4 .bd li img{display: block;margin: 25px 0 20px; }
.section4 .bd li p{font-size: 16px;color: #666}
.section4 .bd li a{width: 262px;margin: 25px 0 0}
.section4 .bd li .dl2{padding: 10px 0 5px}
.section4 .bd li .dl2 img{margin: 10px 0 20px}
.section4 .hd{width: 100%;height: 175px;position: relative;margin-left: 30px}
.section4 .hd li{width: 175px;height: 140px;-webkit-border-radius: 88px;-moz-border-radius: 88px;border-radius: 88px;font-size: 22px;text-align: center;padding-top: 35px;position: absolute;top: 0;background: #52E2A7;color: #fff}
.section4 .hd li.li1{left: 10px}
.section4 .hd li.li2{left: 170px;}
.section4 .hd li.on{color: #333;background-color: #fff;z-index: 1}
.section4 .text{width: 600px;margin: 50px auto;overflow: hidden}
.section4 .text span{width: 50px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 22px;float: left;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #333;}
.section4 .text p{width: 540px;float:left;line-height: 1.4;color: #333;font-size: 18px;margin-left: 10px}
.section5{background: #9CE5EA;}
.section5 h2 span{width: 340px}
.section5 .content{height: 608px;position: relative;background: 
url('../images/img13.jpg') no-repeat center}
.section5 a{width: 137px;height: 137px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;background-color: #df73f6;font-size: 46px;position: absolute;left: 50%;margin-left: -69px;bottom: 44px;border: 0;font-weight: 300;color: #fff}
.section5 a span{display: block;padding-top: 20px;font-size: 16px;}
.section6{padding-bottom: 70px;background: #F7FBF9}
.section6 h2 span{width: 250px;background: #999}
.section6 p{font-size: 18px;color: #999;text-align: center}
.section6 dl dd{width: 607px;height: 82px;-webkit-border-radius: 51px;-moz-border-radius: 51px;border-radius: 51px;background: #333;text-align: center;font-size: 22px;color: #fff;margin: 20px auto 40px;line-height: 1.4;padding-top: 20px}
.section6 a{width: 285px;margin-top: 40px}
.section7{background: #FBB9F2;padding-bottom: 70px}
.section7 h2 span{width: 270px}
.section7 .content{position: relative;height:545px;}
.section7 .doc_scroll{ width:1150px; height:545px;margin: 0 auto; position: relative;}
.section7 .doc_scroll span.qh{display: block;width: 30px;height: 75px;position: absolute;top: 230px;z-index: 1}
.section7 .doc_scroll .prev{left: 30px;}
.section7 .doc_scroll .next{right: 30px;}
.section7 .doc_scroll .reco{width: 1150px;overflow: hidden}
.section7 .doc_scroll .sider{width: 1150px;overflow: hidden;position: relative; height: 545px;}
.section7 .doc_scroll .sider li{ float: left;width: 1150px; background: #fff;height: 545px;margin-right:80px;position: relative;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.section7 .doc_scroll .sider li dl{overflow: hidden;background: #FB8EEC}
.section7 .doc_scroll .sider li dl dt{width: 596px;float: left}
.section7 .doc_scroll .sider li dl dd{width: 400px;float: left;font-size: 18px;color: #fff;margin-left: 80px}
.section7 .doc_scroll .sider li dl dd h3{font-size: 48px;font-weight: 400;margin: 135px 0 25px}
.section7 .doc_scroll .sider li dl dd h3 span{display: block;width: 65px;height: 2px;background: #fff;margin-top: 10px}
.section7 .doc_scroll .sider li dl dd p span{font-size: 24px}
.section7 a{width: 210px;margin: 40px auto 0}
.section8{width: 100%;height: 800px;background:url('../images/img23.jpg') no-repeat center;}
.section8 h2{color:#fff; font-size: 36px;line-height: 1.4}
.section8 ul {width: 1189px; overflow: hidden;}
.section8 ul li{width: 176px;float: left;background: #fff;height: 515px;margin-right: 6px;padding: 8px}
.section8 ul li h3{font-size: 24px;color:#333;text-align: center;font-weight: normal;line-height: 1.2;padding-top: 10px;}
.section8 ul li h3 span{display: block;height: 2px;width: 58px;background: #787878;margin:15px auto 5px;}
.section8 ul li p{font-size: 16px;color:#666;padding:5px 10px 0;}
