.header{position: fixed;width: 100%;z-index: 18;top:0;left:0}
.header .slogan{background:#121212;font-size:.14rem;color:#FFF;font-weight:300;line-height:.43rem;}
.header .boxs{display:flex;justify-content:space-between;align-items:center;background:#FFF}
.header .boxs>div{flex:0 0 40%}
.header .boxs .navs{padding-left:1rem;}
.header .boxs .navs ul {display:flex;align-items:center;gap:0 .25rem;}
.header .boxs .navs ul li a{font-size:.16rem;color:#000000;font-weight:300;display:block;padding:0 7px;line-height:.2rem;border-radius:3px;overflow:hidden;}
.header .boxs .navs ul li.active a,.header .boxs .navs ul li a:hover{background:#000;color:#FFF}
.header .boxs .logos{flex:0 0 20%;text-align:center;line-height:.9rem;}
.header .boxs .logos img {max-height:.56rem;transition:none;}
.header .boxs .items{display:flex;align-items:center;justify-content:flex-end;gap:0 .55rem;padding:0 .55rem 0 0}
.header .boxs .items>a{font-size:.18rem;color:#000}
.header .boxs .items dl {margin:0;padding:0;position:relative}
.header .boxs .items dl dt {font-size:.14rem;color:#000;font-weight:400;display:flex;align-items:center;gap:0 .1rem;line-height:.9rem;cursor:pointer;}
.header .boxs .items dl dt i{font-size:.2rem;}
.header .boxs .items dl dt i:last-child{font-size:.16rem;}
.header .boxs .items dl dd{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;box-shadow:0 0 6px rgba(0,0,0,.12);width:1.2rem;display:none;transition:none;}
.header .boxs .items dl dd a{font-size:.14rem;color:#000;display:block;text-align:center;line-height:.45rem;}

.is_header {box-shadow:0 0 12px rgba(0,0,0,.12)}
/**/
.tem_banner .label_text{position:absolute;top:50%;left:2.1rem;transform:translateY(-50%);z-index:1;text-align:right;}
.tem_banner .label_text p{font-size:.18rem;color:#000;margin:0 0 .2rem;font-weight:300}
.tem_banner .label_text h3 {font-size:.6rem;color:#000;margin:0 0 .35rem;font-weight:500}
.tem_banner .label_text>*{opacity:0;transform:translateY(3vw)}
.tem_banner .swiper-slide-active .label_text>*{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.tem_banner .swiper-slide-active .label_text h3 {transition-delay:150ms}
.tem_banner .swiper-slide-active .label_text .more {transition-delay:200ms}

.com_more{display:inline-block;font-size:.18rem;color:#FFF;text-transform:uppercase;background:#121212;border-radius:10px;padding:0 .27rem;line-height:.45rem;font-weight:300}
.com_more i{font-size:.2rem;margin-left:.3rem;}
.tem_banner .slide-pagination{position:absolute;left:1rem;bottom:.8rem;z-index:1;width:auto;display:flex;gap:0 .1rem;align-items:center}
.tem_banner .slide-pagination span {opacity:.3;outline:none;width:8px;height:8px;background:#000;margin:0}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{opacity:1}
.tem_banner .swiper-page{position:absolute;right:1.22rem;bottom:.6rem;z-index:1;display:flex;align-items:center;gap:0 .2rem;}
.tem_banner .swiper-page>div{width:.46rem;height:.46rem;border:1px solid #0e0d0c;border-radius:100%;font-size:.18rem;color:#000;border-radius:100%;line-height:.44rem;text-align:center;}
/**/
.m120{margin:0 1.2rem;}
.index_product{padding:.6rem 0 1rem;}
.index_product>div{display:grid;grid-template-columns:1fr 1fr;}
.index_product a{display:block;position:relative;}
.index_product .imgs{height:6.8rem;}
.index_product .imgs img {width:100%;height:6.8rem;object-fit:cover;transition:none}
.index_product h4 {font-size:.36rem;color:#FFF;font-weight:500;position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center;z-index:1}
.index_product em{position:absolute;bottom:.78rem;left:50%;transform:translateX(-50%);z-index:1}
.index_product a:hover em{transform;translateY(-5px)}

.index_ques{padding:0 0 1rem;}
.index_ques>div{padding:0 3rem;}
.index_ques h3{font-size:.48rem;color:#000000;font-weight:500;margin:0 0 .6rem;text-align:center}
.index_ques .lists li a{display:flex;padding:.2rem 0;width:100%;justify-content:space-between;align-items:center}
.index_ques .lists li{border-bottom:1px solid #f5f5f5}
.index_ques .lists li a p{margin:0;flex:0 0 80%;max-width:80%;font-size:.18rem;color:#000;font-weight:300}
.index_ques .lists li a i{font-size:.18rem;color:#000}
.index_ques .lists li .submenu {font-size:.16rem;color:#000;font-weight:300;line-height:1.8;padding:0 0 .3rem;display:none;transition:none;}
.index_ques .lists li:first-child{border-top:1px solid #f5f5f5}
.index_ques .lists li.opens a i {transform:rotate(180deg)}

.index_choose{background:#efebe8;padding:.96rem 0}
.index_choose>div{display:flex;align-items:center;}
.index_choose>div>.imgs{flex:0 0 49.7%;text-align:center;padding:0 .15rem;}
.index_choose>div>.imgs span {background:none !important;border-radius:20px;overflow:hidden;display:inline-block}
.index_choose .text{flex:0 0 50.3%}
.index_choose .text h3 {font-size:.36rem;color:#000000;text-align:center;padding:0 0 .35rem;border-bottom:2px solid #d1d0ce;font-weight:500}
.index_choose .text .boxs{padding:.39rem 1rem 0 0}
.index_choose .text .boxs li {display:flex;align-items:center;margin:0 0 .55rem;}
.index_choose .text .boxs li .imgs{flex:0 0 19%;text-align:center}
.index_choose .text .boxs li .imgs img {max-height:.55rem;transition:none}
.index_choose .text .boxs li .txt {flex:0 0 81%}
.index_choose .text .boxs li .txt h5{font-size:.21rem;color:#000;font-weight:500;margin:0 0 .1rem;}
.index_choose .text .boxs li .txt .editor{font-size:.18rem;color:#000;font-weight:300}
.index_choose .text .boxs li:last-child{margin:0}

.index_newinfo{background:linear-gradient(45deg, #fefefe, #f9f3eb,#FFF);}
.index_news{padding:.9rem 0 1.05rem;}
.index_news .titles{display:flex;align-items:flex-start;justify-content:space-between;}
.index_news .titles .names h3 {font-size:.48rem;color:#000;font-weight:500;text-transform:uppercase;margin:0 0 .5rem;}
.index_news .titles .names ol{margin:0;padding:0;display:flex;gap:0 .3rem;border-bottom:2px solid #e8e7e5;}
.index_news .titles .names ol li a{padding:0 0 .15rem;display:block;font-size:.16rem;color:#969593;font-weight:300;position:relative;}
.index_news .titles .names ol li a:after{content:'';width:0;height:2px;background:#2e2e2d;position:absolute;bottom:-2px;left:0;z-index:1;transition:all .35s linear}
.index_news .titles .names ol li a:hover {color:#000;font-weight:400}
.index_news .titles .names ol li a:hover:after{width:100%}
.index_news .lists{margin:.55rem 0 0}
.index_news .lists .swiper-slide a{display:block;position:relative}
.index_news .lists .swiper-slide .imgs img {width:100%;height:3.25rem;object-fit:cover;transition:none;}
.index_news .lists .swiper-slide .text{background:#FFF;padding:.35rem .4rem .3rem;}
.index_news .lists .swiper-slide .text span {font-size:.16rem;color:#969696;font-weight:300;display:flex;gap:0 .1rem;align-items:center;}
.index_news .lists .swiper-slide .text span i{color:#c4a988;}
.index_news .lists .swiper-slide .text h5{font-size:.21rem;color:#000;font-weight:500;margin:.2rem 0 .1rem;}
.index_news .lists .swiper-slide .text p{font-size:.16rem;color:#000;font-weight:300;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .4rem;}
.index_news .lists .swiper-slide .text em{font-size:.14rem;color:#a5a5a5;font-weight:300;text-transform:uppercase;}
.index_news .lists .swiper-slide .text em i{margin-left:.15rem;font-size:.18rem;}
.index_news .lists .swiper-slide a:hover{transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
.index_link {padding:0 0 .72rem;}
.index_link >div{display:flex;}
.index_link >div>div{flex:0 0 50%}
.index_link a{display:flex;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;justify-content:space-between;align-items:center;padding:.95rem .68rem;position:relative}
.index_link a>*{position:relative;z-index:3}
.index_link a:before{content:'';width:100%;height:0;background:#d1b17e;opacity:.7;position:absolute;top:0;left:0;transition:all .5s linear}
.index_link h6{font-size:.24rem;color:#FFF}
.index_link em{font-size:.14rem;color:#FFF;font-weight:300;text-transform:uppercase;}
.index_link em i{margin-left:.15rem;font-size:.18rem;}
.index_link a:hover:before{height:100%}
/**/
.footer{background:#fafafa;padding:.37rem 0 .4rem;}
.footer .logos img {max-height:.7rem;transition:none;}
.footer .logos {padding:0 0 .3rem;border-bottom:1px solid #eee}
.footer .boxs {padding:.25rem 0 0;display:flex;justify-content:space-between}
.footer .boxs .let {flex:0 0 23.7%}
.footer .boxs .let h3{font-size:.18rem;color:#000;font-weight:500}
.footer .boxs .let p{font-size:.16rem;color:#000;font-weight:300;margin:.1rem 0 .35rem;}
.footer .boxs .let .lists li {margin:0 0 .1rem;position:relative}
.footer .boxs .let .lists li input,.footer .boxs .let .lists li textarea {width:100%;height:.46rem;border:1px solid #a6a6a6;border-radius:999px;padding:0 .18rem;font-size:.14rem;color:#a5a5a5;font-weight:300;background:none}
.footer .boxs .let .lists li button {display:block;background:#000;font-size:.14rem;color:#FFF;text-transform:uppercase;height:.46rem;border:0;border-radius:999px;width:100%}
.footer .boxs .let .lists li textarea{line-height:.44rem}
.footer .boxs .let .lists li img{position:absolute;right:.15rem;top:50%;transform:translateY(-50%);max-height:.35rem;}
.footer .boxs .let .lists li.codes input{padding:0 1.5rem 0 .18rem;}
.footer .boxs .navs{display:flex;gap:0 1.4rem;}
.footer .boxs .navs dl {margin:0;padding:0}
.footer .boxs .navs dl dt,.footer .boxs .navs dl dt a{font-size:.18rem;color:#000;font-weight:500}
.footer .boxs .navs dl dt{margin:0 0 .4rem}
.footer .boxs .navs dl dd a{font-size:.18rem;color:#000;font-weight:300}
.footer .boxs .navs dl dd{margin:0 0 .4rem;}
.footer .boxs .tels{flex:0 0 20%}
.footer .boxs .tels p{font-size:.18rem;color:#000;font-weight:400;margin:0 0 .25rem;}
.footer .boxs .code img {width:1.43rem;transition:none;}

.copy {padding:.27rem 0;text-align:center;font-size:.16rem;color:#000000;font-weight:300}
.copy a{font-size:.16rem;color:#000000;font-weight:300}
/**/
.mbx{padding:.72rem 0 0;}
.mbx>div{display:flex;height:.55rem;align-items: center;font-size:.13rem;color:#343434;gap:3px}
.mbx>div a{font-size:.13rem;color:#343434}

.new_product .lists{padding:0 0 1.55rem}
.new_product .lists .items{padding:0 3.6rem;display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 0 .6rem}
.new_product .lists .items:after{content:"";position:absolute;width:100%;height:1.2rem;background:#f7f7f7;left:0;bottom:0;z-index:-1}
.new_product .lists .items:last-child{margin:0}
.new_product .lists .items .img span{background:none !important}
.new_product .lists .items .text{padding-left:.5rem;width:55%}
.new_product .lists .items .img {width:44.5%}
.new_product .lists .items .text h3{font-size:.52rem;color:#343434;font-weight:bold}
.new_product .lists .items .text h3 em{color:#f51717}
.new_product .lists .items .text h2{font-size:.24rem;color:#757474;font-weight:normal;margin:.3rem 0 .5rem}
.new_product .lists .items .text a{display:inline-block;margin:.4rem 0 0;padding:0 .65rem;height:.5rem;background:#343434;color:white;font-size:.15rem;line-height:.55rem;text-transform:uppercase}
.new_product .lists .items .text a:hover{background:#f51717;color:white;;box-shadow:0 0 12px rgba(0,0,0,0.2)}

.product_details .top{display:grid;grid-template-columns:57.3% 40%;justify-content:space-between;padding:0 0 .5rem}
.product_details .top .left{display:grid;grid-template-columns:9.5% 84.1% ;justify-content:space-between}
.product_details .top .left .img_list .swiper-container{height:6rem}
.product_details .top .left .img_list  .img{border:2px solid transparent}
.product_details .top .bigimg  .img img{width:100%}
.product_details .top .left .img_list .swiper-slide-thumb-active  .img{border:2px solid #343434}
.product_details .top .right .title {margin: 0 0 .3rem}
.product_details .top .right .title span{font-size:.18rem;color:#757474;font-weight:bold;text-transform:uppercase}
.product_details .top .right .title h2{font-size:.35rem;color:#343434;font-weight:bold;margin:.1rem 0 .15rem}
.product_details .top .right .title h3{display:inline-block;padding:4px 7px;background:#f51717;color:white;font-size:.14rem}
.product_details .top .right .info em{font-style:italic}
.product_details .top .right .info {font-size:18px !important}
.prolike{background:#f9f9f9;padding:0 0 .6rem}
.prolike .title{padding:.85rem 0 .2rem;text-align:center;}
.prolike .title h2{font-size:.35rem;color:#343434;font-weight:bold}
.prolike .lists a .img{background:#fbfbfb;border:2px solid #f1f1f1;padding:.15rem}
.prolike .lists a  .text{padding:.1rem 0 0}
.prolike .lists a  .text h2{font-size:.18rem;color:#343434;font-weight:bold;margin:0 0 2px}
.prolike .lists a:hover .img img{transform:scale(1.1)}
.prolike .lists .slide-pagination{text-align:center;margin:.6rem 0 0}
.prolike .lists .slide-pagination span{opacity:1;margin:0 8px;width:.11rem;height:.11rem;background:none;border:2px solid #999999}
.prolike .lists .slide-pagination span.swiper-pagination-bullet-active{background:#343434;border-color:#343434}
.news_box{padding:0 0  .75rem}
.news_box>div{padding-left:4.1rem}
.news_box>div .title{padding:.85rem 0 .6rem}
.news_box>div .title h2{font-size:.32rem;color:#343434;font-weight:bold;text-transform:uppercase;margin:0 0 3px}
.news_box>div .title .swiper-page{display:inline-flex;padding-left:4.3rem;position:relative;gap:.3rem;}
.news_box>div .title .swiper-page:after{content:"";position:absolute;width:80.5%;background:#212122;height:3px;left:0;top:50%;transform:translateY(-50%)}
.news_box>div .title .swiper-page>div{}
.news_box>div .title .swiper-page>div i{font-size:.36rem;color:#000000;font-weight:bold;}
.news_box>div .title .swiper-page>div:hover i{color:#ffa247}
.news_box>div .lists  .text{padding:.35rem 0 0}
.news_box>div .lists  .text h2{font-size:.23rem;color:#343434;text-transform:uppercase;height:.52rem;line-height:.26rem;font-weight:bold;margin:0 0 .1rem}
.news_box>div .lists  .text h3{font-size:.14rem;color:#727272}
.news_box>div .lists  a:hover .img img{transform:scale(1.1)}

.contact_box{padding:.8rem 0}
.contact_box >div{display:grid;grid-template-columns:48.5% 43%;justify-content:space-between;}
.contact_box  .left{position:relative;}
.contact_box  .left .map {height:100%}
.contact_box  .left .map #container {height:100%;min-height:450px;}
.contact_box  .left .text{position:absolute;bottom:10%;left:.2rem;width:39%;padding:.1rem .15rem .2rem;background:white;border:2px solid #343434;box-shadow:0 0 12px rgba(0,0,0,0.3)}
.contact_box  .left .text:after{content:"";position:absolute;background:url(../images/7.png) 0 0 no-repeat;width:.24rem;height:.28rem;left:100%;top:50%;transform:translateY(-50%);background-size:100%;}
.contact_box  .left .text h2{font-size:.17rem;color:#343434;text-transform:uppercase;font-weight:bold;margin:.15rem 0 .25rem}
.contact_box  .left .text p{font-size:.14rem;color:#343434;font-weight:bold;margin:0 0 .1rem;line-height:.25rem}
.contact_box  .left .text p img{max-width:.15rem !important;margin-right:.1rem}
.contact_box  .right .txt{margin: 0 0 .4rem}
.contact_box  .right .txt h3{font-size:.45rem;color:#343434;font-weight:bold;margin:0 0 .25rem}
.contact_box  .right .txt  p img{max-width:.2rem !important;margin-right:.1rem}
.contact_box  .right .txt  p{font-size:.18rem;color:#343434;font-weight:bold;margin: 0 0 .1rem}
.contact_box  .right .txt  p:last-child{margin:0}
.contact_box  .right .form{font-size:0}
.contact_box  .right .form   h3{font-size:.45rem;color:#343434;font-weight:bold;margin:0 0 .25rem;text-transform:uppercase}
.contact_box  .right .form  ul {display:grid;grid-template-columns:1fr 1fr;grid-gap:.1rem;margin:0 0 .2rem}
.contact_box  .right .form  ul li p{font-size:.14rem;color:#9a9797;font-weight:bold;text-transform:uppercase;margin:0 0 5px}
.contact_box  .right .form  ul li p em{color:#f51717}
.contact_box  .right .form  ul li input{width:100%;height:.5rem;border:2px solid #dcdcdc;padding:0 .1rem;font-size:.16rem;font-weight:bold;color:#333}
.contact_box  .right .form  .area {margin:0 0 .15rem}
.contact_box  .right .form  .area p{font-size:.14rem;color:#9a9797;font-weight:bold;text-transform:uppercase;margin:0 0 5px}
.contact_box  .right .form  .area p em{color:#f51717}
.contact_box  .right .form  .area textarea{width:100%;height:1.2rem;border:2px solid #dcdcdc;padding:.1rem;font-size:.16rem;font-weight:bold;color:#333}
.contact_box  .right .form  .area .codes{display:flex;align-items:center;gap:0 .15rem;}
.contact_box  .right .form  .area .codes input {flex:0 0 60%;height:.5rem;border:2px solid #dcdcdc;padding:0 .1rem;font-size:.16rem;font-weight:bold;color:#333}
.contact_box  .right .form  .sub button{height:.5rem;color:white;width:2.3rem;background:#f51717;font-size:.16rem;border:0;text-transform:uppercase}


.product_box{padding:1rem 0 .75rem}
.product_box>div{display:grid;grid-template-columns:25% 74%;justify-content:space-between}
.product_box .left{padding:.25rem 0 0;border-top:1px solid #efece7 }
.product_box .left>h2{font-size:.16rem;color:#9a9797;font-weight:bold;position:relative;padding:0 0 .15rem}
.product_box .left>h2 i{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.2rem}
.product_box .left ul li {margin:0 0 .2rem}
.product_box .left ul li a{padding-left:.25rem;position:relative;font-size:.16rem;color:#343434;}
.product_box .left ul li a span{width:.18rem;height:.18rem;border-radius:100%;border:2px solid #9c9999;display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.product_box .left ul li a span:after{content:"";position:absolute;width:.11rem;height:.11rem;background:#343434;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);transition:.5s;opacity:0}
.product_box .left ul li a:hover span{border:2px solid #343434;}
.product_box .left ul li a:hover span:after{background:#343434;opacity:1}
.product_box .left ul li.active span{border:2px solid #343434;}
.product_box .left ul li.active  span:after{background:#343434;opacity:1}
.product_box  .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: .55rem .33rem}
.product_box  .lists a .img{background:#fbfbfb;border:2px solid #f1f1f1;padding:.1rem;}
.product_box  .lists a .img span{background:none !important}
.product_box  .lists a  .text{padding:.1rem 0 0}
.product_box  .lists a  .text h2{font-size:.18rem;color:#343434;font-weight:bold;margin:0 0 2px}
.product_box  .lists a:hover .img img{transform:scale(1.1)}
.product_box  .lists .page{margin:.7rem 0 0;gap:12px;padding:.3rem 0 0;border-top:1px solid  #d8d8d8;display:flex}
.product_box  .lists .page a{width:.24rem;height:.24rem;border:2px solid #dcdcdc;line-height:.24rem;font-size:.14rem;color:#9a9797;font-weight:bold}
.product_box  .lists .page a:hover{background:#343434;color:white;border-color:#343434}
.product_box  .lists .page a.page-num-current{background:#343434;color:white;border-color:#343434}
.about_box .company_en{padding:.75rem 0 .75rem}
.about_box .company_en .title{text-transform:uppercase;text-align:center;padding:0 0 .15rem}
.about_box .company_en .title h2{font-size:.54rem;color:#343434;font-weight:bold;margin:0 0 .25rem}
.about_box .company_en .title h2 em{color:#f51717}
.about_box .company_en  .title p{font-size:.24rem;color:#343434}
.about_box .company_en  .box{background:#f6f6f6;position:relative}
.about_box .company_en  .box>div{position:relative}
.about_box .company_en  .box ul{position:absolute;left:0;width:100%;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;background:rgba(234,234,234,.9);grid-gap:.5rem;padding:.4rem .23rem}
.about_box .company_en  .box ul li h2{text-align:center;font-size:.24rem;font-weight:bold;margin:0 0 .4rem}
.about_box .company_en  .box ul li p{font-size:.16rem;color:#343434}
.about_box .company{padding:.7rem 0 1.65rem}
.about_box .company .title{text-transform:uppercase;text-align:center}
.about_box .company .title h2{font-size:.54rem;color:#343434;font-weight:bold;margin:0 0 .05rem}
.about_box .company .title h2 em{color:#f51717}
.about_box .company .infos{font-size:.24rem;color:#323232;line-height:.35rem;margin:0 0 .7rem}
.about_box .company  .text{padding:0 0 .5rem}
.about_box .company  .text ul li{text-align:center}
.about_box .company  .text ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.about_box .company  .text ul li h2{font-size:.24rem;color:#343434;font-weight:bold;margin:0 0 .5rem}
.about_box .company  .text ul li p{font-size:.55rem;font-weight:bold;color:#343434}
.about_box .company  .text ul li p em{color:#f51717}
.about_box .company .pics ul{display:grid;grid-template-columns:1fr 1fr 1fr}
.about_box .company .pics ul li a{}
.about_box .company .pics ul li a:hover img{transform:scale(1.1)}
.about_box .company .pics ul.ul1{margin:0 0 .3rem}
.about_box .company .pics ul.ul2 li:nth-child(2){background:#f51717;display:flex;padding:0  .1rem;flex-direction: column;justify-content: center;align-items: center;border:3px solid #343434}
.about_box .company .pics ul.ul2 li .txt{text-align:center}
.about_box .company .pics ul.ul2 li .txt h2{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .4rem}
.about_box .company .pics ul.ul2 li .txt h3{font-size:.55rem;color:white;font-weight:bold;height:.4rem;line-height:.45rem}
.about_box .company .pics ul.ul2 li .txt p{font-size:.24rem;color:white;line-height:.25rem;margin:.1rem 0 0}
.about_box .videos{padding:0 0 .8rem}
.about_box .videos video{width:100%;height:6.5rem;background:#000}

.history{background:url(../images/m1.jpg) center no-repeat #FFF;padding:.9rem 0 1.25rem;background-size:11.74rem auto;}
.history h2{font-size:.54rem;color:#343434;font-weight:bold;margin:0 0 .05rem;text-align:center}
.history h2 em{color:#f51717}
.history .lists {position:relative;}
.history .lists:before{content:'';width:100%;height:2px;background:#d2d2d2;position:absolute;left:0;top:1.05rem;}
.history .lists .swiper-slide{padding:0 0 .15rem;}
.history .lists .swiper-slide h4{font-size:.36rem;color:#4a4a4a;font-weight:bold;font-style:oblique;line-height:1.05rem;text-align:center;position:relative}
.history .lists .swiper-slide h4:before{content:'';width:.17rem;height:.17rem;border:.04rem solid #FFF;border-radius:100%;background:#aaa;position:absolute;bottom:-.09rem;left:50%;transform:translateX(-50%);}
.history .lists .swiper-slide .txt{padding:.4rem 0 .6rem;font-size:.16rem;color:#4a4a4a}
.history .lists .swiper-slide .items{position:absolute;top:6px;width:100%;left:0;background:#FFF;box-shadow:4px 4px 6px rgba(0,0,0,.14);padding:.14rem;opacity:0;transform:scale(1.06);}
.history .lists .swiper-slide .items .imgs_ img {width:100%;}
.history .lists .swiper-slide .items .text{margin:.2rem 0 0;font-size:.16rem;color:#4a4a4a}
.history .lists .swiper-slide:hover .items {opacity:1;transform:none;}
.history .lists .swiper-page>div{position:absolute;top:50%;left:-1.16rem;transform:translateY(-50%);width:.53rem;height:.53rem;border:2px solid #aaa;line-height:.49rem;text-align:center;font-size:.3rem;color:#aaa}
.history .lists .swiper-page>div.slide-button-next{left:auto;right:-1.16rem;}
.history .lists .swiper-page>div:hover {background:#0f308d;border-color:#0f308d;color:#FFF}


.honor {padding:0 0 1.1rem}
.honor .title{padding:.85rem 0 .6rem;text-align:center}
.honor .title h2{font-size:.54rem;color:#343434;font-weight:bold;margin:0 0 .05rem}
.honor .title h2 em{color:#f51717}
.honor  ul{display:flex;justify-content: center;margin:0 0 .8rem}
.honor  ul li{margin:0 .09rem}
.honor  ul li a{padding:0 .4rem;background:#f0f0f0;border-radius:50px;height:.45rem;line-height:.45rem;font-size:.18rem;color:#989898}
.honor  ul li a:hover{background:#fe0001;color:white}
.honor  ul li#current a{background:#fe0001;color:white}
.honor .lists>div{padding:0 .6rem}
.honor .lists .items{position:relative}
.honor .lists .img{padding:.35rem .65rem 0;position:relative }
.honor .lists .img:after{position:absolute;content:"";background:url(/public/common/images/m2.png) 0 0 no-repeat;width:100%;height:4.78rem;left:0;top:0;background-size:100%;z-index:-1}
.honor .lists a:hover img{transform: translateY(-10px);box-shadow: 0px 0px 15px rgba(0,0,0,.3);}
.honor .lists h2{text-align:center;margin:.8rem 0 0;font-size:.18rem;color:#989898}
.honor .lists .items .swiper-page>div{width:.5rem;height:.5rem;line-height:.5rem;position:absolute;left:-.2rem;top:50%;transform:translateY(-50%);font-size:.3rem;color:white;background:#fe0001;text-align:center;border-radius:100%}
.honor .lists .items .swiper-page>div.slide-button-next{left:auto;right:-.2rem}


.workshop {background:#f6f8fa;padding:0 0 .9rem;}
.workshop  .title{padding:.75rem 0 .5rem;text-align:center}
.workshop .title h2{font-size:.54rem;color:#343434;font-weight:bold;margin:0 0 .05rem}
.workshop .title h2 em{color:#f51717}
.workshop  .lists a:hover{transform:scale(1.1)}
.workshop  .lists .swiper-page{display:flex;justify-content: center;align-items: center;margin:.68rem 0 0}

.workshop  .lists .swiper-page .slide-pagination span {width:.45rem;height:.45rem;text-align:center;line-height:.45rem;font-size:.16rem;color:#9e9e9e;border-radius:100%;margin:0 .05rem;background:none;opacity:1}
.workshop  .lists .swiper-page .slide-button-prev,.workshop  .lists .swiper-page .slide-button-next{border:1px solid #9e9e9e;margin:0 .3rem;width:.45rem;height:.45rem;text-align:center;line-height:.45rem;font-size:.16rem;color:#9e9e9e;border-radius:100%}
.workshop  .lists .swiper-page .slide-pagination span:hover,.workshop  .lists .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#e50012;border-color:#e50012;color:white}
.workshop  .lists .swiper-page .slide-button-prev:hover,.workshop  .lists .swiper-page .slide-button-next:hover{background:#e50012;border-color:#e50012;color:white}
/********<=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){

	.new_product .lists .items{padding:0 2rem}

	.news_box>div{padding-left:2.6rem}


}
@media(max-width:1440px){
	.product_details .top .left .img_list .swiper-container{height:8rem}
	.news_box>div{padding-left:1.9rem}

	.tem_banner .label_text{left:1.2rem;}
	.index_ques > div{padding:0 1.5rem;}
	
}
@media(max-width:1300px){
	.news_box>div{padding-left:1.5rem}
	
}
@media(max-width:1200px){
	.m120 {margin:0 15px;}
	.tem_banner .label_text{left:15px;}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.tem_banner.index{margin:50px 0 0 }
	.tem_banner{}
	.m-header,.m_header2 {top:0;opacity:1;}

	.mbx{padding:60px 0 0}
	.new_product .lists .items{padding:0 .3rem;}
	.new_product .lists .items .text{padding-left:0;}
	.new_product .lists .items .text .txt img{max-width:60%}
	.new_product .lists .items .text h3{font-size:.4rem}

	.new_product .lists .items:after{display:none}

	.product_details .top{grid-template-columns:100%}
	.about_box .company .text ul{grid-template-columns:1fr 1fr;grid-gap:.4rem}
	.about_box .company .pics ul.ul1{grid-template-columns:100%}
	.about_box .company .pics ul.ul2{grid-template-columns:100%}
	.about_box .company .pics ul.ul2 li:nth-child(2){padding:1rem 0 }

	.news_box>div{padding-left:.2rem}
	.show_news{padding:.5rem 0 .75rem}
	.contact_box >div{grid-template-columns:100%;grid-gap:.5rem 0}
	.contact_box .left .text{bottom:40%;width:50%}

	.product_box>div{display:grid;grid-template-columns:100%;grid-gap:.5rem}
	.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr}
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .swiper-slide img{width:100%;height:360px;object-fit:cover;}
	.tem_banner .label_text p{font-size:12px;}
	.tem_banner .label_text h3{font-size:16px;}
	
	.index_product > div{grid-template-columns:1fr;gap:.35rem 0}
	.index_ques > div{padding:0}
	.index_choose > div{display:block}
	.index_choose .text{padding:.5rem 0 0}
	.index_link > div{display:block}
	.footer .boxs{    flex-direction: row;    flex-wrap: wrap;    justify-content: space-between;gap:.35rem 0}
	.footer .boxs .let {flex:0 0 50%}
	.footer .boxs .navs{gap:0 .5rem;}
	.footer .boxs .tels{flex:0 0 50%}
	
	.honor .lists .img{padding:.2rem .4rem 0}

}