/*header*/
.header{background:#FFF;position:fixed;top:0;left:0;width:100%;z-index:18}
.header>div>div{display:inline-block;vertical-align:middle;width:37%}
.header .logos img {max-height:1rem;transition:none;}

.header .infos{width:63%;text-align:right}
.header .infos .crt{padding:.36rem 0 0;}
.header .infos .crt>div{display:inline-block;vertical-align:middle;}
.header .infos .crt .search{position:relative;}
.header .infos .crt .search input{width:1.65rem;border:2px solid #d23f45;height:.24rem;border-radius:35px;padding:0 .45rem 0 8px;font-size:.12rem;color:#333}
.header .infos .crt .search button {background:#d23f45;position:absolute;right:0;top:0;text-align:center;border:0;border-radius:0 35px 35px 0;height:.24rem;padding:0 .12rem;}
.header .infos .crt .search button img {max-height:.18rem;transition:none;}

.header .infos .crt .lan{margin-left:.35rem;}
.header .infos .crt .lan>*{display:inline-block;vertical-align:middle;font-size:.14rem;color:#333;line-height:.24rem;}
.header .infos .crt .lan>span{padding:0 5px;}
.header .infos .crt .lan a.cn{padding-left:.26rem;background:url(../images/cn.png) 0 center no-repeat;background-size:.2rem .2rem;}
.header .infos .crt .lan a.en{padding-left:.26rem;background:url(../images/en.png) 0 center no-repeat;background-size:.2rem .2rem;}
.header .infos .navlist li{display:inline-block;width:16.66666%;}
.header .infos .navlist li a{display:block;position:relative;text-align:center;font-size:.14rem;color:#666;line-height:.4rem;text-transform:uppercase;}
.header .infos .navlist li a:after{content:'';width:0;height:2px;background:#d23f45;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all .35s ease-in-out;}
.header .infos .navlist li a:hover,.header .infos .navlist li.on a{color:#d23f45}
.header .infos .navlist li.on a:after,.header .infos .navlist li a:hover:after{width:.37rem;}

.is_header {box-shadow:0 0 .12rem rgba(0,0,0,.12)}
/**/
.tem_banner {padding:1rem 0 0}
.tem_banner .slide-pagination{position:absolute;bottom:0;left:0;width:100%;z-index:1;text-align:center;padding:.12rem 0}
.tem_banner .slide-pagination span{opacity:1;outline:none;width:.46rem;height:5px;border:1px solid #FFF;background:none;margin:0 .12rem;border-radius:0}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#FFF}
.tem_banner .swiper-page{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1;width:1200px;max-width:100%;left:50%}
.tem_banner .swiper-page>div{float:left;width:.52rem;height:.7rem;color:#FFF;background:#ccc;opacity:0;line-height:.7rem;text-align:center;font-size:.5rem;}
.tem_banner .swiper-page>div.slide-button-next {float:right;}
.tem_banner.index:hover .swiper-page>div{opacity:.5}
/**/
.tem_index_about{padding:.48rem 0 0}
.tem_index_about .mains{background:#ededed;padding:0 .6rem;}
.tem_index_about .mains .title h3{font-size: .24rem;
color: #d23f45;
line-height: .56rem;
float: left;
background: url(../images/type.png) no-repeat left bottom;background-size:1.46rem auto;padding-left:.2rem}
.tem_index_about .mains .title span{float:right;line-height: .56rem;
color: #d23f45;
font-size: .12rem;
font-weight: bold;}
.tem_index_about .mains .editor{font-size: .18rem;
color: #4c4c4c;
line-height: .34rem;
padding-top: .12rem;
padding-bottom: .1rem;
text-indent: 2em;}
.tem_index_pro{background:url(../images/bj2.jpg) center bottom no-repeat;background-size:100% auto;padding:.36rem 0 0}
.tem_index_product ul {position:relative;display:block}
.tem_index_product ul:before{content:'';width:1px;height:88%;background:rgba(77,77,77,1);position:absolute;top:6%;left:50%}
.tem_index_product li{display:inline-block;vertical-align:top;width:50%}
.tem_index_product li a{display:flex;position:relative;width:100%;flex-direction: row;    align-items: center;}
.tem_index_product li a>div{padding:0 .24rem;height:2.3rem;display:flex;    flex-direction: column;    justify-content: center;    align-items: center;position:relative}
.tem_index_product li:first-child a>div:after,.tem_index_product li:first-child+li a>div:after{content:'';width:80%;height:1px;background:rgb(77,77,77);position:absolute;bottom:0;left:10%;}
.tem_index_product li .imgs:before{content:'';width:1px;height:80%;background:rgb(77,77,77);position:absolute;right:0;top:10%}
.tem_index_product li .imgs{text-align:center;line-height:2.3rem;width:50%}
.tem_index_product li .imgs img{max-height:1rem;transition:none;}
.tem_index_product li .text{width:50%}
.tem_index_product li .text h4 {font-size: .22rem;color:#4c4c4c;line-height:.3rem;text-align:center;margin:0 0 .1rem;}
.tem_index_product li .text p{font-size:.14rem;color:#4c4c4c;line-height:1.65;margin:0}
.tem_index_product li:first-child+li+li a,.tem_index_product li:last-child a{flex-direction: row-reverse;}
.tem_index_product li:first-child+li+li a .imgs:before,.tem_index_product li:last-child a .imgs:before{right:auto;left:0}
.tem_index_product li a:hover img {transform:translateY(-10px);transition:all .5s ease-in-out}
.tem_index_product li a:hover .text h4 {color:#d23f45}


.tem_index_news{margin:.96rem 0 0;background: rgba(255, 255, 255, 0.4);padding:0 0 .35rem}
.tem_index_news .title{padding:0 .6rem;}
.tem_index_news .title h3{font-size: .24rem;
color: #d23f45;
line-height: .56rem;
float: left;
background: url(../images/type.png) no-repeat left bottom;background-size:1.46rem auto;padding-left:.2rem;margin:0 0 .1rem}
.tem_index_news .title span{float:right;line-height: .56rem;
color: #d23f45;
font-size: .12rem;
font-weight: bold;}
.tem_index_news .title span a{color: #d23f45;
font-size: .12rem;}
.tem_index_news li {display:inline-block;vertical-align:top;width:33.333%;padding:0 .1rem;}
.tem_index_news li a{display:block;position:relative;}
.tem_index_news li a>div{display:inline-block;vertical-align:middle;width:43.5%}
.tem_index_news li a .imgs img{width:100%;height:1.1rem;object-fit:cover;transition:none}
.tem_index_news li a .text{width:56.5%;padding-left:.1rem;}
.tem_index_news li a .text h4 {font-size:.13rem;color:#333;font-weight:bold;line-height:.2rem;height:.4rem;overflow:hidden}
.tem_index_news li a .text p{font-size:.12rem;color:#333;margin:.1rem 0 0}
.tem_index_news li a:hover .imgs {box-shadow:2px 2px 4px rgba(0,0,0,.2);transform:translateY(-5px)}
/*通用底部*/
.footer{margin-top: .38rem;
padding: 1rem 0 .25rem;
background: url(../images/foo.png) no-repeat center 0;background-size:100% 100%;}
.footer>div>div{display:inline-block;vertical-align:top;width:76%}
.footer .f_nav li {display:inline-block;width:1.2rem;max-width:16.666%}
.footer .f_nav li a {display:block;font-size:.14rem;color:#333;line-height:.35rem;position:relative;text-align:center;text-transform:uppercase;}
.footer .f_nav li a:after{content:'';width:.6rem;height:1px;background:#d23f45;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}

.footer .code{width:24%;text-align:right}
.footer .code>div{display:inline-block;background: url(../images/qd2.png) no-repeat center;background-size:100% 100%;padding:.19rem;}
.footer .code>div img {width:1.5rem;height:1.5rem;transition:none;}
.copy {font-size:.14rem;color:#333;background:#cbcbcb;line-height:.4rem}
.copy a{font-size:.14rem;color:#333;}
/*关于我们*/
.about_box{}
.com_title{border-bottom: 1px solid #d34147;position:relative;}
.com_title h3 {display:inline-block;padding:0 .2rem;min-width:2.2rem;
	line-height: .99rem;
font-size: .3rem;
color: #fff;
font-weight: bold;
text-align: center;
background:linear-gradient(to bottom,rgb(240,106,130),rgb(211,64,74))
}
.com_title p{margin:0;position:absolute;right:0;bottom:.1rem;z-index:1;font-size:.12rem;color:#666}
.com_title p a{font-size:.12rem;color:#666;text-transform:uppercase;}
.com_title p a:first-child+a{display:none;}
.about_box .editor{padding:.11rem 0 .19rem;}
.about_box .editor>div{display:inline-block;vertical-align:top;width:47%}
.about_box .editor .imgs span{background:none !important;}
.about_box .editor .text{padding-left:.48rem;color: #000000;font-size: .18rem;width:53%;line-height:.42rem}
.about_box .read_con span{background:none !important;}

.product_box .pro_list{margin:.22rem 0 0 }
.product_box .pro_list li {display:inline-block;vertical-align:top;width:25%;position:relative}
.product_box .pro_list li>a{display: block;
height: 2.38rem;
border: 2px solid #666666;
text-align: center;padding:.28rem 0 0}
.product_box .pro_list li>a img {height:1rem;transition:none;}
.product_box .pro_list li>a p{font-size: .24rem;
color: #4c4c4c;
text-align: center;
padding-top: .2rem;}
.product_box .pro_list li:after{content:'';width:100%;height:0;background:#d23f45;position:absolute;bottom:2px;left:0;transition:all .5s ease-in-out;}
.product_box .pro_list li:hover:after,.product_box .pro_list li.ons:after{height:4px;}
.product_box .pro_list li:hover{transform:translateY(-10px)}

.product_box .pro_list li dl {margin:0;padding:0;position:absolute;width:100%;border-left: 2px solid #b2b2b2;
border-right: 2px solid #b2b2b2;z-index:10;display:none;transition:none;}
.product_box .pro_list li dl dd {background:rgba(255,255,255,.8)}
.product_box .pro_list li dl dd a{
display: block;
height: 1.78rem;
border-bottom: 2px solid #8c8c8c;
font-size: .24rem;
color: #808080;text-align:center;padding:1.38rem 0 0;background-size:auto .81rem !important;}
.product_box .pro_list li dl dd.icon0 a{background:url(../images/a-3.png) center .2rem no-repeat;}
.product_box .pro_list li dl dd.icon1 a{background:url(../images/a-2.png) center .2rem no-repeat;}
.product_box .pro_list li dl dd.icon2 a{background:url(../images/a-1.png) center .2rem no-repeat;}
.product_box .pro_list li dl dd.icon3 a{background:url(../images/a-4.png) center .2rem no-repeat;}
.product_box .pro_list li dl dd.icon0 a:hover{background:url(../images/a3.png) center .2rem no-repeat;}
.product_box .pro_list li dl dd.icon1 a:hover{background:url(../images/a2.png) center .2rem no-repeat;}
.product_box .pro_list li dl dd.icon2 a:hover{background:url(../images/a1.png) center .2rem no-repeat;}
.product_box .pro_list li dl dd.icon3 a:hover{background:url(../images/a4.png) center .2rem no-repeat;}
.product_box .pro_red{padding:1.3rem .2rem 0 1.1rem}
.product_box .pro_red h4 ,.product_box .pro_red .editor h1 {font-size: .16rem;
color: #d64e54;
font-weight: bold;
padding: .3rem 0;}
.product_box .pro_red .editor{font-size: .16rem;
color: #4d4d4d;
line-height: .24rem;}

.product_box .pro_red .type_list{margin:.3rem 0;background:url(../images/p_bj.png) center no-repeat;height:3rem;background-size:100% auto;padding:.3rem 0 0}
.product_box .pro_red .type_list li {margin:0 0 5px;}
.product_box .pro_red .type_list li a{line-height:.38rem;display: block;
font-weight: bold;
font-size: .16rem;
color: #d23f45;}
.product_box .pro_red .editor ul li {display:flex;width:100%;margin:0 0 .18rem;    flex-direction: row;
    align-items: center;}
.product_box .pro_red .editor ul li .imgs {width:15%}
.product_box .pro_red .editor ul li .txt{width:85%}
/**/
.news_box .lists{padding:.22rem 0 0 }
.news_box .lists li {padding:.24rem 0;border-bottom:1px dashed #ccc}
.news_box .lists li a>div{display:inline-block;vertical-align:middle;width:21%;position:relative}
.news_box .lists li .imgs{overflow:hidden}
.news_box .lists li .imgs img {width:100%;height:1.5rem;object-fit:cover;transition:none}
.news_box .lists li .imgs span{display:block;}
.news_box .lists li .imgs .date_r{position:absolute;width:.5rem;height:.8rem;text-align:center;font-size:.2rem;left:50%;transform:translateX(-50%);top:0;z-index:1;background: url(../images/date.png) no-repeat center top;}
.news_box .lists li .imgs .date_r h2 {font-size:.2rem;color:#FFF;line-height:.26rem;}
.news_box .lists li .imgs .date_r h1 {line-height:.26rem;color:#FFF;font-size:.2rem;}
.news_box .lists li .text {width:79%;padding:0 1.4rem 0 .95rem;}
.news_box .lists li .text h4 {color: #4c4c4c;
font-size: .2rem;
font-weight: bold;}
.news_box .lists li .text p.date {margin:0;line-height: .3rem;
font-size: .12rem;
color: #808080;}
.news_box .lists li .text p.date span{padding:0 .24rem 0 0;}
.news_box .lists li .text p.desc {color: #4c4c4c;
font-size: .14rem;
line-height: .2rem;margin:0 0 .35rem;}
.news_box .lists li .text .mores>em {display:inline-block;line-height: .3rem;
border-radius: 15px;
background-color: #d4424a;
color: #fff;
text-align: center;font-size:.14rem;padding:0 .28rem;}
.news_box .lists li a:hover .imgs span{transform:scale(1.1)}
.news_box .lists li a:hover .text h4 {color:#d23f45}
/*翻页*/
.page {padding:.2rem 0 0}
.page a{display:inline-block;margin:0 3px;font-size:.14rem;color:#333;letter-spacing:1px;}
/**/
.show_news{padding:0 0 .9rem}
.show_news h2 {margin:.4rem 0 0;font-size: .2rem;
color: #4c4c4c;
font-weight: bold;
text-align: center;}
.show_news .met_infos,.show_news .met_infos span a{font-size:.12rem}
.show_news .editor{font-size:.14rem;}
/**/
.service_box{}
.service_box .editor{padding:.55rem .5rem .24rem}
.service_box .editor h3 {font-size: .26rem;
font-weight: bold;
color: #d44148;
text-align: center;
line-height: .9rem;}
.service_box .editor .text{padding:.38rem 0 0}
.service_box .editor .text p{font-size:.14rem;color:#666;line-height:.36rem;font-family: 等线}
/*联系我们*/
.contact_box{}
.contact_box .mains{padding:.86rem 0 0}
.contact_box .mains>div{display:inline-block;vertical-align:top;width:50%}
.contact_box .mains .message{padding:0 .7rem 0 1.68rem;}
.contact_box .mains .message h3{font-size:.22rem;color: #4c4c4c;}
.contact_box .mains .message .lists li {
margin-top: .26rem;
font-size: .12rem;
color: #656565;
line-height: .24rem;}
.contact_box .mains .message .lists li p {
font-size: .12rem;
color: #656565;
line-height: .24rem;margin:0}
.contact_box .mains .message .lists li p i{color:#d23f45}
.contact_box .mains .message .lists li input[type="text"],.contact_box .mains .message .lists li textarea{width:100%;height: .32rem;
border: 1px solid #ccc;
padding: 0 5px;
font-size: .16rem;}
.contact_box .mains .message .lists li textarea{height:2.38rem;padding:5px;}
.contact_box .mains .message .lists li button {height: 32px;
background-color: #d4424a;
border-radius: 3px;
font-size: .16rem;
color: #fff;border:0}
.contact_box .mains .infos{padding:0 .38rem;border-left: 1px solid #ccc;}
.contact_box .mains .infos .editor{padding-left:.53rem;background: url(../images/contact.jpg) no-repeat center left;color: #ce1b1a;
line-height: .3rem;background-size:.4rem auto;margin:0 0 .38rem}
.contact_box .mains .infos .editor p{margin:0;font-size:.14rem;}
.contact_box .mains .infos .editor p a{font-size:.14rem;color:#ce1b1a}
.contact_box .mains .infos #container {height:4.08rem;}
/********<=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:#000;
	-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:#d23f45;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:#d23f45}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/
@media(max-width: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_index_about .mains{padding:0 .2rem;}
	.tem_index_product li a{display:block;}
	.tem_index_product li a>div{width:100% !important;}
	.tem_index_product li .imgs::before,.tem_index_product li .imgs::after{display:none;}
	.tem_index_news li{width:50%;margin:0 0 .35rem;}
	.tem_index_news li a > div,.footer > div > div,.about_box .editor > div{display:block;width:100% !important;}
	.tem_index_news li a .imgs img{height:2.2rem;}
	.footer .code{padding:.65rem 0 0;text-align:center;}
	.about_box .editor .text{padding:.48rem 0 0}
	.product_box .pro_list li{width:50%;margin:0 0 .25rem}
	.product_box .pro_red{padding:1.3rem 0 0}
	.news_box .lists li a > div{width:42%}
	.news_box .lists li .text {width:58%;padding:0 0 0 .45rem;}
	.news_box .lists li .imgs img{height:2.3rem;}
	.service_box .editor h3{line-height:1.9}
	.contact_box .mains > div{display:block;width:100% !important;}
	.contact_box .mains .message{padding:0 0 .65rem;}
	.contact_box .mains .infos{padding:0;border:0}
	.contact_box .mains .message .lists li input[type="text"], .contact_box .mains .message .lists li textarea{height:35px;font-size:12px;}
	.contact_box .mains .message .lists li p{font-size:12px;margin:0 0 .1rem;line-height:1.7}
	.contact_box .mains .infos .editor{line-height:1.75}
	.contact_box .mains .infos .editor p,.contact_box .mains .infos .editor p a{font-size:12px;}
}