/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:18}
.header>div>div {display:inline-block;vertical-align:middle;width:40%}
.header .logos {line-height:.96rem;}
.header .logos img {max-height:.65rem;transition:none;}
.header .navlist{width:60%;text-align:right}
.header .navlist li {display:inline-block;padding-left:.85rem;}
.header .navlist li a{display:block;line-height:.96rem;font-size:.16rem;color:#FFF;font-weight:bold;position:relative}
.header .navlist li a:after{content:'';width:0;height:4px;background:#FFF;position:absolute;bottom:0;left:0;transition:all .5s ease-in-out;}
.header .navlist li.active a:after,.header .navlist li a:hover:after{width:100%}

.is_header {background:#14984f}
/*banner*/
.tem_banner.index{height:100vh}
.tem_banner.index .swiper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;transition:none;}
.tem_banner.index .swiper .imgs{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh}
.tem_banner.index .swiper .imgs img {display:none;}
.tem_banner.index .label_txt{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:2;width:100%;text-align:center;}
.tem_banner.index .label_txt h2 {font-size:.5rem;color:#FFF;font-weight:bold;}
.tem_banner.index .label_txt p{font-size:.36rem;color:#FFF;margin:.3rem 0 .7rem}
.tem_banner.index .label_txt h6 {font-size:.48rem;color:#FFF;}
.tem_banner.index .label_txt>*{transform:translateY(3vw);opacity:0;}
.tem_banner.index .swiper-slide-active .label_txt>*{opacity: 1 !important;pointer-events: auto !important;-webkit-transform: none !important;transform: none !important;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);transition: all .8s cubic-bezier(.69, .27, .45, .99);  transition-delay: 0s;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.tem_banner.index .swiper-slide-active .label_txt p{transition-delay:150ms}
.tem_banner.index .swiper-slide-active .label_txt h6 {transition-delay:200ms}
@keyframes dropdown2 {
	form{
		padding:.1rem 0 0
	}
	to{
		padding:.3rem 0 0
	}
}
.tem_banner.index .scrolly{position:fixed;bottom:.6rem;left:50%;transform:translateX(-50%);z-index:1;width:.62rem;height:.62rem;border-radius:100%;border:1px solid #FFF;text-align:center;font-size:.24rem;color:#FFF;font-weight:bold;}
.tem_banner.index .scrolly i{line-height:normal;animation: dropdown2 1.1s linear infinite alternate;}

main#mains {position:relative;z-index:5;background:#FFF;}
.index_product{padding:.6rem 0 .7rem;background:url(../images/icon1.jpg) 0 0 no-repeat #FFF;background-size:100% auto;position:relative}
.index_product>div{position:relative}
.index_product:before{content:'';width:2px;height:80%;background:#ececec;position:absolute;left:50%;bottom:.7rem;transform:translateX(-50%)}
.index_product>div:before,.index_product>div:after{content:'';width:1px;height:83%;background:#dcdcdc;position:absolute;left:25%;bottom:0;}
.index_product>div:after{left:auto;right:25%}
.index_product>div>p{font-size:.16rem;color:#6b6b6b;margin:0 0 .5rem;text-align:center}
.index_product>div>h3 {font-size:.48rem;color:#030303;font-weight:bold;text-align:center;margin:0 0 .6rem;}
.index_product>div>h4 {font-size:.2rem;color:#010101;letter-spacing:3px;margin:0 0 .7rem;text-align:center;}
.index_product .boxs{position:relative;z-index:2}
.index_product .boxs .items{margin:.3rem 0 0;display:flex;width:100%;    align-items: center;}
.index_product .boxs .items .imgs{width:50%;padding:0 1.35rem 0 0}
.index_product .boxs .items .imgs span {border-radius:0 0 0 50px;overflow:hidden;}
.index_product .boxs .items .text{width:50%;padding:0 1.35rem 0 0;}
.index_product .boxs .items .text .titles {margin:0 0 .5rem;}
.index_product .boxs .items .text .titles h5 {font-size:.36rem;color:#000000;letter-spacing:2px;}
.index_product .boxs .items .text .titles p{font-size:.48rem;color:#000;text-transform:uppercase;margin:.1rem 0 0}
.index_product .boxs .items .text .editor{font-size:.16rem;color:#555454;margin:0 0 .6rem}
.index_product .boxs .items .text .editor .txt{display:grid;grid-template-columns:1fr 1fr 1fr;width:4.75rem;max-width:100%;gap:.14rem .1rem;margin:0 0 .45rem;}
.index_product .boxs .items .text .editor .txt p{margin:0;border:1px solid #dedede;border-radius:9999px;font-size:.16rem;color:#000;text-align:center;line-height:.42rem;}
.index_product .boxs .items .text .mores>a{display:inline-block;background:#8dce43;border-radius:999px;font-size:.16rem;color:#FFF;line-height:.42rem;padding:0 .42rem;}
.index_product .boxs .items .text .editor .txt p:hover {background:#8dce43;color:#FFF;border-color:#8dce43}
.index_product .boxs .items:nth-child(2n) {flex-direction: row-reverse;}
.index_product .boxs .items:nth-child(2n) .imgs {padding:0 0 0 1.35rem;}
.index_product .boxs .items:nth-child(2n) .text {text-align:right;padding:0 0 0 1.35rem;}
.index_product .boxs .items .text .editor h6 {font-size:.36rem;color:#8dce43;margin:0 0 .75rem}
.index_product .boxs .items .imgs span:hover {box-shadow:4px 4px 6px rgba(0,0,0,.12);transform:translateY(-5px)}
.index_product .boxs .items .text .mores>a:hover {box-shadow:2px 2px 4px rgba(0,0,0,.12);}
/**/
.index_about{background-position:0 0;background-repeat:no-repeat;background-size:cover;padding:1.23rem 0 1.1rem;}
.index_about>div{display:grid;grid-template-columns:5.74rem auto;}
.index_about .text{background:url(../images/icon2.png) 0 0 no-repeat;background-size:100% 100%;display:flex;    flex-direction: column;    justify-content: center;height:5.74rem;padding:0 .45rem 0 .7rem}
.index_about .text>p{font-size:.3rem;color:#FFF;font-weight:bold;margin:0 0 .3rem;}
.index_about .text>h5 {font-size:.9rem;color:#FFF;line-height:1;margin:0 0 .2rem;font-family:"akzidenzgroteskbqxbold"}
.index_about .text>em {font-size:.24rem;color:#fefefe}
.index_about .text .t {padding:.9rem 0 0;margin:.3rem 0 0;border-top:2px solid rgba(255,255,255,.47)}
.index_about .text .t>p{display:inline-block;vertical-align:top;margin:0;width:50%;font-size:.18rem;color:#FFF;line-height:2}
.index_about .items{text-align:right}
.index_about .items>p{display:inline-block;vertical-align:top;margin:0;text-align:center;margin-left:.45rem;font-size:.16rem;color:#fefefe}
.index_about .items p em{display:block;margin:0 0 .2rem;}
.index_about .items p em img {max-height:.5rem;transition:none}
.index_about .items>p:first-child{margin-left:0}
/**/
.index_prodesc{padding:1.3rem 0 .85rem;}
.index_prodesc .titles{margin:0 0 1.05rem;position:relative}
.index_prodesc .titles>*{display:inline-block;vertical-align:bottom;}
.index_prodesc .titles h3 {font-size:.48rem;color:#030303;font-weight:bold;width:47%}
.index_prodesc .titles p{width:20%;font-size:.3rem;color:#030303;margin:0}
.index_prodesc .titles span {text-align:right;width:33%;padding:0 0 .2rem;}
.index_prodesc .titles span a{font-size:.16rem;color:#030303;}
.index_prodesc .titles span a i{font-size:.24rem;margin-left:.1rem;}
.index_prodesc .mains{padding:.62rem 0 0;position:relative;border-top:2px solid #6b6b6b}
.index_prodesc .mains:before,.index_prodesc .mains:after{content:'';width:2px;height:.25rem;background:#6b6b6b;position:absolute;top:0;left:45.5%;}
.index_prodesc .mains:after{left:73.5%}
.index_prodesc .mains>div{display:inline-block;vertical-align:top;width:44.1%}
.index_prodesc .mains .rlt {width:55.9%;}
.index_prodesc .mains .let {position:relative;overflow:hidden;}
.index_prodesc .mains .let p{position:absolute;bottom:.54rem;left:.65rem;font-size:.24rem;color:#FFF;line-height:1.8;margin:0}
.index_prodesc .mains .rlt>div{display:inline-block;vertical-align:top;width:50%;padding-left:.45rem;margin:0 0 .65rem;}
.index_prodesc .mains .rlt img {width:100%;height:2.43rem;object-fit:cover;}
.index_prodesc .mains .rlt p{font-size:.16rem;color:#383838;margin:.25rem 0 0;font-weight:bold}
.index_prodesc .mains .let:hover img{transform:scale(1.03);}
.index_prodesc .mains .rlt>div:hover img {transform:scale(1.03);box-shadow:2px 2px 4px rgba(0,0,0,.15)}
/**/
.index_slogan{padding:1.34rem 0 .85rem;background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.index_slogan>div{display:grid;grid-template-columns:auto 6.78rem;    align-items: end;}
.index_slogan .item p{display:inline-block;padding:0 .85rem 0 0;font-size:.24rem;color:#FFF;margin:0;text-align:center}
.index_slogan .item p em {display:block;height:.36rem;line-height:.36rem;margin:0 0 .1rem;}
.index_slogan .item p em img {max-height:.36rem;transition:none;}
.index_slogan .item p:last-child{padding:0}
.index_slogan .text{background:url(../images/icon3.png) 0 0 no-repeat;background-size:100% 100%;display:flex;height:4.37rem;padding:0 .9rem;flex-direction: column;    justify-content: center;}
.index_slogan .text p{font-size:.36rem;color:#FFF;margin:0;}
.index_slogan .text h4 {font-size:.48rem;color:#FFF;font-family:"Futura-ExtraBold";text-transform:uppercase;line-height:1;margin:.45rem 0}
.index_slogan .text em {font-size:.18rem;color:#FFF;letter-spacing:5px;margin:.25rem 0 0}
/**/
.index_news{padding:1.15rem 0 1.55rem;}
.index_news >div>div{display:inline-block;vertical-align:top;width:52.5%}
.index_news .rlt{width:47.5%;padding-left:1.08rem;}
.index_news h5{margin:0 0 .4rem;}
.index_news h5 a{font-size:.36rem;color:#232323;display:block;position:relative;}
.index_news h5 i {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.26rem;color:#7b7b7b;font-weight:bold;}
.index_news .let .lists li {padding:0 0 .2rem;border-bottom:1px dashed #e3e3e3;margin:0 0 .2rem;}
.index_news .let .lists li a{display:flex;position:relative;background:#f7f8fc;}
.index_news .let .lists li .imgs{position:relative;width:38.5%}
.index_news .let .lists li .imgs img {width:100%;height:2.14rem;object-fit:cover;transition:none;}
.index_news .let .lists li .txt{width:61.5%;padding:.3rem .25rem .3rem .4rem;}
.index_news .let .lists li .txt h6 {font-size:.18rem;color:#14984f;font-weight:bold}
.index_news .let .lists li .txt .times{margin:.25rem 0 .15rem;font-weight:bold;}
.index_news .let .lists li .txt .times>*{display:inline-block;vertical-align:middle;width:50%}
.index_news .let .lists li .txt .times span {font-size:.14rem;color:#767676}
.index_news .let .lists li .txt .times em {font-size:.14rem;color:#767676;text-align:right;}
.index_news .let .lists li .txt>p{font-size:.14rem;color:#5e5e5e;line-height:.28rem;height:.56rem;overflow:hidden;margin:0}
.index_news .rlt .items .lists{position:relative}
.index_news .rlt .items .swiper-slide a{display:block;position:relative;}
.index_news .rlt .items .swiper-slide a>div{display:inline-block;vertical-align:bottom;width:34.7%}
.index_news .rlt .items .swiper-slide .text{width:65.3%;padding:0 0 .5rem .23rem;}
.index_news .rlt .items .swiper-slide .imgs img {width:100%;height:2.7rem;object-fit:cover;transition:none}
.index_news .rlt .items .swiper-slide .text h6 {font-size:.18rem;color:#2e2e2e;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 1.25rem;}
.index_news .rlt .items .swiper-slide .text span {font-size:.14rem;color:#767676}
.index_news .rlt .items .slide-pagination{position:absolute;bottom:0;left:34.7%;width:auto;padding-left:.23rem;}
.index_news .rlt .items .slide-pagination span {opacity:1;outline:none;width:8px;height:8px;border:1px solid #787878;background:none;}
.index_news .rlt .items .slide-pagination span.swiper-pagination-bullet-active{background:#14984f;border-color:#14984f}
.index_news .rlt .items2{margin:.65rem 0 0}
.index_news .rlt .items2 h5 {margin:0 0 .2rem;}
.index_news .rlt .items2 .lists {padding:.3rem 0 0;border-top:1px solid #dcdcdc}
.index_news .rlt .items2 .lists li {margin:0 0 .2rem;}
.index_news .rlt .items2 .lists li>a{font-size:.18rem;color:#3b3b3b;font-weight:bold}
.index_news .rlt .items2 .lists li>a i {color:#5e5e5e;margin-right:.15rem;font-weight:normal;}
.index_news .rlt .items2 .lists li p{font-size:.14rem;color:#5e5e5e;line-height:.28rem;height:.56rem;overflow:hidden;margin:.1rem 0 0;display:flex;}
.index_news .rlt .items2 .lists li p i{color:#5e5e5e;margin-right:.15rem;font-weight:normal;font-size:.18rem;}
.index_news .rlt .items2 .lists li:last-child,.index_news .let .lists li:last-child {margin:0}
.index_news .rlt .items2 .lists li>a:hover {color:#14984f}
.index_news .let .lists li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.12)}
/**/
.footer{background:#313131;padding:.95rem 0 .55rem;}
.footer .navbox>div{display:inline-block;vertical-align:top;width:50%}
.footer .navbox .navlist dl {display:inline-block;vertical-align:top;max-width:25%;width:1.7rem;padding:0 .15rem 0 0;margin:0}
.footer .navbox .navlist dl dt {font-weight:normal;margin:0 0 .35rem;}
.footer .navbox .navlist dl dt a{font-size:.18rem;color:#bcbcbc}
.footer .navbox .navlist dl dd {margin:0 0 .13rem;}
.footer .navbox .navlist dl dd a{font-size:.14rem;color:#878787}
.footer .navbox .tels{width:25%;padding:.25rem 0 0;font-size:.14rem;color:#989797;}
.footer .navbox .codes{text-align:right;width:25%}
.footer .navbox .codes>div{display:inline-block;text-align:center}
.footer .navbox .codes img {width:1.28rem;transition:none}
.footer .navbox .codes p{font-size:.18rem;color:#bcbcbc;margin:.1rem 0 0}
.footer .copy {padding:.35rem 0 0;margin:.4rem 0 0;border-top:1px solid #4a4a4a;font-size:.14rem;color:#989797}
.footer .copy a{font-size:.14rem;color:#989797;}

.flash {position:relative;height:6.41rem;}
.flash .boxs {position:fixed;width:100%;height:6.41rem;top:0;left:0;transition:none;}
.flash img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:none;}
.flash .page_txt{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:1}
.flash .page_txt h4 {font-size:.36rem;color:#FFF}
.flash .page_txt p{font-size:.24rem;color:#FFF;margin:.2rem 0 0}

.common_menu{background:#FFF;border-bottom:2px solid #f1f1f1}
.common_menu li {display:inline-block;vertical-align:top;padding:0 .65rem 0 0}
.common_menu li a{display:block;font-size:.16rem;color:#212122;line-height:.75rem;position:relative;font-weight:bold}
.common_menu li a:after{content:'';width:0;height:2px;background:#8dce43;position:absolute;bottom:0;left:0;transition: all .7s cubic-bezier(.77,0,.175,1) 0s;}
.common_menu li img{max-height:.65rem;transition:none;}
.common_menu li.on a:after,.common_menu li a:hover:after{width:100%}
.common_menu li.on a,.common_menu li a:hover{color:#8dce43}
/**/
.company {background:url(../images/icon4.jpg) center no-repeat #eee;background-size:cover;}
.company >div>div{display:inline-block;vertical-align:middle;width:85.2%}
.company .items{width:14.8%}
.company .text{padding:.85rem .8rem .85rem 0;border-right:2px solid #e4e4e4}
.company .text h3 {font-size:.3rem;color:#14984f;font-weight:bold;margin:0 0 .3rem;}
.company .text .editor h5 {font-size:.24rem;color:#14984f;line-height:1;margin:0 0 .2rem}
.company .text .editor h5 em {display:inline-block;font-size:.9rem;font-family:"akzidenzgroteskbqxbold";line-height:1;margin:0 .1rem 0 0}
.company .text .editor{font-size:.16rem;color:#6b6b6b;line-height:1.8;}
.company .text .editor .t >p{display:inline-block;vertical-align:top;padding:0 .65rem 0 0;font-size:.18rem;color:#14984f;font-weight:bold;margin:0}
.company .items>p{margin:.4rem 0;text-align:center;font-size:.24rem;color:#14984f;font-weight:bold}
.company .items>p em {display:block;margin:0 0 .15rem;}

.moving-zone{padding:3.3rem 0;background-position:center;background-repeat:no-repeat;background-size:cover}
.moving-zone .popup-2{width:8.2rem;max-width:100%;position:relative;transform-style: preserve-3d;transition:none;margin:0 auto;}
.moving-zone .popup-2 p{display:inline-block;font-size:.16rem;color:#FFF;background:#8dce43;border-radius:999px;padding:0 .12rem;line-height:.44rem;margin:0 0 .24rem;}
.moving-zone .popup-2 h4 {font-size:.36rem;color:#FFF;font-family:"akzidenzgroteskbqxbold";text-transform:uppercase;text-align:center;line-height:1.8;letter-spacing:3.5px;}

.culture{padding:.9rem 0 2.05rem;background:url(../images/icon5.jpg) 0 0 no-repeat #FFF;background-size:100% auto;}
.culture h3 {font-size:.36rem;color:#14984f;font-weight:bold;text-align:center;margin:0 0 .65rem;}
.culture .lists {display:grid;grid-template-columns:1fr 1fr;gap:.48rem .42rem;}
.culture .lists>div{position:relative;border-radius:6px;overflow:hidden}
.culture .lists>div img {width:100%;height:4.4rem;object-fit:cover;transition:none}
.culture .lists>div .txt{position:absolute;bottom:.7rem;left:0;padding:0 .65rem;width:100%;z-index:1}
.culture .lists>div .txt>*{display:inline-block;vertical-align:middle;width:10%}
.culture .lists>div .txt .editor {width:90%;padding-left:.5rem;background:url(../images/icon6.png) 0 center no-repeat;background-size:.39rem auto;font-size:.24rem;color:#FFF;font-weight:bold}
.culture .lists>div .txt h6 {font-size:.24rem;color:#FFF;font-weight:bold;line-height:1.6}
.culture .lists>div .txt .editor p{margin:0}
.culture .lists>div:nth-child(2n) {transform:translateY(1.09rem)}
.culture .lists>div:hover {box-shadow:4px 4px 6px rgba(0,0,0,.15);}
/**/
.workshop{padding:.8rem 0 1.2rem;background:#f4f4f4}
.workshop h3 {font-size:.36rem;color:#14984f;font-weight:bold;text-align:center;margin:0 0 .4rem;}
.workshop .lists .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .14rem}
.workshop .lists .swiper-slide>div>div{position:relative;}
.workshop .lists .swiper-slide img {width:100%;height:5.77rem;object-fit:cover;transition:none}
.workshop .lists .swiper-slide>div>div:nth-child(2) img {height:3.49rem;}
.workshop .lists .swiper-slide>div:nth-child(2n)>div:first-child img{height:3.49rem;}
.workshop .lists .swiper-slide>div:nth-child(2n)>div:nth-child(2) img{height:5.77rem;}
.workshop .lists .swiper-slide p{position:absolute;top:.43rem;left:.3rem;z-index:1;margin:0;font-size:.18rem;color:#FFF;font-weight:bold;width:1.7rem;background:linear-gradient(to right,#32a275,rgba(50,162,117,0));padding:0 .14rem;line-height:.44rem;}
.workshop .lists .swiper-slide>div>div{margin:0 0 .1rem;}
.workshop .lists .swiper-slide>div a{display:block;border-radius:5px;overflow:hidden;}
.workshop .lists .swiper-slide>div a:hover{transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.15)}
/**/
.product_box{padding:.7rem 0 1.35rem;}
.product_box .items {text-align:center;margin:0 0 .5rem}
.product_box .items>a{display:block;position:relative;border-radius:8px;overflow:hidden;}
.product_box .items .txt{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:1;transform:translateY(-50%)}
.product_box .items .txt h6 {font-size:.36rem;color:#FFF;letter-spacing:3px;}
.product_box .items .txt p{font-size:.16rem;color:#FFF;text-transform:uppercase;margin:.15rem 0 .8rem;letter-spacing:2px;}
.product_box .items .txt em {display:inline-block;border:2px solid #FFF;border-radius:999px;padding:0 .2rem;line-height:.39rem;font-size:.14rem;color:#FFF}
.product_box .items .txt em i{margin-left:.1rem;}
.product_box .items>a:hover {transform:translateY(-5px);box-shadow:2px 2px 4px rgba(0,0,0,.16)}
.product_box .items>a:hover .txt em {background:#8dce43;border-color:#8dce43;}
/*列表*/
.product_lists{padding:.7rem 0 2.05rem;}
.product_lists .titles {margin:0 0 .8rem;text-align:center}
.product_lists .titles h2 {font-size:.48rem;color:#14984f;font-weight:bold;letter-spacing:6px;}
.product_lists .titles p{font-size:.2rem;color:#010101;margin:.2rem 0 0;letter-spacing:5px;}
.product_lists .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;}
.product_lists .lists ul li {border:1px solid #a4a4a4;border-radius:8px;overflow:hidden;text-align:center}
.product_lists .lists li .imgs{height:4.65rem;line-height:4.65rem;}
.product_lists .lists li .imgs span {display:inline-block;vertical-align:middle;background:none !important;}
.product_lists .lists li .imgs img {max-height:3.73rem;object-fit:cover;transition:none}
.product_lists .lists li .txt {padding:0 0 .4rem;}
.product_lists .lists li .txt h4 {font-size:.2rem;color:#000000;font-weight:bold;}
.product_lists .lists li .txt p{font-size:.16rem;color:#535353;line-height:.28rem;height:.56rem;overflow:hidden;margin:.2rem 0 0}
.product_lists .lists li a:hover .imgs {transform:scale(.98)}
.product_lists .mores{margin:.75rem 0 0;transition:none;}
.product_lists .mores>a{display:inline-block;font-size:.18rem;color:#9b9b9b;}
.product_lists .mores>a>i{display:block;width:.54rem;height:.54rem;border:1px solid #e4e4e4;border-radius:100%;line-height:.52rem;font-size:.26rem;color:#adadad;margin:.2rem auto 0;}
/**/
.mbx {background:#FFF;font-size:.16rem;color:#7a7a7a;padding:.3rem 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.mbx a{font-size:.16rem;color:#7a7a7a;}
.mbx>div>*:last-child{color:#14984f}
.page_header{background:#14984f}
.show_product{padding:.96rem 0 2.65rem;background:#f5f5f5}
.show_product .boxs{display:flex;margin:.35rem 0 0;border-radius:6px;overflow:hidden}
.show_product .boxs>div{width:50%}
.show_product .imgbox{position:relative;background:#FFF;padding:.9rem .4rem }
.show_product .imgbox>div{display:inline-block;vertical-align:top;width:17%}
.show_product .imgbox #gallery{width:83%}
.show_product .imgbox #gallery .swiper-slide {height:7.05rem;line-height:7.05rem;text-align:center;}
.show_product .imgbox #gallery .swiper-slide img {max-height:7.05rem;}
.show_product .imgbox #thumbs{height:7.05rem;}
.show_product .imgbox #thumbs .swiper-slide {border:1px solid #e2e2e2;border-radius:5px;    display: flex;
    flex-direction: row;    justify-content: center;    align-items: center;cursor:pointer;padding:0 .1rem;}
.show_product .imgbox #thumbs .swiper-slide img {max-height:1.35rem;transition:none;}
.show_product .contents{background:#fbfbfb;position:relative;padding:.2rem 0 1.2rem .8rem;display:flex;    flex-direction: column;    justify-content: space-between;overflow:hidden}
.show_product .contents:before{content:'';width:4.02rem;height:100%;background:url(../images/icon7.png) 0 center no-repeat;background-size:100% auto;position:absolute;left:-2.45rem;top:0}
.show_product .contents>*{position:relative;z-index:10}
.show_product .contents .bk_list{text-align:right;padding:0 .25rem;}
.show_product .contents .bk_list a{font-size:.18rem;color:#9b9b9b;}
.show_product .contents .bk_list i{width:.4rem;height:.4rem;border:1px solid #e5e5e5;line-height:.38rem;text-align:center;border-radius:100%;margin-left:.1rem;font-size:.24rem;}
.show_product .contents .bk_list a:hover {color:#14984f;}
.show_product .contents .bk_list a:hover i{background:#14984f;color:#FFF;border-color:#14984f}
.show_product .contents .txt {}
.show_product .contents .txt h3 {font-size:.36rem;color:#000;font-weight:bold;margin:0 0 .4rem;}
.show_product .contents .txt .editor {font-size:.16rem;color:#535353;line-height:1.8;padding:0 0 .4rem;border-bottom:2px solid #757575;padding-right:.25rem;}
.show_product .contents .links>a{display:inline-block;background:#14984f;border-radius:5px;margin-right:.2rem;padding:0 .52rem;line-height:.6rem;font-size:.16rem;color:#FFF}
.show_product .contents .links>a:hover {box-shadow:6px 6px 8px rgba(0,0,0,.12)}
/*新闻列表*/
.news_box{padding:.7rem 0 1.4rem;}
.news_box h3 {font-size:.48rem;color:#14984f;font-weight:bold;margin:0 0 .7rem;text-align:center;letter-spacing:5px;}
.news_box .topnews{display:flex}
.news_box .topnews>div{width:50%}
.news_box .topnews .let {position:relative;padding-right:.27rem;}
.news_box .topnews .let .swiper-slide img {width:100%;height:4.65rem;object-fit:cover;transition:none;}
.news_box .topnews .let .names {position:absolute;bottom:0;left:0;width:4.05rem;max-width:100%;padding:.4rem .45rem .5rem;background:rgba(0,0,0,.5)}
.news_box .topnews .let .names h6 {font-size:.22rem;color:#FFF;font-weight:bold;line-height:.3rem;height:.6rem;overflow:hidden}
.news_box .topnews .let .slide-pagination{position:absolute;left:.45rem;bottom:.25rem;z-index:1}
.news_box .topnews .let .slide-pagination span {opacity:1;outline:none;width:8px;height:8px;background:#FFF;margin:0 .15rem 0 0 !important;}
.news_box .topnews .let .slide-pagination span.swiper-pagination-bullet-active{background:#14984f}
.news_box .topnews .rlt{border-top:1px solid #d2d2d2}
.news_box .topnews .rlt li{display:flex;width:100%;height:1.55rem;border-bottom:1px solid #d2d2d2}
.news_box .topnews .rlt li>a{display:flex;width:100%;    flex-direction: row;    align-items: center}
.news_box .topnews .rlt li p{margin:0;width:85%;font-size:.22rem;color:#292b2a;font-weight:bold;padding-left:.28rem;position:relative}
.news_box .topnews .rlt li p:before{content:'';width:6px;height:6px;background:#898989;position:absolute;left:.07rem;top:50%;transform:translateY(-50%);border-radius:100%}
.news_box .topnews .rlt li span {font-size:.22rem;color:#b5b5b5;text-align:right;width:15%}
.news_box .topnews .rlt li a:hover p{color:#14984f}
.news_box .lists{padding:.6rem 0 0}
.news_box .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem .3rem;}
.news_box .lists li a{display:block;position:relative;background:#f4f4f4;}
.news_box .lists li .imgs {overflow:hidden;position:relative}
.news_box .lists li .imgs img {width:100%;height:3.05rem;object-fit:cover;transition:none}
.news_box .lists li .imgs font {font-size:.22rem;color:#FFF;font-family:"akzidenzgroteskbqxbold";position:absolute;top:.25rem;left:.25rem;z-index:1}
.news_box .lists li .txt{padding:.35rem .3rem .7rem;}
.news_box .lists li .txt h6 {font-size:.18rem;color:#292929;padding:0 0 .2rem;border-bottom:1px solid #e3e3e3}
.news_box .lists li .txt p{font-size:.16rem;color:#5c5c5c;line-height:.25rem;height:.5rem;overflow:hidden;margin:.2rem 0 .55rem;}
.news_box .lists li .txt em {font-size:.16rem;color:#14984f}
.news_box .lists li .mains{position:absolute;top:0;left:0;width:100%;height:0;z-index:1;background:#eefff6;padding:.4rem .35rem 0;overflow:hidden;opacity:0}
.news_box .lists li .mains>*{transform:translateY(3vw);transition:all .8s ease-in-out;opacity:0}
.news_box .lists li .mains span {font-size:.22rem;color:#14984f;font-family:"akzidenzgroteskbqxbold";display:inline-block;}
.news_box .lists li .mains h5 {font-size:.22rem;color:#292929;margin:.55rem 0 .5rem;line-height:.28rem;height:.56rem;overflow:hidden}
.news_box .lists li .mains p{font-size:.16rem;color:#5c5c5c;margin:0 0 1.15rem;line-height:1.7}
.news_box .lists li .mains em {font-size:.16rem;color:#14984f;display:inline-block;}
.news_box .lists li a:hover .mains {height:100%;opacity:1}
.news_box .lists li a:hover .mains>*{transform:none;opacity:1;transition-delay:100ms}
.news_box .lists li a:hover .mains h5 {transition-delay:150ms}
.news_box .lists li a:hover .mains p {transition-delay:200ms}
.news_box .lists li a:hover .mains em {transition-delay:250ms}
.news_box .mores{margin:.75rem 0 0;transition:none;}
.news_box .mores>a{display:inline-block;font-size:.18rem;color:#9b9b9b;}
.news_box .mores>a>i{display:block;width:.54rem;height:.54rem;border:1px solid #e4e4e4;border-radius:100%;line-height:.52rem;font-size:.26rem;color:#adadad;margin:.2rem auto 0;}
/**/
.contact_box{background:#f7f7f7;}
.contact_box .infos>div>div{display:inline-block;vertical-align:top;width:50%}
.contact_box .infos .text{padding:1.3rem .85rem .7rem 1.45rem;}
.contact_box .infos .names{margin:0 0 .4rem;}
.contact_box .infos .names h3 {font-size:.36rem;color:#1b1b1b;}
.contact_box .infos .names p{font-size:.16rem;color:#676767;text-transform:uppercase;margin:.15rem 0 0}
.contact_box .infos .text .editor h5 {font-size:.24rem;color:#2c2b2b;margin:0 0 .45rem;line-height:1.7}
.contact_box .infos .text .editor .infos {margin:0 0 .45rem;}
.contact_box .infos .text .editor .infos .t{display:flex;    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;}
.contact_box .infos .text .editor .infos .t h6 {font-size:.3rem;color:#282828;}
.contact_box .infos .text .editor .infos .t em {font-size:.32rem;color:#14984f;}
.contact_box .infos .text .editor .infos>p{font-size:.16rem;color:#797979;margin:.15rem 0 0}
.contact_box .infos .text .editor>p{font-size:.16rem;color:#424242;}
.contact_box .infos .message{padding:1.3rem 1.1rem .7rem .7rem;border-left:1px solid #dcdcdc}
.contact_box .infos .message .lists>p{font-size:.24rem;color:#282828;letter-spacing:5px;margin:0 0 .25rem;}
.contact_box .infos .message .lists li {padding:0 .33rem 0 0;margin:0 0 .25rem;}
.contact_box .infos .message .lists li input[type="text"],.contact_box .infos .message .lists li textarea{width:100%;height:.48rem;min-height:35px;background:#FFF;padding:0 .15rem;font-size:.14rem;color:#757474;border:0}
.contact_box .infos .message .lists li textarea{height:1.6rem;padding:.15rem;}
.contact_box .infos .message .lists li input[name="checkcode"] {width:30%}
.contact_box .infos .message .lists li button {display:block;width:100%;height:.48rem;min-height:35px;background:#14984f;font-size:.14rem;color:#FFF;text-align:center;border:0}
.contact_box .infos .message .lists li:last-child{margin:0}
.contact_box .infos .message .lists li input[type="text"]:hover,.contact_box .infos .message .lists li textarea:hover {box-shadow:4px 4px 6px rgba(0,0,0,.2)}
.contact_box .infos .message .lists li button:hover {box-shadow:4px 4px 6px rgba(0,0,0,.15)}
.contact_box #container{height:5.35rem;min-height:350px;}

/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#14984f;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#FFF;color:#333;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#FFF}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}

.m_header2{background:#14984f}
.ys_navph2_menu_line, .ys_navph2_menu_line::before, .ys_navph2_menu_line::after{background:#FFF}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header,.m_header2{top:0;opacity:1;}
	
	.tem_banner{}
	
	
	.contact_box .infos .text{padding-left:0}
	.contact_box .infos .message{padding-right:0}

}
/********mobile*********/
@media(max-width:767px){
	.index_product .boxs .items .text,.index_product .boxs .items:nth-child(2n) .text{padding:0}
	.index_product .boxs .items{display:block;}
	.index_product .boxs .items .imgs,.index_product .boxs .items:nth-child(2n) .imgs{width:100%;padding:0 0 .5rem;}
	.index_product .boxs .items .text{width:100%}
	.index_product .boxs .items:nth-child(2n) .text{text-align:left;}
	
	.index_about > div,.index_slogan > div{display:block;}
	.index_about .items{text-align:left;}
	.index_prodesc .mains > div{width:100% !important;display:block;margin:0 0 .35rem;}
	.index_prodesc .mains .rlt > div{padding:0 .2rem;}
	.index_slogan > div .item {margin:0 0 .5rem;}
	.index_news > div > div{width:100% !important;display:block;margin:0 0 .35rem;}
	.index_news .rlt{padding-left:0}
	.footer .navbox > div{}
	.footer .navbox > div.navlist {display:none;}
	.footer .navbox .tels{width:75%}
	.company > div > div{width:80%}
	.company .items{padding-left:.1rem;width:20%}
	.company .items > p em img {max-height:.5rem;transition:none;}
	.culture .lists > div .txt{padding:0 .15rem;}
	.culture .lists{display:block;}
	.culture .lists > div{margin:0 0 .35rem;}
	.culture .lists > div:nth-child(2n){transform:none;}
	.workshop .lists .swiper-slide{}
	.product_box .items .imgs img {width:100%;height:300px;object-fit:cover;transition:none;}
	.product_lists .lists ul{grid-template-columns:1fr 1fr }
	.show_product .boxs{display:block;}
	.show_product .boxs > div{width:100%}
	.show_product .contents{padding:.2rem .25rem .8rem;}
	.show_product .contents .links {margin:.5rem 0 0}
	.news_box .topnews{display:block;}
	.news_box .topnews > div{width:100%}
	.news_box .topnews .let{padding:0 0 .35rem;}
	.news_box .lists ul{display:block}
	.news_box .lists ul li {display:inline-block;vertical-align:top;width:50%;padding:0 .15rem;margin:0 0 .4rem;}
	.contact_box .infos > div > div{width:100%;display:block;}
	.contact_box .infos .text{padding:1.3rem 0 .7rem}
	.contact_box .infos .message{padding:1.3rem 0 .7rem;border-left:0;border-top:1px solid #dcdcdc}
	.contact_box .infos .message .lists li input[type="text"], .contact_box .infos .message .lists li textarea,.contact_box .infos .message .lists li button{font-size:12px;}
	
}