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

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

header{ position: sticky; top: 0; left: 0; z-index: 100; width: 100%; background: #fff;}
header.scroll{ box-shadow: 0 0 15px rgba(0,0,0,.15);}
.logoImg{ height:40px;}
.oneNav{ line-height:90px; white-space: nowrap; display: block; padding: 0 1.6vw; font-size: 18px; font-weight: bold;}
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:var(--color); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li.on .oneNav span ,nav li:hover .oneNav span { color: var(--color);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--color)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 

.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:; }
.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:  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: #555; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #000; width: 1px; }

.banImg{ width: 100%; max-height: calc(100vh - 90px); object-fit: cover;  }
.banMouse{ animation: ani-svg 1s linear 0s alternate infinite; position: absolute; z-index: 20; left: 50%; transform: translateY(-50%) ; bottom: 5%; -webkit-transform: translateX(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; -webkit-animation: ani-svg 1s linear 0s alternate infinite; }
/* .idxBan  .swiper-slide-active .banImg{ animation: swiper_img_move 10s linear 0s infinite normal both ; -webkit-animation:; } */

.idxBan .button{ position: absolute; z-index: 15; right: 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); }


.idxAboutImg{ width: 100%; height: 0; padding-bottom:93% ;}
.idxAboutSwiper .img{ width: 100%; height: 0; padding-bottom: 130%;}
.idxAboutSwiper .img img{ border: 8px solid #333;}
.idxAboutSwiper .pagination .swiper-pagination-bullet{ position: relative; margin: 0 3px; width: 12px; height: 12px; opacity: 1; background: transparent; border: 1px solid transparent; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxAboutSwiper .pagination .swiper-pagination-bullet::after{ display: block; content: ''; width: 40%; height: 40%; position: absolute; left: 30%; top: 30%; border-radius:50% ; background:#fff; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.idxAboutSwiper .pagination .swiper-pagination-bullet-active{border: 1px solid #fff;}

.idxMore:hover span{ letter-spacing: 3px;}
.idxAboutBg{  position: absolute; right: -5vw;  bottom: 70%;}

.idxCulture li .img{ width: 100%; height: 0; padding-bottom: 70%;}
.idxCulture li::before{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.26); z-index: 4; }
.idxCulture li::after{ display: block; content: ''; transition: all .36s; width: 50%; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/idxCultureBg.jpg) no-repeat center right / cover; z-index: 4; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxCulture li .desc{ height: 0; opacity: 0;}
.idxCulture li .idxCultureIcon{ height: 87px;  transform: translateY(20px); opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); }
.idxCulture li.on:after{ width: 100%; opacity: 1;}
.idxCulture li.on:before{  display: none;}
.idxCulture li.on .desc{ height: 1em; opacity: 1; }
.idxCulture li.on .idxCultureIcon{ transform: translateY(0); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }


.idxCultureSwiper li .img{ width: 100%; height: 0; padding-bottom: 70%;}
.idxCultureSwiper li::before{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.26); z-index: 4; }
.idxCultureSwiper li::after{ display: block; content: ''; transition: all .36s; width: 50%; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/idxCultureBg.jpg) no-repeat center right / cover; z-index: 4; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxCultureSwiper li .desc{ height: 0; opacity: 0;}
.idxCultureSwiper li .idxCultureIcon{ height: 87px;  transform: translateY(20px); opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); }
.idxCultureSwiper li.on:after{ width: 100%; opacity: 1;}
.idxCultureSwiper li.on:before{  display: none;}
.idxCultureSwiper li.on .desc{ height: 1em; opacity: 1; }
.idxCultureSwiper li.on .idxCultureIcon{ transform: translateY(0); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }


