/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
header>div{display:flex;height:.9rem;line-height:.9rem;justify-content: space-between;}
header .logo{width:28%}
header .nav ul {display:flex}
header .nav ul li a{padding:0 .35rem;font-size:.15rem;color:black}
header .nav ul li.active a{background:#f39300;color:white;}
header .nav ul li a:hover{background:#f39300;color:white;transition:.3s}
header .langs a{display:initial;padding:.08rem .4rem;background:#f39300;border-radius:25px;color:white;font-size:.14rem;position:relative}
header .langs a:after{content:"";position:absolute;width:.05rem;height:.05rem;background:white;border-radius:100%;left:.26rem;top:50%;transform:translateY(-50%)}
header .langs a:before{content:"";position:absolute;width:.07rem;height:.06rem;background:url(/public/common/images/sjx.png) no-repeat;right:.2rem;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner .txt{position:absolute;left:50%;transform:translateX(-50%);bottom:20%;text-align:center}
.tem_banner .txt h1{font-size:.35rem;color:white;text-transform:uppercase;font-weight:bold;}
.tem_banner .txt p{margin:.15rem 0 0;font-size:.35rem;color:white;}
.about_nav>div{padding:0 2.2rem}
.about_nav>div ul {display:flex;margin:.2rem 0 0}
.about_nav>div ul li:first-child{border-left:1px solid #dcdcdc}
.about_nav>div ul li{width:25%;text-align:center;padding:0 .6rem;border-right:1px solid #dcdcdc}
.about_nav>div ul li a{padding:.55rem 0 .2rem;font-size:.17rem;font-weight:bold;color:#939393;position:relative}
.about_nav>div ul li a:hover{color:black;transition:.3s}
.about_nav>div ul li.items1 a:after{position:absolute;content:"";background:url(/public/common/images/icon1.png) no-repeat;width:.31rem;height:.26rem;background-size:100%;top:.15rem;left:50%;transform:translateX(-50%);transition:.3s}
.about_nav>div ul li.items1 a:hover:after{background:url(/public/common/images/icon1-1.png) no-repeat;width:.31rem;height:.26rem;transition:.3s;background-size:100%;}
.about_nav>div ul li.items2 a:after{position:absolute;content:"";background:url(/public/common/images/icon2.png) no-repeat;width:.19rem;height:.25rem;background-size:100%;top:.15rem;left:50%;transform:translateX(-50%);transition:.3s}
.about_nav>div ul li.items2 a:hover:after{background:url(/public/common/images/icon2-2.png) no-repeat;width:.19rem;height:.25rem;transition:.3s;background-size:100%;}
.about_nav>div ul li.items3 a:after{position:absolute;content:"";background:url(/public/common/images/icon3.png) no-repeat;width:.28rem;height:.25rem;background-size:100%;top:.15rem;left:50%;transform:translateX(-50%);transition:.3s}
.about_nav>div ul li.items3 a:hover:after{background:url(/public/common/images/icon3-3.png) no-repeat;width:.28rem;height:.25rem;transition:.3s;background-size:100%;}
.about_nav>div ul li.items4 a:after{position:absolute;content:"";background:url(/public/common/images/icon4.png) no-repeat;width:.27rem;height:.28rem;background-size:100%;top:.15rem;left:50%;transform:translateX(-50%);transition:.3s}
.about_nav>div ul li.items4 a:hover:after{background:url(/public/common/images/icon4-4.png) no-repeat;width:.27rem;height:.28rem;transition:.3s;background-size:100%;}
.about .about_company .w1400{padding:0 0 .71rem}
.about .about_company .title{padding:.75rem 0 .63rem;text-align:center}
.about .about_company .title h1{font-size:.3rem;font-weight:bold;color:black}
.about .about_company .infos{display:flex;justify-content: space-between;padding:0 1rem 0 0}
.about .about_company .infos .left{width:75%;display:flex;flex-direction: column;justify-content: center;}
.about .about_company .infos .left .con p{font-size:.15rem;color:black;line-height:.3rem}
.about .about_company .infos .right{width:17%}
.about .about_company .infos .right ul li{text-align:center;margin:0 0 .55rem}
.about .about_company .infos .right ul li:last-child{margin:0}
.about .about_company .infos .right ul li h1{font-size:.3rem;color:#f39300}
.about .about_company .infos .right ul li h1 em{font-size:.55rem;font-weight:bold}
.about .about_company .infos .right ul li p{font-size:.14rem;margin:.1rem 0 0;color:black}
.about .about_honor .title{text-align:center;padding:1rem 0 .48rem}
.about .about_honor .title h1{font-size:.3rem;font-weight:bold;color:black;padding:0 0 .1rem}
.about .about_honor .title  p{color:#828282;font-size:.14rem}
.about .about_honor .lists{padding:0 1rem;position:relative}
.about .about_honor .lists a{padding:0 0 1rem}
.about .about_honor .lists a img {
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent) , to(rgba(250, 250, 250, 0.6)));

}

.about .about_honor .lists  .swiper-page>div{position:absolute;font-size:.6rem;color:#c2c2c2;outline:none;z-index:2;top:40%;left:0}
.about .about_honor .lists   .swiper-page>div.slide-button-next {left:auto;right:0}
.about .about_honor .lists   .swiper-page>div:hover{color:#c30d23}
.about .about_workshop>div{padding:0 0 1.14rem}
.about .about_workshop {background:#f3f3f3}
.about .about_workshop .title{text-align:center;padding:.9rem 0 .5rem}
.about .about_workshop .title h1{font-size:.3rem;font-weight:bold;color:black;padding:0 0 .1rem}
.about .about_workshop .title  p{color:#828282;font-size:.14rem}
.about .about_workshop  .lists a{position:relative;overflow:hidden}
.about .about_workshop  .lists a:hover img{transform:scale(1.1)}
.about .about_workshop  .lists a p{width:100%;position:absolute;left:0;bottom:0;text-align:center;padding:.15rem 0;background:rgba(0,0,0,.3);color:white;font-size:.14rem}
.about .about_workshop  .lists .slide-pagination{text-align:center;margin:.6rem 0 0}
.about .about_workshop  .lists .slide-pagination span{border-radius:0;width:.34rem;height:.05rem;margin:0 .05rem}
.about .about_workshop  .lists .slide-pagination .swiper-pagination-bullet-active{background:#f39300}
.about .about_process .title{text-align:center;padding:.77rem 0 .7rem}
.about .about_process .title h1{font-size:.3rem;font-weight:bold;color:black;padding:0 0 .1rem}
.about .about_process .title  p{color:#828282;font-size:.14rem}
.about .about_process .infos{display:flex;padding:0 3.6rem 0 0;justify-content: space-between;}
.about .about_process .infos .left{width:45%}
.about .about_process .infos .right{width:52%}
footer{background:#3e3e3e}
footer>div{display:flex;padding:.5rem 0 .3rem;justify-content: space-between;}
footer .left_nav{display:flex;width:29%;justify-content: space-between;}
footer .left_nav  dl dt{font-size:.17rem;color:#e5e5e5;margin:0 0 .2rem}
footer .left_nav  dl dd{margin:0 0 .13rem}
footer .left_nav  dl dd a{color:#7f7f7f;font-size:.15rem;}
footer  .middle h1{font-size:.17rem;color:#e5e5e5;padding:.05rem 0 .2rem}
footer  .middle ul li{display:flex}
footer  .middle ul li{margin:0 0 .15rem}
footer  .middle ul li .img{margin-right:.15rem;display:flex;flex-direction: column;justify-content: center;}
footer  .middle ul li p{color:#7a7a7a;font-size:.15rem}
footer  .right .logo{margin:0 0 .45rem}
footer  .right p{color:#7a7a7a;font-size:.15rem;padding:0 0 .1rem}
footer  .right>a{color:#7a7a7a;font-size:.16rem;}
footer  .right ul{display:flex;justify-content: space-between;margin:.35rem 0 0}
footer  .right ul li a{width:.37rem;height:.37rem;border-radius:100%;background:#b4b4b4;line-height:.37rem;text-align:center}
footer  .right ul li a i{color:white;font-size:.16rem}
.product_list{background:#f8f8f8}
.product_list>div{padding:.5rem 0 1.35rem}
.product_list .lists a{display:flex;margin:0 0 .5rem;box-shadow: 0 0 12px rgba(0,0,0,0.2)}
.product_list .lists a:hover img{transform:scale(1.1)}
.product_list .lists a:hover .text{background:#f39300}
.product_list .lists a:hover .text h1{color:white}
.product_list .lists a:hover .text p{color:white}
.product_list .lists a:hover .text span{background:white;color:#f39300}
.product_list .lists a .img{width:45%}
.product_list .lists a .text{width:55%;background:white;padding:1.05rem 1.14rem 0 .44rem;}
.product_list .lists a .text h1{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .3rem}
.product_list .lists a .text p{color:#6b6868;font-size:.15rem;line-height:.3rem}
.product_list .lists a .text span{margin:.85rem 0 0;display:inline-block;padding:.15rem .45rem;background:#f39300;color:white;font-size:.14rem}
.product {padding:.65rem 0 .95rem}
.product>div{background:#f9f9f9;padding:.5rem  .38rem 1.3rem}
.product .top{display:flex;justify-content: space-between;padding:0 0 .5rem}
.product .top .left{width:49%;position:relative}
.product .top .left .sm_list{position:absolute;width:90%;left:50%;transform:translateX(-50%);bottom:10%;z-index:2;padding:0 .35rem}
.product .top .left .sm_list .swiper-page>div{position:absolute;font-size:.2rem;color:#f39300;outline:none;z-index:2;top:0%;left:0;height:100%;background:#e5e5e5;width:.2rem;text-align:center;line-height:.73rem}
.product .top .left .sm_list   .swiper-page>div.slide-button-next {left:auto;right:0}
.product .top .left .sm_list   .swiper-page>div:hover{background:#f39300}
.product .top .left .sm_list   .swiper-page>div:hover i{color:white}
.product .top .right{width:49%;background:white;padding:.65rem .3rem 0}
.product .top .right .infos h1{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .28rem}
.product .top .right .infos p{color:#636363;font-size:.14rem}
.product .top .right   ul {margin:1.75rem 0 0}
.product .top .right   ul{display:flex}
.product .top .right   ul li{margin-right:.245rem}
.product .top .right   ul li a{padding:.13rem .54rem;background:#015fc5;color:white;font-size:.15rem;border-radius:5px}
.product .top .right   ul li:last-child a{background:#f39300}
.product  .guige{padding:.3rem .5rem .73rem;background:white;margin:0 0 .4rem}
.product  .guige h1{font-size:.25rem;color:#f39300;margin:0 0 .5rem}
.product  .tedian{padding:.3rem .5rem .73rem;background:white;margin:0 0 .4rem;}
.product  .tedian h1{font-size:.25rem;color:#f39300;margin:0 0 .5rem}
.product  .tedian p{font-size:.15rem;color:#535353;line-height:.3rem}
.product  .canshu{padding:.3rem .5rem .73rem;background:white;margin:0 0 .4rem}
.product  .canshu h1{font-size:.25rem;color:#f39300;margin:0 0 .5rem}
.product  .canshu p{font-size:.15rem;color:#535353;line-height:.3rem}
.product  .qita{padding:.3rem .5rem .73rem;background:white}
.product  .qita h1{font-size:.25rem;color:#f39300;margin:0 0 .5rem}
.product  .qita p{font-size:.15rem;color:#535353;line-height:.3rem}
.productlist .title{padding:.9rem 0 .64rem}
.productlist .title h1{font-size:.28rem;color:#f39300;font-weight:bold}
.productlist .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.productlist .lists:after{content:"";width:31%}
.productlist .lists .items{width:31%;margin:0 0 .6rem}
.productlist .lists a .text{padding:.35rem 0;text-align:center;box-shadow: 0 0 12px rgba(0,0,0,0.3);position:relative;}
.productlist .lists a .text  h1{font-size:.17rem;color:#313131;}
.productlist .lists a .text p{opacity:0;position:absolute;left:50%;transform:translateX(-50%);font-size:.15rem;;top:60%;color:white}
.productlist .lists a:hover .text {background:#f39300;transition:.3s}
.productlist  .lists a:hover .text h1{color:white;transform:translateY(-.07rem)}
.productlist .lists a:hover .text p{opacity:1;top:50%;transition:.6s}
.productlist .lists a:hover img{transform:scale(1.1)}
.productlist  .met_pager{padding: .5rem 0 1.5rem;text-align: center;font-size: 0;}
.news_nav{background:#f9f9f9}
.news_nav>div{padding:0 2.2rem}
.news_nav>div ul {display:flex;;justify-content: center;}
.news_nav>div ul li:first-child{border-left:1px solid #dcdcdc}
.news_nav>div ul li{width:25%;text-align:center;padding:0 .6rem;border-right:1px solid #dcdcdc}
.news_nav>div ul li a{padding:.55rem 0 .2rem;font-size:.17rem;font-weight:bold;color:#939393;position:relative}
.news_nav>div ul li a:hover{color:black;transition:.3s}
.news_nav>div ul li.items1 a:after{position:absolute;content:"";background:url(/public/common/images/icon1.png) no-repeat;width:.31rem;height:.26rem;background-size:100%;top:.15rem;left:50%;transform:translateX(-50%);transition:.3s}
.news_nav>div ul li.items1 a:hover:after{background:url(/public/common/images/icon1-1.png) no-repeat;width:.31rem;height:.26rem;transition:.3s;background-size:100%;}
.news_nav>div ul li.items1.active a:after{background:url(/public/common/images/icon1-1.png) no-repeat;width:.31rem;height:.26rem;background-size:100%;}
.news_nav>div ul li.items1.active a {color:black;}
.news_nav>div ul li.items2 a:after{position:absolute;content:"";background:url(/public/common/images/icon2.png) no-repeat;width:.19rem;height:.25rem;background-size:100%;top:.15rem;left:50%;transform:translateX(-50%);transition:.3s}
.news_nav>div ul li.items2 a:hover:after{background:url(/public/common/images/icon2-2.png) no-repeat;width:.19rem;height:.25rem;transition:.3s;background-size:100%;}
.news_nav>div ul li.items2.active a:after{background:url(/public/common/images/icon2-2.png) no-repeat;width:.19rem;height:.25rem;transition:.3s;background-size:100%}
.news_nav>div ul li.items2.active a {color:black;}
.news_list{background:#f9f9f9}
.news_list>div{padding:.5rem 0 1.7rem}
.news_list  .lists a{display:flex;justify-content: space-between;padding:.3rem .2rem;background:white;margin:0 0 .2rem}
.news_list  .lists a:hover{background:#f39300}
.news_list  .lists a:hover .text h1{color:white;transition:.3s}
.news_list  .lists a:hover .text h2{color:white;transition:.3s}
.news_list  .lists a:hover .text p{color:white;transition:.3s}
.news_list  .lists a:hover .text span{color:white;transition:.3s}
.news_list  .lists a:hover img{transform:scale(1.1)}
.news_list  .lists a .img{width:23%}
.news_list  .lists a .text{width:75%}
.news_list  .lists a .text h1{font-size:.17rem;color:black;font-weight:bold;margin:.1rem 0 0}
.news_list  .lists a .text h2{font-size:.13rem;padding:.2rem 0;color:#a7a7a7}
.news_list  .lists a .text  p{color:#737373;font-size:.15rem;}
.news_list  .lists a .text span{display:inline-block;margin:.35rem  0 0 ;color:#f39300;font-size:.15rem}
.page_contact{background:#f6f6f6;padding:0 0 1.18rem}
.page_contact .contact{padding:1.11rem 0 1rem}
.page_contact .contact>div{}
.page_contact .contact .top {padding:0 0 .5rem;background:#ffffff}
.page_contact .contact .top .title{padding:.52rem 0 1.14rem;text-align:center}
.page_contact .contact .top .title h1{font-size:.3rem;color:black;font-weight:bold;padding:0 0 .15rem}
.page_contact .contact .top .title p{color:#f39300;font-size:.15rem}
.page_contact .contact .top  .infos{padding:0 .85rem}
.page_contact .contact .top .infos ul{display:flex;justify-content: space-between;}
.page_contact .contact .top .infos ul li {display:flex;flex-direction: column;justify-content: space-between;}
.page_contact .contact .top .infos ul li .img{padding:0 0 .15rem}
.page_contact .contact .top .infos ul li p{font-size:.15rem;color:black}
.page_contact .contact .bot{display:flex;padding:.25rem;background:#ffffff;margin:.3rem 0 0}
.page_contact .contact .bot .map{width:70%}
.page_contact .contact .bot .map  #container{height:3.5rem}
.page_contact .contact .bot .right{width:30%;padding:.55rem 0 0;text-align:center}
.page_contact .contact .bot .right .img img {width:1.4rem}
.page_contact .contact .bot .right p{padding:.3rem 0 0}
.page_contact  .message .title{padding:0 0 .35rem;text-align:center}
.page_contact  .message .title h1{font-size:.3rem;color:black}
.page_contact  .message .form{background:white;padding:.9rem .7rem  1rem}
.page_contact  .message .form h2{font-size:.2rem;color:#f39300;padding:0 0 0 1rem;position:relative}
.page_contact  .message .form h2:after{position:absolute;content:"";background:url(/public/common/images/message.png) no-repeat;width:.68rem;height:.67rem;background-size:100%;top:50%;left:0;transform:translateY(-50%);transition:.3s}
.page_contact  .message .form form{padding:1rem 0 0}
.page_contact  .message .form .top{display:flex;justify-content: space-between;}
.page_contact  .message .form .top .input{width:46%}
.page_contact  .message .form .top .input input{width:100%;padding:.1rem 0 0;border:0;border-bottom:1px solid #dcdcdc}
.page_contact  .message .form .top .input p{font-size:.15rem;color:black}
.page_contact  .message .form .bot {margin:.9rem 0 0}
.page_contact  .message .form .bot  p{font-size:.15rem;color:black}
.page_contact  .message .form .bot  textarea{width:100%;;border:0;border-bottom:1px solid #dcdcdc;height:.5rem;padding:.2rem 0 0}
.page_contact  .message .button{text-align:center;margin:.93rem 0 0;}
.page_contact  .message .button  input{border:0;padding:.2rem .6rem ;background:#f39300;color:white;font-size:.15rem;border-radius:5px}

.tem_banner .banner_txt{position:absolute;left:50%;transform:translateX(-50%);top:32%}
.tem_banner .banner_txt h1{font-size:.33rem;color:#5f555a;font-weight:bold;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner  .swiper-slide-active .banner_txt h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner .banner_txt h2{font-size:.43rem;color:#f39300;font-weight:bold;margin:.44rem 0 0;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .banner_txt p{font-size:.23rem;color:#f39300;text-transform:uppercase;font-weight:bold;padding:.05rem 0 0;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner  .swiper-slide-active .banner_txt h2{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner  .swiper-slide-active .banner_txt p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner .slide-pagination{text-align:center;position:absolute;left:50%;transform:translateX(-50%);bottom:8%;z-index:2}
.tem_banner .slide-pagination span{width:.12rem;height:.12rem;opacity:1;background:none;border:1px solid white;margin:0 .08rem}
.tem_banner .slide-pagination  .swiper-pagination-bullet-active{background:#f39300;border:1px solid #f39300 }
.index_product .index_pronav{background:white}
.index_product .index_pronav ul{display:flex;justify-content: center;}
.index_product .index_pronav ul li{padding: 0.5rem;}
.index_product .index_pronav ul li a{font-size:.3rem;font-weight:bold;color:black;cursor:pointer;position:relative}

.index_proinfos  .imgs{height:8rem;background-size:cover;background-repeat:no-repeat;background-position:0 0 ;display:none}
.index_proinfos .imgs .text{padding:2.8rem 0 0 ;text-align:right}
.index_proinfos .imgs .text h1{font-size:.3rem;color:white}
.index_proinfos .imgs .text p{padding:.2rem 0 .45rem;font-size:.28rem;color:white}
.index_proinfos .imgs .text .more{display:flex;justify-content: flex-end;}
.index_proinfos .imgs .text .more a{margin-left:.2rem;padding:.12rem  .43rem;border:1px solid white;color:white;font-size:.14rem;}
.index_proinfos .imgs .text .more a:hover{background:#f39300;border:1px solid #f39300} 
.index_proinfos .imgs  .info{padding:1.7rem 0 0}
.index_proinfos .imgs  .info h1{font-size:.28rem;color:white;padding:0 0 0 .2rem;position:relative}
.index_proinfos .imgs  .info h1:after{position:absolute;background:white;left:0;width:.04rem;height:100%;left:0;top:0;content:""}
.index_case {}
.index_case  .infos{display:flex;justify-content: space-between;}
.index_case  .infos .left{}
.index_case  .infos .left ul li{width:3.1rem;height:3.2rem;border:1px solid white;display:flex;flex-direction: column;justify-content: center;padding:0 .4rem}
.index_case  .infos .left  .second ul{display:flex}
.index_case  .infos .left  .third ul{display:flex;justify-content: flex-end;}
.index_case  .infos .left  .imgs{overflow:hidden;}
.index_case  .infos .left  .imgs h1{font-size:.23rem;color:white;padding:.15rem 0 0}
.index_case  .infos .left  .imgs p{opacity:0;color:white;padding:.2rem 0 0;font-size:.15rem}
.index_case  .infos .left ul li:hover{background:#f29300}
.index_case  .infos .left ul li:hover img{transform:translateY(-.6rem);transition:.6s}
.index_case  .infos .left ul li:hover h1{transform:translateY(-.5rem)}
.index_case  .infos .left ul li:hover p{transform:translateY(-.5rem);opacity:1}
.index_case  .infos  .right{width:35%;display:flex;flex-direction: column;justify-content: center;}
.index_case  .infos  .right .text h1{font-size:.3rem;color:white;padding:0 0 .35rem}  
.index_case  .infos  .right .text  p{font-size:.15rem;color:white;line-height:.3rem}
.index_choose{background-size:cover;background-repeat:no-repeat;background-position:0 0 }
.index_choose>div{padding:1.5rem 0 0}
.index_choose  .lists{width:45%}
.index_choose  .lists ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_choose  .lists ul li{width:45%;text-align:center;margin:0 0 1.12rem}
.index_choose  .lists ul li:first-child{display:flex;flex-direction: column;justify-content: center;}
.index_choose  .lists ul li .infos{text-align:center}
.index_choose  .lists ul li .infos h1{font-size:.3rem;color:#f29300;font-weight:bold}
.index_choose  .lists ul li .infos p{color:#939393;font-size:.15rem;text-transform:uppercase;padding:.1rem  0 0;font-weight:bold}
.index_choose  .lists ul li .text .img{margin:0 0 .6rem}
.index_choose  .lists ul li .text  h1{font-size:.18rem;color:black;padding:0 0 .11rem;display:inline-block;position:relative;margin:0 0 .25rem}
.index_choose  .lists ul li .text  h1:after{content:"";position:absolute;background:#f29300;width:80%;height:2px;bottom:0;left:50%;transform:translateX(-50%)}
.index_choose  .lists ul li .text  p{color:black;font-size:.14rem;line-height:.25rem}
.index_about{background-size:cover;background-repeat:no-repeat;background-position:0 0 }
.index_about>div{padding:2.11rem 0 1.7rem;display:flex;justify-content: space-between;}
.index_about .left{width:45%}
.index_about .left h1{font-size:.4rem;color:white;padding:.8rem 0 .4rem;font-weight:bold}
.index_about .left p{font-size:.26rem;color:white;line-height:.45rem}
.index_about .left  a{display:inline-block;margin:1.2rem   0 0;padding:.2rem .45rem;background:#f29300;color:white;font-size:.14rem}
.index_about .right{width:48%}
.index_about .right ul {display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_about .right ul  li{width:49%;margin:0 0 .15rem}
.index_about .right ul  li a{position:relative} 
.index_about .right ul  li a:hover img{transform:scale(1.1)}
.index_about .right ul  li .txt{position:absolute;left:10%;bottom:20%}
.index_about .right ul  li .txt h1{font-size:.23rem;color:white;padding:0 0 .1rem}
.index_about .right ul  li .txt  span{font-size:.15rem;color:white}
.index_news{background:#f9f9f9}
.index_news>div{padding:0 0 1rem}
.index_news .title{padding:.7rem 0 .55rem;text-align:center;position:relative}
.index_news .title h1{display:inline-block;padding:.2rem .6rem;background:#f39300;font-size:.4rem;color:white;margin:0 0 .2rem;position:relative}
.index_news .title h1:after{position:absolute;content:"";background:#f39300;width:.6rem;height:3px;left:-1rem;top:50%;transform:translateY(-50%)}
.index_news .title h1:before{position:absolute;content:"";background:#f39300;width:.6rem;height:3px;right:-1rem;top:50%;transform:translateY(-50%)}
.index_news .title p{color:#5f545a;font-size:.15rem;font-weight:bold}
.index_news .title:after{position:absolute;content:"\f107";font:normal normal normal 14px/1 FontAwesome;top:.35rem;transform:translateX(-50%);left:50%;font-size:.26rem;color:#f39300}
.index_news  .lists a{background:white}
.index_news  .lists a  .img span{font-size:.14rem;position:absolute;left:0;bottom:0;padding:.1rem;background:#f39300;color:white}
.index_news  .lists a .text{padding:.37rem .23rem  .7rem;}
.index_news  .lists a .text h1{font-size:.18rem;color:black;margin:0 0 .2rem}
.index_news  .lists a .text p{font-size:.13rem;color:#5f545a}
.index_news  .lists a:hover img{transform:scale(1.1)}
.index_news  .lists a:hover  .text{background:#f39300}
.index_news  .lists a:hover  .text h1{color:white}
.index_news  .lists a:hover  .text p{color:white}
.index_news  .lists .slide-pagination{text-align:center;margin:.5rem 0 0}
.index_news  .lists .slide-pagination span{width:.1rem;height:.1rem;background:none;opacity:1;border:1px solid #f39300;margin:0 .05rem}
.index_news  .lists .slide-pagination  .swiper-pagination-bullet-active{background:#f39300}

/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #887e6d;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-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: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #f39300;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: #444;}
.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: #b3b3b3;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: #f39300;font-weight: bold;}
.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;}
/**************************/
/******ipad****/
@media(max-width:1600px){
	.about .about_process .infos{padding:0 1.6rem 0 0}
	
}
@media(max-width:1300px){
	.index_case  .infos .left ul li:hover img{transform:translateY(-.7rem);transition:.6s}
	
}

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;padding: 0 .1rem;}
	.tem_banner{padding-top: 60px;}
	.tem_banner.index .txt .title h2{font-size:20px;}
	.tem_banner.index .txt .title p{font-size: 14px;}
}

/********mobile*********/
@media(max-width:767px){
    .index_product .index_pronav ul li{padding:.5rem;margin:0 .8rem}
    .tem_banner .banner_txt{width:100%}
    .tem_banner .banner_txt h2{margin:.1rem 0 0}
    .index_proinfos .imgs .text{text-align:center;}
    .index_proinfos .imgs .text .more{display:flex;justify-content: center;}
    .index_proinfos .imgs .info{display:none}
    .index_case .infos{display:inherit}
.index_case .infos .left ul li{width:50%}
.index_case  .infos .left ul li:hover img{transform:translateY(-1rem);transition:.6s}
.index_case .infos .right{width:100%;padding: 0 .2rem .4rem}
.index_choose .lists{width:100%;padding:0 .4rem}
.index_about>div{display:inherit}
.index_about .left{width:100%;text-align:center;padding:0 .2rem}
.index_about .right{width:100%;margin:.2rem 0 0}
.about_nav>div{padding:0}
.about_nav>div ul li{padding:0 .3rem}
.about .about_company .infos{display:inherit}
.about .about_company .infos .left{width:100%;padding:.2rem}
.about .about_company .infos{padding:0}
.about .about_company .infos .right{width:100%;padding:0 .2rem}
.about .about_company .infos .right ul{display:flex;justify-content: space-between;}
.about .about_honor .lists  .swiper-page>div{position:absolute;font-size:.6rem;color:#c2c2c2;outline:none;z-index:2;top:30%;left:0}
.about .about_honor .lists   .swiper-page>div.slide-button-next {left:auto;right:0}
.about .about_process .infos .left{display:none}
.about .about_process .infos .right{width:100%;padding:0}
.about .about_process .infos{padding:0}
footer>div{display:flex;flex-wrap: wrap;padding:.4rem .2rem}
footer .left_nav{width:50%}
footer  .middle{width:40%}
footer  .right{width:100%}
footer  .right .logo{display:none}
footer  .right ul{width:50%}
.product_list .lists a{display:inherit}
.product_list .lists a .img{width:100%}
.product_list .lists a .text{width:100%;padding:.5rem}
.product .top{display:inherit}
.product .top .left{width:100%}
.product .top .right{width:100%}
.product .top .left .sm_list .swiper-page>div{line-height:1.3rem}
.news_nav>div{padding:0}
.news_nav>div ul li{padding:0 .3rem}
.news_list>div{padding:.5rem .2rem 1.7rem}
.news_list .lists a{display:inherit;padding:0}
.news_list .lists a .img{width:100%}
.news_list .lists a .text{width:100%;padding:.3rem}
.page_contact .contact .top .infos{padding:.2rem }
.page_contact .contact .top .infos ul{display:inherit}
.page_contact .contact .top .infos ul li{display:flex;flex-direction: row;justify-content: flex-start;margin:0 0 .2rem}
.page_contact .contact .top .infos ul li p{display:flex;flex-direction: column;justify-content: center;}
.page_contact .contact .top .infos ul li .img{padding:0;margin-right:.3rem}
.page_contact .contact .bot{display:inherit}
.page_contact .contact .bot .map{width:100%}
.page_contact .contact .bot .right{width:100%}
.page_contact .message .form .top{display:inherit}
.page_contact .message .form .top .input{width:100%;margin:0 0 .2rem}
.page_contact .message .form .bot{margin:.3rem 0 0}
}