body{  font-size: 16px;   }
.inner{width: 80%; margin: 0 auto;}

header{   height: 90px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 0 5vw 0 10vw; position: fixed; width: 100%; z-index: 100; background-color: #fff;
 left: 0; top: 0;}

nav{ width: 40vw; font-size: 16px;}
nav li a{ line-height: 90px;}
nav li{ position: relative;}nav li.on a{ color: #005bac;}
nav li::after{ position: absolute; width: 4px; height: 4px; transform: translateY(20px)  ; opacity: 0; transition: all .36s; border-radius: 50%; display: block; content: '';
     background-color: rgba(0, 91, 172, 1); bottom: 15px; left: 50%; margin-left: -2px; z-index: 1; -webkit-transform: translateY(20px)  ; -moz-transform: translateY(20px)  ; -ms-transform: translateY(20px)  ; -o-transform: translateY(20px)  ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
nav li:hover a{ color: #005bac;}
nav li.on::after,nav li:hover:after{ opacity: 1; transform: translateY(0)  ; -webkit-transform: translateY(0)  ; -moz-transform: translateY(0)  ; -ms-transform: translateY(0)  ; -o-transform: translateY(0)  ; }
nav li a{ position: relative; z-index: 10;}

header .tel{color: #f15927} 
.menuBtn {padding:15px 10px; width:60px; height: 60px;   align-items: flex-end; z-index: 6; display: none;}
.menuBtn .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.menuBtn .burger:first-child{ animation: long 2s linear infinite;  }
.menuBtn .burger:nth-of-type(2){  width: 50%;}
.menuBtn .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.menuBtn.close{align-items: center; justify-content: center;}
.menuBtn.close .burger:first-child{ display: none;}
.menuBtn.close .burger:nth-of-type(3){ display: none;}
.menuBtn.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.menuBtn.close .burger:nth-of-type(2):before, .menuBtn.close .burger:nth-of-type(2):after {      content: '';          position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.menuBtn.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.menuBtn.close .burger:nth-of-type(2):before, .menuBtn.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.menuBtn.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .menuBtn.close .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.banner{ width: 100%; height:100vh;  }
.banImg{ width: 100%; height: 100vh; object-fit: cover;} 

.svg-swiper-pagination {position: absolute;z-index: 1;display: flex;flex-wrap: wrap; padding-left: 10vw;}
.svg-swiper-pagination::after{ display: block; width: 100%; height: 1px; background-color: #fff; content: '' ; left: 0; position: absolute; bottom:65px;  opacity: 0.2;    }

.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 15px !important; bottom: 60px; position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {content: "";position: absolute;left: 50%;top: 50%;z-index: 0;width: 10px;height: 10px;background-color: transparent; border: 1px solid #fff;border-radius: 50%;margin: -6px 0 0 -6px;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: 30px;height: 30px; position: absolute; top: -9px; left: -9px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block}
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339}

.ptb-70{ padding: 70px 0;}


 .indAbout .bottom{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
 .indAbout .bottom li{ width: 25%; padding: 0 25px; position: relative;}
 .indAbout .bottom li .number{  display: flex; align-items: flex-start; line-height: 1;}  
 .indAbout .bottom li::after{ width: 1px ; height: 40%; display: block; content: ''; background-color: #e5e5e5; position: absolute; right: 0; top: 30%;}
 
 .pb-100{ padding-bottom: 100px;}
 .indPro{ position: relative;    overflow: hidden;  
   }
 .indPro::before{ width: 30%;  height: 100%; background: rgba(255, 255, 255, .24); display: block; content: ''; position: absolute; top: 0; right: 0; }
 .waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  #wonder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    
  }
 
  .indPro  .con{ position: relative; z-index: 10; padding-left: 10vw;}
  /* .indPro .title { position: absolute; top: 70px;} */
  .indPro .title .ENG{ font-size: 140px; opacity: 0.1; line-height: 1;}
  .indPro .title .f40{ position: absolute; left: 0; top: 20%;  }
  .indPro .title  .line{ width: 40px; height: 3px;}

.proText { width: 25%;}
.proRight{ width:75%;}




  /* .indPro  .swiper-slide { padding: 250px 0 70px;  height: auto; } */
  .indPro  .swiper-slide{ padding-bottom: 25px;}
  .indPro  .swiper-slide  .img{  width: 29vw; height: 29vw;
     border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }
     .indPro .swiper-slide .img img{ width:80%;}
     .indPro  .swiper-slide  .none{  display: none;}
     .indPro  .swiper-slide  .img{ background: rgba(255, 255, 255, .32);}
  .indPro  .swiper-slide  .right{ transform:scale(0.6) ;  transition: all .6s; -webkit-transform:scale(0.6) ; -moz-transform:scale(0.6) ; -ms-transform:scale(0.6) ; -o-transform:scale(0.6) ; }
  .indPro  .swiper-slide .tit{ opacity: .4;}
  .indPro  .swiper-slide.swiper-slide-active .tit{ opacity:1;}
  .indPro  .swiper-slide.swiper-slide-active .right{ transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
  .indPro  .swiper-slide.swiper-slide-active .txt{ width: calc(100% - 37vw); }
  .indPro  .swiper-slide.swiper-slide-active  .img{ background-color: #fff;}
  .indPro  .swiper-slide.swiper-slide-active .none{display: inline-block;}
  .indPro  .swiper-slide.swiper-slide-active .right{  width: 37vw;}
  /* .indPro  .swiper-slide.swiper-slide-active{ width: 64%;}
   */
   /* .indPro  .swiper-slide.swiper-slide-next::before{  width: 100%; height: 100%; background: rgba(255, 255, 255, .24); display: block; content: ''; position: absolute; top: 0; left: 0; }  */
   .indPro .swiper-slide .more {  display: none; }
   .indPro .swiper-slide.swiper-slide-active .more {  display: flex; }
   .indPro .more::before{ transition: all .36s; display: block; content: ''; z-index: 1; width: 38px; height: 38px; background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
   .indPro .more .iconfont{ font-size: 30px; color: #005bac;}
   .indPro .more span{ position: relative; z-index: 5;}
   .indPro .more:hover span{ color: #005bac !important;}
   .indPro .more:hover::before{ width: 120%; left: -10px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
   .indPro .next{ position: absolute; right: calc( 45% - 30px); top: 50%; z-index: 10; width: 30px; height: 98px; 
     transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  
 background: url(../images/bg2.png) no-repeat center right;}
     .indPro .next span{ font-size: 30px;}



.indNews{}
a.newmore{border: 1px solid #dadada;  color: #888; padding: 10px 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;float: right;font-size: 20px;font-weight: normal;margin-top: 15px;}
.indNews .left .img .newsimg{ width: 100%; height: 565px; object-fit: cover;}
.indNews .left .img .txt{ justify-content: flex-end; width: 100%; height: 100%; position: absolute;  bottom: 0 ; left: 0; background: rgba(0, 0, 0, 0.3);}
.indNews .left .img .txt .line{ width: 100%; height: 1px; background-color: rgba(255, 255, 255, .24);}
.indNews .left .img .txt .line::after{ width: 0; height: 100%; background-color: #fff; transition:all .3s ; display: block; content: '';
   -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.indNews .left .img:hover .txt .line::after{ width: 100%;}
.indNews .left .img:hover  .newsimg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.indNews .left .img:hover { box-shadow:  0 0 10px rgba(0, 91, 172, 0.4);}
.indNews .right .img img{ width: 265px; height: 163px; object-fit: cover;}
.indNews .right .txt{ width: calc(100% - 280px);}
.indNews .right  .txt .line{ width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2);}
.indNews .right  .txt .line::after{ width: 0; height: 100%; background-color: #005bac; transition:all .3s ; display: block; content: '';
   -webkit-transition:all 1s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.indNews .right li:hover .txt .line::after{ width: 100%;}
.indNews .right li:hover{   color: #005bac; }
.indNews .right li:hover .img{  box-shadow:  0 0 10px rgba(0, 91, 172, 0.4); }
.indNews .right 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); }

footer{ background-color:#161616; color: #fff;}

.select{ border: 1px solid rgba(255, 255, 255, 0.2); color:rgba(255, 255, 255, 0.6);  width: 312px; padding: 15px;}
.null-txt {color:rgba(255, 255, 255, 0.6); width: 100%; background-color: #161616;}
.select::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 25px;
    width: 0;
    height: 0;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    opacity: .6;
}
footer .center{ border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1);}
footer .center dt{ margin-bottom: 15px;}
 
footer .center dd a{ font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 2.4;}
footer .center dd a:hover{ color: #fff;}
footer .center dl.promune>div  {display: grid; grid-gap:0 18px; grid-template-columns: repeat(2,1fr); }
footer .bottom{   border-top: 1px solid rgba(255, 255, 255, .1);}
footer .bottom a:hover{ color: rgba(255, 255, 255, 0.6);}
 

.workApp::before{top:-315px ;}
  

.page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 90;
	opacity: 0;
	transition: transform .3s, opacity .3s
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 24px
}

#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; 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;}


.neiBan{ margin-top: 90px; height: calc(100% - 90vh); overflow: hidden;}
.neiBanImg{ width: 100%; height: 100%; object-fit: cover;  animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}

.neiBan .txt{  position: absolute; left: 10%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);   }
.neiBan .txt>div{ animation: topFloat 1.2s; -webkit-animation: topFloat 1.2s; }
.neiBan .line{ width: 55px; height: 4px; background-color: #5f5f5f;}
.neiBan .line.bg-white{ background-color: #fff;}


.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.block{  display: block;}

.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}


.proLeftUl{     width: 25%; padding-bottom: 20vh;}
.proRight{ width: 75%;}  
.proLeftUl{background: #f5f5f5;}

.muneUl li.on  { color: #005bac; }


.proInfoTop{ margin-top: 90px;   background-image: linear-gradient(to right,#e2e3e8,#eaebef);}



.newslist li{ border-bottom: 1px solid #ddd; position: relative;}
.newslist li::after{ width: 0; height: 4px; background-color: #005bac; display: block; position: absolute; content: ''; position: absolute; bottom: 0; left: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.newslist li .txt{ width: 53%;}
.newslist li .img{ width: 42%; height: 390px;}.newslist li .img img{ width: 100%;  height: 100%; object-fit: cover;}  
.newslist li:hover::after{ width: 100%;}
.newslist 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); }
.newslist li:hover .more{ background-color: #005bac; color: #fff; padding: 10px 15px;}


.newsleft{ width: 66%;}
.newsright{ width: 27%;}
.newspage{ border-top: 1px solid #e5e5e5;  line-height: 3;}
.newspage a{   width: 48%; }  
.newspage a:hover{ color: #005bac;}
.tjTit{ border-left: 4px solid #005bac; padding-left: 30px;  line-height: 1;}
.newsright .img{ width: 37%; height: 115px;}.newsright .img img{ width: 100% ; height: 100%; object-fit: cover;}
.newsright .txt{ width: 60%; }
.newsright 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>a:hover{ color: #005bac;}



.indAbout .bottom li:last-child:after{ display: none;}


 
 @media screen and (max-width: 1440px) {

 }
 
 @media screen and (max-width: 1023px) {

 }
 
 @media screen and (max-width: 750px) {

 }
 
 @media screen and (max-width: 640px) {

 }

 .proNav{ box-shadow: 0 10px 10px rgba(0, 0, 0, .05);margin-top: 90px;}
 .proNav .inner{  display: flex;}
.proNav a{ flex: 1;line-height: 100px; text-align: center;  font-size: 18px; white-space: nowrap;}
.proNav a.on{ background:#005bac ; color: #fff;}
.proNav a:hover{ color: #005bac;}
.proNav a.on:hover{ color: #fff;}


@media screen and (max-width:1440px) {

	.proNav a{ line-height:90px;  }
 
     
}

@media screen and (max-width:1280px) { 

	.proNav a{  line-height:80px;    font-size: 16px;}
    a.newmore{border: 1px solid #dadada;  color: #888; padding: 8px 30px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;float: right;font-size: 16px;font-weight: normal;margin-top: 10px;}
	 
}

@media screen and (max-width:1040px) {

	.proNav a{  line-height:70px;    font-size: 16px;}

	 
    
}
@media screen and (max-width:750px) {
    a.newmore{border: 1px solid #dadada;  color: #888; padding: 5px 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;float: right;font-size: 14px;font-weight: normal;margin-top: 5px;}
    .proNav {margin-top: 60px;}
	.proNav .inner{ width: 100%; padding: 0 ; overflow-x: scroll;}
	.proNav .inner::-webkit-scrollbar { height: 2px;}
	.proNav .inner::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.proNav .inner::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.proNav .inner a{ padding: 0 20px; line-height: 50px; font-size: 14px;}

	 
}