.header{position: fixed;width: 100%;z-index: 1000;top:0;background:white;padding:0 0 .2rem}
.header .top {height:.5rem;line-height:.5rem}
.header .top p{font-size:.14rem;color:rgb(86, 86, 86)}
.header .bot{display:flex;align-items: center;justify-content: space-between;}
.header .bot .logo{width:20%}
.header .bot .navs_list{display:flex;width:75%;justify-content: space-between;align-items: center;}
.header .bot .navs_list .navs ul{display:flex}
.header .bot .navs_list .navs ul li a{height:.55rem;line-height:.55rem;padding:0 .2rem;font-size:.18rem;color:#000}
.header .bot .navs_list .navs ul li a:hover{background:#e83827;color:white}
.header .bot .navs_list .navs ul li.active a{background:#e83827;color:white}
.header .bot .navs_list .search{width:32%;}
.header .bot .navs_list .search form{display:flex;justify-content: space-between;}
.header .bot .navs_list .search input{width:80%;height:.4rem;background:#EEEEEE;border:0;padding:0 .1rem;font-size:.16rem;color:black;border-radius:5px}
.header .bot .navs_list .search  button{width:18%;background:#e83827;border:0;border-radius:5px}
.header .bot .navs_list .search  button i{font-size:.18rem;color:white}
.header.is_header{top:-.3rem;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.tem_banner.indise{padding:1.5rem 0 0}

.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.tem_banner.indise .flash .txt h2{font-size:.38rem;color:white;}

.mbx{height:.7rem;display:flex}
.mbx>div{display:flex;align-items: center;gap:.2rem;font-size:.2rem;color:#333}
.mbx>div  a{font-size:.2rem;color:#333}
.mbx>div  a:first-child{padding-left:.2rem;position:relative}
.mbx>div  a:first-child:after{content:"";position:absolute;background:url(../images/1.png) 0 0 no-repeat;width:.12rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.mbx>div  a:hover {opacity:.6}
.about{padding:0 0 .9rem}
.company{padding:.2rem 0 .9rem}
.company {display:flex;justify-content: space-between;}
.company .left{width:42.833%;padding:.2rem 0 0}
.company .left .text h2{font-size:.4rem;color:#333;margin:0 0 .15rem}
.company .left .text p{font-size:.15rem;color:rgb(63, 63, 63);line-height:.25rem}
.company .left .info{margin:.3rem 0 0}
.company .left .info ul{display:flex}
.company .left .info ul li{width:40%}
.company .left .info ul li h2{font-size:.6rem;color:#e83827;font-weight:bold}
.company .left .info ul li p{font-size:.18rem;color:#333}
.company .img{width:52%}

.history h2{font-size:.4rem;color:#333;font-weight:bold;margin:0 0 .4rem}
.history p{font-size:.15rem;color:rgb(63, 63, 63);line-height:.25rem}

.fot_contact{background:url(../images/2.jpg) 0 0 no-repeat;background-size:cover}
.fot_contact>div{padding:0 1.2rem;height:2rem;display:flex;align-items: center;justify-content: space-between;}
.fot_contact .text h2{font-size:.34rem;color:white}
.fot_contact .text p{font-size:.34rem;color:white;margin:.05rem 0 0}
.fot_contact .more a{z-index:2;overflow:hidden;width:3.6rem;height:.8rem;position:relative;border-radius:50px;background:white;display:flex;flex-direction: column;justify-content: center;align-items: center;font-size:.24rem;color:#e83827}

.fot_contact .more a::before,
.fot_contact .more a::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.fot_contact .more a::before {
	background: #e67179;
}
.fot_contact .more a::after {
	background: #ef2735;
}
.fot_contact .more a:hover {
	color: #fff;
}
.fot_contact .more a:hover::before,
.fot_contact .more a:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.fot_contact .more a:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

.footer{background:#2B2B2B;padding:.4rem 0 .3rem}
.footer .navs{margin:0 0 .4rem}
.footer .navs ul{display:flex;justify-content: center;}
.footer .navs ul li a{font-size:.16rem;color:white;padding:0 .2rem}
.footer .text{text-align:center}
.footer .text p{font-size:.175rem;color:#bfbfbf;line-height:.25rem}
.footer h2{text-align:center;margin:.3rem  0 0;font-size:.175rem;color:white}
.footer h2 a{display:initial;font-size:.175rem;color:white;margin-left:.2rem}
.footer h3{text-align:center;margin:.3rem  0 0;font-size:.175rem;color:white}
.footer h3 a{display:initial;font-size:.175rem;color:white;margin-left:.2rem;vertical-align:middle}
.footer .yinsi{text-align:center} 
.footer .yinsi a{font-size:.175rem;color:white;margin:.2rem 0 0}
.productlist{padding:.2rem  0 0}
.productlist .lists ul{display:grid; grid-template-columns: repeat(4, 1fr);grid-gap:.1rem .15rem}
.productlist .lists ul li a {border:solid 1px #eee;padding:0 0 .1rem}
.productlist .lists ul li a h1{font-size:.14rem;color:#777;text-align:center;margin:.2rem 0}
.productlist .lists ul li a:hover img{transform:scale(1.1)}
.productlist .lists ul li a:hover{border-color:#e83827 !important; box-shadow: 3px 3px 3px #ccc;}


.page  {display:flex;padding:.8rem 0 .6rem;justify-content: center;}
.page a{border:1px solid #d9d9d9;width:.31rem;height:.31rem;font-size:.14rem;color:#333;margin:0 .02rem;text-align:center;line-height:.31rem;border-radius:3px;}
.page a.page-num-current{background:#e83827;color:white;border-color:#e83827} 
.page a i{color:#333;font-size:.16rem;font-weight:bold}
.page a.page-link-first{width:.5rem}
.page a.page-link-last{width:.5rem}
.page a:hover{background:#e83827;color:white;border-color:#e83827}
.page a:hover i{color:white}

.product .top{display:flex;justify-content: space-between;align-items: flex-start;}
.product .top .left{width:45%;border:1px solid #CCC;padding:.1rem}
.product .top .right{width:47%}
.product .top .right .title{padding:.25rem 0 .45rem}
.product .top .right .title h1{font-size:.3rem;color:#333}
.product .top .right .infos{font-size:.15rem;margin:.4rem 0 0;padding:0 0 .2rem }
.product .top .right .infos table{width:100%!important;text-align:center;}
.product .top .right .infos table td{vertical-align:middle;padding:.08rem 0;border:1px solid #ccc }
.product .top .right .contact{margin:.3rem 0 0 }
.product .top .right .contact a{display:flex;width:2.1rem;height:.8rem;background:#e83827;text-align:center;line-height:.8rem;flex-direction: column;justify-content: center;align-items: center;}
.product .top .right .contact a h2{font-size:.16rem;color:white;position:relative;transition:.3s !important}
.product .top .right .contact a h2:after{content:"\f101";position:absolute;font: normal normal normal 14px/1 FontAwesome;;right:0;top:50%;transform:translateY(-50%);font-size:.18rem;color:white;right:0;opacity:0;transition:.3s !important}
.product .top .right .contact a:hover h2{padding-right:.2rem}
.product .top .right .contact a:hover h2:after{opacity:1}
.product .bot{font-size:.15rem;margin:.4rem 0 0;padding:0 0 .2rem }
.product .bot table{width:100%!important;text-align:center;}
.product .bot table td{vertical-align:middle;padding:.08rem 0;border:1px solid #ccc }
.fot_form{padding:0 0 1rem;font-size:0}
.fot_form ul li{margin:0 0 .2rem;}
.fot_form ul li input{height:.35rem;width:100%;border:1px solid #eee;padding:0 .1rem;font-size:.14rem;color:#333}
.fot_form .area textarea{width:100%;height:1.22rem;border:1px solid #eee;padding:.1rem;font-size:.14rem;color:#333}
.fot_form  .sub {margin:.65rem 0 0}
.fot_form  .sub button{width:100%;height:.4rem;text-align:center;;font-size:.15rem;color:#333;border:0;background:#e83827;color:white}
.fot_form  .sub button:hover{background:#EC8C14}


.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.55rem}
.news_box .lists ul li a:hover img{transform:scale(1.1)}
.news_box .lists ul li a .text{padding:.2rem 0 0 }
.news_box .lists ul li a .text h1{font-size:.22rem;color:#333;height:.6rem;line-height:.3rem;margin:0 0 .1rem}
.news_box .lists ul li a .text p{font-size:.16rem;color:#333}


.contact .infos{display:flex;justify-content: space-between;padding:.4rem 0 1rem}
.contact .infos .left {width:100%}
.contact .infos .left  ul{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:.3rem}
.contact .infos .left  ul li{border-bottom:1PX solid rgba(210, 210, 210, 1);padding:0 0 .2rem}
.contact .infos .left  ul li h2{font-size:.2rem;color:#333;margin:.2rem 0 .1rem}
.contact .infos .left  ul li p{font-size:.15rem;color:#333}
.contact .infos .img{width:60%}


.tem_banner.index{padding:1.5rem 0 0}
.tem_banner.index .swiper{overflow:hidden}
.tem_banner.index .swiper{}
.tem_banner.index .swiper *{transition:all .5s ease }

.tem_banner.index .label_text{position:absolute;left:50%;top:35%;z-index:2;width:100%;text-align:center;transform:translateX(-50%)}
.tem_banner.index .label_text h2{font-size:.48rem;color:white;font-weight:bold;transform:translateY(-3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text p{font-size:.2rem;color:white;font-weight:bold;font-family:"DIN Light";margin:.3rem 0 0 ;transform:translateY(3vw);opacity:0;transition:all .8s linear}
.tem_banner.index  .swiper .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .swiper .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:300ms}


.index_about{padding:1.55rem 0 .5rem}
.index_about>div{display:flex;justify-content: space-between;}
.index_about .left{width:23%}
.index_about .left>h2{font-size:.3rem;color:#333;margin:0 0 .1rem}
.index_about .left>h3{font-size:.3rem;color:#333;font-weight:bold;margin:0 0 .6rem}
.index_about .left p{font-size:.14rem;color:rgb(131, 137, 147);line-height:.3rem}

.index_about .left .more{margin:.3rem 0 0 }
.index_about .left .more a{display:flex;width:1.8rem;height:.8rem;background:#e83827;text-align:center;line-height:.8rem;flex-direction: column;justify-content: center;align-items: center;}
.index_about .left .more a h2{font-size:.16rem;color:white;position:relative;transition:.3s !important}
.index_about .left .more a h2:after{content:"\f101";position:absolute;font: normal normal normal 14px/1 FontAwesome;;right:0;top:50%;transform:translateY(-50%);font-size:.18rem;color:white;right:0;opacity:0;transition:.3s !important}
.index_about .left .more a:hover h2{padding-right:.2rem}
.index_about .left .more a:hover h2:after{opacity:1}
.index_about .video{width:70%;position:relative}


.index_about .video video{width:100%}
.index_about .video .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.8rem;text-align:center}
.index_about .video .btns i{color:white;font-size:.24rem}
.index_about .video .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#e83827;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about .video .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba(247, 50, 63,.35);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about .video .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.index_about .video .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}


.index_product{background:url(../images/3.jpg) 0 0 no-repeat;background-size:cover}
.index_product .title{padding:.5rem 0 .6rem;text-align:center}
.index_product .title h2{font-size:.34rem;color:white;font-weight:bold}
.index_product .title h2 em{color:#e83827}
.index_product .lists .img{padding:2px;border:1px solid white}
.index_product .lists .swiper-wrapper {-webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important;
 }
.index_product .lists a h2{text-align:center;font-size:.18rem;color:#f2f2f2;margin:.1rem 0 0}
.index_product .more{padding:.35rem 0;text-align:center }
.index_product .more a{display:inline-flex;width:1.8rem;height:.8rem;background:#e83827;text-align:center;line-height:.8rem;flex-direction: column;justify-content: center;align-items: center;}
.index_product .more a h2{font-size:.16rem;color:white;position:relative;transition:.3s !important}
.index_product .more a h2:after{content:"\f101";position:absolute;font: normal normal normal 14px/1 FontAwesome;;right:0;top:50%;transform:translateY(-50%);font-size:.18rem;color:white;right:0;opacity:0;transition:.3s !important}
.index_product .more a:hover h2{padding-right:.2rem}
.index_product .more a:hover h2:after{opacity:1}

.index_aplication{padding:0 0 .9rem}
.index_aplication .title{text-align:center;padding:.55rem 0 .45rem}
.index_aplication .title h2{font-size:.34rem;color:#333;margin:0 0 .2rem;font-weight:bold}
.index_aplication .title h2 em{color:#e83827}
.index_aplication .title  p{color:rgb(127, 127, 127);font-size:.17rem}
.index_aplication  .lists {position:relative}
.index_aplication  .lists  ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .5rem}
.index_aplication .lists .swiper-page>div{position:absolute;z-index:2;left:.3rem;top:50%;;transform:translateY(-50%);color:white;font-weight:bold;font-size:.6rem}
.index_aplication  .lists .swiper-page>div.slide-button-next{left:auto;right:.3rem}
.index_aplication  .lists .swiper-page>div i{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.index_aplication  .lists .swiper-slide .img{opacity:.6}
.index_aplication  .lists .swiper-slide-active .img{opacity:1}
.index_aplication .slide-pagination {position:absolute;left:50%;transform:translateX(-50%);bottom:.05rem;z-index:2;text-align:center}
.index_aplication .slide-pagination span{opacity:1;width:.12rem;height:.12rem;background:none;border:2px solid white;margin:0 .04rem}
.index_aplication .slide-pagination span.swiper-pagination-bullet-active{background:white}
.index_contact{padding:0 0 .55rem}
.index_contact>div{display:flex;justify-content: space-between;}
.index_contact>div .left{width:100%}
.index_contact>div .left .title{padding:0 0 .45rem}
.index_contact>div .left .title h2{font-size:.34rem;color:#333;font-weight:bold}
.index_contact>div .left .title h2 em{color:#e83827}
.index_contact>div .left form{font-size:0}
.index_contact>div .left form ul li{margin:0 0 .2rem;}
.index_contact>div .left form ul li input{height:.45rem;width:100%;border:1px solid #eee;padding:0 .1rem;font-size:.14rem;color:#333}
.index_contact>div .left form .area textarea{width:100%;height:1.22rem;border:1px solid #eee;padding:.1rem;font-size:.14rem;color:#333}
.index_contact>div .left form .sub {margin:.4rem 0 0}
.index_contact>div .left form .sub button{width:100%;height:.4rem;text-align:center;;font-size:.15rem;color:#333;border:0;background:#e83827;color:white}
.index_contact>div .left form .sub button:hover{background:#EC8C14}
.index_contact>div .right{width:49%}
.index_contact>div .right .title{padding:0 0 .45rem}
.index_contact>div .right .title h2{font-size:.34rem;color:#333;font-weight:bold}
.index_contact>div .right .title h2 em{color:#e83827}
.index_contact>div .right p{color:#333;line-height:.28rem;font-size:.16rem}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

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

/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0 !important}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner.index .label_text h2{font-size:.36rem}
	.tem_banner.index .label_text{width:80%}
	.tem_banner.index .label_text p{margin:.2rem 0 0}
	.index_about>div{display:inherit}
	.index_about .left{width:100%;margin:0 0 .2rem}
   .index_about .video{width:100%}
   .index_contact>div{display:inherit}
    .index_contact>div  .left{width:100%;margin:0 0 .2rem}
     .index_contact>div .right{width:100%}
     .index_contact>div .left form ul li input{height:.8rem}
     .index_contact>div .left form .sub button{height:.8rem}
     .footer .text p{line-height:.3rem}
     .company{display:inherit}
      .company .left{width:100%;margin:0 0 .2rem}
    .company .img{width:100%}
    .productlist .lists ul{grid-template-columns:1fr 1fr}
    .product .top{display:inherit}
.product .top .left{width:100%;margin:0 0 .2rem}
.product .top .right{width:100%}
.product .top .right .infos{line-height:.3rem}

.fot_form ul li input{height:.8rem}
   .fot_form .sub button{height:.8rem}
   .news_box .lists ul{grid-template-columns:1fr 1fr}
   .contact .infos{display:inherit}
.contact .infos .left{width:100%;margin:0 0 .2rem}
.contact .infos .left ul li{padding:0 0 .2rem}
.contact .infos .img{width:100%}
}