@charset "utf-8";
/*公共样式*/
header.active1 .header-box{ transform: translateZ(0);}
header.active1 .header-box::after{ width: 100vw; border-radius: 0}

/* 布局工具类 */
.w100{ width: 100%;}
.navShow{ overflow: hidden}
.l1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}

/* Flex布局 */
.flex{display:flex;flex-wrap:wrap;}
.flexjs{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{display:flex;flex-wrap:wrap;align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}

/* 文本样式 */
.h4s1, .h4s2, .h4s3 {font-size: var(--font24);color: #000;line-height: 1.5;width: 100%;transition: all .5s;}
.ps1, .ps2, .ps3 {font-size: var(--font16);color: #666666;line-height: 1.875;width: 100%;transition: all .5s;}
.h6s1 {font-size: .16rem;color: #999999;line-height: 1.25;width: 100%;transition: all .5s;}

/* 图片容器 */
.imgBox{position:relative;overflow:hidden;isolation:isolate;contain: layout style paint;}
.imgBox .img, .imgBox .imgLi{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.imgBox .img, .imgBox .imgLi{padding-bottom: 59%;transition:transform .5s;background-size:cover;display:block;background-repeat:no-repeat;background-position:center;display:block;background: #fff;background-size: .4rem auto !important;will-change: transform;}
.imgBox img, .imgBox video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition: .5s;will-change: transform;}
.transImg{display: block;overflow: hidden;contain: layout style paint;}
.transImg img{ width: 100%; transition: transform .5s;will-change: transform;}
.flex{ flex-wrap: wrap;}
@keyframes roted{
    0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}
}
/* 桌面端悬停效果 */
@media screen and (min-width: 769px){
    .ieFiximg.trans:hover img{transform: scale(1.08)}
    .imgBox.trans:hover img{ transform: scale(1.08)}
    .a:hover .imgBox.trans img{ transform: scale(1.08)}
    .a:hover .ieFiximg.trans img{ transform: scale(1.08)}
    .transImg:hover img{transform: scale(1.08)}
    .a:hover .transImg img{ transform: scale(1.08)}
}
/*公共样式*/

.npulic .fl1{ background-size: cover !important; height: 100vh;}
.npulic .fl1 .container{ height: 100%; align-items: center;}

.hscfw .fl1{ background: url(../images/hscfw_b1.jpg) center no-repeat;  }

.ntit1{ width: 100%; text-align: center}
.ntit1 h3{font-size: var(--font60);color: #fff;line-height: 1.2;font-weight: bold;}
.ntit1 p{font-size: var(--font18);color: #fff;line-height: 1.66; margin: .18rem 0 0;}

.npad1{ padding: 1.12rem 0; }

.ntit2{ margin: 0 0 .45rem; text-align: center;}
.ntit2 h3{font-size: var(--font48);color: #222222;line-height: 1.2;font-weight: bold;}
.ntit2 p{font-size: var(--font24);color: #222222;line-height: 1.66;margin: 0 0 .06rem;}

.hscfw .fl2 .content{/* max-width: 16rem; */margin: 0 auto;border-radius: .1rem;padding: .7rem 0 .6rem;position: relative;z-index: 1}
.hscfw .fl2 .content .before{position: absolute;top: 0;bottom: 0;left: 50%;width: 100%;z-index: -1;background: url(../images/hscfw_b2.jpg) center no-repeat;background-size: cover;transform: translateX(-50%);}

.ntit3{margin: 0 0 .25rem;text-align: center;}
.ntit3 h3{font-size: var(--font36);color: #fff;line-height: 1.2;font-weight: bold;}
.ntit3 p{font-size: var(--font18);color: #fff;line-height: 1.66; margin: .12rem 0 .22rem;}

.nmore1W{ justify-content: center;}
.nmore1{font-size: var(--font16);color: #222222;align-items: center;justify-content: center;width: auto;min-width: 1.56rem;height: .4rem;background: #fff;border-radius: 50vw;margin: 0 auto;min-height: 40px;padding: 0 2em;}

.bd_li{ transition: .5s;}

.mtab1{  margin: 0 auto; max-width: 100%;}
/* .mtab1 .tempWrap{ overflow: visible !important;} */
.mtab1 .bd{margin: 0 auto;width: 14rem;height: 3.6rem;max-width: 100%;}
.mtab1 .swiper-slide{ text-align: center;}
.mtab1 .swiper-slide img{max-width: 100%;margin: 0 auto;transition: .5s;opacity: 0;}
.mtab1 .swiper-slide.swiper-slide-active img{ opacity: 1}
.mtab1 .hd ul{ justify-content: center;}
.mtab1 .hd ul li{ min-width: 1.6rem; text-align: center;}
.mtab1 .hd ul .imgW{ width: .7rem; height: .7rem; border-radius: 50vw; border: transparent dotted 2px; transition: .5s; padding: .03rem; margin: 0 auto;}
.mtab1 .hd ul .imgBox{ border-radius: 50%; background: #fff;}
.mtab1 .hd ul .imgBox .img{ padding-bottom: 100%; transform: scale(.8);}
.mtab1 .hd ul h4{ font-size: var(--font16); color: #fff; margin: .06rem 0 0;}

.mtab1 .hd ul li.on .imgW{ border: #fff dotted 2px;}

.hscfw .fl3{ padding-top: 0 !important;}
.hscfw .fl3 .transImg{ border-radius: .1rem;}

.nt1{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: .25rem; padding: 0 ; margin: .42rem 0 0;}
.nt1 li{ min-width: 0; border-top: #dfdfdf 2px solid; padding: .2rem 0 0;}
.nt1 h4{ font-size: var(--font24); color: #222222;}
.nt1 p{ font-size: var(--font16); color: #222222; line-height: 1.875; margin: .02rem 0 0;}

.hscfw .fl4{ text-align: center; background: url(../images/hscfw_b4.jpg) center top no-repeat; background-size: cover; padding: 10.72vw 0;}
.hscfw .fl4 .container{ position: relative;}
.hscfw .fl4 img{ transition: .5s;}
.hscfw .fl4 .i2{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0;}

.public-stock{ border: none}

@media(min-width: 769px){
    .nmore1:hover{background: var(--color); color: #FFFFFF}
}
@media(max-width: 769px){
    .hscfw .fl2 .content{ width: 100% !important; border-radius: 0 !important; }
    .mtab1 .hd ul{ flex-wrap: wrap;}
    .mtab1 .hd ul li{ padding: 0 7px; margin-bottom: .15rem;}

    .nt1{ grid-template-columns: repeat(2, 1fr); grid-gap: .25rem; padding: 0; }
    
    .ntit1 p br{ display: none;}
	
	.ntit1 h3{font-size: 26px;}
}

.gysgl .fl1{background: url(../images/gysgl_b1.jpg) center no-repeat;}

.gysgl .fl2{ background: url(../images/gysgl_b2.png) center no-repeat; background-size: cover;}
.gysgl .fl2 .container{ align-items: center; justify-content: space-between;}
.gysgl .fl2 .left{ width: 33.75%;}
.gysgl .fl2 .right{ width: 42.25%; }

.ntit4{ margin: 0 0 .4rem;}
.ntit4 h3{font-size: var(--font48);color: #222222;line-height: 1.2;font-weight: bold;}
.ntit4c{ margin-bottom: .55rem;}
.ntit4w h3{ color: #fff;}

.nt2{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: .2rem; }
.nt2 li{ min-width: 0;}
.nt2 .a{background: #fff;height: 2.6rem;border-radius: .1rem;padding: .32rem .36rem;flex-direction: column;justify-content: space-between;transition: .5s;}
.nt2 .a *{ transition: .5s}
.nt2 .top{align-items: baseline;justify-content: flex-start;}
.nt2 .top big{font-size: var(--font50);color: #85c02e;font-weight: bold;line-height: 1;}
.nt2 .top small{font-size: var(--font24);color: #222222;line-height: 1;margin: 0 0 0 .06rem;}
.nt2 .bottom{font-size: var(--font18);color: #222222;margin: .2rem 0 0;}

.nt2 .a:hover{ background: #85c02e}
.nt2 .a:hover *{ color: #fff}

.leida{ width: 100%; position: relative;}
.leida .i2, .leida .i3{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.leida .i2{ animation: roted 10s linear infinite;}

.gysgl .fl3{background: url(../images/gysgl_b3.jpg) center bottom no-repeat;background-size: cover;}
.gysgl .fl3 .container{ align-items: center; justify-content: space-between;}
.gysgl .fl3 .left{ width: 33.75%; order: 1;}
.gysgl .fl3 .right{ width: 42.25%; }

.gysgl .fl4{background: url(../images/gysgl_b3.jpg) center bottom no-repeat;background-size: cover;}
.gysgl .fl4 .container{ align-items: center; justify-content: space-between;}
.gysgl .fl4 .left{ width: 33.75%;}
.gysgl .fl4 .right{ width: 42.25%;}

.ntit4c{text-align: center;width: 100%;}

.nt3{ width: 12.8rem; max-width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .22rem; margin: 0 auto;}
.nt3 li{ min-width: 0;}
.nt3 .a{ display: block; position: relative;}
.nt3 .imgBox{ border-radius: .1rem;}
.nt3 .imgBox .img{ padding-bottom: 123%;}
.nt3 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: .5rem .36rem; text-align: center;}
.nt3 h3{ font-size: var(--font24); color: #fff; }
.nt3 p{ font-size: var(--font16); color: #fff; line-height: 1.875; margin: .1rem 0 0;}

.gysgl .fl6{ }
.gysgl .fl6 .container{ flex-direction: column; justify-content: center; height: 100%;}
.gysgl .fl6 .ntit3{ width: 100%;}

.nt4{ width: 12.8rem; max-width: 100%; margin: 0 auto; justify-content: space-between; padding-top: 5vw;}
.nt4 .top{align-items: baseline; justify-content: flex-start;}
.nt4 .top big{font-size: var(--font50);color: #85c02e;font-weight: bold;line-height: 1;}
.nt4 .top small{font-size: var(--font24);color: #fff;line-height: 1;margin: 0 0 0 .06rem;}
.nt4 .bottom{font-size: var(--font20);color: #fff;margin: .1rem 0 0;}

@media(max-width: 769px){
    .gysgl .fl2 .left{ width: 100%;}
    .gysgl .fl2 .right{ width: 100%; max-width: 100%; padding: .6rem 0 0;}

    .gysgl .fl3 .left{ width: 100%;}
    .gysgl .fl3 .right{ width: 100%; max-width: 100%; padding: .6rem 0 0; order: 1;}

    .gysgl .fl4 .left{ width: 100%;}
    .gysgl .fl4 .right{ width: 100%; max-width: 100%; padding: .6rem 0 0; order: 1;}

    .nt3{ grid-template-columns: repeat(1, 1fr);  grid-gap: .3rem;}
    .nt4 li{ width: 50%; margin-bottom: .4rem;}
    .gysgl .fl6{ min-height: 8rem;}
	
	.gysgl .fl2{ background: url(../images/gysgl_b3.png) center no-repeat; background-size: cover;}
}

.jshd .container{ max-width: 1280px;}
.jshd .fl1{ background: url(../images/jshd_b1.jpg) center no-repeat; background-size: cover; }

.nt5{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .3rem .2rem;}
.nt5 li{ min-width: 0;}
.nt5 .imgBox{ border-radius: .1rem;}
.nt5 .imgBox .img{ padding-bottom: 66.58%;}
.nt5 .txt{ padding: .2rem .1rem;}
.nt5 p{ margin: .08rem 0 .25rem;}

.ar1W{ justify-content: center; margin: .4rem 0 0;}
.ar1W .ar1{width: .5rem;height: .5rem;border-radius: 50vw;background: #ebebeb;justify-content: center;align-items: center;margin: 0 .1rem;font-size: var(--font18);color: #222;font-family: 'lib';cursor: pointer;transition: .5s;}

.jshd .fl3{ padding-top: 0;}

.nt6 .imgBox { border-radius: .1rem;}
.nt6 .imgBox .img{ padding-bottom: 46.875%;}

.ar2dots{ align-items: center; margin: .2rem 0 0;}
.dots1 span{ width: .08rem; height: .08rem; background: #ebebeb; opacity: 1; margin: 0 .05rem; transition: .5s;}
.dots1 span.active{ background: #222; opacity: 1;}

.ar2W{ width: .9rem;}
.ar2W .ar2{width: .4rem;height: .4rem;border-radius: 50vw;background: #ebebeb;justify-content: center;align-items: center;font-size: var(--font18);color: #222;font-family: 'lib';cursor: pointer;transition: .5s;}

.jshd .fl4{ padding-top: 0; background: url(../images/jshd_b2.jpg) center top no-repeat; background-size: cover;}

.nt7 li{ width: 8rem; max-width: 100%;}
.nt7 .a{ height: 4rem; background: #fff; border: #f2f5f7 2px solid; border-radius: .2rem; padding: .36rem .4rem; flex-direction: column; justify-content: space-between; transition: .5s; }
.nt7 .a *{ opacity: .5; transition: .5s;}
.nt7 .bottom{ align-items: center;}
.nt7 p{ font-size: .2rem; color: #000000; line-height: 1.8;}
.nt7 .imgBox{ width: .6rem; height: .6rem; border-radius: 50vw; border: transparent 2px solid; margin: 0 .18rem 0 0;}
.nt7 .imgBox .img{ padding-bottom: 100%;}

.nt7 .swiper-slide-active .a *{ opacity: 1;}
.nt7 .swiper-slide-active .imgBox{ border: #81c548 2px solid;}

@media(min-width: 769px){
    .ar1W .ar1:hover{ background: #222; color: #fff;}

    .ar2W .ar2:hover{ background: #222; color: #fff;}
}
@media(max-width: 769px){
    .nt5{ grid-template-columns: repeat(2, 1fr); grid-gap: .3rem .2rem;}

    .ar1W .ar1{width: .7rem;height: .7rem;}
    .ar2W{ width: 1.6rem}
    .ar2W .ar2{width: .7rem;height: .7rem;}
}

.yjsm .container{ max-width: 1280px;}
.yjsm .fl1{ background: url(../images/yjsm_b1.jpg) center no-repeat; background-attachment: fixed;}

.nt8{display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1.2rem;/* background: url(../images/nt8_l.svg) center no-repeat; *//* background-size: 8.03rem auto; */position: relative;z-index: 1;}
.nt8 .before{content: "";position: absolute;top: 50%;left: 50%;z-index: -1;transform: translate(-50%, -50%);margin: .02rem 0 0;}
.nt8 .before svg{ width: 8.03rem;}
.nt8 .cls-1{fill:none;stroke-dasharray:8 5;}
.nt8 .cls-2{stroke:#ccc;}
.nt8 .cls-3{stroke:#85c02e;-webkit-mask: url(../images/nt8_ls1.svg) center no-repeat;mask: url(../images/nt8_ls1.svg) center no-repeat;-webkit-mask-size: cover;mask-size: cover;mask: none \0;}
.nt8 .cls-4{stroke:#fff;display: none;}
.nt8 li{ min-width: 0;}
.nt8 .a{ align-items: center;}
.nt8 .imgBox{ width: 5.6rem; border-radius: .1rem;}
.nt8 .imgBox .img{ padding-bottom: 75%;}
.nt8 .txt{ width: calc(100% - 5.6rem - 11vw); text-align: center;}
.nt8 h4{ font-size: var(--font48); color: #222222; font-weight: 600; transition: .5s;}
.nt8 p{ font-size: var(--font18); color: #666666; margin: .1rem 0 0; transition: .5s;}

.nt8 li:nth-child(2n) .txt{ order: 1;}

.yjsm .fl2{ background: url(../images/yjsm_b2.jpg) center no-repeat; background-size: cover;}
.yjsm .fl2 .ntit4c{margin-bottom: 1.12rem;}

.nt9{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .2rem;}
.nt9 li{ min-width: 0;cursor: pointer;}
.nt9 .a{ display: block; position: relative; border-radius: .1rem; overflow: hidden;}
.nt9 .imgBox .img{ padding-bottom: 72.63%;}
.nt9 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; justify-content: space-between; padding: .3rem; background: rgba(0,0,0,.7); opacity: 0; transition: .5s;}
.nt9 .txt p{ font-size: var(--font16); color: #fff; line-height: 1.875; margin: .1rem 0 0; }
.nt9 .a1{ align-self: flex-end; width: .46rem; height: .46rem; background: #85c02e; border-radius: 50vw; font-size: var(--font24); color: #fff; font-family: 'lib'; justify-content: center; align-items: center;}

.nt9 .txt1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; justify-content: flex-end; padding: .3rem; background: rgba(0,0,0,.1); transition: .5s;}
.nt9 .txt1 .top{ width: 100%; align-items: center;}
.nt9 h4{ font-size: var(--font24); color: #fff; font-weight: 600; flex: 1; overflow: hidden;}
.nt9 .a2{ width: .46rem; height: .46rem; border-radius: 50vw; background: #fff; justify-content: center; align-items: center; margin: 0 0 0 .1rem;}
.nt9 .a2 img{ width: .2rem;}

.nt9 .a:hover .txt{ opacity: 1; visibility: visible;}
.nt9 .a:hover .txt1{ opacity: 0; visibility: hidden}

.yjsm .fl4{ padding-top: 0;}

.miso_f1{ padding: .4rem 0 0}
.miso_f1 .content{ width: calc(50% - .4rem);}
.miso_f1 .content h3{font-size: var(--font24);color: #222222;margin-bottom: .15rem;}
.miso_f1 .box .con{border-bottom: #ededed 1px solid;align-items: center;}
.miso_f1 .box .con h4{min-width: 1.14rem;font-size: var(--font16);color: #313131;padding: 0;line-height: 1;margin-right: 0.4rem;}
.miso_f1 .input{flex: 1;height: .6rem;position: relative;border-radius: .1rem;}
.miso_f1 .input input{width: 100%;height: 100%;background: none;padding: 0;font-size: var(--font16);}
.miso_f1 .textarea{height: 1.25rem;border: #d2d8de 1px solid;position: relative;border-radius: .1rem;padding: .18rem 0;}
.miso_f1 .textarea textarea{width: 100%;height: 100%;background: none;padding: 0 .2rem;font-size: .16rem;color: #333;background: #fff;border-radius: .1rem;}
.miso_f1 .input .yzm{position: absolute;top: 50%;transform: translateY(-50%);left: 42%;width: 1.43rem;display: flex;align-items: center;cursor: pointer;}
.miso_f1 button:hover{opacity: .9;}
.miso_f1 button{width: 1.6rem;height: .54rem;background: #85c02e;border-radius: 50vw;font-size: var(--font16);color: #fff;cursor: pointer;transition: all .5s;display: flex;align-items: center;justify-content: center;margin: .6rem auto 0;}

@media(min-width: 769px){
    .nt8 .a:hover *{ color: #85c02e;}
}
@media(max-width: 769px){
    .nt8 .before{ display: none}
    .nt8{ grid-gap: .6rem; background: none;}
    .nt8 .imgBox{ width: 3rem;}
    .nt8 .txt{ width: calc(100% - 3rem - 5vw);}
    .nt8 h4{ font-size: var(--font36);}

    .nt9{ grid-template-columns: repeat(1, 1fr); grid-gap: .4rem;}
    .nt9 .a1{ width: .66rem; height: .66rem; }
    .nt9 .a2{ width: .66rem; height: .66rem; }
    .nt9 .a2 img{ width: .26rem;}

    .miso_f1 .content{width: 100%;margin-bottom: .6rem;}
    .miso_f1 .input{ height: .8rem;}
    .miso_f1 .box .con h4{ min-width: 2rem;}
    .miso_f1 button{margin: .2rem auto 0;width: 2rem;height: .64rem;}
    .miso_f1{ padding: 0}
}

.qqhbj .container{ max-width: 1280px;}
.qqhbj .fl1{ background: url(../images/qqhbj_b1.jpg) center no-repeat; }

.nt10{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .2rem;}
.nt10 li{ min-width: 0;}
.nt10 .a{ display: block; position: relative; border-radius: .1rem; overflow: hidden;}
.nt10 .imgBox .img{ padding-bottom: 104.11%;}
.nt10 .txt{position: absolute;top: 0.4rem;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;padding: 0 3vw;background: rgba(0,0,0,.5);opacity: 0;transition: .5s;text-align: center;}
.nt10 .txt p{ font-size: var(--font16); color: #fff; line-height: 1.875; margin: .1rem 0 0; }
.nt10 .a1{ align-self: flex-end; width: .46rem; height: .46rem; background: #85c02e; border-radius: 50vw; font-size: var(--font24); color: #fff; font-family: 'lib'; justify-content: center; align-items: center;}

.nt10 .txt1{position: absolute;right: 0;bottom: 0;left: 0;height: .8rem;align-items: center;padding: 0 .35rem;background: rgba(0,0,0,.5);transition: .5s;}
.nt10 .txt1 .top{ width: 100%; align-items: center;}
.nt10 h4{font-size: var(--font24);color: #fff;flex: 1;overflow: hidden;}
.nt10 i{width: 34px;height: 34px;border-radius: 50vw;background: #85c02e;display: flex;justify-content: center;align-items: center;margin: 0 0 0 .1rem;font-size: var(--font20);color: #fff;font-family: 'lib';font-style: normal;}

.nt10 .a:hover .txt{ opacity: 1; visibility: visible;top: 0;}
.nt10 .a:hover .txt1{ opacity: 0; visibility: hidden}

.qqhbj .fl2 .content{ margin: 1.14rem 0 0;}
.qqhbj .fl2 .content .right{ width: 50%; max-width: calc(100% - 2rem);}
.nt11 li{ border-top: #dfdfdf 1px solid; padding: .3rem 0 0; margin-bottom: .5rem;}
.nt11 li:last-child{margin-bottom: 0;}
.nt11 .ll{ font-size: var(--font24); color: #222222;}
.nt11 li .rr { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .2rem; }
.nt11 .rr .con{ min-width: 1.75rem;}
.nt11 .top{align-items: baseline; justify-content: flex-start;}
.nt11 .top big{font-size: var(--font36);color: #222222;font-weight: bold;line-height: 1;}
.nt11 .top small{font-size: var(--font24);color: #222222;line-height: 1;margin: 0 0 0 .06rem;}
.nt11 .bottom{font-size: var(--font16);color: #222222;margin: .1rem 0 0;}

.mtab2 .box{background-size: cover !important;height: 34.66vw;position: relative;margin: 0 auto;}
.mtab2 .box::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/mtab2_b.png) center bottom no-repeat; background-size: 100% auto; z-index: 1;}
.mtab2 .box .container{align-items: flex-end;height: 100%;max-width: 1600px;}
.mtab2 .box1{align-items: flex-start;width: 100%;justify-content: center;padding: .25rem 0;}
.mtab2 .box1 .con, .mtab2 .box1 .con1{ margin: 0 2vw}

.mtab2 .top{align-items: baseline;}
.mtab2 .top big{font-size: var(--font32);color: #fff;font-weight: bold;line-height: 1;}
.mtab2 .top small{font-size: var(--font20);color: #fff;line-height: 1;margin: 0 0 0 .06rem;}
.mtab2 .bottom{font-size: var(--font16);color: #fff;margin: .1rem 0 0;}
.mtab2 .con1 p{font-size: var(--font18);color: #fff;line-height: 1.35;
  /* margin: 0 0 0 .32rem; */
  flex: 1;overflow: hidden;}

.mtab2 .hd{ margin: .4rem 0 0; position: relative; z-index: 1; width: 100%;}
.mtab2 .hd::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #dfdfdf; z-index: -1;
}
.mtab2 .hd ul{ justify-content: center;}
.mtab2 .hd ul li{ flex: 1;}
.mtab2 .hd ul li .a{font-size: var(--font24);color: #222222;line-height: 1.35;height: var(--font80);display: flex;justify-content: center;align-items: center;transition: .5s; border-top:transparent 3px solid}

.mtab2 .hd ul li.on .a{ border-top:#85c02e 3px solid }

.qqhbj .fl2{ padding-bottom: 0 !important; }

.qqhbj .fl4{ border-top: #dfdfdf 1px solid; }
.qqhbj .fl4 .box{ width: calc(50% - 4vw);}
.nt12{ justify-content: space-between;}
.nt12 .top{align-items: baseline; justify-content: flex-start;}
.nt12 .top big{font-size: var(--font32);color: #85c02e;font-weight: bold;line-height: 1;}
.nt12 .top small{font-size: var(--font24);color: #666666;line-height: 1;margin: 0 0 0 .06rem;}
.nt12 .bottom{font-size: var(--font16);color: #666666;margin: .1rem 0 0;}

.mapbox1 img{ margin: 0 auto;}

.nt13{ margin: .7rem 0 0;}
.nt13 li{ margin: 0 .3rem 0 0; position: relative; font-size: var(--font20); color: #222222; padding: 0 0 0 .3rem;}
.nt13 li:before{ content: ""; position: absolute; top: 50%; left: 0; width: .17rem; height: .17rem; border-radius: 50vw; background: #85c02e; transform: translateY(-50%); }
.nt13 li.li2:before{ background: #108ccf;}

@media(max-width: 769px){
    .nt10{grid-template-columns: repeat(1, 1fr);grid-gap: .3rem .2rem;}
    .nt10 .txt1{ height: 1.1rem}

    .qqhbj .fl2 .content .right{ width: 100%; max-width: 100%;}
    .nt11 .rr .con{ min-width: 2.2rem;}
    .nt11 li{ margin-bottom: .6rem;}
    .nt11 li:last-child{ margin-bottom: 0}
    .mtab2 .box{height: 92vh;width: 100vw !important;border-radius: 0 !important}
    .mtab2 .box1 .con1{width: 100%;margin-top: .3rem;}
    .mtab2 .box1{ justify-content: flex-start}
    .mtab2 .box::before{ background-size: 100% 50vw}
    .mtab2 .bottom{ margin-top: 0}
    .mtab2 .top{ margin: 0 0 .12rem}
    .mtab2 .con1 p{font-size: var(--font16);}

    .mtab2 .hd ul{ justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;}
    .mtab2 .hd ul li{flex: inherit;width: auto;}
    .mtab2 .hd ul li .a{height: .8rem;font-size: var(--font18);padding: 0 .1rem;text-align: center;}
    .mtab2 .top small{font-size: var(--font16);}
    .qqhbj .fl4 .box{ width: calc(50% - 1vw);}
    .nt12 li{width: 100%;margin-bottom: .3rem;}
    .ntit4{ margin: 0 0 .5rem;}
}

.about1 .fl1{background: url(../images/about1_b1.jpg) center no-repeat;background-attachment: fixed;position: relative;z-index: 2;}

.about1 .fl2{position: relative;z-index: 1;padding: .4rem 0;}
.about1 .fl2:before{content: "";position: absolute;top: 0;bottom: 0;background: url(../images/guidao1.jpg) center repeat-y;width: .34rem;left: 50%;transform: translateX(-50%);background-size: 100% auto;}

.nt14{ position: relative; z-index: 1;}
.nt14 li{ align-items: center; padding: 1.2rem 0; position: relative; }
.nt14 .left, .nt14 .imgBox{ width: 6.4rem; max-width: calc((100% - 1.2rem)/2);}
.nt14 h3{ font-size: var(--font36); color: #222222; font-weight: 600;}
.nt14 p{font-size: var(--font16);color: #666666;line-height: 1.875;margin: .1rem 0 .3rem;}
.nt14 dl dd{margin: 0 0 .1rem;display: flex;height: .6rem;background: #f5f5f5;border-radius: 50vw;padding: 0 .3rem;align-items: center;font-size: var(--font18);color: #222222;}
.nt14 .imgBox{ border-radius: .1rem;}
.nt14 .imgBox .img{ padding-bottom: 75%;}
.nt14 .line{ width: .34rem; height: .34rem; position: relative;}
.nt14 .line .tit{position: absolute;right: 150%;top: 50%;transform: translateY(-50%);font-size: var(--font18);color: #e3e6df;line-height: 1;transition: .5s;z-index: 2;}
.nt14 .line::before{content: "";position: absolute;background: url(../images/nt14_b.png) center no-repeat;width: 1.42rem;height: 7.03rem;top: 50%;right: 100%;transform: translateY(-50%);opacity: 0; transition: .5s}
.nt14 .line:after{content: "";position: absolute;background: url(../images/guidao2.jpg) center no-repeat;width: .34rem;height: 7.2rem;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: .5s;background-attachment: fixed;pointer-events: none;}

.nt14::after{content: "";position: fixed;background: url(../images/guidao3.png) center no-repeat;width: .34rem;height: 7.2rem;top: 50%;left: 50%;transform: translate(-50%,-50%);/* opacity: 0; */transition: .5s;background-attachment: fixed;pointer-events: none;}

.about1 .fl3{background: #f5f5f5;position: relative;z-index: 2;}
.about1 .fl4{position: relative;z-index: 2;background: #fff;}
.about1 .fl5{ position: relative;z-index: 2;}

.nt15W{ padding: 0 8.3vw;}
@media(max-width: 1580px){
.nt15W{ padding: 0;}
}

.nt15Box{ padding: .3rem 0; margin: -.3rem 0}
.nt15 .imgBox{border-radius: 0 0 .2rem 0;transition: .5s;}
.nt15 .imgBox .img{padding-bottom: 2.64rem;}
@media(max-width: 1580px){
.nt15 .imgBox .img{padding-bottom: 3.64rem;}
}
.nt15 .txt{height: 3.2rem;position: relative;z-index: 1;margin: 0 0 -.9rem;padding: .4rem;}
.nt15 .txt::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 2.5rem;background: #fff;z-index: -1;border-radius: .3rem 0 .3rem 0; transition: .5s; box-shadow: 0px 0px 15px 0px rgba(225, 225, 225, 0.5);}
@media(max-width: 1580px){
    .nt15 .txt::before{
        height: 3.6rem;
    }
}
.nt15 h4{ margin: .2rem 0 0.8rem}

.more2{ align-items: center; font-size: var(--font16); color:#000000; transition: .5s;}
.more2 i{ font-size: var(--font24); color:#85c02e; font-family: 'lib'; font-style: normal; transform: rotate(45deg)}

.ar3W{ justify-content: center; margin: .4rem 0 0;}
.ar3W .ar3{width: .5rem;height: .5rem;border-radius: 50vw;background: #cbcbcb;justify-content: center;align-items: center;margin: 0 .1rem;font-size: var(--font18);color: #fff;font-family: 'lib';cursor: pointer;transition: .5s; position: absolute; top: 50%; transform: translateY(-50%);}
.ar3W .ar3.prev1{ left: .1rem;}
.ar3W .ar3.next1{ right: .1rem;}

.nt16{ display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: .2rem; grid-template-areas: "area1 area1 area2 area2 area3 area3" "area4 area4 area4 area5 area5 area5";}
.nt16 li{ min-width: 0;}
.nt16 li:nth-child(1) { grid-area: area1; }
.nt16 li:nth-child(2) { grid-area: area2; }
.nt16 li:nth-child(3) { grid-area: area3; }
.nt16 li:nth-child(4) { grid-area: area4; }
.nt16 li:nth-child(5) { grid-area: area5; }
.nt16 .a{min-height: 2.46rem;background: #f5f5f5;padding: .3rem;height: 100%;}
.nt16 .a.flex{ flex-direction: column; justify-content: space-between;}
.nt16 .a.flex h4{ font-size: var(--font24); color: #222222;}
.nt16 .a.flex .bottom{ text-align: right;}
.nt16 .a.flex .bottom h3{ font-size: var(--font42); color: #85c02e; line-height: 1;}
.nt16 .a.flex .bottom h3 span{ font-size: var(--font16); color: #666666; margin: 0 .1rem 0 0; line-height: 1;}
.nt16 .a.flex .bottom h6{ font-size: var(--font16); color: #666666; margin: .04rem 0 0;}

.nt16 .a.flexjs .left{ flex: 1; overflow: hidden;}
.nt16 .a.flexjs h4{ font-size: var(--font24); color: #222222; margin: 0 0 .1rem;}
.nt16 .a.flexjs p{ font-size: var(--font16); color: #666666; line-height: 1.5;}

.nt17{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .2rem; }
.nt17 li{ min-width: 0;}
.nt17 .a{ background: #f5f5f5; height: 1.6rem; flex-direction: column; justify-content: center; align-items: center; padding: 0 15px; text-align: center;}
.nt17 h4{ font-size: var(--font24); color: #222222;}
.nt17 h6{ font-size: var(--font16); color: #666666; margin: .08rem 0 0;}
.nt17 h6 i{ font-size: var(--font16); color: #666666; font-family: 'lib'; margin: 0 0 0 .05rem; font-style: normal;}

.about1 .fl5{padding-top: 0 !important;background: #fff;}

.nt15 .a .more2{opacity: 0;;}
@media(min-width: 769px){
    .nt14 li:hover .line::after{ opacity: 1}
    .nt14 li:hover .line:before{ opacity: 1}
    .nt14 li:hover .line .tit{ color: #85c02e}
    .ar3W .ar3:hover{ background: #767676}
    .nt15 .a:hover .txt .more2{opacity: 1;}
    .nt15 .a:hover .txt::before{ height: 2.46rem;}
    .nt15 .a:hover .more2{ transform: translateY(-.6rem);}
    .nt15 .a:hover .imgBox{ opacity: 1; filter:grayscale(0)}

    .a:hover h4{ color: #85c02e}
}
@media(min-width: 1260px){
    .nt15 .a:hover .txt::before{ height: 2.5rem;}
}
@media(max-width: 769px){
    .nt14 .line{ display: none;}

    .nt14 .left, .nt14 .imgBox{ width: 100%; max-width: 100%;}
    .nt14 .left{ order: 1; margin: .4rem 0 0;}
    .nt14 li{ padding: .4rem 0;}
    .nt14 dl dd{ height: .9rem;}
    .nt15 .txt{ margin: 0 0 -.4rem;}
    .nt15 .txt::before{height: 3rem;}
    .nt15 h4{ margin: .15rem 0 .3rem}
    .nt15 .imgBox .img{padding-bottom: 65%;}

    .nt16{display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: .2rem;grid-template-areas:"area1""area2""area3""area4""area5";}
    .nt16 .a.flexjs .left{ flex: auto; width: 100%}
    .nt16 .a.flexjs .img{  margin: .3rem auto 0}
    .nt16 .a.flexjs .img img{ }

    .nt17{ grid-template-columns: repeat(1, 1fr);}
    .nt17 .a{ height: 2rem}

    .nt15W{ padding: 0;}
    .ar3W{padding: 0;display: flex;align-items: center;}
    .ar3W .ar3{position: relative;margin: 0 .25rem;top: auto;transform: none;}
    .nt14::after{ display: none}
}

.contact .fl1{ height: 31.25vw;}
@media(max-width: 769px){
    .contact .fl1{ height: 8rem;}
}
.contact .fl1 .ntit4{ margin-bottom: 0; margin-top: var(--header-height);}

.contact .fl2{ background: url(../images/contact_b2.jpg) center no-repeat; background-size: cover;}
.contact .fl2 .container{ max-width: 1280px;}
.contact .fl2 .left{ width: 50%;}
.contact .fl2 .right{ width: 50%; padding: 0 0 0 5vw;}
.contact .fl2 h3{ font-size: var(--font36); color: #222222;}
.contact .fl2 p{font-size: var(--font18);color: #666666;margin: .1rem 0 .3rem;}
.contact .nt18 h6{justify-content: flex-start;}

.nt18 li{padding: .12rem 0;}
.nt18 h6 img{ width: .2rem; margin: 0 .06rem 0 0;}
@media(max-width: 1580px){
    .nt18 h6 img{ width: .26rem;}
}
.nt18 h6{ align-items: center; font-size: var(--font16);color: #666666;}
.nt18 h4{ font-size: var(--font24); color: #222222; font-weight: bold; margin: .04rem 0 0;}

.nt18 li:first-child h4{ text-decoration: underline; color: #85c02e;}

.more3{width: 100px;height: 40px;border: #85c02e solid 1px;border-radius: 50vw;font-size: var(--font16);color: #222222;justify-content: center;align-items: center;margin: .1rem 0 0;}
.more3 svg{width: 19px;height: 19px;fill: #85c02e;margin: 0 .08rem 0 0;}

.nt19{ grid-gap: .1rem; justify-content: flex-start;align-items: flex-start;}
.nt19 li {position: relative;}
.nt19 li a::before{display: none;}
.nt19 li a {display: flex;transition: .5s;position: relative;z-index: 1;align-items: center;justify-content: center;color: #212121;font-size: var(--font20);font-family: 'lib';width: .5rem;height: .5rem;border: #eaeaea 1px solid;border-radius: 50vw;}
.nt19 li a i,.swi-shipinhao,.swi-weixin0 {font-family: 'lib' }
.nt19 li a img {width: 50%;height: 50%;position: relative;z-index: 1;transition: all 0.5s }
.nt19 li .ewm {width: 1.4rem;background: #fff;border-radius: 0;position: absolute;padding: .03rem;top: 140%;left: 50%;margin-left: -.7rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)}
@media(max-width: 767px){
    .nt19 li .ewm{
        left: 121%;
    }
}
.nt19 li .ewm:before {content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }.lt12 li .ewm img {width: 100% }
@media(max-width: 767px){
    .nt19 li .ewm:before {
        display: none;
    }
}
.nt19 li:hover a {color: #85c02e;}
.nt19 li:hover a:after {transform: translate(-50%, -50%) scale(1) }
.nt19 li:hover a img {opacity: 1 }
.nt19 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0) }
.nt19 li:last-child {margin-right: 0 !important; }

.more4{ margin: 0 auto; width: 132px; height: 54px; background: #85c02e; border-radius: 50vw; display: flex; justify-content: center; align-items: center; font-size: var(--font16); color: #fff; cursor: pointer; transition: .5s;}
.more4:hover{
  color: #fff;
  opacity: 0.8;
}



.contact .fl3{ background: url(../images/contact_b3.jpg) center no-repeat; background-size: cover; padding: 10vw 0;}
.contact .fl3 .ntit2 p{ font-size: var(--font18)}
.contact .fl3 .ntit2 h3{ font-size: var(--font36)}

@media(max-width: 769px){
    .nt18 h6 img{ width: .26rem;}

    .contact .fl2 .left{width: 100%;order: 1;}
    .contact .fl2 .right{width: 100%;padding: 0 0 .5rem;}
    .more3 svg{ transform: scale(.8)}
    .more3{width: 90px;height: 32px;margin: .3rem 0 0;}

    .nt19 li .a{ width: .8rem; height: .8rem;}
    .nt19 li .ewm{ width: 120px; margin-left: -60px}
    .more4{ width: 100px; height: 40px; }

    .hscfw .pin-spacer{ height: auto !important; padding: 0 !important; width: 100vw !important; margin: 0 !important; }
    .hscfw .fl4{ width: 100vw !important;} 
}


/* 本地化供应 */
.fl4 .container .mapbox1 {
  width: 100%;
  margin-top: 1rem;
}
.fl4 .container .mapbox1 .public-img {
  overflow: initial;
}
.fl4 .container .mapbox1 .public-img::before {
  padding-top: 47.58308157%;
}
.fl4 .container .mapbox1 .public-img .x-li1 {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
.fl4 .container .mapbox1 .public-img .x-li1:hover {
  z-index: 8;
}
.fl4 .container .mapbox1 .public-img .x-li1:hover .x-zh .x-img1,
.fl4 .container .mapbox1 .public-img .x-li1:hover .x-zh .x-img2 {
  opacity: 1;
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh {
  width: 96px;
  height: 96px;
  border-radius: 100%;
  border: 1px dashed rgba(16, 140, 207, 0.4);
  background-color: rgba(16, 140, 207, 0.15);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-ia{
	width: 100%;
	height: 100%;
	
}
@media (max-width: 767px) {
  .fl4 .container .mapbox1 .public-img .x-li1 .x-zh {
    width: 50px;
    height: 50px;
  }
  .fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-ia{
  	width: 50px;
  	height: 50px;
  	
  }
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #222222;
  font-weight: bold;
  position: relative;
  z-index: 5;
  line-height: 1;
}
@media (max-width: 767px) {
  .fl4 .container .mapbox1 .public-img .x-li1 .x-zh span {
    font-size: 9px;
  }
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-dd {
  width: 12px;
  height: 12px;
  background-color: #85c02e;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-dd {
    width: 8px;
    height: 8px;
  }
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-img1 {
  width: 202%;
  height: 167%;
  position: absolute;
  left: 57%;
  top: -119%;
  z-index: 5;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-img1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-lo {
  width: 60px;
  height: 60px;
  background-color: #82be33;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-lo {
    width: 40px;
    height: 40px;
  }
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-lo img {
  width: auto;
  height: 14px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-lo img {
    height: 10px;
  }
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-ta {
  width: 12px;
  height: 12px;
  background-color: #85c02e;
  border-radius: 100%;
  position: absolute;
  left: 1%;
  top: 101%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-ta {
    width: 8px;
    height: 8px;
  }
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-img2 {
  width: 177%;
  height: 162%;
  position: absolute;
  left: -185%;
  top: 106%;
  z-index: 5;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-img2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-i {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 140, 207, 0.15);
  border-radius: 100%;
  border: 1px dashed rgba(16, 140, 207, 0.4);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: round1 3s linear infinite;
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-i:nth-child(2) {
  animation: round1 3s 1s linear infinite;
}
.fl4 .container .mapbox1 .public-img .x-li1 .x-zh .x-i:nth-child(3) {
  animation: round1 3s 2s linear infinite;
}

@media screen and (min-width: 768px) {
	@keyframes round1 {
	  0% {
	    width: 99%;
	    height: 99%;
	    opacity: 1;
	  }
	  100% {
	    width: 400%;
	    height: 400%;
	    opacity: 0;
	  }
	}
}


@media screen and (max-width: 767px){
	@keyframes round1 {
	  0% {
	    opacity: 1;
	    transform: translate(-50%, -50%) scale(1);
	    border: 1px dashed rgba(16, 140, 207, 0.4);
	  }
	  100% {
	    opacity: 0;
	    transform: translate(-50%, -50%) scale(4);
	    border: 0.25px dashed rgba(16, 140, 207, 0.4);
	  }
	}
}

.npad1 .g_title {
  position: relative;
}
.npad1 .g_title .g_li {
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s;
  width: 100%;
}
.npad1 .g_title .g_li.on {
  position: relative;
  opacity: 1;
}

.g_xs{display: block;}
.g_yc{display: none;}
@media (max-width: 767px) {
  .g_xs{display: none;}
  .g_yc{display: block;}
}