body{font-size: 16px;} 
.inner{ width:1600px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1600px)/2);}
.pr-inner{ padding-right: calc((100vw - 1600px)/2);}
.ml-inner{ margin-left: calc((100vw - 1600px)/2);}
.mr-inner{ margin-right: calc((100vw - 1600px)/2);}
header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff;  box-shadow: 0 2px 5px rgba(0,0,0,0.2); z-index: 100; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header.hidden {transform: translateY(-100%); box-shadow: none;}
header .con{padding:0 4vw 0 6vw}

.logoImg{ height:60px ;}
.oneNav{ line-height:90px; white-space: nowrap; display: block; padding: 0 1.5vw; font-size: 18px; font-weight: bold;}
.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.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 li.on .oneNav ,nav li:hover .oneNav { color: var(--color);}
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%); }
 

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

.languageBtn{ height: 90px;}
.languageBtn span{  font-size: 18px;}
.languageBtn dl{ line-height: 40px; position:absolute;text-align: center;min-width:100px; 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); }
.languageBtn dl a{ display: block; border-bottom: 1px solid #e5e5e5;}
.languageBtn dl a:hover{ background: var(--color); color: #fff;}
.languageBtn 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; }
.languageBtn: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%); }


.muneBtn i{ background: #8e8e8e; display: block; margin: 4px 0; height: 1px; width: 30px;}
.muneBtn i:nth-child(2){ width: 20px;}

.pop{ display: none; width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; top: 0; z-index: 1000;}
.popbg{ display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .52); position: fixed; top: 0; right: 0; bottom: 0; top: 0; z-index:101}
.navPop{ position: fixed; top: 0; bottom: 0; height: 100%; right: 0;z-index: 105; width: 410px; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); }

.navPop .content{ width: 100%;      position: fixed; background: url(../images/navBg.png) no-repeat center bottom #fff; background-size: 100% auto    ;   }
.navPop  .title{ height: 90px;}
.navClose:hover  { transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.navBox{ max-height:calc(100vh - 90px); overflow-y: scroll;  }
.navBox::-webkit-scrollbar {width: 5px;}
.navBox::-webkit-scrollbar-thumb {border-radius: 3px; background: #003f98; width: 5px; }
.navBox::-webkit-scrollbar-track {border-radius: 3px; background: #f2f5f9; width: 5px; }
.navBox dt{ width: 100%;}
.navBox dd{ min-width: 49%; margin-right: 1%;}
.navPop.show { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }

.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 60%; position: absolute; left: 0; bottom: 0; z-index: 2;  background-image: linear-gradient(to top,rgba(42,48,130,.9),transparent); } 
/* .idxBanImg{ animation: swiper_img_move 8s linear 0s infinite normal both; width: 100vw; max-height: calc(100vh - 90px); object-fit: cover; min-height: 360px; -webkit-animation: swiper_img_move 8s linear 0s infinite normal both; } */
.idxBanImg{ width: 100vw; max-height: calc(100vh - 90px); object-fit: cover; min-height: 360px; }
.idxBan .text{ position: absolute; z-index: 20; left: 0;  bottom: 11%;}
.idxBanBot{   position: absolute; left: 0; bottom: 0; z-index: 10;}

.bannerScoll{ width: 130px; height: 130px; display: inline-block;}
.bannerScoll .a1{width: 100%; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;    display: block;  }
.bannerScoll strong{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 50px; height: 50px;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  }
.bannerScoll strong span{ position: relative;display: block; background: #fff; width: 18px; height: 28px; border-radius: 2rem; opacity: 0.8;}
.bannerScoll strong span:after{position:absolute;content:"";width:4px;height:9px;background:#aaa;border-radius:4rem;left:50%;top:50%;transform:translate(-50%, -50%);animation: 1.5s linear 0.5s infinite hua; }
.bannerScoll:hover{opacity: 0.8;}
.bannerScoll.wap-none{ display: none;}

.idxBan .bannerScoll{ position: absolute; z-index: 18; bottom: 10%; right: 0;} 

.idxAbout{  }
.idxAbout .visual-group {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/main-brand-visual-bg.jpg) center center no-repeat; background-position:center; background-size:cover; opacity:1;  transition:opacity 0.05s ease;}
.idxAbout .visual-group .circle {position:absolute; top:0; left:50%; display:block; width:280px; height:280px; margin:-84px 0 0 -213px; filter: hue-rotate(-77deg); z-index:15;}
.idxAbout .visual-group .circle:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/main-brand-circle.png) center center no-repeat;}
.idxAbout .visual-group .wave-1 {position:absolute; top:0; left:50%; display:block; width:1920px; height:712px; margin:238px 0 0 -960px; z-index:5; mix-blend-mode: screen; opacity:0.6;}
.idxAbout .visual-group .wave-1:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/main-brand-wave-1.png) center center no-repeat;}
.idxAbout .visual-group .wave-2 {position:absolute; top:0; left:50%; display:block; width:1920px; height:591px; margin:545px 0 0 -960px;}
.idxAbout .visual-group .wave-2:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/main-brand-wave-2.png) center center no-repeat;}
.idxAbout .wave-particle {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0; }
.idxAbout .wave-particle:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.1); z-index:5;}
.idxAbout .wave-particle canvas {position:absolute;top:0;left:0;width:110%;height:100%;margin:0;padding:0;}
.main-brand-data {padding:90px 96px 180px 96px;}



