/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{ font-family: 'Microsoft YaHei', sans-serif;}
.wrap{width: 100%;overflow-x: hidden;}
/*head*/
.head{width: 100%;background: #171819;padding: 0.55rem 0.75rem;}
.head h1{width: 3.825rem;height: 1.125rem;margin-right: 0.35rem;}
.head h1 a{display: block;width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;background-size: 100% 100%;text-indent: -999em;}
.head div{height: 1.375rem;border-left: 1px solid #fff;margin-top: -0.2rem;}
.head div p{font-size: 0.5rem;color: #fff;padding-left: 0.35rem;margin-top: -.05rem;}
.head .tel{font-size: 0.6rem;color: #fff;background: url(../img/tel.png) no-repeat left center;background-size:1.075rem 1.075rem;height: 1.075rem;padding-left: 1.6rem;line-height: 1.075rem;margin-left: 1.65rem;}
/*banner*/
.banner{width: 100%;position: relative;}
.banner ul{
  background: -webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* 标准的语法 */
  height: 1.625rem;
}
.banner ul{width: 100%;position: absolute;left: 50%;margin-left: -8.85rem;font-size: 0.65rem;z-index: 999;top: 0;}
.banner ul li{margin-right: 1.1rem;height: 1.62rem;height: 1.62rem}
.banner ul li.last{margin-right: -1.2rem;}
.banner ul a{color: #fff;line-height: 1.62rem;font-weight: 900}
#swiper1{height: 12.65rem;}
.banner img{width: 100%;height: 12.65rem;}
#btn5{width:2.3rem;bottom: 0.5rem;left:50%;margin-left: -1.15rem;}
#btn5 .swiper-pagination-bullet-active{background: #2f9963;}
#btn5 span{margin-right: 0.2rem;background: #fff;width: 0.4rem;height: 0.4rem;border: none;}
/*part1*/
.part1{text-align: center;padding-top: 1.35rem;}
.part1 h2{font-size: 0.95rem;color: #333;}
.part1 h2 span{color: #41ae77;}
.part1 .txt{font-size: 0.625rem;color: #999;margin: 0.55rem 0 1.5rem 0;}
.part1 .conBox{width: 17.525rem;height: 8.825rem;margin: 0 auto;position: relative;}
.part1 .conBox .bg{background: url(../img/bg1.jpg) no-repeat;width: 17.525rem;height: 8.825rem;background-size: 100% 100%;}
.part1 .conBox .bg h3{font-size: 0.75rem;color: #fff;text-align: left;margin-left: 10.55rem;padding-top: 1.6rem;margin-bottom: 0.75rem;}
.part1 .conBox .bg p{color: #fff;font-size: 0.5rem;width: 7.4rem;text-align: justify;line-height: 0.75rem;margin-left: 9.15rem;}
.part1 .conBox .bg a,.part3 .conBox2 .pos6 a,.button{color: #fff;font-size: 0.6rem;width: 5.35rem;height: 1.1rem;background: #41ae77;line-height: 1.1rem;display: block;margin:0.7rem 0 0 10.2rem;border-radius: 0.35rem;}
#btn1{width:2.1rem;bottom: 0.3rem;left:60%;margin-left: -1.5rem;}
#btn1 .swiper-pagination-bullet-active{background: #41ae77;}
#btn1 span{margin-right: 0.25rem;background: #fff;width: 0.3rem;height: 0.3rem;border: none;}
.part1 .conBox .bg2{background: url(../img/bg2.jpg) no-repeat;background-size: 100% 100%;}
.part1 .conBox .bg3{background: url(../img/bg3.jpg) no-repeat;background-size: 100% 100%;}
/*part2*/
.part2{background: #f8f7f7;margin-top: 1.75rem;padding-bottom: 1.8rem;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.part2 .conBox2{width: 17.2rem;margin: 0 auto;position: relative;}
.part2 .conBox2 h4{font-size: 0.4rem;color: #00aca5;position: absolute;right: 0;bottom: -0.9rem;background: url(../img/shape.png) no-repeat left center;background-size: 0.325rem 0.325rem;padding-left: 0.5rem;height: 0.5rem;line-height: 0.5rem;}

.part2 .conBox2 .left{width: 7.75rem;height: 11.75rem;border: 0.25rem solid #acabac;}
.part2 .conBox2 .jsPng{width: 5.025rem;height: 3.575rem;margin-top: 1.15rem;}
.part2 .conBox2 h3,.part2 .conBox2 p{font-style: italic;font-size: 0.75rem;color: #222;font-weight: bold;margin: 1.15rem 0 0.75rem;}
.part2 .conBox2 p{font-size: 0.7rem;color: #00a39a;margin: 0;font-weight: normal;}
.part2 .conBox2 .left a{display: block;font-size: 0.5rem;color: #fff;width: 3.8rem;height: 1.25rem;background: #222;line-height: 1.25rem;margin: 1rem auto 0;}
.part2 .conBox2 .right{background: url(../img/bg4.jpg) no-repeat;width: 8.125rem;height: 12.25rem;background-size: 100% 100%;}
.part2 .conBox2 .right .minbox{width: 6.725rem;height: 5.875rem;margin: 4.9rem auto 0;position: relative;}
#swiper3 .swiper-slide{background: url(../img/bg5.png) no-repeat;width: 100%;height: 100%;background-size: 6.725rem 5.875rem;}
.part2 .conBox2 .right h3{margin: 0.5rem 0;}
.part2 .conBox2 .right .con{width: 5.57rem;margin: 0.4rem auto 0;font-size: 0.4rem;color: #222;text-align: justify;font-style: normal;line-height: 0.75rem;}
#swiper3{height: 5.875rem;}
#btn2{width:2.3rem;bottom: -1rem;left:50%;margin-left: -1.15rem;}
#btn2 .swiper-pagination-bullet-active{background: #00aca5;}
#btn2 span{margin-right: 0.2rem;background: #fff;width: 0.25rem;height: 0.25rem;border: none;}
/*part3*/
.part3 .conBox2{width: 17.25rem;margin: 0 auto;position: relative;height: 19.5rem;}
.part3 .conBox2 .pos{position: absolute;}
.part3 .conBox2 .pos1{background: url(../img/view1.jpg) no-repeat;width:10.4rem;height: 6.875rem;background-size: 100% 100%;left: 0;top: 0;}
.part3 .conBox2 h3{color: #fff;font-size: 0.45rem;width: 3.15rem;height: 0.9rem;border: 1px solid #ebeaeb;opacity: 0.78;background: #1e1c20;position: absolute;left: 0.2rem;top: 0.35rem;line-height: 0.9rem;font-weight: bold;}
.part3 .conBox2 .pos2{background: url(../img/view2.jpg) no-repeat;width:6.3rem;height: 5.525rem;background-size: 100% 100%;right: 0;top: 0;}
.part3 .conBox2 .pos2 h3{left:2.85rem;}
.part3 .conBox2 .pos3{top: 7.75rem;font-size: 0.95rem;color: #999;text-align: right;}
.part3 .conBox2 .pos3 p{line-height: 0.65rem;}
.part3 .conBox2 .pos3 span{opacity: 0.25;}
.part3 .conBox2 .pos4{background: url(../img/view3.jpg) no-repeat;width:8.575rem;height: 8.575rem;background-size: 100% 100%;left: 0;top: 10.75rem;}
.part3 .conBox2 .pos5{background: url(../img/view4.jpg) no-repeat;width:8.25rem;height: 6.425rem;background-size: 100% 100%;right: 0;top: 7.55rem;}
.part3 .conBox2 .pos6{top: 15rem;left: 9.95rem;font-size: 0.75rem;color: #868686;}
.part3 .conBox2 .pos6 p{text-align: justify;width: 6.45rem;}
.part3 .conBox2 .pos6 span{font-size: 0.68rem;line-height: 1rem;opacity: 1;color: #b6b6b6;}
.part3 .conBox2 .pos6 a{position: absolute;top: 2.4rem;left: 0.5rem;margin: 0;text-align: center;}
/*part4*/
.part4 .box,.part5 .box,.part7 .box{width: 17.25rem;margin: 0 auto;}
.part4 .top .one{width: 6.25rem;height: 8.275rem;}
.part4 .top .two{width: 5.9rem;height: 3.85rem;margin-right: 0.15rem;margin-bottom: 0.15rem;}
.part4 .top .thr{width: 4.775rem;height: 3.85rem;}
.part4 .top .fou{width: 10.85rem;height: 4.25rem;}
.part4 .top div{width: 10.85rem;}
.part4 .xz{width:100%; margin: 1rem auto 0;}
.part4 .header{background: #d3ecdf;position: relative;height: 1.375rem;line-height: 1.375rem;font-size:0.45rem;}
.part4 .header li{width:24.7%;color: #41ae77;border-left: 1px solid #f4f4f4;}
.part4 .header li.fir{border: none;}
.part4 .con{height: 14.2rem;overflow: hidden;background: #fff;}
.part4 .con li{width:100%;color: #555;height: 1.4rem;line-height:1.4rem;font-size: 0.45rem;display:block; content:''; clear:both;}
.part4 .con li span{float: left;width: 24.7%;border-left: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.part4 .con li span.fir{border-left: none;}
/*part5*/
.part5 .box li{width: 8.35rem;height: 8.35rem;position: relative;margin-bottom: 0.5rem;}
.part5 .box li.fir{background: #61c3e6;}
.part5 .box li.sec{background: #ffb856;}
.part5 .box li.thr{background: #ff625d;}
.part5 .box li.fou{background: #73cec5;}
.part5 .box li i{position: absolute;left: 50%;margin-left: -4.175rem;top: 0;background: url(../img/line.png) no-repeat;width: 8.35rem;height: 8.35rem;background-size: 100% 100%;}
.part5 .box li.fir i{transform: rotate(90deg);}
.part5 .box li.fou i{transform: rotate(90deg);}
.part5 .box li h3{color: #fff;font-weight: bold;font-size: 0.9rem; position: absolute;text-align: left;line-height: 1rem;}
.part5 .box li.fir h3{left: 0.45rem;top: 0.9rem;}
.part5 .box li.sec h3{right: 0.45rem;top: 0.9rem;}
.part5 .box li.thr h3{left: 0.45rem;bottom: 0.75rem;}
.part5 .box li.fou h3{right: 0.4rem;bottom: 0.75rem;}
.part5 .box li p{font-size: 0.6rem;color: #fff;position: absolute;}
.part5 .box li.fir p{right: 1.25rem;bottom: 1rem;}
.part5 .box li.sec p{left: 0.7rem;bottom: 1rem;}
.part5 .box li.thr p{right: 0.4rem;top: 0.8rem;text-align: left;}
.part5 .box li.fou p{left: 0.7rem;top: 0.8rem;text-align: left;}
.part5 .box li b{position: absolute;}
.part5 .box li.fir b{background: url(../img/icon1.png) no-repeat;width: 1.15rem;height:1.25rem;right: 1.95rem;bottom: 2.25rem;background-size: 100% 100%;}
.part5 .box li.sec b{background: url(../img/icon2.png) no-repeat;width: 1.2rem;height:1.25rem;left: 1.9rem;bottom: 2.45rem; background-size: 100% 100%;}
.part5 .box li.thr b{background: url(../img/icon3.png) no-repeat;width: 1.25rem;height:1.025rem;right: 2.1rem;top: 2.925rem; background-size: 100% 100%;}
.part5 .box li.fou b{background: url(../img/icon4.png) no-repeat;width: 1.475rem;height:1.025rem;left: 2.2rem;top: 2.925rem;background-size: 100% 100%;}
.button{width: 6.65rem;height: 1.3rem;border-radius: .2rem;margin: 1.05rem auto 1.55rem;font-size: 0.55rem;line-height: 1.3rem;}
/*part6*/
.part6{background: #e9f8f8;padding-bottom: 1.8rem;}
.part6 .box{width: 10.425rem;height: 16.9rem;margin: 0 auto;position: relative;}
.part6 .box b{position: absolute;width:0.725rem;height:0.725rem;top: 12rem;z-index: 9999;}
#pre{background: url(../img/pre1.png) no-repeat;background-size: 100% 100%;left: 3.925rem;}
#next{background: url(../img/pre2.png) no-repeat;background-size: 100% 100%;left: 5.4rem;}
.part6 .box .change{width: 10.425rem;height: 14.45rem;background: url(../img/bg6.png) no-repeat;position: absolute;left: 0;top: 0; background-size: 100% 100%;z-index: 1;}
.part6 .box .change .icon{width: 5.725rem;height: 6.4rem;position: absolute;left: 50%;margin-left: -2.8625rem;top: -1rem;}
#swiper4{overflow: visible;margin-top: 1rem;height: 16.9rem;left: 0rem}
#swiper4  .swiper-slide{width: 10.425rem;transform: scale(0.75);}
#swiper4 h3{font-size: 0.75rem; color: #222;padding-top:7.75rem;margin-bottom: 0.5rem;}
#swiper4 p{font-size:0.45rem;color: #222;width: 8.9rem;margin: 0 auto;line-height: 0.85rem;text-align: left;}
#swiper4 .swiper-slide-active{transform: scale(1);transition: 0.3s;}
#swiper4 a{width: 8.25rem;height: 1.8rem;position: absolute;bottom: 1rem;left: 50%;margin-left: -4.125rem;background: #02b28b;color: #fff;line-height: 1.8rem;font-size: 0.6rem;z-index: 0;box-shadow: 0.1rem 0.1rem 0.05rem 0.02rem #a5b6b3;}
#btn3{width:2.3rem;bottom: -1rem;left:50%;margin-left: -1.15rem;}
#btn3 .swiper-pagination-bullet-active{background: #02b28b;}
#btn3 span{margin-right: 0.2rem;background: #fff;width: 0.25rem;height: 0.25rem;border: 1px solid #02b28b;}
/*part7*/
.part7 .box{height: 10.05rem;position: relative;}
.part7 .box b{position: absolute;width:1.15rem;height:1.15rem;top: 3.95rem;z-index: 9999;}
#pre2{background: url(../img/next1.png) no-repeat;background-size: 100% 100%;left: 0rem;}
#next2{background: url(../img/next2.png) no-repeat;background-size: 100% 100%;right: 0rem;}
.part7 .box .roll{width: 51.75rem;height: 10.05rem;position: absolute;left: 0;top: 0;transform: translateX(0rem);transition: 0.2s;}

.part7 .box .roll .tab{width: 17.25rem;height: 10.05rem;background: url(../img/computer.jpg) no-repeat;background-size: 100% 100%;position: relative;}
.part7 .box .roll .tab strong{position: absolute;left: 1.75rem;top: 0.22rem;color: #fff;font-size: 0.4rem;}
.part7 .box .roll .tab .p1{width: 8rem;height: 6.5rem;overflow-x:hidden ; font-size: 0.35rem;color: #333;text-align: left;top: 1.5rem; left: 1.5rem;line-height: 0.55rem;position: absolute;}
.part7 .box .roll .tab .p2{width: 7.95rem;height:1rem;line-height: 1rem;color: #fff;font-size: 0.4rem;position: absolute;left: 0.75rem;bottom: 0.6rem;z-index: 999;cursor: pointer;}
.part7 .box .roll .tab .p3{margin-left: 8.65rem;top: 2.5rem;position: relative;display: none;}
.part7 .box .roll .tab a{position: absolute;right: 0.75rem;bottom: 0.6rem;width: 7.95rem;height: 1rem;font-size: 0.4rem;color: #3c404c;line-height: 1rem;}
#div2{width: 5rem;margin-left:0.5rem;}
#btnn1,#btnn2,#btnn3{width: 1.5rem;font-size: 0.4rem;margin-top: 0.4rem;margin-bottom: 1rem;}
.part7 .box .roll .tab i{font-size: 0.5rem; color: #529dd9;padding-left: 0.2rem;}
#clock{font-size: 0.75rem;font-weight: bold;color: #65b5f4;margin-left: 1.2rem;position: relative;top: 1rem;}
#Bt1{width: 3rem;margin-left: 0.4rem;margin-top: 0.4rem;}
#Bbtn1{width: 2rem;font-size: 0.4rem;margin-left: 0.4rem;margin-top: 0.4rem;}
#Bbtn2{width: 2rem;font-size: 0.4rem;margin-top: 0.4rem;}



/*part8*/
.part8{background: #f4f4f4;}
.part8 ul,.part10 .box{width:17.25rem;margin: 0 auto;}
.part8 ul li{margin-bottom:1.4rem;margin-right:1.4rem;float:left;width:4.775rem;}
.part8 ul li.last{margin-right: -1.4rem;}
.part8 ul li .img{width:4.775rem;height:5.45rem;position:relative;}
.part8 ul li .img.i1{background: url(../img/p9-img1.png) no-repeat;background-size:100% 100%;}
.part8 ul li .img.i2{background: url(../img/p9-img2.png) no-repeat;background-size:100% 100%;}
.part8 ul li .img.i3{background: url(../img/p9-img3.png) no-repeat;background-size:100% 100%;}
.part8 ul li .img.i4{background: url(../img/p9-img4.png) no-repeat;background-size:100% 100%;}
.part8 ul li .img.i5{background: url(../img/p9-img5.png) no-repeat;background-size:100% 100%;}
.part8 ul li .img.i6{background: url(../img/p9-img6.png) no-repeat;background-size:100% 100%;}
.part8 ul li h2{ top:3.1rem;left:0;width:3.1rem;height:1rem;line-height:1rem;color:#ffffff;font-size:0.6rem;position:absolute;background:#00a8aa;text-align: left;padding-left: 0.25rem;}
.part8 ul li .info{margin:0.35rem auto 0;width:4.775rem;height:1.375rem;position:relative;background:url("../img/p9-tag.png") no-repeat center;background-size:100% 100%;}
.part8 ul li .info h3{font-size:0.5rem;line-height:1.075rem;}
.part8 ul li .info h4{font-size:0.6rem;font-weight:bold;line-height:0.75rem; color:#00a8aa;}
/*part9*/
.part9{background: url(../img/bg7.jpg) no-repeat;width: 100%;height:12.275rem;background-size: 100% 100%;}
.part9 h2{color: #fff;}
.part9 .txt{color: #fff;}
.part9 h2 span{color: #f13900;}
.part9 input[type='text']{width:8.975rem;height:1.275rem;color:#ffffff;border:1px solid #9a9a9a;border-radius:0.3rem;margin: 0 auto 0.5rem;display: block;text-indent: 1.25rem;}
.part9 input[type='text'].tag1{background:url("../img/p10-tag1.png") no-repeat 0.45rem center;background-size:0.525rem 0.6rem;}
.part9 input[type='text'].tag2{background:url("../img/p10-tag2.png") no-repeat 0.45rem center;background-size:0.375rem 0.7rem;}
.part9 ul{width: 9.1rem;margin: 0 auto;}
.part9 ul li{float:left;}
.part9 ul li a{width:3.9rem;height:1.05rem;line-height:1.05rem;font-size:0.4rem;color:#ffffff;display:block;background:#2f9963;border-radius:0.1rem;}
.part9 ul li input[type="submit"]{margin-left:0.175rem;width:4.95rem;height:1.05rem;line-height:1.05rem;font-size:.4rem;color:#ffffff;display:block;background:#f13900;border-radius:0.1rem;border:none;}
.part9 input{-webkit-appearance:none;outline:none}
/*part10*/
.part10 .box{height: 18rem;}
#swiper6{height: 18rem;}
#swiper6{margin:0 auto;padding-bottom:2rem;}
#swiper6 .boxx a{margin-top:1.9rem;width:6.675rem;height:1.3rem;line-height:1.3rem;font-size:0.55rem;    display:block;color:#ffffff;z-index:9999;background:#2f9963;}
#swiper6 .img{margin-top:1.3rem;width:6.725rem;height:8.075rem;}
#swiper6 .img img{display:none;}
#swiper6 .img.i1{background:url("../img/p8-t1-1.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .img.i2{background:url("../img/p8-t2-1.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .img.i3{background:url("../img/p8-t3-1.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .img.i4{background:url("../img/p8-t4-1.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .boxx > h2{margin-top:0.3rem;width:6.725rem;font-size:0.6rem;line-height:0.6rem;text-align:right;}
#swiper6 .boxx > h3{margin-top:0.2rem;width:6.725rem;font-size:0.45rem;line-height:0.45rem;    text-align:right;}
#swiper6 .info{display:none;}
#swiper6 .swiper-slide-next a{display:none;}
#swiper6 .swiper-slide-next .img{margin-top:0;margin-left:-1.41rem;width:8.375rem;height:15rem;    position:relative;}
#swiper6 .swiper-slide-next .img.i1{background:url("../img/p8-t1-2.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .swiper-slide-next .img.i2{background:url("../img/p8-t2-2.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .swiper-slide-next .img.i3{background:url("../img/p8-t3-2.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .swiper-slide-next .img.i4{background:url("../img/p8-t4-2.jpg") no-repeat center;background-size:100% 100%}
#swiper6 .swiper-slide-next .boxx > h2{display:none;}
#swiper6 .swiper-slide-next .boxx > h3{display:none;}
#swiper6 .swiper-slide-next .img img{right:-1.65rem;top:5.25rem;width:3.8rem;height:5.05rem;display:block;position:absolute;border:2px solid #2f9963;}
#swiper6 .swiper-slide-next .info{right:-1.65rem;top:11.55rem;width:3.825rem;height:4.025rem;display:block;position:absolute;background:#2f9963;}
#swiper6 .swiper-slide-next .info h2{margin-top:0.4rem;width:3.825rem;font-size:0.6rem;line-height:0.6rem;color:#ffffff;}
#swiper6 .swiper-slide-next .info h3{margin-top:0.4rem;padding:0 0.25rem;font-size:0.35rem;line-height:0.35rem;color:#ffffff;text-align: left;}
#btn4{bottom: 3rem;}
.sp4 .swiper-pagination-bullet {background:#c7e3d5;border:none;}
.sp4 .swiper-pagination-bullet-active{background:#2f9963;}
.footer{padding:0.8rem 0.8rem 3.25rem;background:#2a2c32;}
.footer{font-size:0.45rem;line-height:0.65rem;text-align:center;color:#eeeeee;}