.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header>div{display:flex;justify-content: space-between;height:1.06rem;line-height:1.06rem}
.header .logo{width:8.3%}
.header .navs{width:74%}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:.7rem}
.header .navs ul li a{font-size:.16rem;color:#373634;font-weight:bold}
.header .navs ul li a:hover {color:#f29803;transition:.3s}   
.header .navs ul li.active a{color:#f29803}
.header .right{width:4.6%;display:flex;justify-content: space-between;align-items: center;}
.header .right .langs{line-height:normal}
.header .right .langs a{font-size:.16rem;color:#373634;font-weight:bold}
.header .right .search a{width:.15rem;height:.15rem;background:url(/public/common/images/icon1.png) 0 0 no-repeat;background-size:100%}
.tem_banner.indise{padding:1.06rem 0 0}    
.tem_banner.indise .txt{position:absolute;left:2.13rem;top:38%}
.tem_banner.indise .txt h1{font-size:.48rem;color:#ffffff;font-weight:bold;margin:0 0 .3rem}
.tem_banner.indise .txt p{font-size:.3rem;color:white}    
.about_box {position:relative}
.about_box .about_nav{position:absolute;left:.3rem;top:.55rem;z-index:2;background:white;padding:.1rem;box-shadow: 0 0 12px rgba(0,0,0,0.2);border-radius:5px}
.about_box .about_nav ul li{margin:0 0 .25rem    }
.about_box .about_nav ul li:last-child{margin:0}
.about_box .about_nav ul li a{font-size:.16rem;color:#9d9d9d;font-weight:bold;padding:.04rem  0 .04rem .15rem;position:relative}
.about_box .about_nav ul li a:after{content:"";position:absolute;background:#007cc5;width:5px;height:0;border-radius:50px;left:0;top:50%;transform:translateY(-50%);transition:.5s}
.about_box .about_nav ul li a:hover:after{height:100%;transition:.5s}
.about_box .about_nav ul li a:hover{color:#007cc5}
.about_box .about_nav ul li:first-child a:after{height:100%}
.about_box .about_nav ul li:first-child a{color:#007cc5}
.about_company .top{background: #e4e4e4 url(/public/common/images/icon2.png) 0 0 no-repeat;background-size:cover;padding:0 0 .8rem}
.about_company .top .title{padding:.8rem 0  .55rem}
.about_company .top .title h1{font-size:.48rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;margin:0 0 .1rem;position:relative}
.about_company .top .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.about_company .top .title  p{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem}
.about_company .top .infos p{font-size:.16rem;color:#403f3f;line-height:.3rem;font-weight:bold}
.about_company .video{position:relative}
.about_company .video .play{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%}
.about_company .video .play h1{font-size:.16rem;color:white;font-weight:bold;padding:1.23rem 0 0;}
.about_company .video .play h1:after{content:"";position:absolute;background:url(/public/common/images/icon4.png) 0 0 no-repeat;width:.82rem;height:.82rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
.about_company .video a:hover img{transform:scale(1.1)}
.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_culture{padding:0 0 1.15rem;background:#e4e4e4}
.about_culture .title{padding:1rem 0  .55rem}
.about_culture .title h1{font-size:.48rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;margin:0 0 .1rem;position:relative}
.about_culture .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.about_culture .title  p{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem}
.about_culture .infos {position:relative;}
.about_culture .infos ul{position:absolute;right:16.5%;top:.08rem;}
.about_culture .infos ul:after{content:"";position:absolute;background:#e6e8ed;width:2px;height:100%;left:0;top:0;}
.about_culture .infos ul li a h1{font-size:.16rem;color:#a1a7b2;font-weight:bold;padding:.11rem 0 .11rem .3rem;position:relative}
.about_culture .infos ul li a h1:before{content:"";position:absolute;background:#007cc5;width:2px;height:0;left:0;top:50%;;transform:translateY(-50%);z-index:2;transition:.4s}
.about_culture .infos ul li a:hover h1:before{height:100%;transition:.4s}
.about_culture .infos ul li a:hover h1{color:#007cc5;transition:.4s}
.about_culture .infos ul li#current a h1:before{height:100%}
.about_culture .infos ul li#current a h1{color:#007cc5}
.about_culture .infos .box .items .img{text-align:left;width:68%}
.about_culture .infos .box .items .text{position:absolute;right:0;width:42.8%;bottom:0;height:57%;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2);padding:.73rem .4rem .3rem }
.about_culture .infos .box .items .text h1{font-size:.24rem;color:#007cc5;font-weight:bold;margin:0 0 .3rem}
.about_culture .infos .box .items .text  p{font-size:.16rem;color:#454444;font-weight:bold;line-height:.3rem}

.about_workshop{padding:0 0 1.4rem;background:#e4e4e4}
.about_workshop .title{padding:.95rem 0  .6rem}
.about_workshop .title h1{font-size:.48rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;margin:0 0 .1rem;position:relative}
.about_workshop .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.about_workshop .title  p{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem}
.about_workshop .lists a{overflow:hidden}
.about_workshop .lists a:hover img{transform:scale(1.1)}
.about_workshop .lists .swiper-page{display:flex;justify-content: center;margin:.93rem 0 0 }

.about_workshop .lists .swiper-page .slide-button-prev,.about_workshop .lists .swiper-page .slide-button-next ,.about_workshop .lists .slide-pagination span{width:.44rem;height:.44rem;text-align:center;opacity:1;margin:0 .04rem;;border-radius:100%;line-height:.44rem;font-size:.16rem;color:#26334c;background:none;font-weight:bold}
.about_workshop .lists .swiper-page .slide-button-prev,.about_workshop .lists .swiper-page .slide-button-next{width:auto;border-radius:50px;padding:0 .23rem;border:1px solid #dfdfdf;color:#26334c}
.about_workshop .lists .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#007cc5;color:white}
.about_honor{padding:0 0 1.35rem;background:#e4e4e4}
.about_honor .top{display:flex;padding:.85rem 0 .7rem;align-items: flex-start;justify-content: space-between;}
.about_honor .top .title{}
.about_honor .top .title h1{font-size:.48rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;margin:0 0 .1rem;position:relative}
.about_honor .top .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.about_honor .top .title  p{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem}
.about_honor .top ul{display:flex;}
.about_honor .top ul li {height:.8rem;width:1.17rem;border:2px solid #bcc1c9;margin-left:.05rem;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.about_honor .top ul li h1{font-size:.24rem;color:#a8aeb8;font-weight:bold;padding:0 0 .05rem}
.about_honor .top ul li p{font-size:.16rem;color:#a8aeb8;font-weight:bold}
.about_honor .top ul li:hover h1{color:#2472d3}
.about_honor .top ul li:hover p{color:#2472d3}
.about_honor .top ul li:hover {border:2px solid #78bae0}
.about_honor .lists a{background:#f0f2f7;padding:0 .27rem}
.about_honor .lists a .img{padding:.38rem 0 }
.about_honor .lists a  h2{padding: .25rem 0 ;font-size:.16rem;color:#2d2e31;text-align:center;font-weight:bold;border-top:1px solid #dcdcdc}
.about_honor .lists a:hover img{transform:scale(1.1)}
.about_honor .lists .bot{display:flex;justify-content: space-between;align-items: center;margin:.74rem 0 0;position:relative}
.about_honor .lists .bot:after{content:"";position:absolute;background:#ececec;width:100%;height:2px;bottom:0;left:0}
.about_honor .lists .bot:before{content:"";position:absolute;background:#007cc5;width:3%;height:2px;bottom:0;left:0;z-index:2}

.about_honor .lists .slide-pagination{width:auto}
.about_honor .lists .slide-pagination span{font-size:.16rem;color:#26334c}
.about_honor .lists .slide-pagination span.swiper-pagination-current{font-size:.3rem;color:#007cc5;font-weight:bold}
.about_honor .lists .swiper-page{display:flex;z-index:3}
.about_honor .lists .swiper-page>div{width:.5rem;height:.5rem;border:1px solid #dcdcdc;}
.about_honor .lists .swiper-page .slide-button-prev{background:url(/public/common/images/icon5.png) center center no-repeat;background-size:.24rem .1rem}
.about_honor .lists .swiper-page .slide-button-next{background:url(/public/common/images/icon6.png) center center no-repeat;background-size:.24rem .1rem}
.about_honor .lists .swiper-page .slide-button-prev:hover{background:url(/public/common/images/icon5-1.png) center center no-repeat;background-size:.24rem .1rem}
.about_honor .lists .swiper-page .slide-button-nextv:hover{background:url(/public/common/images/icon6-1.png) center center no-repeat;background-size:.24rem .1rem}
.about_honor .lists .swiper-page>div:hover{border:1px solid #007cc5}
.about_use{background:#e4e4e4;padding:0 0 1.1rem}
.about_use .title{padding:1rem 0 .4rem}
.about_use .title h1{font-size:.48rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;margin:0 0 .1rem;position:relative}
.about_use .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.about_use .title  p{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem}
.about_use .infos{display:flex;justify-content: space-between;}
.about_use .infos .text{width:26.8%;background:white;padding:0 .35rem;display:flex;flex-direction: column;justify-content: center;}
.about_use .infos .text p{font-size:.22rem;color:#3c3c3d;line-height:.35rem;font-weight:bold}
.about_use .infos .lists{width:61%}
.footer{background:#373634}
.footer .top>div{padding:.9rem 0 .7rem;display:flex;justify-content: space-between;}
.footer .top .fot_nav{width:37%;display:flex;justify-content: space-between;}
.footer .top .fot_nav dl dt{margin:0 0 .1rem}
.footer .top .fot_nav dl dt a{font-size:.16rem;color:white;}
.footer .top .fot_nav dl dd{margin:0 0 .1rem}
.footer .top .fot_nav dl dd a{font-size:.14rem;color:#b2b1b1;font-weight:bold}
.footer .top .contact{width:22.8%} 
.footer .top .contact h2{font-size:.14rem;color:white;font-weight:bold;margin:0 0 .35rem}
.footer .top .contact p{font-size:.14rem;color:#787777;font-weight:bold;margin:0 0 .1rem}
.footer .top  .right{width:19%}  
.footer .top  .right h1{font-size:.14rem;color:white;font-weight:bold}    
.footer .top  .right p{font-size:.14rem;color:#787777;font-weight:bold;margin:.1rem  0 .35rem} 
.footer .top  .right .message form{width:100%;position:relative}
.footer .top  .right .message input{width:100%;height:.36rem;line-height:.36rem;border:2px solid #969696;color:white;padding-left:.13rem;padding-right:.5rem;background:none}
.footer .top  .right .message  button{position:absolute;height:100%;;top:0;right:0;width:.5rem;background:#b2b1b1;border:0;font-size:.24rem;color:white}
 .footer .top  .right  ul {display:flex;padding:.55rem 0 0;justify-content: center;}
.footer .top  .right  ul  li {margin:0 .08rem}
.footer .bot{height:1.1rem;line-height:1.1rem}
.footer .bot>div{border-top:2px solid #575655}
.footer .bot p{font-size:.14rem;color:#b2b1b1;font-weight:bold}
.product_list{position:relative;background:#f5f5f5}
.product_list .pro_nav{position:absolute;left:.3rem;top:.55rem;z-index:2;background:white;padding:.1rem;box-shadow: 0 0 12px rgba(0,0,0,0.2);border-radius:5px;z-index:999}
.product_list .pro_nav ul li{margin:0 0 .25rem    }
.product_list .pro_nav ul li:last-child{margin:0}
.product_list .pro_nav ul li a{font-size:.16rem;color:#9d9d9d;font-weight:bold;padding:.04rem  0 .04rem .15rem;position:relative}
.product_list .pro_nav ul li a:after{content:"";position:absolute;background:#007cc5;width:5px;height:0;border-radius:50px;left:0;top:50%;transform:translateY(-50%);transition:.5s}
.product_list .pro_nav ul li a:hover:after,.product_list .pro_nav ul li.active a:after{height:100%;transition:.5s}
.product_list .pro_nav ul li a:hover,.product_list .pro_nav ul li.active a{color:#007cc5}
.product_list .title{padding:.8rem 0 .88rem}
.product_list .title h1{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;position:relative}
.product_list .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.product_list .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_list .lists .items{width:48.3%;margin:0  0 .5rem}

.product_list .lists .items a{background:white;display:flex;align-items: center;position:relative}
.product_list .lists .items.xss a:after{content:"";position:absolute;background:url(/public/common/images/icon7.png) 0 0 no-repeat;width:.79rem;height:.78rem;left:0;top:0;background-size:100%}
.product_list .lists .items a .text{padding:.8rem .15rem .67rem .3rem;width:47%;border-right:1px solid #ededed}
.product_list .lists .items a .text h1{font-size:.24rem;color:#26334c;font-weight:bold;padding:0 0 .28rem;position:relative}
.product_list .lists .items a .text h1:after{content:"";position:absolute;background:#dddddd;width:100%;height:2px;left:0;bottom:0}
.product_list .lists .items a .text h1:before{content:"";position:absolute;background:#007cc5;width:.96rem;height:4px;left:0;bottom:-1px;z-index:2;transition:.4s}
.product_list .lists .items a .text .box{margin:.45rem 0 .45rem;overflow:hidden;height:.75rem}
.product_list .lists .items a .text .box p{font-size:.16rem;color:#4c4c4c;line-height:.25rem}
.product_list .lists .items a .text em{width:1.3rem;height:.45rem;line-height:.45rem;display:inline-block;background:#ededed;border-radius:5px;text-align:center;font-size:.14rem;color:#979797;font-weight:bold}    
.product_list .lists .items a:hover  .text h1:before{width:100%;transition:.4s}
.product_list .lists .items a:hover .text em{background:#007cc5;color:white}
.product_list .lists .items a:hover img{transform:scale(1.1)}
.product_list .lists .items a:hover{box-shadow:0 0 20px 2px rgba(0,0,0,0.1)}

.product_list .lists .items a .img{width:53%;}
 .product_list .lists .items a .img span{background:none !important}
.product_list  .page{display:flex;z-index:3;justify-content: center;padding:.65rem 0 3.05rem}
.product_list  .page a{width:.5rem;height:.5rem;border:1px solid #dcdcdc;margin:0 .24rem}
.product_list  .page a:first-child{background:url(/public/common/images/icon5.png) center center no-repeat;background-size:.24rem .1rem}
.product_list  .page a:last-child{background:url(/public/common/images/icon6.png) center center no-repeat;background-size:.24rem .1rem}
.product_list  .page a:first-child:hover{background:url(/public/common/images/icon5-1.png) center center no-repeat;background-size:.24rem .1rem}
.product_list  .page a:last-child:hover{background:url(/public/common/images/icon6-1.png) center center no-repeat;background-size:.24rem .1rem}
.product_list  .page a:hover{border:1px solid #007cc5}
.product{padding:1.06rem 0  1.9rem;background:#e4e4e4;}
.product .mbx{display:flex;padding:.3rem   0;align-items: center;font-size:.16rem;color:#222628;font-weight:bold}
.product .mbx a{font-size:.16rem;color:#222628;margin:0 .08rem}
.product .mbx a:last-child{color:#f29803}
.product .infos{display:flex;justify-content: space-between;padding:0 0 .55rem}
.product .infos .left{width:39.4%;padding:.8rem 0 0;background:white}
.product .infos .left .sm_list{padding:.25rem .2rem}
.product .infos .left .sm_list .swiper-slide{border:2px solid #e1e1e1}
.product .infos .right{width:59.8%;background:white;padding:.65rem .55rem  0 .5rem}
.product .infos .right .title h1{font-size:.36rem;color:#26334c;font-weight:bold;padding:0 0 .28rem;border-bottom:1px solid #ededed;margin: 0  0 .28rem}
.product .infos .right .title  h2{padding-left:.25rem;font-size:.16rem;color:#6c6c6d;font-weight:bold;position:relative;margin:0 0 .45rem}
.product .infos .right .title  h2:after{content:"";position:absolute;width:.07rem;height:.07rem;background:#bfbfbf;border-radius:100%;left:0;top:50%;transform:translateY(-50%)}
.product .infos .right .txt{padding:0  0 .3rem;line-height:.25rem;border-bottom:1px solid #ededed;margin:0 0 .3rem}
.product .infos .right .txt p{font-size:.16rem;color:#4c4c4c;font-weight:bold;}
.product .infos .right .intor h2{font-size:.16rem;color:#4c4c4c;font-weight:bold;margin:0 0 .2rem}
.product .infos .right .intor  p{font-size:.16rem;color:#4c4c4c;font-weight:bold;line-height:.25rem}
.product .infos .right .contact{margin:.63rem 0 0}
.product .infos .right .contact a{display:inline-block;width:1.36rem;height:.51rem;background:#f29803;text-align:center;line-height:.51rem;border-radius:5px;font-size:.16rem;color:#ffffff}
.product  .bot{background:white;padding:.65rem .45rem 1.6rem}
.product  .bot h2{font-size:.36rem;color:#26334c;font-weight:bold;padding:0 0 .3rem;border-bottom:1px solid #e1e1e1;margin:0 0 .55rem}
.product  .bot .editor p{font-size:.16rem;color:#4c4c4c;font-weight:bold;line-height:.3rem}
.video_list .title{padding:.82rem  0 .38rem}
.video_list .title h1{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;position:relative}
.video_list .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.video_list .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.video_list .lists:after{content:'';width:31.6%}
.video_list .lists .items{width:31.6%;margin:0 0 .5rem}
.video_list .lists .items a img{border-radius:10px}
.video_list .lists .items a{position:relative}
.video_list .lists .items a:after{content:"\f04b";position:absolute;font:normal normal normal 14px/1 FontAwesome;width:.56rem;height:.56rem;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.43);border-radius:100%;line-height:.56rem;color:white;text-align:center;font-size:.2rem}
.video_list .lists .items h2{font-size:.16rem;color:#26334c;font-weight:bold;text-align:center;margin:.3rem 0 0}
.video_list .lists .items a:hover img{transform:scale(1.1)}
.video_list  .page{display:flex;z-index:3;justify-content: center;padding:.35rem 0 3.85rem}
.video_list  .page a{width:.5rem;height:.5rem;border:1px solid #dcdcdc;margin:0 .24rem}
.video_list  .page a:first-child{background:url(/public/common/images/icon5.png) center center no-repeat;background-size:.24rem .1rem}
.video_list  .page a:last-child{background:url(/public/common/images/icon6.png) center center no-repeat;background-size:.24rem .1rem}
.video_list  .page a:first-child:hover{background:url(/public/common/images/icon5-1.png) center center no-repeat;background-size:.24rem .1rem}
.video_list  .page a:last-child:hover{background:url(/public/common/images/icon6-1.png) center center no-repeat;background-size:.24rem .1rem}
.video_list  .page a:hover{border:1px solid #007cc5}
.news_box{position:relative;background:#e4e4e4}
.news_box .news_nav{position:absolute;left:.3rem;top:.55rem;z-index:2;background:white;padding:.1rem;box-shadow: 0 0 12px rgba(0,0,0,0.2);border-radius:5px}
.news_box .news_nav ul li{margin:0 0 .25rem    }
.news_box .news_nav ul li:last-child{margin:0}
.news_box .news_nav ul li a{font-size:.16rem;color:#9d9d9d;font-weight:bold;padding:.04rem  0 .04rem .15rem;position:relative}
.news_box .news_nav ul li a:after{content:"";position:absolute;background:#007cc5;width:5px;height:0;border-radius:50px;left:0;top:50%;transform:translateY(-50%);transition:.5s}
.news_box .news_nav ul li a:hover:after,.news_box .news_nav ul li.active a:after{height:100%;transition:.5s}
.news_box .news_nav ul li a:hover,.news_box .news_nav ul li.active a{color:#007cc5}
.news_box .title{padding:.8rem 0 .38rem}
.news_box .title h1{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;position:relative}
.news_box .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.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 .75rem}
.news_box .lists .items a{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.news_box .lists .items a .text{padding:.35rem .38rem .25rem}
.news_box .lists .items a .text h1{font-size:.2rem;color:#282727;font-weight:bold}
.news_box .lists .items a .text p{font-size:.14rem;color:#666565;margin:.15rem 0  .2rem}
.news_box .lists .items a .text span{font-size:.14rem;color:#a2a2a2}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box   .page{display:flex;z-index:3;justify-content: center;padding:.35rem 0 1.25rem}
.news_box   .page a{width:.5rem;height:.5rem;border:1px solid #dcdcdc;margin:0 .24rem}
.news_box   .page a:first-child{background:url(/public/common/images/icon5.png) center center no-repeat;background-size:.24rem .1rem}
.news_box   .page a:last-child{background:url(/public/common/images/icon6.png) center center no-repeat;background-size:.24rem .1rem}
.news_box  .page a:first-child:hover{background:url(/public/common/images/icon5-1.png) center center no-repeat;background-size:.24rem .1rem}
.news_box   .page a:last-child:hover{background:url(/public/common/images/icon6-1.png) center center no-repeat;background-size:.24rem .1rem}
.news_box   .page a:hover{border:1px solid #007cc5}
  .contact_box{background:#e4e4e4}  
.contact_box .infos .title{padding:.8rem 0 .4rem}
.contact_box .infos .title h1{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;position:relative}
.contact_box .infos .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.contact_box .infos .txt ul{display:flex;flex-wrap: wrap;justify-content: space-between;padding:0 0 .6rem;border-bottom:2px solid #dcdcdc}
.contact_box .infos .txt ul li{width:21.7%;height:2.85rem;background:white;display:flex;flex-direction: column;justify-content: center;align-items: center;border:2px solid #ececec}
.contact_box .infos .txt ul li h1{padding:.6rem 0 0;font-size:.18rem;color:#2b2b2b;font-weight:bold;margin:0 0 .35rem;position:relative }
.contact_box .infos .txt ul li p{font-size:.16rem;color:#5a5a5a;font-weight:bold}
.contact_box .infos .txt ul li:nth-child(1) h1:after{content:"";position:absolute;background:url(/public/common/images/icon8.png) 0 0 no-repeat;width:.48rem;height:.41rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
.contact_box .infos .txt ul li:nth-child(2) h1:after{content:"";position:absolute;background:url(/public/common/images/icon9.png) 0 0 no-repeat;width:.48rem;height:.47rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
.contact_box .infos .txt ul li:nth-child(3) h1:after{content:"";position:absolute;background:url(/public/common/images/icon10.png) 0 0 no-repeat;width:.42rem;height:.43rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
.contact_box .infos .txt ul li:nth-child(4) h1:after{content:"";position:absolute;background:url(/public/common/images/icon11.png) 0 0 no-repeat;width:.41rem;height:.41rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
.contact_box .map{padding:.65rem 0 1.15rem}
.contact_box .map #container{height:4.45rem;}
.contact_box .message{padding:0 0 2.25rem}
.contact_box .message .title{padding:0 0 .75rem}
.contact_box .message .title h1{font-size:.36rem;color:#26334c;text-transform:uppercase;font-weight:bold;padding-left:.35rem;position:relative}
.contact_box .message .title h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.24rem;height:.18rem;background-size:100%;left:0;top:.1rem}
.contact_box .message  .form{font-size:0}
.contact_box .message  .form .info{display:flex;justify-content: space-between;margin:0 0 .65rem}
.contact_box .message  .form .info .input{width:26%}
.contact_box .message  .form .info .input h2{font-size:.16rem;color:#222222;font-weight:bold;margin:0 0 .18rem}
.contact_box .message  .form .info .input  input{height:.55rem;width:100%;background:none;border:1px solid #383839;padding:0 .22rem;font-weight:bold;font-size:.14rem}
.contact_box .message  .form .second h2{font-size:.16rem;color:#222222;font-weight:bold;margin:0 0 .18rem}
.contact_box .message  .form .second textarea{width:100%;height:2.5rem;font-weight:bold;font-size:.14rem;;border:1px solid #383839;padding:.35rem  .1rem;background:none}
.contact_box .message  .form .submint{margin:.65rem 0 0}
.contact_box .message  .form .submint button{width:1.25rem;height:.56rem;line-height:.56rem;font-size:.16rem;color:white;background:#007cc5;border:0}
.tem_banner.index .label_text{position:absolute;left:2.13rem;top:27.5%;z-index:2}
.tem_banner.index .label_text h1{font-size:.36rem;color:#373634;font-weight:bold;margin:0 0 .3rem}
.tem_banner.index .label_text h1 em{font-size:.6rem;font-weight:bold;margin-right:.18rem}           
.tem_banner.index .label_text p{font-size:.36rem;color:#373634;font-weight:bold}
.tem_banner.index .label_text a{margin:.85rem 0 0;width:1.32rem;height:.52rem;border-radius:5px;border:1px solid #4e4d4c;line-height:.52rem;text-align:center;font-size:.16rem;color:#373634}
.tem_banner.index .label_text a:hover{background:#f29803;border:1px solid #f29803;color:white}
.tem_banner.index .slide-pagination{position:absolute;bottom:.75rem;left:2.13rem;z-index:2}
.tem_banner.index .slide-pagination span{width:.11rem;height:.11rem;margin:0 .09rem;background:none;opacity:1;border:1px solid white}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background:#f29803;border:1px solid #f29803}
.index_product{padding:0 0 1.3rem;background:#e4e4e4}
.index_product .title{text-align:center;padding:.95rem 0 .7rem}
.index_product .title h1{font-size:.48rem;color:#373634;font-weight:bold;padding:0 0 .23rem;position:relative;margin:0 0 .3rem}
.index_product .title h1:after{content:"";position:absolute;background:#404040;width:.47rem;height:5px;border-radius:50px;left:50%;transform:translateX(-50%);bottom:0}
.index_product .title p{font-size:.16rem;color:#565656;font-weight:bold;padding:0 4.3rem;line-height:.3rem}
.index_product ul{display:flex;justify-content: space-between;}
.index_product ul li{width:13.5%}
.index_product ul li a{font-size:.2rem;color:#767675;font-weight:bold;text-align:center;padding:.8rem 0 0;position:relative}
.index_product ul li:nth-child(1) a:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) 0 0 no-repeat;width:.58rem;height:.58rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.4s}
.index_product ul li:nth-child(2) a:after{content:"";position:absolute;background:url(/public/common/images/icon13.png) 0 0 no-repeat;width:.48rem;height:.6rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.4s}
.index_product ul li:nth-child(3) a:after{content:"";position:absolute;background:url(/public/common/images/icon14.png) 0 0 no-repeat;width:.61rem;height:.54rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.4s}
.index_product ul li:nth-child(4) a:after{content:"";position:absolute;background:url(/public/common/images/icon15.png) 0 0 no-repeat;width:.56rem;height:.58rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.4s}
.index_product ul li:nth-child(5) a:after{content:"";position:absolute;background:url(/public/common/images/icon16.png) 0 0 no-repeat;width:.51rem;height:.52rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.4s}
.index_product ul li:nth-child(6) a:after{content:"";position:absolute;background:url(/public/common/images/icon17.png) 0 0 no-repeat;width:.52rem;height:.60rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.4s}
.index_product ul li:nth-child(7) a:after{content:"";position:absolute;background:url(/public/common/images/icon18.png) 0 0 no-repeat;width:.58rem;height:.48rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.4s}
.index_product ul li a:hover:after,.index_product ul li#current a:after {top:-.2rem;transition:.4s}

.index_product .items{padding:.95rem 0 0}
.index_product .items .infos .box a{background:#f8f8f8;;position:relative;border-radius:10px}
.index_product .items .infos .box a .img{padding:.5rem 0 }
.index_product .items .infos .box a:hover img{transform:scale(1.1)}

.index_product .items .infos .box .text{padding:.37rem .3rem .5rem;border-top:2px solid #e4e4e4}
.index_product .items .infos .box .text h1{display:inline-block;height:.33rem;line-height:.33rem;border:1px solid #d4d4d4;padding:0 .13rem;border-radius:50px;font-size:.14rem;color:#7c7b7b;font-weight:bold;margin:0 0 .18rem}
.index_product .items .infos .box .text  h2{font-size:.16rem;color:#232324;font-weight:bold}
.index_video{height:9.46rem;background-size:cover;background-repeat:no-repeat;}
.index_video .title{text-align:center;padding:1.35rem 0 2.8rem}
.index_video .title h1{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .25rem;position:relative;text-shadow:1px 1px 10px #494949}
.index_video .title h1:after{content:"";position:absolute;background:white;width:.47rem;height:5px;border-radius:50px;left:50%;transform:translateX(-50%);bottom:0}
.index_video .infos{display:flex;justify-content: center;align-items: flex-end;}
.index_video .infos>div{width:33.3%;text-align:center}
.index_video .infos .middle h2{font-size:.18rem;color:#2b2b2b;font-weight:bold}
.index_video .infos .middle .plays{margin:.35rem 0 .3rem;text-align:center}
.index_video .infos .middle .plays  a{width:.88rem;height:.88rem;background:url(/public/common/images/icon20.png) 0 0 no-repeat;display:inline-block;background-size:.88rem .88rem}
.index_video .infos .items h1{font-size:.72rem;color:#2b2b2b;font-weight:bold;padding:0 0 .1rem}
.index_video .infos .items h1 em{font-size:1rem;}
.index_video .infos .items  p{font-size:.18rem;color:#2b2b2b;font-weight:bold}
.index_pro_filt{padding:0 0 1.2rem;background:#e4e4e4}
.index_pro_filt .title{text-align:center;padding:1.05rem 0 .8rem}
.index_pro_filt .title h1{font-size:.48rem;color:#373634;font-weight:bold;padding:0 0 .23rem;position:relative;}
.index_pro_filt .title h1:after{content:"";position:absolute;background:#404040;width:.47rem;height:5px;border-radius:50px;left:50%;transform:translateX(-50%);bottom:0}
.index_pro_filt .lists{position:relative}
.index_pro_filt .lists a{height:5.19rem;background:url(/public/common/images/icon21.png) 0 0 no-repeat;background-size:cover}
.index_pro_filt .lists .items a{position:relative} 
.index_pro_filt .lists .items a .text{text-align:center;padding:.8rem 0 0}
.index_pro_filt .lists .items a .text h1{font-size:.24rem;color:#373634;padding:0 0 .2rem}
.index_pro_filt .lists .items a .text  p{font-size:.18rem;font-weight:bold;color:#6e6e6e;padding:0 0 .5rem;position:relative}
.index_pro_filt .lists .items a .text  p:after{content:"";position:absolute;background:url(/public/common/images/icon22.png) 0 0 no-repeat;width:.24rem;height:.13rem;left:50%;transform:translateX(-50%);background-size:100%;bottom:0}
.index_pro_filt .lists .items a .img{position:absolute;left:50%;transform:translateX(-50%);width:80%;bottom:16%}
.index_pro_filt .lists .items a:hover img{transform:scale(1.1)}

.index_pro_filt .lists  .swiper-page>div{position:absolute;width:.43rem;height:.43rem;border-radius:100%;background:#878787 url(/public/common/images/icon23.png) center center no-repeat;background-size:.18rem .09rem;z-index:2;top:50%;left:-.85rem;transform:translateY(-50%);}
.index_pro_filt .lists .swiper-page>div.slide-button-next {left:auto;right:-.85rem;background:#878787 url(/public/common/images/icon24.png) center center no-repeat;background-size:.18rem .09rem;}
.index_pro_filt .lists  .swiper-page>div:hover{background-color:#f39801}
.idnex_adv {background:url(/public/common/images/icon25.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1.4rem;}
.idnex_adv  .title{text-align:center;padding:1.1rem 0 1rem}
.idnex_adv  .title h1{font-size:.48rem;color:#373634;font-weight:bold;padding:0 0 .23rem;position:relative;}
.idnex_adv  .title h1:after{content:"";position:absolute;background:#404040;width:.47rem;height:5px;border-radius:50px;left:50%;transform:translateX(-50%);bottom:0}
.idnex_adv  .infos{display:flex;justify-content: space-between;}
.idnex_adv  .infos .left{width:40%;padding:.7rem 0 0}
.idnex_adv  .infos .left .tit h2{font-size:.16rem;color:#292828;font-weight:bold;padding-left:.98rem;line-height:.28rem;position:relative}
.idnex_adv  .infos .left .tit h2:after{content:"";position:absolute;background:url(/public/common/images/icon26.png) 0 0  no-repeat;width:.77rem;height:.67rem;left:0;bottom:0;background-size:100%}
.idnex_adv  .infos .left .box .items h1{font-size:.48rem;font-weight:bold;color:#404040;padding:.25rem 0 .7rem}
.idnex_adv  .infos .left .box .items .zx{height:2.4rem;overflow:hidden}
.idnex_adv  .infos .left .box .items .zx p{font-size:.16rem;color:#454545;font-weight:bold;line-height:.3rem}
.idnex_adv  .infos .left   ul{display:flex;justify-content: space-between;}
.idnex_adv  .infos .left   ul li{padding:0 .1rem}
.idnex_adv  .infos .left   ul li#current a:after{width:100%;}
.idnex_adv  .infos .left   ul li a{font-size:.24rem;color:#858585;font-weight:bold;padding:0 0 .15rem;position:relative}
.idnex_adv  .infos .left   ul li a:after{content:"";position:absolute;width:0;height:1px;background:#8d8d8d;left:50%;transform:translateX(-50%);transition:.4s;bottom:0}
.idnex_adv  .infos .left   ul li a:hover:after{width:100%;transition:.4s}
.idnex_adv  .infos .right{width:57%;position:relative}
.idnex_adv  .infos .right .img{text-align:left;width:82.2%}
.idnex_adv  .infos .right .img1{position:absolute;right:0;top:-1.4rem}
.index_honor{background:#e3e3e3}
.index_honor .title{text-align:center;padding:.9rem 0 .5rem}
.index_honor .title h1{font-size:.36rem;color:#373634;font-weight:bold}
.index_honor .lists{position:relative}
.index_honor .lists .items a{display:flex;border-radius:15px;border:1px solid #d3d3d3}
.index_honor .lists .items a .img{width:50%;padding:.12rem .25rem}
.index_honor .lists .items a .text{width:50%;background:#696969;border-radius:0 15px 15px 0;padding: 0 .2rem }
.index_honor .lists .items a .text h1{padding:.9rem 0 .95rem ;font-size:.18rem;color:#ffffff;font-weight:bold;line-height:.25rem;}
.index_honor .lists .items a .text h2{font-size:.22rem;color:white;font-weight:bold}
.index_honor .lists .items a:hover img{transform:scale(1.1)}
.index_honor .lists .swiper-slide a{;filter:blur(2px)}
.index_honor .lists  .swiper-slide-next a{;filter:blur(0)}
.index_honor .lists .swiper-page>div{position:absolute;width:.43rem;height:.43rem;border-radius:100%;background:#878787 url(/public/common/images/icon23.png) center center no-repeat;background-size:.18rem .09rem;z-index:2;top:50%;left:2.13rem;transform:translateY(-50%);z-index:2}
.index_honor .lists .swiper-page>div.slide-button-next {left:auto;right:2.13rem;background:#878787 url(/public/common/images/icon24.png) center center no-repeat;background-size:.18rem .09rem;}
.index_honor .lists .swiper-page>div:hover{background-color:#383838}
.index_honor   .slide-pagination{text-align:center;padding:.6rem 0 .95rem}
.index_honor   .slide-pagination span{font-size:.18rem;color:#454545}
.index_honor   .slide-pagination span.swiper-pagination-current{font-size:.3rem;color:#383838;font-weight:bold}
.index_workshop {background:url(/public/common/images/icon27.png) 0 0 no-repeat;background-size:cover;padding:0 0 1.2rem;}
.index_workshop  .title{text-align:center;padding:1rem 0 .65rem}
.index_workshop  .title h1{font-size:.48rem;color:#373634;font-weight:bold;padding:0 0 .23rem;position:relative;}
.index_workshop  .title h1:after{content:"";position:absolute;background:#404040;width:.47rem;height:5px;border-radius:50px;left:50%;transform:translateX(-50%);bottom:0}
.index_workshop  .box{display:flex;justify-content: space-between;}
.index_workshop  .box img:hover{transform:scale(1.1)}
.index_workshop  .box .left{width:34.8%;overflow:hidden}
.index_workshop  .box .left img{width:100%;height:5.85rem;object-fit:cover;border-radius:10px}
.index_workshop  .box .middle{width:32%}
.index_workshop  .box .middle>div{overflow:hidden}
.index_workshop  .box .middle img:hover{transform:scale(1.1)}
.index_workshop  .box .middle img{width:100%}
.index_workshop  .box .middle  .items1{margin:0 0 .08rem}
.index_workshop  .box .middle  .items1 img{height:4.1rem;object-fit:cover;border-radius:10px}
.index_workshop  .box .middle  .items2 img{height:3rem;object-fit:cover;border-radius:10px}
.index_workshop  .box .right{width:32%;display:flex;flex-direction: column;justify-content: space-between;}
.index_workshop  .box .right .imgs{overflow:hidden}
.index_workshop  .box .right .imgs img:hover{transform:scale(1.1)}
.index_workshop  .box .right .imgs img{height:4.1rem;object-fit:cover;border-radius:10px;width:100%}
.index_workshop  .box .right .more a{font-size:.9rem;color:#d2d2d2;font-weight:bold;background:url(/public/common/images/icon28.png) right center no-repeat}
.index_workshop  .box .right .more a:hover{color:#373634}
.index_news {padding:0 0 1.3rem;background:#e4e4e4}
.index_news .title{text-align:center;padding:.8rem 0 .4rem}
.index_news  .title h1{font-size:.48rem;color:#373634;font-weight:bold;padding:0 0 .23rem;position:relative;}
.index_news .title h1:after{content:"";position:absolute;background:#404040;width:.47rem;height:5px;border-radius:50px;left:50%;transform:translateX(-50%);bottom:0}
.index_news .lists .items{padding:.1rem}
.index_news .lists .items a{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.index_news .lists .items a .text{padding:.35rem .38rem .25rem}
.index_news .lists .items a .text h1{font-size:.2rem;color:#282727;font-weight:bold}
.index_news .lists .items a .text p{font-size:.14rem;color:#666565;margin:.15rem 0  .2rem}
.index_news .lists .items a .text span{font-size:.14rem;color:#a2a2a2}
.index_news .lists .items a:hover img{transform:scale(1.1)}
.index_news  .bot{padding:.4rem 0 0;display:flex;align-items: center;}
.index_news  .bot .more{margin-right:.16rem}
.index_news  .bot .more a{width:.65rem;height:.65rem;background:#efefef url(/public/common/images/more.png) center center no-repeat;border-radius:10px;background-size:.23rem .23rem}
.index_news  .bot .swiper-page{display:flex}
.index_news  .bot .swiper-page>div{width:.43rem;height:.43rem;margin:0 .12rem;border-radius:100%;background:#878787 url(/public/common/images/icon23.png) center center no-repeat;background-size:.18rem .09rem;z-index:2;z-index:2}
.index_news  .bot .swiper-page>div.slide-button-next {background:#878787 url(/public/common/images/icon24.png) center center no-repeat;background-size:.18rem .09rem;}
.index_news  .bot .swiper-page>div:hover{background-color:#404040}
/********<=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:#373634 ;
	-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:#f29803;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:#f29803}
.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:1600px){
.tem_banner.index .label_text{left:1rem}
.idnex_adv .infos .right .img{width:90%}
.tem_banner.indise .txt{left:1rem}
.about_box .about_nav{left:.1rem}
.product_list .pro_nav{left:.1rem}
.news_box .news_nav{left:.1rem}
}

@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.index .label_text a{margin:.3rem 0 0}
.tem_banner.index .label_text{top:40%;left:.3rem}
.tem_banner.index .slide-pagination{left:.1rem;bottom:.2rem}
.index_product .title p{padding:0}

.index_product ul{display:flex;flex-wrap: wrap;}
.index_product ul li{width:33.33%;margin:0 0 .3rem}
.idnex_adv .infos{display:inherit}
.idnex_adv .infos .left{width:100%;margin:0 0 .2rem}
.idnex_adv .infos .right{width:100%}
.idnex_adv .infos .right .img1{width:30%;top:1rem}
.idnex_adv .infos .right .img{width:80%}
.index_honor .lists .items a{display:inherit;filter:blur(0px)}
.index_honor .lists .items a .img{width:100%}
.index_honor .lists .items a .text{width:100%;padding:.2rem .1rem }
.index_honor .lists .items a .text h1{padding:.2rem  0}
.index_honor .lists .swiper-page>div{left:0}
.index_honor .lists .swiper-page>div.slide-button-next{right:0}
.index_workshop .box{display:inherit}
.index_workshop .box .left{width:100%;margin:0 0 .1rem}
.index_workshop .box .middle{width:100%;margin:0 0 .1rem}
.footer .top .contact{width:100%}
.index_workshop .box .right{width:100%}
.footer .top .fot_nav{display:none}
.footer .top .right .message input{height:.7rem}
.footer .top>div{display:inherit}
.footer .top .right{width:100%}
.about_culture .infos ul{position:inherit;right:0;width:100%}
.about_culture .infos .box .items .text{position:inherit;width:100%}
.about_culture .infos .box .items .img{width:100%}
.about_use .infos{display:inherit}
.about_use .infos .text{width:100%;padding:.2rem}
.about_use .infos .lists{width:100%}
.product_list .lists .items a{display:inherit}
.product_list .lists .items a .text{width:100%}
.product_list .lists .items a .img{width:100%}
.product_list .lists .items a .text em{width:1.5rem}
.product .infos{display:inherit}
.product .infos .left{width:100%}
.product .infos .right{width:100%}
.video_list .lists .items{width:48%     }
.news_box .lists .items{width:48%}
.contact_box .infos .txt ul{display:flex}
.contact_box .infos .txt ul li{width:50%;text-align:center}

.contact_box .message .form .info{display:inherit;margin:0 0 .2rem}
.contact_box .message .form .info .input{width:100%;margin:0 0 .2rem}
}