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

header{ background: rgba(0, 0, 0, .8); position: fixed; left: 0; right: 0; top: 0; z-index: 90;}
header .con{ padding: 0 4vw;}
.zw{ margin-top: -88px; padding-top: 88px;}
.zwHeader{  height: 88px;}

.logoImg{ height: 30px;}

.oneNav{font-size: 18px; line-height: 88px; padding: 0 2vw;font-weight: 400;}
nav li.on .oneNav,nav li:hover .oneNav{ color: var(--red);}

/* .navPop{ width: 100%; height: 100%; position: fixed; background: #000; top: 0; left: 0; z-index: 100; display: none;  }
.navPopBtn{ width: 96px;}
.navPopBtn .close{ width: 40px; height: 40px;}
.navPopBtn .close:hover{ border-color: var(--red); background: var(--red);}
.navPopBtn .close:hover .iconfont{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.navPop_mainbav{  background: #1a1a1a;} 
.navPop_mainbav ul{ width: 440px; line-height: 3.3;}
.navPop_mainbav ul li:hover,.navPop_mainbav ul li.on{ color: #fff;}
.navPop_mainbav ul li::after{ display: block; content: ''; transition: all .36s; width:40%; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background:  var(--red); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.navPop_mainbav ul li:hover::after,.navPop_mainbav ul li.on::after{ width: 100%; opacity: 1;}

.navPop_subnav{ }
 
.navPop_subnav ul li{ width: 150px;}
.navPop_subnav{ background: #262626; line-height: 2.5;}
.navPop_subnav ul li a:hover,.navPop_subnav ul li a.on{ color: #fff;}

.navPop_subnav ul { display: none;}
.navPop_subnav ul:hover li:not(:hover) img{  }

.navPopImg{ width: calc(100% - 536px); margin-left: -150px;} */


.none{ display: none !important;}

