.header{position: fixed;background:#fff;width: 100%;z-index: 1000;}
.header.is_header{box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header>div{display:flex;height:1.25rem;line-height:1.25rem;position:initial;border-bottom:1px solid #e5e5e5}
.header .logo{width:13.5%}
.header .navs{width:76.5%;padding-right:1.2rem}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:.8rem}
.header .navs ul li>a{font-size:.18rem;color:#2d2c2c;position:relative}
.header .navs ul li>a:after{content:"";position:absolute;background:#6cbb48;height:3px;width:0;left:50%;transform:translateX(-50%);transition:.5s;bottom:0}
.header .navs ul li>a:hover:after,.header .navs ul li.active>a:after{width:100%;transition:.5s}
.header .navs ul li>a:hover,.header .navs ul li.active>a{color:#6cbb48;transition:.3s }
.header .navs ul li dl{position:absolute;width:100%;top:100%;left:0;height:.6rem;line-height:.6rem;background:#ffffff;display:none;transition:0s;border-bottom:1px solid #e5e5e5;}

.header .navs ul li dl .box{display:flex;justify-content: center;}
.header .navs ul li dl .box a{font-size:.16rem;color:#6b6b6b;margin:0 .27rem}
.header .navs ul li dl .box a:hover{color:#6cbb48}
.header .right{width:10%;display:flex;justify-content: space-between;align-items: center;}
.header .right .langs{display:flex;align-items: center;}
.header .right .langs a{line-height:normal;color:#2d2c2c;font-size:.18rem;margin:0 .09rem}
.header .right .search a{width:.23rem;height:.23rem;background:url(/public/common/images/icon1.png) 0 0 no-repeat;background-size:.23rem .23rem;}

.about_box{padding:1.25rem  0 0 }
.about_box .about_company {background:#f4f4f4}
.about_box .about_company .top{padding:1.05rem 0 1.3rem;}
.about_box .about_company .top h2{font-size:.48rem;color:#272626;margin:0 0 .6rem}
.about_box .about_company .top .editor{font-size:.16rem;color:#6d6d6d;line-height:.35rem}
.about_box .about_company .video {position:relative}
.about_box .about_company .video .plays_{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.about_box .about_company .video .plays_ a{width:.75rem;height:.75rem;background:url(/public/common/images/icon2.png) 0 0 no-repeat;background-size:.75rem .75rem}
.about_box .about_company .video:hover img{transform:scale(1.1);transition:1.5s}
.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:1.1rem;right:.15rem;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid #b1b1b1;font-size:.24rem;color:#b1b1b1;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}
.about_box .about_company .bot{background:url(/public/common/images/icon3.png) 0 bottom no-repeat;padding:0 0 1.85rem;background-size:100%;}
.about_box .about_company .bot .title{text-align:center;padding:1.7rem 0 1.9rem}
.about_box .about_company .bot .title h1{font-size:.72rem;color:#6cbb48;font-family:"FuturaLT";font-weight:bold;margin:0 0 .2rem}
.about_box .about_company .bot .title p{font-size:.18rem;color:#2b2b2b}
.about_box .about_company .bot ul{display:flex}
.about_box .about_company .bot ul li {width:33.33%;text-align:center}
.about_box .about_company .bot ul li h1{font-size:.24rem;color:#2b2b2b}
.about_box .about_company .bot ul li em{font-size:.48rem;color:#6cbb48;font-family:"FuturaLT";display:inline-block;margin:.2rem 0 .1rem}
.about_box .about_company .bot ul li h2{font-size:.24rem;color:#2b2b2b}
.about_workshop .title{text-align:center;padding:1.05rem 0 .45rem}
.about_workshop .title h1{font-size:.48rem;color:#272626}
.about_workshop .top{display:flex;justify-content: space-between;}
.about_workshop .top .left{width:49.5%}
.about_workshop .top .left a img{height:4.3rem;width:100%;object-fit:cover;border-radius:5px}
.about_workshop .top .left a:hover img{transform:scale(1.1)}
.about_workshop .top .right{width:48.8%;display:flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.about_workshop .top .right a{width:48.7%}
.about_workshop .top .right a img{height:2.07rem;width:100%;object-fit:cover;border-radius:5px}
.about_workshop .top .right a:hover img{transform:scale(1.1)}
.about_workshop .lists{padding:.65rem 0 1rem}
.about_workshop .lists .items a{overflow:hidden}
.about_workshop .lists .items a img {width:100%;height:3.85rem;object-fit:cover;}
.about_workshop .lists .items a:hover img{transform:scale(1.1)}
.about_workshop .lists .items  h2{text-align:center;padding:.3rem 0 0;font-size:.19rem;color:#313131}
.about_workshop .lists .swiper-page{padding:.6rem 0 0;display:flex;align-items: center;justify-content: center;text-align:center}
.about_workshop .lists .swiper-page .slide-button-prev,.about_workshop .lists .swiper-page  .slide-button-next{margin:0 .04rem;width:.37rem;height:.37rem;line-height:.37rem;border-radius:5px;;color:white;font-size:.24rem;background:#6cbb48}
.about_workshop .lists .slide-pagination span{margin:0 .04rem;width:.37rem;height:.37rem;line-height:.37rem;font-size:.18rem;opacity:1;background:none;color:#26334c;border-radius:5px;border:1px solid  #b3b3b3}
.about_workshop .lists  .slide-pagination span.swiper-pagination-bullet-active{color:#6cbb48}
.about_workshop .lists .slide-pagination span:hover{color:#6cbb48}
.about_honor{background:url(/public/common/images/icon4.jpg) 0 0 no-repeat;background-size:cover}
.about_honor .title{padding:.95rem 0 .45rem}
.about_honor .title h1{font-size:.48rem;color:#ffffff;text-align:center}
.about_honor .lists{padding:0 .6rem}
.about_honor .lists .swiper-container{padding:.2rem 0 }
.about_honor .lists .items a {background:#FFF;border:1px solid #c9c9c9;border-radius:18px;overflow:hidden;padding:.15rem;text-align:center;}
.about_honor .lists .items a:hover img{transform:scale(1.1)}
.about_honor .lists .items h2{font-size:.16rem;color:white;text-align:center;margin:.25rem 0 0;opacity:0;transform:translateY(.2rem)}
.about_honor .lists .swiper-slide-active .items h2{opacity:1;transform:translateY(0rem)}
.about_honor .lists .swiper-page{display:flex;justify-content: center;margin:.25rem  0 0 ;padding:0 0 .9rem}
.about_honor .lists .swiper-page>div{width:.5rem;height:.5rem;border:1px solid white;margin:0 .15rem;border-radius:100%;text-align:center;line-height:.5rem;color:white;font-size:.24rem}
.about_honor .lists .swiper-page>div:hover{background:#ffffff;color:#6cbb48;}
.about_history{padding:0 0 .9rem;background:url(/public/common/images/icon5.jpg) 0 0 no-repeat;background-size:cover}
.about_history .title{text-align:center;padding:.9rem 0 .35rem}
.about_history .title h1{font-size:.48rem;color:#272626;}
.about_history .lists{display:flex}

.about_history .lists .imglist{width:50%;display:flex;justify-content: center;border-right:1px solid #e9e9e9;}
.about_history .lists .imglist .swiper-slide-thumb-active .txt h1{color:black;transition:.3s}
.about_history .lists .imglist .swiper-slide-thumb-active .txt p{color:#6cbb48;transition:.3s}

.about_history .lists .imglist .txt h1{font-size:.36rem;color:#27262647}
.about_history .lists .imglist .txt p{font-size:.2rem;color:#6cbb4866}
.about_history .lists .imglist .swiper-container{height:5.7rem;padding:.45rem 0 0 }
.about_history .lists  .imglist .txt{display:inline-block}
.about_history .lists .sm_list{padding:.35rem 1rem  0 2rem;width:50%}
.about_history .lists .sm_list .infos h2{width:1.65rem;height:1.65rem;background:#f0f0f0;text-align:center;line-height:1.65rem;border-radius:100%;font-size:.36rem;color:#6cbb48;margin:0 0 .5rem}
.about_history .lists .sm_list .infos .txt p{font-size:.16rem;color:#272626;line-height:.26rem}
.about_history .lists .swiper-page{position:absolute;left:50%;transform:translateX(-50%);bottom:0;}
.about_history .lists .swiper-page>div{width:.37rem;height:.37rem;text-align:center;line-height:.37rem;border:1px solid #6cbb48;border-radius:100px;font-size:.18rem;color:#6cbb48;margin:.15rem 0 0 ;background:white}
.about_history .lists .swiper-page>div:hover{background:#6cbb48;color:white}

.about_area  {padding:0 0 1.12rem;background:#f7f7f7;}
.about_area   .title{text-align:center;padding:1.2rem 0 .6rem}
.about_area   .title h1{font-size:.48rem;color:#272626;}
.about_area .infos{display:flex;justify-content: space-between;align-items: center;}
.about_area .infos .text{width:40%}
.about_area .infos .text p{font-size:.16rem;color:#434344;line-height:.35rem}
.about_area .infos .img{width:52%}
.footer{background:#242323}
.footer>div{padding:0 0 .5rem}
.footer .top{display:flex;padding:.9rem 0 1.2rem;justify-content: space-between;}
.footer .top .logo{width:15.5%}
.footer .top .fot_nav{width:38%;display:flex;justify-content: space-between;padding:.2rem 0 0 }
.footer .top .fot_nav dl dt{margin:0 0 .2rem}
.footer .top .fot_nav dl dd a{font-size:.15rem;color:#c0c0c0}
.footer .top .fot_nav dl dd{margin:0 0 .1rem}
.footer .top .fot_nav dl dd:last-child{margin:0}
.footer .top .fot_nav dl dt a{color:white;font-size:.18rem;font-weight:normal}
.footer .top .right{width:22%;padding:.25rem 0 0 }
.footer .top .right h1{font-size:.16rem;color:white}
.footer .top .right h2{font-size:.24rem;color:#6cbb48;margin:.2rem 0 }
.footer .top .right  p{font-size:.16rem;color:white;margin:0 0 .3rem}
.footer .top .right  p:last-child{margin:0}
.footer .bot{display:flex;justify-content: space-between;align-items: flex-end;}
.footer .bot p{font-size:.16rem;color:#dddcdc}
.footer .bot ul{display:flex}
.footer .bot ul li a{width:.4rem;height:.4rem;text-align:center;line-height:.4rem;margin-left:.18rem;color:white;font-size:.18rem;border:1px solid #a6a6a6}
.footer .bot ul li a{background:#898989}


.product_box{padding:1.85rem 0 1.15rem}
.product_box .items .bigimg{position:relative}
.product_box .items .bigimg h2{position:absolute;left:50%;transform:translateX(-50%);font-size:.48rem;color:white;bottom:1.75rem}
.product_box .items .infos>div{padding:0 0 1rem}
.product_box .items .infos .title{display:flex;padding:.75rem 0 .65rem;align-items: center;justify-content: space-between;}
.product_box .items .infos .title h1{height:.52rem;line-height:.52rem;color:#0d0e0e;font-weight:bold;font-size:.48rem} 
.product_box .items .infos .title  a{width:1.28rem;height:.52rem;line-height:.52rem;padding:0 .32rem;background:#2e2e2e;border-radius:50px;font-size:.16rem;color:white}
.product_box .items .infos .box{display:flex;justify-content: space-between;}
.product_box .items .infos .box .img{width:50%}
.product_box .items .infos .box ul{display:flex;width:49%;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.product_box .items .infos .box ul li{width:49.3%}
.product_box .items .infos .box ul li a  img{border-radius:10px}
.product_box .items .infos .box ul li a {position:relative;overflow:hidden;border-radius:10px}
.product_box .items .infos .box ul li a h1{position:absolute;;left:.25rem;font-size:.16rem;color:white;bottom:.25rem;padding-left:.15rem;display:inline-block}
.product_box .items .infos .box ul li a h1:after{content:"";position:absolute;background:white;width:.05rem;height:.05rem;border-radius:100%;left:0;top:50%;transform:translateY(-50%);}
.product_box .items .infos .box ul li a:hover img{transform:scale(1.1)}



.product_list{padding:1.85rem 0 2.5rem;background:#f8f8f8}
.product_list  .bigimg{position:relative}
.product_list .bigimg h2{position:absolute;left:50%;transform:translateX(-50%);font-size:.48rem;color:white;bottom:1.75rem}
.product_list .box .title{padding:.8rem  0 .4rem}
.product_list .box .title h1{font-size:.48rem;color:#0d0e0e;padding:0 0 .34rem;border-bottom:1px solid #dcdcdc}
.product_list .box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_list .box .lists:after{content:"";width:30.5%}
.product_list .box .lists .items{width:30.5%;margin:0 0 .6rem}
.product_list .box .lists .items a{border-radius:10px;overflow:hidden}
.product_list .box .lists .items a img{border-radius:10px}
.product_list .box .lists .items a{position:relative;overflow:hidden;border-radius:10px}
.product_list .box .lists .items a h2{position:absolute;;left:.25rem;font-size:.16rem;color:white;bottom:.25rem;padding-left:.15rem;display:inline-block}
.product_list .box .lists .items a h2:after{content:"";position:absolute;background:white;width:.05rem;height:.05rem;border-radius:100%;left:0;top:50%;transform:translateY(-50%);}
.product_list .box .lists .items a:hover img{transform:scale(1.1)}
.pro_fixed {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.5);transition:none;display:none;}
.pro_fixed .mains {position:absolute;top:50%;left:50%;display:flex;;transform:translate(-50%,-50%);padding:.75rem .55rem  1.2rem;width:100%;max-width:1325px;justify-content: space-between;background:white}
.pro_fixed .mains_on {top:70%;opacity:0;visibility:hidden}
.pro_fixed .mains .list{width:73.5%;position:relative}
.pro_fixed .mains .right{width:26.5%;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.pro_fixed .mains .right h2{font-size:.36rem;color:#313131;font-weight:bold;margin:0 0 1.15rem}
.pro_fixed .mains .right h3{width:1.85rem;height:.52rem;line-height:.52rem;background:#6cbb48;border-radius:50px;;text-align:center;font-size:.18rem;color:white;font-weight:bold}
.pro_fixed .mains em {position:absolute;right:3%;top:3%;width:.35rem;height:.35rem;border:1px solid #7b7b7b;border-radius:100%;cursor:pointer;}
.pro_fixed .mains em:after,.pro_fixed .mains em:before{content:'';width:.19rem;height:3px;background:#7b7b7b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .36s}
.pro_fixed .mains em:before{opacity:0;}
.pro_fixed .mains em:hover:before{transform:translate(-50%,-50%) rotate(90deg);opacity:1}
.pro_fixed .mains em:hover {transform:rotate(45deg)}
.product_list .box  .page{margin:.4rem 0 0;display:flex;justify-content: center;}
.product_list .box  .page a{width:.3rem;height:.3rem;text-align:center;line-height:.3rem;background:#e5e5e5;margin:0 .05rem;font-size:.14rem;color:black;font-weight:bold;border-radius:5px}
.product_list .box  .page a i{font-size:.16rem;color:black}
.product_list .box  .page a.page-num-current{background:#6cbb48;color:white}
/**/
.page_product{width: 100%;padding: .7rem 0;}
.page_product .title{text-align:center;margin-bottom: .45rem;}
.page_product .title h2{font-size:.36rem;color:#6cbb48;display: block;margin-bottom: .2rem;}
.page_product .title p{font-size:.16rem;color:#3a3a3a;}
.page_product .list{width: 100%;}

.page_product ul li a{position:relative;overflow:hidden}
.page_product ul li a .img{position:relative;}
.page_product ul li a .img>img {width:100%;height:3.27rem;object-fit:cover;}
.page_product ul li a .img .bj{position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/icon-1.png);opacity:0;z-index:1;transition: .5s;}
.page_product ul li a .img .bj .tb{display: block;width: 100%;height: 100%;background: url(../images/search.png) no-repeat center;background-size:.36rem;}
.page_product ul li a:hover .img .bj{transition:.5s;opacity:1}
.page_product ul li a h2{font-size: .16rem;color: #303030;width: 100%;display: block;padding: .25rem 0;z-index:1;text-align: center;background: #fff;}
.page_product ul li a:hover img {transform: scale(1.2);transition:4s;}
.page_product  .page{margin:.15rem 0 0;display:flex;justify-content: center;}
.page_product  .page a{width:.3rem;height:.3rem;text-align:center;line-height:.3rem;background:#e5e5e5;margin:0 .05rem;font-size:.14rem;color:black;font-weight:bold;border-radius:5px}
.page_product  .page a i{font-size:.16rem;color:black}
.page_product  .page a.page-num-current{background:#6cbb48;color:white}
/**/
.tem_banner.indise{padding:1.85rem 0 0}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash h1{position:absolute;left:50%;transform:translateX(-50%);font-size:.48rem;color:white;bottom:1.75rem}
.news_box {background:#f8f8f8;padding:0 0 2.05rem}
.news_box .title{padding:.8rem 0 .6rem}
.news_box .title h2{font-size:.48rem;color:#0d0e0e}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists:after{content:"";width:32%}
.news_box .lists .items{width:32%;margin:0 0 .55rem}
.news_box .lists .items a{border:1px solid #e8e5e5;padding:.5rem .38rem .43rem}
.news_box .lists .items a span{font-size:.16rem;color:#515151}
.news_box .lists .items a h2{font-size:.22rem;color:#313131;margin:.45rem 0 .7rem;height:.6rem;line-height:.3rem}
.news_box .lists .items a em{font-size:.16rem;color:#6cbb48;display:inline-block;margin:0 0 .4rem}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a:hover {box-shadow:0 0 12px rgba(0,0,0,0.1);background:white}

.news_box  .page{margin:.15rem 0 0;display:flex;justify-content: center;}
.news_box  .page a{width:.3rem;height:.3rem;text-align:center;line-height:.3rem;background:#e5e5e5;margin:0 .05rem;font-size:.14rem;color:black;font-weight:bold;border-radius:5px}
.news_box  .page a i{font-size:.16rem;color:black}
.news_box  .page a.page-num-current{background:#6cbb48;color:white}

.contact_box{background:#f8f8f8}
.contact_box .infos .top>div>h2{padding:.75rem 0 .7rem;font-size:.48rem;color:#0d0e0e}
.contact_box .infos .top .infos{display:flex;padding:0 0 .9rem}
.contact_box .infos .top .infos .left{width:32%}
.contact_box .infos .top .infos .left h1{font-size:.3rem;color:#404040;margin:0 0 .2rem}
.contact_box .infos .top .infos .left h2{font-size:.3rem;color:#161616;font-weight:bold}
.contact_box .infos .top .infos .txt{padding:.2rem 0 0}
.contact_box .infos .top .infos .txt h1{font-size:.18rem;color:#404040;margin:0 0 .25rem}
.contact_box .infos .top .infos .txt ul{display:flex}
.contact_box .infos .top .infos .txt ul li:first-child{margin-right:.95rem}
.contact_box .infos .top .infos .txt ul li p{font-size:.18rem;color:#404040;}
.contact_box .infos .top .infos .txt ul li p em{font-size:.3rem;color:#6cbb48;font-weight:bold;margin-left:.1rem}
.contact_box .infos .top .infos .txt ul li p{font-size:.18rem;color:#404040;}
.contact_box .infos .map #container {height:6.35rem}
.contact_box  .message{padding:1rem 0 1.85rem}
.contact_box  .message>div{background:white;padding: 0 1.04rem 1.5rem}
.contact_box  .message .title{text-align:center;padding:1.05rem 0 1.1rem}
.contact_box  .message .title h1{font-size:.48rem;color:#262424}
.contact_box  .message .form .info{display:flex;justify-content: space-between;margin:0 0 .35rem}
.contact_box  .message .form .info .input{width:30%}
.contact_box  .message .form .info .input input{width:100%;height:.7rem;border:0;font-size:.16rem;color:#3e3e3e;background:#f8f8f8;padding:0 .2rem}
.contact_box  .message .form .second textarea{width:100%;height:2.45rem;border:0;font-size:.16rem;color:#3e3e3e;background:#f8f8f8;padding: .2rem}
.contact_box  .message .form .submint{margin:.7rem 0 0;text-align:center}
.contact_box  .message .form .submint button{width:2.9rem;height:.7rem;background:#6cbb48;border-radius:5px;border:0;font-size:.18rem;color:white}

.tem_banner  .swiper-page>div{position:absolute;width:.65rem;height:.65rem;border:1px solid rgba(255,255,255,.45);border-radius:100%;line-height:.65rem;text-align:center;font-size:.30rem;color:rgba(255,255,255,.45);outline:none;z-index:2;top:50%;left:.63rem}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:.64rem}
.tem_banner  .swiper-page>div:hover{border:1px solid #d22d26;}
.tem_banner  .swiper-page>div:hover i{color:#d22d26}
.tem_banner  .label_text{position:absolute;left:2.6rem;top:46.5%;z-index:2}
.tem_banner  .label_text h1{font-size:.6rem;color:#ffffff;margin:0 0 .2rem;font-weight:bold}
.tem_banner  .label_text  p{font-size:.36rem;color:white}
.tem_banner  .mouse{z-index:2;left:50%;transform:translateX(-50%);bottom:.45rem;width:.6rem;height:.6rem;border-radius:100%;border:1px dashed white;position:absolute}
.tem_banner  .mouse:after{content:"";position:absolute;background:url(/public/common/images/icon6.png) 0 0 no-repeat;width:.1rem;height:.19rem;left:50%;transform:translateX(-50%);top:20%;background-size:100%;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		top:20%
	}
	to{
		top:50%
	}
}
.index_about .text{text-align:center;padding:1rem 0 .9rem;position:relative}
.index_about .text:after{content:'';position:absolute;background:url(/public/common/images/icon9.png) 0 0 no-repeat;width:.66rem;height:.63rem;left:0;top:32%;background-size:100%;}
.index_about .text:before{content:'';position:absolute;background:url(/public/common/images/icon10.png) 0 0 no-repeat;width:.66rem;height:.62rem;right:0;top:32%;background-size:100%;}

.index_about .text h1{font-size:.48rem;color:#272626;padding:0 0 .45rem}
.index_about .text p{font-size:.18rem;color:#6d6d6d}
.index_about .text a{display:inline-block;margin:.6rem 0 0;height:.5rem;line-height:.5rem;width:1.7rem;border:2px solid #6cbb48;font-size:.14rem;color:#6cbb48;padding-right:.5rem;position:relative;transition:.3s}
.index_about .text a:after{position:absolute;content:"";background:url(/public/common/images/icon7.png) 0 0 no-repeat;width:.22rem;height:.11rem;top:50%;transform:translateY(-50%);background-size:100%;right:25%;transition:.3s}
.index_about .text a:before{position:absolute;content:"";background:url(/public/common/images/icon8.png) 0 0 no-repeat;width:.27rem;height:.29rem;top:50%;transform:translateY(-50%);background-size:100%;right:19%;transition:.3s}
.index_about .text a:hover{background:#6cbb48;color:white;;transition:.3s}
.index_about .text a:hover:after{background:url(/public/common/images/icon7-1.png) 0 0 no-repeat;color:white;width:.22rem;height:.11rem;background-size:100%;transition:.3s;right:13%}
.index_about .text a:hover:before{background:url(/public/common/images/icon8-1.png) 0 0 no-repeat;color:white;width:.27rem;height:.29rem;background-size:100%;transition:.3s}
.index_about_nav{;background-size:cover;background-repeat:no-repeat}
.index_about_nav ul{display:flex}
.index_about_nav ul li {width:25%;height:7.13rem}
.index_about_nav ul li  a{height:100%;border-right:2px solid rgba(191,191,190,.4);padding:1.25rem .6rem 0 }
.index_about_nav ul li  a h1{font-size:.36rem;color:white;font-weight:bold;padding:.65rem 0 .3rem;position:relative}
.index_about_nav ul li.xss1 a h1:after{content:"";position:absolute;background:url(/public/common/images/icon11.png) 0 0 no-repeat;width:.49rem;height:.41rem ;left:0;top:0;background-size:100%}
.index_about_nav ul li.xss3 a h1:after{content:"";position:absolute;background:url(/public/common/images/icon14.png) 0 0 no-repeat;width:.44rem;height:.47rem ;left:0;top:0;background-size:100%}
.index_about_nav ul li.xss4 a h1:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) 0 0 no-repeat;width:.47rem;height:.47rem ;left:0;top:0;background-size:100%}
.index_about_nav ul li.xss5 a h1:after{content:"";position:absolute;background:url(/public/common/images/icon13.png) 0 0 no-repeat;width:.47rem;height:.47rem ;left:0;top:0;background-size:100%}
.index_about_nav ul li a p{font-size:.14rem;color:white;transform:translateY(.5rem);opacity:0}
.index_about_nav ul li a em{font-size:.14rem;color:white;display:inline-block;position:relative;padding-right:.7rem;margin:.6rem 0 0;transform:translateY(.5rem);opacity:0}
.index_about_nav ul li a em:after{position:absolute;content:"";background:url(/public/common/images/icon7-1.png) 0 0 no-repeat;width:.22rem;height:.11rem;top:50%;transform:translateY(-50%);background-size:100%;right:25%;transition:.3s}
.index_about_nav ul li a em:before{position:absolute;content:"";background:url(/public/common/images/icon8-1.png) 0 0 no-repeat;width:.27rem;height:.29rem;top:50%;transform:translateY(-50%);background-size:100%;right:19%;transition:.3s}
.index_about_nav ul li a:hover p{transform:translateY(0);opacity:1;}
.index_about_nav ul li a:hover em{transform:translateY(0);opacity:1}
.index_workshop{padding:0 0 1.95rem;background:#fafafa}
.index_workshop .title{padding:1rem 0 .65rem;text-align:center}
.index_workshop .title h1{font-size:.48rem;color:#272626}
.index_workshop .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_workshop .lists .items{width:49.8%;margin:0 0 .08rem}
.index_workshop .lists .items a {position:relative}
.index_workshop .lists .items a:hover img{transform:scale(1.1)}
.index_workshop .lists .items a .img img{width:100%;height:3.33rem;object-fit:cover}
.index_workshop .lists .items a  h1{position:absolute;font-size:.26rem;color:#ffffff;bottom:.48rem;left:.56rem;padding:0 0 .26rem;}
.index_workshop .lists .items a  h1:after{content:"";position:absolute;background:#ffffff;left:0;height:4px;width:.49rem;left:0;bottom:0}
.index_workshop .lists .items:nth-child(1),.index_workshop .lists .items:nth-child(3) {transform:translateY(.63rem)}
.index_product{padding:0 0 1.35rem}
.index_product>div{padding: 0 .55rem}
.index_product .title{text-align:center;padding:1.4rem 0 .5rem}
.index_product .title h1{font-size:.48rem;color:#272626}
.index_product .lists{display:flex;justify-content: space-between;}
.index_product .lists>div{width:24.8%;background-repeat:no-repeat;background-size:cover}
.index_product .lists>div.on{width:49.5%;}
.index_product .lists>div  a{height:6.8rem}
.index_product .lists>div a .text{padding:.8rem 0 0;text-align:center}
.index_product .lists>div a .text  h1{font-size:.36rem;color:white;font-weight:bold; }
.index_product .lists>div a .text p{font-size:.18rem;color:white;margin:.2rem  0 .45rem}
.index_product .lists>div a .text em{display:inline-block;height:.35rem;line-height:.35rem;font-size:.14rem;color:white;border:1px solid white;width:1.1rem;border-radius:50px}
.index_product .lists>div a:hover .text em{color:black;background:white}
.index_news{background:#f8f7f8;padding:1.35rem 0 1.45rem}

.index_news .title{text-align:center;padding:0 0 .55rem}
.index_news .title h1{font-size:.48rem;color:#272626}
.index_news .lists .items{padding:.1rem}
.index_news .lists .items a{border:1px solid #e8e5e5;padding:.5rem .38rem .43rem}
.index_news .lists .items a span{font-size:.16rem;color:#515151}
.index_news .lists .items a h2{font-size:.22rem;color:#313131;margin:.45rem 0 .7rem;height:.6rem;line-height:.3rem}
.index_news .lists .items a em{font-size:.16rem;color:#6cbb48;display:inline-block;margin:0 0 .4rem}
.index_news .lists .items a:hover img{transform:scale(1.1)}
.index_news .lists .items  a:hover {box-shadow:0 0 12px rgba(0,0,0,0.1);background:white}

/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}
    
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:black;
	-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:#6cbb48;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:#6cbb48}
.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********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1440px){
	.tem_banner .label_text{left:1.6rem}
.pro_fixed .mains{padding:.25rem .55rem  .2rem}
.pro_fixed .mains{max-width:1100px}
}
@media(max-width:1400px){
	
}

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner  .label_text{left:1rem}
.tem_banner  .label_text h1{font-size:.3rem;}
.tem_banner  .label_text  p{font-size:.26rem;}
.tem_banner .swiper-page>div{left:0}
.tem_banner .swiper-page>div.slide-button-next{right:0}
.index_about_nav ul{display:flex;flex-wrap: wrap;}
.index_about_nav ul li{width:50%;height:5.5rem}
.index_about_nav ul li a{border-top:2px solid rgba(191,191,190,.4)}
.index_product .lists>div a .text em{width:1.3rem}
.about_honor .lists{padding:0 .3rem}
.footer .top .fot_nav{display:none}
.index_news .lists .items a{padding:.2rem}
.footer .top .logo{display:none}
.footer .top .right{width:100%}
.about_history .lists .sm_list{padding:0 .2rem}
.product_box .items .bigimg h2{top:1rem}
.product_box .items .infos .title a{width:1.8rem;text-align:center}
.product_box .items .infos .box{display:inherit}
.product_box .items .infos .box .img{width:100%}
.product_box .items .infos .box ul{width:100%;margin:.1rem 0 0}
.product_box .items .infos .box ul li{margin:0 0 .1rem}
.contact_box .infos .top .infos{display:inherit}
.contact_box .infos .top .infos .left{width:100%}
.contact_box .infos .top .infos .txt ul{display:inherit}
.contact_box .message .form .info{display:inherit}
.contact_box .message .form .info .input{width:100%;margin:0 0 .1rem}
.news_box .lists .items{width:48%}
.product_list .box .lists .items{width:48%}
.pro_fixed .mains{max-width:95%;padding:.2rem}
.product_list .bigimg h2{top:1rem}


}