body{font-size: 16px; overflow-x: hidden;} 
.inner{ width:84vw;   margin: 0 auto;  }
.pl-inner{ padding-left: 8vw;}
.pr-inner{ padding-right: 8vw;}
.ml-inner{ margin-left:8vw;}
.mr-inner{ margin-right: 8vw;}

.dd{color: rgba(0,64,152,.5);}

.zwHeader{ height: 100px;}
.zw{ margin-top: -100px; padding-top: 100px;}

.h-50{ height: 50px;}.w-50{ width: 50px; }
.h-60{ height: 60px;}.w-60{ width: 60px;}
.w-70{ width: 70px;} .h-70{ height: 70px;}

header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100; color: #fff; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
header .con{ padding: 0 5vw;}
header .con .icon02{ display: none;}
 
.searchBox{ background :  var(--color); z-index: 15; transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); -o-transform: translateY(-105%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);;}
.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }



.oneNav{ line-height:100px; white-space: nowrap; display: block; padding: 0  1.3vw; font-size: 18px;  }
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:var(--color); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
header.scroll nav li.on .oneNav span ,header.scroll nav li:hover .oneNav span { color: var(--color);}
header:hover  nav li.on .oneNav span ,header:hover  nav li:hover .oneNav span { color: var(--color);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--color)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 
.logoImg{ height: 50px;}

