/* html { font-size: 10px;  text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} */
body{font-size: .16rem; overflow-x: hidden; --top:.85rem;--mainH:4.5vw} 
 .inner{ width:86vw;   margin: 0 auto;  }
.pl-inner{ padding-left: 7vw;}
.pr-inner{ padding-right: 7vw;}
.ml-inner{ margin-left:7vw;}
.mr-inner{ margin-right: 7vw;} 
/*
.idxInner{ width:96%;   margin: 0 auto;  }
.pl-idxInner{ padding-left: 2vw;}
.pr-idxInner{ padding-right:2vw;}
.ml-idxInner{ margin-left:2vw;}
.mr-idxInner{ margin-right:2vw;}
*/

.zwHeader{ height: var(--top); }
.zw{ margin-top: calc(-1 * var(--top)); padding-top: var(--top);}

 
header{ position: fixed; left: 0; top: .4rem; width: 100%; color: #fff;  z-index: 100;}
header .con{ padding: 0 .5rem;}
header.scroll,header:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); top: 0;}
header .icon02{ display: none;}
.logoImg{ transition: all 0s; height: .65rem; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }

nav{ background: rgba(255, 255, 255, 0.2); border-radius: .7rem; -webkit-border-radius: .7rem; -moz-border-radius: .7rem; -ms-border-radius: .7rem; -o-border-radius: .7rem; }