.line-height2-2{ line-height: 2.2;}
.color-ccc{ color: #ccc;}
.navPop{ width: 100%; height: 100%; position: fixed; background: #000; top: 0; left: 0; z-index: 100;   

  clip-path: circle(0% at 0 0); -webkit-clip-path: circle(0% at 0 0) ; transition: all 1.5s ; -webkit-transition: all 1.5s ; -moz-transition: all 1.5s ; -ms-transition: all 1.5s ; -o-transition: all 1.5s ;
}
.navPop.open {-webkit-clip-path: circle(150% at  0 0);clip-path: circle(150% at  0 0 )}
.navPopBtn{ width: 4vw;}
.navPopBtn .close{ width: 2vw; height: 2vw;}
.navPopBtn .close:hover{ border-color: var(--red); background: var(--red);}
.navPopBtn .close:hover .iconfont{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.navPop_mainbav{  background: #1a1a1a;} 
.navPop_mainbav ul{ width: 16vw; line-height: 2.3;}
.navPop_mainbav ul li:hover,.navPop_mainbav ul li.on{ color: #fff;}
.navPop_mainbav ul li .firstLevel::before{ display: block; content: ''; transition: all .36s; width:40%; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background:  var(--red); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.navPop_mainbav ul li:hover .firstLevel::before,.navPop_mainbav ul li.on .firstLevel::before{ width: 100%; opacity: 1;}

/* .navPop_mainbav::before{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: red; } */
.navPop_mainbav ul li dl{   position: absolute; top: 0; height: 100%; left: 100%; background: #262626;}
.navPop_mainbav ul li dl a{ display: block; padding: 0 25px;}
.navPop_mainbav ul li dl dd:hover a,.navPop_mainbav ul li dl dd.on a{ color: #fff;}
.navPop_mainbav ul li dl{   display: none;}
.navPop_mainbav ul li.on dl{  display: block; }

 
.navPopImg{ width: calc(100% - 20vw);  }
.navPopImg  .text{position: absolute; right: 0; bottom: 0; z-index: 10; }
.navPopImg  .text .con{ width: 25vw; }

 


.languageBtn{ font-size: 18px; height:88px ;}
 
.languageBtn dl{ max-height: 200px; overflow-y: scroll;  }
.languageBtn dl::-webkit-scrollbar {width: 5px;}
.languageBtn dl::-webkit-scrollbar-thumb {border-radius: 0; background: #555; width: 5px; }
.languageBtn dl::-webkit-scrollbar-track {border-radius: 0; background: #999; width: 5px; }

.languageBtn dl dd a{ height: 50px;}
.languageBtn dl{ position: absolute; left: -10%; top: 100%; background: #131313; width: 120%; }
.languageBtn dl dd{ border-bottom: 1px solid rgba(255, 255, 255, .05);}
.languageBtn dl dd:last-child{ border-bottom: none;}
.languageBtn dl dd a:hover{ background: var(--red);}
.languageBtn dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: 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:none;  }


   
.h_nav{ height: 60px; width: 60px; background-color:var(--red); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation:; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.nav{ color: #fff !important; padding-bottom: 60px; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #555; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #000; width: 1px; }


header .searchBtn:hover{ color: var(--red);}
.searchBox{ background :  rgba(0, 0, 0, .95); 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 .close{ position: absolute;  right: 0; top: 0;}
.searchBox .close:hover{ transform: rotate(180deg); color: var(--red);}
.searchBox .form{ width: 90%; max-width: 1000px;}
.searchBox .keys{ width: 80%; }
/*  background: url(../images/search-w.png) no-repeat left center; */
.searchBox .submit{ width: 90px; height: 40px;background: url(../images/search-w.png) no-repeat center center  ; background-size: auto 60%;}
.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%); }

/* animation: swiper_img_move 8s linear 0s infinite normal both;  */
.idxBanImg{width: 100vw;  height: 100vh; object-fit: cover; min-height: 360px; }
.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent);}
.idxBan .swiper-slide .text{ position: absolute; left: 0; top: 50%; z-index: 10; transform: translateY(-50%);}
.idxBan .swiper-slide .text .font100{  letter-spacing: .08em;}
.idxBan .swiper-slide .text .more span{ letter-spacing: .2em;}
.idxBan .swiper-slide .text .more .round{ width: 1.8em; height: 1.8em;}
.idxBan .swiper-slide .text .more .round  { transform: rotate(-45deg);}
.idxBan .swiper-slide .text .more:hover span{  letter-spacing: .5em;}
.idxBan .swiper-slide .text .more:hover .round  { transform: rotate(0);}


.SolutionsBanImg{animation: swiper_img_move 8s linear 0s infinite normal both; width: 100vw;  height: 100vh; object-fit: cover; min-height: 360px; }
.SolutionsBan .swiper-slide .text .font100{  letter-spacing:0;}

.banPagination {position: absolute;bottom: 30px;left: 0;width: 100%;height: 50px;display: flex;align-items: center;   z-index: 30;}
.dotBox > li {position: relative;margin: 0 5px;cursor: pointer; }
.dotBox > li svg {display: block;width: 20px;height: 20px;position: relative;z-index: 5;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg); }
.dotBox > li svg circle {stroke-width: 2px;stroke: var(--red);stroke-dasharray: 300%;stroke-dashoffset: 300%;transition: stroke-dashoffset 0.6s ease-out;-webkit-transition: stroke-dashoffset 0.6s ease-out;-moz-transition: stroke-dashoffset 0.6s ease-out;-o-transition: stroke-dashoffset 0.6s ease-out;-ms-transition: stroke-dashoffset 0.6s ease-out; }
.dotBox > li span {position: absolute;z-index: 4;top: 0;left: 0;width: 20px;height: 20px;border: 2px solid transparent;border-radius: 50%;transition: border-color 0.3s ease-out;-webkit-transition: border-color 0.3s ease-out;-moz-transition: border-color 0.3s ease-out;-o-transition: border-color 0.3s ease-out;-ms-transition: border-color 0.3s ease-out; }
.dotBox > li span:after {content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; }
.dotBox > li.on svg circle { stroke-dashoffset: 0; transition: stroke-dashoffset 6s ease-out; -webkit-transition: stroke-dashoffset 6s ease-out; -moz-transition: stroke-dashoffset 6s ease-out; -o-transition: stroke-dashoffset 6s ease-out; -ms-transition: stroke-dashoffset 6s ease-out; }
.dotBox > li.on span {border-color: rgba(255, 255, 255, 0.3); }
.dotBox > li.on span:after{ opacity: 0;}

.idxMore span{ letter-spacing: .2em;}
.idxMore .round{ width: 2.1em; height: 2.1em;}
.idxMore .round  { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.idxMore:hover span{  letter-spacing: .5em;}
.idxMore:hover .round  { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

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

.indexMore span:first-child{ padding-left: 0; transition: all .36s;}
.indexMore:hover span:first-child{ padding-left: 1.5vw;}

.w42{ width: 42%;}

.idxOne .btn{ position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); filter: grayscale(100%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-filter: grayscale(100%); }
.idxOne .prevIcon{ left: -70px;}
.idxOne .nextIcon{ right: -70px;}
.idxOne .btn:hover{ filter: none;}
.idxOne .prevIcon:hover{  left: -80px;}
.idxOne .nextIcon:hover{ right: -80px;}

.idxOnePagination{ position: absolute; left:0;  bottom: auto !important; z-index: 5; top: 30% !important;   }


.tjBox .btn{ position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); filter: grayscale(100%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-filter: grayscale(100%); }
.tjBox .prevIcon{ left: -70px;}
.tjBox .nextIcon{ right: -70px;}
.tjBox .btn:hover{ filter: none;}
.tjBox .prevIcon:hover{  left: -80px;}
.tjBox .nextIcon:hover{ right: -80px;}




.videoIcon{ width: 90px;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5; }
.videoIcon  .videoIcon11 {position: absolute;left: 0;top: 0;animation: xunzhuan infinite 5s linear;}

.projectsLine{ height: 4px; }

.linka a:hover{ color: var(--red);}
 
.idxNewslist li{ width: calc((100% - 80px)/3); margin-right: 40px;}
.idxNewslist li:nth-child(3n){ margin-right: 0;}
.idxNewslist li .img{ width: 100%; height: 0; padding-bottom: 70%;}
.idxNewslist li .tit{ height: 3.2em;}
.idxNewslist li:hover .img img{ transform: scale(1.1);}
.idxNewslist 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;
  }
.idxNewslist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
    
.idxfaqlist li.on dt{ color: #fff; background: var(--red);}
.idxfaqlist li.on dt .iconfont::before{  content: "\e68b";}
.idxfaqlist li  dd{ display: none;}

.alwyUl li{ width: calc((100% - 90px)/4); margin-right:30px;}
.alwyUl li:nth-child(4n){ margin-right: 0;}
.alwyUl li .img{ height: 358px; background: url(../images/alwaysBg.png) no-repeat center bottom; background-size: 100% auto; padding-bottom:48px ;}

.idxClass li{}
.idxClass li img{ transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; }
.idxClass li .text{  transform: translateX(-50%); opacity: 0; background: rgba(0, 0, 0, .5);}
.idxClass li .title{ position: absolute; left: 0; right: 0; bottom: 0;}
.idxClass li:hover .title{ transform: translateY(200px);}
.idxClass li:hover .text  { transform: none; opacity: 1;  }
.idxClass 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); }

.idxContact{ height: 65vh; background: url(../images/idxContactBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.idxContact::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background-image: linear-gradient(to top,rgba(0, 0, 0, .9),rgba(0, 0, 0, .7)); }

.idxContactLogo{ width: 25vw; min-width: 220px;}
/* .idxContactMore .iconfont{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.idxContactMore:hover .iconfont{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } */

.color-ccc{ color: #ccc;}

.idxLink{ background: url(../images/idxLinkBg.jpg) no-repeat center center; background-size: cover;}

.idxLinkUl .round{width: 50px; height: 50px; background: #2e2e2e;}
.idxLinkUl a:hover {}
.idxLinkUl a:hover .round{ background: var(--red);}
.idxLinkUl a:hover span{  color: var(--red);}

 .scollLogoImg{ width: 100vw;}
.scollLogo li {
  display: inline-flex;
  align-items: center;
}  
/* 
#marquee1{width:100vw;height:198px;overflow:hidden; }

#marquee1 ul li{float:left; padding:0 1px;}

#marquee1 ul li img{display:block;}

#marquee2{width:100vw;height:198px;overflow:hidden; }

#marquee2 ul li{float:left; padding:0 1px;}

#marquee2 ul li img{display:block;} */

footer{ background: #030303;}

.brief{ background: url(../images/briefBg.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;}
.brief::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(26, 26, 26, .9); }
.aboutprojects .title{ letter-spacing: 5px;}
.aboutprojectsSwiper .img::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.5)); }
.aboutprojectsSwiper .text{ position: absolute; left: 0; bottom: 0; z-index: 10;}

.swiperBtn{ position: absolute; top: 50%; z-index: 10; transform: translateY(-50%);filter: grayscale(100%) brightness(500%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);   }
.swiperBtn.prevIcon{ left: -70px;}
.swiperBtn.nextIcon{ right: -70px;}
.swiperBtn.btn:hover{ filter: none;} 
.swiperBtn.prevIcon:hover{  left: -80px;}
.swiperBtn.nextIcon:hover{ right: -80px;}

.aboutprojectsSwiper .swiper-slide{ opacity: .5; transform: scale(0.7);filter: grayscale(100%); }
.aboutprojectsSwiper .swiper-slide.swiper-slide-active{ opacity: 1; transform: scale(1); z-index: 10; filter: none;}

.bg-te{ background: url(../images/bg20250120.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}

.aboutNewsSwiper .swiper-slide:hover .img img{ transform: scale(1.1);}
.aboutNewsSwiper .img{ width: 100%; height: 0; padding-bottom: 70%;}
.aboutNewsSwiper .swiper-slide:hover { color: var(--red);}
.w48-5{ width: 48.5%;}

.aboutFaqUl{ display: grid; grid-gap: 2vw; grid-template-columns: repeat(2,1fr);}
.aboutFaqUl li {min-width:0 ; border-bottom: 1px solid #000;}
.aboutFaqUl li i{ width: 1.8em ; height: 1.8em;}

.neiBan{    background-size: cover; background-position: center center; height: 45vh;}
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(26, 26, 26, .9); }

.prolistBtn li:hover{ opacity: .8;}
.prolistBtn li{ background: #000000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.prolistBtn li.on{ background: var(--red);}
.prolistSwiper .swiper-slide:hover .img img{transform: scale(1.1);}

.proBox .swiperBtn{filter: grayscale(100%);}
.prolistSwiperpagination > li span:after{ background: #1a1a1a;}
.prolistSwiperpagination > li.on span {border-color: rgba(0, 0, 0, 0.3); }

.protabList li{ display: none;}

.prolist li{ width: calc((100% - 120px)/4); margin-right: 40px;}
.prolist li:nth-child(4n){ margin-right: 0;}
.prolist li:hover .img img{ transform: scale(1.1);}

.swiperBtn.hide{ display: none;} 

.productdetailsBan .text{ background: rgba(0, 0, 0, .7);}
@keyframes ripple-wave{
  to {
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
  }
}
.productdetailsBan .paly{
z-index: 20;
width: 100px;
cursor: pointer;
background:rgba(255, 255, 255, 0.8) ;
border-radius: 50%;
height: 100px;
box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
animation: ripple-wave 1s linear infinite;
animation-play-state: running;
opacity: 1;
visibility: visible;
transform: scale(1);
transform: scale(0.8);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-animation: ripple-wave 1s linear infinite;
}


@media screen and (min-width:900px) {
  
  .displayUl li{ margin-top: 10vw;}
.displayUl li:nth-child(2){ margin-top: 0;  margin-left: 15%;}
.displayUl li:nth-child(3){ float: right; margin-top: 5vw; }
.displayUl li:nth-child(5){  margin-left: 15%; }
.displayUl li:nth-child(6){  margin-top: -10vw; }
.displayUl li:nth-child(7){float: right; margin-top: 5vw;}
.displayUl li:nth-child(9){float: right; margin-top: 5vw;}
}



.parameUl li{  width: calc(100% / 6);}
.ParametersMore .iconfont{ transform: rotate(-45deg);}
.ParametersMore:hover{  letter-spacing: 2px;}
.ParametersMore:hover .iconfont{ transform: rotate(0);}

.productdetailsBanImg{ min-height: 260px;}


.contactBg{ background: url(../images/contactBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.contactBg::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(18, 18, 18, .9); }
.selectBox::after{  font-family: "iconfont" !important;display: block; content: "\e600"; position: absolute;  right: 15px; top: 50%; transform: translateY(-50%); color: #fff;}

.contactStyleIco{ height: 1em;}
.newslist li{ width: calc((100% - 80px)/3); margin-right: 40px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .img{ width: 100%; height: 0; padding-bottom: 70%;}
.newslist li:hover{ transform: translateY(-10px);}
.newslist li:hover .img img{ transform: scale(1.1);}

.newsInner{ width:calc(100% - 40px); max-width: 1000px; margin: 0 auto;}
.line-height1-2{ line-height: 1.2;}


.yuanPagination .swiper-pagination-bullet {width:20px;height:20px;margin:0 6px;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:1;-webkit-opacity:1;background:none;}
.yuanPagination .swiper-pagination-bullet i{position:absolute;top:50%;left:50%;width:8px;height:8px; background: #fff;
  /* border:2px solid #fff; */
transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-webkit-border-radius:50%;border-radius:50%;}
.yuanPagination.yuanPagination-black .swiper-pagination-bullet i{ background: #222;}
.yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active i{ opacity: 0;
  /* border-color:var(--red);background-color:var(--red); */
}
.page_circular{height:100%;overflow:hidden;opacity:0;-webkit-opacity:0;     width: 50%;}
.yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular{opacity:1;-webkit-opacity:1;}
.page_circular span{width:20px;height:20px;border:2px dotted transparent; position:absolute;top:0;
transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.page_circular.online_left>span{border-top-color:var(--red);border-left-color:var(--red);left:0;}
.yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_left>span{animation:circular1 5.2s linear;-webkit-animation:circular1 5.2s linear;}
.page_circular.online_right>span{border-bottom-color:var(--red);border-right-color:var(--red);right:0;}
.yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_right>span{animation:circular2 5.2s linear;-webkit-animation:circular2 5.2s linear;}

.idxBan .yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_left>span{animation:circular1 10s linear;-webkit-animation:circular1 10s linear;}
.idxBan .yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_right>span{animation:circular2 10s linear;-webkit-animation:circular2 10s linear;}

.idxOne .yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_left>span{animation:circular1 6s linear;-webkit-animation:circular1 6s linear;}
.idxOne .yuanPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_right>span{animation:circular2 6s linear;-webkit-animation:circular2 6s linear;}

.prolistPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_left>span{animation:circular1 6s linear;-webkit-animation:circular1 6s linear;}
.prolistPagination .swiper-pagination-bullet.swiper-pagination-bullet-active .page_circular.online_right>span{animation:circular2 6s linear;-webkit-animation:circular2 6s linear;}


.pglist .page-num.page-num-current{ background: var(--red);}


.shareBtn{ position: absolute; z-index: 80; right: 30px; top:10px;   }
/* .shareBtn .img{ background: #393939;} */
.shareBtn .tips{ width: 70px; position: absolute; left: 50%; top: 100%; margin-left: -35px; pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0);  transform:  translateY(20px);}
.shareBtn:hover .tips{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform: none; }
.shareBtn .tips i{ width: 0; height: 0; display: block; border: 8px solid transparent;
  border-bottom-color:  #fff; }
.shareBtn ul a:hover{ opacity: .8;}

.idxBan .shareBtn{ position: absolute; z-index: 80; right: 30px; top:10px;   }

.custom-cursor {
  /* 指定自定义图片，同时设置图片宽度和高度 */
  cursor: url('../images/cursor.png'), auto;
}
.mouse-more i {width: 194px;height: 55px;position: fixed;top: 0;left: 0;margin: -40px 0 0 -40px;will-change: transform;z-index: 2;pointer-events: none;}
.mouse-more i:after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/cursor.png);  transform: scale(0); opacity: 0; visibility: hidden;  }
.mouse-more i.active::after{opacity: 1;visibility: visible;transform: none;transition: transform .8s ease;}


.pop{ width: 100%; height: 100%; position: fixed; top: 0; z-index: 105; left: 0; display: none;}
.pop .bg{ position: absolute; left: 0; top:0 ;width: 100%; height: 100%;  z-index: 1; background: rgba(0, 0, 0, .75);} 
.pop .con{ width: 86%; max-width: 600px; position: absolute; left: 50%; top:50% ; transform: translate(-50%,-50%); z-index: 5;}
.messageLine{ width: 4em; height: 3px;}
.iconfont.popClose:hover{ color: #fff; background: var(--red);}




.ProductSelect{ position: absolute; top: 100%; left: 0; width: 100%; z-index: 5; display: none;  } 

.Functionselect .ProductSelect{ width: 80%;}


.selectBox:hover .ProductSelect{ display: block;}
.bg-e6{ background: #e6eff4;}
.selectCon{display: grid; grid-gap: 10px; grid-template-columns: repeat(4,1fr);}
.selectCon li {min-width:0}
.selectCon li .img{ width: 100%; height: 0; padding-bottom: 100%;}
.selectCon{ max-height: 320px; overflow-y: scroll;  }
.selectCon::-webkit-scrollbar {width: 5px;}
.selectCon::-webkit-scrollbar-thumb {border-radius: 3px; background: #cccccc; width: 5px; }
.selectCon::-webkit-scrollbar-track {border-radius: 3px; background: #fff; width: 5px; }

.ProductSelect dl .item + .item{ margin-top: 1px; }
.ProductSelect dl dd{ display: none;}
.ProductSelect dl .item.on dt{ background: #ffecec;}
.ProductSelect dl .item.on dt .icon-arrow-down-bold::before{ content: "\e687";}
.ProductSelect dl.scoll{ max-height: 201px; overflow-y: scroll;}
.ProductSelect dl::-webkit-scrollbar {width: 5px;}
.ProductSelect dl::-webkit-scrollbar-thumb {border-radius: 3px; background: #cccccc; width: 5px; }
.ProductSelect dl::-webkit-scrollbar-track {border-radius: 3px; background: #fff; width: 5px; }




.CountrySelect ul{ max-height: 12em; overflow-y: scroll;}
.CountrySelect ul::-webkit-scrollbar {width: 5px;}
.CountrySelect ul::-webkit-scrollbar-thumb {border-radius: 3px; background: #cccccc; width: 5px; }
.CountrySelect ul::-webkit-scrollbar-track {border-radius: 3px; background: #fff; width: 5px; }
.Functionselect .CountrySelect ul{ max-height: 20em;}


.CountrySelect ul ul{ display: none; height: 180px; position: absolute; left: 160px; top: 0; background: #f5f5f5; width: calc(100% - 160px);overflow-y: scroll;}
.CountrySelect ul ul::-webkit-scrollbar {width: 5px;}
.CountrySelect ul ul::-webkit-scrollbar-thumb {border-radius: 3px; background: #cccccc; width: 5px; }
.CountrySelect ul ul::-webkit-scrollbar-track {border-radius: 3px; background: #fff; width: 5px; }
.CountrySelect ul li:hover{ background: #ffecec;}
.CountrySelect ul li:hover ul{ display: block;}