*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.absl{position: absolute;left: 0;top: 0;}
.absr{position: absolute;right: 0;top: 0;}
.abslt{position: absolute;left: 0;bottom: 0;}
.absrt{position: absolute;right: 0;bottom: 0;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #1a323e;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1000px;margin: 0 auto;}
.head{width: 100%;height: 70px;background: #3acda8; background: linear-gradient(to right, #23cebc,#4ecd96);}
.head .main{width: 974px;padding-top: 20px;}
.head h1{background: url(../img/logo.png) no-repeat;width: 104px;height: 32px;margin-right: 12px;}
.head h1 a{display: block;width: 100%;height: 100%;text-indent: -99em;}
.head div.fl{font-size: 18px;color: #fff;border-left: 2px solid #fff;height: 30px;padding-left: 12px;line-height: 30px;}
.head div.fr{font-size: 18px;color: #fff;height: 30px;line-height: 30px;}
.nav .main{width: 850px;padding: 16px 0;font-size: 18px;}
.nav .main ul{height: 20px;}
.nav .main li{transition: 0.3s;border-left: 1px solid #1a323e;border-right: 1px solid #1a323e;width: 140px;transition: 0.3s;}
#sec{left: 141px;}
#thr{left: 282px;}
#fou{left: 423px;}
#fiv{left: 564px;}
#six{left: 705px;}
.nav .main a{color: #343434;display: block;width: 140px;transition: 0.3s;}
.nav .main li.on{transition: 0.3s;border-left: 1px solid #4ccd97;border-right: 1px solid #4ccd97;z-index: 2;}
.nav .main li.on a{color: #4ccd97;transition: 0.3s;}
.banner a{width: 100%;height: 700px;background: url(../img/banner.jpg) no-repeat top center;display: block;}

.banner1{width: 100%;height: 100%;background: url(../img/txt.png) no-repeat top center;}
.p1 h2,.p1 h3{font-size: 40px;}
.p1 h2{color: #f7f7f8;padding-top: 60px;}
.p1 h3{margin: -30px 0 30px;}
.p1 h3 span{color: #23cebc;}
.p1 .line{width: 350px;height: 2px;background: #f3f5f5;margin: 0 auto 30px;}
.p1 .line div{width: 50px;height: 100%;background: #23cebc;animation: toLeft 2s linear infinite;}
.p1 .txt{font-size: 24px;padding-bottom: 58px;}
.p1 .main1{width: 1024px;}
.p1 .main1 ul{margin-left: 20px;}
.p1 .main1 li{width: 200px;height: 280px;margin-right: 62px;background: #f3f5f4;}
.p1 .main1 li.last,.p6 .main .last,.p7 .main .last{margin-right: -20px;}
.p1 .main1 li h4{font-size: 24px;color: #fff;background: url(../img/min1.png) no-repeat;width: 98px;height: 38px;font-weight: normal;margin-left: 50px;transition: 0.8s;}
.p1 .main1 p{font-size: 22px;padding-top: 12px;}
.p1 .main1 h5{background: url(../img/max1.png) no-repeat;width: 240px;height: 190px;font-weight: normal;transition: 0.8s;left: -20px;}
.p1 .main1 h5 p{font-size: 18px;color: #fff;padding: 0 12px;text-align: justify;line-height: 32px;padding-top: 30px;}
.p1 .main1 i{color: #fffc05;}
.p1 .main1 .even h4{background: url(../img/min2.png) no-repeat;}
.p1 .even{margin-top: 30px;}
.p1 .even h5{background: url(../img/max2.png) no-repeat;}
.btn{background: url(../img/bor.png) no-repeat;width: 335px;height: 60px;margin: 60px auto;display: block;font-size: 30px;line-height: 56px;color: #23cebc;}

/*.btn p{background: linear-gradient(to right, #29ceb8, #4bcd99);background-clip: border-box;-webkit-background-clip: text;color: transparent;}*/
.btn p{text-align: left;margin-left: 62px;transition: 0.5s;}
.btn img{left: 10%;top: 21px;transition: 0.5s;}
.btn:hover img{left:86%;transition: 0.5s;}
.btn:hover p{margin-left:10%;transition: 0.5s;}




.p2{background: url(../img/bg.jpg) no-repeat;width: 100%;height: 1268px;}
.p2 h2{color: #edefee;}
.p2 .txt{padding-bottom: 40px;}
.p2 .line{background: #e9ecec;}
.p2 h4{font-size: 24px;color: #fff;width: 250px;height: 60px;line-height: 60px;background: linear-gradient(to right,#23cebc,#4ecd96);border-radius: 30px;font-weight: normal;}
.p2 .top{margin-bottom: 30px;}
.p2 .top p{font-size: 18px;color: #a2a9ac;line-height: 60px;margin-left: 48px;}
.p2 .top img{margin: 26px 0 0 30px;}
.p2 ul .bg{box-shadow:0px 5px 10px 0px rgba(33,33,33,0.1);border-radius: 6px;}
.p2 ul img.absr{top: 8px;right: 8px;animation: wobble 1s linear infinite;}
.p2 ul li{margin:0 20px 40px 0;}
.p2 ul li p{width: 112px;height: 30px;line-height: 30px;color: #fff;font-size: 20px;background: #f79f38;border-radius: 30px;margin: -16px auto;z-index: 2;}
.p2 ul li.last{margin-right: -20px;}
.p2 ul .bgC{background: #abbebf;}
.p2 ul .wid{width: 134px;}
.pbg{background: url(../img/bg1.jpg) no-repeat;height: 530px;}
.pbg .main .top{padding-top: 30px;}


.p3 .main{background: url(../img/bg.png) no-repeat;width: 1012px;height: 438px;}
.p3 .main p{color: #fff;}



.p3 .pos2,.p3 .pos5{font-size: 34px;}
.p3 .pos8,.p3 .pos7,.p3 .pos11{font-size: 12px;}
.p3 .pos9,.p3 .pos10,.p3 .pos6{font-size: 14px;}
.p3 .pos1,.p3 .pos3,.p3 .pos2,.p3 .pos8,.p3 .pos9,.p3 .pos10{opacity: 0.8;filter:alpha(opacity=80);animation: opa1 2.5s linear infinite;}
.p3 .pos4,.p3 .pos5,.p3 .pos6,.p3 .pos7,.p3 .pos11{animation: opa2 2.5s linear infinite;}
.p3 .pos1{font-size: 40px;left: 66px;top: 146px;}
.p3 .pos2{left: 260px;top: 350px;}
.p3 .pos8{left: 410px;top:56px;}
.p3 .pos9{left: 368px;top:288px;}
.p3 .pos10{left: 70px;top:350px;}
.p3 .pos3{font-size: 30px;left: 280px;top: 210px;}
.p3 .pos11{left: 120px;top:236px;}
.p3 .pos4{font-size: 32px;left: 310px;top: 110px;}
.p3 .pos5{left: 148px;top: 276px;}
.p3 .pos6{left: 214px;top:84px;}
.p3 .pos7{left: 424px;top:166px;}
.p3 ul{left: 590px;top: 118px;}
.p3 ul li{background: url(../img/cir.png) no-repeat left 3px;height: 90px;width: 330px;text-align: left;}
.p3 ul.absl li p{padding-left: 42px;color: #1a323e;font-size: 20px;line-height: 38px;}
.p3 ul li span{color: #23cebc;font-size: 24px;}
.p3 .btn{width: 275px;background: url(../img/bor1.png) no-repeat;}
.p3 .btn:hover img{left:83%;transition: 0.5s;}
.p4{background: url(../img/bg2.jpg) no-repeat;width: 100%;height: 977px;}
.p4 .main{height: 522px;}
.p4 .main .opa{width: 100%;height: 100%;background: #fff;opacity: 0.55;alpha(opacity=55);border-radius: 4px;}
.p4 .eng1{left: 40px;top: 30px;}
.p4 img.absr{right: 26px;top: 32px;}
.p4 .con{left: 116px;top: 56px;}
.p4 .con,.p4 .swiper-slide div{width: 465px;height: 316px;overflow: hidden;}
.p4 h4{width: 100px;height: 14px;background: #cff2ee;font-size: 30px;font-weight: normal;margin-top: 20px;border: 1px solid #cff2ee;}
.p4 h4 p{margin-top: -26px;}
.p4 .tit{text-align: left;font-size: 24px;padding: 18px 0 28px;}
.p4 .tit2{text-align: left;font-size: 20px;line-height: 30px;}
.p4 .tit3{font-size: 18px;}
.p4 .tit2 span{color: #23cebc;}
.p4 .swiper-slide a{width: 200px;height: 48px;border-radius: 10px;background: #f79f38;display: block;color: #fff;line-height: 48px;font-size: 26px;margin-top: 26px;}
.p4 .bBox{left: 22px;bottom: -20px;height: 155px;}
.p4 .bBox li,.p4 .bBox li b{width: 155px;height: 155px;border-radius: 8px;background: #1a323e;margin-right: 6px;overflow: hidden;}
.p4 .bBox li b{background: #fff;left: -155px;transition: 0.5s;}
.p4 .bBox li.on{background: #fff;transition: 0.5s;}
.p4 .bBox li.on b{left: 0px;transition: 0.5s;}
.p4 .bBox li img{border-radius: 8px;}
.p4 .tBox{right: 70px;bottom:134px;width: 344px; height: 359px;overflow: hidden;}
.p4 .tBox img{bottom: -360px;transition: 0.5s;}
.p4 .tBox .act{bottom: 0;transition: 0.5s;}
.p5{background: url(../img/bg3.jpg) no-repeat;height: 823px;width: 100%;}
.p5 h2{color: #364953;}
.p5 h3,.p5 .txt{color: #fff;}
.p5 .line{background: #263d4a;}
.p5 .outer{width: 638px;height: 358px;border: 1px solid #238582;border-radius: 50px 0 0 0;}
.p5 .outer .outer{top: -10px;left: 10px;order: 1px solid #23cebc;overflow: hidden;}
.p5 .vBox{width: 640px;height: 360px;top: -360px;transition: 0.5s;}
.p5 .vBox video,.p5 .vBox img.absl{display: none \9;}
.p5 .vBox .com{display: none;display: block \9;}
.p5 .vBox img{left: 282px;top: 146px;cursor: pointer;}
.p5 .outer .on{top: 0;transition: 0.5s;}
.p5 .conbox{width: 433px;height: 333px;background: url(../img/bg1.png) no-repeat;top: 38px;}
.p5 h4{font-size: 30px;color: #fffc05;padding: 50px 28px 28px;}
#swiper2{width: 433px;height: 333px;}
#swiper2 p{font-size: 18px;color: #fff;padding: 0 44px;text-align: justify;line-height: 34px;}
.p5 .conbox .abslt{background: url(../img/btn.png) no-repeat;width: 70px;height: 30px;left: -36px;z-index: 999;}
.p5 .conbox .abslt div{width: 34px;height: 30px;cursor: pointer;}
.p6 .main{width: 974px;}
.p6 .main li{width: 220px;height: 284px;margin-right: 30px;}
.p6 .main li img{margin:36px 0 38px;animation: zoomIn 2s linear infinite;}
.p6 .main li.od{background: url(../img/bg4.png) no-repeat #f3f5f4;}
.p6 .main li.evn{background: url(../img/bg5.png) no-repeat #f3f5f4;}
.p6 .main li p{font-size: 22px;}
.p6 .main span{font-size: 18px;}
.p6 .main h4{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 14px;}
.p7{background: url(../img/bg6.jpg) no-repeat;width: 100%;height: 550px;}
.p7 .main li,.p7 .main h4,.p7 .main b{width: 320px;height: 96px;}
.p7 .main li{background: #fff;border-radius: 10px;line-height: 96px;overflow: hidden;box-shadow: 0px 5px 10px 5px rgba(33,33,33,0.4);margin-right: 20px;margin-bottom: 30px;}

.p7 .main i{width: 61px;height: 96px;font-size: 24px;color: #fff;}
.p7 .main .left i{background: url(../img/cir5.png) no-repeat;}
.p7 .main p{width: 258px;font-size: 24px;}
.p7 .last p{font-size: 22px;}
.p7 .main h4,.p7 .main b{font-weight: normal;}
.p7 .main b{background: #1a323e;opacity: 0.8;alpha(opacity=80);}
.p7 .main a{width: 180px;height: 50px;border-radius: 30px;background: #23cebc;font-size: 24px;color: #fff;line-height: 50px;top: 22px;left: 70px;}
.p7 .main .right i{background: url(../img/cir6.png) no-repeat;}
.p7 .main h4{left: -320px;transition: 0.3s;}
.p7 .main h4.act{left: 0;transition: 0.3s;}
.p8{position: fixed;bottom: 0;left: 0;background: url(../img/bg7.jpg) no-repeat center;height: 80px;width: 100%;z-index: 999;/*display: none;*/}
.p8 .mesg{width: 1000px;margin: 0 auto;height: 100%;}
.p8 .mesg img{top: -148px;left: -130px;}
.p8 .mesg form{margin:26px 0 0 140px;}
.p8 .mesg .bor{width: 138px;height: 38px;border: 1px solid #fff;margin-right: 10px;}
.p8 .mesg .bor img{margin: 8px 8px 0 10px;}
.p8 .mesg .bor input{width: 100px;height: 100%;border: none;background: none;font-size: 16px;color: #fff;}
.p8 .mesg .bor .two{margin-top: 5px;}
.p8 .mesg .bor2{width: 191px;}
#phoneCode{width: 52px;}
#getcode{width: 96px;border-left: 1px solid #fff;height: 28px;line-height: 28px;padding-left: 4px;margin-top: 5px;cursor: pointer;color: #fff;}
#submsg{background: url(../img/sub.png) no-repeat;width: 135px;height: 36px;border: none;cursor: pointer;}
.p8 .mesg .bor input::-webkit-input-placeholder{color: #fff;}
.p8 .mesg .bor input::-moz-placeholder,.ly_top input::-moz-input-placeholder{color: #fff;}
.p8 .mesg .bor input::-ms-input-placeholder,.ly_top input::-ms-input-placeholder{color: #fff;}
.foot{font-size: 14px;background: #1a323e;color: #fff;padding: 20px 0 120px;}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: rotate(0);
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
  	opacity: 1;
  	transform: rotate(360deg);   
  }
}
@keyframes opa1{
	0%{
		opacity: 0.8;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 0.8;
	}
}
@keyframes opa2{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 0;
	}
}



@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}



@keyframes toLeft{
	0%{
		transform: translateX(30px);
	}
	50%{
		transform: translateX(270px);
	}
	100%{
		transform: translateX(30px);
	}
} 








@charset "UTF-8";
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(1000px);
    transform: scale(.1) translateY(1000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(1000px);
    -ms-transform: scale(.1) translateY(1000px);
    transform: scale(.1) translateY(1000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}








@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}