body{font-size: 16px;} 
.inner{ width:1680px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1680px)/2);}
.pr-inner{ padding-right: calc((100vw - 1680px)/2);}
.ml-inner{ margin-left: calc((100vw - 1680px)/2);}
.mr-inner{ margin-right: calc((100vw - 1680px)/2);}

header{ transition: all .36s;   width: 100%; z-index: 100; top:0; left: 0; right: 0; position: fixed; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header.sticky-on { }

header .icon02{ display: none;}
.logoImg img{ height: 58px;}
.oneNav{ line-height:100px; white-space: nowrap; display: block; padding: 0 1.3vw; font-size: 18px; font-weight: bold;}
.oneNav span { position: relative;}
.oneNav span::after{  font-family: "iconfont" !important;color: #fff; opacity: 0; width: 100%; text-align: center;  position: absolute;     top: -0.8em; left: 0;  height: 1em; display: block; content: "\e689";   transition: all .36s;  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;   }
nav li{ position: relative;}

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

nav li.on .oneNav span::after,nav li:hover .oneNav span::after{  opacity: 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%); }
 

header::after{ position: absolute; left: 0; bottom: 0; display: block; content: '';  width: 100%; height:  1px; background-color: rgba(255, 255, 255, .15);   }
header.scroll,header:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); color: #333;}
 
