body{font-size: 16px;} 

dl,ul,ol,menu,li {list-style-position: inside;}
header ul,header li,header dl,.newslist ,.newslist li,.idxNewsUl,.cultureUl,.cultureUl li,.honorUl ,.honorUl  li,.outlinkUl,.hxlist ,.hxlist li,.technologyOne,.technologyOne li ,.prolist,.prolist li,.proNav,.proNav li,.proNav-down,.proNav-down li,.neiNav ul,.neiNav li,.proRight ul,.proRight li,.contactUl ,.contactUl li,.maproundUl,.maproundUl li,.maptxtUl,.maptxtUl li{list-style:none}

.bigInner{ width: 96%; max-width: 1800px; margin: 0 auto;}
.inner{ width:88% ;max-width:1680px ; margin: 0 auto;}
.smallInner{ width:88% ;max-width:1440px ; margin: 0 auto;}

header{ width: 100%; position: fixed; top: 0; width: 100%; z-index: 100; color: #fff;}
header::after{ position: absolute; left: 0; bottom: 0; display: block; content: ''; transition: all .36s; width: 100%; height:  100%; 
    background-color: rgba(0, 0, 0, .15); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.oneNav{ font-size: 20px; line-height: 100px; padding: 0 1.5vw;}
nav li.on{ color: var(--green);}
nav li{ }
 
.zw{ padding-top: 100px; margin-top: -100px;}
.zwHeader{ height: 100px; }
   
  
/* 
nav li a.more:after{ font-family: "iconfont"  ; content: "\e66c";   }
nav li ul li:last-child{ border-bottom: none;}
nav li ul { position:absolute;  width:100%; left: 0;   display:none; background-color:#FFFfff; z-index:9999;}  
nav li ul a {padding: 0 10px; width:100%;text-decoration:none; color:#333333; line-height: 50px; font-size: 16px; display: flex; align-items: center; justify-content: space-between; }
nav li ul a:hover {  background-color: var(--green); color: #fff;}
nav li ul ul{ top:0;left:100%;}
nav li .one li{ border-bottom: 1px solid #e5e5e5;}
nav li .two{ box-shadow:  0 0 0;}
nav li .there{ background-color: #f9f9f9;} */


nav dl{ color: #333;  width: 100vw; position: absolute; left: 50%; margin-left: -50vw; background:#fff ; box-shadow: inset 0px 5px 10px rgb(0 0 0 / 15%);}
nav dl  a{ display: flex;align-items: center; justify-content: space-between;} 
nav dl a:hover{ color: var(--green);}
.second-menu>li{ width: auto;  margin: 0 3vw;}
.second-link{ line-height: 3; font-weight: bold;font-size: 18px; padding-right: 5em; }
/* .second-menu>li>a{  line-height: 50px;  display: block;} */
.third-menu{ margin-top: 10px; padding-top: 10px; border-top: 1px solid #aaa;}
.third-menu li{ position: relative; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.third-link{ line-height:2.6 ;}
.third-menu>li:hover{ padding-left: 10px; background: #f5f5f5;}
.third-menu>li:hover a.more:after{ transform: translateX(-15px); -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); }
.fourth-menu {position: absolute;background: #fff ;font-size: 16px; line-height: 2; border: 1px solid #ddd;padding: 10px 15px;left: 100%;display: none;top: 0px;width: 200px;z-index: 999;border-radius: 6px;box-shadow: 1px 1px 7px #ddd;}

.fourth-menu:before,
.fourth-menu:after {content: "";display: block;border-width: 10px;position: absolute;top: 8px;left: -20px;border-style: solid dashed dashed;border-color: transparent #ddd transparent transparent;font-size: 0; line-height: 0;}
.fourth-menu:after {top: 10px;left: -16px;border-width: 8px;border-color: transparent #fff transparent transparent;}
.third-menu a.more:after{ font-family: "iconfont"  ; content: "\e66c"; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }

nav  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(20px); transition:all .53s }
nav  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); }

header.scroll{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
header.scroll::after{ background-color: #181e2a; height: 100%;}


.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; max-height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #181e2c; 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 ; 
    overflow-y: scroll;
}
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #333; width: 2px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent; width: 2px; }
.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;}

.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; } */


.searchBox{ background :  var(--green); 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(--green); padding: 18px 8px ;   align-items: flex-end;   }
.h_nav.close{align-items: center; justify-content: center;}
.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 .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); }



.banImg{ width: 100%; height: 100vh; object-fit: cover; min-height: 400px;}
.banner .button{ position: absolute;right: 6vw; bottom:50px; z-index: 10;}

.banner .prev  .iconfont,.banner .next .iconfont{ font-size: 24px;}
.common.btn {width: 180px; white-space: nowrap;line-height:50px;text-align: center; display: block;perspective: 500;-webkit-perspective: 500;    }    
.common.btn .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;    }    
.common.btn .f {  }    
.common.btn .t {position: absolute; width: 100%;height: 100%;left: 0; 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;    }
.common.btn:hover .w { -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }

.mouse{ position: absolute; left: 50%; bottom: 50px; width: 80px; margin-left: -40px; z-index: 10; animation: previewShapeY 15s linear infinite; -webkit-animation: previewShapeY 15s linear infinite; }

.idxPro{ background: url(../images/idexProBg.jpg) no-repeat center center; background-size: cover; }
.idxPro .swiper-slide .text{ width: 100%; position: absolute; z-index: 5; left: 0; bottom: 0; background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));}
.idxPro .swiper-slide:hover .idxProImg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.idxPro .swiper-slide:hover .text{ transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); }
.idxPro .swiper-slide:hover .img{box-shadow:0px 20px 20px -10px rgb(0 0 0 / 50%); transform:translateY(-10px) ;}

