.header{position: fixed;width: 100%;z-index: 1000;font-size:0}
.header>div{padding:0 .8rem;height:1rem;line-height:1rem;display:flex;justify-content: space-between;border-bottom:1px solid rgba(255,255,255,.3)}
.header .logo {width:10%}
.header .logo a{display:inline-block;position:relative;}
.header .logo .logo1{opacity:0}
.header .logo .logo2{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:1;}
.header .navs{width:43%;}
.header .navs>ul{display:flex;font-size:0}
.header .navs>ul>li{width:20%;text-align:center;padding:0 .1rem;display:flex;justify-content: center;}
.header .navs>ul>li>a{font-size:.16rem;color:white;position:relative;}
.header .navs>ul>li>a:after{content:'';width:0;height:3px;background:#0e7c33;position:absolute;left:50%;transform:translateX(-50%);bottom:0;transition:all .5s ease-in-out;}
.header .navs>ul>li>a:hover:after,.header .navs>ul>li.active>a:after{width:50%;}
.header .navs .nav_dl{padding:.4rem .8rem;position:absolute;width:100%;left:0;display:flex;justify-content: center;background:rgba(0,0,0,.3);opacity: 0;visibility: hidden;pointer-events: none;transform:translateY(.5rem)}
.header .navs .nav_dl ul{display:flex;justify-content: flex-end;width:43%;}
.header .navs .nav_dl ul li{width:20%;text-align:center;}
.header .navs .nav_dl ul li  .item{display:flex;justify-content: center;margin:0 0 .15rem}
.header .navs .nav_dl ul li  .item:last-child{margin:0}
.header .navs .nav_dl ul li a{font-size:.14rem;color:white;position:relative;line-height:normal;}
.header .navs:hover .nav_dl{pointer-events: visible;visibility: visible;opacity: 1;transform:translateY(0)}
.header.index.nav_black{background:rgba(0,0,0,.3);}
.header .langs {display:flex;align-items: center;width:10%;justify-content: flex-end;}
.header .langs a{font-size:.14rem;color:white;margin:0 .15rem;line-height:normal;position:relative}
.header .langs a:first-child:after{content:"";position:absolute;width:1px;height:60%;background:white;right:-.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.header .langs a.active{color:#0e7c33 !important}

.header.is_header.index,.header.inside{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2) !important;}
.header.is_header .navs>ul>li>a,.header.inside .navs>ul>li>a{color:black}
.header.is_header .logo .logo2,.header.inside .logo .logo2{opacity:0;}
.header.is_header .logo .logo1,.header.inside .logo .logo1{opacity:1}
.header.is_header  .langs a,.header.inside .langs a{color:black;}
.header.is_header  .langs a:first-child:after,.header.inside  .langs a:first-child:after{background:black}



/* .header{position: fixed;width: 100%;z-index: 1000;;overflow:hidden;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.header>div{padding:0 .8rem;height:1rem;line-height:1rem;display:flex;justify-content: space-between;}

.header .navs{width:45.5%}
.header .navs ul{display:flex}
.header .navs ul li{margin-right:.9rem}
.header .navs ul  li a{font-size:.16rem;color:#000000;position:relative;font-weight:bold}
.header .navs ul  li a:after{content:'';width:0;height:3px;background:#0561b2;position:absolute;left:50%;transform:translateX(-50%);bottom:0;transition:all .5s ease-in-out;}
.header .navs ul  li a:hover:after,.header .navs>ul>li.active>a:after{width:50%;}
.header .langs {display:flex;align-items: center;}
.header .langs a{font-size:.14rem;color:#40464a;margin:0 .15rem;line-height:normal;position:relative}
.header .langs a:first-child:after{content:"";position:absolute;width:1px;height:60%;background:black;right:-.15rem;top:50%;transform:translateY(-50%)}
.header .langs a.active{color:#0561b2} */


.tem_banner.index .banner_txt{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;width:41%}
.tem_banner.index .banner_txt>div{margin:.07rem 0}
.tem_banner.index .banner_txt .imgs1{opacity:0;transform:translateX(1.5rem);opacity:0;transition:2s;}
.tem_banner.index .banner_txt .imgs2{opacity:0;transform:translateX(-1.5rem);opacity:0;transition:2s}
.tem_banner.index  h3{position:absolute;left:50%;transform:translate(-50%,1rem);font-size:.21rem;color:white;padding: .1rem .3rem;background:#0e7c33;border-radius:50px;z-index:2;bottom:10%;opacity:0;transition:2s}
.tem_banner.index  h3:after{content:"";position:absolute;width:2px;height:.45rem;background:rgba(255,255,255,8);left:50%;transform:translateX(-50%);top:-.75rem;animation: dropdown3 1s 0.2s linear infinite alternate}
@keyframes dropdown3 {
	form{
		top:-.75rem
	}
	to{
		top:-.5rem
	}
}
.tem_banner.index  .swiper-slide-active .banner_txt .imgs1{transform:translateX(0);opacity:1;}
.tem_banner.index  .swiper-slide-active .banner_txt .imgs2{transform:translateY(0);opacity:1;}
.tem_banner.index  .swiper-slide-active h3 {transform:translate(-50%,0);opacity:1;transition:2s}
.tem_banner.index .label_qh {position:absolute;padding:0 .28rem;left:1.4rem;bottom:.7rem;z-index:2}
.tem_banner.index .label_qh .slide-button-prev{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.24rem;color:white}
.tem_banner.index .label_qh .slide-button-next{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.24rem;color:white}
.tem_banner.index .label_qh .label_num{font-size:.18rem;color:white;font-weight:bold}
.tem_banner.index .label_qh .label_num i{font-size:.21rem;color:#61b2de}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .pro_banner_text{position:absolute;left:50%;transform:translateX(-50%);top:40%;text-align:center}
.tem_banner.indise .flash .pro_banner_text h1{font-size:.21rem;color:white;margin:0 0 .15rem;font-weight:bold}
.tem_banner.indise .flash .pro_banner_text h2{font-size:.5rem;color:white;line-height:.6rem;font-weight:bold}

.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .about_txt{position:absolute;position:absolute;left:2.35rem;top:54%;transform:translateY(-50%);}
.tem_banner.indise .flash .about_txt h1{font-size:.72rem;color:white;font-weight:bold;margin:0 0 .1rem}
.tem_banner.indise .flash .about_txt p{font-size:.48rem;color:white;height:.48rem;line-height:.48rem}


.tem_banner.indise .flash .scroll{position:absolute;left:50%;transform:translateX(-50%);bottom:0;text-align:center}
.tem_banner.indise .flash .scroll p{font-size:.16rem;color:white;padding:0 0 .78rem}
.tem_banner.indise .flash .scroll p:after{content:"";position:absolute;width:2px;height:.57rem;background:rgba(255,255,255,.5);left:50%;transform:translateX(-50%);bottom:0}
.tem_banner.indise .flash .scroll p:before{content:"";position:absolute;width:2px;height:.15rem;background:rgba(255,255,255,.9);left:50%;transform:translateX(-50%);bottom:0;animation: dropdown2 1s 0.2s linear infinite alternate}
@keyframes dropdown2 {
	form{
		bottom:0%
	}
	to{
		bottom:.42rem
	}
}
/**/
.index_product .title{padding:.88rem 0 .55rem;text-align:center;border-bottom:1px solid #eeeeee;position:relative}
.index_product .title>div{margin:.05rem 0 }
.index_product .title:after{content:"";position:absolute;width:2px;height:.45rem;background:#808080;;left:50%;transform:translateX(-50%);bottom:-.22rem}
.index_product .lists{padding:.7rem 1rem .8rem;position:relative}

.index_product .lists>div{height:7.44rem;position:relative;padding:0 .9rem 0 .8rem;display:flex;justify-content: space-between;}
.index_product .lists>div:after{content:"";position:absolute;width:2px;height:.55rem;background:#808080;;left:50%;transform:translateX(-50%);bottom:.01rem;z-index:2}

.index_product .lists .bg_box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.index_product .lists .bg_box>div{position:absolute;left:0;top:0;width:100%;height:100%;display:none;background-size:cover;}
.index_product .lists .bg_box>div:first-child{display:block}
.index_product .lists .left{width:50.5%}
.index_product .lists .left .items{display:none;padding:2.8rem 0 0}
.index_product .lists .left .items .box{display:flex;padding-left:.85rem;justify-content: space-between;position:relative}
.index_product .lists .left .items .box em{font-size:.12rem;color:white;writing-mode: vertical-lr;transform: rotate(180deg);left:0;position:absolute;top:.4rem}
.index_product .lists .left .items .box .infos{width:72%;transform:translateX(-.5rem);opacity:0;transition:1s}
.index_product .lists .left .items.act .box .infos{transform:translateX(0rem);opacity:1}
.index_product .lists .left .items .box .infos h2{font-size:.22rem;color:white;padding:0 0 .4rem}
.index_product .lists .left .items .box .infos>p{font-size:.14rem;color:white;line-height:.23rem}
.index_product .lists .left .items .box .infos a{height:.55rem;border-radius:50px;width:1.9rem;border:0;background:#0e7c33;;color:white;font-size:.18rem;text-align:center;line-height:.55rem;margin:.35rem 0 0 }
.index_product .lists .left .items .box .infos a p{display:inline-block;padding-right:.4rem; background:url(../images/jt.png) right.0 center  no-repeat;background-size:.18rem .16rem}

.index_product .lists .left .items .box ul{width:21.5%;transform:translateX(.5rem);opacity:0;transition:1s}
.index_product .lists .left .items.act .box ul{transform:translateX(0rem);opacity:1}
.index_product .lists .left .items .box ul>h2{font-size:.14rem;color:white;padding:0 0 .2rem .05rem;border-bottom:1px solid white;margin:0 0 .25rem}
.index_product .lists .left .items .box ul li{padding-left:.05rem;margin:0 0 .15rem;}
.index_product .lists .left .items .box ul li a{font-size:.14rem;color:white}
.index_product .lists .left .items .box ul li a:hover{color:#0e7c33}
.index_product .lists .left>div:first-child{display:block}
.index_product .lists .right{width:22.3%}
.index_product .lists .right ul{height:100%}
.index_product .lists .right ul{display:flex;flex-direction: column;}
.index_product .lists .right ul li {height:16.7%;border:1px solid rgba(255,255,255,.3);}
.index_product .lists .right ul li a{height:100%;display:flex;flex-direction: column;justify-content: center;padding:0 .3rem;position:relative}
.index_product .lists .right ul li a h2{font-size:.21rem;color:white;padding-left:.35rem;position:relative;font-family:"AlibabaPuHuiTimL"}
.index_product .lists .right ul li a h2:after{content:"";position:absolute;width:0;height:2px;background:white;left:0;top:50%;transform:translateY(-50%);transition:.5s}
.index_product .lists .right ul li a:hover h2:after,.index_product .lists .right ul li.acts a h2:after{width:.2rem}
.index_product .lists .right ul li a:hover,.index_product .lists .right ul li.acts a{background:rgba(15,105,49,.8)}


.index_about{padding:1.6rem 0 1.15rem;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;position:relative}
.index_about:after{content:"";position:absolute;width:100%;height:1px;background:#a5bdd1;left:0;top:.75rem}
.index_about>div{display:flex;justify-content: space-between;}
.index_about .left{width:36.5%}
.index_about .left h1{font-size:.51rem;color:white;font-family:"Geometric415BT";margin:0 0 .5rem}
.index_about .left>p{font-size:.18rem;color:white;line-height:.3rem;font-family:"AlibabaPuHuiTimL"}
.index_about .left a{height:.55rem;border-radius:50px;width:1.9rem;border:2px solid white;;text-align:center;margin:.5rem 0 0 }
.index_about .left a p{display:inline-block;padding-right:.4rem; background:url(../images/jt.png) right.0 center  no-repeat;;color:white;font-size:.18rem;line-height:.52rem;background-size:.18rem .16rem}
.index_about .left a:hover{background:#0e7c33;border-color:#0e7c33}
.index_about .left ul{display:flex;margin:1.3rem 0 0 }
.index_about .left ul li{margin-right:.65rem;text-align:center;padding:.68rem 0 0;position:relative}
.index_about .left ul li:nth-child(1):after{content:"";position:absolute;background:url(../images/35.png) 0 0 no-repeat;width:.53rem;height:.5rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
.index_about .left ul li:nth-child(2):after{content:"";position:absolute;background:url(../images/36.png) 0 0 no-repeat;width:.54rem;height:.5rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
.index_about .left ul li:nth-child(3):after{content:"";position:absolute;background:url(../images/37.png) 0 0 no-repeat;width:.52rem;height:.51rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}

.index_about .left ul li:last-child{margin:0}
.index_about .left ul li p{font-size:.14rem;color:#ffffff;font-family:"AlibabaPuHuiTimL";margin:0 0 .1rem}
.index_about .left ul li h2{font-size:.18rem;color:white;font-weight:bold}
.index_about .right{width:20%}
.index_about .right ul li{text-align:right;margin:0 0 .55rem}
.index_about .right ul li h1{font-size:.15rem;color:#ffffff;display:flex;justify-content: flex-end;}
.index_about .right ul li h1 em{font-size:.46rem;color:white;font-family:"Geometric415BT"}
.index_about .right ul li  p{font-size:.15rem;color:#ffffff;font-family:"Geometric415BT"}

.index_news{padding:0 0 1.08rem}
.index_news .title{text-align:center;padding:.85rem 0 .5rem;border-bottom:1px solid #eeeeee;position:relative}
.index_news .title h1{font-size:.24rem;color:#999999;font-family:"Geometric415BT";margin:0 0 .3rem}
.index_news .title:after{content:"";position:absolute;width:2px;height:.45rem;background:#808080;;left:50%;transform:translateX(-50%);bottom:-.22rem}
.index_news .infos .indexnews_nav{display:flex;justify-content: space-between;}

.index_news .infos .indexnews_nav ul{display:flex;}
.index_news .infos .indexnews_nav ul li{margin-right:.52rem}
.index_news .infos .indexnews_nav ul li a{height:.55rem;line-height:.55rem;font-size:.15rem;color:#40464a;position:relative}

.index_news .infos .indexnews_nav ul li a:after{content:'';width:0;height:3px;background:#0561b2;position:absolute;left:50%;transform:translateX(-50%);bottom:0;transition:all .5s ease-in-out;}
.index_news .infos .indexnews_nav ul li a:hover:after,.index_news .infos .indexnews_nav ul li:first-child a:after{width:100%;}
.index_news .infos .indexnews_nav ul li a:hover,.index_news .infos .indexnews_nav ul li:first-child a{color:#0e7c33}
.index_news .infos .indexnews_nav{padding:.75rem 0 .7rem}
.index_news .infos .indexnews_nav>a{height:.55rem;border-radius:50px;width:1.9rem;border:1px solid #999999;color:#999999;font-size:.16rem;text-align:center;line-height:.52rem;}
.index_news .infos .indexnews_nav>a p{display:inline-block;padding-right:.4rem; background:url(../images/jt1-2.png) right.0 center  no-repeat;background-size:.18rem .16rem}
.index_news .infos .indexnews_nav>a:hover{background:#0e7c33;border-color:#0e7c33;}
.index_news .infos .indexnews_nav>a:hover p{color:white;background:url(../images/jt.png) right.0 center  no-repeat;background-size:.18rem .16rem}
.index_news .infos .lists{display:flex;justify-content: space-between;}
.index_news .infos .lists .left{width:41%}
.index_news .infos .lists .left a:hover img{transform:scale(1.1)}
.index_news .infos .lists .left a .img .time {position:absolute;right:0;bottom:0}
.index_news .infos .lists .left a .img .time span{font-size:.24rem;color:white;font-family:"Geometric415BT";height:.58rem;line-height:.58rem;padding:0 .15rem;background:#0e7c33;display:inline-block}
.index_news .infos .lists .left a .text{height:1.92rem;padding:.6rem .5rem 0;background:#eeeeee}
.index_news .infos .lists .left a .text h2{font-size:.21rem;color:#000;font-weight:bold}
.index_news .infos .lists .right{width:53%;display:flex;flex-direction: column;justify-content: space-between;}
.index_news .infos .lists .right .top{display:flex;justify-content: space-between;}
.index_news .infos .lists .right .top a{width:48%;}
.index_news .infos .lists .right .top a:hover img{transform:scale(1.1)}
.index_news .infos .lists .right .top a:hover h2{color:#0e7c33}
.index_news .infos .lists .right .top a h2{margin:.28rem 0 0;font-size:.18rem;color:#000;font-weight:bold}
.index_news .infos .lists .right  .item a{display:flex;height:.66rem;border-top:2px solid #f4f4f4;align-items: center;justify-content: space-between;padding-right:.5rem;padding-left:.2rem}
.index_news .infos .lists .right  .item  h2{font-size:.16rem;color:#000;font-weight:bold;width:60%}
.index_news .infos .lists .right  .item  span{font-size:.14rem;color:#969696;font-family:"Geometric415BT";}
.index_news .infos .lists .right  .item a:hover{background:#0e7c33}
.index_news .infos .lists .right  .item a:hover h2,.index_news .infos .lists .right  .item a:hover span{color:white}

.index_contact{background:url(../images/41.jpg) 0 0  no-repeat;background-size:cover;padding:3rem 0 2.75rem;margin:0 0 .25rem}
.index_contact .title{text-align:center;padding:0 0 .68rem}
.index_contact .title .imgs1{margin:0 0 .25rem}
.index_contact .title .imgs1 img{width:50.6%}
.index_contact .more{display:flex;justify-content: center;}
.index_contact .more a{margin:0 .06rem}
.index_contact .more a:first-child{height:.55rem;border-radius:50px;width:1.9rem;border:2px solid white;;text-align:center;}
.index_contact .more a:first-child p{display:inline-block;padding-right:.4rem; background:url(../images/42.png) right.0 center  no-repeat;;color:white;font-size:.18rem;line-height:.52rem;background-size:.21rem .21rem}
.index_contact .more a:first-child:hover{background:#0e7c33;border-color:#0e7c33}

.index_contact .more a:last-child{height:.55rem;border-radius:50px;width:1.9rem;border:2px solid #0e7c33;;text-align:center;background:#0e7c33}
.index_contact .more a:last-child p{display:inline-block;padding-right:.4rem; background:url(../images/jt.png) right.0 center  no-repeat;;color:white;font-size:.18rem;line-height:.52rem;background-size:.18rem .16rem}
/**/
.product_nav ul{display:flex;justify-content: center;height:.82rem;align-items: center;background:#0e7c33}
.product_nav ul li{padding:0 .42rem;}
.product_nav ul li a{font-size:.14rem;color:white;position:relative;}
.product_nav ul li a:after{content:'';width:0;height:1px;background:#61b2de;position:absolute;left:50%;transform:translateX(-50%);bottom:-.1rem;transition:all .5s ease-in-out;}
.product_nav ul li.active a,.product_nav ul li  a:hover{font-size:.16rem}
.product_nav ul li  a:hover:after,.product_nav ul li.active a:after{width:100%}

.product_nav1 {padding:0 1rem}
.product_nav1 ul{display:flex;justify-content: center;padding:.75rem 0 .92rem}
.product_nav1  ul li{padding:0 .22rem}
.product_nav1  ul li a{width:2rem;height:1.4rem;border:1px solid #e1e4e8;border-radius:10px;text-align:center;padding: .45rem .1rem 0;position:relative;z-index:2}
.product_nav1  ul li a:after{content:"";position:absolute;width:0;height:100%;background:#0e7c33;left:50%;transform:translateX(-50%);top:0;border-radius:10px;transition:all .5s cubic-bezier(0.4, 0, 1, 1);z-index:-1}
.product_nav1  ul li a p{font-size:.36rem;color:#000000;height:.3rem;line-height:.3rem;margin:0 0 .1rem;font-weight:bold;transition:1s;font-family:"AlibabaPuHuiTim"}
.product_nav1  ul li a h1{font-size:.16rem;color:#7a7d7f;transition:1s}
.product_nav1  ul li a:hover:after{width:100%}
.product_nav1  ul li a:hover p,.product_nav1  ul li a:hover h1{color:white;}
.product_nav1  ul li.actives a:after{width:100%}
.product_nav1  ul li.actives a p,.product_nav1  ul li.actives a h1{color:white;}

.product_nav2 {padding:0 1rem}
.product_nav2 ul{display:flex;justify-content: center;padding:.75rem 0 .92rem}
.product_nav2  ul li{padding:0 .22rem}
.product_nav2  ul li a{width:2rem;height:1.4rem;border:1px solid #e1e4e8;border-radius:10px;text-align:center;padding: .45rem .1rem 0;position:relative;z-index:2}
.product_nav2  ul li a:after{content:"";position:absolute;width:0;height:100%;background:#0e7c33;left:50%;transform:translateX(-50%);top:0;border-radius:10px;transition:all .5s cubic-bezier(0.4, 0, 1, 1);z-index:-1}
.product_nav2  ul li a h1{position:relative;font-size:.16rem;color:#7a7d7f;transition:1s;padding:.4rem 0 0;}
.product_nav2  ul li:nth-child(1) a h1:after{content:"";position:absolute;width:1.41rem;height:.3rem;background:url(../images/2.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.5s}
.product_nav2  ul li:nth-child(2) a h1:after{content:"";position:absolute;width:1.56rem;height:.36rem;background:url(../images/3.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.5s}
.product_nav2  ul li:nth-child(3) a h1:after{content:"";position:absolute;width:1.51rem;height:.32rem;background:url(../images/4.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:-.04rem;background-size:100%;transition:.5s}
.product_nav2  ul li:nth-child(4) a h1:after{content:"";position:absolute;width:1.24rem;height:.4rem;background:url(../images/5.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:-.07rem;background-size:100%;transition:.5s}
.product_nav2  ul li:nth-child(5) a h1:after{content:"";position:absolute;width:1.24rem;height:.3rem;background:url(../images/6.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:.03rem;background-size:100%;transition:.5s}

.product_nav2  ul li:nth-child(1) a:hover h1:after{content:"";position:absolute;width:1.41rem;height:.3rem;background:url(../images/2-2.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav2  ul li:nth-child(2) a:hover h1:after{content:"";position:absolute;width:1.56rem;height:.36rem;background:url(../images/3-3.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav2  ul li:nth-child(3) a:hover h1:after{content:"";position:absolute;width:1.51rem;height:.32rem;background:url(../images/4-4.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.04rem;background-size:100%;}
.product_nav2  ul li:nth-child(4) a:hover h1:after{content:"";position:absolute;width:1.24rem;height:.4rem;background:url(../images/5-5.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.07rem;background-size:100%;}
.product_nav2  ul li:nth-child(5) a:hover h1:after{content:"";position:absolute;width:1.24rem;height:.3rem;background:url(../images/6-6.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:.03rem;background-size:100%;}

.product_nav2  ul li:nth-child(1).actives a h1:after{content:"";position:absolute;width:1.41rem;height:.3rem;background:url(../images/2-2.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav2  ul li:nth-child(2).actives a h1:after{content:"";position:absolute;width:1.56rem;height:.36rem;background:url(../images/3-3.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav2  ul li:nth-child(3).actives a h1:after{content:"";position:absolute;width:1.51rem;height:.32rem;background:url(../images/4-4.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.04rem;background-size:100%;}
.product_nav2  ul li:nth-child(4).actives a h1:after{content:"";position:absolute;width:1.24rem;height:.4rem;background:url(../images/5-5.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.07rem;background-size:100%;}
.product_nav2  ul li:nth-child(5).actives a h1:after{content:"";position:absolute;width:1.24rem;height:.3rem;background:url(../images/6-6.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:.03rem;background-size:100%;}
.product_nav2  ul li a:hover:after{width:100%}
.product_nav2  ul li a:hover h1{color:white;}
.product_nav2  ul li.actives a:after{width:100%}
.product_nav2  ul li.actives a h1{color:white;}


.product_nav3 {padding:0 1rem}
.product_nav3 ul{display:flex;justify-content: center;padding:.75rem 0 .92rem}
.product_nav3  ul li{padding:0 .22rem}
.product_nav3  ul li a{width:2rem;height:1.4rem;border:1px solid #e1e4e8;border-radius:10px;text-align:center;padding: .45rem .1rem 0;position:relative;z-index:2}
.product_nav3  ul li a:after{content:"";position:absolute;width:0;height:100%;background:#0e7c33;left:50%;transform:translateX(-50%);top:0;border-radius:10px;transition:all .5s cubic-bezier(0.4, 0, 1, 1);z-index:-1}
.product_nav3  ul li a h1{position:relative;font-size:.16rem;color:#7a7d7f;transition:1s;padding:.4rem 0 0;}
.product_nav3  ul li:nth-child(1) a h1:after{content:"";position:absolute;width:1.54rem;height:.34rem;background:url(../images/7.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.5s}
.product_nav3  ul li:nth-child(2) a h1:after{content:"";position:absolute;width:1.40rem;height:.26rem;background:url(../images/8.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.5s}
.product_nav3  ul li:nth-child(3) a h1:after{content:"";position:absolute;width:1.48rem;height:.37rem;background:url(../images/9.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:-.04rem;background-size:100%;transition:.5s}
.product_nav3  ul li:nth-child(4) a h1:after{content:"";position:absolute;width:1.01rem;height:.37rem;background:url(../images/10.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:-.07rem;background-size:100%;transition:.5s}

.product_nav3  ul li:nth-child(1) a:hover h1:after{content:"";position:absolute;width:1.54rem;height:.34rem;background:url(../images/7-7.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav3  ul li:nth-child(2) a:hover h1:after{content:"";position:absolute;width:1.40rem;height:.26rem;background:url(../images/8-8.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav3  ul li:nth-child(3) a:hover h1:after{content:"";position:absolute;width:1.48rem;height:.37rem;background:url(../images/9-9.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.04rem;background-size:100%;}
.product_nav3  ul li:nth-child(4) a:hover h1:after{content:"";position:absolute;width:1.01rem;height:.37rem;background:url(../images/10-10.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.07rem;background-size:100%;}

.product_nav3  ul li:nth-child(1).actives a h1:after{content:"";position:absolute;width:1.54rem;height:.34rem;background:url(../images/7-7.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav3  ul li:nth-child(2).actives a h1:after{content:"";position:absolute;width:1.40rem;height:.26rem;background:url(../images/8-8.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:0;background-size:100%;}
.product_nav3  ul li:nth-child(3).actives a h1:after{content:"";position:absolute;width:1.48rem;height:.37rem;background:url(../images/9-9.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.04rem;background-size:100%;}
.product_nav3  ul li:nth-child(4).actives a h1:after{content:"";position:absolute;width:1.01rem;height:.37rem;background:url(../images/10-10.png) 0 0 no-repeat;;left:50%;transform:translateX(-50%);top:-.07rem;background-size:100%;}
.product_nav3  ul li a:hover:after{width:100%}
.product_nav3  ul li a:hover h1{color:white;}
.product_nav3  ul li.actives a:after{width:100%}
.product_nav3  ul li.actives a h1{color:white;}

.pro1_text_img{position:relative}
.pro1_text_img:after{content:"";position:absolute;width:2px;height:.45rem;background:#808080;;left:50%;transform:translateX(-50%);top:-.22rem}
.pro1_text_img .text{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;text-align:center;width:45%}
.pro1_text_img .text h1{font-size:.36rem;color:#ffffff;margin:0 0 .25rem}
.pro1_text_img .text p{font-size:.16rem;color:#ffffff;line-height:.26rem}

.product_box{padding:1.4rem 0 1.3rem}
.product_box ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap: 1.15rem .77rem}
.product_box ul li h2{text-align:center;font-size:.2rem;color:#000;margin:.3rem 0 0}
.product_box ul li a{position:relative}
.product_box ul li a:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);transition:.8s;opacity:0}
.product_box ul li a .more{position:absolute;width:1.9rem;left:50%;;top:50%;transform:translate(-50%,-50%);text-align:center;top:80%;z-index:2;display:flex;height:.54rem;align-items: center;background:#0e7c33;border-radius:50px;padding:0 .38rem;justify-content: space-between;opacity:0}
.product_box ul li a .more h1{font-size:.18rem;color:white}
.product_box ul li a:hover:after{opacity:1}
.product_box ul li a:hover img{transform:scale(1.1);transition:.8s}
.product_box ul li a:hover .more{top:50%;opacity:1}

.pro_titles{text-align:center;padding:.9rem 0 .53rem}
.pro_titles h2{font-size:.36rem;color:#000000}
.pro2_text{background:#f5f7fa;padding:.6rem 0 .7rem;border-top:1px solid #eeeeee;position:relative}
.pro2_text:after{content:"";position:absolute;width:2px;height:.45rem;background:#808080;;left:50%;transform:translateX(-50%);top:-.22rem}

.pro2_text>div{display:flex;justify-content: space-between;}
.pro2_text>div>h2{font-size:.48rem;color:#000000;font-weight:bold;padding:.1rem 0 0}
.pro2_text .text{width:66.5%}
.pro2_text .text h1{font-size:.24rem;color:#000000;margin:0 0 .15rem;font-weight:bold}
.pro2_text .text p{font-size:.16rem;color:#7a7d7f;line-height:.28rem}
.pro2_text .text  ul{margin:.5rem 0 0;display:flex}
.pro2_text .text  ul li{margin-right:.2rem;width:1.4rem;height:1.2rem;background:white;border-radius:10px;border:1px solid #e1e4e8;padding:.2rem .1rem 0;text-align:center}
.pro2_text .text  ul li h2{font-size:.18rem;color:#000000;font-weight:bold;padding:.55rem 0 0;position:relative}
.pro2_text .text  ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.52rem;height:.42rem;background-size:100%;;left:50%;transform:translateX(-50%);top:0rem;}
.pro2_text .text  ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.52rem;height:.40rem;background-size:100%;;left:50%;transform:translateX(-50%);top:0rem;}
.pro2_text .text  ul li:nth-child(3) h2:after{content:"";position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.48rem;height:.4rem;background-size:100%;;left:50%;transform:translateX(-50%);top:.05rem;}
.pro2_text .text  ul li:nth-child(4) h2:after{content:"";position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.39rem;height:.45rem;background-size:100%;;left:50%;transform:translateX(-50%);top:0rem;}

.pro3_text>div{display:flex;justify-content: space-between;}
.pro3_text>div>h2{font-size:.48rem;color:#000000;font-weight:bold;padding:.1rem 0 0}
.pro3_text .text{width:66.5%}
.pro3_text .text h1{font-size:.24rem;color:#000000;margin:0 0 .15rem;font-weight:bold}
.pro3_text .text p{font-size:.16rem;color:#7a7d7f;line-height:.28rem}
.pro3_text .text  ul{margin:.5rem 0 0;display:flex}
.pro3_text .text  ul li{margin-right:.2rem;width:1.4rem;height:1.2rem;background:white;border-radius:10px;border:1px solid #e1e4e8;padding:.2rem .1rem 0;text-align:center}
.pro3_text .text  ul li h2{font-size:.18rem;color:#000000;font-weight:bold;padding:.55rem 0 0;position:relative}
.pro3_text .text  ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/15.png) 0 0 no-repeat;width:.46rem;height:.42rem;background-size:100%;;left:50%;transform:translateX(-50%);top:0rem;}
.pro3_text .text  ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/16.png) 0 0 no-repeat;width:.48rem;height:.39rem;background-size:100%;;left:50%;transform:translateX(-50%);top:.02rem;}
#showproduct{width: 100%;overflow: hidden;padding: .7rem 0;}
#showproduct .w1600{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
#showproduct .w1600>div{width: 50%;}
#showproduct .w1600 .right{padding-left:.4rem;}
#showproduct .w1600 .right .title{font-size: .36rem;color: #333;font-weight: bold;}
#showproduct .w1600 .right .desc{
    background: #ffffff;
    border-top: 1px dashed #555;
    border-bottom: 1px dashed #555;
    padding: .3rem;
    margin: .3rem 0 .2rem;
}

#showproduct .w1600 .right .desc .name {
    font-size: .18rem;
    font-weight: bold;
    color: #000;
    margin-bottom: .1rem;
}

#showproduct .w1600 .right .desc .con {
    font-size: .16rem;
    line-height: 1.7;
    color: #555;
}
#showproduct .w1600 .right .navs{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#showproduct .w1600 .right .navs>div {
    width: 23%;
    margin:0 .1rem;
    text-align: center;
}

#showproduct .w1600 .right .navs>div p {
    font-size: .16rem;
    color: #000;
    display: block;
    margin-top: .1rem;
}


.footer{background:#d7d9db;padding:0 0 .2rem}
.footer .top{display:flex;padding:.82rem .3rem 1rem .68rem;justify-content: space-between;}
.footer .top .left{width:30%}
.footer .top .left .logo{margin:0 0 .65rem;display:inline-block}
.footer .top .left .info .t1{margin:0 0 .5rem}

.footer .top .left .info  h1{color:#3a3a3a;font-size:.21rem;margin:0 0 .2rem;font-weight:bold}
.footer .top .left .info  p{color:#727272;font-size:.14rem;font-weight:bold}
.footer .top .left .info  ul{display:flex;justify-content: space-between;}
.footer .top .fot_nav{width:33.5%;padding:.55rem 0 0 }
.footer .top .fot_nav>h2{font-size:.21rem;color:#0e7c33;font-weight:bold;margin:0 0 .75rem}
.footer .top .fot_nav ul{display:flex;justify-content: space-between;}
.footer .top .fot_nav ul li>a{font-size:.18rem;color:#3a3a3a;font-weight:bold;margin:0 0 .25rem}
.footer .top .fot_nav ul li .item a{font-size:.14rem;color:#727272;margin:0 0 .15rem}
.footer .top .fot_nav ul li .item a:last-child{margin:0}
.footer .top .follow{padding:.55rem 0 0;width:10%;text-align:right}
.footer .top .follow>h2{font-size:.21rem;color:#0e7c33;font-weight:bold;margin:0 0 .75rem}

.footer .bot{display:flex;height:.75rem;justify-content: space-between;align-items: center;border-top:1px solid #c3c4c5;padding:0 1.3rem 0 .66rem}
.footer .bot p{font-size:.14rem;color:#3a3a3a;font-weight:bold}
.footer .bot p a{display:initial;font-size:.14rem;color:#3a3a3a;margin-left:.3rem}
.footer .bot .return a{font-size:.14rem;color:#3a3a3a;font-weight:bold}
.about_nav {border-bottom:2px solid #eceef0}
.about_nav ul{display:flex;}
.about_nav ul li{margin-right:.52rem}
.about_nav ul li a{height:.8rem;line-height:.8rem;font-size:.16rem;color:#40464a;position:relative;font-weight:bold}

.about_nav ul li a:after{content:'';width:0;height:3px;background:#0e7c33;position:absolute;left:50%;transform:translateX(-50%);bottom:0;transition:all .5s ease-in-out;}
.about_nav ul li a:hover:after,.about_nav ul li.active a:after{width:100%;}
.about_nav ul li a:hover,.about_nav ul li.active a{color:#0e7c33}
.about_company .company_top{background:#f5f7fa;padding:0 0 1.08rem}
.about_company .company_top .titles{padding:1.2rem 0 .9rem 2.4rem}
.about_company .company_top .titles h1{font-size:.48rem;color:#0e7c33;font-weight:bold}
.about_company .company_top  .infos{display:flex;padding-right:2.5rem;justify-content: space-between;}
.about_company .company_top  .infos .img{width:51.5%}
.about_company .company_top  .infos .text{width:44%;display:flex;flex-wrap: wrap;align-content: space-between;}
.about_company .company_top  .infos .text .tit{height:2.35rem;overflow-y:auto}
.about_company .company_top  .infos .text .tit h2{font-size:.36rem;color:#0e7c33;font-weight:bold;margin:0 0 .4rem}
.about_company .company_top  .infos .text .tit p{font-size:.16rem;color:#7a7d7f}
.about_company .company_top  .infos .text  ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 0 .45rem;width:100%}
.about_company .company_top  .infos .text  ul li{background:white;text-align:center;padding:.4rem .1rem .43rem;border-radius:10px;border-top:2px solid #0e7c33}
.about_company .company_top  .infos .text  ul li h1{font-size:.14rem;color:#7a7d7f;font-weight:bold;margin:0 0 .05rem;position:relative;padding:.75rem 0 0;position:relative }
.about_company .company_top  .infos .text  ul li  p{font-size:.18rem;color:#000000;font-weight:bold}
.about_company .company_top  .infos .text  ul li:nth-child(1) h1:after{content:"";position:absolute;background:url(../images/17.png) 0 0 no-repeat;width:.52rem;height:.49rem;background-size:100%;;left:50%;transform:translateX(-50%);top:0rem;}
.about_company .company_top  .infos .text  ul li:nth-child(2) h1:after{content:"";position:absolute;background:url(../images/18.png) 0 0 no-repeat;width:.54rem;height:.51rem;background-size:100%;;left:50%;transform:translateX(-50%);top:0rem;}
.about_company .company_top  .infos .text  ul li:nth-child(3) h1:after{content:"";position:absolute;background:url(../images/19.png) 0 0 no-repeat;width:.52rem;height:.51rem;background-size:100%;;left:50%;transform:translateX(-50%);top:0rem;}


.about_company .company_list  .title{padding:1.25rem 0 .53rem;text-align:center;}
.about_company .company_list  .title .imgs:first-child{margin:0 0 .1rem}
/* .about_company .company_list  .title h1{font-size:.18rem;color:#0e7c33;display:flex;justify-content: center;align-items: center;}
.about_company .company_list  .title h1 em{font-size:.48rem;font-family:"";margin-left:.3rem}
.about_company .company_list  .title h2{font-size:.18rem;color:#0e7c33;display:flex;justify-content: center;align-items: center;}
.about_company .company_list  .title h2 em{font-size:.48rem;font-family:"";margin-left:.3rem} */
.about_company .company_list  .lists{padding:.63rem 0 .88rem;border-top:2px solid #e8e8e8;position:relative }
.about_company .company_list  .lists:after{content:"";position:absolute;width:2px;height:.45rem;background:#808080;;left:50%;transform:translateX(-50%);top:-.22rem}
.about_company .company_list  .lists>div{position:relative}
.about_company .company_list  .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);left:-.66rem;width:.5rem;height:.5rem;;border-radius:100%;;line-height:.5rem;text-align:center;font-size:.18rem;border:1px solid #0e7c33;color:#0e7c33;background:url(../images/jt1-1.png) center center no-repeat;background-size:.18rem .16rem}
.about_company .company_list  .lists .swiper-page>div.slide-button-prev{transform:translateY(-50%) rotate(180deg)}
.about_company .company_list  .lists .swiper-page>div.slide-button-next{left:auto;right:-.66rem}
.about_company .company_list  .lists .swiper-page>div:hover{background: #0e7c33 url(../images/jt.png) center center no-repeat;color:white;border-color:#0e7c33;background-size:.18rem .16rem}
.about_company .company_list  .lists a{overflow:hidden}
.about_company .company_list  .lists a:hover img{transform:scale(1.11)}
.about_company .company_list  .lists a img{object-fit:cover}
.about_company .company_list  .slide-pagination{text-align:center;margin:.8rem 0 0 }
.about_company .company_list  .slide-pagination span{width:.11rem;height:.11rem;opacity:1;margin:0 .05rem;background:#e1e4e8}
.about_company .company_list  .slide-pagination span.swiper-pagination-bullet-active{background:#0e7c33}
.culture .culture_top{padding:0 0 .95rem}
.culture .culture_top .title{padding:1.2rem 0 .75rem}
.culture .culture_top .title h1{font-size:.48rem;color:#0e7c33;font-weight:bold}
.culture .culture_top ul{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.22rem .23rem}
.culture .culture_top ul li{box-shadow:0 0 12px rgba(218,225,232,1);border-radius:10px;padding:1.7rem .1rem .5rem;text-align:center;position:relative}
.culture .culture_top ul li .img{position:absolute;left:50%;transform:translateX(-50%);top:.6rem}
.culture .culture_top ul li .text h1{font-size:.18rem;color:#7a7d7f;font-weight:bold}
.culture .culture_top ul li .text  h2{font-size:.14rem;color:#7a7d7f;margin:.05rem 0 .15rem;font-weight:bold}
.culture .culture_top ul li .text  p{font-size:.24rem;color:#a3a7aa}
.culture .culture_top ul li:hover{ transform: translateY(-5px);box-shadow: 5px 5px 10px rgba(0,0,0,.2);}

.culture .culture_bot{background:url(../images/25.jpg) 0 0 no-repeat;background-size:cover;background-attachment:fixed }
.culture .culture_bot>div{display:flex;justify-content: space-between;padding:1.45rem 0 }
.culture .culture_bot ul{width:62%}
.culture .culture_bot>div .title h1{font-size:.48rem;color:white;font-weight:bold}
.culture .culture_bot>div ul li {display:flex;height:1.6rem;padding-left:.35rem;justify-content: space-between;align-items: center;border-bottom:2px solid #c0c2ca;border-top:2px solid #c0c2ca;margin-top:-2px;opacity:.5}
.culture .culture_bot>div ul li h2{font-size:.24rem;color:white;padding-left:.65rem;position:relative}
.culture .culture_bot>div ul li p{width:70%;font-size:.18rem;color:white}
.culture .culture_bot>div ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/21.png) 0 0 no-repeat;width:.38rem;height:.41rem;background-size:100%;top:50%;transform:translateY(-50%);left:0;}
.culture .culture_bot>div ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/22.png) 0 0 no-repeat;width:.44rem;height:.44rem;background-size:100%;top:50%;transform:translateY(-50%);left:0;}
.culture .culture_bot>div ul li:nth-child(3) h2:after{content:"";position:absolute;background:url(../images/23.png) 0 0 no-repeat;width:.38rem;height:.45rem;background-size:100%;top:50%;transform:translateY(-50%);left:0;}
.culture .culture_bot>div ul li:nth-child(4) h2:after{content:"";position:absolute;background:url(../images/24.png) 0 0 no-repeat;width:.38rem;height:.38rem;background-size:100%;top:50%;transform:translateY(-50%);left:0;}
.culture .culture_bot>div ul li.hoverd{opacity:1}


.honorlist .title{padding:1.2rem 0 .9rem}
.honorlist .title h1{font-size:.48rem;color:#0e7c33;font-weight:bold}
.honorlist ul{display:flex;}
.honorlist ul li{width:50%}
.honorlist ul li:first-child{text-align:right}
.honorlist ul li a{background:#e1e4e8;height:.5rem;line-height:.5rem;padding:0 .45rem;font-size:.18rem;color:#858585}
.honorlist ul li#current a{background:#0e7c33;color:white}
.honorlist .lists{padding:.75rem 0 1.32rem}
.honorlist .lists .swiper-container{padding:.2rem;position:relative}
.honorlist .lists>div{position:relative;padding: 0 3.05rem}
.honorlist .lists a {box-shadow:0 0 12px rgba(218,225,232,1);border-radius:10px;text-align:center;padding:.35rem 0}
.honorlist .lists a  h1{font-size:.18rem;color:#7a7d7f;padding:.3rem 0 0rem}
.honorlist .lists a:hover img{transform:scale(1.1)}
.honorlist .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);left:10%;width:.5rem;height:.5rem;;border-radius:100%;;line-height:.5rem;text-align:center;font-size:.18rem;border:1px solid #0e7c33;color:#0e7c33;background:url(../images/jt1-1.png) center center no-repeat;background-size:.18rem .16rem}
.honorlist .lists .swiper-page>div.slide-button-prev{transform:translateY(-50%) rotate(180deg)}
.honorlist .lists .swiper-page>div.slide-button-next{left:auto;right:10%}
.honorlist .lists .swiper-page>div:hover{background: #0e7c33 url(../images/jt.png) center center no-repeat;color:white;border-color:#0e7c33;background-size:.18rem .16rem}
.honorlist .lists  .slide-pagination{text-align:center;bottom:-.65rem;position:absolute;left:50%;transform:translateX(-50%) }
.honorlist .lists  .slide-pagination span{width:.11rem;height:.11rem;opacity:1;margin:0 .05rem;background:#e1e4e8}
.honorlist .lists  .slide-pagination span.swiper-pagination-bullet-active{background:#0e7c33}



.news_box .title{padding:.95rem 0 .4rem}
.news_box .title h1{font-size:.48rem;color:#0e7c33;font-weight:bold}
.news_box  ul{border-top:1px solid #e3e6e9}
.news_box  ul li a{display:flex;justify-content: space-between;padding:.55rem 0 ;border-bottom:1px solid #e3e6e9 }
.news_box  ul li a .text{width:48%;padding:.1rem 0 0;position:relative;overflow:hidden}
.news_box  ul li a .text:after{content:"";position:absolute;background:#61b2de url(../images/jt.png) center center no-repeat;width:.48rem;height:.48rem;background-size:.18rem .16rem;border-radius:100%;left:0;bottom:-.5rem;transition:.5s;opacity:0}
.news_box  ul li a .text h1{font-size:.28rem;color:#40464a;font-weight:bold;margin:0 0 .3rem}
.news_box  ul li a .text>p{font-size:.14rem;color:#7a7d7f;font-weight:bold;}
.news_box  ul li a .text .time {margin:.5rem 0 0}
.news_box  ul li a .text .time p{font-size:.14rem;color:#61b2de;font-weight:normal}
.news_box  ul li a .img{width:21.5%}
.news_box  ul li a:hover img{transform:scale(1.1)}
.news_box  ul li a:hover .text:after{bottom:0;opacity:1;transition:.6s;}
.news_box  ul li a:hover .time{transform:translateY(.3rem);opacity:0}
.news_box .page{display:flex;padding:.5rem 0 1rem}
.news_box .page a{width:.48rem;height:.48rem;background:#e1e4e8;text-align:center;line-height:.48rem;border-radius:100%;font-size:.18rem;color:#7a7d7f;margin-right:.08rem}
.news_box .page a.page-num-current,.news_box .page a:hover{background:#0e7c33;color:white}

.woskhop {padding:0 0 .3rem}
.woskhop .title{padding:1.2rem 0 .75rem}
.woskhop .title h1{font-size:.48rem;color:#0e7c33;font-weight:bold}
.woskhop .items1{background:#f5f7fa}
.woskhop .items>div{display:flex;justify-content: space-between;padding:.65rem 0 }
.woskhop .items .text{width:37%;}
.woskhop .items .text h1{font-size:.48rem;color:#0e7c33;font-weight:bold;margin:0 0 .6rem}
.woskhop .items .text p{font-size:.16rem;color:#7a7d7f}
.woskhop .items .img{width:59%}
.contact_box {padding:0 0 .7rem}
.contact_box .infos{padding:0 0 .8rem;background:#f5f7fa url(../images/30.png) 75% 87%  no-repeat}
.contact_box .infos h2{padding:.85rem 0 .5rem;font-size:.48rem;color:#0e7c33;font-weight:bold}
.contact_box .infos ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.45rem .45rem}
.contact_box .infos ul li{background:white;border-radius:10px;border-top:2px solid #0e7c33;height:2.15rem;padding:.55rem .4rem 0 .9rem}
.contact_box .infos ul li p{font-size:.18rem;color:#40464a;margin:0 0 .25rem;position:relative}
.contact_box .infos ul li:nth-child(1) p:after{content:"";position:absolute;background:url(../images/26.png) 0 0  no-repeat;width:.21rem;height:.21rem;left:-.4rem;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos ul li:nth-child(2) p:after{content:"";position:absolute;background:url(../images/27.png) 0 0  no-repeat;width:.14rem;height:.21rem;left:-.4rem;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos ul li:nth-child(3) p:after{content:"";position:absolute;background:url(../images/28.png) 0 0  no-repeat;width:.23rem;height:.16rem;left:-.4rem;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .infos ul li:nth-child(4) p:after{content:"";position:absolute;background:url(../images/29.png) 0 0  no-repeat;width:.2rem;height:.18rem;left:-.4rem;top:50%;transform:translateY(-50%);background-size:100%}

.contact_box .infos ul li h1{font-size:.21rem;color:#000;font-weight:bold;line-height:.28rem}
.contact_box .message{padding:1rem 0 .85rem}
.contact_box .message>div{display:flex;justify-content: space-between;}
.contact_box .message>div .lists{width:66.5%}
.contact_box .message>div h2{width:30%;font-size:.48rem;color:#0e7c33;font-weight:bold;/* opacity:0 */}
.contact_box .message .lists ul li{width:100%}

.contact_box .message .lists ul li{margin:0 0 .35rem}
.contact_box .message .lists ul li p{font-size:.16rem;color:#40464a;font-weight:bold;margin:0 0 .08rem}
.contact_box .message .lists ul li input{width:100%;height:.44rem;background:#f5f7fa;border-radius:5px;border:1px solid #e7eaed;padding:0 .1rem;font-size:.16rem;color:#40464a}
.contact_box .message .lists ul li textarea{width:100%;height:1.2rem;background:#f5f7fa;border-radius:5px;border:1px solid #e7eaed;padding:.1rem;font-size:.16rem;color:#40464a}
.contact_box .message .lists ul li:last-child{margin:0;padding:.1rem 0 0 }
.contact_box .message .lists ul li button{height:.55rem;border-radius:50px;width:1.6rem;border:0;background:#0e7c33;;color:white;font-size:.18rem;text-align:center}
.contact_box .message .lists ul li button em{display:inline-block;padding-right:.4rem; background:url(../images/jt.png) right.0 center  no-repeat;background-size:.18rem .16rem}


.video_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.video_fixed .mains{position:absolute;top:80%;left:50%;width:100%;max-width:11.75rem;transform:translate(-50%,-50%);opacity:0;}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:20%;right:16%;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid white;font-size:.24rem;color:white;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}
/********<=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:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;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:#333;color:#FFF;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:#333}
.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;}
/********<=767 mobile nav style css 2********/

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

/******ipad****/
@media(max-width:1600px){
/* 	.header .navs ul li{margin-right:.7rem} */
	.about_company .company_top .infos{padding-right:1rem}
	.tem_banner.indise .flash .about_txt{left:1rem}
	.honorlist .lists>div{padding:0 1.5rem}
	.honorlist .lists .swiper-page>div{left:3%;}

    .honorlist .lists .swiper-page>div.slide-button-next{left:auto;right:3%}
    .video_fixed .close_{position:absolute;top:8%;right:8%;cursor:pointer;}
    .about_company .company_top .titles{padding:1.2rem 0 .9rem 1rem}
}
@media(max-width:1440px){
	.contact_box .infos{background-size:45%}
	.index_product .lists{padding:.7rem .5rem .8rem;position:relative}
	.index_product .lists>div{padding:0 .6rem}
	.index_about .left ul{margin:1rem 0 0}
	.footer .top{display:flex;padding:.82rem .3rem 1rem .3rem;}
	.footer .bot{padding:0 .5rem 0 .3em}
	

}
@media(max-width:1300px){
	.about_company .company_list  .lists .swiper-page>div{left:-.4rem;}
.about_company .company_list  .lists .swiper-page>div.slide-button-next{left:auto;right:-.4rem}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner.index .label_qh{left:.2rem;bottom:.5rem}
.index_product .title img{width:50%}
.index_product .lists>div{display:inherit;height:auto;}
.index_product .lists .left{width:100%}
.index_product .lists>div{padding:0 .3rem 1rem}
.index_product .lists .left .items{padding:.5rem 0 0 }
.index_product .lists .left .items .box{display:inherit;padding-left:.5rem}
.index_product .lists .left .items .box .infos{width:100%}
.index_product .lists .left .items  .box ul{width:60%;margin:.2rem 0 0}
.index_product .lists .right{width:100%;margin:.3rem 0 0}
.index_product .lists .right ul{display:flex;flex-direction:inherit;flex-wrap: wrap;}
.index_product .lists .right ul li{height:auto;width:33.33%;}
.index_product .lists .right ul li a{padding:.2rem}
.index_about>div{display:inherit;position:relative;padding:1rem 0 0}
.index_about .left{width:100%}
.index_about .right{width:100%;position:absolute;top:0;right:.2rem}
.index_about .right ul{}
.index_news .title img{width:50%}
.index_news .infos .lists{display:inherit}
.index_news .infos .lists .left{width:100%}
.index_news .infos .lists .right{width:100%}
.index_news .infos .lists .right .top{margin:.5rem 0}
.index_contact .title .imgs1 img{width:70%}
.index_contact .title .imgs2 img{width:50%}
.footer .top .fot_nav{display:none}
.footer .top .follow{display:none}
.footer .top .left{width:100%}
.footer .bot{display:inherit;height:auto;padding:.1rem 0 }
.footer .bot .return a{text-align:right}
.footer .bot p a{display:block;margin:0}
.footer .top .left .logo{width:30%}
.tem_banner.indise .flash .about_txt{left:.3rem}
.tem_banner.indise .flash .about_txt h1{font-size:.48rem}
.tem_banner.indise .flash .about_txt p{font-size:.3rem}
.about_company .company_top .infos{padding:0}
 .about_company .company_top .titles{padding:1.2rem 0 .9rem .2rem}
 .about_company .company_top .infos{display:inherit;padding:0 .2rem}
.about_company .company_top .infos .img{width:100%}
.about_company .company_top .infos .text{width:100%;padding:.3rem 0}
.about_company .company_top .infos .text ul{margin:.3rem 0 0}
.about_company .company_list .title img{width:50%}
	.about_company .company_list  .lists .swiper-page>div{left:.1rem;z-index:2}
	.about_company .company_list .lists>div{padding:0 .5rem!important}
.about_company .company_list  .lists .swiper-page>div.slide-button-next{left:auto;right:.1rem}
.culture .culture_top ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.22rem .23rem}
.culture .culture_bot>div{display:inherit;}
.culture .culture_bot ul{width:100%;margin:.5rem 0 0}
.culture .culture_bot>div ul li{height:auto;padding:.2rem 0}
.honorlist .lists>div{padding: 0 .8rem}
.woskhop .items>div{display:inherit;}
.woskhop .items .text {width:100%;}
.woskhop .items .img{width:100%}
.tem_banner.indise .flash .pro_banner_text h2{font-size:.36rem;line-height:.45rem}
.tem_banner.indise .flash .pro_banner_text{top:20%}
.product_nav ul{display:flex;flex-wrap: wrap;padding:.1rem 0;height:auto}
.product_nav ul li{width:33.33%;text-align:center;margin:.2rem 0}
.product_nav1{padding:0 .2rem}
.product_nav1 ul{display:flex;flex-wrap: wrap;padding:.1rem 0;height:auto}
.product_nav1 ul li{width:33.33%;text-align:center;margin:.2rem 0}
.pro1_text_img .text{position:inherit;left:inherit;top:inherit;transform:none;width:100%;margin:.2rem 0 0}
.pro1_text_img .text h1{color:black}
.pro1_text_img .text p{color:black}
.product_box ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap: .5rem .27rem}
.product_nav2{padding:0 .2rem}
.product_nav2 ul{display:flex;flex-wrap: wrap;padding:.1rem 0;height:auto}
.product_nav2 ul li{width:33.33%;text-align:center;margin:.2rem 0}
.pro2_text>div{display:inherit;}
.pro2_text .text{width:100%;margin:.2rem 0}
.pro3_text>div{display:inherit;}
.pro3_text .text{width:100%;margin:.2rem 0}
.product_nav3{padding:0 .2rem}
.product_nav3 ul{display:flex;flex-wrap: wrap;padding:.1rem 0;height:auto}
.product_nav3 ul li{width:45%;text-align:center;margin:.2rem 0;display:flex;justify-content: center;}
.news_box ul li a{display:inherit;}
.news_box ul li a .text{width:100%;}
.news_box ul li a .img{width:100%}
.contact_box .infos ul{grid-template-columns:repeat(1,1fr)}
.contact_box .infos ul li{height:auto;padding:.3rem .5rem}
.contact_box .message>div{display:inherit;}
.contact_box .message>div h2{width:100%;margin:.0 0 .2rem}
.contact_box .message>div .lists{width:100%}
.index_about{background-position:60% 30%}
.index_product .lists .bg_box>div{background-position:50%}

 .video_fixed .close_{position:absolute;top:30%;right:8%;cursor:pointer;}
.video_fixed .mains{width:100%;padding:0 .2rem}
}