*{margin:0;padding:0;}
html{color:#fff;}
body{width:100%; margin:0 auto;font-size:18px;font-family:"Microsoft YaHei"; line-height: 1.7;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0 none;-ms-interpolation-mode:bicubic;}
.clear,.clearfix{zoom:1;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden;}
.hidden,.hide{display:none;}
.over{ overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
a{text-decoration:none; cursor: pointer;}
.btn{text-align: center; 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);}
.container{ width: 100%; max-width: 1920px; min-width: 1024px; margin: 0 auto; overflow:hidden;font-size: 18px; color: #666; }
.wp{width: 1180px;margin: 0 auto;}
.banner{ width: 100%;height: 160px;background: url(../images/banner.jpg) no-repeat center;margin-bottom: 30px; padding-top: 690px;}
.banner a{display: block; width: 910px; height: 60px; margin: 0 auto;}
.container h2{font-size: 48px;color: #343333;text-align: center;margin: 30px 0; padding: 26px 0 30px 0; }
.container h2 font{color: #f56c9a}

.section1{width: 100%; height: 854px; background: url(../images/b_bg.jpg) bottom center no-repeat;}
.section1 h2{background: url(../images/tit1.jpg) center center no-repeat;}
.section1 .wp{height: 600px; background: url(../images/a1.jpg) top left no-repeat;}
.section1 .wp .box1{width: 628px; height: 493px; float: right; padding: 57px 18px 0 0;}
.box1 span{display: block; width: 100%; padding: 18px 0 12px 0; height: 174px;}
.box1 span img{margin-right: 12px;}
.box1 p{padding-bottom: 18px; font-size: 18px; color: #5f5f5f; line-height: 1.7; }
.box1 p b{color: #f56c98;}
.section2{background: url(../images/c_bg.jpg) bottom center no-repeat #f56c98; padding-top: 34px; height: 820px;}
.section2 h2{color: #fff; padding-top: 0; background: url(../images/tit2.jpg) center center no-repeat;}
.section2 p{font-size: 18px; line-height: 1.7; color: #fff; padding: 50px 12px;}
.section3{padding-bottom: 77px;}
.section3 h2{margin-top: 0; margin-bottom: 56px; background: url(../images/tit3.jpg) center center no-repeat;}
.box2{width: 1085px; height: 580px; background: url(../images/c1.jpg) 0 16px no-repeat; margin-left: 33px; margin-bottom: 42px;}
.box2 li{width: 276px; height: 110px; font-size: 20px; color: #333; line-height: 1.2; padding-left: 38px;}
.box2 li span{display: block; height: 50px; font-size: 32px; color: #f56c98;}
.section3 a.btn{width: 476px; height: 67px; margin:0 auto; display: block;}
.section4{width: 100%; height: 693px; background: url(../images/d1.jpg) top center no-repeat;}
.section4 .wp{width: 1080px; padding-top: 102px;}
.section4 .wp h2{width: 435px; padding-bottom: 0; margin-bottom: 0; color: #fff; text-align: left;}
.section4 .wp span{display: block; width: 435px; font-size: 60px; color: #f0ff00; line-height: 76px;}
.section4 .wp p{ width: 435px; font-size: 36px; color: #fff; padding: 16px 0;}
.section4 .wp p font{color: #f0ff00;}
.section4 .wp em{display: block; width: 435px; font-size: 18px; color: #fff; line-height: 1.7;}
.section5{width: 100%; height: 1150px; background: url(../images/d_bg.jpg) bottom center no-repeat; padding-top: 43px;}
.section5 .wp{width:1124px; }
.box_c{padding: 0 10px; overflow: hidden; background: url(../images/f1.jpg) left bottom no-repeat; height: 716px;}
.box_c1{width: 576px; padding-top: 100px;}
.box_c1 h3{height: 100px; margin-bottom: 10px; overflow: hidden; font-weight: normal;}
.box_c1 h3 span{display: block; width: 190px; height: 100px; background: #f3b855; text-align: center; float: left; line-height: 100px; color: #fff; font-size: 68px; margin-right: 16px;}
.box_c1 h3 font{display: block; float: left; padding-top: 13px; font-size: 36px; color: #f3b855; line-height: 1;}
.box_c1 h3 font img{float: left;}
.box_c1 p{font-size: 18px; line-height: 1.8; color: #616161; height: 146px;}
.box_c2{width: 520px; height: 115px; border: 1px solid #b6b6b6; border-radius: 68px; padding: 18px 0 0 45px; background: #fff;}
.box_c2 img{float: left; }
.box_c2 ul{width: 330px; float: right; }
.box_c2 ul li{list-style-type: disc; font-size: 16px; color: #686868; line-height: 24px;}
.box_c3{margin-top: 36px;}
.box_ul{width: 1124px; height: 290px; }
.box_ul .hd{width: 1120px; height: 66px; border:2px solid #f7c673; text-align: center; border-radius: 34px; overflow: hidden; margin-bottom: 50px; background: #fff;}
.box_ul .hd li{width: 33.33%; height: 66px; line-height: 66px; font-size: 36px; color: #f3b855; float: left;}
.box_ul .hd li.on{background: #f3b855; color: #fff;}
.box_ul dl{width:1068px; height: 160px; margin: 0 auto; }
.box_ul dl dt{width: 464px; float: left; padding-top: 6px;}
.box_ul dl dd{width: 536px; float: right;}
.box_ul dl dd p{font-size: 18px; line-height: 1.8; color: #666; margin-bottom: 8px;}
.box_ul dl dd a{display: block; width: 272px; height: 54px; line-height: 54px; border-radius: 27px; text-align: center; font-size: 20px; color: #fff; background: #f3b855;}
.box_ul dl dd a img{vertical-align: middle; padding-bottom: 3px;}
.section6{width: 100%; height: 1088px; background: url(../images/f_bg.jpg) bottom center no-repeat #ededed; padding-top: 43px;}
.section6 .box_c{padding: 0 10px; overflow: hidden; background: url(../images/e1.jpg) 92% 100% no-repeat; height: 705px;}
.section6 .box_c1{width: 657px;}
.section6 .box_c1 h3 span{background: #63c6ef; width: 230px;}
.section6 .box_c1 h3 font{color: #63c6ef;}
.section6 .box_c2{width: 586px;}
.section6 .box_c2 ul{width: 385px;}
.section6 .box_ul .hd{border:2px solid #63c6ef;}
.section6 .box_ul .hd li{color: #63c6ef; }
.section6 .box_ul .hd li.on{background: #63c6ef; color: #fff;}
.section6 .box_ul dl dd a{display: block; width: 272px; height: 54px; line-height: 54px; border-radius: 27px; text-align: center; font-size: 20px; color: #fff; background: #63c6ef;}
.section7{width: 100%; height: 908px;  padding-top: 63px;}
.section7 .box_c{padding: 0 10px; overflow: hidden; background: url(../images/g1.jpg) left bottom no-repeat; height: 605px;}
.section7 .box_c1{width: 678px; padding-top: 20px;}
.section7 .box_c1 h3 span{background: #f56c98;}
.section7 .box_c1 h3 font{color: #f56c98;}
.section7 .box_c2{width: 640px;}
.section7 .box_c2 ul{width: 450px;}
.section7 .box_ul .hd{border:2px solid #f56c98;}
.section7 .box_ul .hd li{color: #f56c98; }
.section7 .box_ul .hd li.on{background: #f56c98; color: #fff;}
.section7 .box_ul dl dd a{display: block; width: 272px; height: 54px; line-height: 54px; border-radius: 27px; text-align: center; font-size: 20px; color: #fff; background: #f56c98;}
.section8{width: 100%; background: url(../images/h_bg.jpg) top center no-repeat #f86e9a; padding-top: 130px; height: 1606px; }
.section8 h2{color: #fff; margin-bottom: 68px;}
.section8 .wp{width: 1230px; height: 1349px; position: relative;}
.section8 .wp .btn{position: absolute; left: 360px; bottom: 30px; display: block;}
.section9{/*background: url(../images/i_bg.jpg) top center no-repeat;*/ padding-top: 183px; text-align: center; padding-bottom: 34px;}
.section10{background: url(../images/j_bg.jpg) top center no-repeat #e7e7e7;  text-align: center; padding: 197px 0 84px 0;}
.section10 li{width: 266px; height: 494px; float: left; background: #fff; margin-right: 24px; }
.section10 li span{display: block; text-align: center; height: 40px; line-height: 40px; padding: 8px 0 4px 0; font-size: 24px; color: #353535;}
.section10 li p{font-size: 16px; color: #5d5d5d; line-height: 1.8; padding: 0 20px; height: 190px; text-align: left;}
.section10 li a{display: block; width: 170px; height: 46px; line-height: 46px; font-size: 24px; color: #ffffff; text-align: center; border-radius: 5px; margin: 0 auto; background: linear-gradient(#26e1d0,#59f2b0);}