.moreIcon{ height: 40px;  margin-top: 5px; margin-bottom: 5px;}
.idxProSwiper .swiper-slide .idxProImg{ height: 20vw; margin-bottom: -12vw;  }
.idxProSwiper .swiper-slide .img{ padding-bottom: 93%; height: 0; width: 100%;}
.idxProSwiper .swiper-slide .text{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,1));}
.idxProSwiper .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); }
.idxPro .button div{ width: 90px; height: 54px;}
.idxPro .button div:hover{ background: var(--color); color: #fff;}
.idxPro .pagination{ width: 30vw; height: 3px; background: #e1e1e1; position: relative; left: auto; right: auto; top: auto; bottom: auto;}

.idxNews{ margin-top: -2px;}
.idxNews .s1_logo{ margin-top: -.8em;}
.mainBg{ background: url(../images/mainBg.png) no-repeat right bottom 7vw  ; background-size: 33vw auto;}
.newsItem .img{ width: 100%; height: 0; padding-bottom: 65.2%;}
.newsItem .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
.newsItem:hover .tit span{  color: var(--color); background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newsItem:hover  .more{ padding-left: 25px; padding-right: 25px; background: var(--color); color: #fff;}   

footer{ background: #11161e; color: #fff;}
.footNav dt::after{ display: block; content: ''; width: 3px; height: 100%; position: absolute; left: -16px; top: 0; background:var(--color) }
.footNav dd a:hover{ color: #fff;}
footer .bottom{ border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footEwm .img{ background: url(../images/ewmBg.png) no-repeat center center; background-size: 100% 100%; width: 130px;}

.contactStyle{ margin-top: -2px;}
.contactStyle .footEwm  .img{ background: url(../images/ewmBg2.png) no-repeat center center; background-size: 100% 100%; }

.myPgination .swiper-pagination-bullet{ margin: 0 2px; width: 6px; height: 6px;}

.neiBanImg{ width: 100%; max-height: calc(100vh - 90px); min-height: 260px; object-fit: cover; animation: zoomBig 2s  forwards; -webkit-animation: zoomBig 2s  forwards;}
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.25) }
.neiBan .text{ z-index: 10; 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%); }
.neiBan .text .line{ width: 1em; height: 4px;}
.neiBanBot{ position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%); z-index: 10; width: 50px; height: 50px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.neiBanBot:hover{ background: var(--color); border-color: var(--color);} 
.neiBanBot i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid var(--color); width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.neiBanBot i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid var(--color); width: 100%; height: 100%; border-radius: 50%;opacity: 0}
 
.neiBanBot:hover i:before { animation: serv_one_border .9s 0s ease 1; -webkit-animation: serv_one_border .9s 0s ease 1; }
.neiBanBot:hover i:after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }

.brief{ background: url(../images/briefBg.png) no-repeat bottom left #fff; background-size: 43% auto;}
.briefUl li .desc{ display: none;}
.briefUl li.on .desc,.briefUl li:hover .desc{ display: block;}
.briefUl li.on .tit,.briefUl li:hover .tit{  font-weight: bold; color: var(--color); font-size: 2.2em;}
.briefUl:hover  li:not(:hover) .tit{color: #333; font-size: clamp(0.875rem, 0.675rem + 1vw, 1.875rem); }
.briefUl:hover  li:not(:hover) .desc{ display: none;}

.aboutPlay{ margin-top: 20vw;}
.aboutPlay img{ animation: rotate 10s linear infinite; transition: ease 1s; -webkit-animation: rotate 10s linear infinite; }

.factory .top::after{ display: block; content: ''; width: 65%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right,#fff,#fff 30%,transparent); }
.factory .text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.factoryUl li{ background-image: linear-gradient(to right,#3b8de0,#fff);}
.factoryIcon{ height: 70px;}
 
.digit .years{ position: absolute; left: 0; top: 0; background-image: linear-gradient(to bottom,#7cc3ef,#3987b8); width: 18.7vw;}
.w54{ width: 54%;}.w44{ width: 44%;}
.earth3{ position: absolute; left: 50%; top: -10%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.digit .item::before{ transition: all .36s; display: block; content: ''; width:0; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to bottom,#40a1de,#bad0e6); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.digit .item::after{ transition: all .36s; display: block; content: ''; width:0; height: 9px; position: absolute; left: 0; bottom: 0;  background: var(--color); }
.digit .item:hover::after,.digit .item:hover::before{ width: 100%;}
.digit .item:hover .z5{ color: #fff;}

.w53{ width: 53%;}
.strengthUl li .tit::before{ display: block; content: ''; z-index: 5; width: 20px; height:20px; position: absolute; left: 0; top: 50%; transform:translateY(-50%) ; background:url(../images/strengthIcon-grey.png) no-repeat center center / 100% 100%; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.strengthUl li::before{ display: block; content: ''; width: 1px; height: 100%; position: absolute; left: 10px; top: 0; background:#f4f4f4}
.strengthUl li.on .tit::before{ background:url(../images/strengthIcon-color.png) no-repeat center center / 100% 100%; }
.strengthSwiper .img{ width: 100%; height: 0; padding-bottom: 76.6%;}

.strengthSwiper .swiper-slide{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.strengthSwiper .swiper-slide-active{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
/* .aboutCoo .x-li{ width: 13.5vw; height: 5.7vw;} */
.aboutCoo .x-li{ width: 260px; height: 110px;}
.aboutCoo  .x-xia::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(180deg);width: 20%;height: 100%;pointer-events: none;z-index: 10;background: linear-gradient(270deg, #f5f5f5 0%, hsla(0, 0%, 100%, 0));}
.aboutCoo .x-xia::before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20%;height: 100%;pointer-events: none;z-index: 10;background: linear-gradient(270deg, #f5f5f5 0%, hsla(0, 0%, 100%, 0));}

.height3{ height: 3em;}
.height3-2{ height: 3.2em;}
.honorTit li.on{ background: var(--color); color: #fff;}
/* .honor .slide-c .img{ width: 100%; height: 0; padding-bottom: 130%;} */
.honor{ background: url(../images/honorBg.jpg) no-repeat center bottom; background-size: 100% auto;}
.honor .slide-c .swiper-slide{ height: auto;}
.honor .slide-c  img{ border: 8px solid #333;}
.honor .button{   width: 50px; height: 50px; background: #fff;}
.honor .button:hover{ background: var(--color); color: #fff;}

.Range{ background: url(../images/RangeBg.png) no-repeat center center; background-size: cover; background-attachment: fixed;}
.idxMapUl .dot{position:absolute; z-index: 10;}
.idxMapUl .dot .dot_circle{  width:.45vw; height:.45vw; background:var(--blue); position:relative; z-index:3; border-radius:50%;}
.idxMapUl .dot.dot2 .dot_circle{  background:var(--color);  }
 .idxMapUl .dot:after,.idxMap .dot:before{content:""; position:absolute; border-radius:50%; top:0; left:0;; z-index:1;}
.idxMapUl .dot:before {width:200%; height:200%; background:transparent; background:rgba(17,95,173,0.3); top:-50%; left:-50%; -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;}
.idxMapUl .dot:after {width:260%; height:260%;background:transparent;   background:rgba(17,95,173,0.2);  left:-80%;  top:-80%; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}
 
.idxMapUl .dot.dot2:before {  background:rgba(243 ,152, 0 ,0.3);    }
.idxMapUl .dot.dot2:after {  background:rgba(243 ,152, 0 ,0.2); }
 
.subNav a.on{ background: var(--color); color: #fff;}
.subNav a:hover{ color: var(--color);}
.subNav a.on:hover{ color: #fff;}

.prolist li{ width: calc((100% - 120px)/3); margin-right: 60px; box-shadow: 5px 0 3vw rgba(0,0,0,.1);}
@media screen and (min-width:1100px) { .prolist li:nth-child(3n){ margin-right: 0;}}

.prolist li .img{ width: 100%; height: 0; padding-bottom: 90%;}
.prolist li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.prolist li::after{ display: block; content: ''; transition: all .36s; width: 50%; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/proBg.jpg) no-repeat center right / cover; z-index: 4; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prolist li:hover:after{ width: 100%; opacity: 1;}

.proinfoTop{ background: url(../images/proinfoBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.proinfoTop::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3) }
.location .icon-arrow-right2-copy{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }

.proinfoTop .left .img{ width: 100%; height: 0; padding-bottom: 82%;}
.proinfoTop .proInfoLine{   background: rgba(255,255,255,0.4);}
.proInfoLine{ height: 1px; }
.proInfoLine::after{ display: block; content: ''; width: 1.2em; height:4px; position: absolute; left: 0; bottom: -1px; background:var(--color) }
.proinfoTop  .button a{ border-width: 2px;}
.proinfoTop  .button a:hover{ box-shadow: 0 0 10px rgba(0,0,0,.15); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.guideUl li{ width: calc((100% - 150px)/3); margin-right: 75px; }
@media screen and (min-width:1100px) { .guideUl li:nth-child(3n){ margin-right: 0;}}
.guideUl li .img{ width: 100%; height: 0; padding-bottom:58%;}
.icons{position:relative;margin-right:20px}
.icons .c{width:25px;height:25px;border-radius:50%;border:1px solid #666;box-sizing:border-box;cursor:pointer;transition:ease .4s}
.icons .a{width:30px;height:1px;position:absolute;right:8px;top:50%;z-index:3;background-color:#666;transition:all .25s;transform:translateY(-50%)}
.icons .a:before{content:'';width:8px;height:8px;box-sizing:border-box;border-top:1px solid #666;border-right:1px solid #666;position:absolute;right:0;top:0;transform-origin:92% 10%;transform:rotate(45deg)}
/* .icons:hover .a{width:15px} */
a:hover .icons .a{ right: -15px;}
.guideUl li .tit{ height: 3.6em;}
.guideUl li::after{ display: block; content: ''; width: 0; height:2px; position: absolute; left: 0; bottom: -1px; background:var(--color) ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.guideUl li:hover .more{ color: var(--color);}
.guideUl li:hover .icons .c,.guideUl li:hover .icons .a:before{ border-color: var(--color);}
.guideUl li:hover .icons .a{ background: var(--color);}
.guideUl li:hover::after{ width: 100%;}
.guideUl li:hover .img{ box-shadow: 0 0 15px rgba(0,0,0,.15);}

.newslist li{ width: calc((100% - 140px)/3); margin-right: 70px;}
@media screen and (min-width:1100px) {.newslist li:nth-child(3n){ margin-right: 0;} }

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

.w46{ width: 46%;}
.join .right::before{ display: block; content: ''; width:48%; height: 2px; position: absolute; left: -24%;top: 15%;  z-index: 12; border-radius: 8px; background:var(--color) ; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.join .right::after{ display: block; content: ''; width:6vw; height: 6vw; position: absolute; left: -3vw; bottom: -3vw; border-radius: 8px; background:var(--color) ; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

.mapBox{ }
.mapInfo{ position: absolute; left: 50%; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.mapImg{ height: 82vh;  }
#mapall>div{ transform: translateX(-25vw); -webkit-transform: translateX(-25vw); -moz-transform: translateX(-25vw); -ms-transform: translateX(-25vw); -o-transform: translateX(-25vw); }

.messages .top{  padding: 10vw 20px 17vw 20px;}
.messages .top  .bg-section{height:200vh; background: url(../images/messagesBg.jpg) no-repeat center center; background-size: cover; }
.w66{  width: 66%;}
.messagesBox .left{ background-image: linear-gradient(142deg,#115fad,#5aa6f0);}
.hInput{ height: 4.3em;}
.tipInput{ 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%); }

.messagesBox{  margin-top: -7vw;}



.side_bar {

  background-color: rgb(255 255 255/ 0.95);border-radius: 5px;box-shadow: 0 0  10px 0 rgba(0, 0, 0, .15);position: fixed;right: 10px;top: 50%;width: 70px;z-index: 100

}

.side_bar>ul>li {height: 70px;border-bottom: 1px solid #e5e5e5;}

.side_bar>ul>li a span {font-size: 12px;line-height: 2}

  .messageJump  { animation: messageJump .5s linear infinite; -webkit-animation: messageJump .5s linear infinite; }


.side_bar .iconfont.f26{ font-size: 20px;}

.side_bar>ul>li.side_bar_phone {position: relative}



.side_bar>ul>li.side_bar_phone .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    z-index: 20

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_phone .box {

        display: none !important

    }

}



.side_bar>ul>li.side_bar_phone .box:after {

    border: 10px dashed transparent;

    border-left: 10px solid #fff;

    border-right: none;

    content: "";

    cursor: pointer;

    font-size: 0;

    height: 0;

    line-height: 0;

    overflow: hidden;

    -webkit-transform: translateX(-1px);

    -ms-transform: translateX(-1px);

    transform: translateX(-1px);

    width: 0

}



.side_bar>ul>li.side_bar_phone .box_inner {

    background-color: rgb(255 255 255/ 1);

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    font-family: Manrope;

    font-weight: 700;

    padding: 15px

}



.side_bar>ul>li.side_bar_phone .box_inner,

.side_bar>ul>li.side_bar_phone .box_inner .icon {

    -webkit-box-align: center;

    -ms-flex-align: center;

    --tw-bg-opacity: 1;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.side_bar>ul>li.side_bar_phone .box_inner .icon {

    -ms-flex-negative: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    background-color: rgb(243 245 247/ 1);

    border-radius: 9999px;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    height:42px;

    -webkit-justify-content: center;

    justify-content: center;

    margin-right: 10px;

    width:42px

}



.side_bar>ul>li.side_bar_phone .box_inner .icon svg {

    

    color: rgb(170 169 175/ 1);

    height: 40%;

    width: 40%

}



.side_bar>ul>li.side_bar_phone .box_inner p {

    white-space: nowrap

}



.side_bar>ul>li.side_bar_phone .box_inner p span {

    

    color: rgb(255 0 0/ 1);

    display: block;

    font-size: var(--20px)

}



.side_bar>ul>li.side_bar_phone .box_inner p em {

    

    color: rgb(148 148 148/ 1);

    font-size: 14px;

    font-style: normal

}



.side_bar>ul>li.side_bar_phone:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}



.side_bar>ul>li.side_bar_wechat {

    position: relative

}



.side_bar>ul>li.side_bar_wechat .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    width: 140px;

    z-index: 20

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        bottom: 54px;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-justify-content: center;

        justify-content: center;

        left: 50%;

        top: auto;

        -webkit-transform: translate(-50%);

        -ms-transform: translate(-50%);

        transform: translate(-50%)

    }

}



.side_bar>ul>li.side_bar_wechat .box:after {

    content: ""

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-bottom: none;

        border-top: 10px solid #fff;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateY(-1px);

        -ms-transform: translateY(-1px);

        transform: translateY(-1px);

        width: 0

    }

}



@media (min-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-left: 10px solid #fff;

        border-right: none;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateX(-1px);

        -ms-transform: translateX(-1px);

        transform: translateX(-1px);

        width: 0

    }

}



.side_bar>ul>li.side_bar_wechat .box p {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    padding: 5px

}



.side_bar>ul>li.side_bar_wechat .box p span {

    display: block;

    font-size: 12px;

    text-align: center;

    white-space: nowrap

}



.side_bar>ul>li.side_bar_wechat:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}



@media (min-width:968px) {

    .side_bar>ul>li.side_bar_backtotop {

        display: none

    }

}

 



@media screen and (max-width:1440px) {

        .side_bar{ width: 60px; right: 0;}

        .side_bar>ul>li{ height: 60px;}

        .side_bar>ul>li a{ height: 60px; }

    }

    

    

@keyframes  messageJump {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    25% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px)

    }



    50% {

        -webkit-transform: translateY(5px) scale(1.1, .9);

        transform: translateY(5px) scale(1.1, .9)

    }



    75% {

        ransform: translateY(-5px)

    }



    to {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}