.xingIconfont{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.idxAboutMore .icon-gf-playCircle2::after{ display: block; content: ''; border-radius: 50%; width: 80%; height: 80%; position: absolute; left:50%; top:  30%; background: rgba(0, 81, 216, .42); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxAboutMore:hover{ letter-spacing: 5px;}

.idxAboutLeft{ position: sticky; top: 5vw; left: 0;}
.idxAboutSwiper .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 100%;}
.idxAboutSwiper .swiper-slide .num{ position: absolute; right: 0; bottom: 0; z-index: 10;}
.idxAboutSwiper .swiper-slide::after{ transform: scale(1.5); transition: all .36s; display: block; content: ''; 
  width: 100%; opacity: 0; height:100%; position: absolute; left: 0; top: 0; background:  rgba(255,255,255,.5);  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.idxAboutSwiper .swiper-slide:hover::after{ transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.idxProMore:hover{ letter-spacing: 5px;}
.idxProUl .section-badge {  color: var(--clr-dark); }
.idxProUl .section-flex { display: flex; justify-content: space-between; align-items:flex-start;}
.idxProUl .section-link { display: flex;align-items:center; line-height: 1; color:var(--clr-dark); font-weight: 600; }
.idxProUl .section-link .icon { margin-left: 0.8em; }

.idxProUl .section { position: relative; padding: 48px 0; opacity: 0;  }
.idxProUl .section-2,.idxProUl .section-3 { margin-top: -220px; }
/* .idxProUl .section .flex { display: flex; flex-direction: row-reverse; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.idxProUl .section .side { width: 41%; }
.idxProUl .section .contents { padding: 16px 100px 16px 0; width: 59%; }
.idxProUl .section .badge { display: inline-block; padding: 0 20px; height: 35px; line-height: 35px; font-size: 16px; font-weight: 600; background: #e6e6e6; border-radius: 35px; }
.idxProUl .section .heading { font-size: 120px; font-weight: 500;  }
.idxProUl .section .text { margin-top: 18px; line-height: 1.65; font-size: 19px;}
.idxProUl .section .thumbnail { overflow: hidden; position: relative; border-radius: 12px; }
.idxProUl .section .thumbnail::before { content: ''; display: block; padding-top: calc(420 / 688 * 100%); width: 100%; height: 0; }
.idxProUl .section .thumbnail .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.idxProUl .section-1 .heading,
.idxProUl .section-2 .heading{ color:var(--clr-dark);} */
.idxProUl li .img{ width: 100%; height: 0; padding-bottom: 58%;}
.idxProUl li .text .line{ height: 1px;}
.idxProrightIcon:hover{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }


.idxProUl .section-2 { background: #F2F4FA; }
.idxProUl .section-3 { background: #00287C; color: #fff; }
.idxProUl .section-3 .idxProrightIcon { filter: grayscale(100%) brightness(500%);  }
.idxProUl .section .idxProrightIcon:hover{ opacity: 1;}
/* .idxProUl .section-3 .badge { background: rgba(255, 255, 255, 0.1); } */


.newsItem .img{ width: 100%; height: 0; padding-bottom: 65%;}
.newsItem  .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;
  }
.newsItem:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newsItem:hover .more{ background: var(--color); color: #fff; padding: 0 20px;}


footer{ background: #00152d; color: rgba(255, 255, 255, .32); position: relative ; z-index: 10;}
.footerForm{ padding: 5px;}
.footerForm .keys{ width: 22vw; background: url(../images/inputTel.png) no-repeat left 5% center; background-size: auto 46%;}
.footerForm .submit{ height: 48px;}
.footerForm .keys::-webkit-input-placeholder  {color:rgba(255, 255, 255, .5);}
.footerForm .keys:-moz-placeholder  {color:rgba(255, 255, 255, .5);;}
.footerForm .keys::-moz-placeholder  {color:rgba(255, 255, 255, .5);}
.footerForm .keys:-ms-input-placeholder  {color: rgba(255, 255, 255, .5) ;}


footer .center .left dl:last-child{ margin-right: 0;}
footer .center .left dl dt a:hover{ color: rgba(255, 255, 255, .8);}
footer .center .left dl dd a:hover{ color: #fff;}

.ewmUl li .img{ width: 140px; background: url(../images/ewmBg.png) no-repeat center center; background-size: 100% 100%;}

.mypagination{ display: none;}
.mypagination .swiper-pagination-bullet{ margin: 0 3px;}


.neibanImg{ width: 100%; max-height: calc(100vh - 90px); object-fit: cover; min-height: 260px; animation: zoomBig 2s  forwards; -webkit-animation: zoomBig 2s  forwards; }
.neiBan::after{ display: block; content: ''; background-image: linear-gradient(to bottom,rgba(0,0,0,.35),transparent); position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;}
.neiBan .text{ position: absolute; left: 0; right: 0; z-index: 10; top: 25%; }
.neiBan .bannerScoll{ position: absolute; z-index: 18; bottom: 10%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } 
.neiBan .text h1{ margin-top: -1em;}
.banBot{ width: 100% ; position: absolute; left: 0; bottom: -1px; z-index: 20; -webkit-mask-image:url(../images/banBot.png);
        mask-image:url(../images/banBot.png);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;   -webkit-mask-size: 100% 100% ;mask-size: 100% 100% ;
        mask-repeat:no-repeat;-webkit-mask-position:center  bottom; }
.banBotLeft{ width: 500px; height: 100%; position: absolute; left: 0; bottom: 0; top: 0;}

.sinceText{ font-size: 218px;}
.brief .line {position: absolute;left: 50%;top:0;bottom: 0;width: 1px;background-color: #eeeeee;z-index: 1;}
.brief .line:before {content: '';width: 13px;height: 13px;background-color: var(--color);border-radius: 50%;position: absolute;top: 0;left: -6px;}
.brief .line span {width: 1px;background-color: var(--color);position: absolute;top: 0;left: 0;}
.brief_jian{ position: absolute; left: 0;  bottom: 96%; z-index: 5;}

.briefImg{ width: 40%; position: absolute; bottom: 0; left: 0;}
.text-clip{  color:transparent;  
    background: linear-gradient(to right, #1897d6 0%, #2a3183  100%);  -webkit-background-clip: text;
  }
.color-d6{ color: #d6d6d6;}

.History{ background: url(../images/HistoryBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.History::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(18, 39, 122, .92); }
.historySwiper .desc{ height: 12em;}
.historySwiper .swiper-slide .desc{ opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); }
.historySwiper .swiper-slide.swiper-slide-active{ opacity: 1;}
.historySwiper .swiper-slide.swiper-slide-active .desc{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

.honor{ background: url(../images/honorBg.jpg) no-repeat bottom center; background-size: 100% auto;  }
.honorUl li.on{ background: var(--color); color: #fff;}
.honorBoxImg{ width: 100%; height: 0; padding-bottom: 110%;}
.honorBtn{ width: 60px; height: 60px;}
.honorBtn:hover{ background: var(--color); color: #fff; }

.proLeft{ background: #f3f6fa; width: 500px;}
.proRight{ width: calc(100% - 500px);}
.proNav li{ border-radius: 0 40px 40px 0; -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -ms-border-radius: 0 40px 40px 0; -o-border-radius: 0 40px 40px 0; }
.proNav li a span{ height: 3.6em;}
.proNav li::after{ display: block; content: ''; opacity: 0; width: 25%; transition: all .36s; height: 100%; position: absolute; left: 0; top: 0; background: #dce3ed; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proNav li.on::after,.proNav li:hover::after{ width: 100%; opacity: 1;}
.proNav li.on,.proNav li:hover,.proNav li.on .iconfont,.proNav li:hover .iconfont{ color: var(--color);}
.proNav li.on span,.proNav li:hover span{ font-weight: bold;}
.proNav li.on .iconfont,.proNav li:hover .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.proSwiper .img{ width: 100%; height: 0; padding-bottom: 68%;}
.proSwiperBtn{ width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 15    ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.proSwiperBtn.prev{ left: 30px;}
.proSwiperBtn.next{  right:30px}
.proSwiperBtn:hover{ background: var(--color); color: #fff;}

.proBg{ background: url(../images/proBg.png) no-repeat top center; background-size: 100% auto;}
.proinfoTop .desc{ height: 14em;}
.proinfoTop .btton a{ border-width: 2px;}

.bsiUl li{ width: 32.5%;}
.bsiUl li .img{ width: 100%; height: 0; padding-bottom: 65.7%;}
/* background: #f0f4ff; */
.bsiUl 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; }
.bsiUl li:hover{ color: #fff;}
.bsiUl li:hover::after{ width: 100%;}
.BSItWOUl li{ background-image: linear-gradient(to right,#fff,#eef1ff);}

.tmbsUl 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; }
.tmbsUl li:hover,.tmbsUl li:hover .iconfont{ color: #fff;}
.tmbsUl li:hover::after{ width: 100%;}

.HybridUl li{ position: relative;}
.HybridUl li div{ position: relative; z-index: 10;}
.HybridUl 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; }
.HybridUl li:hover,.HybridUl li:hover .iconfont{ color: #fff;}
.HybridUl li:hover::after{ width: 100%;}


.w56{ width: 56%;}.w42{ width: 42%;}
.HybridTable table{ background: #fff ; line-height: 2.4; margin: 0;}
.HybridTable table tr:first-child td{ background: var(--color); color: #fff; font-size: 1.1em;}


.newslist li{ width: calc((100% - 120px)/3); margin-right: 60px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .img{ width: 100%; height: 0; padding-bottom: 66%;}
.newslist li:hover{ color: var(--color);}
.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: 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;
}
.newslist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newslist li:hover .more{ background: var(--color); color: #fff; padding: 0 20px;}


.location .icon-youjiantou1{ transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); }
.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); }

.TalentTop{ background: url(../images/TalentTopBg.jpg) no-repeat center top; background-size: cover; }
.joblist li .top .close{ display: none;}
.joblist li .bottom {  display: none;}
.joblist li.on .close{ display: block;}
.joblist li.on .open{ display: none;}

.Environment{ background: #f6f8ff;}

.deviceSwiper .swiper-slide{ transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); }
.deviceSwiper .swiper-slide.swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.deviceSwiper .swiper-slide.swiper-slide-active .text{ opacity: 1;}
.deviceSwiper .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 61%;}
.Environment .next,.Environment .prev{  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%); }
.Environment .prev{ left: 21%;}
.Environment .next{ right: 21%;}

.myswiperBtn{ background:  ; width: 52px; height: 52px;}
.myswiperBtn:hover{ background: var(--color); color: #fff;}

.contactStyleLine{  height: 3px; width: 5%;}
.contactStyle .iconfont{ font-size: 30px;  }
/* .yamImg{ max-height: 90%; top: 50%; width: auto; transform: translateY(-50%); right: 2px; z-index: 10;cursor: pointer; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } */
.mapBox{ width: 100% ; height: 600px;}
.yamImg{ position: absolute; right: 1px; top: 10%; height: 80%; z-index: 5;}

.searchbigBox{  margin-top: -80px; box-shadow: 0 0 10px rgba(0, 0, 0, .15); position: relative; z-index: 5;}
.serviceback {width: 160px;line-height: 50px; display: block;perspective: 500;-webkit-perspective: 500; }
.serviceback .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d;        transform-style: preserve-3d;pointer-events: none;}
.serviceback .f { background: rgba(1, 102, 179, .1);padding: 0 30px; color: #333; } 
.serviceback .t {position: absolute;background-color: var(--color);width: 100%;height: 100%;padding: 0 30px;left: 0;color: #fff;top: -50px;-webkit-transform-origin: center bottom;    -ms-transform-origin: center bottom;        transform-origin: center bottom;-webkit-transform: rotateX(90deg);        transform: rotateX(90deg);-webkit-backface-visibility: hidden;        backface-visibility: hidden;}
.serviceback:hover .w {-webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg);        transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg);}
 

.searchbigBox .input{ line-height: 50px; width: 72%; padding: 0 25px; color: #000; border: 1px solid #e5e5e5;}
.searchbigBox button{ line-height: 50px; width: 14%;}

 
.searchbot  ul a{    border-bottom: 1px solid #e5e5e5;}
.searchbot  ul a:last-child{ border-bottom: none;}
.searchbot  ul a:hover{ color: var(--color);}
.searchbot ul a span{ width: 80%; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}