body{  font-size: 16px;  }
header{ width: 100%;  height: 90px; position: fixed; top: 0; left: 0; z-index: 100; background-color: #fff;
 box-shadow: 0 0 10px rgba(0, 0, 0,.1);}
header .logo{ padding-left: 3vw;}
header .logo img{ height: 60px;}
.wap-show{ display: none;}
nav{ width: 45vw;}
.topTel{ margin: 0 2vw;}
.topIcon{ width: 16vw; background-color: #ed9116; padding: 0 3vw;}
nav a:hover{ color: #ed9116;}

.navBtn{ height: 60px; width: 50px; line-height: 60px; cursor: pointer; background: url(../images/navIcon-white.png) no-repeat center center #ed9116; background-size: auto 20px;
 padding: 0 20px;}
 .navBtn.close{ background: url(../images/close-w.png) no-repeat center center #ed9116; background-size: auto 20px;}
 .searchBtn{ padding: 0 25px 0 15px;}
 .languageweb{height: 60px; line-height: 60px; color: #999; font-size: 16px; padding: 0 10px; }
/*  
 .waptoplanguageBox{ position: absolute; left: 0; bottom: 20px;}
 .waptoplanguage{ width: 80%; text-align: center; margin-left: 10%;}
 .waptoplanguage a{width: 50%; color: #fff; border-right: 1px solid #fff; line-height: 2;  }

header.bg-white .navBtn{background: url(../images/navIcon.png) no-repeat center center;background-size: auto 20px; }
.navBtn.close{ background: url(../images/close-w.png) no-repeat center center; background-size: auto 20px;}
header.bg-white .navBtn.close{ background: url(../images/close.png) no-repeat center center; background-size: auto 20px;} */

.shou{ position: absolute;bottom: 10px; width: 100%;
  left: 0;}
.shouImg{ height: 30px;}


.searchBox{ width: 100%;  padding: 20px ;   position: fixed; top: 90px; left: 0; z-index: 100; background-color: #fff; border-top: 1px solid #e5e5e5; display: none;}
.searchBox form{ border-bottom: 2px solid #aaaaaa; width: 400px; padding: 15px 0 ;
 margin: 0 auto;}
.searchBox  .input{ width: 350px;}
.searchClose{ position: absolute; right: 15vw; top: 20px; cursor: pointer; opacity: 0.6; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchClose:hover{ opacity: 1; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.topEem{ position: absolute ;    transition: all .36s; padding: 15px; background-color: #fff; top: 90px; right: -10px; width: 130px;  
   -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; 
   visibility: hidden;opacity: 0;transform: translateY(20px);
  }
.topEem::after{content: "";
  position: absolute;
  border-width: 0 9px 9px;
  border-style: solid;
  border-color: transparent transparent #fff;
  top: -9px;
 right: 10px;
  margin-left: -9px;}

  .ewmShow:hover .topEem{ visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none }

.toplanguage{
  position: absolute ;
  transition: all .36s;
  padding: 15px;
  background-color: #fff;
  top: 90px;
  right: 50%;
  width: 70px;  margin-right: -35px;
  -webkit-transition: all .36s;
  -moz-transition: all .36s;
  -ms-transition: all .36s;
  -o-transition: all .36s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px) ;
  -webkit-transform: translateY(20px) ;
  -moz-transform: translateY(20px) ;
  -ms-transform: translateY(20px) ;
  -o-transform: translateY(20px) ;
}

.toplanguage::after{
 content: "";
 position: absolute;
 border-width: 0 9px 9px;
 border-style: solid;
 border-color: transparent transparent #fff;
 top: -9px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
}
.toplanguage a{ display:  block; padding: 8px 0; text-align: center; border-bottom: 1px solid #e5e5e5;}
.toplanguage a:hover{ color: #ed9116;}
.languageShow:hover .toplanguage{ visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none }


.banner .swiper-slide img{ width: 100%; height: 100vh; object-fit: cover;}
.svg-swiper-pagination { display: flex;flex-wrap: wrap;justify-content: center; position: absolute; bottom: 5vh !important;left: 0; z-index: 60;}
.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 15px !important;  position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 0;
   width: 4px;
   height: 4px;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 50%;
   margin: -6px 0 0 -6px;
   transition: opacity .3s;
   -webkit-transition: opacity .3s;
   -moz-transition: opacity .3s;
   -ms-transition: opacity .3s;
   -o-transition: opacity .3s;
}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #fff;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg { width: 20px; height: 20px; position: absolute; top: -7px; left: -7px; transform: rotate(-90deg); opacity: 0; transition: opacity .3s; display: block; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; }
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339}

.w1440{ width: 1440px; margin: 0 auto;}
.about{ background: url(../images/aboutBg.jpg) no-repeat center center ; background-size: cover;}
.ptb-65{   padding-top: 65px; padding-bottom: 65px;}
.aboutMore { align-items: flex-end;}
.aboutMore .yuan{ background: url(../images/jian.png) no-repeat center center #29a7be; background-size: 25% auto; width: 70px; height: 70px; 
  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: 0 0 12px rgba(41, 167, 190,.5); }
.aboutMore .txt{ border-bottom: 1px solid #aaaaaa; line-height:  70px; padding: 0 40px; }
.about .right{ width: 36%;}
.aboutMore:hover>img{ margin-right: 10px;}
.aboutMore:hover .yuan{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.videobox{ cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%);  box-shadow: 0 0 15px rgba(0, 0, 0,.2); padding: 50px 40px; ccursor: pointer; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;
}
.aboutMore:hover  {color: #29a7be;}
.videobox:hover{ transform: scale(0.95)  translateY(-50%) translateX(-50%); -webkit-transform: scale(0.95)  translateY(-50%) translateX(-50%); -moz-transform: scale(0.95)  translateY(-50%) translateX(-50%); -ms-transform: scale(0.95)  translateY(-50%) translateX(-50%); -o-transform: scale(0.95)  translateY(-50%) translateX(-50%); }
.products .img .txt{ position: absolute; bottom: 0; left: 0; width: 100%;   transition: all .6s; background-image: linear-gradient(to top,rgba(0,0,0,0.2),transparent); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s;
 height: 20%;} 
._slide {
  width: 180px;
  height: 50px;
  border: 2px solid #fff;
  line-height:50px;
  color: #fff;
  position: relative;
  border-radius: 25px;
  display: none;
  margin-top: 40px;
  animation: rightTop 2s;
  -webkit-animation: rightTop 2s;
}

  ._slide i {
    position: absolute; width: 40px; height:  40px; top:5px; right:8px; background: url(../images/right.png ) no-repeat center center  #fff; background-size: 20% auto; border-radius: 50%;
    z-index: 8;  transition: all .8s;
  }
 ._slide .tips {  position: absolute;  z-index: 1;left:15px;overflow: hidden;height: 100%;transition: ease 1s;}
 ._slide:hover { box-shadow: 0 0 15px  rgba(255, 255, 255,.5);}
  ._slide:hover i{  right:  125px;  transform:  rotate(1800deg);   }
  ._slide:hover .tips{ opacity: 0;}
  .products .box{ padding-left: 3vw;}
  .products .swiper-slide:hover .txt{width: 100%; height: 100%; background-color: rgba(41, 167, 190,.9);}
  .products .swiper-slide:hover ._slide{ display: inline-block;}
  #productsSwiper{ padding-bottom: 170px;}
  .swiper-pagination-progressbar{ top: auto !important; bottom: 0 !important; width: 1440px !important; left: 50% !important; margin-left: -720px; }
.productsBtn  .mouse{ margin: 0 30px; }
.productsBtn .next{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.productsBtn{  position: absolute; bottom:30px; left: 0; width: 100%; z-index: 9;}
.productsBtn .next,.productsBtn .prev{ cursor: pointer; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.productsBtn .next:hover,.productsBtn .prev:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); }

.join{ background: url(../images/joinBg.jpg) no-repeat center center; background-size: cover;}
.join .swiper-slide{ background: rgba(255, 255, 255,.9); padding:40px 30px;}
.join .line{ background-color: #aaa; width: 20px; height: 3px; margin:32px 0;} 
.join .swiper-slide .f14{ margin-top: 32px; text-align: center; height: 120px;}
.join .swiper-slide>div{ position: relative; z-index: 5;}
.join .swiper-slide figure{ position: absolute; z-index: 2; width: 100%; height: 0; top: 0; left: 0; background-color: rgba(41, 167, 190,.9); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
 
.join .swiper-slide:hover figure  { height: 100%;}
.join .swiper-slide:hover{ color: #fff;}
.join .swiper-slide:hover .line{ background-color: #fff;}
.join .swiper-slide:hover .color-666{ color: #fff;} 
.news .swiper-slide .txt{ padding-top: 18px;}
.pic::before {content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;}
a:hover .pic::before { animation: gradient-rectangle 1s ; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); -webkit-animation: gradient-rectangle 1s ; }
#newsSwiper .swiper-slide:hover{ color: #29a7be;}
#newsSwiper .swiper-slide:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.customized{ background: url(../images/customizedBg.jpg) no-repeat center center ; background-size: cover;}
.customized  .box{ margin: 25px 0;}
.customized .input{ width: 20.8%; background-color: #fff; padding: 0 15px; height: 58px;}
.customized .desc{ width: 34.7%;}
.customized button{ text-align: center; width: 19.4%; border: 2px solid #fff; color: #fff;height: 58px;}


footer{ background-color: #2c2c2c; color: #fff; line-height: 2.4;}
footer .top {align-items: flex-start; border-bottom: 1px solid rgba(255, 255, 255,.1);}
footer .top .left{ width: 69%;}
footer dd{ font-size: 20px; margin-bottom: 10px;}
footer dt a{ color: rgba(255, 255, 255,.5);}footer  a:hover{ color: #fff;}
footer .top .right img{ width: 140px; margin-left: 15px;}
footer .bot{ color: rgba(255, 255, 255,.5); padding: 15px 0;}
.null-txt{ color: rgba(255, 255, 255,.5);}
.null-txt option{ color: #333;}


div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}

 		
/* 右侧浮动 */
.right-pop{ position: fixed; right: 10px; top: 40vh; 	 z-index: 6333;}
.right-pop li {	width: 56px;	height: 56px;	background-color: #ffffff;	box-shadow: 0px 0px 5px 0px rgba(0, 105, 98, 0.2); display: flex; flex-direction: column; justify-content: center; align-items: center; 
 position: relative; vertical-align: middle; transition: all 0.6s; border-radius: 100%; margin-bottom: 10px;}
.right-pop li span img{ display: block; margin: 0 auto; transition: all 0.6s; filter: grayscale(100%); transition: all 0.6s; opacity: 0.6;}
.right-pop li p{ font-size: 14px; color: #333333; text-align: center; margin-top: 10px;}
.right-pop .sub-pop{ position: absolute; right: 70px; top: 50%; bottom: 0;  transform: translate(-10px,-50%); opacity: 0; visibility: hidden; transition: all 0.6s;}
.right-pop .tel-pop{ font-weight: bold; color: #fff; font-size: 20px; width: 250px;  text-align: center; display: flex; align-items: center;
justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #f9c152; border-radius: 50px; height: 60px;}
.right-pop li:hover .sub-pop{ opacity: 1; visibility: visible; transform: translate(0,-50%);}
.right-pop .wx-pop img{ height: 100px; width: 100px; max-width: none !important; }
.right-pop .wx-pop{ top: 35%; }
.right-pop li:hover .wx-pop{  transform: translate(0,-50%);}
.right-pop li:hover span img{ animation: jello 1s; filter: grayscale(0); opacity: 1; -webkit-animation: jello 1s; }

.banner .swiper-slide .img.before img {
  transition: 2s linear 0s;
}
.banner .list .list_wrap{ overflow: hidden;}
.banner .list .list_wrap.before img{transition: 3s linear 0s;}
.banner .list .list_wrap.after img{transform: scale(1.08);}

 

#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10001; display: none;}
#toolbar a {
    width: 25%;
   padding: 10px 0;
    text-align: center;
   color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
#toolbar img{ height: 20px; margin-bottom:5px;}

.pop{ width: 100%; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 105; background: rgba(0, 0, 0, 0.6); position: fixed; 
  display: none;}
.popClose{ width: 35px; position: absolute; top: -40px ;right: 0; }
 .wxBox{ line-height: 2; font-size: 14px;}
.wxBox .text-center img{ width:180px; }
 .wxBox #wxbtn{ background: #ed9116; color: #fff; padding: .02rem .2rem;}
 /*复制提示*/
.wxPrompt{
	position: fixed;
	top: 50%;
 
	z-index: 9999999;
	color: #fff;
	width: 90%; padding: 12px ;
	right: 5%;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius:2px;
	display: none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
}

/* 内页 */
.neibanner{ width: 100%; height: 780px; margin-top: 90px; }
.aboutBan .top .left{ width: 500px;}
.aboutBan .top .left .line{ width: 20px; height: 3px; background-color: #fff; }
.aboutBan .top .right{ width: 775px;}
.aboutBan .bot{ margin-top: 120px;}
.aboutBan .bot .line{ width: 18px; height: 4px; background-color: #fff;}
.aboutBan .bot .item{ width: 25%;}

.introduction{ background: url(../images/aboutRight.png) no-repeat top right; background-size: 25% auto;  }
.s1_logo{ position: absolute !important; top: 0; left: 0; width:68% ; }
.w1200{ width: 1200px; margin: 0 auto;}
.line-height2-5{ line-height: 2.5;}

.blue-san{ position: absolute !important; top: 35% !important; left: 0; width:10% ; z-index: -1;}
.introduction .bot .left{ align-items: flex-start;}
.introduction .bot .left .txt{ width: 590px;}
.yin{}
.w45{ width: 45%;}
 

.Culture{  background: url(../images/CultureBg.jpg) no-repeat center center; background-size: cover; height: 790px;}
.Culture li{ width: 25%; border-right: 1px solid rgba(255, 255, 255,.3);  position: relative; }
.Culture li:last-child{ border-right: none;}
.Culture li .line{ width: 30px; height: 3px; margin:32px 0; background-color: #fff;}
.Culture li>div{ position: relative; z-index: 5;}
.Culture li::after{ width: 100%; height: 0; transition: all .36s; position: absolute; background-color: rgba(41, 167, 190,.5); content: ''; display: block; left: 0; bottom: 0;
  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.Culture li:hover::after{ height: 100%;}

.Team{ background: url(../images/TeamBg.jpg) no-repeat center top 240px; background-size: 100% auto;}

.Team .swiper-slide .img{ width: 350px; height: 350px; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.Team .swiper-slide .img img{ width: 100%; position: absolute; top: 0; left: 0;}
.Team .swiper-slide:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.teamHeight{}

.teamHeight{padding:0 15px;  max-height: 120px; overflow-y: scroll;  ;}
.teamHeight::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 3px;}
.teamHeight::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #ed9116; width: 3px; }
.teamHeight::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #fff; width: 3px; }

.cooperation ul li{ width: 18.72%; margin-right:1.6% ; float: left; margin-bottom: 23px; padding: 20px 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.cooperation ul li:nth-child(5n){ margin-right: 0;}
.cooperation ul li:hover{ box-shadow: 0 0 10px  rgba(41, 167, 190,.5); transform: scale( 1.05); -webkit-transform: scale( 1.05); -moz-transform: scale( 1.05); -ms-transform: scale( 1.05); -o-transform: scale( 1.05); }

 .proClass{ margin-top: 90px;}

 .proClass a{ padding: 50px 0; flex: 1; color: #999;}
 .proClass a img{ height: 50px; filter: grayscale(100%) ; -webkit-filter: grayscale(100%) ; }
 .proClass a.on{ background-color: #29a7be; color: #fff;}
 .proClass a.on img{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
 .proClass a:hover{ color: #ed9116;}
 .proClass a:hover img{ animation: jello 1s; filter: grayscale(0) ; -webkit-filter: grayscale(0) ; }
 .proClass a.on:hover{ color: #fff;}
 .proClass a.on:hover img{ animation: jello 1s; filter: grayscale(100%) brightness(500%);  }

 .proClassTwo { padding: 45px 0;}
 .proClassTwo .w1440{ display: grid; grid-gap:30px 20px; grid-template-columns: repeat(6,1fr); text-align: center;}
 .proClassTwo .w1440 a{
 line-height: 70px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -moz-border-radius: 35px;
 -ms-border-radius: 35px;
 -o-border-radius: 35px;
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
 transition:all .36s ;
 -webkit-transition:all .36s ;
 -moz-transition:all .36s ;
 -ms-transition:all .36s ;
 -o-transition:all .36s ;
}
 .proClassTwo .w1440 a:hover{ color: #fff; background-color: #29a7be;}

.maxmain{ padding: 0 3vw;}
.prolist li { width: 31.8%; float: left ; margin-right: 2.3%; margin-bottom: 35px; position: relative; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li .img img{ width: 100%; height: 400px; object-fit: cover;}
.prolist li .txt{ padding: 30px  ; border: 1px solid #e5e5e5; border-top: none;}
.prolist li figure{
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(41, 167, 190,.8);
 color: #fff;
 transition:all .36s ; opacity: 0;
 transform: scale(0.6);
 -webkit-transform: scale(0.6);
 -moz-transform: scale(0.6);
 -ms-transform: scale(0.6);
 -o-transform: scale(0.6);
 -webkit-transition:all .36s ;
 -moz-transition:all .36s ;
 -ms-transition:all .36s ;
 -o-transition:all .36s ;
}
.prolist li:hover{ box-shadow: 0 0 15px rgba(41, 167, 190,.8); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.prolist li:hover figure{ transform:scale(1) ; opacity: 1; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
.prolist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.location{ margin-top: 90px; padding: 35px 0;}
.location .left{ letter-spacing: 2px;}

 


.backMore img{ filter: grayscale(100%); transition:all 0.1s ; -webkit-transition:all 0.1s ; -moz-transition:all 0.1s ; -ms-transition:all 0.1s ; -o-transition:all 0.1s ; }
.backMore:hover{ color: #ed9116;}
.backMore:hover img{ filter: grayscale(0); -webkit-filter: grayscale(0); }
#proSwiper .swiper-button-white{ opacity: 0;}
#proSwiper:hover .swiper-button-white{ opacity: 0.5;}
#proSwiper .swiper-button-white:hover{ opacity: 1;}
.proInfot .right{ border-bottom: 1px solid #e5e5e5; padding: 70px 0 70px 65px; padding-right: calc((100vw - 1440px)/2);}
.proInfot .right .desc{ padding: 35px 0 ; margin-top: 24px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}

.tjTit{ border-left: 4px solid #29a7be; padding-left: 30px; margin-bottom: 45px; line-height: 1;}

.process{ background: url(../images/processBg.jpg) no-repeat center center; background-size: cover;}
 
.process li .tu img{filter: grayscale(100%);}
.process li:hover img{ filter: grayscale(0); -webkit-filter: grayscale(0); animation: jello 1s; }
.process li:hover{ color: #ed9116;}

.joinBan{ margin-top: 90px;}
.joinTit .line{ width: 60px; height: 3px;   margin: 0 auto;}

.fiveUl li { float: left;  width: 32%; margin-left: 2%; flex-direction: column-reverse;}
.fiveUl li .txt{ padding: 30px; justify-content: center;  align-items: center; text-align: center;}
.fiveUl li .img{ width: 100%; }

.fiveUl li:nth-child(-n+2) {  width: 49%; margin-bottom: 30px; flex-direction: row;}
.fiveUl li:nth-child(-n+2) .img{ width: 57.4%;}
.fiveUl li:nth-child(-n+2) .txt{ width: 42.6%;  align-items: flex-start; text-align: left; }
.fiveUl li:nth-child(1),.fiveUl li:nth-child(3){margin-left: 0;}

.fiveUl li:hover .pic::before { animation: gradient-rectangle 1s ; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); -webkit-animation: gradient-rectangle 1s ; }
.fiveUl li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.swiperBtn{
   width: 70px;
   height: 70px;
   border-radius: 50%;
   background-color: rgba(41, 167, 190,.5);
   position: absolute;
   z-index: 99;
   top: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   transform: translateY(-50%) ;
   -webkit-transform: translateY(-50%) ;
   -moz-transform: translateY(-50%) ;
   -ms-transform: translateY(-50%) ;
   -o-transform: translateY(-50%) ;
   cursor: pointer;
   transition:all .36s ;
   -webkit-transition:all .36s ;
   -moz-transition:all .36s ;
   -ms-transition:all .36s ;
   -o-transition:all .36s ;
}.swiperBtn:hover{ background-color: #29a7be;}
.swiperBtn.prev{ left: 3vw;}.swiperBtn.prev img{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.swiperBtn.next{ right: 3vw;}.swiperBtn.next img{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.support{ background: url(../images/supportBg.jpg) no-repeat center top #f5f5f5; background-size: 100% auto;}
.supportUl li{ width: 20%; padding: 30px; background-color: #fff; line-height: 1.6; box-shadow: inset 5px 4px 10px rgba(0, 0, 0, 0.1); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.supportUl li .txt{ padding-top: 20px;}
.supportUl li .txt p{ color: #666;}
.supportUl li:hover{ box-shadow:  0px 0px 10px rgba(41, 167, 190,.5); transform: scale(1.05);
  z-index: 5; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

#supportSwiper  .swiper-slide{ background-color: #fff; }
#supportSwiper  .swiper-slide .txt{ padding: 15px; line-height: 2;}
#supportSwiper  .swiper-slide .f24{ font-size: 18px;}

  .patternUl { border: 1px solid #e5e5e5; border-bottom: none;}  
.patternUl li{  width: calc(100% / 6); padding: 42px 0; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.patternUl li:nth-child(6n){ border-right: none;}
 
.patternUl .pic{ position: relative; width: 80px; height: 80px; border-radius: 50%; background-color: rgba(41, 167, 190,.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.patternUl .pic i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #29a7be; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.patternUl .pic i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #29a7be; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.patternUl li:hover .pic  i:before { animation: serv_one_border .9s 0s ease 1; -webkit-animation: serv_one_border .9s 0s ease 1; }
.patternUl li:hover .pic i:after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }
.patternUl li:hover  .pic img{animation: jello 1s;}

 

#patternSwiper .swiper-slide .pic{ position: relative; width: 80px; height: 80px; border-radius: 50%; background-color: rgba(41, 167, 190,.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.schoolLogo img{ width: 90%;}
.purpose{ background: url(../images/purposeBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0;}
.systemUl li{ transition: all .36s; overflow: hidden; padding: 25px 20px; width: calc(94.6% / 4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); float: left; margin-right: 1.8%; margin-bottom: 30px; position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;
}
.systemUl li:nth-child(4n){ margin-right: 0;}
.systemUl li::after{
  position: absolute;
  content: '';
  display: block;
  z-index: -2;
  width: 0;
  height: 100%;
  transition: all 0.36s linear;
  bottom: 0;
  left: 0;
  background: #29a7be;
  -webkit-transition: all 0.36s linear;
  -moz-transition: all 0.36s linear;
  -ms-transition: all 0.36s linear;
  -o-transition: all 0.36s linear;
}
 .systemUl li:hover::after {
    width: 100%;
}
.systemUl li:hover{ box-shadow: 0 0 10px rgba(41, 167, 190,.5); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
  .systemUl li:hover,  .systemUl li:hover .color-aaa{ color: #fff;}
  .systemUl li:hover img{filter: grayscale(100%) brightness(500%);}
  .schoolTeam{ border-bottom: 1px solid #e5e5e5; padding-top: 65px;}
  .schoolTeam .swiper-slide .txt{ position: absolute; top: 0; left: 335px; z-index: 5;}

  .schoolTeam .right{ padding-left: 45px;}
  .schoolTeam .right li{ margin-right: 10px; width: 160px; float: left; margin-bottom: 20px;}
  .schoolTeam .right li:nth-child(4n){ margin-right: 0;}
  .schoolTeam .right li.active{ color: #29a7be;}

  .trainUl .img{ width: 120px; height: 120px; background: url(../images/trainLiu.png) no-repeat center center; background-size: auto 100%;}
  .trainUl .img img{filter: grayscale(100%);}
  .trainUl li:hover img{ filter: grayscale(0); ; -webkit-filter: grayscale(0);animation: jello 1s; }
  .trainUl li:hover{ color: #ed9116;}

#trainSwiper .img{ width: 120px; height: 120px; background: url(../images/trainLiu.png) no-repeat center center; background-size: auto 100%; margin:0 auto }
#trainSwiper .img img{filter: grayscale(100%); width: 40%;}
#trainSwiper .swiper-slide:hover img{ filter: grayscale(0); ; -webkit-filter: grayscale(0);animation: jello 1s; }
#trainSwiper .swiper-slide:hover{ color: #ed9116;}


  .Message{ background: url(../images/MessageBg.jpg) no-repeat center center; background-size: cover;}
  .Messagebox{  width:80%; margin:0 auto;  } 
  .w48{ width:48%}
  .Messagebox  .item{ margin-bottom: 42px;}
  .Messagebox .input{ background:#f5f5f5; width:100%; border:1px solid #e1e1e1; padding:15px 20px; margin-top: 20px; }
  .Messagebox .textarea{background:#f5f5f5; width:100%; border:1px solid #e1e1e1; padding:15px 20px; margin-top: 20px;}
  .Messagebox .submit{  padding:15px 0; width:25%}  .Messagebox .reset{  padding:15px 0 ; margin-left: 30px; width:25%}

  .TeamBox .bottom{ margin-top: 18px; display:none}
  #TeamSwiperBot .swiper-slide-thumb-active{ color:#29a7be}
  .newBan{ height:780px}

  .newsClass{ box-shadow:0 0 15px rgba(0,0,0,0.2)}
  .newsClass .left a{ line-height:100px; margin-right: 100px; display:inline-block }
  .newsClass .left a.on{ border-bottom:2px solid #29a7be; color:#29a7be}  .newsClass .left a:hover{ color:#29a7be}
  .newslist li{ box-shadow:0 0 10px rgba(0,0,0, 0.1);margin-bottom: 40px;} 
  .newslist .img{ width:31%}   .newslist .img img{ height:300px; width: 100%;  object-fit: cover;} .newslist .txt{ width:69%; padding: 35px;}  .newslist li:hover { color:#29a7be}
  .newslist li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }

  .newslist li .tit span{
    /* text-decoration: underline; */
    background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 750ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 750ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    
  }
  .joinBan .left{ letter-spacing: 2px;}
.joinBan .top{ padding:35px 0}
 
  .newslist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
  .newTit{ border-top:1px solid #e5e5e5; padding:50px 0}
  .newsleft{ width:66%; border-right: 1px solid #e5e5e5; padding-right: 80px;}
  .newspage a{ color:#888; width: 40%; }  .newspage a:nth-child(2){ width:20%}
  .newspage a:hover{ color:#ed9116}

  .newsright{ width:34%;padding-left: 80px;}
  .newsright li{ margin-bottom: 18px;}
  .contactTop .left{ height:700px; overflow: hidden;}
  .contactTop .right{   padding:70px 3vw}
  .contactTop .right .item{ border-bottom:1px solid #333; padding-bottom: 30px; margin-bottom: 35px;}