@keyframes run1{
	0%{transform: translateY(-3px);}
	50%{transform: translateY(3px);}
	100%{transform: translateY(-3px);}
}
@keyframes run2{
	0%{transform:scale(1);}
	50%{transform:scale(1.2);}
	100%{transform:scale(1);}
}

/*********************/
.section1{ background:url(../images/bg15_1.jpg) center center no-repeat; overflow:hidden;position: relative;}


.section1 .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: all .3s ease;
}
.section1 .cover:before, .section1 .cover:after {
  content: '';
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.section1 .cover:before {
  width: 36.27vw;
  height: 42.375vw;
  left: -20px;
  bottom: -16.2vw;
  background-image: url("../images/img-1.png");
  opacity: 1;
  transform: translateY(0vw);
}
.section1 .cover:after {
  width: 34vw;
  height: 34vw;
  left: 0;
  bottom: -8.59vw;
  background-image: url("../images/img-2.png");
  opacity: 1;
  transform: translateX(-1.5vw);
}
.all_title{}
.topic{ font-size:36px; color:#00c0b3;line-height:1.5;}
.topie{ font-size:14px; color:#666;line-height:1.5;}

/************************/
.n-about-box{display: inline-block;vertical-align: middle;width:100%; position:relative; z-index:2;}
.n-about-con{ margin-top:10px;}
.n-about-con p{ font-size:16px; line-height:1.8; color:#444; text-indent:2em;}
.n-about-con p img{ max-height:13px; vertical-align:baseline;}

.honor-bg{ background:rgba(255, 255, 255, 0.6); border-radius:20px;position:relative; z-index:2; padding:15px 20px; margin-top:2%; width:70%;}
.honor-bg span{ float:left; font-size:30px; width:60px; color:#00c0b3; line-height:1.1;}

.honor-box{ display: flex;margin-left: -1%;}
.honor-box li{ float:left; display: flex;width:40%;margin-left: 1%; text-align:center;padding:0px 30px;-webkit-transition:.5s;transition:.5s;}
.honor-box li .icons{ margin-right:10px;display:inline-block;background:#00c0b3;-webkit-transition:.5s;transition:.5s;border-radius:50%;border:10px solid #00c0b3;}
.honor-box li .icons img{width:100%; max-width:45px;border-radius:50%;display:block}
.honor-box li .icons .icon2{display:none}
.honor-box li h4{ font-size:28px; color:#00c0b3; text-align:left;}
.honor-box li p{ font-size:14px; line-height:2;color:#00c0b3;}


.braces_box {
  position: absolute;
  top: -45px;
  right: -20px;
  z-index: 0;
  transition: all .3s ease;
  width: 27vw;
  height: 10vw;
  text-align:right;
  background-size:cover;
  opacity: 1;
  transform: translateY(0vw);
}
.braces_box img{ max-width:100%;}

.xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:25px;}
.xiangxia a{display: inline-block;width: 80px;height:80px;border:1px solid white;text-align: center;line-height: 80px;border-radius: 50%;}
.xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;}



/************************/
.section2{ background:#00c0b3; overflow: hidden;}
.section2 .all_title{ margin-bottom:40px;}
.section2 .topic{ font-size:44px; color:#fff;line-height:1.5;}

.teach_bg{ overflow:hidden; }
.teach_bg ul{ display:flex;margin-left:-1%;}
.teach_bg li{ width:24%; float:left;background: #fff; margin:5px 0px; margin-left:1%;}
.teach_box{ border: 1px solid #FFF;background: #FFF url(../images/m2us_sp1.png) no-repeat right top;display: block;padding: 1vw 0.6vw 0px;color: #333;}
.n_teach_nane{ color:#00c0b3; font-size:20px; line-height:2; font-weight:bold;}
.n_teach_rank{ color:#90dbd4; font-size:16px; line-height:1.5;font-weight:bold;}

.n_teach_info{ margin-top:10px;}
.n_teach_info p{ font-size:14px; line-height:2;padding-left: 12px;position:relative; text-align:left;}
.n_teach_info p::before {content: "●";position: absolute;left: 0;/* top:0px; */font-size: 12px;line-height: inherit;color: #00c0b3;}

@media (max-width:767px){
.all_title{ margin-top:30px;}
.topic{ font-size:28px; color:#00c0b3;line-height:1.5;}
.topie{ font-size:14px; color:#666;line-height:1.5;}
.section2 .topic{ font-size:28px; color:#fff;line-height:1.5;}
.teach_bg ul{ display:flex; flex-wrap:wrap;}	
.teach_bg li{ width:100%; margin-left:1%; float:left;}
.teach_box{ padding:20px 10px;color: #333;}
}


/**********************/
.section3{background:#7fc2e5 url(../images/lc_bg.png) right bottom; position: relative;  overflow: hidden;}
.section3 .time_swiper{margin-top: 200px; position: relative; padding: 0 150px;}
.section3 .time_swiper .swiper-slide{position: relative;}
.section3 .time_swiper span{float: left; font-size: 80px; line-height: 86px; font-family: 'pingfang'; color: #00c0b3; padding-right: 40px; border-right: 1px solid #00c0b3;}
.section3 .time_swiper .info{padding-left: 270px;}
.section3 .time_swiper .info h3{font-size: 30px; color: #00c0b3;}
.section3 .time_swiper .info p{font-size: 18px; color: #00c0b3; margin-top: 10px;}
.section3 .time_swiper .common_btn{width: 58px; height: 58px; border: 1px solid #00c0b3; border-radius: 50%; position: absolute; top: 14px; margin-top: 0px; background-repeat: no-repeat; background-position: center; -webkit-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer;}
.section3 .time_swiper .left_btn{left: 0; background: url(../images/left_icon1.png) center center no-repeat;}
.section3 .time_swiper .right_btn{right: 0; background: url(../images/right_icon1.png) center center no-repeat;}
.section3 .time_swiper .left_btn:hover{background: url(../images/left_icon2.png) center center no-repeat;}
.section3 .time_swiper .right_btn:hover{background: url(../images/right_icon2.png) center center no-repeat;}
.section3 .time_swiper .common_btn:hover{background-color: #fff; border-color: #fff;}
.section3 .time_line{margin-top: 70px;}
.section3 .line{height: 22px; background: url(../images/about_img6.png) center no-repeat; background-size: 100% 22px; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc);}
.section3 .year{margin: 15px -24px 0;}
.section3 .year span{font-size: 22px; color: #00c0b3; margin-right: 9vw; position: relative;}
.section3 .year span i{width: 5px; height: 5px; background: #00c0b3; border-radius: 50%; position: absolute; top: -5px; left: 50%; margin-left: -2px; display: none;}
.section3 .year span.active{color: #7fc2e5;}
.section3 .year span.active i{display: block; background: #7fc2e5;}


@media (max-width:767px){
.section3{ padding:0px 0px 40px;}	
.section3 .time_swiper{margin-top: 50px; position: relative; padding: 0 40px;}
.section3 .time_swiper span{ width:100%;float: left; font-size: 50px; line-height: 86px; padding-right:0px; border-right: none;}
.section3 .time_swiper .info{padding-left: 0px; width:100%;}
.section3 .time_swiper .common_btn{width:38px; height: 38px; border: 1px solid #00c0b3; border-radius: 50%; position: absolute; top:25px; margin-top: 0px; background-repeat: no-repeat; background-position: center; -webkit-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer;}
.section3 .time_swiper .info h3{font-size: 22px; color: #00c0b3;}
.section3 .time_swiper .info p{font-size: 16px; color: #00c0b3; margin-top: 10px;}
.section3 .year{margin: 15px 0px 0;}
.section3 .year span{font-size:16px; color: #00c0b3; margin-right: 4vw; position: relative;}

}



#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 2px;height: 2px;background: #A2A2A2; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span,
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span{width: 15px;height: 15px;background: transparent;border: 2px solid #b0b0b0;margin-left: -7px;margin-top: -5px;}
#fp-nav ul li a span:before{display: none;}
#fp-nav ul li a span:after{background: #F2F2F2;height: 13px;}
#fp-nav ul li, .fp-slidesNav ul li{margin: 14px 0;}
#fp-nav.active1{display: none;}
#fp-nav.active2 ul li a span{background: #fff;}
#fp-nav.active2 ul li:hover a span, #fp-nav.active2 ul li a.active span, #fp-nav.active2 ul li:hover a.active span{border-color: #fff;background: transparent;}



/*home-yewu*/
.yw { width: 100%; overflow: hidden; height: 100vh; position: relative; }

.yw-bg { width: 100%; overflow: hidden; height: 100%; position: relative; z-index: 12; }

.yw-bg span { width: 102%; height: 102%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12; opacity: 0; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }

.yw-bg span:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 2; background: rgba(0, 0, 0, 0.3); }

.yw-bg span img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 6s linear 0s; -moz-transition: all 6s linear 0s; -ms-transition: all 6s linear 0s; -o-transition: all 6s linear 0s; transition: all 6s linear 0s; }

.yw-bg span.active { opacity: 1; }

.yw-bg span.active img { transform: scale(1.1); }

.yw-center { width: 88vh; height: 88vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 13; top: 52%; }

.yw-line { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.yw-line1 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate1 60s linear infinite; }

.yw-line2 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate2 20s linear infinite; }

.yw-line3 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate1 30s linear infinite; }

.yw-line4 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate1 5s linear infinite; }
@keyframes rotate1 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes rotate2 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } }


.yw-pannel { width: 88vh; height: 88vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 14; top: 52%; }

.yw-item { width: auto; position: absolute; transform: translate(-50%, -50%); cursor: pointer; }

.yw-item samp { width: 1.47vh; height: 1.47vh; display: block; border-radius: 50%; background: #fff; border: 0.49vh #00c0b3 solid; }

.yw-item span { width: 9.8vh; display: block; height: 9.8vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%; background: #fff; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }

.yw-item span:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); z-index: 11; animation: scales 2.6s linear infinite; }

.yw-item span:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); z-index: 11; animation: scales 2s linear 1.3s infinite; }

.yw-item span i { width: 88%; height: 88%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px #00c0b3 dashed; border-radius: 50%; box-sizing: border-box; z-index: 12; }

.yw-item span i img { width: 57%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.yw-item em { width: auto; position: absolute; display: block; font-size: 18px; color: #fff; white-space: nowrap; opacity: 1; }

.yw-item.item1 { left: 14%; top: 34%; }

.yw-item.item1 em {left: -16vh;top: 0vh;}

.yw-item.item2 { left: 28%; top: 82%; }

.yw-item.item2 em {left: -25vh;top: 1vh;}

.yw-item.item3 { left: 73%; top: 82%; }

.yw-item.item3 em {left: 3vh;top: 1vh;}

.yw-item.item4 { left: 86%; top: 34%; }

.yw-item.item4 em {left: 3vh;top: 0vh;}

.yw-item.item5 { left: 50%; top: 10.5%; }

.yw-item.item5 em {left: -8vh;top: -6vh;}

.yw-item.active span { transform: translate(-50%, -50%) scale(1); }

.yw-item.active em { opacity: 0; }

.yw-cont { width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 15; top: 52%; }

.yw-wz { width: 52vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; display: none; color: #fff; text-align: center; top: 52%; }

.yw-wz.active { display: block; }

.yw-wz h3 { width: 100%; overflow: hidden; font-size: 42px; position: relative; z-index: 12; opacity: 0; transform: translateY(60px); }

.yw-wz em { width: 100%; font-style:normal;white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); top: -50px; z-index: 11; font-size: 36px; color: rgba(255, 255, 255, 0.2); opacity: 0; }

.yw-wz p { width: 100%; overflow: hidden; line-height: 30px; font-size: 18px; margin-top: 28px; opacity: 0; transform: translateY(60px); }

.yw-wz a { width: 180px; height: 60px; line-height: 60px; display: block; margin: 44px auto 0px; border: 1px #fff solid; border-radius: 3px; font-size: 18px; color: #fff; cursor: pointer; opacity: 0; transform: translateY(60px); }

.yw-wz a:hover { background: #076ade; border-color: #076ade; }

.yw-wz.active h3 { animation: updown 0.3s ease 1; animation-fill-mode: forwards; }

.yw-wz.active p { animation: updown 0.3s ease 0.05s 1; animation-fill-mode: forwards; }

.yw-wz.active a { animation: updown 0.3s ease 0.1s 1; animation-fill-mode: forwards; }

.yw-wz.active em { opacity: 1; }

@keyframes updown { 0% { opacity: 0; transform: translateY(60px) scale(0.8); }
  100% { opacity: 1; transform: translateY(0px) scale(1); } }



/************************/
.m2proItem{ padding: 10vw 0px; }
.m2proCon{ position:relative;}
.m2proLx{ max-width:545px; width:50%; float:left; position:relative; z-index:2;}
.m2pro_t{font-size: 24px;color: #00c0b3;line-height: 1.5;font-weight: bold;}
.m2pro_t *{vertical-align:middle;}
.m2pro_t img{ margin-left:2px; position:relative; top:-3px;}
.m2pro_st{font-size: 36px;color: #00c0b3;line-height: 1.5;margin: 0px 0px 39px;position: relative;}
.m2pro_st:after{content: "";background: #00c0b3;height: 4px;width: 50px;position: absolute;left: 0px;bottom: -15px;}
.m2pro_des{font-size: 16px;line-height: 2;color: #666666;}
.m2proItem .hmc2Bom{margin-top: 32px;clear: both;display: flex;justify-content: space-between;padding-right:0;flex-wrap: wrap;}
.m2proItem .hmc2Bom li{padding:10px;background:#00c0b3;color:#fff;border-radius:5px;width: 49%;margin-bottom: 10px;}
.m2proItem .hmc2Bom li p{ padding-left:0!important;}
.m2proItem .hmc2Bom li:hover strong span{ color:#00c0b3}


.m2pro_des img{ max-height:13px; vertical-align:baseline;}


.m2proRx{ width:50%; height:386px; position:relative; float:right;}
.m2proImgx{ position:absolute; left:125px; top:0;}
.m2proImgx:before{ content: ""; background: url(../images/m2pro_pbg.png) no-repeat; height: 560px; width: 793px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); margin-left:20px}
.m2proImgx img{ position:relative; z-index:2;}
.m2proImgx span{ position:absolute; z-index:3; transition:all 0.8s ease; opacity:0; transform:scale(0)}
.m2proImgx span i{ font-style: normal;  border-radius:50%; background:#fff; text-align:center;display:flex; flex-direction:column; justify-content:center; border-style: solid; animation:paopao 3s ease-in-out infinite;}

.m2proImgx span.m2pro_tg1 i{ animation-delay:0.5s}
.m2proImgx span.m2pro_tg4 i{ animation-delay:0.8s}
.m2proImgx span.m2pro_tg5 i{ animation-delay:1.2s}
.m2proImgx span.m2pro_tg6 i{ animation-delay:0.2s}

.m2proItem1 .m2proRx span i{color: #00c0b3;border-color:#00c0b3;box-shadow:0 3px 13px rgba(0,137,207,0.3);}
.m2proItem1 .m2pro_tg1{ right:70px; top:105px; }
.m2proItem1 .m2pro_tg1 i{height: 90px;width: 90px;border-width: 5px;line-height: 20px;font-size: 14px;}
.m2proItem1 .m2pro_tg2{ left:70px; top:105px;}
.m2proItem1 .m2pro_tg2 i{height: 90px;width: 90px;border-width: 5px;line-height: 20px;font-size: 12px;}
.m2proItem1 .m2pro_tg3{ left:70px; top:235px;}
.m2proItem1 .m2pro_tg3 i{height: 76px;width: 76px;border-width:3px;font-size: 9px;line-height:16px;}
.m2proItem1 .m2pro_tg4{ right:70px; top:182px;}
.m2proItem1 .m2pro_tg4 i{height: 90px;width: 90px;border-width:3px;font-size:14px;line-height:20px;}
.m2proItem1 .m2pro_tg5{ left:70px; bottom:105px;}
.m2proItem1 .m2pro_tg5 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem1 .m2pro_tg6{ right:70px; bottom:205px;  }
.m2proItem1 .m2pro_tg6 i{height: 90px;width: 90px;border-width: 5px;line-height: 20px;font-size: 13px;}
.on.m2proItem1 .m2pro_tg1{right: -10px;top:0;transition-delay:0.2s;}
.on.m2proItem1 .m2pro_tg2{left: -53px;top: 4px;transition-delay:0.3s;}
.on.m2proItem1 .m2pro_tg3{left: 0px;top: 147px;transition-delay:0.4s;}
.on.m2proItem1 .m2pro_tg4{right: 0px;top: 270px;transition-delay:0.5s;}
.on.m2proItem1 .m2pro_tg5{ left:-36px; bottom:-5px; transition-delay:0.6s; }
.on.m2proItem1 .m2pro_tg6{right:-43px;bottom: 130px;transition-delay:0.7s;}
.on .m2proImgx span{opacity:1; transform:scale(1)}


@media (max-width:769px){
.yw-center { width: 72vh; height: 72vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 13; top: 52%; }
.yw-pannel { width: 72vh; height: 72vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 14; top: 52%; }
	
	
.m2proLx{ max-width:545px; width:100%; float:left; position:relative; z-index:2;}
.m2proRx{ width:100%; height:386px; position:relative; float:right; display:none;}

}
@media (max-width:767px){
.m2proItem .hmc2Bom{ flex-wrap: wrap;}
.m2proItem .hmc2Bom li{width: 49%; margin-bottom:6px;}
}
/***********************/
.n-zhenge-bg{background-image: -webkit-linear-gradient(#fff,#7fc2e5); position:relative; padding:5vw 0px;}
.n-zhenge-box{ margin-top:30px;}
.n-zhenge-box ul{overflow:hidden;margin-left:-1%;display: flex;flex-wrap: wrap;padding-top: 10px;padding-right:4px;}
.n-zhenge-box li{width:32.333%;float:left; position:relative;padding: 25px 10px; background:#fff;margin-left:1%;margin-bottom:20px;transition: .5s; text-align:center;}
.n-zhenge-box li::before { content: ""; position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0; box-shadow: 0 0 5px #ddd; z-index: 1;}
.n-zhenge-box li .n-zhenge-img img{ max-width:65%;}
.n-zhenge-box li p { font-size: 16px;line-height: 2;font-weight:bold; margin-top:20px;}






.n-ksce-bg{width: 100%;padding:5vw 0px 5vw; position:relative; overflow:hidden; background:url(../images/ksce_bg.png) top center no-repeat;}

.n-ksce-tit{ text-align:center;}
.n-ksce-box{
    padding:5% 0 30px;
    display: flex;
    align-items: center;
}
.n-ksce-lf { order: 2; width: 40%;}
.n-ksce-rf {order: 3;width: 50%; margin-left:10%;}

.n-ksce-list li{position:relative;padding-left: 40px;line-height: 32px;margin:20px 0px 30px;font-size: 16px;}
.n-ksce-list li:before {
    content: "01";
    position: absolute;
    left: 0px;
    font-weight: 700;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    color: #3dc3b0;
    font-size: 27px;
}
.n-ksce-list li:nth-child(2):before {content: "02";}
.n-ksce-list li:nth-child(3):before {content: "03";}


.n-ksce-btn {
    border-radius: 35px;
    background-color: #3dc3b0;
    display: inline-block;
    border: none;
    padding: 9px 20px 9px 20px;
    max-width: 330px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: .7px;
    transition: all 50ms ease-out;
    border: 4px solid #3dc3b0;
    cursor: pointer;
}

@media (max-width:769px){
.n-ksce-bg{width: 100%;padding:90px 0px 5vw;}	
.n-ksce-box {flex-wrap: wrap;}
.n-ksce-lf { order: 2; width:100%;}
.n-ksce-rf {order: 3;width: 100%; margin-left:0%;}

}
/************************/
.n-cuoe-bg{padding:5vw 0px 0px; position:relative; overflow:hidden; background:#90dbd4;}
.n-cuoe-bg .topie { font-size: 14px; color: #fff; line-height: 1.5;}

.n-cuoe-abg{border-top: 1px solid #3dc3b0; margin-top:40px;}
/*.n-cuoe-box .tab{ width:100%; position:relative;}
.n-cuoe-box .tab-hd { overflow:hidden; zoom:1; padding: 2vw 2vw 2vw 0; float:left; width:calc(80px + 2vw);border-right: 1px solid #3dc3b0;}
.n-cuoe-box .tab-hd li{ float:left;width:80px; height:80px; border-radius:50%;line-height:80px; margin-bottom: 1vw;font-size:14px;position: relative;transition: all .3s ease; background:#fff; color:#fff; text-align:center; cursor:pointer;}
.n-cuoe-box .tab-hd li:last-child{ margin-bottom:0px;}

.n-cuoe-box .tab-hd li i {position: absolute;top: 0;left: 0; right: 0;bottom: 0;background-position: center;background-repeat: no-repeat; background-size: contain;transition: all .3s ease;}
.n-cuoe-box .tab-hd li span { position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); width: 70px;line-height:1.2;font-size: 16px; color: #fff; text-align: center; opacity: 0; transition: all .3s ease;}
.n-cuoe-box .tab-hd li::after {content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #3dc3b0; position: absolute;right: -2vw; top: 50%; margin-top: -6px; opacity: 0; transition: all .3s ease;}

.n-cuoe-box .tab-hd li.active,.n-cuoe-box .tab-hd li:hover{ background:#3dc3b0;}
.n-cuoe-box .tab-hd li.active::after{opacity: 1;}
.n-cuoe-box .tab-hd li:hover i, .n-cuoe-box .tab-hd li.active i { opacity: 0;}
.n-cuoe-box .tab-hd li:hover span, 
.n-cuoe-box .tab-hd li:hover::after, 
.n-cuoe-box .tab-hd li.active span, 
.n-cuoe-box .tab-hd li.active::after { opacity: 1;}


.n-cuoe-box .tab-bd{ float:left; width: calc(100% - 80px - 2vw);padding:3vw 0 2vw 5vw;border-left: 1px solid #3dc3b0;margin-left: -1px;}
.n-cuoe-box .tab-bd .tab-nr{display:none; font-size:14px; line-height:1.8;}
.n-cuoe-box .tab-bd .tab-nr .box-4 {padding: 3vw 2vw;border: 1px dashed #fff;}
.n-cuoe-box .tab-bd .tab-nr img{ margin-bottom:30px;}
.n-cuoe-box .tab-bd .tab-nr h3{ font-weight:bold; font-size:26px; line-height:2; color:#00c0b3; margin-bottom:10px;} 
.n-cuoe-box .tab-bd .tab-nr p{ font-weight:normal; font-size:16px;line-height:2; color:#fff;}
.n-cuoe-box .tab-bd .tab-nr.thisclass{ display:block;}
*/



/*****æ–°é—»*********/
.news{width: 100%; margin:20px 0px;  overflow: hidden;}
.news li{width: calc(33.33% - 2px);float: left;border-left: 1px solid #dfdfdf;padding-bottom:20px;}

.news li:nth-child(3n){border-right: 1px solid #dfdfdf;}
.news li a{display: block;width: 100%;padding:30px 5% 30px;box-sizing:border-box;transition:background 0.3s;}
.news li .data{font-size: 14px;color: #333333;line-height: 34px;font-family: 'Arial';margin-bottom: 15px;opacity: 1;transition:color 0.3s,opacity 0.3s;}
.news li h2{font-size: 0.9rem;color: #333;line-height: 25px;margin-bottom: 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; transition:color 0.3s;}
.news li .latest{font-size: 12px;color: #999999;line-height: 43px;opacity: 1;transition:color 0.3s,opacity 0.3s;}
.news li .font{font-size: 14px;color: #888;line-height: 20px;height: 80px;overflow: hidden;margin-top: 20px;transition:color 0.3s;}
.news li .pic{overflow: hidden;width: 100%;text-align: center;height: 220px;}
.news li img{transition:all 0.3s;width: 100%;height: 100%;}
.news li .jian{width: 52px;height: 11px;background: url(../images/news02.png) no-repeat center;transition:background 0.3s;display: block;margin-top: 34px;}
.news li a:hover{background: #3dc3b0;}
.news li a:hover h2, .news li a:hover .font{color: #efefef;}
.news li a:hover .data{color: #efefef;opacity: 0.8;}
.news li a:hover .latest{color: #efefef;opacity: 0.7;}
.news li a:hover .jian{background: url(../images/news02_h.png) no-repeat center;}
.news li a:hover img{transform: scale(1.1)}




/*********‹*************/
.n-scene-bg{padding:60px 0px; overflow:hidden;background:#f9f9f9;}
.n-scene-box{ margin-top:10px;}
.n-scene-box ul{ display: flex;margin-left: -1%;}
.n-scene-box li{ float:left; width:33.33%;margin-left: 1%; text-align:center;padding:50px 10px;-webkit-transition:.5s;transition:.5s;}
.n-scene-box li .icons{display:inline-block;background:#00c0b3;-webkit-transition:.5s;transition:.5s;}
.n-scene-box li .icons img{width:100%;display:block; vertical-align:middle;}

.n-scene-box li h5{ font-size:18px; margin-top:20px; color:#90dbd4; line-height:1.5;}
.n-scene-box li h4{ font-size:20px; color:#00c0b3; line-height:1.5;margin-top:10px;}
.n-scene-box li p{ font-size:14px; line-height:1.5;margin-top:10px; }



/****************/
.index_pictrue_bg{background: #f1f1f1;color:#00c0b3;padding: 8% 0px;overflow: hidden;}
.index_pictrue_box{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.index_pic_lf{width: 33.33333%;position: relative;display: inline-block;padding-top: 40px; padding-bottom: 60px;}
.index_pic_tit_m{text-transform: uppercase;font-size: 12px;letter-spacing: 1px;margin-bottom: 15px;color:#00c0b3;position:relative; z-index:3;}
.index_pic_tit_b{margin-bottom: 30px;font-size: 35px;font-weight:900;letter-spacing: -1px;color:#00c0b3; position:relative; z-index:3;font-family: ModeratBlack,ModeratBold,arial,sans-serif;}
.index_pic_p{margin-bottom: 25px;line-height: 28px;font-size: 15px;color:#333;position:relative; z-index:3;}
.index_pic_wrp{/* position:relative; */}
.index_pic_more {position:absolute;right:-80px;z-index:7;bottom: 5%;}
.index_pic_more a {
    display: inline-block;
    padding: 21px 60px;
    position: relative;
    z-index: 2;border-radius: 30px;
    height: 100%;opacity: 1;-webkit-animation: animOpacite .6s forwards; animation: animOpacite .6s forwards;background:#fff;color:#00c0b3;
}

.index_pic_more a:hover{ background:#00c0b3; color:#fff;}


.index_pic_rf{padding-left: 40px;width: 66.666%;box-sizing: border-box;display: inline-block;float: right;}
.index_pic_rf .img-wrp {
    background-color: #000d1b;
	width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 64%;
    z-index: 2;
}
.index_pic_rf .img-wrp img {
    position: absolute;
    width: 100%;
    height: 120%;
    opacity: .9;object-fit: cover;
    display: block;
}

/*********************/
.index_idlee_bg{background: #fff;color:#00c0b3;padding: 120px 0px;overflow: hidden;}
.index_idlee_box{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.index_idlee_bg .index_pic_lf{width: 33.33333%;padding-left: 40px;position: relative;display: inline-block;padding-top: 40px; padding-bottom: 60px;}
.index_idlee_bg .index_pic_rf{width: 66.666%;padding-left: 0px;box-sizing: border-box;display: inline-block;float: left;}
.index_idlee_bg .index_pic_more { position: absolute; left: -80px; z-index: 7;}

.index_idlee_bg .index_pic_more a {
    display: inline-block;
    padding: 21px 60px;
    position: relative;
    z-index: 2;border-radius: 30px;
    height: 100%;opacity: 1;-webkit-animation: animOpacite .6s forwards; animation: animOpacite .6s forwards;background:#00c0b3;color:#fff;
}

.index_idlee_bg .index_pic_more a  img{ max-height:13px; vertical-align:baseline;}


.index_idlee_bg  .index_pic_more a:hover{ background:#7fc2e5; color:#fff;}


@media screen and (max-width: 1250px){
.index_pic_lf{width:50%;}
.index_pic_rf{width:50%;}
.index_idlee_bg .index_pic_lf{width:50%;}
.index_idlee_bg .index_pic_rf{width:50%;}
}


/***********************/
.index_impact_bg{background: #f1f1f1;color:#00c0b3;padding: 120px 0px;overflow: hidden;}
.index_impact_box{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.index_impact_lf{width: 40%;position: relative;display: inline-block;padding-top: 100px; padding-bottom: 60px;}
.index_impact_tit_m{text-transform: uppercase;font-size: 12px;letter-spacing: 1px;margin-bottom: 15px;color:#00c0b3;position:relative; z-index:3;}
.index_impact_tit_b{margin-bottom: 30px;font-size: 35px;font-weight:900;letter-spacing: -1px;color:#00c0b3; position:relative; z-index:3;font-family: ModeratBlack,ModeratBold,arial,sans-serif;}
.index_impact_p{margin-bottom:10vw;line-height: 28px;font-size: 15px;color:#333;position:relative; z-index:3;}
.index_impact_wrp{}
.index_impact_more {position:absolute;right:0px;z-index:7;}
.index_impact_more a { display: inline-block; padding: 21px 60px; position: relative;z-index: 2;border-radius: 30px;height: 100%;opacity: 1;-webkit-animation: animOpacite .6s forwards; animation: animOpacite .6s forwards;background:#fff;color:#00c0b3;}
.index_impact_more a:hover{ background:#00c0b3; color:#fff;}
.index_impact_rf{width:40%;left: 20%;position: relative;box-sizing: border-box;display: inline-block;float: right;}
.index_impact_rf .impact-wrp {width: 100%; height: 100%; overflow: hidden; position: relative; padding-bottom: 100%; z-index: 2;}
.index_impact_rf .impact-wrp img {position: absolute;width: 100%; height: 100%; opacity: .9;object-fit: contain;display: block; }
.icons-wrp { width: 100%; position: absolute; bottom: 50%; left: 50%; -webkit-transform: translate(-50%,50%); transform: translate(-50%,50%);text-align: center;}

@media screen and (max-width: 767px){
.index_pic_lf{width:100%;}
.index_pic_rf{width:100%;padding-left: 0px;}
.index_pic_more {position:absolute;right:auto;z-index:7;bottom: 5%;}
.index_idlee_bg .index_pic_lf{width:100%;padding-left: 0px;}
.index_idlee_bg .index_pic_rf{width:100%;padding-left: 0px;}
.index_idlee_bg .index_pic_more { position: absolute; left:auto; z-index: 7;}

.index_impact_lf{width: 100%;position: relative;display: inline-block;padding-top: 50px; padding-bottom: 30px;}
.index_impact_rf{width:100%;left: 0%;position: relative;box-sizing: border-box;display: inline-block;float: right;}
}


/****************************/
.n_banner05{ position:relative; height:100vh; overflow:hidden;}

.video_box{position:absolute;width:100%;height:100%;z-index:0;}
.video_box video{position:absolute;z-index:1;top:50%;left:50%; height:100%!important; width:100%!important; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.video_box:after{content:"";background: rgba(0,0,0,0.6);position:absolute;width:100%;height:100%;z-index: 1;}


.n_banner05 dl{overflow:hidden;height:100vh;}
.n_banner05 dl dt,.n_banner05 dl dd{ position:relative; z-index:1;overflow:hidden; padding-top:30vh;height:100%; float:left; width:33.33%; border-right:rgba(255,255,255,0.2) 1px solid}

.n_banner05 dl dt h3{font-size: 3.5rem;color: #fff;font-family:Impact;}
.n_banner05 dl dt h4{font-size: 1.8rem;color: #fff;margin:1.875rem 0 0.875rem;}
.n_banner05 dl dt h2{font-size:2.5rem;color: #fff;font-weight:bold;margin-bottom:1.75rem;}
.n_banner05 dl dt h6{font-size:14;line-height:2;color: #fff;text-transform:uppercase;}

.n_banner05 dl dd h3{ height:4.5rem; line-height:4.5rem;margin:0 auto; margin-bottom:.5rem;}
.n_banner05 dl dd h4{font-size:1.5rem;color: #fff;margin:0 0 1.875rem;text-transform:uppercase;font-weight:bold;}
.n_banner05 dl dd h2{font-size:2rem;color: #fff;margin-bottom:1.125rem;}
.n_banner05 dl dd h5{font-size:15px;color: #fff;text-transform:uppercase;line-height: 2;}

.n_banner05 dl dd h6{font-size: .875rem;line-height:2.1875rem;color: #fff;text-transform:uppercase;margin-bottom:2rem;}
.n_banner05 dl dd h6 a{font-size:0.875rem;color: #fff;text-decoration:underline;}

.n_banner05 dl dd ul{ font-size:0}
.n_banner05 dl dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; }
.n_banner05 dl dd ul li h5{ font-size:0.875rem; margin-top:0.25rem; color:#fff;}

.n_banner05 dl dd .con{ text-align:center;position:relative;}
.n_banner05 dl dd{ position:relative}
.n_banner05 dl dd:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_banner05 dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD5042C', endColorstr='#BFD5042C');background:rgba(61, 195, 176, 0.75);}

.n_banner05 dl dd:hover:before{ left:0; width:100%}



.n_banner05 dl dd h6{ margin-bottom:10px}
.n_banner05 dl dd h6 h3{ height:auto; line-height:inherit}
.n_banner05 dl dd h6 h3 img{ width:35px; height:35px; cursor:pointer}
.n_banner05 dl dd h6 h3 span{display:inline-block;height:20px;line-height:20px;font-size:12px;color: #fff;margin-top:5px;white-space:nowrap;}
.n_banner05 dl dd h6 a{ margin-right:.5rem}



@media (min-width: 1400px){
.n_banner05 dl dt h2{font-size: 1.8rem;}
.n_banner05 dl dt h6{ font-size:.8rem;}
.n_banner05 dl dt .con{ max-width:90%;}
}


@media (max-width:767px){
.n_banner05{ position:relative; height:auto; overflow:hidden; }
.n_banner05 dl{overflow:hidden;height:auto;padding-top:90px;}
.n_banner05 dl dt, .n_banner05 dl dd {
    overflow: hidden;
    padding: 5% 0px 0px;
    height: auto;
    float: left;
    width: 100%;
    border-bottom: rgba(255,255,255,0.2) 1px solid;
}

.news li {
    width: calc(100% - 2px);
    float: left;
    border-left: 1px solid #dfdfdf;
    padding-bottom: 20px;
}
.m2pro_st {
    font-size: 28px;
    color: #00c0b3;
    line-height: 1.5;
    margin: 0px 0px 39px;
    position: relative;
}


}
@media (max-width: 480px){
.n_banner05 dl dd h6 h3 span{ display:none;}
.n_banner05 dl dt h6{ font-size:.75rem;}
}


.n_box{ padding:40px 0px 40px;}
@media (max-width: 480px){
.n_box{ padding:10% 0px 40px;}
}

/*****详细内页******/
.news-art-main{background: #f9f9f9;margin:40px auto;padding: 40px 5% 60px;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}
.art-main p img{ margin-left: -2em; max-width:100%;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color: #B49C5F;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #00a0e9;line-height:36px;text-align: center;box-sizing: border-box;color: #00a0e9;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #00a0e9;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


.index_chuan_img{width:100%;position:relative;overflow:hidden;background: #3dc3b0;}
.quote-gradient{color:#fff;width: 100%;margin:0 auto;margin-top:90px;margin-bottom: 90px;}

.quote-gradient h3{text-align:center;font-size: 36px;line-height: 1.8;font-weight: 600;color: #ffffff;}
.quote-gradient p{ text-align:center;font-size: 16px;line-height: 1.5;font-weight: 400;color: #ffffff; margin-bottom:40px;}
.quote-gradient input, .quote-gradient textarea {display: block; outline: none; background: #fff;
    border: solid 1px #ebebeb;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.quote-gradient .inpbox {}
.quote-gradient .inpbox input { display:inline-block; width:32.5%;padding: 0 20px;height: 46px; margin-bottom:2%;}
.quote-gradient .inpbox input:last-child {margin-right: 0;}
.quote-gradient textarea {height: 240px; resize: none; width: 100%; margin-bottom: 20px; padding: 18px 20px;}

.quote-gradient .moreBtnBox {text-align: left;}
.quote-gradient .moreBtnBox .btn-text {padding: 15px 35px;border-radius:2px;background: #ffffff;border: solid 1px #ebebeb;display: inline-block;color: #333;cursor: pointer;}