.idxMore{height: 60px;}


.idxAbout .btn .border{ border-color: rgba(255, 255, 255, .15);}
.idxAbout .inner{  background: url(../images/idxAboutBg.png) no-repeat top left; background-size:50% auto ; background-attachment: fixed; position: relative;} 

.idxNewsImg .border{ border-color: #333;}
.idxNewsImg .border-left{ border-color: #333;}
.idxNewsImg .right img{ width: 100%; height: 300px; object-fit: cover;}
.border-left-white{ border-left: 1px solid #ffff;}
.linka a:hover{ color: var(--green);}
.idxNewsUl a{ line-height: 100px;  position: relative;}
.idxNewsUl a:nth-child(2n)::after{ width: 1px; height: 2em; position: absolute; left: 0; background-color: #e5e5e5;  top: 50%; margin-top: -1em; display: block; content: '';  }
.idxNewsUl a:hover .font18{ font-weight: bold;}

.idxSmallBan{ background: url(../images/idxSmallBanBg.jpg) no-repeat right bottom; background-size: cover;  }
.idxSmallBan  .common .f{ border-color: rgba(255, 255, 255, .25);}

.idxBan{ width: 100%; height: 100vh;     }
.slide-grid-video{ width: 100%; height: 100vh;   object-fit: cover; }
.idxBlack{ background-color: #181e2c; position: absolute; left: 0; top: 0; z-index: 2;-webkit-clip-path: polygon(44% 0,12% 100%, 0% 100%, 0 0);clip-path: polygon(44% 0,12% 100%, 0% 100%, 0 0); }
.idxBlue{background-color: #002b49;  position: absolute; left: 0; top: 0; z-index: 2;-webkit-clip-path: polygon(53% 0,21% 100%, 12% 100%, 44% 0);clip-path: polygon(53% 0,21% 100%, 12% 100%, 44% 0); }

.idxBanChart{position: absolute; left: 0; top: 0; z-index:10 ;}
.idxGreen{ position: absolute; left: 0; top: 0; z-index: 2;-webkit-clip-path: polygon(43% 0,49% 40.6%, 42.8% 60%, 34% 0);clip-path: polygon(43% 0,49% 40.6%, 42.8% 60%, 34% 0); }
.idxGreen2{  position: absolute; left: 0; top: 0; z-index: 2;-webkit-clip-path: polygon(49% 40.6%,30% 100%, 21% 100%, 40% 40.5%);clip-path: polygon(49% 40.6%,30% 100%, 21% 100%, 40% 40.5%); opacity: .5; }

.idxBanChart li{   position: absolute; top: 0; left: 0; width: 100%; height: 100%;  display: none;  }
.idxBanChart li.on{  display: block; }
.idxBanChart li  .nextidxGreen,.idxBanChart li  .nextidxGreen2{opacity: 0;}

.idxBanChart li.on .idxGreen,.idxBanChart li.on .idxGreen2{ z-index: 5; animation: fadeOut 4s 7s  ; -webkit-animation: fadeOut 4s 7s  ; }
.idxBanChart li.on .nextidxGreen{ animation: fadeIn 4s 7s  ; -webkit-animation: fadeIn 4s 7s  ; }
.idxBanChart li.on .nextidxGreen2{ animation: fadeIn2 4s 7s  ; -webkit-animation: fadeIn2 4s 7s  ; }

.idxBanText{ position: absolute; z-index: 15; left: 52%; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.idxBanText li{ display: none;}
.idxBanText li.on{ display: block;}
.idxBanText li.on .font54,.idxBanText li.on .btn{ animation: flipInX 1s ,flipOutX 1s 9.5s ; -webkit-animation: flipInX 1s ,flipOutX 1s 9.5s ; }
.idxBanText li.on .font22{ animation: fadeInDown 1s ,fadeOutDown 1s 9.5s ; -webkit-animation: fadeInDown 1s ,fadeOutDown 1s 9.5s ; }

.idxBan .button{ position: absolute;right: 6vw; bottom:50px; z-index: 99;}
.idxBan .prev  .iconfont,.banner .next .iconfont{ font-size: 24px;} 
.idxBanLeft{position: absolute; z-index: 10;left: 0; top: 0; }

footer{ background: #181e2c;}
.outlinkUl{display: grid; grid-gap: 20px; grid-template-columns: repeat(4,1fr); width: 260px;}
.outlinkUl a{ width: 50px; height: 50px; background: rgba(255, 255, 255, .1);}
.maxImg img{ max-width: 100%; max-height: 100%;}
.outlinkUl a>img{opacity: .3;}
.outlinkUl a:hover{ opacity: 1;}
.outlinkUl a:hover img{ opacity: 1;}
.p5{ padding: 8px;}
.ewmPop{ padding: 2px; width: 120px; opacity: 1; position: absolute; left: 50% ; margin-left: -60px; bottom: 60px;animation: topFloat .3s; display: none;}
.ewmPop img{opacity: 1 !important;}
.outlinkUl a:hover .ewmPop{  display: block;}
@keyframes topFloat {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}


footer a:hover{  opacity: .85;}
footer  dl{ width: 13.6%;}
footer .line{ height: 2px;  }

.footMessage{ width: 19%;}
.footMessage .bg{ background: rgba(255, 255, 255, .1);}

footer .top{ border-bottom: 1px solid rgba(255, 255, 255, .15);}
footer .bottom a:hover{ color: #fff;}
.select-txt option{ color:#333}

.waves {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;filter: grayscale(100%) brightness(500%); opacity: .6;}

.neiBan .txt{ background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent); }
.Profile{ background: url(../images/ProfileBg.jpg) no-repeat center bottom; background-size: cover;}
.culture{  background: url(../images/culturebg.jpg) no-repeat center center ; background-size: cover; background-attachment: fixed;}
.culture::before{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; content: ''; background: rgba(0, 0, 0, .15);}
.cultureUl li{ background: rgba(255, 255, 255, .65);}
.cultureUl li .txt{ width: calc(100% - 100px);}
.cultureUl li .desc{ height: 16em;}
.cultureUl li:hover{box-shadow: 0 0 20px rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.history{ background: url(../images/historyBg.jpg) no-repeat center center ; background-size: cover; background-attachment: fixed;}
.history .prev,.history .next{ z-index: 10; width: 60px; height: 60px; border-color: rgba(255, 255, 255, .25); position: absolute; top: 50%; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }
.history .next{ right: -100px;}
.history .prev{left: -100px;}
.history .prev:hover,.history .next:hover{ background: #fff; color: #181e2c;}
.historyBot .round{ cursor: pointer; position: relative; overflow: hidden; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .round i{ width: 14%; height: 14%;  background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .round::after{ border-radius: 50%; transition: all .36s; transform:scale(0) ; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .3); display: block; content: ''; -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) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .swiper-slide-thumb-active .round::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.history .bottom::after{ width: 100% ; height: 1px; display: block; content: ''; background: rgba(255, 255, 255, .25); position: absolute; left: 0; top: 20px;}
.history{ padding-bottom: 20vh;}
.honor { background: #f2f4f7;}
.honor .con{ margin-top: -20vh;}
.honorTab .on{ background-color: #181e2c; color: #fff;}
.honorUl .swiper-slide .img{ width: 100%; height: 345px;}
.honorUl li{ display: none;}
.honorUl li.on{ display: block;}

.honor .prev,.honor .next{ width: 70px; height: 70px; }
.honor .prev:hover,.honor .next:hover{ background: var(--green); color: #fff;}

.neibanImg{ width: 100%; max-height: 100vh; min-height: 260px; object-fit: cover;}
.technologyLine{ height: 1px;} 
.technologyLine::after{ background-color: #181e2c; width: 20px; height: 5px; position: absolute; left: 0; top: -2px; display: block; content: '';}
.technologyOne li .idxMore{ position: absolute; left: 0; bottom: 0; height: 50px;}
.technologyOne li:hover{ box-shadow: 5px 0 32px rgba(0, 0, 0, .2); transform: scale(0.98); -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); }
.technologyOne li:nth-child(2n){ flex-direction: row-reverse;}

.videoTechnologyItem .img{clip-path: polygon(100% 0,100% 100%,0% 100%, 14% 0);-webkit-clip-path: polygon(100% 0,100% 100%,0% 100%, 14% 0)   }
.videoTechnologyImg{ width: 100%; height: 100%; object-fit: cover; }
.videoTechnologyItem .play{ position: absolute;  z-index: 10; 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%); }
.videoTechnologyItem .img:hover .videoTechnologyImg{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.videoTechnologyItem .play img{filter: grayscale(100%) brightness(500%); opacity: .8;}
.videoTechnologyItem .img:hover .play img{opacity: 1; transform: scale(1.5); filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }

.technologyTwo  { padding-left: calc((100vw - 1440px)/2) }
.technologyTwo .button{ position: absolute; z-index: 10; right:34%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.technologyTwo .prev,.technologyTwo .next{ width: 60px; height: 60px; }
.technologyTwo .prev:hover,.technologyTwo .next:hover{ background: var(--green); color: #fff;}

.caselist li{ width: calc((100% - 80px)/3);  margin-right: 40px;  }
.caselist li:nth-child(3n){  margin-right: 0;}
.caselist li .txt::after{ position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background-color: #181e2c; transition: all .36s; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.caselist 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); }
.caselist li:hover .txt::after{ width: 100%;}
.technologyThere .prev,.technologyThere .next{ z-index: 10; width: 60px; height: 60px; border-color: rgba(255, 255, 255, .25); position: absolute; top: 50%; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }
.technologyThere .next{ right: -100px;}
.technologyThere .prev{left: -100px;}
.technologyThere .prev:hover,.technologyThere .next:hover{ background: #181e2c; color: #fff;}

.technologyThere .txt::after{ position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background-color: #181e2c; transition: all .36s; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.technologyThere .swiper-slide: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); }
.technologyThere .swiper-slide:hover  .txt::after{ width: 100%;}

.proLeft{ width: 27%; background: #f2f4f7;}
 

.proNav li.proNav-child{ padding-bottom: 20px; padding-left: 4vw; border-bottom: 1px solid #e5e5e5; position: relative;}
.proNav li.proNav-child>a{ line-height: 70px;   }
.proleftTilte{ padding-left: 4vw;}

.proNavOpen{ cursor: pointer; 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-h.png) no-repeat center center; background-size: 40% auto;}
.proNav li.proNav-child.on .proNavOpen{ background: url(../images/jian-h.png) no-repeat center center; background-size: 40% auto;}
.proNav-down li a{ line-height: 3;   display: block;  }
.proNav li.proNav-child.on>a,.proNav-down li.on>a{ color: var(--green);}


.proRight{ width:73% ; padding-right: 4vw;}

.prolist li{ margin-left: 50px; width: calc((100% - 150px)/3);}
.prolist li .more::after{ width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #181e2c; transition: all .36s;  display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prolist li:hover{ box-shadow: 20px 0 40px rgba(0, 0, 0, .2); border-color: transparent; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.prolist li:hover .font26{ font-weight: bold;}
.prolist li:hover .more{ color: #fff;}
.prolist li:hover .more::after{ width: 100%;}

.neiNav{ width: 100%;} 
.menuItem{
    height: 50px;
    border-bottom: 1px solid #EBEBEB;
    padding-top: 15px;
    display: flex;
	position: relative;
}
.menuItem .topTitle{
    font-size: 15px;
    
    font-weight: 500;
    opacity: 1;
    width: 92%;
}
.menuItem .topTitle a{
    display: block; font-weight: bold;
}
.menuItem .topTitleActive{
    color:var(--green);
    border-bottom: 2px solid var(--green);
}
 
.menuItem .topBtn img{
    position: absolute;
    height: 40%;
}
.topBtnActive{
    margin-top: 0; 
}
.menuDetail{
    width:92%;
    /*margin: 0 auto;*/
    background:#eff3e8;
    opacity:1;
    padding: 2% 4.7%;
    position: absolute;
	top: 100%;
	z-index: 99;
}
.menuDetail li{
    font-size: 14px;
    
    line-height:2.4;
    color:rgba(68,68,68,1);
    opacity:1;
}
.menuDetail li a{
    display: block;
    width: 100%;
}
.menuDetail li:hover{
    color: var(--black)!important;
}
.proinfoImg .next,.proinfoImg .prev{ width: 66px; height: 66px;}
.proinfoImg .next:hover,.proinfoImg .prev:hover{ background-color: #f2f4f7;  }
.proinfoTxt .line{ background-color: #cdcdcd; height: 1px;}
.proinfoTxt .line::after{ width: 10%; position: absolute; left: 0; top: -1px; height: 3px; background-color: #181e2c; display: block; content: '';}
.proinfoTit::after{ width: 100%;   position: absolute; left: 0; bottom: -1px; z-index: 10; height: 2px; display: block; content: ''; background: #181e2c;}

.newslist { border-top: 2px solid #333;}
.newslist li{ border-bottom: 2px solid #333;}
.newslist 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) ; }
.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}
.newsinfoinner{ width: 1080px;}
.newspage .left{ width: 70%;}
.contactUl li{ width: calc((100% - 25px)/2);}
.contactUl li:nth-child(2n){ margin-right: 0;}
.contactUl li .desc{ height: 11em;}
.contactUl li .btn.common{ width: 150px; }

 

.gbookItem{ width: 32%;}
.maproundUl .round{ width:30px; height: 30px; border: 1px solid rgba(255, 0, 0, .15);}
.maproundUl .round i{ display: flex; align-items: center; justify-content: center; width: 66%; height: 66%; border: 1px solid rgba(255, 0, 0, .15); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.maproundUl .round i span{ animation: warn 2s linear 0.4s infinite; width:40%; height: 40%; display: block; background: var(--red); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-animation: warn 2s linear 0.4s infinite;
}


.maproundUl li,.maptxtUl li{ position: absolute; font-size: 18px;}
.maproundUl li:nth-child(1){   left: 77.6%; top: 32%;}
.maproundUl li:nth-child(2){   left: 79.9%; top: 38.2%;}
.maproundUl li:nth-child(2)  i span{ animation: warn 1.6s linear 0.4s infinite; -webkit-animation: warn 1.6s linear 0.4s infinite; }
.maproundUl li:nth-child(3){   left: 75.7%; top: 40%;}
.maptxtUl li:hover{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.maptxtUl li:nth-child(1){ left: 82%; top: 32%;}
.maptxtUl li:nth-child(2){   left: 84%; top: 38.2%;}
.maptxtUl li:nth-child(3){   left: 74%; top: 47%;}

.maproundUl li:nth-child(4){   left: 9.8%; top: 40%;}
.maptxtUl li:nth-child(4){   left: 14%; top: 40%;}

.maproundUl li:nth-child(5){   left: 15%; top: 20%;}
.maptxtUl li:nth-child(5){   left: 19%; top: 20%;}

.maproundUl li:nth-child(6){   left:46%; top: 20%;}
.maptxtUl li:nth-child(6){   left: 51%; top: 20%;}


.searchTop{ background-color: #f8faff;}
.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}

 
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--black); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--black); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.hxlist li:nth-child(2n){ flex-direction: row-reverse;}
@media screen and (max-width:750px) {

    .hxlist li:nth-child(2n){ flex-direction:column}
}