.banner{position: relative; width: 100%; height:800px; margin-bottom: 80px; padding-bottom: 10px; background: url("../images/banner_line.gif") center bottom no-repeat; overflow:hidden;}
.banner .bbox{position: absolute;left: 50%;margin:0 0 0 -960px;width: 1920px; height: 800px;}
.banner .bbox img{display:block;width:1920px;height:800px;}
.banner .hd{position: absolute; left: 0; bottom: 20px; width: 100%; font-size: 0; text-align: center;}
.banner .hd li{display: inline-block; width: 12px;height: 12px; margin: 0 3px; background: #fff; border-radius: 100%; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.banner .hd li.on{background: #2fdca9;}
.cnt{width: 1200px;margin-left: auto;margin-right: auto;}
.zbtn{text-align: center;}
.zbtn a:hover{color: #fff;}
a.btn1{display: inline-block;height: 60px; padding: 0 40px; line-height: 60px; font-size: 24px; color: #fff; border-radius: 30px; background: #fbc000; vertical-align: top; transition: all ease .5s;}
a.btn1 img,a.btn2 img{vertical-align: middle;}

a.btn2{display: inline-block;height: 60px; padding: 0 40px; line-height: 60px; font-size: 24px; color: #fff; border-radius: 30px; background: #61d2df; vertical-align: top; transition: all ease .5s;}
a.btn2:hover{background: #fbc000;}

a.btn3{display: inline-block;height: 42px; padding: 0 40px; line-height: 42px; font-size: 20px; color: #fff; border-radius: 21px; background: #feb43e; vertical-align: top; transition: all ease .5s;}
a.btn3:hover{background: #2fdca9;}

.m{width: 1200px;margin: 0 auto 80px;}
.m .zhd{font-size: 0; text-align: center;}
.m .zhd img{vertical-align: top;}
.m1{height: 643px; margin-bottom: 50px; background: url("../images/m1.jpg");}
.m1 .left{padding: 2px 0 0 0;}
.m1 .left .focus{position: relative; width: 420px;height: 580px; padding: 10px;background: #c1f1f6;}
.m1 .left .focus .hd{position: absolute; right: 15px; bottom: 20px;}
.m1 .left .focus .hd li{float: left;width: 10px; height: 10px; background: #fff; margin-right: 5px; cursor: pointer; text-indent: -9999px; overflow: hidden;}
.m1 .left .focus .hd li.on{background: #c1f1f6;}
.m1 .left img{display: block;width: 420px;height: 580px;}
.m1 .right{width: 595px;padding: 185px 60px 0 0;}
.m1 .right li{padding: 0 0 0 118px;font-size: 18px;line-height: 24px; color: #333;}
.m1 .right li span{float: left; width: 110px; height: 36px; margin: 0 0 0 -115px; line-height: 36px;font-size: 18px;color: #fff;}
.m1 .right li.t1{padding-bottom: 23px;}
.m1 .right li.t2{padding-bottom: 45px;}
.m1 .right li.t3{padding-bottom: 45px;}
.m1 .right li.t4{padding-bottom: 48px;}
.m1 .right li.t5{padding-bottom: 45px;}


.m2{height: 695px; position: relative; background: url("../images/m2.jpg");}
.m2 .info{padding: 128px 0 0 50px; margin-bottom: 25px; width: 735px; font-size: 18px;line-height: 30px; color: #333;}
.m2 .title{display: block; width: 588px;height: 61px; margin: 0  0 40px 110px;  font-size: 24px; color: #fff; line-height: 61px; text-align: center; background: url("../images/m2-title.gif") no-repeat;}
.m2 ul{margin-left: 22px;}
.m2 li{float: left; margin-left: 10px; width: 180px;height: 240px; position: relative;}
.m2 li p{position: absolute; left: 0; bottom: 0; font-size: 18px; color: #fff; width: 100%; height: 50px;line-height: 50px; text-align: center;}
.m2 .m2-5{position: absolute; top: 147px; right: 0;}
.m2 .zbtn{text-align: left; padding-top: 25px; padding-left: 223px;}

.ztm3,.ztm5,.ztm7{ background: #e6f9fb;}
.m3,.m5,.m7{padding: 80px 0;}
.m3 .row{position: relative; margin-bottom: 40px;}
.m3 .item{width: 570px;height: 340px; margin-top: 60px; position: relative; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; overflow: hidden; background: #75ca85;}
.m3 .item .img1{display: block;width: 570px;height: 280px;}
.m3 .item .p1{height: 60px;line-height: 60px; font-size: 24px; color: #fff; text-align: center;}
.m3 .item .hover{opacity: 0; display: none\9; position: absolute; left: 0; top: 0; width: 570px; height: 340px; background: #75ca85;  -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; overflow: hidden; transition: all ease .5s;}
.m3 .item .hover .p2{padding: 40px 40px 30px 40px; height: 180px; font-size: 18px;line-height: 36px; color: #fff;}
.m3 .radius{position: absolute; z-index: 2; width: 200px; height: 200px; left: 50%; top: 50%; margin: -80px 0 0 -100px;}
.m3 .item.on .hover{opacity: 1; display: block\9;}

.m4 .zhd{margin-bottom: 40px;}
.m4 .m4-tab{margin-bottom: 15px;}
.m4 .tab-hd{ margin: 0 0 25px 0; background: url("../images/m4-line.gif") no-repeat;}
.m4 .tab-hd li.tit{cursor: pointer;}
.m4 .tab-hd li{float: left; width: 240px; padding-top: 43px; font-size: 0; text-align: center; background: url("../images/m4-hd-line.gif") center top no-repeat;}
.m4 .tab-hd li span{display: inline-block; height: 48px; padding: 0 25px; font-size: 24px; color: #75ca85; line-height: 48px; vertical-align: top; border: 1px dotted #75ca85;}
.m4 .tab-hd li.on{ background: url("../images/m4-hd-line_on.gif") center top no-repeat;}
.m4 .tab-hd li.on span{ color: #61d2df;  border-color: #61d2df;}
.m4 .tab-bd {height: 414px; overflow: hidden;}
.m4 .info{font-size: 18px; color: #333; margin-bottom: 25px;}
.m4 .list ul{margin-left: -30px;}
.m4 .list li{float: left;width: 380px;padding: 0 0 0 30px;}
.m4 .list li img{display: block;width: 360px;height: 280px;padding: 10px;background: #daf3df;}
.m4 .list li p{line-height: 65px;text-align: center; font-size: 18px; color: #333;}

.m5 .zbd{margin: 40px 0 0 0;}
.m5 .tab-bd{margin-bottom: 50px;}
.m5 .tab-bd{float:left;width: 840px;}
.m5 .tab-bd .tbox{height: 430px; padding: 30px; overflow: hidden; background: url("../images/vbg.gif") no-repeat;}
.m5 .tab-bd .video{height: 430px; background: url("/static/images/loading.gif") center center no-repeat;}
.m5 .tab-bd .info{width: 780px;height: 60px; padding: 10px; color: #fff; font-size: 18px; line-height: 20px; margin: 0 auto; background: #75ca85;}
.m5 .tab-hd{float: right;}
.m5 .tab-hd li{width: 300px; height: 169px; position: relative; margin: 20px 0 0 0; box-shadow: 0 0 10px rgba(0,0,0,0.3); cursor: pointer;}
.m5 .tab-hd li img{display: block;width: 290px;height: 159px;padding: 5px;background: #fff;}
.m5 .tab-hd li i{display: none; position: absolute; left: -20px; top: 50%; margin: -10px 0 0 0; border: 10px solid #e6f9fb; border: 10px solid transparent; border-right-color:#75ca85;}
.m5 .tab-hd li.on img{ background-color: #75ca85;}
.m5 .tab-hd li.on i{display: block;}

.m6 .zhd{margin-bottom: 50px;}
.m6 .info{margin-bottom: 50px; font-size: 18px; color: #333; line-height: 30px; text-indent: 2em;}
.m6 .list{margin-bottom: 45px;}
.m6 .list ul{margin-left: -40px;}
.m6 .list li{float: left; position: relative; width: 372px; height: 510px; padding: 0 0 0 40px;}
.m6 .list li p{ position: absolute; bottom: 20px; left: 56px; width: 310px; height: 90px; padding: 15px; font-size: 18px; color: #333; line-height: 30px; background: #f1f1f1;}

.m7 .zhd{margin-bottom: 65px;}
.m7-tab .tab-hd{margin: 0 0 25px 0;}
.m7-tab .tab-hd ul{margin: 0 0 0 -10px;}
.m7-tab .tab-hd li{float: left;width: 280px;height: 90px;padding: 4px;margin: 0 0 0 10px; _margin: 0 0 0 5px; border:1px solid #e6f9fb; cursor: pointer;}
.m7-tab .tab-hd li span{display: block; height: 60px; padding: 15px 0; background: #75ca85; text-align: center; font-size: 24px; color: #fff; line-height: 30px;}
.m7-tab .tab-hd li.on{ border-color: #61d2df;}
.m7-tab .tab-hd li.on span{ background: #61d2df;}
.m7-tab .tab-bd{height: 420px; overflow: hidden; padding: 25px 30px 25px 18px;background: #fff;}
.m7-tab .pic{width: 740px;padding: 5px 0 0 0;}
.m7-tab .pic img{ display: block; width: 740px; height: 400px;}
.m7-tab .line{width: 29px; height: 420px; border-right: 1px dotted #ccc;}
.m7-tab .right{width: 350px;padding: 5px 0 0 0;}
.m7-tab .right dl{margin: 15px 0 0 0;}
.m7-tab .right dt{float: left;width: 80px; height: 60px; padding: 10px 0; text-align: center;font-size: 24px;line-height: 30px;color: #fff; background: #75ca85;}
.m7-tab .right dd{float: left;width: 230px; height: 60px; padding: 10px 0 10px 15px; font-size: 17px; line-height: 30px; color: #333; background: #f1f1f1;}
.m7-tab .intro{position: relative; height: 177px; margin: 29px 0 0 0; text-align: center; border: 1px dotted #75ca85;}
.m7-tab .intro span{display: inline-block; height: 30px; line-height: 30px; margin-top: -15px; padding: 0 15px; vertical-align: top; background: #fff; font-size: 24px; color: #75ca85;}
.m7-tab .intro p{text-align: left;}
.m7-tab .intro .p1{font-size: 20px;color: #333; line-height: 30px; padding: 18px 0 0 25px;}
.m7-tab .intro .p2{font-size: 18px;color: #666; line-height: 30px; padding: 15px 0 0 25px;}
.m7-tab .intro a{position: absolute; right: 21px; bottom:38px; width: 140px;height: 60px; font-size:20px;line-height: 60px; color: #fff; background: #47cae1; border-radius: 10px; transition: all ease .5s;}
.m7-tab .intro a:hover{ background: #fbc000;}