header.scroll  .tel,header:hover .tel{  color: var(--color);}
header.scroll::after,header:hover::after{    background-color: #fff;  height: 100%;}
header.scroll .oneNav span::after,header:hover .oneNav span::after{color: var(--color);}
header.scroll nav li.on .oneNav  ,header:hover  nav li:hover .oneNav  { color: var(--color);}
header.scroll .icon01,header:hover .icon01{ display: none;}
header.scroll .icon02,header:hover .icon02{ display: block;}

.searchBtn:hover{ color: var(--color);}
.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%); }


 
.h_nav{ height: 60px; width: 60px; background-color:var(--color); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation:; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.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: #fff;      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{ color: #fff !important; padding-bottom: 60px; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; 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(255, 255, 255, 0.25); 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(255, 255, 255, 0.25); 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: #555; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #000; width: 1px; }


 

/* .idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background:rgba(0,0,0,.32);}  */
.idxBanImg{animation: swiper_img_move 8s linear 0s infinite normal both; width: 100vw;  height: 100vh; object-fit: cover; min-height: 360px; }
.idxBan .text{ position: absolute; z-index: 20; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxBanBot{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10;}

.idxBan .pagination{ position: absolute; left: 0; bottom: 10%; z-index: 10;}
.idxBan .pagination .swiper-pagination-bullet { margin: 0 15px; transition: all .36s; background: none; width: 14px; height: 14px; opacity: 1; border: 1px solid #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxBan .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: rotate(45deg); background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.idxBan .pagination .swiper-pagination-bullet:first-child{ margin-left: 0;}
.idxBan .ScroolBox{ position: absolute; left: 50%; z-index: 10; 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:; }

.idxMore{ height: 60px;}
.idxMore .iconfont{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.idxMore:hover .iconfont{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

.idxAboutImg{ filter: drop-shadow( 20px 0 40px rgba(4, 100, 178, .2));  -webkit-filter: drop-shadow( 20px 0 40px rgba(4, 100, 178, .2));   }
.aboutPlay img{ animation: rotate 10s linear infinite; transition: ease 1s; -webkit-animation: rotate 10s linear infinite; }
.idxLogo{ border-top: 1px solid #e5f0f7;}
.idxLogoSwiper .swiper-slide{  height: 250px;}

.idxBusSwiper .swiper-slide{  width: 100%; height: 92vh;}
.idxBusUl{ position: absolute; right: 0; top: 0; width: 33%; max-width: 400px; z-index: 10; }
.idxBusUl li{ height: calc(100% / 6);}
.idxBusIcon01{ max-width: 50px;}
.idxBusUl li::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; }
.idxBusUl li.on::after{ width: 100%;}

.idxBusSwiper .idxBusImg{   }
.idxBusSwiper .swiper-slide-active .idxBusImg{ 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); }
.idxBusTit{ position: absolute; left: 0; top: 0; z-index: 10;}
.idxBusSwiper .idxMore{ position: absolute; left: 0; bottom: 0; z-index: 5;}

.idxProSwiper .swiper-slide{perspective: 800px;}
.idxProSwiper .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 100%;}
.idxProSwiper .swiper-slide::after{ display: block; content: ''; width: 1px; height: 100%; position: absolute; right: 1px; top: 0; background: #e5e5e5; }
.idxProSwiper .swiper-slide .more{ background: rgba(4, 100, 178, .8); transform-origin: left center 0; transform: rotateY(60deg); opacity: 0; visibility: hidden; -webkit-transform: rotateY(60deg); -moz-transform: rotateY(60deg); -ms-transform: rotateY(60deg); -o-transform: rotateY(60deg); }
.idxProSwiper .swiper-slide .more  .txt:hover{ letter-spacing: 2px; }
.idxProSwiper .swiper-slide:hover .more{ opacity: 1; transform: rotateY(0); visibility: visible; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); }

.idxPro .pagination .swiper-pagination-bullet{ margin: 0 5px;}
.aboutService .pagination .swiper-pagination-bullet{ margin: 0 5px;}
.mypagination .swiper-pagination-bullet{ margin: 0 3px;}

.mySwiperBtn{ width: 80px; height: 80px; box-shadow: 0 0 15px rgba(4, 100, 178, .2);}
.mySwiperBtn:hover{ background: var(--color); color: #fff;}
.idxPro .mySwiperBtn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
.idxPro .prev{left: -40px;  }
.idxPro .next{   right: -40px;   }
.idxNews .right a:last-child{ margin-bottom: 0;}
.idxNews .right a:hover{ box-shadow: 0 0 15px rgba(4, 100, 178, .2);}
.idxNews .right a:hover .more{ background: var(--color); color: #fff; padding: 0 15px;}
.idxNews .left .text{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10;}
 
.idxNews .left .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;
  }
  .idxNews .left:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
    
.idxBottom{ height: 60vh; background: url(../images/idxBottomBg.jpg) no-repeat center center;  background-size: cover; background-attachment: fixed;}
footer{ background: #12191d; color: #fff;} 
.footEwm{ width: 140px;}
.footNav{ width: 10em;}
.footNav a::after{ display: block; content: ''; width: 0; transition: all .36s; height: 2px; position: absolute; left: 0; bottom: -10px; background: var(--color); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.footNav a:hover{ color: #fff }
.footNav a:hover::after{ width: 100%;}
/* .footNav a:nth-last-child(-n+2){ margin-bottom: 0;} */
footer a:hover{ color: #fff;}

.neibanImg{ width: 100%; max-height: 100vh; object-fit: cover; min-height: 300px; animation: zoomBig 2s  forwards; -webkit-animation: zoomBig 2s  forwards; }
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background-image: linear-gradient(to right,rgba(0, 0, 0, .5),transparent); }
.neiBan .text{ position: absolute; left: 0; z-index: 5; top: 50%;   }

.location{ position: absolute; right: 0; bottom: 0; z-index: 10;}
.proInfoOne  .location{ position: relative; right: auto; bottom: auto;} 
.newsInfoTop  .location{ position: relative; right: auto; bottom: auto;} 
.w62{ width: 62%;}
.brief .pic{ height: 62vh;}
.brief .aboutPlay { width: 130px; position: absolute; top: -70px; z-index: 5; left: 15%;}
.briefeng{ font-size: 340px; line-height:1; position: absolute; right: 0; top: -.1em; -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to bottom, #e7edf5, transparent);}

.culture{background: url(../images/cultureBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; }
.culture li{ padding: 24vh 0;perspective: 200px;}
.culture .line{ width: .8em; height: 4px;}
.cultureIcon{ height: 65px;}
.culture li .desc{ opacity: 0; transform: translateY(30px); padding-left: 20px; padding-right: 20px; height: 3em; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); }
.culture li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: rgba(4, 100, 178, .7); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.culture li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }
.culture li.on::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }
.culture li.on .line{ width: 2em;}
.culture li.on .desc{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

.aboutYsUl li{ box-shadow: 0 0 15px rgba(4, 100, 178, .15); width: calc((100% - 3vw)/3); margin-right: 1.5vw;}
.aboutYsUl li:nth-child(3n){ margin-right: 0;}
.aboutYsUl li .aboutYsIcon{ height: 75px;}
.aboutYsUl li:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.aboutServicesSwiper .swiper-slide{ height: auto; background: #fff;}
.aboutServicesSwiper .swiper-slide .img{ width: 100%; padding-bottom: 55%; height: 0;}

.historyUl li::after{ display: block; content: ''; width: 1px; height: 50%; position: absolute; right: 0; top: 25%; background: #cce1ef; }
.historyUl li:last-child::after{ display: none;}
.historyUl li .historyIcon{ height: 50px; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.historyUl li.on .historyIcon{ filter: none; -webkit-filter: none; }

.historyTopSwiper .swiper-slide::after{ display: block; content: ''; width: 1px; height: 50%; position: absolute; right: 0; top: 25%; background: #cce1ef; }
.historyTopSwiper .swiper-slide .historyIcon{ height: 50px; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.historyTopSwiper li.on .historyIcon { filter: none; -webkit-filter: none; }

.historyCenSwiper .line{ width: 1em; height: 3px;}
.historyCenSwiper{ background: url(../images/historyCenSwiperBg.png) no-repeat center right 10%; background-size: 70% auto;}
.historyCenSwiper ul,.historyCenSwiper li{list-style:  disc ; list-style-position:inside}
.historyCenSwiper ul li::marker{ color: var(--color);}

.historyBotSwiper .round{ width: 25px; height: 25px;}
.historyBotSwiper .round i{ width: 50%; height: 50%; background: #e5e5e5;}
.historyBotSwiper .swiper-slide.swiper-slide-thumb-active .DIN{ color: var(--color);}
.historyBotSwiper .swiper-slide.swiper-slide-thumb-active i{ background: var(--color);}

.history .bottom::after{ display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 22px; background:#e5e5e5; }

.history .mySwiperBtn{ position: absolute; width: 53px; height: 53px;   top: -8px; z-index: 10; }
.history .prev{ left: 0;}
.history .next{ right: 0;}

.honor .mySwiperBtn{  width: 53px; height: 53px;    }
.honorSwiper .swiper-slide{ height: auto;}
.honorSwiper  .swiper-slide .img{ width: 100%; height:auto; padding-bottom: 100%;}

.buslist li .more::after{ display: block; content: ''; border-radius: 40px; width: 2.6rem; transition: all .36s; height: 2.6rem; position: absolute; left: 0; top: 0; background: var(--color); -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.buslist li .round{ width: 2.6rem; height: 2.6rem;}
.buslist li .more:hover::after{ width: calc(100% + 20px);}
.buslist li .more:hover{ color: #fff;}
.buslist li .img{ width: 100%; height: 0; padding-bottom: 57%;}
.buslist li:nth-child(2n){ flex-direction: row-reverse;}
/* .buslist li:hover .tit{ color: var(--color);} */
.buslist li .tit a{
  /*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;
}
.buslist li:hover .tit a{ color: var(--color);  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
  
.w52{ width: 52%;}
.bussingList li .img{ width: 100%; height: 0; padding-bottom: 65%;}
.bussingList li .more{ width: 60px; height: 60px;}
.bussingList li .right::before{ display: block; content: ''; border-radius:20px ; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; background: #fff; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.bussingList li .right::after{ display: block; content: ''; z-index: 1; width: 14px; height: 50%; background: var(--color); border-radius: 10px; position: absolute; 
  top: 25%; left: -7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.bussingList li .more::after{ display: block; content: ''; border-radius: 50%; transform: scale(0); transition: all .36s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--color); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -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%; }
.bussingList li .more:hover::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.bussingList li .more:hover{ color: #fff; border-color: #fff; transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); }
.bussingList li .right .yinIcon  { position: absolute; height: 1em;   top: -.5em; z-index: 10;} 
.bussingList 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) ; }

.Partners .mySwiperBtn{  width: 53px; height: 53px;    }
.PartnersSwiper .swiper-slide{ height: 140px;}

.proLeft{ width: 550px;}
.proLeftUl .box{ position: sticky; left: 0; top: 20px;}
.proLeftUl a{ border-radius: 0 60px 60px 0; -webkit-border-radius: 0 60px 60px 0; -moz-border-radius: 0 60px 60px 0; -ms-border-radius: 0 60px 60px 0; -o-border-radius: 0 60px 60px 0; }
.proLeftUl a::after{ display: block; content: ''; width: 20%; transition: all .36s; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; background: var(--color); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proLeftUl a.on::after,.proLeftUl a:hover::after{ width: 100%; opacity: 1;}
.proLeftUl a.on ,.proLeftUl a:hover,.proLeftUl a.on .iconfont,.proLeftUl a:hover .iconfont{ color: #fff;}

.proRight{ width: calc(100% - 550px);}
.w38{ width: 38%;}.w62{ width: 62%;} .w42{ width: 42%;}

.prolist li .img{ background: url(../images/proBg.jpg); width: 100%; height: 0; padding-bottom: 83%;}
.prolist li:first-child{ margin-top: 0;}

.proInfoOne{ margin-top: -40vh;}
.proInfoOne .line{ width: 100%; height: 1px;  background: #cdcdcd;}
.proInfoOne .line i{ height: 4px; width:1.2em ; background: var(--color); position: absolute; left: 0; bottom: -1px;}
.proInfoOne .desc{ height: 10em;}
.proInfoOne .img{ background: url(../images/proBg.jpg); width: 100%; height: 0; padding-bottom: 83%;}

.proInforight{ width: 440px;}
.proInfoleft{ width: calc(100% - 480px);}
.proInfoTwoTitle i{  width: 6px; height: 1em; background: var(--color); }

.proInforightUl a .img{   width: 100%; height: 0; padding-bottom: 83%;}
.caseTitle .iconfont{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.caseTitle:hover .iconfont{ color: var(--color); transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
.caseTitle .font40{ border-width: 2px;}
.caseTitle .font40::after{ display: block; content: ''; width: 100%; height:2px; position: absolute; left: 0; bottom: -1px; background:var(--orange); z-index: 5; }

.caselist li{ width: calc((100% -  75px)/4); margin-right: 25px;}
.caselist li:nth-child(4n){ margin-right: 0;}
/*.caselist li .img{ width: 100%; height: 0; padding-bottom: 37.5%;}*/
.caselist li .hahaha{ text-align:center; padding:20px 10px; font-size:18px; overflow:hidden;text-overflow: ellipsis;
            white-space: nowrap;}
            .caselist li .hahaha p{ overflow:hidden;text-overflow: ellipsis;
            white-space: nowrap;}
.caselist li .img{ width: 100%;}
.caselist li .text{ height: 120px;}
 
.newslist li{ width: calc((100% -  150px)/3); margin-right:75px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li::before{ display: block; content: ''; width: 100%; height:3px; position: absolute; left: 0; top: 0; background: #aaa; }
.newslist li::after{ display: block; content: ''; width:0; height:3px; position: absolute; left: 0; top: 0; background: var(--color); z-index: 5; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.newslist li .img{ width: 100%; height: 0; padding-bottom: 58%;}
.newslist li .tit{ height: 3.4em;}
.newslist li .bg{ background: rgba(4, 100, 178, .7); z-index: 10; transform: scale(0.8);opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
.newslist li:hover::after{ width: 100%; }
.newslist li:hover .bg{ transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.newsInfoText{  font-size: 260px; opacity: .02; position: absolute; left: 0; bottom: -.3em;} 
.newsInfoTop .retrunBtn:hover{ letter-spacing: 2px;}

.newsLeft{ width: calc(100% - 500px);}
.newsRight{ width: 500px;}

.newsRightUl a:hover .tit{ color: var(--color);}
.newsRightUl a  .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;
}
.newsRightUl a:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
  
.subNav a{ font-size: 18px; height: 80px;}
.subNav a::after{ transition:all .36s ; transform: scale(0,1); display: block; content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: -1px; background: var(--color); -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); }
.subNav a.on::after,.subNav a:hover::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); }
.subNav a.on,.subNav a:hover{ color:var(--color);}

.contactStyleUl li{ border: 1px solid #e5eff7;}
.contactStyleUl li .img{ flex-shrink: 0; width: 92px; height: 92px; }

.mapBox{ height: 62vh;}

.joblist .jobIcon{ box-shadow: 0 0 15px rgba(0, 92, 78, .25);}
.joblist li .top .btn{ width: 150px; height: 50px;}
.joblist li .bottom { line-height:40px; display: none;}
.joblist li .bottom .left { width: 15%;}
.joblist li .bottom .right{ width: 80%;}
.joblist li .close{ display: none;}
.joblist li.on .icon-arrow-down-bold{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.joblist li.on .close{ display: block;}
.joblist li.on .open{ display: none;}



.searchbot  ul a{    border-bottom: 1px solid #e5e5e5;}
.searchbot  ul a:last-child{ border-bottom: none;}
.searchbot  ul a:hover{ color: var(--blue);}
.searchbot ul a .tit{ width: 80%; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
 
.border-left-white1{ border-left: 1px solid rgba(255, 255, 255, .05);}
.sidebar{ position: fixed; z-index: 10; top: 50%; right: 0;}
.sidebar li  .item{ width: 5em; height: 5em;}
.sidebar li + li{ margin-top: 5px;}
.sidebar li .img{ width: 120px; position: absolute; right: calc(100% + 8px); top: 50%; transform: translateY(-50%);}
.sidebar li .fu{   position: absolute; right: calc(100% + 8px); top: 50%; transform: translateY(-50%);}
.sidebar li  .right{ display: none;animation: rightFloat .3s;}
.sidebar li:hover .right{ display: block;}
.sidebar li.topBtn{ transform: translateX(101%); -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -ms-transform: translateX(101%); -o-transform: translateX(101%); }
.sidebar li.topBtn.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }


@keyframes rightFloat {
from {
transform:translateY(-50%) translateX(-20px);
opacity: 0;
}

to {
transform:translateY(-50%) translateX(0);
opacity: 1;
}
}