.oneNav{ line-height:var(--top); white-space: nowrap; display: block; padding: 0  .35rem; 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{ position: relative;}
/* nav li.on .oneNav span ,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%); }
 
.headerForm { height: var(--top); border-radius: .6rem; -webkit-border-radius: .6rem; -moz-border-radius: .6rem; -ms-border-radius: .6rem; -o-border-radius: .6rem; }
.headerForm .keys{ width: 2.9rem;}
.headerForm button{ height: 100%; aspect-ratio: 1 ; }

header::before{ display: block;  content: ''; width: 100%; height: 0; 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; } 
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);}




header.scroll .headerForm,header:hover  .headerForm{ background: #f5f5f5; height: calc(var(--top) - .2rem );}


.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: 100vw; display: none; height:  130vh ; animation: leftFloat .8s; transition:all .6s ; background: #fff; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-animation: leftFloat .8s; }
.nav.show{  display: block; }
.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; }

.idxBanImg{ width: 100%; height:100vh; object-fit: cover; min-height: 360px; object-fit: cover;}
 
/*.idxBan .swiper-slide::before{ z-index: 2; display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3); }*/


/*.idxBan .swiper-slide::after{ z-index: 3;display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(to right,rgba(0,78,146,1),transparent,rgba(0,0,0,.3)); }*/



.idxBan .swiper-slide::before{ z-index: 2; display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }


.idxBan .swiper-slide::after{ z-index: 3;display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  }





.idxBan .swiper-slide .text{ z-index: 10; 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%); }
.idxBan .swiper-slide .text .more>.w-60::after{ display: block; content: ''; transition: all .36s; width: 0; height: 100%; position: absolute; left: 0; top: 0; background:var(--green) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxBan .swiper-slide .text .more:hover>.w-60::after{ width: 100%;}


.idxMain{margin-top: calc(-1 * var(--mainH));}
.w46{ width: 46%;}
.idxAbout{ background: url(../images/idxAboutBg.png) no-repeat center top / 100% auto; padding-top: var(--mainH);  }
.idxAbout .desc{ background: #f3fff4;}

.idxAboutImg{ border-top-left-radius: .75rem;}

.satisfactionIcon{ width: 14.8%; position: absolute; z-index: 2; left: 11%; top:-.5rem; filter: drop-shadow(0 0 .1rem rgba(0,0,0,0.15)); -webkit-filter: drop-shadow(0 0 .1rem rgba(0,0,0,0.15)); }
.idxAboutRight .con{ position: absolute; right: 0; bottom: 0; width: 34%; border-top-right-radius: .3rem;}
.idxMore:hover .right{ letter-spacing: 2px; color: var(--green); box-shadow: 0 0 15px rgba(0,153,64,.15);}

.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center / cover; padding-bottom: 10vw;}
.idxProSwiper .swiper-slide .img{ aspect-ratio: 24 / 29;} 
.idxProSwiper .swiper-slide .idxProIcon{ height: .34rem;  }
.idxProSwiper .swiper-slide .top .idxProIcon{  margin-bottom: -.17rem;}
.idxProSwiper .swiper-slide .bottom .idxProIcon{ margin-top: -.17rem;}
.idxProSwiper .swiper-slide-active { padding-top: 8vw;}
.idxProSwiper .swiper-slide-prev{ padding-top: 2vw;}
.idxProSwiper .swiper-slide-active .top{ opacity: 1;}
.idxProSwiper .swiper-slide-active .bottom{ opacity: 0;}

.idxOur { margin-top: -6.7vw;}

.idxOur .con{ background: url(../images/idxOurBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.idxOur .con::before{display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,92,161,.88)}
.idxOur .con::after{display: block; content: ''; width: 100%; height: 1.4rem; position: absolute; left: 0; bottom: 0; background:#fff}
.w47{ width: 47%;}
.idxOurleft .img{ border-top-right-radius: 4vw;} 
.line-height1-8{ line-height: 1.8;}

.idxOurRightUl li:first-child{ padding-top: 0;}
.idxOurRight li { border-color: rgba(255, 255, 255, 0.15);}
.idxOurRight li .round{ border: 1px dashed rgba(255, 255, 255, 0.5);}
.idxOurRight li .bottom{ display: none;}
.idxOurRight li .bottom .desc{ padding-left: 1rem;}

.newsItem .img{ aspect-ratio: 1 / .6; width: 100%;} 
 
.newsItem .text .tit{ height: 7em;}
.newsItem .text::before{ display: block; content: ''; width: 100%; height:.05rem; position: absolute; left: 0; bottom: 0; background:var(--color) } 
.newsItem .text::after{ display: block; content: ''; width: 30%; height:.05rem; position: absolute; left: 0; bottom: 0; background:var(--green) ; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; } 
.newsItem:hover{}
.newsItem:hover .text::after{ width: 100%;}

body{ background: url(../images/bodyBg.jpg) no-repeat center bottom / 100% auto;}
footer .con{ background: url(../images/footerBg.jpg) no-repeat center center / cover; border-radius: .3rem; -webkit-border-radius: .3rem; -moz-border-radius: .3rem; -ms-border-radius: .3rem; -o-border-radius: .3rem; }
footer a:hover{ opacity: .6;}

footer .backTop{ background: #daedf8; position: absolute; right: 0; bottom:0; z-index: 10; width: 1rem; height: 1rem; border-top-left-radius: 50%; }
footer .backTop .bg-green{ width: 70%; height: 70%;}
footer .backTop .absolute.top{ position: absolute; top: -.3rem; right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
footer .backTop .absolute.bottom{ position: absolute; bottom:0; left: -.3rem; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
footer .backTop  svg{ width: .3rem; height: .3rem;}

.neiBanImg{ width: 100%; max-height: 100vh; min-height: 260px; object-fit: cover;}
.neiBan .text{ position: absolute; left: 0; line-height: 1; font-size: 1.8rem; bottom: 15%; z-index: 10;}
.neiBan .text strong{
  -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to bottom, rgba(255,255,255,.8), transparent);}
 
.Profile{ background: url(../images/ProfileBg.jpg) no-repeat bottom center / cover;}
.ProfileSwiper .swiper-slide .img{ width: 100%; aspect-ratio: 129 / 88;}

.Profile .button .btn,.Profile .button .btn .border-right { border-color: #ccc;}
 
.Profile   .button .btn div{  width:1rem ;}
.Profile   .button .btn div:hover{ background: var(--color); color: #fff;}
.radius45{ border-radius: 48px; -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; }
.Profile   .button .pagination{ position: relative; left: auto; top: auto; width: 3.2rem; height: .03rem; background: #d6d6d6}

.Mission{ background: #eaf8fd;}
.Mission::before{display: block; content: ''; width: 100%; height:45%; position: absolute; left: 0; top: 0;  background: url(../images/MissionBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.w58{ width: 58%;}

.Commitments{ background: url(../images/CommitmentsBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.Commitments::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(1,71,157,.88) }

.Commitments .enTitle{ color:#2e8dd4 ; font-size: 11.4vw;}
.CommitmentsUl{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(3,1fr); margin-top: -4vw;}
.CommitmentsUl li{ background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px);}
.CommitmentsUl li:hover{ transform: translateY(1vw); box-shadow: 0 0 15px rgba(0,153,64,.15); -webkit-transform: translateY(1vw); -moz-transform: translateY(1vw); -ms-transform: translateY(1vw); -o-transform: translateY(1vw); }
.Control .con p + p{ margin-top: .38rem; }

.newslist{ display: grid; grid-gap: .8rem .32rem; grid-template-columns: repeat(3,1fr); }
.newslist li{box-shadow: .05rem 0 .3rem rgba(0,78,146,.1) ; border-top-left-radius: .2rem; border-top-right-radius: .2rem;}



.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: calc(var(--top) + .12rem);}
.newsRightUl a .img{ width: 1.85rem; height: 1.15rem;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 2.04rem);}
.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); }

.newsPage .img{ width: 1rem; aspect-ratio: 1 / 1;}

.proForm .keys{ width: 5.5rem;}
.proLeft{  width: 3.45rem;}
.proRight{ width: calc(100% - 3.95rem);}
.proLeftUl li a{ height: .65rem; }
.proLeftUl li{ background: #eff4f8;}

.proLeftUl li.on{ color: var(--color);}.proLeftUl li.on .icon-arrow-right2-copy{  color: var(--color);}

.params-container {display: table;}
.param-item {display: table-row;}
.param-cell {display: table-cell;}

.w15{ width: 15%;}
.proRight .cell:first-child{  border-top-left-radius: .1rem;  border-bottom-left-radius: .1rem; }
.proRight .cell:last-child{  border-top-right-radius: .1rem;  border-bottom-right-radius: .1rem; }
.proRight .cell{ padding:   .3rem;word-break:break-all; padding-right: .1rem;vertical-align: middle;}
.proRight .item:nth-child(2n + 3){ background: #f2f5f8;}
.proRight .cell .img{ width: 100%; height: 1.1rem;}

.proLeftBox{ position: sticky; left: 0; top: calc(var(--top) + .1rem);}
.proRight .cell{ padding: .3rem;padding-right: 0;}

.P45{ padding: .45rem;}

.proinLine{  background: #e6e6e6; height: 1PX;}
.proinLine::after{ display: block; content: ''; width: .3rem; height: 2px; position: absolute; left: 0; bottom: 0; background:var(--color) }
.proInfoOne .button{ border: 2px solid var(--color);}
.proInfoOne .img{ aspect-ratio: 1 / .8;}
.linka a.bg-color:hover{ color: #fff;}
.proinfoLine{  background: #e6e6e6; height: 1PX;}
.proinfoLine::after{ display: block; content: ''; width:1.1rem; height: 3px; position: absolute; left: .4rem; bottom: -1px; background:var(--color) }

.RecommendedUl{ display: grid; grid-gap: .35rem; grid-template-columns: repeat(3,1fr);}
.RecommendedUl li .img{ aspect-ratio: 1 / .8;}
.RecommendedUl li .text .title{ line-height: 1.5; height: 4em;}

.mapInner .inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.mapInner .text{ width: 5.9rem;  margin-right: 10%;  }

.messages{ background: url(../images/messagesBg.jpg) no-repeat bottom center / cover;}