/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.2);padding:.25rem  0}
header>div{display:flex;justify-content: space-between;}
header .right .langs{margin:0 0 .25rem}
header .right .langs  ul{display:flex;justify-content: flex-end;}
header .right .langs  ul li{margin-left:.25rem}
header .right .langs  ul li a{font-size:.14rem;color:black}
header .right .langs  ul li a img{padding-right:.05rem}
header .right  .nav ul{display:flex}
header .right  .nav ul li{padding-left:.48rem}
header .right  .nav ul li.active a{color:#005ba9}
header .right  .nav ul li a{font-size:.15rem;color:black;}
header .right  .nav ul li a:hover{color:#005ba9} 
.tem_banner{padding:1.1rem 0 0 }
.tem_banner .flash {position:relative}

.tem_banner .flash .banner_nav {position:absolute;width:100%;bottom:0%}
.tem_banner .flash .banner_nav:after{content:"";position:absolute;background:#9d2823;width:100%;height:3px;bottom:0;left:0}
.tem_banner .flash .banner_nav ul{display:flex;justify-content: center;}
.tem_banner .flash .banner_nav ul li{padding:0 .35rem}
.tem_banner .flash .banner_nav ul li.active a:after{width:100%}
.tem_banner .flash .banner_nav ul li a{padding:0 0 .4rem;color:white;font-size:.17rem;position:relative}
.tem_banner .flash .banner_nav ul li a:after{content:"";position:absolute;bottom:0;height:7px;width:0;;background:#9d2823;left:50%;transform:translateX(-50%);transition:.6s}
.tem_banner .flash .banner_nav ul li a:hover:after{width:100%;transition:.6s}
.tem_banner .flash .banner_text{position:absolute;left:3.6rem;top:38%}
.tem_banner .flash .banner_text h1{font-size:.5rem;color:white;letter-spacing:5px;padding:0 0 .2rem}
.tem_banner .flash .banner_text  p{font-size:.25rem;color:white}
.about_company>div{padding:.78rem 0 .86rem}
.about_company .title h1{font-size:.16rem;color:#373737;padding:0 0 0 .65rem;position:relative}
.about_company .title h1:after{content:"";position:absolute;left:0;width:.5rem;height:5px;background:#9d2823;top:50%;transform:translateY(-50%)}
.about_company  .top{display:flex;padding:0 0 0 .65rem;justify-content: space-between;}
.about_company  .top .left{width:35%}
.about_company  .top .left h1{font-size:.3rem;padding:.2rem 0  .35rem}
.about_company  .top .left  p{font-size:.15rem;color:black;line-height:.25rem}
.about_company  .top .right{width:54%;padding:.2rem 0 0}
.about_company  .top .right ul{display:flex;justify-content: space-between;}
.about_company  .top .right ul li{text-align:center;}
.about_company  .top .right ul li p:first-child{color:#9d2823;font-size:.2rem}
.about_company  .top .right ul li p em{font-size:.3rem;font-weight:bold}
.about_company  .top .right ul li p:last-child{color:black;font-size:.14rem;padding:.1rem  0 0}
.about_company  .content{padding:.82rem 0 0}
.about_company  .content p{font-size:.15rem;color:black;line-height:.25rem}
.about_honor .infos{ background-position:center;background-size:cover;}
.about_honor .infos>div{padding:1.36rem 0 2rem;}
.about_honor .infos .title{padding:0 0 .5rem}
.about_honor .infos .title h1{font-size:.16rem;color:#373737;padding:0 0 0 .65rem;position:relative}
.about_honor .infos .title h1:after{content:"";position:absolute;left:0;width:.5rem;height:5px;background:#9d2823;top:50%;transform:translateY(-50%)}
.about_honor .infos .content{padding:0 0 0 .65rem;width:40%}
.about_honor .infos .content h2{font-size:.27rem;color:black;padding:0 0 .4rem}
.about_honor .infos .content p{font-size:.14rem;color:#575757;line-height:.25rem}
.about_honor .lists{padding:.68rem 0  .7rem}
.about_honor .lists>div{padding:.7rem 0 0;border-top:1px solid  #dcdcdc}
.about_honor .lists a{padding:.4rem  .5rem;background:#efefef}
.about_honor .lists a .img{padding:.1rem;background:white}
.about_honor .lists  a:hover .img{transform:scale(1.1)}
.about_honor .lists  .slide-pagination{text-align:center;padding:.55rem 0 0}
.about_honor .lists  .slide-pagination span{margin:0 .05rem;opacity:1;width:.15rem;height:.15rem;background:none;border:1px solid #9d2823}
.about_honor .lists  .slide-pagination .swiper-pagination-bullet-active{background:#9d2823}

.about_workshop .infos{ background-position:center;background-size:cover;}
.about_workshop .infos>div{padding:1.36rem 0 2rem}
.about_workshop .infos .title{padding:0 0 .5rem}
.about_workshop .infos .title h1{font-size:.16rem;color:white;padding:0 0 0 .65rem;position:relative}
.about_workshop .infos .title h1:after{content:"";position:absolute;left:0;width:.5rem;height:5px;background:white;top:50%;transform:translateY(-50%)}
.about_workshop .infos .content{padding:0 0 0 .65rem;width:40%}
.about_workshop .infos .content h2{font-size:.27rem;color:white;padding:0 0 .4rem}
.about_workshop .infos .content p{font-size:.14rem;color:white;line-height:.25rem}
.about_workshop .lists{padding:.95rem 0  1.25rem}

.about_workshop .lists  a{overflow:hidden}
.about_workshop .lists  a:hover .img{transform:scale(1.1)}
.about_workshop  .lists  .slide-pagination{text-align:center;padding:.55rem 0 0}
.about_workshop  .lists  .slide-pagination span{margin:0 .05rem;opacity:1;width:.15rem;height:.15rem;background:none;border:1px solid #9d2823}
.about_workshop  .lists  .slide-pagination .swiper-pagination-bullet-active{background:#9d2823}

footer{background:#1b1b1b}
footer>div{display:flex;justify-content: space-between;padding:.6rem 0}
footer .left h1{color:white;font-weight:bold;font-size:.23rem}
footer .left h2{color:#ababab;padding:.3rem 0 .18rem;font-size:.14rem}
footer .left h3{color:#ababab;font-size:.14rem}
footer .left  em{font-size:.16rem;color:#ababab;padding:.1rem 0 .3rem;display:inline-block}
footer .left  ul li p{color:#ababab;font-size:.14rem;margin:0 0 .1rem}
footer  .middle{display:flex;flex-direction: column;justify-content: center;}
footer  .right{width:20%}
footer  .right h1{color:white;font-weight:bold;font-size:.23rem}
footer  .right ul{display:flex;flex-wrap: wrap;padding:.2rem 0 .36rem}
footer  .right ul li{width:50%;margin:0 0 .15rem}
footer  .right ul li a{color:#b7b7b7;font-size:.14rem;display:initial}
footer  .right h2{font-size:.14rem;color:#ababab}
footer  .right>a  {color:#ababab;margin:.2rem 0 0}
.product_list {background:#fafafa}
.product_list>div{padding:0 0 1.1rem}
.product_list .top{display:flex;padding:.8rem 0  1.15rem;justify-content: space-between;}
.product_list .top .left{width:30%}
.product_list .top .left h1{font-size:.5rem;font-weight:bold}
.product_list .top .right{width:68%}
.product_list .top .right .infos p{font-size:.15rem;color:#646464;line-height:.25rem}
.product_list .top .right  .pro_nav{padding:.48rem 0 0}
.product_list .top .right  .pro_nav ul{display:flex;flex-wrap: wrap;}
.product_list .top .right  .pro_nav ul li{width:20%;text-align:center;border-right:2px solid #dbdbdb;margin:0 0 .2rem}
.product_list .top .right  .pro_nav ul li.active a{color:#a94440}
.product_list .top .right  .pro_nav ul li a{display:initial;font-size:.15rem;color:black}
.product_list .top .right  .pro_nav ul li a:hover{color:#a94440}
.product_list  .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_list  .lists:after{content:"";width:32%}
.product_list  .lists a{width:32%;padding:.3rem ;background:white;margin:0 0 .5rem}
.product_list  .lists a h1{font-size:.16rem;color:black;font-weight:bold;padding:0 0 .1rem}
.product_list  .lists a .text{padding:.17rem;margin:.2rem 0 0;background:#f0f0f0;position:relative}
.product_list  .lists a .text span{color:#6c6c6c;}
.product_list  .lists a .text:after{content:"";position:absolute; background:url(../images/icon1-1.png) no-repeat;width:.54rem;height:.31rem;right:5%;top:50%;transform:translateY(-50%);transition:.6s;background-size:100%}
.product_list  .lists a:hover .text:after{background:url(../images/icon1.png) no-repeat;width:.54rem;height:.31rem;transition:.6s;background-size:100%}
.product_list  .lists a:hover .text{border-radius:0 30px  30px 0;}
.product_list  .lists a:hover .text span{color:#9d2823}
.product_list  .lists a:hover  img{transform:scale(1.1)}
.page {margin:.2rem 0 0}
.page a{display:inline-block;margin:0 5px;vertical-align:middle;width:.25rem;height:.25rem;font-size:.14rem;color:#666;position:relative;line-height:.25rem;}
.page a.page-num:after{content:'';background:url(../images/icon2.png) 0 0 no-repeat;background-size:.22rem .25rem;width:.22rem;height:.25rem;position:absolute;top:0;left:0;transition:all .36s ease-in-out;opacity:0;transform:rotate(90deg)}
.page a.page-num:hover,.page a.page-num-current{color:#9d2823}
.page a.page-num:hover:after,.page a.page-num-current:after{opacity:1;transform:none;}
.page a.page-link {font-size:.22rem;color:#7c7c7c;width:auto;margin:0 .12rem}
.page a.page-link:hover {color:#9d2823;}
.show_product {padding:1rem 0 ;font-size:0;background:#f4f4f4}


.show_product .pro_infos>div>div{display:inline-block;vertical-align:top}
.show_product .pro_infos .imglist {width:40%}
.show_product .pro_infos .imglist #gallery {margin:0 0 .4rem;}
.show_product .pro_infos .imglist #thumbs .swiper-slide {position:relative;padding:2px;overflow:hidden;cursor:pointer}
.show_product .pro_infos .imglist #thumbs .swiper-slide:before{content:'';width:100%;height:100%;border:2px solid #9d2823;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .36s ease-in-out;position:absolute}
.show_product .pro_infos .imglist #thumbs .swiper-slide.swiper-slide-thumb-active:before{transform:none;left:0;top:0;}
.show_product .pro_infos .text {width:60%;padding:0 0 0 .43rem;}
.show_product .pro_infos .text h5 {font-size:.3rem;color:#282828;font-weight:bold;}
.show_product .pro_infos .text p.slogan {margin:.2rem 0 1.15rem;font-size:.16rem;color:#777;}
.show_product .pro_infos .text .shop_link>div{display:inline-block;vertical-align:middle;width:45%}
.show_product .pro_infos .text .l a{display:inline-block;background:#9d2823;border-radius:3px;padding:0 .65rem;line-height:.53rem;font-size:.16rem;color:#FFF}
.show_product .pro_infos .text .shop_link .s {width:55%;text-align:right;}
.show_product .pro_infos .text .s>* {display:inline-block;}
.show_product .pro_infos .text .s>span {font-size:.14rem;color:#333;padding-right:.63rem;border-right:2px solid #ccc;background:url(../images/icon10.jpg) 80% center no-repeat;background-size:.23rem .26rem;line-height:.26rem;}
.show_product .pro_infos .text .s>div{padding:0 .15rem;}
.news{background:#f8f8f9}
.news>div{padding:.8rem 0 1rem}
.news .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news .lists a{width:31%;background:white;margin:0 0 .5rem}
.news .lists a .text{padding:.3rem .15rem .67rem}
.news .lists a .text span{color:#555555;font-size:.14rem}
.news .lists a .text  h1{font-size:.17rem;font-weight:bold;margin:.3rem  0 0;line-height:.25rem;color:black}
.news .lists a:hover img{transform:scale(1.1)}
.news .lists a:hover{box-shadow:0 0 10px 2px rgba(0,0,0,0.2)}
.page_contact{background:#f8f8f9}
.page_contact>div{padding: 0 0 1rem}
.page_contact .contact{padding:.52rem 0  1.48rem}
.page_contact .contact .title{padding:0 0 .9rem}
.page_contact .contact .title h1{font-size:.35rem;font-weight:bold;padding:.3rem  0 0 ;position:relative}
.page_contact .contact .title h1:after{position:absolute;content:"";background:#9d2823;left:0;top:0;width:3px;height:.24rem}
.page_contact .contact .infos ul{display:flex;justify-content: space-between;}
.page_contact .contact .infos ul li{width:30%;text-align:center}
.page_contact .contact .infos ul li p{font-size:.14rem;margin:.2rem 0 0}
.page_contact .contact .infos ul li p em{font-size:.15rem;color:black;font-weight:bold}
.page_contact .message{padding:.8rem .6rem 1.08rem;background:white}
.page_contact .message .title{padding:0 0 .3rem}
.page_contact .message .title h1{font-size:.3rem;padding:0 0 .4rem;position:relative}
.page_contact .message .title h1:after{position:absolute;content:"";background:#9d2823;left:0;bottom:0;width:.4rem;height:2px}
.page_contact .message .form .top{display:flex;flex-wrap: wrap;justify-content: space-between;}
.page_contact .message .form .top .input{width:48%;position:relative;margin:0 0 .4rem}
.page_contact .message .form .top .input input{width:100%;padding:.2rem 1rem;border:0;background:#f8f8f9}
.page_contact .message .form .top .input p{position:absolute;top:50%;transform:translateY(-50%);left:.3rem;font-size:.14rem;color:black;}
.page_contact .message .form .bot{position:relative}
.page_contact .message .form .bot textarea{width:100%;height:2.2rem;padding:.2rem 1rem;border:0;background:#f8f8f9}
.page_contact .message .form .bot p{position:absolute;top:9%;left:.3rem}
.page_contact .message .form .button{text-align:center}
.page_contact .message .form .button input{margin:.4rem 0 0;border:0;background:#9d2823;padding:.13rem .44rem;border-radius:25px;color:white;font-size:.14rem}
.tem_banner .txt{position:absolute;right:3.6rem;top:40%;text-align:right}
.tem_banner .txt h1{font-size:.4rem;color:#005ba9;text-transform:uppercase;font-family:"BodoniBT";letter-spacing:10px;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .txt h1{transition-delay:.4s;transform:none;opacity:1;}

.tem_banner .txt h2{font-size:.3rem;font-weight:bold;color:#005ba9;letter-spacing:10px;padding:.25rem 0 .15rem;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .txt h2{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner .txt p{font-size:.18rem;color:#005ba9;font-weight:bold;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .txt p{transition-delay:.8s;transform:none;opacity:1;}
.tem_banner .swiper-page{position:absolute;display:flex;right:3.6rem;bottom:10%;z-index:2}
.tem_banner .swiper-page div:first-child{margin-right:.1rem}
.tem_banner .swiper-page div{width:.35rem;height:.35rem;;line-height:.35rem;text-align:center;color:#c3c3c3;font-size:.25rem;background:white}
.tem_banner .swiper-page div:hover{background:#005ba9}
.tem_banner .swiper-page div:hover i{color:white}
.index_product{background:#f7f7f7}
.index_product>div{padding:.67rem 0 .74rem}
.index_product .top{display:flex}
.index_product .top .left{width:22%;background:#005ba9;display:flex;flex-direction: column;justify-content: center;}
.index_product .top .left ul li{margin:0 0 .25rem;padding:0  0 0 .5rem}
.index_product .top .left ul li a{color:white;font-size:.15rem;display:initial;position:relative}
.index_product .top .left ul li a:after{content:"";position:absolute;background:white;height:3px;width:3px;border-radius:100%;left:-.1rem;top:50%;transform:translateY(-50%)}
.index_product .top .right{width:78%;position:relative}
.index_product .top .right .text{position:absolute;top:10%;left:5%}
.index_product .top .right .text h1{font-size:.3rem;text-transform:uppercase;font-weight:bold;color:#005ba9;letter-spacing:5px}
.index_product .top .right .text h2{font-size:.2rem;color:black;padding:.1rem 0 0}
.index_product  .lists{padding:.45rem 0 .6rem}
.index_product  .lists a{padding:.4rem .5rem .2rem;background:white;}
.index_product  .lists a p{text-align:center;margin:.4rem   0 0 ;font-size:.15rem;color:#005ba9}
.index_product  .lists a:hover img{transform:scale(.9)}
.index_product  .lists .slide-pagination{text-align:center;padding:.6rem 0 0;}
.index_product  .lists .slide-pagination span{border-radius:0;width:.22rem;height:.02rem;opacity:1;background:#c9c9c9;margin:0 .05rem}
.index_product  .lists .slide-pagination .swiper-pagination-bullet-active{background:#005ba9}
.index_about .infos{display:flex;background-position:center;background-size:cover;}
.index_about .infos .left{width:50%}
.index_about .infos .left .title{padding: .8rem  0 0.44rem 3.6rem;}
.index_about .infos .left .title h1{font-size:.5rem;text-transform:uppercase;color:#005ba9;font-weight:bold;letter-spacing:8px}
.index_about .infos .left .title p{color:white;font-size:.17rem;padding:.1rem 0 0}
.index_about .infos .right{width:50%;display:flex;flex-direction: column;justify-content: flex-end;padding: 0 0 1rem .7rem}
.index_about .infos .right .content h1{font-size:.3rem;color:black;padding:0 0 .3rem}
.index_about .infos .right .content p{color:black;font-size:.14rem;width:60%}
.index_about .bot{display:flex;padding:0 0 1rem;background:white}
.index_about .bot .left{width:50%;padding:0 0 0 3.6rem;display:flex;flex-direction: column;justify-content: center;}
.index_about .bot .left ul li{margin:0 0 .4rem}
.index_about .bot .left ul li h1{font-size:.26rem;color:black;padding:0 0 .1rem}
.index_about .bot .left ul li p{font-size:.15rem;color:#444444}
.index_about .bot .right{width:50%;position:relative}
.index_about .bot .right .more{position:absolute;right:0;bottom:0;background:#005ba9;padding:.15rem .2rem}
.index_about .bot .right .more a {text-align:center;border:3px solid white;padding:.28rem .15rem;color:white;font-size:.15rem}
.index_news {background:#f7f7f7}
.index_news>div{padding:0 0 1.5rem}
.index_news .title{padding:1.3rem  0 .55rem;text-align:center}
.index_news .title h1{font-size:.5rem;font-weight:bold;text-transform:uppercase;color:#005ba9;letter-spacing:2px;padding:0 0 .2rem}
.index_news .title  p{font-size:.2rem;color:black}
.index_news .zhiding a{display:flex;padding:.45rem  0 .5rem;border-top:1px solid #dcdcdc;justify-content: space-between;position:relative}
.index_news .zhiding a:after{content:"\f178";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:.2rem;left:0;bottom:10%;color:black;transition:.6s}
.index_news .zhiding a:hover:after{left:5%;transition:.6s}
.index_news .zhiding a:hover img{transform:scale(1.1)}
.index_news .zhiding .text{width:65%}
.index_news .zhiding .text span{font-size:.15rem;color:#a2a2a2;display:inline-block;padding:0 0 .3rem}
.index_news .zhiding .text h1{margin:.25rem 0;font-size:.16rem;color:black;font-weight:bold}
.index_news .zhiding .text  p{font-size:.14rem;color:#737373;line-height:.25rem}
.index_news .zhiding .img{width:30%}
.index_news  .lists{display:flex;justify-content: space-between;flex-wrap: wrap;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.index_news  .lists .items{width:45%;}
.index_news  .lists .items a{padding:.25rem 0;font-size:0}
.index_news  .lists .items a>*{display:inline-block;vertical-align:middle}
.index_news  .lists .items a h1{width:90%;font-size:.15rem;color:black;padding:0 0 0 .05rem;position:relative;font-weight:bold}
.index_news  .lists .items a p{width:10%;font-size:.14rem;color:#7e7e7e;text-align:center}
.index_news  .lists .items a h1:after{content:"";position:absolute;background:black;height:3px;width:3px;border-radius:100%;left:0rem;top:50%;transform:translateY(-50%)}
.index_news   .more{text-align:center;padding:.7rem 0 0}
.index_news   .more a {display:inline-block}
.index_news   .more a  em{width:1.3rem;height:.3rem;display:inline-block;line-height:.3rem;background: #dedede;box-shadow: rgba(12, 3, 6, 0.13) 0px 0px 10px;position:relative;z-index:1}
.index_news   .more a  em span{color:#7b7b7b;z-index:2}
.index_news   .more a  em i{ line-height:.3rem; background: #005ba9; color: rgb(255, 255, 255); transition: all 0.65s ease 0s; position: relative; z-index: 1;float:right;display:inline-block;width:.3rem;height:.3rem;font-size:.15rem}
.index_news   .more a  em i:after{transition: all 0.65s ease-in 0s; content: "";  width: 0px; height: 100%; background: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px; z-index: -1;}
.index_news   .more a  em:after{ transition: all 0.35s ease-out 0s; content: ""; width: 0px; height: 100%; background: #005ba9; position: absolute; left: 0px; top: 0px; z-index: -1;}
.index_news   .more a:hover  em span{color:white}
.index_news   .more a:hover  em:after{width:100%}
.index_news   .more a:hover  em i { color: #005ba9; transition-delay: 0.2s; }
.index_news   .more a:hover  em i:after { width: 100%; transition-delay: 0.2s; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
/**/
/********<=767 mobile nav style css********/
.m-header {background: #fff;}    
.m-header >.col-xs-6>div {color: #005ba9;}
.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: #005ba9;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: #005ba9;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){
	.tem_banner .txt{right:1.6rem}
	.tem_banner .swiper-page{right:1.6rem}
	.index_about .infos .left .title{padding:.8rem  0 0.44rem 1.6rem}
	.index_about .bot .left{padding:0 0 0 1.6rem}
	.tem_banner .flash .banner_text{left:1.6rem}
}
@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){
.tem_banner .txt{top:20%;right:.5rem}
.tem_banner .swiper-page{bottom:0;right:.5rem}
.index_product .top{display:inherit}
.index_product .top .left{width:100%}
.index_product .top .left ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_product .top .left ul li{width:45%}
.index_product .top  .right{width:100%}
.index_about .infos{display:inherit}
.index_about .infos .left {width:100%}
.index_about .infos .left .title h1{font-size:.3rem}

.index_about .infos .left .title{padding:.5rem .2rem .5rem .5rem}
.index_about .infos .right{padding:.2rem;width:100%}
.index_about .infos .right .content p{width:100%}
.index_about .bot .left{padding:0}
.index_about .bot{display:inherit;padding:1rem 0}
.index_about .bot .left{display:inherit;width:100%}
.index_about .bot .left ul{display:flex}
.index_about .bot .left ul li{text-align:center}
.index_about .bot .right{width:100%}
.index_news .zhiding .text span{padding:0}
.index_news .zhiding .img{display:flex;}
.index_news .lists{display:inherit}
.index_news .lists .items{width:100%}
.index_news .lists .items a h1{width:80%;padding:0 0 0 .1rem}
.index_news .lists .items a p{width:20%}
footer>div{display:inherit}
footer .left{width:100%}
footer .middle{display:none}
footer .right{width:100%}
.about_company .top{display:inherit;padding:0}
.about_company .top .left{width:100%}
.about_company .top .right{width:100%}
.about_honor .infos>div{padding:.5rem 0 }
.about_honor .infos .content{width:100%}
.about_workshop .infos>div{padding:.5rem 0 }
.about_workshop .infos .content{width:100%}
.product_list .top{display:inherit;padding:.8rem 0  .5rem}
.product_list .top .left{width:100%;text-align:center}
.product_list .top .right{width:100%}
.product_list .top .right .pro_nav ul li{width:33%}
.product_list .lists a{width:48%}
.show_product .pro_infos .imglist{width:100%;padding:0 .5rem}
.show_product .pro_infos .text{text-align:center;padding:.5rem 0 ;width:100%}
.tem_banner .flash .banner_text{left:.6rem;top:20%}
.tem_banner .flash .banner_text h1{font-size:.3rem;padding:0 0 .1rem}
.tem_banner .flash .banner_nav ul li a{padding:0 0 .2rem}
.page_contact .message .form .top .input{width:100%}
.page_contact .message .form .top .input input{padding:.2rem 1.4rem}
.page_contact .message .form .bot textarea{padding:.2rem 1.4rem}

}