
*{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;}
.btn{display:block;width:360px;height:60px;border-radius:35px;background:#fd7802;font-size:20px;line-height:60px;text-align:center;position:absolute;left:50%;margin-left:-180px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.btn a{color:#fff;font-size: 26px;}
.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 #f7a862,0 -2px 5px #f7a862,0 2px 5px #f7a862,2px 0 5px #f7a862;}
.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}
.over{overflow: hidden;}
.content{width: 1180px;margin:0 auto;}
.over{overflow: hidden;}
.article h2{width: 100%;height: 86px;line-height: 43px;text-align: center;font-size: 48px;color: #363636;font-weight: 300;padding: 40px 0;background: url(../images/img1.jpg) no-repeat bottom center;}
.article h2 span{display: block;width: 100%;text-align: center;font-size: 24px;color: #7e7e7e;font-weight: 100;}

.content .fl{float: left}
.content .fr{float: right}
.none{margin-right: 0;}
/*======*/
.banner{display:block;width: 100%;height: 738px;background: url(../images/banner.jpg) no-repeat top center;}
.section1{height: 865px;background: url(../images/img2.jpg) no-repeat bottom center}
.section1 ul li{height: 34px;line-height: 34px;background: url(../images/img5.jpg) no-repeat left center;font-size: 18px;color: #747474;text-indent:15px;}
.section1 .fl{padding-top: 240px;}
.section1 .fl .bg{width: 152px;margin-top: 80px;background: url(../images/img3.jpg) no-repeat top center;padding-top:75px;}
.section1 .fl .bg a{display: block;height: 40px;line-height: 40px;text-align: center;background: #74797E;font-size: 18px;color: #fff;}
.section1 .fr{width: 350px;margin-top: 140px;height: 500px;background: url(../images/img6.jpg) no-repeat center;}
.section1 .fr h2{font-size: 32px;color: #74797e;background: 0}
.section1 .fr h2 span{width: 293px;height: 28px;line-height: 28px;text-align: center;margin: 0 auto;font-size: 18px;color: #fff;background: #AAAEB2}
.section1 .fr .bg{width: 276px;margin: 218px auto;background: url(../images/img4.jpg) no-repeat top center;padding-top:75px;}
.section1 .fr .bg a{display: block;height: 40px;line-height: 40px;text-align: center;background: #C541EB;font-size: 18px;color: #fff;}
.section2{height: 905px;background:url(../images/img7.jpg) no-repeat bottom center #B0A8BD}
.section2 .content{height: 100%;position: relative}
.section2 h2,.section3 h2,.section5 h2{background: url(../images/img8.jpg) no-repeat bottom center;}
.section2 h2,.section2 h2 span,.section3 h2,.section3 h2 span,.section5 h2,.section5 h2 span{color: #fff}
.section2 a{display: block;width: 225px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;background: #C541EB;position: absolute;bottom: 40px;left: 100px}
.section3{background:url(../images/img9.jpg) no-repeat top center}
.section3 .content{padding-top: 40px;background: #fff;border-radius: 30px;}
.section3 h2{padding-top: 120px;margin-bottom: 110px}
.section3 dl{width: 180px;float: left;font-size: 18px;color: #000;margin: 0 28px;}
.section3 dt{text-align: center}
.section3 dl b,.section3 dl span{display: block}
.section3 dl b{color: #363636;font-size: 66px;font-weight: 300;}
.section3 dl span{color: #363636;font-size: 32px;font-weight: 300;}
.section3 a{display:block;width: 178px;height: 40px;line-height: 40px;text-align: center;background-color: #c541eb;color: #fff;margin: 60px auto 0 auto}
.section4{padding-bottom: 90px}
.section4 dl{width: 355px;overflow: hidden;font-size: 20px;color: #8d8d8d;float: left;margin-right: 55px;margin-top: 40px;position: relative;}
.section4 dt{height: 184px;margin-bottom: 20px}
.section4 dd{width: 100%;height:65px;line-height: 30px;font-weight: 300;position: relative}
.section4 a{width: 118px;height: 37px;line-height: 37px;text-align: center;background-color: #c541eb;color: #fff;position: absolute;right:0;top:10px;}
.section4 dd span{display: block;color: #343434}
.section4 dd b{color: #c541eb;font-size: 30px;font-weight: bold}
.section4 dl p{width: 355px;height:184px;background: rgba(0, 0, 0, 0.6);background: #000;opacity: 0.6;filter:alpha(opacity=60);color: #fff ;position: absolute;top: -184px;left: 0;}
.section4 dl p span{display: block;width: 270px;height: 90px;font-size: 18px;margin: 0 auto;padding-top:50px;font-weight: 300}
.section4 .none{margin-right:0;}
.section5{background:url(../images/img16.jpg) no-repeat top center #eee;padding-bottom: 40px}
.section5 h2{padding-top:80px;margin-bottom: 70px}
.section5 .content{background: #fff}
.section5 dl{width: 306px;float: left;padding:0 34px;background: #eee}
.section5 .mar{padding: 0 63px;}
.section5 dd{height: 105px;line-height: 120px;text-align: center;color: #363636;font-size: 36px;font-weight: 600;background: #eee;}
.section5 p{width: 306px;float: left;height: 240px;line-height: 34px;padding:0 34px;background: #fff;margin-top: 20px;color: #636363;font-size: 18px;}
.section5 p.pad{padding: 0 63px;}
.section6{margin-bottom: 80px}
.section6 .content{background: url("../images/img20.jpg");padding: 50px 50px 180px 50px;border: 2px solid #000;border-radius: 30px;font-size: 21px;color: #333;position: relative}
.section6 h2{font-size:36px;color:#000;text-align: center;font-weight: normal;line-height: 1.3;padding: 80px 0 30px}
.section6 h2 strong{display: block}
.section6 dl h3 strong{display: block;font-weight: normal;font-size: 28px;line-height: 1.3;margin-right: 40px}
.section6 dl h3 span{display: block}
.section6 dl h3 p{font-weight: normal}
.section6 dl.dl1 {overflow: hidden;margin-bottom: 40px}
.section6 dl.dl1 dt{width: 232px;float: left;margin-right: 40px}
.section6 dl.dl1 dd{width: 788px;float: left;}
.section6 dl.dl1 dd h3{overflow: hidden;border-bottom: 2px solid #000;padding: 40px 0 10px;margin-bottom: 15px}
.section6 dl.dl1 h3 strong{float: left;width: 170px;}
.section6 dl.dl1 dd h3 p{display: block;float: left;width: 570px}
.section6 .over .fl{width: 560px}
.section6 .over .fr{width: 606px}
.section6 .over dl dd{overflow: hidden;line-height: 1.3;margin-bottom: 10px}
.section6 .over dl dd h3{width: 79px;height: 79px;float: left;text-align: center;line-height: 79px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #4386db;border: solid 2px #000;font-size: 28px;color: #fff;font-weight: normal;margin-right: 35px}
.section6 .over dl dd p{width: 440px;float: left;padding-top: 13px}
.section6 .over .fl dd{padding: 50px 0 40px}
.section6 .btn{border: 2px solid #000;height: 80px;line-height: 80px;border-radius: 40px;background: #FF678B;color: #fff;margin-top: 40px}
.section6 .posi{position: absolute;right: 30px;top: 50px}