header::before{ display: block;  content: ''; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background:rgba(255, 255, 255, 0.1) ; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
header.scroll::before,header:hover::before{ height: 100%; background: #fff;}
header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.scroll ,header:hover {  color: #333;}
header.scroll  .icon01,header:hover .icon01{ display: none;}
header.scroll  .icon02,header:hover .icon02{ display: block;}


.h_nav{ height: 60px; width: 60px;  padding: 18px  15px   ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 2px ; background: #333;  transition: .8s; display:inline-block;       }
header.scroll .h_nav .burger,header:hover .h_nav .burger{ background: #333;}
.h_nav .burger:nth-of-type(2){  width:66%;}
  /* .h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }

.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }   */
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #333;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.nav{  padding-bottom: 60px; width: 100%; height:  130vh ; transition:all .6s ; transform: translateX(100%);  background: #fff; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(0, 0, 0, 0.15); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(0, 0, 0, 0.15); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #fff; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #efefef; width: 1px; }
.lanBtn:hover,.searBtn:hover{ color: var(--color);}

.idxBan::after{ display: block; content: ''; width: 100%; height: 10vw; position: absolute; left: 0; top: 0; background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent); z-index: 10; }
.idxBanImg{ width: 100%; height: 100vh; min-height: 360px; object-fit: cover;}
.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
.idxBan .text{ position: absolute; left: 50%; z-index: 10; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.idxBan .slide02 .text,.idxBan .slide02::after{ display: none;}


.idxBanMore .round{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.idxBanMore::after{ display: block; content: ''; width: 0; transition: all .36s; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxBanMore:hover .round{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
.idxBanMore:hover::after{ width: 100%;}

.ScroolBox{ position: absolute; width: 2.5vw; left: 50%; z-index: 25; transform: translateX(-50%) ; bottom: 6%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ; }
.ScroolIcon{ animation: ani-svg 1s linear 0s alternate infinite; -webkit-animation: ani-svg 1s linear 0s alternate infinite; }
.neiBan .ScroolBox{ bottom: 8%;}
.idxBan .button{ position: absolute; right: 5vw; bottom: 6%; z-index: 20;}
.idxBan .button div:hover{ background: var(--color); color: #fff;}

.swiper-button-disabled{ cursor: no-drop; opacity: .3;}

.idxAbout{  }
.idxAboutImg{ position: absolute; left: 0; bottom: 0;  }


.idxMore{ padding: 5px;}
.idxMore::after{ display: block; content: ''; position: absolute; width: 50px; height: 50px; border-radius: 40px; top: 5px; right: 5px; background: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.idxMore .round{ width: 50px; height: 50px;}
.idxMore:hover{ color: var(--color); box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.idxMore:hover::after{ width: 100%; right: 0; top: 0; height: 100%;}
.idxMorew::after{ background: var(--color);}
.idxMorew:hover{ color: #fff;}
 
.numUl{ display: grid; grid-gap: 1.1vw; grid-template-columns: repeat(2,1fr);}
li {min-width:0}
.numUl li{ background: rgba(255, 255, 255, .65);}
.idxAboutLogo{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.idxAboutVideo{ padding: 9vw 20px;}

.aboutPlay{ animation: rotate 10s linear infinite; transition: ease 1s; -webkit-animation: rotate 10s linear infinite; width: 7vw;  min-width: 80px; }

.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center / cover;}
.idxProTab li.on{ background: var(--color); color: #fff;}
.swiTabCon .slide-c .swiper-slide::after{ display: block; content: ''; width: 100%; height: 90%; border-radius: 1vw; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background:#fff ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-border-radius: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; }
.swiTabCon .slide-c .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 60%;}
.swiTabCon .slide-c .swiper-slide:hover::after{ height: 100%; background: var(--color);}
.swiTabCon .slide-c .swiper-slide:hover{ color: #fff;}

.idxCasesImg{ width: 100%; height: 98vh; object-fit: cover;}
.idxCasesSwiper::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) ; z-index: 3;}
.idxCasesSwiper .swiper-slide-active .idxCasesImg{ animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); -webkit-animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); }
.idxCasesUl{ position: absolute; left: 0; bottom: 0; z-index: 5; background: rgba(0,0,0,.25);   backdrop-filter: blur(10px);}
.idxCasesUl li { flex: 1;}
.line-height9{ line-height: .9;}
.idxCasesIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
.idxCasesUl li  .bottom{ position: absolute; bottom: 0; left: 0; z-index: 3;}
.idxCasesUl li.on::after{display: block; content: ''; width: 100%; height: 120%; border-top-right-radius: 1vw; border-top-left-radius: 1vw; position: absolute; left: 0; bottom: 0;  background: url(../images/idxCasesUlBg.jpg) no-repeat center center / cover;}
.idxCasesUl li.on .title{font-size: 1.2em; transform: translateY(-2vw); display: flex; justify-content: space-between; align-items: center; padding-bottom: 40px; -webkit-transform: translateY(-2vw); -moz-transform: translateY(-2vw); -ms-transform: translateY(-2vw); -o-transform: translateY(-2vw); }
.idxCasesUl li.on .title .mt-50{ margin-top: 0;}
.idxCasesUl li.on .bottom{ opacity: 1;}

.idxCasesTitle{ position: absolute; left: 0; top: 0 ; z-index: 10;}
.idxCasesTextUl{ position: absolute; left: 0; top: 28vh ; z-index: 10;}
.idxCasesTextUl li{ display: none; animation: rightFloat .5s; -webkit-animation: rightFloat .5s; }
.idxCasesTextUl li.on{ display: block;}

.idxNews,.xgal{ background: url(../images/idxNewsBg.jpg) no-repeat top right / 52% auto;}

.idxNewsItems .img .posi{ padding-bottom: 58%;}
.idxNewsItems .round{ width: 25px; height: 25px;}
.idxNewsItems .round .iconfont{ font-size: 30px; position: absolute; top: 50% ; transform:translateY(-50%) ; right: 45%; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.idxNewsItems:hover .round .iconfont{ right: -20px;}
.idxNewsItems: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) ; }
.idxNewsItems .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: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
.idxNewsItems:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}


footer{ background: url(../images/footerBg.png) no-repeat center top #1f1f1f; background-size: 80% auto; color: #fff;}
footer a:hover{ color: rgba(255, 255, 255, .8);}

.ewxBox .img{ width: 132px; background: url(../images/ewmBg.png) no-repeat center center / 100% 100%; width: 132px; padding: 10px;}

.neiBanImg{ max-height: 100vh; object-fit: cover; width: 100%; min-height: 260px;}
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,64,152,.25) }
.neiBan .text{ z-index: 10; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); }

.neiMain{ margin-top: -2vw; border-top-left-radius: 2vw; border-top-right-radius: 2vw;}
.supportTop{   border-top-left-radius: 2vw; border-top-right-radius: 2vw;}
.supportTopLeft{position: sticky; left: 0; top: 2vw;}

.structure{ background: url(../images/structureBg.jpg) no-repeat center center / cover;}
 
.History .bg{ background: url(../images/HistoryBg.jpg) no-repeat center bottom / 100% auto; height: 100vh; 

  z-index: 1;
}
.historyUl li{ display: none;
  /*   color:transparent;

  font-weight: bold;
  background: linear-gradient(to bottom, #0068b7 0%, #70abc7  100%);
  -webkit-background-clip: text; */
}
.historyUl li.on{ display: block; }
.historySwiper{ height: 550px; padding-bottom: 300px;}
.historySwiper .swiper-slide{ filter: grayscale(100%); -webkit-filter: grayscale(100%);  opacity: .5;}
.historySwiper .swiper-slide.swiper-slide-active{ filter: none; opacity: 1; -webkit-filter: none; }

/* .historyRight::before{ width: 10px; height: 10px; display: block; content: ''; background: var(--color); position: sticky; left: -5px; top: -5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } */
.historyRightCon{ padding-bottom: 16vw;}
.clound {width: 100%;height: 590px;z-index: 2; background: url(../images/cloundy.png) repeat-x left center;
  -webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}
  .History .con{ position: absolute; left: 0;  top: 120px;  height: 100vh; z-index: 25; }
  .History .bg{ position: absolute; left: 0; top: 0;}
  
  /* .historyRight{ border-left: 1px solid rgba(0, 104, 183, .2);} */
  .historyRightUl>li{filter: grayscale(100%); -webkit-filter: grayscale(100%);  opacity: .5;  }
  
  .historyRightUl>li.on{filter: none;  -webkit-filter: none; opacity: 1;  }
  .historyLine{ width: 1px; height: 30vh; background: #e8edf3; }
  .historyLine::before{ width: 10px; height: 10px; display: block; content: ''; background: var(--color);  margin-left: -5px; margin-top: -5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
  .he_b3p3dny {width: 1px;height: 100%;background: var(--color);position: absolute;top: 0;left: 0;z-index: 10;overflow: hidden;}


  .History .pagination{ flex-direction: column; align-items: center; justify-content: center; width: 10px; height: 100%; top: 0; right: 0; bottom: auto; left: auto; position: absolute;}
  .History .pagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 2px 0;}
  
  
.Layout::after{ display: block; content: ''; width: 100%; height: 9vw; position: absolute; left: 0; top: 0; background:#f9fbff }
.LayoutUl li{width: 14%;  height: 515px;}
.LayoutUl li .text{ opacity: 0; transform: translateY(2vw); -webkit-transform: translateY(2vw); -moz-transform: translateY(2vw); -ms-transform: translateY(2vw); -o-transform: translateY(2vw); }
.LayoutUl li .title{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 4;}
.LayoutUl li::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3); z-index: 3; }
.LayoutUl li.on{ width: 55%;}
.LayoutUl li.on::after{ background: rgba(255, 255, 255, .8);}
.LayoutUl li.on .text{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.LayoutUl li.on .title{ opacity: 0;}
.text-miao-333{  -webkit-text-stroke: 1px #333333;text-stroke: 1px #333333;color: transparent;}

.Honors{ background: url(../images/HonorsBg.jpg) no-repeat right bottom / cover;}
.honorSwiper .img{ width: 100%; padding-bottom: 120%;}
.Honors .btn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.Honors .prev{ right: calc(100% + 20px);}
.Honors .next{ left: calc(100% + 20px);}
.Honors .btn:hover{ background: var(--color); color: #fff;}

.style{ background: url(../images/styleBg.jpg) no-repeat center center / cover;} 
.styleSwiper .img{ width: 100%; height: 0; padding-bottom: 60%;}
.styleSwiper .swiper-slide{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.styleSwiper .swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.styleSwiper .swiper-slide-active .text{ opacity: 1;}
.style .prev,.style .next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.style .prev{ left: 20%;}
.style .next{ right: 20%;}
.style .next:hover,.style .prev:hover{ background: var(--color); color: #fff;}

.proLeft{ width: 18.5%; position: sticky; left: 0; top: 2vw;}
.proRight{ width: 79%;}
.proNavBtn{ background: url(../images/proNavBtnBg.jpg) no-repeat center center / cover; height: 5em;}
.proNav li::after{ display: block; content: ''; width:30%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; background:var(--color) }
.proNav li.on::after{ width: 100%; opacity: 1;}
.proNav li.on,.proNav li.on a:hover{ color: #fff !important;}

.bg-f4{ background: #f4f7fd;}

.prolsit{ display: grid; grid-gap: 2vw; grid-template-columns: repeat(3,1fr);}
.prolsit li .img{ width: 100%; height: 0; padding-bottom: 60%;}
.prolsit li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-color: var(--color);  }
.prolsit li .more::after{ display: block; content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; background:var(--color); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prolsit li:hover .more::after{ width: 100%;}
.prolsit li:hover .more{ color: #fff;}

.locationBox{  position: absolute; left: 0; top: -3.5vw;}
.proDetail{ background: url(../images/proDetailBg.jpg) no-repeat center center / cover;border-top-left-radius: 2vw; border-top-right-radius: 2vw;}
.W-105{ width: 18.3%;}
.W-150-133{ width: 79.3%;}

.proLeftSwiper .img{ width: 100%; height: 0; padding-bottom: 90%;}
.proRightSwiper{ height: 100%;}
.proRightSwiper .swiper-slide{ border-width: 2px;}
.proRightSwiper .swiper-slide-thumb-active{ border-color: var(--color);}

.w46{ width: 46%;}.w24{ width: 24%;}
.proDetailTit::after{ display: block; content: ''; width: 2em; height: 3px; position: absolute; left: 0; bottom: -1px; background:var(--color) }

.proinfoTit strong{ position: absolute; left: 3.6vw; top: 50%; transform: translateY(-50%); z-index: 5; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); }
 
.FeaturesUl{ display: grid; grid-gap: 1vw 2vw; grid-template-columns: repeat(2,1fr);}
.FeaturesUl li::after{ transition: all .36s; display: block; content: ''; width: 100%; height: .5vw; position: absolute; left: 0; top: 0; background:rgba(0,64,152,.25) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.FeaturesUlLog { z-index: 5; position: absolute; top: 50%; right: 10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.FeaturesUl li:hover::after{ height: 100%; background: var(--color);}
.FeaturesUl li:hover{ color: #fff;}

.equipment table{  border-top:  none; max-width: 100%;} 
.equipment table tr td{ min-height: 4.2em; border: 1px solid #f1f1f1;  background: #fff;  padding:   1em;  }
.equipment table tr:nth-child(2n - 1) td{ background: #f7f9fe;}
.equipment table tr:first-child td{ border-color: rgba(255, 255, 255, .05); color: #fff; background: var(--color);font-weight: bold; font-size: 1.1em;}

.proRightNav a{ height: 3.3em; padding-left:2vw;}
.proRightNav a::after{ display: block; content: ''; width:0; transition: all .36s; height: 100%; position: absolute;left: 0; top: 0; background:#f4f7fd ; box-shadow: 0 0 5px rgba(22,53,255, 0.05); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proRightNav a::before{ display: block; content: ''; width:3px; transition: all .36s; height: 0; z-index: 10; position: absolute; left: 0; top: 0; background:var(--color); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.h20{height: 20px;}
.proRightNav a.on::after,.proRightNav a:hover::after{  width: 100%;}
.proRightNav a.on::before,.proRightNav a:hover::before{  height: 100%;}
.proRightNav a.on ,.proRightNav a:hover{font-weight: bold; color: var(--color);}
.proInfoRight{ position: sticky; right: 0; top: 2vw; }

.tjprBox{ background: #eaedf0;}

.tjproSwiper .swiper-slide{ height: auto;}
.tjproSwiper .img{ width: 100%; height: 0; padding-bottom: 80%;}

.myBottom .button,.myBottom .button .prev{ border-color: #999;}
 
.myBottom .button .prev,.myBottom .button .next{ width: 90px;}
/* .tjprBox .button .icon { filter: grayscale(100%); transition:all 0s ; -webkit-transition:all 0s ; -moz-transition:all 0s ; -ms-transition:all 0s ; -o-transition:all 0s ; } */
.myBottom .button .prev:hover,.myBottom .button .next:hover{ background: var(--color);}
.myBottom .button .prev:hover .icon,.myBottom .button .next:hover .icon{filter: grayscale(100%) brightness(500%); }
.myBottom .pagination{ width: 30vw; height: 5px; background: #e1e1e1; position: relative; left: auto; right: auto; top: auto; bottom: auto;}


.solutionList li::after{ display: block; content: ''; box-shadow:  0 0 10px rgba(0, 0, 0, .1); width:90%; height: 100%; position: absolute; left: 0; top: 0; background:#fff ; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }

.solutionList li .img{ padding-bottom: 65%; height: 0; width: 100%;}
.solutionList li .text .more::after{ display: block; content: ''; width: 20%; height: 100%; position: absolute; left: 0; top: 0; background: var(--color); opacity: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.solutionList li .text .more:hover::after{ width: 100%; opacity: 1;}
.solutionList li .text .more:hover{ color: #fff; border-color: var(--color);}

.solutionList li:nth-child(2n){ flex-direction: row-reverse;}
.solutionList li:nth-child(2n)::after{ left: auto; right: 0;}

.SolutionDetail{ background: url(../images/SolutionDetailBan.jpg) no-repeat center center / cover;}
.SolutionDetailImg{ width: 100%; height: 0; padding-bottom: 59%;}
.SolutionDetailBtn:hover{ background: var(--color); color: #fff;}

.SolutioninfoTitIcon{ height: 2.5em; ;}

.xgalSwiper .img{ width: 100%; height: 0; padding-bottom: 58%;}

.supportTop{ background: url(../images/supportTopBg.jpg) no-repeat center bottom #f9fbff  ; background-size:  100% auto;}

.w38{ width: 38%;}
.objectCrice{ padding: 20px; width: 112px;  height: 112px;}
.objectCrice::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:url(../images/HEBEIANJIEHEBEIANJIHEBEIANJIEHEBEIANJIE.png) no-repeat center center / 100% 100% ; animation: rotate2 12s linear infinite; -webkit-animation: rotate2 12s linear infinite; }


.supportTopUl li + li{ border-top: 1px solid #e5e5e5;}
.supportTopUl li .bottom{  display: none;}
.supportTopUl  li.on .icon-add-circle:before {content: "\e679";}

.supportBottom{ background: #f1f1f1;}
.supportBottomLeft{ background: rgba(255, 255, 255, .45);}

.customCheckbox .checkbox-circle{ width: 1em; flex-shrink: 0; height: 1em; box-shadow: 0 0 5px #c6c1c0; background: #fff;}
.customCheckbox input[type="checkbox"]:checked + .checkbox-circle{ background: url(../images/radioCH.png) no-repeat center center  / 100% 100%;}
.customCheckbox input[type="radio"]:checked + .checkbox-circle{ background: url(../images/radioCH.png) no-repeat center center  / 100% 100%;}
.yamImg{ position: absolute; right: 1vw; top: 50%; transform: translateY(-50%) ; height: 80%;  -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; }
.supportBottomRight{ width: 43%;}


.newslist{ display: grid;grid-gap: 3.3vw;grid-template-columns: repeat(3,1fr);}
.newslist li .img{ width: 100%; height: 0; padding-bottom: 65%;}
.newsItem:hover .more{ background: var(--color); color: #fff; padding-left: 15px; padding-right: 15px;}

.newsLeft{ width: 65%;}
.newsRight{ width: 31%;}
.newsRight .tit::after{ height: 1em; width: 6px; background: var(--color); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newsRightUl{ position: sticky; right: 0; top: 15px;}
.newsRightUl a .img{ width: 185px; height: 115px;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 204px);}
.newsRightUl a: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); }

.rightFloat{ position: fixed; z-index: 99; right: 20px; bottom: 8vw;}
.rightFloat li .item{ width: 60px; height: 60px; box-shadow: 0px 2px 10px 0px rgba(0, 26, 74, 0.10);}
.rightFloat li + li{ margin-top: 6px;}
.rightFloat li .float{ position: absolute; bottom: 0; right: calc(100% + 10px);  display: none; min-width: 150px; animation: rightFloat .3s;}
.rightFloat li:hover .float{ display: flex;}

  #back_top{ transform: translateX(100px); opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); }
#back_top.onshow{ transform: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } 


.newsinfoBg{ background: url(../images/newsinfoBgBg.jpg) no-repeat center center / cover;} 
.contactType,.newsBg{ background: url(../images/contactTypeBg.jpg) no-repeat center top / 100% auto;}

.mapBox{ position: absolute; right: 0; top: 0;}
.bg-f8{ background: #f8f9fa;}
.messages{ background: url(../images/messagesBg.jpg) no-repeat center center / cover;;}

.joblist li .bottom{  display: none; padding: 2vw;}
.joblist li .close{ display: none;}
.joblist li.on { border-bottom: none;}
.joblist li.on .top{ background: var(--color); color: #fff; padding-left: 2vw; padding-right: 2vw;}
.joblist li.on .open{ display: none;}
.joblist li.on .close{ display: block;}

.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--blue); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--blue); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }


.pop {  top: 0;left: 0;width: 100%;height: 100%;z-index: 111;overflow: auto; position: fixed; display: none;}
.pop .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .6);}
.pop .con{ width: 90%; max-width: 1000px; z-index: 5;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.pop .close{  position: absolute; right: 2vw; top: 2vw; }
/* background: rgba(0, 0, 0, .6);.pop .close:hover{ background: var(--orange);} */