body{font-size: 16px; overflow-x: hidden;} 


.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: sticky; transform: translateY(0); left: 0; top: 0; z-index: 100; background: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
header.sticky{ transform: translateY(-105px); -webkit-transform: translateY(-105px); -moz-transform: translateY(-105px); -ms-transform: translateY(-105px); -o-transform: translateY(-105px); }
.logoImg{ height: 62px;}
.headerTel{ height: 2.5em;}

.oneNav{ line-height:100px; white-space: nowrap; display: block; padding: 0 2vw; 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;}
nav li:last-child .oneNav{ padding-right: 0;}
nav li.on .oneNav  ,nav li:hover .oneNav{ 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%); }
 
.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: long 2s linear infinite; }
.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 { align-items: center; justify-content: center;}
.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:  130vh ; transition:all .6s ; transform: translateX(100%); background-color: var(--color); 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: #77d5ae; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #0b4f33; width: 1px; }


.idxBan .text{ position: absolute; left: 50%; top: 30%; 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 .text .enTit{ position: absolute; left: 0; bottom:-.2em; background: linear-gradient(to bottom, #fff, transparent);-webkit-background-clip: text;color: transparent;}

.idxBanImg{ width: 100%; object-fit: cover; max-height: calc(100vh - 100px); min-height: 320px;}

.idxBan .slide2 .text,.idxBan .slide3 .text{ display: none;}
.idxProductImgCon{ padding-left: 12vw;}

.line-height1-2{ line-height: 1.2;}

.idxMore{ padding: 5px;}
.idxMore::after{ display: block; content: '' ; position: absolute; width: 50px; height: 50px; border-radius: 40px; top: 5px; right: 5px; background: var(--color); 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: #fff;}
.idxMore:hover::after{ width: 100%; right: 0; top: 0; height: 100%;}

.messages .idxMore::after{  background-color: var(--orange);}

.h-60{ height: 60px;}
.idxBanMore{ height: 60px;}
.idxBanMore::after{ display: block; content: ''; width:0; height: 100%; position: absolute; left: 0; top: 0; background:var(--orange); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxBanMore:hover::after{ width: 100%;}
.idxBanMore:hover{ color: #fff;}
/* 
.idxMore{    color: #0059a7; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.idxMore .round{ width: 50px; height: 50px;}
.idxMore:hover{ background-color: #ed7731; border-color: #ed7731; color: #fff;}

.idxMore.haha{ border-color: #0059a7;}
.idxMore.haha1{ padding: 0.5em 0.5em 0.5em 2em; background-color: rgba(255, 255, 255, .1);} */


.banMouse{ width: 2.6vw; animation: ani-svg 1s linear 0s alternate infinite; position: absolute; z-index: 20; left: 50%; transform: translateY(-50%) ; bottom: 10%; -webkit-transform: translateX(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; -webkit-animation:; }
 
.idxBan .button{ position: absolute; z-index: 15; left: 0; bottom: 6%;}
.idxBan .next,.idxBan .prev{ width: 70px; height: 60px;-webkit-clip-path: polygon(100% 0,95% 100%,0 100%, 5% 0)}
.idxBan .next:hover,.idxBan .prev:hover{ transform: translateY(-5px); background: var(--color); color: #fff; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.idxLine{  height: 2px; width: 2em;}
.idxMore-green{ background-image: linear-gradient(300deg,#0f852d,#87c41e);}

.idxproduct1 li{ width: calc((100% - 35px)/2); margin-right: 35px;}
.idxproduct1 li:nth-child(2n){ margin-right: 0;}
.idxProUl .bottom span{ -webkit-text-stroke: 1px #f2f2f2;text-stroke: 1px #f2f2f2;color: transparent;}
.idxProUl .bottom .more{ position: absolute; left: 0; bottom: .8em;}
.idxProUl li .img{ width: 100%; height: 0; padding-bottom: 100%;}
.wh-50{ width: 50px; height: 50px;}
.idxProUl li::after{ display: block; transition: all .36s; content: ''; width: 100%; height: 0; position: absolute; left: 0; top: 0; background-image: linear-gradient(300deg,#0f852d,#87c41e); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProUl li:hover{ color: #fff; box-shadow: 0 0 15px rgba(66,161,45, 0.15); transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }
.idxProUl li:hover::after{ height: 100%;}
.idxProUl li:hover .bottom span{ opacity: .2;}
.idxProUl li:hover .bottom .more{ background: #fff; color: var(--color);}

.prolist li{ margin-right:2% ; box-shadow: 5px 0 20px rgba(0, 0, 0, .1);}
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li .img{ width: 100%; height: 0; padding-bottom: 95%;}
.prolist li .img::after{
  display: block;
  content: '';
  width: 50%;
  transform: translateX(100%) ;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background:var(--color) ;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
  transition:all .36s ;
  -webkit-transition:all .36s ;
  -moz-transition:all .36s ;
  -ms-transition:all .36s ;
  -o-transition:all .36s ;
  -webkit-transform: translateX(100%) ;
  -moz-transform: translateX(100%) ;
  -ms-transform: translateX(100%) ;
  -o-transform: translateX(100%) ;
}

.prolist li:hover .img::after{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.prolist li:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }

.prolist li .more{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.prolist li:hover .more{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

.idxproduct2 li{ width: calc((100% - 70px)/3); margin-right: 35px;}
.idxproduct2 li:nth-child(3n){ margin-right: 0;}
 
.idxCase{ background: url(../images/idxCaseBg.jpg) no-repeat center center  / cover;}
#map-container { width: 100%; height: 85vh;}
.idxCaseTit{ position: absolute; left: 0; top: 0; z-index: 10;}
.idxCaseInfo{ background: linear-gradient(45deg,#015ba8,#4fa7f2); width: 30%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.idxCaseUl li{ position: absolute;}
.dot .dot_circle{  width:.7vw; height:.7vw; background:var(--blue); border: 1px solid #fff; position:relative; z-index:3; border-radius:50%;}
/* .dot .dot_circle em{ width: 15%; height: 15%;} */
.idxCaseUl .dot:after,.idxCaseUl .dot:before{content:""; position:absolute; border-radius:50%; top:0; left:0;; z-index:1;}
.idxCaseUl .dot:before {width:150%; height:150%; background:transparent; background:rgba(0,81,216,0.3); top:-25%; left:-25%; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
.idxCaseUl .dot:after {width:200%; height:200%;background:transparent; /*background:#7e9ec3;*/ background:rgba(0,81,216,0.2);  left:-50%;  top:-50%; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}
.idxCaseUl li.on .dot_circle{ background: var(--orange);}

/* .idxCaseInfo .con{ max-height: 280px; overflow-y: scroll;  }
.idxCaseInfo .con::-webkit-scrollbar {width: 5px;}
.idxCaseInfo .con::-webkit-scrollbar-thumb {border-radius: 3px; background: #fff; width: 5px; }
.idxCaseInfo .con::-webkit-scrollbar-track {border-radius: 3px; background: #4f9de1; width: 5px; } */


.idxCaseInfo li{  display: none; animation:topFloat .3s; -webkit-animation:topFloat .3s; }
.idxCaseInfo li.on{  display: block;}



.idxPartner{ background: url(../images/idxPartnerBg.jpg) no-repeat center center / cover; background-attachment: fixed; }
.idxPartner::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.52);

  backdrop-filter:blur(4px)
}
.idxPartner .idxMore{ background: rgba(255,255,255,.2);}
.idxPartner .title{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 25; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
/* .idxPartnerRound{ position: absolute; left: 50%; top: 50%;    max-width: none; height: 100%; transform: translate(-50%,-50%); z-index: 2; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } */

.idxPartner .cx-item {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;}
.idxPartner .cx-item li { width: 6.6vw;height: 6.6vw;position: absolute;animation: star 14s infinite;-webkit-animation: star 14s infinite;gap: 8px;}
.idxPartner .cx-item li div {border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;padding: 5px;box-shadow: 0 0 10px 10px rgba(0, 92, 161, 0.06)}
 
.idxPartner .cx-item .dl1 {top: 51.3%;left: 3.8%;animation-delay: 2s;}
.idxPartner .cx-item .dl2 { top: 17.5%; left: 16%; animation-delay: 8s; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.idxPartner .cx-item .dl3 { top: 66.2%; left:15.6%; animation-delay: 0s; transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
.idxPartner .cx-item .dl4 {top:   15.1%;left:  26.3%;animation-delay: 12s;}
.idxPartner .cx-item .dl5 { top:  48%; left: 23%; animation-delay: 7s; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.idxPartner .cx-item .dl6 {top:  75%;left: 28%;animation-delay: 4s;}
.idxPartner .cx-item .dl7 { top:  74%; left: 55%; animation-delay: 10s; transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
.idxPartner .cx-item .dl8 {top:  8.4%;left:  64.5%;animation-delay: 6s;}
.idxPartner .cx-item .dl9 { top:  34.6%; left:  71.7%; animation-delay: 10s; transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
.idxPartner .cx-item .dl10 {top:  65.2%;left:  68.22%;animation-delay: 0s;}
.idxPartner .cx-item .dl11 { top:  11.1%; left: 76%; animation-delay: 8s; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.idxPartner .cx-item .dl12 { top:  57.2%; left:  79%; animation-delay: 13s; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.idxPartner .cx-item .dl13 {top:  34.1%;left: 89%;animation-delay: 6s;}
 

   @keyframes star {0% {    opacity: 1;    }
20% {    opacity: 0;    }
40% {    opacity: 1;    }
100% {    opacity: 1;    }}

@-webkit-keyframes star {0% {    opacity: 1;    }
20% {    opacity: 0;    }
40% {    opacity: 1;    }
100% {    opacity: 1;    }}

 
.newsItem .img{ width: 100%; height: 0; padding-bottom: 65%;}
.newsItem:hover .more{ color: var(--color); letter-spacing: 2px;}
 
.idxNews .button .prev,.idxNews .button .next{ width: 100px; height: 55px;}
.idxNews .button .icon { filter: grayscale(100%); transition:all 0s ; -webkit-transition:all 0s ; -moz-transition:all 0s ; -ms-transition:all 0s ; -o-transition:all 0s ; }
.idxNews .button .prev:hover,.idxNews .button .next:hover{ background: var(--color);}
.idxNews .button .prev:hover .icon,.idxNews .button .next:hover .icon{filter: grayscale(100%) brightness(500%); }
.idxNews .pagination{ width: 30vw; height: 5px; background: #e1e1e1; position: relative; left: auto; right: auto; top: auto; bottom: auto;}

.w42{ width: 42%;}
.idxMessages{ background: #ececee;}
.idxMessagesLeft,.idxMessagesRight{ background: rgba(255,255,255,.45);}
.idxMessagesRight .logoIcon{ position: absolute; right: 0; bottom: 0;width: 28%; opacity: .3;}
 
.radio-sex input {vertical-align: middle;/* 前面三行代码是为了让radio单选按钮与文字对齐 */width: 20px;height: 20px;appearance: none; /*清楚默认样式*/-webkit-appearance: none;opacity: 0;outline: none;/* 注意不能设置为display:none*/}
.radio-sex label {position: absolute;left: 0;top: 50%;transform:translateY(-50%) ;z-index: 1;width: 20px;height: 20px;border: 1px solid #e5e5e5;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-webkit-transform:translateY(-50%) ;-moz-transform:translateY(-50%) ;-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%) ;}
.radio-sex input[type="radio"]:checked + label {background: #3582e9;} 
.radio-sex input[type="radio"]:checked + label::after {content: "";position: absolute;left: 7px;top: 2px;width: 5px;height: 12px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(45deg);}
.radio-sex span{  padding-left: .5em;}
.yzmImg{ position: absolute; height: 80%; top: 10%; right: 0; z-index: 10; }

.line-height2-2{ line-height: 2.2;}
.footerTop{ background: url(../images/footerTopBg.jpg) no-repeat center center / cover; background-attachment: fixed; padding-top: 8vw;}
.footBottom{ background: url(../images/footBottomBg.png) no-repeat center center / cover;}

.wh-60{ width: 60px; height: 60px;}
.ewmBox .img{ background: url(../images/ewmBg.png) no-repeat center center  ; background-size: 100% 100%; width: 140px;}
.footLogo{ height: 172px;}

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

.neiBanImg{ width: 100%; max-height: calc(100vh - 100px); min-height: 260px; object-fit: cover;}
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.18) } 
.neiBan .text{ position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); text-align: center;}
.banBot{ margin-top: -10vw;}

.cultureUl .bottom{ display: none;}
.cultureUl li.on .bottom{ display: block;}
.cultureUl li.on .top{ color: var(--color); font-size: 2em;}

.sinceUl{ line-height: 1  ;}
.sinceUl li:nth-child(2){ margin-left: 1.5em;}
.sinceUl li:nth-child(3){ margin-left:0.5em;}
.briefImg{ border-top-right-radius: 2vw;}

.history{ background: url(../images/historyBg.jpg) no-repeat center center / cover;}
.historyUl{ width: 18%;}
.historyUl li{ opacity: .48;}
.historyUl li:last-child{ margin-bottom: 0;}
.historyUl li.on{opacity: 1;}

.historySwiper .swiper-slide{ height: auto;}
.history .next:hover,.history .prev:hover{ background: var(--color); color: #fff;}
.history .right{ margin-left: 9vw; transform:translateY(-10vw) ; -webkit-transform:translateY(-10vw) ; -moz-transform:translateY(-10vw) ; -ms-transform:translateY(-10vw) ; -o-transform:translateY(-10vw) ; }
.historyImgUl .img{ width: 100%; height: 0; padding-bottom: 100%;}
.historyImgUl li{ display: none; animation: imgBig .3s; -webkit-animation: imgBig .3s; }
.historyImgUl li.on{ display: block;}
.historyIcon{ height: 1em;}

.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); }

.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: 300px;}
/* .proRight{ width: calc(100% - 390px);} */

.proNav li .firstNav a{ height: 3.5em;}
.proNav li dl{ margin-top: -10px; display: none;}
.proNav li.on .firstNav{ background: var(--color); color: #fff;}
.proNav li.on .firstNav a:hover{ color: #fff;}
.proNav li.on .icon-arrow-right2-copy:before {
    content: "\e689";
  }

  .proDetail .img{  padding-bottom: 67.4%; height: 0; width: 100%;}
.proDetail .button{ border: 2px solid var(--color);}
.proDetail .btn{ height: 66px;}

.proNav{ position: sticky; left: 0; top: 110px;}

.rdUl li{perspective: 200px;}
.rdUl li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: var(--color); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.rdUl li::after { transform:rotateX(-45deg) ; -webkit-transform:rotateX(-45deg) ; -moz-transform:rotateX(-45deg) ; -ms-transform:rotateX(-45deg) ; -o-transform:rotateX(-45deg) ; }
.rdUl li.on::after{ transform:rotateX(0) ; opacity: 1; -webkit-transform:rotateX(0) ; -moz-transform:rotateX(0) ; -ms-transform:rotateX(0) ; -o-transform:rotateX(0) ; }
.rdUl li.on{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); transform: translateY(-8px); color: #fff; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }

.rdImg{ position: absolute; left: 0; top: 20%;}
.schoolBox{ background: url(../images/schoolBg.jpg) no-repeat right  center / 50% 100%;}

.newslist {}
.newslist li { width: calc((100% - 80px)/3) ; margin-right: 40px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .desc{ height: 2em;}
.newslist li .img{ width: 100%; height: 0; padding-bottom: 60%;}

.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{ color: var(--color);  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
/* .newslist li:hover{ transform: translateY(-8px); box-shadow: 0 0 15px rgba(0,0,0,.15); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }    
 */
.newslist li:hover .more{ color: #0059a7;}

 
.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); }

.contactImg{ border-radius: 3vw; -webkit-border-radius: 3vw; -moz-border-radius: 3vw; -ms-border-radius: 3vw; -o-border-radius: 3vw; }
.contactType{ border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; -ms-border-radius: 2vw; -o-border-radius: 2vw; }

.contactType li{ min-width: 18%;}
.ewmImg{ width: 120px;}
.mapBox{ height: 60vh;}

.idxMessagesEwmUl  .ewmImg{ max-width: none; position: absolute; left: 0; top: 105%; display: none;}
.idxMessagesEwmUl  li:hover .ewmImg{ display: block;}
.idxMessagesEwmUl  li:hover .iconfont{ color: var(--color);}

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


.footerTop .idxMore{ margin-left: auto; margin-right: auto;}



.messagesBox{}
.messagesBox .left{ background-image: linear-gradient(to bottom,#115fad,#5aa6f0);}
.inputRE{ position: absolute; left: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }


/*新加*/
.xinjia{ border-top-left-radius: 50px; border-top-right-radius: 50px; margin-top: -50px; 
  
  background: url(../images/xinjia.jpg) no-repeat top center #FFF  ; background-size: 100% auto;}
.zhiding{ width: 60px; height: 60px;}

.neiye{ background: url(../images/neiye.jpg) no-repeat center center;}
.wode .on{ font-weight: bold; color: #0059a7;}
.wode a{ white-space: nowrap;}
.map{ position: absolute; bottom: 18%; left: -32%; z-index: 10;}
.map img{ max-width: 100%;}
.map div{ width: 25%; height: 25%; background: rgba(0,89,167,.25); position: absolute; top: 25%; right: 24%; z-index: 10;}
.map div span{ width: 10%; height: 10%; background: #0059a7; position: absolute; left: 50%; margin-left: -5%; top: 50%; margin-top: -5%; }

.zixun a i{ background: #ed7731;}
.zixun a i:before{}

.nihao li span{ width: 4em; height: 4em;}

.brief{ background: url(../images/brief.jpg) no-repeat center bottom;}
.shuzi h1 span{ color: #0059a7;}
.shuzi li h2{ color: #ed7731;}

.cultureTop li { perspective: 800px;}
.cultureTop li:before { content: "";  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;
    z-index: 2;
    transform-origin: left center 0;
    transition: 0.54s;
    opacity: 1;
    visibility: visible;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    background: rgba(0,89,167,.9)}
.cultureTop li:hover:before{background: rgba(237,119,49,.9)}
.cultureTop li .cultureTopTu02{ display: none;}
.cultureTop li:hover .cultureTopTu02{ display: block;}
.cultureTop li:hover .cultureTopTu01{ display: none;}
.cultureTop li .cultureTopImg{}

/* .zongzhi li:before { content: "";  width: 100%;  height: 100% ; position: absolute;  left: 0;  bottom: 0;
    z-index: 2;
       background: rgba(0,0,0,.3)} */

       .zongzhi li::after {display: block;
        content: '';
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background-image: linear-gradient(to top, var(--color), transparent); }
    

    .zongzhi li .cultureTopImg{ max-height: 30vw; object-fit: cover;}
    .zongzhi li .desc{ height: 6em;}

.shebei li{ width: calc((100% - 80px)/3) ;}
.shebei li:hover 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); }
.shebei li:nth-child(3n){ margin-right: 0;}
.shebei li:hover h3{ color: #0059a7; font-weight: bold;}

.honorList li{ width: calc((100% - 6vw)/4); margin-right: 2vw; margin-bottom: 2vw;}
.honorList li:nth-child(4n){ margin-right: 0;} 
.honorList li .img{ width: 100%; height: 0; padding-bottom:115%;}

.imgHeight{ height: 1em;}

.idxAbout{ background: url(../images/idxAboutImg.jpg) no-repeat center center / cover;}
.idxAbout .idxTit{ position: absolute; left: 0; top: 0;}
.idxAboutSwiper .img{ width: 100%; height: 0; padding-bottom: 64%;}
.idxAboutSwiper .swiper-slide::after{ display: block; content: ''; position: absolute;  z-index: 5;left: 0; bottom: 0; width: 100%; height: 50%; background-image: linear-gradient(to top,var(--color),transparent);}
.idxAboutSwiper .text{ position: absolute; bottom: 0; width: 100%; left: 0; z-index: 10;}
.idxAboutUl::before{ display: block; content: '';position: absolute; left: 4px;top: 0; width: 1px; height: 100%; background:#cacaca;}
.idxAboutUl li i{ width: 8px; height: 8px;  }
.idxAboutUl li i::before{ width: 400%; height: 400%; display: block; content: ''; position: absolute; transition:all .36s ; transform: scale(0); background: #fff; left: -150%; top: -150%; border: 1px solid var(--orange); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.idxAboutUl li i::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#cacaca; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.idxAboutUl li.on i::before{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 
.idxAboutUl li.on i::after{ background: var(--orange);}
.idxAboutUl li.on{ color: var(--orange);}
.idxAboutUl li:last-child{ margin-bottom: 0;}
 
 
.idxProduct{ background: url(../images/idxProductBg.jpg) no-repeat center center / cover;}
.idxProductSwiper .swiper-slide{ opacity: 0 !important;}
.idxProductSwiper .swiper-slide-active{ opacity: 1 !important  ;}
.idxProductSwiper .img{ width: 100%; height: 500px;} 
.idxProductSwiper .idxMore{ background: rgba(255,255,255,.2);}
.idxProduct .button{ position: absolute; z-index: 15; bottom: 10%; right: 0; }
.idxProduct .button div:hover{ background: var(--orange);}

.idxProductClass{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 15; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxProductClass li{ height: 3.2em;}
.idxProductClass li::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: all .36s; background: linear-gradient(to right,transparent,#fff,transparent); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProductClass li.on{ color: #fff;}
.idxProductClass li.on::after{ width: 100%;}


.neiBan .text2{ position: absolute; left: 50%; top: 25%; }

.prodetialTop{ background: url(../images/probg.jpg) no-repeat center center / cover;}
.prodetail .text{color: #ffffff;}
/* .prodetail .text .smtit{   border: 1px solid #ffffff;} */
.h60{ height: 60px;}
.prodetail .info { height: 15em;}
.prodetail .buttom { border: 1px solid  #ffffff;}
.prodetail .button a{ padding: 15px 0; border: 2px solid #ffffff; border-left: none;}

.bg-orange1{ background-color: #ea5d32;}
.proLine{ height: 1px; background: #e5ecf4;}
.prodetail .button a:first-child{border: #ea5d32;}

.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:#f4f5f7 ; -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:#0059a7; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.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: #0059a7;}
.h20{height: 20px;}
.proRight{ position: sticky; right: 0; top: 2vw; }
.tjPro .swiperBtn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.rightContact{background: #f8f8f8;}
.rightContact img{width: 100%;}
.rightContact .messagesPopOpen{background: #0059a7;}

.proMessage{ background: url(../images/proMessageBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.proMessage::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  }
.briefTitle{text-transform: uppercase; background: linear-gradient(to right, #115fad,#5aa6f0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.Hezuo{padding: 4VW 0;}

.Hezuocon{ background: url(../images/hezuobg1.png) no-repeat center bottom; background-size: cover; padding-bottom: 8vw; }
.Hezuolist .himg{ width: 100%; height: 100%;}

.border-solid{border: 1px solid #e6e6e6;}
.w-80,
.w-80px {
  width:85px
}
.pt-167 {
  padding-top:167px
}
.pt-168px {
  padding-top:168px
}
.pt-180 {
  padding-top:180px;
}
.pb-180 {
  padding-bottom: 180px;
}
.h-80,
.h-80px {
  height:85px
}

.left-0,
.left-0\%,
.left-0px {
  left:0;
}
.bottom-0,
.bottom-0\%,
.bottom-0px {
  bottom:0
}
.top-0,
.top-0px {
  top:0
}
.left-50\%{left: 50%;}
.right-50\%{right: 50%;}
.Hezuolistcon{margin-top: 50px;}
.Hezuolistcon .more a{box-shadow:0px 1px 24px 0px #E2E6E691; display: block; line-height: 45px; width: 120px; height: 45px; border-radius: 25px; text-align: center; margin: 1vw auto; }
.Hezuolistcon .more a i{font-size: 14px;}
.absolute{position: absolute;}
.inlogo{ display: block; overflow: hidden;  }
.inlogo .la{ overflow: visible;white-space: nowrap; height: 80px;  margin-bottom: 20px;position: relative;}
.inlogo .la dl{ -webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-1 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-1 50s linear 0s infinite forwards; -o-animation: kf-client-wall-1 50s linear 0s infinite forwards; animation: kf-client-wall-1 50s linear 0s infinite forwards;    position: absolute; top:0; left:0; height: 100%;}
.inlogo .la dl dd{ position: relative; height: 100%; margin: 0 5px;  overflow: hidden; display: inline-block; border-radius: 10px; border: 1px solid #e6e7e7;}
.inlogo .la dl dd img{ display: block;width: auto;height: 100%;}
@keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } }
.inlogo .gd2 dl{    -webkit-animation: kf-client-wall-2 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-2 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-2 50s linear 0s infinite forwards; -o-animation: kf-client-wall-2 50s linear 0s infinite forwards; animation: kf-client-wall-2 50s linear 0s infinite forwards; position: absolute; top:0; left:0; height: 100%;}
@keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }





.industryTit{ position: sticky; left: 0; top: 2vw;}
.industryUl li .bottom{  display: none;}

.industryUl li.on .top{ color: var(--color);  }
.industryUl li.on .top .icon-arrow-right-bold{ opacity: 1;}
.industryUl li.on .top .icon-arrow-right-bold:before { content: "\e689"; }

.w52{ width: 52%;}


.online_q {position: fixed;right: 3px;bottom: 10%;z-index: 9999;transition:.5s;-webkit-transition:.5s;}

.online_q .btn2{width:55px; height:55px; cursor:pointer; position:relative; margin-bottom:5px; }

.online_q .btn-top{ padding:0; transition:.5s; overflow:hidden;}

.online_q .btn-top span{ background: #ff602a !important;}

.online_q .btn2 a{  font-size:12px; color:#fff;}

.online_q .btn2 span{display:block; float:left; text-align: center; width:55px; height:55px; line-height: 55px; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; background: #014590; }

.online_q .btn2:hover span{ background: #ff602a; }

.online_q .open.pic{ position:absolute; background:#ddd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}

.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}

.online_q .btn2:hover .open.pic{ opacity:1; right:4.5rem;visibility:visible;}

.online_q .open.phone{ display:inline-block; height:55px; line-height:55px; z-index:0; background:#eee; color:#ff602a; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:center;  width:150px;}

.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}

.btn-tel a{ display:block; width:55px; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}

.btn-tel:hover a{ width:205px;}

.online_q .btn-02.btn-tel:hover span{ background:url(../images/piaofu_tel.png) center no-repeat #fff; border:2px solid #037ccf;}

.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #ddd; position:absolute; right:-15px; top:50%; margin-top:-10px;}

#gotop.hide{height:0; overflow:hidden; display:block !important;}