@charset "UTF-8";
:root{
    --fs14:0.14rem;
    --fs15:0.15rem;
    --fs16:0.16rem;
    --fs17:0.17rem;
    --fs18:0.18rem;
    --fs20:0.20rem;
    --fs21:0.21rem;
    --fs22:0.22rem;
    --fs24:0.24rem;
    --fs26:0.26rem;
    --fs30:0.3rem;
    --fs32:0.32rem;
    --fs36:0.36rem;
    --fs38:0.38rem;
    --fs46:0.46rem;
    --color:#3f4756;
    --hovercolor:#2a72b9;
    --color666:#666;
    --color333:#333;
    --color2:#0099dd;
    --conbg:#eaf1f6;
}
@media (max-width:640px) {
    :root{
        --fs14:0.16rem;
        --fs15:0.17rem;
        --fs16:0.18rem;
        --fs17:0.19rem;
        --fs18:0.2rem;
        --fs20:0.22rem;
        --fs21:0.23rem;
        --fs22:0.24rem;
        --fs24:0.26rem;
        --fs26:0.28rem;
        --fs30:0.32rem;
        --fs32:0.34rem;
        --fs36:0.38rem;
        --fs38:0.4rem;
        --fs46:0.48rem;
    }
}
@font-face {
    font-family: 'ennum';
    src: url('fonts/Barlow-Bold.woff') format('woff');
    font-weight: bold;
}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:var(--color)}
html{-webkit-text-size-adjust:100%;font-size:100px}
@media (max-width:1400px) {
    html{font-size:calc(100 / 1400 * 100vw)}
}
@media (max-width:1024px) {
    html{font-size:calc(100 / 750 * 100vw)}
}
@media (max-width:640px) {
    html{font-size:calc(100 / 600 * 100vw)}
}
body{-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;overflow-x:hidden;line-height: 1;}
body,input,pre,select,th,td,textarea{font-family:sans-serif;font-size:var(--fs16);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea{margin:0;padding:0;outline:0;appearance:none;-webkit-appearance:none;border-radius:0}
select{border:solid 0.01rem #eee;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select.gif) no-repeat scroll right 0.1rem center transparent;padding-right:0.2rem}
select::-ms-expand{display:none}
a,a:active{color:var(--color)}
a:hover{color:var(--hovercolor)}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot1,.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot1{-webkit-line-clamp:1}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.ytable{display:table;width:100%;}
.ytable.h100pc{height:100%}
.ytable.fixed{table-layout: fixed;}
.ytable-cell{display:table-cell;vertical-align:middle}
.none{display:none}
.hidden{visibility:hidden}
.auto-inner{width:86%;max-width:1400px;margin:0 auto}
@media (max-width:1024px) {
    .auto-inner{width:94%;}
}
.pr{position:relative}
.nm{margin:0}
.nfw{font-weight:normal}
.img-block{display:block;width:100%}
.view.editor p{margin:0.16rem 0}
.view.editor .list-paddingleft-2{padding-left:0}
.view.editor ol,.view.editor ul{width:auto}
.view.editor li{clear:inherit}
@media (min-width:1025px) {
.fl{float:left}
.fr{float:right}
img.wap{display: none;}
}
@media (max-width:1024px) {
img.pc{display: none;}
.ytable.xy,
.ytable.xy .ytable-cell{display: block;}
}

/*page*/
.Pages{padding: 2% 00 0;text-align: center;}
.Pages .p_page a.a_first,
.Pages .p_page a.a_end,
.Pages > span:not(.p_page){display: none;}
.Pages .p_page{display: table; margin: 0 auto;}
.Pages .p_page *{float: left;}
.Pages .p_page a{border: solid 1px #ebebeb;line-height: 36px;transition: 0.3s;    font-size: 16px;}
.Pages .p_page > a{border-radius: 5px;padding: 0 15px;}
.Pages .p_page em{font-style: normal; margin: 0 30px;}
.Pages .p_page em a{width: 36px;border-radius: 50%; margin: 0 5px;}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{color: #fff;background-color: var(--color2);border-color: var(--color2);}
@media (max-width:1024px) {
.Pages{padding: 0 0 2em 0;}
.Pages .p_page em{display: none;}
.Pages .p_page > a{margin: 0 10px;}
}
html, body {
    overscroll-behavior: none;
  }
/*start*/
header{border-bottom: 1px solid #d9dadd; position: relative;z-index: 100;}
header .logo img{height: 0.7rem;}
@media (min-width:1025px) {
header .auto-inner{height: 1rem;display: flex;align-items: center; justify-content: space-between;}
header .right{display: flex;align-items: center;justify-content: flex-end; flex-wrap: wrap; height: .9rem}
.home header{position:absolute; left: 0;width: 100%; top: 0; transition: 0.3s; }
.home header:not(:hover){border-bottom-color:rgba(255, 255, 255, 0.2);}
.home header:hover{background-color: #fff}
}
@media (max-width:1024px) {
    header{ height: 1rem;}
    header .auto-inner{position: fixed; left: 0;top: 0;width: 100%; background-color: #fff; padding: 0 3%;}
    header .logo{display: flex;align-items: center; height: 1rem;}
}

#menu li aside a{color: var(--color); font-size: var(--fs16);display: block; position: relative; padding: var(--fs16) 0;}
#menu li aside a:hover,
#menu li.aon aside a,
#menu li:hover aside a{color: var(--hovercolor);}
#menu li aside a:after{position: absolute;  width: 100%; content: ''; height: 3px;border-radius: 3px;background-color: var(--hovercolor); left: 0; top:calc(100% + 0.1rem);opacity: 0; transition: 0.3s; z-index: 4;} 
#menu li:hover aside a:after{opacity: 1; top: 100%;}
@media (min-width:1025px) {
#menu{display: flex; margin-right: 0.38rem;}
#menu li:not(:last-child){margin-right: 0.47rem;}
#menu li{height:.4rem;display: flex;align-items: center;}
}
@media (max-width:1024px) {
menu{position: fixed; left: -100%;opacity: 0;top: 1rem; bottom: 0;overflow: hidden;z-index: 100; background-color: #fff; width: 50%; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1); padding: 0 5%; transition: 0.5s;padding-top: 0.3rem;}
.menu-show menu{ left: 0;opacity: 1;}
#menu{height: 100%; overflow: auto;}

.open-menu{ position: absolute;display: flex; right: calc(3% + 0.6rem); height: 100%; align-items: center; width: 0.4rem;  flex-wrap: wrap; height: 0.32rem; top: 50%;margin-top: -0.16rem;}
.open-menu span{display: block;width: 100%; height: 3px; background-color: var(--color); transition: 0.3s;}
.menu-show .open-menu span{background-color: var(--color2);}
}

#menu .sub{ font-size: var(--fs17);   }
#menu .sub dl{padding: 0.1rem;}
#menu .sub dd{line-height: 2; }
#menu .sub dd a:not(:hover){color: var(color666);}
@media (min-width:1025px) {
#menu .sub{position: absolute; top: 100%;background: #fff;  width:1.5rem;left: 50%;margin-left: -0.75rem;overflow: hidden; max-height: 0; transition: 0.5s;opacity: 0;box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);  z-index: 3;}
#menu li:hover [class^='sub']{max-height: 500px;opacity: 1;}
#menu .sub dd{text-align: center;}
.home header:not(:hover) #menu li aside a{color: #fff;}
}

.sub-way-1 dt{font-size: var(--fs18); margin-bottom: 0.24rem;}
.sub-way-1 dd{font-size: var(--fs18); /* font-weight: bold; */line-height: calc(46 / 21 * 1em);}
.sub-way-2 dt{font-size: var(--fs18); /* font-weight: bold; */ margin-bottom: 0.3rem;}
.sub-way-2 dt a{color: var(--color);}
.sub-way-2 dd{line-height: calc(36 / 17 * 1em); font-size: var(--fs17);}
@media (min-width:1025px) {
[class^='sub-way-']{position: absolute; left: 0;top: 100%;background: #fff;border-top: 1px solid #d9dadd;width: 100%; overflow: hidden; max-height: 0; transition: 0.5s;opacity: 0;}
.sub-way-1 .inner{display: flex;justify-content: center; padding:0.2rem 0;}
#menu li#m2{ position:relative;}
#menu li#m2 .sub-way-1{width:1.6rem; margin-left:-.3rem; text-align:center;}
#menu li#m2 .sub-way-1 dt{ margin-bottom:.1rem;}
.sub-way-2 .inner{display: flex; justify-content: center;align-items: baseline;padding: 0.36rem 0 0.83rem 0;max-width: 1400px; margin: 0 auto; flex-direction: row; flex-wrap: wrap;}
.sub-way-2 .group{width: calc(200 / 1920 * 100vw);display: flex; justify-content: center;}
.sub-way-2 .group:not(:nth-child(4n)){border-right: 1px solid #eaeaea;}
.sub-way-2 .group:last-child{border-right: 0;}
.sub-way-2 .group:nth-child(4) ~ .group{margin-top: 0.3rem;}
}
@media (max-width:1024px) {
    [class^='sub']{display: none;}
}


.top-search{transition: 0.3s;}
.top-search .text{width: 100%; height: 0.4rem; line-height: 0.4rem; border: 0; background: none;}
.top-search.show .text{color: #fff;}
.top-search .btn{position: absolute;top: 0; height: 100%; width: 0.41rem; background: url(../images/search.svg) no-repeat center center; background-size: 0.17rem auto;}
.top-search.show .btn{background-image: url(../images/search-white.svg);}
@media (min-width:1025px) {
.top-search{position: relative; width: 1rem; overflow: hidden; border-radius: 0.2rem;}
.top-search.show{width: 2rem; background-color: var(--hovercolor);}
.top-search .open{position: absolute; left: 0;top: 0; z-index: 10; width: 100%;height: 100%; cursor: pointer;}
.top-search.show .open{display: none;}
.top-search .text{ padding-left: 0.48rem;}
.top-search .btn{ left: 0.07rem; }
.home header:not(:hover) .top-search .open{background-color: rgba(255, 255, 255, 0.12);}
.home header:not(:hover) .top-search .btn{background-image: url(../images/search-white.svg);}
.home header:not(:hover) .top-search .text{color: #fff;}
}
@media (max-width:1024px) {
.top-search{position: absolute; top: 100%; left: 0;width: 100%; background-color: #fff;border-top:1px solid rgba(63,71,86,0.2);z-index: 10;visibility: hidden; opacity: 0; }
.search-show .top-search{visibility: visible; opacity: 1;}
.top-search .text{ padding:0 0.3rem;}
.top-search .btn{ right: 0.07rem; }

.open-search{position: absolute;top: 0; height: 100%; width: 0.32rem; background: url(../images/search.svg) no-repeat center center; background-size: contain; right: 3%;}

.search-show  .open-search{background: none;}
.search-show  .open-search:before,
.search-show  .open-search:after{position: absolute;content: ''; width: 100%; height: 3px;background-color: var(--color2); left: 0; top: 50%;margin-top: -1.5px;transform: rotate(45deg);}
.search-show  .open-search:after{transform: rotate(-45deg);}
}
footer{background: #333333 url(../images/footerbg.png) no-repeat right calc(362 / 1920 * 100vw) bottom; background-size: calc(756 / 1920 * 100vw) auto; padding: 0.99rem 0 0.6rem;font-weight: 100; overflow: hidden;}
footer,
footer a:not(:hover){color: #fff;}
footer .b-top .code{margin-bottom: 0.5rem;}
footer .b-top .code li{float: left; width: 0.94rem; text-align: center;}
footer .b-top .code li:not(:last-child){margin-right: 0.15rem;}
footer .b-top .code li aside{margin-top: 0.11rem;}
footer .b-top .contact aside{font-size: var(--fs14);}
footer .b-top .contact h4{font-size: 0.27rem; margin: 0.15rem 0 0.22rem 0;font-family: 'ennum'; letter-spacing: 1px;}

footer .share ol{float: left; position: relative; z-index: 20;}
footer .share ol:not(:last-child){margin-right: 0.24rem;}
footer .share ol figure{position: absolute; bottom: calc(100% + 0.1rem); left: 50%;width: 0.94rem; z-index: 10; margin-left: -0.47rem; display: none;}
footer .share ol a{width: 0.3rem; height: 0.3rem; border-radius: 50%; background-color: rgba(0,0,0,0.1);display: block; cursor: pointer;  background-repeat: no-repeat; background-position: center center; transition: 0.3s;}
footer .share ol a.wx{background-image: url(../images/wx.svg);background-size: calc(14 / 30 * 100%) auto;}
footer .share ol a.sina{background-image: url(../images/sina.svg);background-size: calc(15 / 30 * 100%)  auto;}
footer .share ol a.douyin{background-image: url(../images/douyin.svg);background-size: calc(12 / 30 * 100%)  auto;}
footer .share ol a:hover{background-color: var(--hovercolor);}

footer nav dl{float: left; max-width: 1.8rem;}
footer nav dl:not(:last-child){margin-right: 0.78rem;}
footer nav dt{margin-bottom: 0.3rem;}
footer nav dd{line-height: calc(34 / 16 * 1em);}
footer nav dd a:not(:hover){color: rgba(255,255,255,0.6);}
@media (max-width:1024px) {
    footer nav{display: none;}
    footer{padding: 0.4rem 0; text-align: center;}
    footer .share,
    footer .b-top .code{display: flex;justify-content: center;}
    footer .share ol a{width: 0.5rem; height: 0.5rem;}
}

.copyright{ margin-top: 0.95rem; font-size: var(--fs14); }
.copyright .fr a:not(:last-child){margin-right: 0.15rem;}
@media (max-width:1024px) {
    .copyright{line-height: 1.5; margin-top: 0.5rem;}
    .copyright .fr{margin-bottom: 0.1rem;}
    .copyright a{display: inline-block;}
}

.nav-menu{box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.04);}
.nav-menu .current{display: flex;align-items: center; height: 0.8rem;padding-left: 1.5em;background: url(../images/location.svg) no-repeat left center;background-size: 1em auto; font-size: var(--fs14);}
.nav-menu .current,
.nav-menu .current a:not(:hover){color: rgb(63 71 86 / 60%);}
.nav-menu .current span{color: var(--color);}
.nav-menu nav li{float: left; font-size:var(--fs18); position: relative; z-index: 1; line-height: 0.8rem;}
.nav-menu nav li a:hover,
.nav-menu nav li.aon a{color: var(--color2);}
.nav-menu nav li:not(:last-child){margin-right: 0.4rem;}
.nav-menu nav li.aon:before{ position: absolute; content: ''; left: 0;  bottom: 0; width: 100%; height: 2px; background-color: var(--color2);}
@media (min-width:1025px) {
.nav-menu .auto-inner{display: flex;align-items: center;justify-content: space-between;}
}
@media (max-width:1024px) {
    .nav-menu .current{display: none;}
}

.Content{background-color: #f8f8f8; padding: 0.96rem 0; min-height: 40vh;}
.Content.nobg{background-color: transparent;}
@media (max-width:1024px) {
    .Content{ padding: 0.4rem 0;}
}

.product .list li{margin-bottom: 0.4rem;}
.product .list li a{display: block;background-color: #ffffff; border-radius: 0.08rem; min-height: 4.5rem; position: relative; overflow: hidden; transition: 0.3s;}
.product .list li a:hover{background-image: url(../images/prod-hover-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;box-shadow: 0 0.03rem 0.42rem 0.12rem  rgba(0, 0, 0, 0.1);}
.product .list li .pic{position: absolute; right: 0; bottom: 0; width: calc(300 / 440 * 100%);z-index: 1;}
.product .list li .inner{position: relative;z-index: 3; padding: 0.74rem 0.4rem 0;color: var(--color); }
.product .list li h4{margin: 0;font-size: var(--fs26); padding-bottom: 0.2rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.15rem;}
.product .list li p{margin: 0;padding-left: 0.14rem;opacity: 0.7; line-height: calc(28 / 16 * 1em);position: relative; font-weight: 100;}
.product .list li p:before{position: absolute; left: 0.05rem;content: ''; background-color: var(--color); opacity: 0.7; top: 0.8em; width: 0.04rem; height: 0.04rem; border-radius: 50%;}
.product .list li a:hover h4{color: var(--hovercolor);}
.product .list li .more{position: absolute; left: 0.4rem; bottom: 0.44rem; padding: 0 0.2rem; line-height: calc(35 / 15 * 1em);border: solid 1px var(--color); font-size: var(--fs15);font-weight: 100;}
.product .list li a:hover .more{color: var(--hovercolor); border-color: var(--hovercolor);}
@media(min-width:641px){
.product .list li{float: left; }
}
@media (min-width:1025px) {
.product .list li{width: calc((100% - 0.4rem * 2) / 3); }
.product .list li:not(:nth-child(3n)){margin-right: 0.4rem;}
}
@media(min-width:641px) and (max-width:1024px) {
.product .list li{width: calc((100% - 0.4rem) / 2); }
.product .list li:not(:nth-child(2n)){margin-right: 0.4rem;} 
.product .list li .more{left: 0.24rem;padding: 0 0.1rem;}  
}
@media (max-width:1024px) {
    .product .list li a{min-height: 3.5rem;}
    .product .list li .inner{padding: 0.24rem;}
}
@media (max-width:640px) {
    .product .list li .pic{width: 40%;}
}

.prod-info-current{background: var(--color2); line-height: 2; padding: 1em 0; text-align: right;}
.prod-info-current,
.prod-info-current a{color: #fff;}
.prod-info-current em{font-style: normal; display: inline-flex; padding-left: 1.5em; background: url(../images/cur.svg) no-repeat left center; background-size: auto 1em; font-size: var(--fs15); align-items: center;}
.prod-info-current em i{width:0.09rem; display: inline-block;height: 0.09rem;background: url(../images/arrow_right.svg) no-repeat center center;background-size: contain;;margin: 0 0.8em;}

.prod-info-Con{background: url(../images/introbg.png) no-repeat center bottom; background-size: cover; padding: 1rem 0;}
.prod-info-Con .img-group{display: flex;}
.prod-info-Con .img-group .slider-for{background-color: #ffffff; border-radius: 0.1rem; border: solid 1px #eaedf1; overflow: hidden;}
.prod-info-Con .img-group .slider-nav li figure{border-radius: 0.1rem; border: solid 1px #eaedf1; overflow: hidden; }
.prod-info-Con .img-group .slider-nav li.slick-current figure{border-color:var(--color2);} 
.prod-info-Con .img-group .slick-arrow{width: 0.18rem; height: 0.18rem; }
.prod-info-Con .img-group .slick-prev{background-image: url(../images/btn-up.svg); margin-bottom: 0.1rem;}
.prod-info-Con .img-group .slick-next{background-image: url(../images/btn-down.svg); margin-top: 0.1rem;}
.prod-info-Con .img-group .slick-prev:hover{background-image: url(../images/btn-up-hover.svg);}
.prod-info-Con .img-group .slick-next:hover{background-image: url(../images/btn-down-hover.svg);}

.prod-info-Con .name{font-size: var(--fs46); margin: 0;}
.prod-info-Con .intro{margin: 0.4rem 0; font-size: var(--fs18); line-height: calc(30 / 18 * 1em); color: var(--color666);}
.prod-info-Con .tit{font-size: var(--fs22);}
.prod-info-Con .edit-info{margin: 0.19rem 0 0.5rem 0;}
@media (min-width:1025px) {
.prod-info-Con .img-group{width: calc(638 / 1400 * 100%);align-items: center;  justify-content: space-between;}
.prod-info-Con .details{width: calc(660 / 1400 * 100%);}
.prod-info-Con .img-group .slider-nav{width: calc(120 / 638 * 100%); text-align: center;}
.prod-info-Con .img-group .slider-for{width: calc(500 / 638 * 100%); }
.prod-info-Con .img-group .slider-nav li figure{ margin: 0.15rem 0;margin-right: 1px;}
}
@media (max-width:1024px) {
    .prod-info-Con{padding: 0.5rem 0;}
    .prod-info-Con .details{margin-bottom: 0.2rem;}
    .prod-info-Con .img-group{flex-wrap: wrap-reverse;}
    .prod-info-Con .img-group > *{width: 100%;}
    .prod-info-Con .img-group .slider-nav{padding: 0 0.2rem; position: relative; margin-top: 0.2rem;}
    .prod-info-Con .img-group .slider-nav figure{margin: 0 0.05rem;}
    .prod-info-Con .img-group .slider-nav .slick-arrow{position: absolute; top: 50%;margin-top: -0.09rem; transform: rotate(-90deg);}
    .prod-info-Con .img-group .slider-nav .slick-prev{left: 0;}
    .prod-info-Con .img-group .slider-nav .slick-next{right: 0;}
}

.edit-info{line-height: calc(34 / 18 * 1em); font-size: var(--fs18); text-align: justify;}

.edit-23 li{position: relative; padding-left: 0.2rem;}
.edit-23 li:before{position: absolute;content: ''; left: 0;top: 0.6em; width: 0.08rem; height: 0.08rem; border-radius: 50%;background-color: var(--hovercolor);}

.getback{padding: 0 0.38rem; line-height: calc(48 / 16 * 1em);border: solid 1px var(--color); display: inline-block; font-weight: 100; transition: 0.3s;}
.getback:hover{border-color:var(--hovercolor); color:var(--hovercolor);}

.current-menu{position: sticky;z-index: 200;background-color: #fff; top: 0;border-bottom: 1px solid #ddd;}
.current-menu ul{display: flex;justify-content: center; line-height: 0.96rem;}
.current-menu li{padding: 0 0.34rem; border-bottom: 2px solid transparent; font-size: var(--fs20);cursor: pointer; margin: 0 0.1rem;}
.current-menu li.on{border-color: var(--hovercolor);color: var(--hovercolor);}
/* .current-menu.fixed ul{position: fixed; left: 0;width: 100%; top: 0; } */

[class*=prod-details]{padding: 1rem 0;}
[class*=prod-details] .title{text-align: center; font-size: var(--fs36); line-height: calc(52 / 36 * 1em); margin-bottom: 0.4rem;}
[class*=prod-details] .title:after{display: block; margin: 0.2rem auto 0; content:'';width: 0.66rem;height: 0.03rem;background-color: #2a72b9;border-radius: 2px;}

.prod-details-2{background: url(../images/featruebg.jpg) no-repeat center; background-size: cover;}
.prod-details-2 .title{color: #fff;}
.prod-details-2 .slider-wap .slick-slide a{display: block;padding-top: 0.35rem; min-height: 3.1rem;}
.prod-details-2 .slider-wap .slick-slide{/* float: left; */ text-align: center;}
.prod-details-2 .slider-wap .slick-slide:not(:last-child){border-right: 1px solid rgba(245,245,246,0.1);}
.prod-details-2 .slider-wap .slick-slide a{max-width: 2.5rem;display: inline-block;}
.prod-details-2 .slider-wap .icon img{width: 0.78rem;}
.prod-details-2 .slider-wap h3{color: rgba(224, 229, 237, 1); font-weight: normal;font-size: var(--fs24); margin: 0.3rem 0 0.21rem 0;}
.prod-details-2 .slider-wap pre{color: rgba(254, 254, 254, 0.7); font-size: var(--fs15); line-height: calc(24 / 15 * 1em); font-weight: 100; text-align: center;}
.prod-details-2 .slider-wap .slick-dots{display: flex;justify-content:  center; align-items: center; margin-top: 0.66rem;}
@media (min-width:1025px) {
    .prod-details-2 .slider-wap .slick-slide{width: 25%;  }
    .prod-details-2 .slider-wap .slick-track{display: flex;justify-content: center}
}
@media (max-width:1024px) {
    .prod-details-2 .slider-wap .slick-slide {width: 50%;  }
}

.edit-table-23{border: solid 1px #e1e1e1; max-width: 1180px;width: 100%;  table-layout: fixed; margin: 0 auto;}
.edit-table-23 td{border: solid 1px #e1e1e1; padding: 0 0.19rem; font-size: var(--fs15); line-height: calc(45 / 15 * 1em);}
.edit-table-23 .graybg,
.edit-table-23 tr:nth-child(2n) td{background-color: #f8f8f8;}
.edit-table-23 [class*=bg]{text-align: center; font-size: var(--fs22); width: calc(310 / 1180 * 100%);}

.prod-details-3 .pic-group{ margin-top: 0.38rem;}
.same-arrow{padding: 0 1rem;position: relative;z-index: 2;}
.prod-details-3 .pic-group a{display: block; padding: 0 0.12rem;}
.prod-details-3 .pic-group .pic{overflow: hidden; overflow: hidden;border-radius: 0.08rem;}
.prod-details-3 .pic-group .Ispic{padding-bottom: calc(390 / 450 * 100%); }
.prod-details-3 .pic-group aside{margin-top: 0.25rem;font-size: var(--fs24);}
.same-arrow .slick-arrow{width: 0.7rem; height: 0.7rem;background-color: #ffffff; box-shadow: -0.05rem 0.03rem 0.2rem rgba(152, 158, 198, 0.15); background-position: center center; background-size: auto calc(17 / 70 * 100%); background-repeat: no-repeat; position: absolute; top: 50%;margin-top: -0.35rem; border-radius: 50%; transition: 0.3s; z-index: 10;}
.same-arrow .slick-arrow:hover{background-color: var(--hovercolor);}
.same-arrow .slick-prev{background-image: url(../images/btn-left.svg); left: 0;}
.same-arrow .slick-prev:hover{background-image: url(../images/btn-left-hover.svg); }
.same-arrow .slick-next{background-image: url(../images/btn-right.svg); right: 0;}
.same-arrow .slick-next:hover{background-image: url(../images/btn-right-hover.svg); }
@media (min-width:1601px) {
.same-arrow{margin-left: -1rem; margin-right: -1rem;}
.prod-details-3 .pic-group .slider{margin: 0 -0.12em;}
}
@media (max-width:1024px) {
    .same-arrow{padding: 0 0.5rem;}
    .same-arrow .slick-arrow{width: 0.4rem; height: 0.4rem;margin-top: -0.2rem; }
}

.page-ban{ position: relative;z-index: 1;}
.page-ban .txt{position: absolute; left: 0;top: 0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center; color: #fff;}
.page-ban .txt .tit{font-size: 0.36rem; line-height: normal;}
.page-ban .txt .intro{margin-top:0.4rem; letter-spacing:2px;}

.industry .list li{margin-bottom: 0.4rem;}
.industry .list li .pic{overflow: hidden;}
.industry .list li .Ispic{padding-bottom: calc(248 / 440 * 100%); transition: 0.3s;}
.industry .list li a:hover .Ispic{transform: scale(1.1);}
.industry .list li .inner{text-align: center;background-color: rgba(255, 255, 255, 1); border: solid 0.01rem rgba(234, 234, 234, 1); padding: 0.29rem 0.35rem;color: #252525;  transition: 0.3s;}
.industry .list li a:hover .inner{box-shadow: 0rem 0.12rem 0.32rem   rgba(72, 72, 72, 0.1); border-color: #fff;}
.industry .list li h4{font-size: var(--fs24);margin: 0; font-weight: 500;}
.industry .list li h4:after{display: block;content: '';width: 0.46rem; height: 0.03rem; background-color: #2a72b9; border-radius: 0.02rem; margin: 0.13rem auto 0;}
.industry .list li p{font-weight: 100; margin-bottom: calc(19 / 16 * 1em);}
.industry .list li .more{ padding: 0 0.2rem; line-height: calc(35 / 15 * 1em);border: solid 1px var(--color); font-size: var(--fs15);font-weight: 100; display: inline-block;}
.industry .list li a:hover .more{color: var(--hovercolor); border-color: var(--hovercolor);}

@media(min-width:641px){
.industry .list li{float: left; }
}
@media (min-width:1025px) {
.industry .list li{width: calc((100% - 0.4rem * 2) / 3); }
.industry .list li:not(:nth-child(3n)){margin-right: 0.4rem;}
}
@media(min-width:641px) and (max-width:1024px) {
.industry .list li{width: calc((100% - 0.4rem) / 2); }
.industry .list li:not(:nth-child(2n)){margin-right: 0.4rem;} 
}
@media (max-width:1024px) {
.industry .list li a{min-height: 3.5rem;}
.industry .list li .inner{padding: 0.24rem;}
}


.industry-details .Content.page1,
.industry-details .Content.page3{background-color: var(--conbg);}
.industry-details .name{text-align: center;font-size: 0.36rem; margin-bottom: 0.55rem;}
.industry-details .name:after{display: block; content: ''; margin: 0.24rem auto 0;width: 0.66rem; height: 0.03rem; background-color: #2a72b9; border-radius: 0.02rem;}
.industry-details .item-group .items{box-shadow: 0 0 0.1rem  rgba(0, 0, 0, 0.15); overflow: hidden; border-radius: 0.15rem;}
.industry-details .item-group .items:not(:last-child){margin-bottom: 0.14rem;}
.industry-details .item-group .items{counter-increment:myitems;} 
.industry-details .item-group .con{padding: 0.3rem calc(77 / 1400 * 100%); position: relative;z-index: 1;}
.industry-details .item-group .con::before{position: absolute; content: '0'counter(myitems); left: 50%;top: 50%;color: var(--color2); opacity: 0.06; transform: translate(-50%,-50%);font-size: 4rem; font-family: Arial, sans-serif; font-weight: bold;}
.industry-details .item-group .inside{position: relative;z-index: 3;}
.industry-details .item-group .edit-info{font-size: var(--fs16); position: relative; padding-left: calc(27 / 16 * 1em); z-index: 1; line-height: calc(30 / 16 * 1em); color: var(--color666);}
.industry-details .item-group .tit{font-size: var(--fs24); color: var(--color33); font-weight: normal; margin: 0 0 0.43rem 0;}
.industry-details .item-group .edit-info:before{position: absolute; left: 0;top: 0.5em;width: 0.04rem; height: 0.7rem; background-color: var(--color2); content: '';}
@media (min-width:1025px) {
.industry-details .item-group .items{display: flex;align-items: center; }
.industry-details .item-group .items:nth-child(2n-1){flex-direction: row-reverse;}
.industry-details .item-group .image{width: 50%; flex-shrink: 0;}
}
@media (max-width:1024px) {
.industry-details .item-group .con{overflow: hidden;}
.industry-details .name{margin-bottom: 0.36rem;}
}

.industry-details .page1 .image{border-radius: 0.1rem; border: solid 0.01rem #eaedf1; overflow: hidden;}
.industry-details .page1 .con{ padding: 0.39rem 0;}
.industry-details .page1 .title{margin-bottom: 0.4rem;}
.industry-details .page1 .title span{font-size: var(--fs22); color: var(--color2);display: flex;align-items: center; font-weight: bold;}
.industry-details .page1 .title span:before{width: 0.04rem; height: 0.22rem; background-color: var(--color2); border-radius: 0.02rem; content: ''; margin-right: 0.11rem;}
.industry-details .page1 .title .tit{font-size: var(--fs38); margin-top: 0.14rem;}
.industry-details .page1 .edit-info{margin-bottom: 0.4rem;}
.industry-details .page1 .getback{color: var(--color2); border-color: var(--color2);}
@media (min-width:1025px) {
.industry-details .page1 .image{width: calc(640 / 1400 * 100%);}
.industry-details .page1 .con{width: calc(694 / 1400 * 100%);}
}
@media (max-width:1024px) {
    .industry-details .page1 .con{padding-bottom: 0;}
    .industry-details .page1 .getback{margin: 0 auto; display: table;}
}

.edit-24{ background-color: rgba(255,255,255,0.4); padding: 0.2rem 0;}
.edit-24 ul{display: flex; flex-direction: row;align-items: center; justify-content: space-between;}
.edit-24 ul li{width: calc(100 / 3 * 100%); text-align: center; padding: 0.22rem 0;}
.edit-24 ul li:not(:last-child){border-right: 1px solid rgba(0, 0, 0, 0.1);}
.edit-24 ul li .icon img{width: 0.8rem; height: 0.8rem; border-radius: 50%;}
.edit-24 ul li p{margin:0.15rem 0 0 0; line-height: calc(24 / 18 * 1em);color: var(--color333);}

.industry-details .page3 .slider-scene li a{margin: 0 0.19rem; display: block;}
.industry-details .page3 .slider-scene li .Ispic{padding-bottom: calc(390 / 680 * 100%);border-radius: 0.08rem;}
.industry-details .page3 .slider-scene li aside{text-align: center; font-size: var(--fs24); font-weight: 500; margin-top: 1em; color: var(--color);}

.industry-details .page2 .slider-items li{ background: url(../images/wrapbg.png) no-repeat center center; background-size: 100% 100%; min-height: 4.25rem; position: relative;}
.industry-details .page2 .slider-items  a{display: block; width: 70%;max-width: 3.2rem; margin: 0.76rem auto 0;}
.industry-details .page2 .slider-items .icon{display: flex;align-items: center; justify-content: center; width: 0.66rem; height: 0.66rem;}
.industry-details .page2 .slider-items h3{font-size: var(--fs26); margin: 0.48rem 0 0.3rem 0;}
.industry-details .page2 .slider-items pre{line-height: calc(30 / 16 * 1em); font-weight: 100;}
.industry-details .page2 .slider-items li .num{position: absolute; color: #fff; font-weight: bold;font-size: var(--fs24); right: 4%; top: 5%; width: calc(96 / 485 * 100%); height: 0.45rem;display: flex;align-items: center; justify-content: center;z-index: 10; }

.slider-product li a{ margin: 0 calc(1.51rem / 2);background-color: #ffffff;box-shadow: 0 0.09rem 0.21rem rgba(191, 191, 191, 0.19); border-radius: 0.24rem; }
.slider-product li .tit{font-size: var(--fs22); color: var(--hovercolor); margin-bottom: 1em;}
.slider-product li .txt p{margin: 0; font-weight: 100; line-height: calc(28 / 16 * 1em);}
@media (min-width:1025px) {
.slider-product .slider{width: 148.594%; margin-left: calc(-48.594% / 2);}
.slider-product .slick-prev{left: calc(33% - 1.51rem / 2 + 0.35rem);}
.slider-product .slick-next{right: calc(33% - 1.51rem / 2 + 0.35rem);  }
.slider-product .slider li:not(.slick-current) a{opacity: 0.5;}
.slider-product li a{display: flex;align-items: center; justify-content: space-between;}
.slider-product li .txt{padding-left: 0.44rem;}
.slider-product li .img{flex-shrink: 0;  width: calc(396 / 800 * 100%); height: 4.02rem;display: flex;align-items: center; justify-content: center;}
}
@media (max-width:1024px) {
.slider-product .slick-prev{left: 0.1em;}
.slider-product .slick-next{right: 0.1em;}
.slider-product li a{display: block; padding: 0.3rem; text-align: center;}
}

.root-100{font-size: 1rem;}
.root-sz-16{font-size: 0.16em;}
	
.title999 h1{font-size: var(--fs18);
    color: var(--color2);
    font-weight: normal;
    margin: 0;}
.title999 h2{font-weight: 100;
    font-size: var(--fs36);
    color: #3f4756;
    margin: 0;
    line-height: calc(52 / 36 * 1em);}	
	
.title999 .line {
    position: relative;
    z-index: 1;
    margin-bottom: 0.4rem;
    width: 0.46rem;
    height: 0.03rem;
    background-color: var(--color2);
    border-radius: 0.05rem;
    margin-top: 0.2rem;
}

.RighInfo003143 .box{ padding:5vw 0;}
.RighInfo003143 .title999 h1,
.RighInfo003143 .title999 h2{text-align: center;}
.RighInfo003143 .title999 .line{margin-left: auto; margin-right: auto;}
.RighInfo003143 .info{text-align: center;}
.RighInfo003143 .txt{font-size: calc(18 / 16 * 1em); line-height: 1.75;}
.RighInfo003143 .ys{display: flex; margin-top: 3vw;}
.RighInfo003143 .ys dd{text-align: center; padding:1vw 3vw; width:33.3%;}
.RighInfo003143 .ys dd:not(:last-child){border-right: 1px dashed rgba(0, 0, 0, 0.1);}
.RighInfo003143 .ys .icon{width:calc(100 / 16 * 1em); height:calc(100 / 16 * 1em); border-radius: 50%; background:var(--color2); position: relative; margin: 0 auto;}
.RighInfo003143 .ys .icon img{position: absolute; left:50%; top: 50%; transform: translate(-50% , -50%); max-width:calc(44 / 16 * 1em);max-height:calc(44 / 16 * 1em);}
.RighInfo003143 .ys .t1{font-size: calc(22 / 16 * 1em); margin:1em 0 calc(14 / 22 * 1em); color: #333;}
.RighInfo003143 .ys .t2{font-size: 1em; color: #666; line-height: 1.75;}

.RighInfo003143 .number-count{margin-top:3vw;}
.RighInfo003143 .number-count ul{display:flex;position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 2vw 0;}
.RighInfo003143 .number-count ul:before,
.RighInfo003143 .number-count ul:after{position: absolute; content: ''; border: 5px solid var(--color2); width: 30px; height: 30px;}
.RighInfo003143 .number-count ul:before{left: 0; top: 0; border-right: 0;border-bottom: 0;}
.RighInfo003143 .number-count ul:after{right: 0; bottom: 0; border-top: 0;border-left: 0;}
.RighInfo003143 .number-count li{font-size:calc(18 / 16 * 1em); width:50%; padding:1vw 1.5vw; }
.RighInfo003143 .number-count li:not(:last-child){border-right: 1px dashed rgba(0, 0, 0, 0.15);}
.RighInfo003143 .number-count li span{display: inline-block;position: relative;font-size:3.5vw;color: var(--color2); margin: 0 5px;font-weight: bold; line-height: 0.8;}
.RighInfo003143 .number-count li sup{font-size:calc(24 / 18 * 1em);color: var(--color2);font-weight: bold; display: inline-block; vertical-align:top; line-height: 1;}
.RighInfo003143 .number-count li p{margin: 10px 0 0;}

.RighInfo003142{ padding:5vw 0;}
.RighInfo003142 .title999 h1,
.RighInfo003142 .title999 h2{text-align: center;}
.RighInfo003142 .title999 .line{margin-left: auto; margin-right: auto;}
.RighInfo003142 .box{overflow: hidden; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.RighInfo003142 p{margin:1em 0 0; font-size:var(--fs20);}
.RighInfo003142 .icon{max-height: 0.6rem;}
.RighInfo003142 .txt .ytable{height: 100%; position: relative;  padding:0 10% 0 12% ; line-height: 2;}

.RighInfo003142 .ul,
.RighInfo003142 li{display: flex;}
.RighInfo003142 .ul{margin-top:0.2rem;}
.RighInfo003142 li{padding: 0.2rem 2vw; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); width: 100%; align-items: center; justify-content: center;}
.RighInfo003142 li:not(:last-child){margin-right: 0.2rem;}
.RighInfo003142 li .img{width:calc(80 / 16 * 1em); height:calc(80 / 16 * 1em); border-radius: 50%; border: 2px solid var(--color2); position: relative;flex-shrink: 0;}
.RighInfo003142 li .img img{position: absolute; left:50%; top: 50%; transform: translate(-50% , -50%); max-width:calc(35 / 16 * 1em);max-height:calc(35 / 16 * 1em);}
.RighInfo003142 li .con{font-size: calc(22 / 16 * 1em); color: #333; padding-left:0.2rem;}
@media(min-width:1025px){
.RighInfo003142 .txt{position: absolute; right:0; bottom: 0; max-width:6rem; width:80%;  transition: 0.3s 0.5s; z-index: 2; top: 0; padding-left: 0.5rem;color: #fff; }
.RighInfo003142 .txt:before{position: absolute;content: '';width: 120%;height: 100%;left: 0.15rem;top: 0;transform: skewX(-15deg);background:var(--color2); z-index: -1; opacity: 0.85;}
}
@media (max-width:1024px) {
    .RighInfo003142 .txt{background:var(--color2); color: #fff;}
    .RighInfo003142 .txt .ytable{padding: 4%;}
}

.PicList002796{ position:relative;z-index: 1;}
.PicList002796 figure em{ display:block; padding-bottom: 34.945%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.PicList002796 figure i{ position:absolute; left:50%; top:50%; font-size:var(--fs32); color: #fff; transform: translate(-50%,-50%); font-style: normal; padding-top: 0.7rem; background: url(../images/play.png) no-repeat center top; background-size: auto 0.52rem;white-space: nowrap;}

.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 0.3rem;height:  0.3rem;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:0.13rem; top:0.05rem;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}

.same-title{text-align: center; margin-bottom: 0.7rem; font-size: var(--fs36); font-weight: 100;}
.same-title[type='left']{text-align: left;}
.same-title:after{display: block; content: ''; margin: 0.19rem auto 0;width: 0.46rem; height: 0.03rem; background-color:var(--color2); border-radius: 0.01rem;}
.same-title[type='left']:after{margin-left: 0;}
@media (max-width:1024px) {  
.same-title{margin-bottom: 0.4rem;}
}

.honor li{float: left; }
.honor li a{cursor: pointer;}
.honor li .pic{background: url(../images/honorbg.jpg) no-repeat center center; background-size: cover; height: 3.2rem;display: flex;align-items: center; justify-content: center; position: relative;z-index: 1; margin-bottom: 0.2rem;}
.honor li .pic figure{border: 0.04rem solid;border-image: linear-gradient(to bottom right, #a06e22, #eae6a1) 1;max-width: calc(177 / 280 * 100%);}
.honor li .pic figure img{max-height: 2.11rem; }
.honor li .pic:after{position: absolute; content: ''; right: 0.15rem; bottom: 0.13rem; width: 0.14rem; height: 0.104rem; background: url(../images/view.svg) no-repeat center center; background-size: contain;}
.honor li aside{display: flex;align-items: center; justify-content: center; height: 0.6rem;text-align: center; background: url(../images/mark.png) no-repeat left center,url(../images/mark2.png) no-repeat right center; padding: 0 20%; font-size: var(--fs18); line-height: calc(24 / 18 * 1em); background-size: contain;}
@media (min-width:1025px) {
.honor li{width: calc((100% - 0.93rem * 3) / 4); margin-bottom: 0.79rem;}
.honor li:not(:nth-child(4n)){ margin-right: 0.93rem;}
}
@media (max-width:1024px) {     
.honor li{width: calc((100% - 0.3rem) / 2); margin-bottom: 0.5rem;}
.honor li:not(:nth-child(2n)){ margin-right: 0.3rem;} 
}


.Contact{max-width: 1600px;margin: 0 auto; width: 86%;display: flex;}
.Contact .same-title{margin-bottom: 0.5rem;}
.Contact .con dt{ padding-bottom: 0.27rem;border-bottom: solid 0.01rem #e6e6e6; margin-bottom: 0.25rem;font-size: var(--fs20);}
.Contact .con dt aside{font-size: var(--fs16); font-weight: 100; margin-bottom: 0.1rem;}
.Contact .con dd{display: flex;align-items: center; margin-top: 0.39rem;}
.Contact .share{display: flex;align-items: flex-start;}
.Contact .share ol{position: relative; z-index: 10;}
.Contact .share ol:not(:last-child){margin-right: 0.17rem;}
.Contact .share ol a{display: block; background-color: rgba(63, 71, 86, 0.8);	 width: 0.44rem; height: 0.44rem;border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: 0.2rem auto;}
.Contact .share ol figure{position: absolute; bottom: 100%; left: 50%; width: 1.2rem; height: 1.2rem; padding: 0.05rem; background-color: #fff; display: none; margin-left: -0.6rem;}
.Contact .share ol a.wx{background-image: url(../images/wx.svg);}
.Contact .share ol a.sina{background-image: url(../images/sina.svg);}
@media (min-width:1025px) {
.Contact{align-items: center; justify-content: space-between;}
.Contact .pic{width: 50%;}
.Contact .con{width: calc(702 / 1600 * 100%);}
}
@media (max-width:1024px) {     
.Contact{flex-direction: column-reverse; width: 94%;}
.Contact .pic{margin-top: 0.3rem;}
}

.feedback{margin-top: 1.39rem;}
.feedback li{ border-bottom: 1px solid #e6e6e6;}
.feedback .row-2{overflow: hidden;}
.feedback .row-2 li{display: flex;align-items: center; height: 0.78rem; justify-content: space-between;}
.feedback li .text{width: 100%; border: 0; background: none; height: 0.4rem; line-height: 0.4rem;}
.feedback .row-2 li .text{width: calc(100% - 1rem);}
.feedback li textarea.text{height: auto;}
.feedback li .tit{font-weight: 100; font-size: var(--fs18);}
.feedback .row-2 li .tit{width: 1rem;}
.feedback li.code{position: relative;z-index: 1; display: flex;align-items: center;  justify-content: space-between; }
.feedback li.code .text{width: calc(100% - 0.8rem);}
.feedback li .imgcode{position: absolute; right: 0; top: 50%;transform: translateY(-50%); height: 0.38rem;}
.feedback .btn-area{text-align: center; margin-top: 0.4rem;}
.feedback .btn-area .btn{cursor: pointer; background-color: transparent;}
@media (min-width:1025px) {
.feedback .row-2{margin-bottom: 0.2rem;}
.feedback .row-2 li{float: left;width: calc((100% - 0.6rem) / 2); }
.feedback .row-2 li:not(:nth-child(2n)){margin-right: 0.6rem;}
.feedback ul:not(.row-2) li{margin-top: 0.38rem;}
.feedback li.code{margin-top: 0.19rem!important;padding: 0.19rem 0;}
}
@media (max-width:1024px) {     
.feedback{margin-top: 0.6rem;}
.feedback li{padding: 0.19rem 0;}
}

.job-con .same-title{margin-bottom: 0.5rem;}
.job-con .edit-info{max-width: 1060px; width: 90%; font-weight: 100;font-size: var(--fs16); margin:  0 auto 0.48rem;}
.job-con .nav{display: flex; justify-content: center;}
.job-con .nav li:not(:last-child){margin-right: 0.15rem;}
.job-con .nav li a{display: block;line-height: 0.48rem;border: solid 0.01rem var(--color); padding: 0 0.48rem; font-weight: 100; transition: 0.3s;}
.job-con .nav li a:hover,
.job-con .nav li.aon a{background-color: var(--color2);color: #fff; border-color: var(--color2);}

.job-con .type{display: flex;align-items: center; height: 0.6rem; text-align: center;}
.job-con .type li:nth-child(1){flex: 1;}
.job-con .type li:nth-child(2){width: calc(194 / 1400 * 100%);}
.job-con .type li:nth-child(3){width: calc(249 / 1400 * 100%);}
.job-con .type li:nth-child(4){width: calc(198 / 1400 * 100%);}
.job-con .type li:nth-child(5){width: calc(240 / 1400 * 100%);}
.job-con .type li:nth-child(6){width: calc(205 / 1400 * 100%);}

.job-con ol.type{margin-top: 0.4rem; border-top: 0.03rem solid var(--color2);background-color: #f5f5f5; margin-bottom: 0.11rem;}
.job-con ol.type li{font-weight: 500;}
.job-con ul.type li{font-weight: 100;}
.job-con ul.type li.icon{cursor: pointer;display: flex; justify-content: center;}
.job-con ul.type li.icon:after{width: 0.26rem; height: 0.26rem;display: block; border-radius: 50%;border: solid 0.01rem #cfcfcf; content: ''; background: url(../images/close.gif) no-repeat center; background-size: 0.07rem auto;}
.job-con .items.show  ul.type li.icon:after{background-image: url(../images/open.gif); background-size: 0.11rem auto; background-color: var(--color2); border-color: var(--color2);}
.job-con .items.show  ul.type{background-color: rgba(192, 236, 255, 0.3);}
.job-con .items{margin-bottom: 0.2rem;border-radius: 0.03rem;border: solid 0.01rem #e4e4e4;}
.job-con .items.show{border-color:rgba(192, 236, 255, 0.4);}
.job-con .details{padding: 0.16rem 0.35rem 0.8rem;font-weight: 100; display: none;}
.job-con .details .edit-info{max-width: none; margin: 0;}
.job-con .details .list{border-bottom: 1px solid #f1f1f1; margin-bottom: 0.3rem;}

.job-con .details .email{margin-top: 0.47rem; padding-top: 0.3rem; border-top: 1px dotted #bababa;}
.job-con .details .email a{color: var(--color2); font-weight: normal;}
@media (min-width:1025px) {
.job-con .details .list{display: flex;align-items: center; justify-content: space-between; height: 0.48rem; }
.job-con .details .list dd:not(:last-child){width: calc(246 / 1197 * 100%); flex-shrink: 0; position: relative;}
.job-con .details .list dd:not(:last-child):after{position: absolute; content: '';width: 0.02rem; height: 0.15rem;  background-color: #eeeeee; right: 0; top: 50%;margin-top: -0.07rem;}
.job-con .details .list dd:last-child{flex: 1;}
.job-con .details .list dd:nth-child(2){text-align: center;}
.job-con .details .list dd:nth-child(3){padding-left: 10%;}
}
@media (max-width:1024px) {
    .job-con .details .list{padding-bottom: 0.2rem;}
    .job-con .details .list dd{line-height: 2;}  
    .job-con .type li:nth-child(2){display: none;}
}

.PicList003142{ margin: 0 -0.12rem 0.4rem;}
.PicList003142 li a{padding: 0.3rem 0.4rem; border: 1px solid #e9e9e9; display: block; margin: 0 0.12rem; transition: 0.3s;}
.PicList003142 li a:hover{border-color: var(--color2);}
.PicList003142 li .tit{ font-size:var(--fs20);line-height: 1.5; margin-top: 0.25rem;}
.PicList003142 li p{ line-height: calc(24 / 16 * 1em); min-height: 3em;color: rgb(63 71 86 / 60%);}
.PicList003142 li .pic{overflow: hidden;}
.PicList003142 li .Ispic{padding-bottom: 62.223%;transition: 0.3s;margin-top: 0.1rem;}
.PicList003142 li a:hover{color: var(--color2);}
.PicList003142 li time{  color: #3f4756; font-size: var(--fs20); margin-bottom: 0.1rem;}
.PicList003142 li .more{font-size: var(--fs15);color: #3f4756;display: block;background: #fff;margin-top: 2.2%;border: 1px solid #3f4756;padding: 0.08rem 0;width: 1.1rem;text-align: center;}
.PicList003142 .slick-dots{display: flex;align-items: center; justify-content: center; margin-top: 0.2rem;}
.PicList003142 li a:hover .more{color: var(--color2);border-color: var(--color2);}

.PicList002256 li{margin-bottom: 0.2rem;}
.PicList002256 li a{border: 1px solid #e6e6e6; padding: 0.3rem; display: block; transition: 0.3s;}
.PicList002256 li a:hover{box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);}
.PicList002256 li dl{display: flex; justify-content: space-between;align-items: center; }
.PicList002256 li dd:nth-child(1){width: calc(240 / 1400 * 100%); flex-shrink: 0;display: flex;align-items: center;justify-content: center;border-right: 1px solid #e6e6e6;}
.PicList002256 li dd:nth-child(2){flex: 1;}
.PicList002256 li dd:nth-child(3){width: calc(200 / 1400 * 100%); flex-shrink: 0;}
.PicList002256 li dd time{margin-top: .1rem;display: block;}
.PicList002256 li dd time span{display: block; font-size: var(--fs18); line-height: calc(32 / 24 * 1em);}
.PicList002256 li .txt{padding: 0 0.4rem;}
.PicList002256 li h3{margin: 0; font-size: var(--fs20);}
.PicList002256 li p{margin: 0.1rem 0 0 0; line-height: calc(24 / 16 * 1em); color: rgba(63,71,86,0.6);}
.PicList002256 li a:hover .getback{color: var(--color2);border-color: var(--color2);}
@media (max-width:1024px) {
    .PicList002256 li dd:nth-child(3){display: none;}
    .PicList002256 li dd:nth-child(1){width: 35%;}
    .PicList002256 li .txt{padding: 0 .2rem;}
    .PicList002256 li a{padding: 0.25rem; }
}

.news-details .title{text-align: center; border-bottom: 1px solid #e8f1f7; padding-bottom: 0.3rem; margin-bottom: 0.32rem;}
.news-details .title h1{ font-size: var(--fs30); margin: 0 0 0.2rem 0; line-height: 1.2;}
.news-details .intro{background: #f5f5f5; padding: 0.25rem 0.3rem; color: #333; font-size: var(--fs17); line-height: calc(38 / 17 * 1em);}
.news-details .edit-info{font-size: var(--fs17); line-height: calc(38 / 17 * 1em); color: #666;border-bottom: 1px solid #e8f1f7; margin-bottom: 2%;padding-bottom: 2%;}
.news-details .video{margin: .2rem 0;}
.news-details .video video{display: block;width: 100%;}
.opeate-page{display: flex;justify-content: space-between; align-items: center;}
.opeate-page .back{text-decoration: underline; color: var(--color2);}
.opeate-page .page{max-width: 60%;}
.opeate-page .page span{padding: 0.1rem 0;}
.opeate-page .page em{font-style: normal; font-weight: bold;}

.list-links li{ float:left;text-align:center; margin-bottom: 2%;margin-right:2%;}
.list-links li a{ display:block;}
.list-links li .Ispic{ position:relative; padding-bottom:50%; background-color:#fff; background-size:contain;transition:0.3s; margin:0.1rem;}
.list-links li .Ispic::before{ position:absolute; content:'';  left:-0.1rem; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; border:1px solid #e5e5e5; transition:0.3s;}
.list-links li a:hover .Ispic::before{  border-color:var(--color2); box-shadow:2px 0 0.18rem rgba(0,0,0,0.1);}
.list-links li aside{padding:1em 0;}
.list-cllinksient li{margin-right:2%;margin-bottom:3%;}
.list-links li .pic{display: flex;align-items: center; justify-content: center; height: 1.1rem;box-shadow: 0 0 0.14rem 0.01rem rgba(56, 108, 187, 0.15);}
.list-links li .pic img{max-height: 1rem; max-width: 90%;}
@media(min-width:1025px){
.list-links li{width:18.4%;}
.list-links li:nth-child(5n){ margin-right:0;}
}
@media(max-width:1024px){
.list-links{margin-bottom: 0.4rem;}
.list-links li{ width:32%;}
.list-links li:nth-child(3n){ margin-right:0;}
}

.list-search li{border-radius: 0.05rem;background: var(--conbg);margin-bottom: 2%; padding: 1em;}
.list-search li time{ float:right;  color:#999;}
.list-search li a::before{ display:inline-block; content:''; margin-right:0.1rem; width:0.06rem; height:0.06rem; vertical-align:middle; background:var(--color2); }
@media(min-width:1025px){
.list-search li{ float: left; width: 48%; }
.list-search li:nth-child(2n){float: right;}
}

.home-ban,
.home-ban li{position: relative;z-index: 1;}
.home-ban li .txt{position: absolute; left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;color: #fff;}
.home-ban li .h1{letter-spacing: 0.01rem; font-size: 0.72rem; margin-bottom: 0.2rem; transform: translateY(0.3rem); opacity: 0; transition: 0.3s;}
.home-ban li .h2{font-size: 0.28rem; font-weight: 100;transform: translateY(0.3rem); opacity: 0; transition: 0.3s 0.2s;}
.home-ban li.ani-show .h1,
.home-ban li.ani-show .h2{transform: translateY(0); opacity: 1;}
.home-ban .slider-nav{position: absolute; left: 0;bottom: calc(80 / 960 * 100%);width: 100%; z-index: 10; display: flex;justify-content: center;}
.home-ban .slider-nav .slider{max-width: 4.38rem; width: 30%;}
.home-ban .slider-nav li{width: 1.46rem; display: flex; justify-content: center;cursor: pointer;}
.home-ban .slider-nav li .Ispic{border: solid 0.02rem rgba(255, 255, 255, 0.42); width:calc(137 / 146 * 100%);position: relative; padding-bottom: calc(90 / 146 * 100%);}
.home-ban .slider-nav li .Ispic::before{position: absolute; left: 0;top: 0;width: 100%;height: 100%; background-color: #000; z-index:
10;content: ''; opacity: 0.7; transition: 0.3s;}
.home-ban .slider-nav li.slick-current .Ispic{border-color: #fff;}
.home-ban .slider-nav li.slick-current .Ispic::before{ opacity: 0;}
@media(max-width:1024px){
    .home-ban li .h1{font-size: 0.4rem;}
    .home-ban li .h2{font-size: 0.2rem;}
}

.home-title{font-size: var(--fs36);color: var(--hovercolor); line-height: calc(52 / 36 * 1em); position: relative;}
.home-title:after{display: block; content: '';width: 0.66rem; height: 0.03rem; background-color: #2a72b9; border-radius: 0.02rem; margin-top: 0.14rem;}
.home-title .getback{font-size: var(--fs16); position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.home-industry{background-color: #f7f9fc; padding-top: 0.9rem;}
.home-industry .home-title{margin-bottom: 0.9rem;}
.home-industry .items{overflow: hidden;}
.home-industry .item{float: left;position: relative;z-index: 1;}
.home-industry .url{position: absolute; left: 0;top: 0;width: 100%; background-color: rgba(42, 114, 185, 0.88);display: flex;align-items: center; justify-content: center;flex-direction: column; height: 100%;color: #fff; opacity: 0; transition: 0.3s; z-index: 3;}
.home-industry .item .Ispic{height: 4rem; position: relative;z-index: 1;}
.home-industry .item .Ispic::before{position: absolute; content: ''; background: url(../images/hoverbg.png) no-repeat left bottom; background-size: contain; width: 4rem; height: 4rem; left: 0; bottom: 0;}
.home-industry .item:nth-child(1) .Ispic{height: 8rem;}
.home-industry .tit{color: #fff; font-size: var(--fs24); }
.home-industry .tit:after{display: block; content: '';width: 0.46rem; height: 0.03rem; background-color: rgba(42, 114, 185, 1); border-radius: 0.02rem; margin-top: 0.2rem;}
.home-industry .item > .tit{position: absolute; left: 0.49rem;bottom: 0.47rem; z-index: 10; transition: 0.3s;}
.home-industry .url .tit:after{margin-left: auto; margin-right: auto;background-color: rgba(255, 255, 255, 0.2);}
.home-industry .item pre{margin: 0.3rem auto; max-width: 3.2rem; width: 80%; line-height: calc(30 / 16 * 1em); text-align: center;}
.home-industry .item .getback{border-color: #fff;color: #fff;}
.home-industry .item:hover .url{opacity: 1;}
.home-industry .item:hover  > .tit{ transform: translateY(100%); opacity: 0;}
@media(min-width:1025px){
.home-industry .item{width: calc(640 / 1920 * 100%);}
.home-industry .item:nth-child(2){width: calc(760 / 1920 * 100%);}
.home-industry .item:nth-child(3){width: calc(520 / 1920 * 100%);}
}
@media (max-width:1024px) {
.home-industry{padding-top: 0.45rem;}
.home-industry .home-title{margin-bottom: 0.45rem;}
.home-industry .item:nth-child(1){width: 100%;}
.home-industry .item{width: 50%;}
.home-industry .item .Ispic{height: 2rem;}
.home-industry .item:nth-child(1) .Ispic{height: 4rem;}
.home-industry .item .Ispic::before{width: 50%; height: 100%;}
.home-industry .url{opacity: 0;}
.home-industry .item > .tit{ left: 0.2rem;bottom: 0.2rem; }
}

.home-prod{padding: 0.7rem 0;overflow: hidden;}
.home-prod .btn{ width: 1.2rem; display: flex; justify-content: space-between;}
.home-prod .slick-arrow{width: 0.5rem; height: 0.5rem; border-radius: 50%;border: solid 0.01rem rgba(163, 171, 189, 0.3); background-size: 0.08rem auto; transition: 0.3s;}
.home-prod .slick-arrow:hover{background-color: var(--hovercolor);}
.home-prod .slick-prev{background-image: url(../images/btn-left2.svg);}
.home-prod .slick-next{background-image: url(../images/btn-right2.svg);}
.home-prod .slick-prev:hover{background-image: url(../images/btn-left-hover.svg);}
.home-prod .slick-next:hover{background-image: url(../images/btn-right-hover.svg);}

.home-prod .swiper a{display: block;  position: relative;}
.home-prod .swiper .Ispic{padding-bottom: calc(265 / 340 * 100%);}
.home-prod .txt aside{font-weight: 500;font-size: var(--fs24); margin: 0.31rem 0;}
.home-prod .txt .line{background-color: #e2ebf5;width: 0.53rem; height: 0.02rem; display: block; margin: 0.2rem 0;}
.home-prod .swiper a:hover .txt .line{background-color: var(--hovercolor);}
.home-prod .txt pre{font-weight: 100;color: var(--color); line-height: calc(30 / 16 * 1em);}

@media (min-width:1025px) {
.home-prod .auto-inner{display: flex;align-items: center; justify-content: space-between;}
.home-prod .right{flex-shrink: 0;width:calc(1070 / 1400 * 100%); }
.home-prod .btn{margin-top: 2.2rem;}
.home-prod .swiper{width: calc(1590 / 1920 * 100vw); }
.home-prod .swiper-slide{padding: 0.46rem 0 0.61rem 0.56rem;}
.home-prod .swiper a:before{position: absolute; content: ''; left: -0.25rem; bottom: -0.25rem;right: -0.25rem; top: -0.25rem;box-shadow: 0 0.15rem 0.46rem rgba(56,108,187,0.08); opacity: 0;transition: 0.3s;}
.home-prod .swiper a:hover:before{opacity: 1;}
}
@media (max-width:1024px) {
.home-prod .left{display: flex;justify-content: space-between; align-items: center;margin-bottom: 0.3rem;}   
.home-prod .swiper-slide{padding: 0.15rem;}
.home-prod .swiper{margin: 0 -0.15rem;}
}

.home-about{background-color: #f7f9fc; }
.home-about .right{position: relative;}
.home-about .right img{display: block;}
.home-about .play{position:absolute; width: 0.68rem;  top: 50%;margin-top: -0.34rem; z-index: 10; cursor: pointer;}
.home-about .play i{display: block; position: relative;z-index: 3;background: url(../images/play.svg) no-repeat center center; height: 0.68rem; background-size: contain; }
.home-about .play::after,
.home-about .play::before{position: absolute; content: ''; background-color: rgba(42, 114, 185, 0.3); left: 50%; top:50%; border-radius: 50%; }
.home-about .play::before{width: 0.92rem; height: 0.92rem;margin: -0.46rem 0 0 -0.46rem;animation: playscale 2s infinite ease;}
.home-about .play::after{width: 1.18rem; height: 1.18rem;margin: -0.59rem 0 0 -0.59rem;animation: playscale2 2s infinite ease;}
@keyframes playscale{
    0%{ transform: scale(1);  opacity: 1;}
    100%{ transform: scale(1.3); opacity: 0;}
    }
    @keyframes playscale2{
    0%{ transform: scale(1); opacity:1;}
    100%{ transform: scale(1.6); opacity: 0;}
    }
.home-about .bottom{width: 100%; box-shadow: 0 0 0.15rem rgba(42, 114, 185, 0.15); background-color: #fff; position: relative;z-index: 3;}
.home-about .left pre{line-height: calc(30 / 16 * 1em); font-weight: 100;}
@media (min-width:1025px) {
.home-about .auto-inner{display: flex; flex-wrap: wrap;}
.home-about .left{width: calc(760 / 1400 * 100%); padding-bottom: 1.19rem;display: flex;justify-content: center; flex-direction: column;}
.home-about .left .getback{padding: 0;width: 1.4rem;text-align: center;}
.home-about .right{width: calc(640 / 1400 * 100%); padding-bottom: calc(694 / 1400 * 100%);}
.home-about .right img{max-width: none; width: calc(900 / 640 * 100%);position: absolute; left: 0;top: 0;}
.home-about .left pre{margin: 0.62rem 0 0.5rem 0; max-width: 6.48rem; width: 90%; }
.home-about .play{left: -0.34rem;}
.home-about .bottom{margin-top: -1.19rem; }
}
@media (max-width:1024px) {
.home-about .left{padding: 0.5rem 0;}
.home-about .left pre{margin: 0.2rem 0; }
.home-about .play{left: 50%; margin-left: -0.34rem;}
}

.edit-13{ padding: 0.9rem 0.8rem;}
.edit-13 dl{display: flex;align-items: center;}
.edit-13 dt{display: flex;align-items: center; justify-content: center; width: 1rem; height: 1rem; border-radius: 50%;box-shadow: 0rem 0.03rem 0.3rem rgba(42, 114, 185, 0.15);}
.edit-13 dd{padding-left: 0.42rem;}
.edit-13 dd b{font-size: 0.6rem;font-family: 'ennum'; line-height: calc(43 / 60 * 1em);display: inline-block;vertical-align: text-top;}
.edit-13 dd sup{font-size: var(--fs20);display: inline-block; vertical-align: text-top;}
.edit-13 dd aside{margin-top: 0.2rem; font-weight: 100;}
@media (min-width:1025px) {
    .edit-13{display: flex; align-items: center; justify-content: space-between;}
}
@media (max-width:1024px) {
    .edit-13{ padding: 0.3rem;}
    .edit-13 dl:not(:last-child){margin-bottom: 0.3rem;}
}

.home-partner{padding: 1.16rem 0 1.21rem 0;}
.home-partner .home-title{margin-bottom: 0.57rem;}
.home-partner .slider{margin: 0 -0.15rem;}
.home-partner .slick-slide > div{float:left; }
.home-partner .slick-slide > div a{display: flex; margin: 0.15rem;box-shadow: 0 0 0.14rem 0.01rem rgba(56, 108, 187, 0.15);align-items: center; justify-content: center; height: 1.1rem;}
.home-partner .slick-dots{margin-top: 0.55rem;display: flex;justify-content: center;}
.home-partner .slick-slide img{max-height: 1rem; max-width: 90%;}
@media (min-width:1025px) {
.home-partner .slick-slide > div{width: 20%;} 
}
@media (max-width:1024px) {
 .home-partner .slick-slide > div{width: calc(100% / 3);}
 .home-partner{padding: 0.5rem 0;}
}

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable{height: 100%;}
.video-box .ytable-cell{ text-align:center;}
.video-box video{ width:90%; max-width:900px;}


#header {position: fixed; left:0; top:0; width: 100%; z-index: 10; background-color:#fff;}
#header .tel{width: 100%; text-align: right;padding-right: 2%; display:-webkit-flex; display:flex; align-items:center; justify-content:flex-end;}
#header .tel::before{ content:''; display:block; width:30px; height:30px; background-image:url(../images/tel.svg); background-size:20px; background-repeat:no-repeat; background-position:center;}
#header .tel i{font-style: normal; color: var(--hovercolor);}
.home #header {background-color: transparent;}
.home #header:hover {background-color: #fff;}
.home #blank {display: none;}
#blank {overflow: hidden; width: 100%; clear: both;}
#header.fixed {background-color:#fff; border-bottom: 1px solid #d9dadd;}
#header.fixed .auto-inner {height:0.8rem; transition:height .2s;}
#header.fixed #menu li aside a {color: var(--color);}
#header.fixed .top-search .text {color: var(--color);}
#header.fixed .top-search .btn {background-image: url(../images/search.svg);}
#header.fixed .top-search.show .text {color:#fff;}
#header.fixed .top-search.show .btn {background-image: url(../images/search-white.svg);}
@media (max-width:1024px) {
    .home #blank {display: block;}
    #header {transition:height .2s;}
     #header .tel{display: none}
    #header.fixed .auto-inner {height: auto;}
    #header.fixed .logo,
    #header.fixed {height: 0.8rem;}

    }