.header{position: fixed;width: 100%;z-index: 1000;top:0;z-index:999;background:white}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header>div{display:flex;justify-content: space-between;height:.9rem;line-height:.9rem}
.header .right_nav{display:flex;align-items: center;gap:.36rem}
.header .right_nav .navs ul{display:flex}
.header .right_nav .navs ul li{padding:0 .38rem;}
.header .right_nav .navs ul li a{position:relative;font-size:.17rem;color:#222222;transition:.4s}
.header .right_nav .navs ul li.active a{color:#ee7a00;}
.header .right_nav .navs ul li a:after{content:"";position:absolute;width:0;left:50%;transform:translateX(-50%);background:#ee7a00;height:4px;bottom:0;transition:.4s cubic-bezier(0.4, 0, 1, 1)}
.header .right_nav .navs ul li a:hover:after{width:100%}
.header .right_nav .navs ul li.active a:after{width:100%}
.header .right_nav .navs ul li a:hover{color:#ee7a00;}
.header .right_nav .contacts{line-height:normal}
.header .right_nav .contacts a{height:.36rem;padding:0 .2rem;border-radius:50px;border:2px solid #f1912d;color:#f1912d;line-height:.33rem;font-size:.16rem}
.header .right_nav .contacts a:hover{background:#f1912d;color:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}

.tem_banner{padding:.9rem 0 0 }
.tem_banner .flash{position:relative}

.tem_banner  .flash{position:relative}
.tem_banner  .flash .txt{position:absolute;left:50%;top:35%;transform:translateX(-50%);text-align:center;width:100%}
.tem_banner  .flash .txt h2{font-size:.6rem;color:#ffffff;margin:0 0 .3rem;font-weight:bold}
.tem_banner  .flash .txt .mbx{display:flex;align-items: center;justify-content: center;gap:8px;color:white}
.tem_banner  .flash .txt .mbx a{color:white;font-size:.16rem}
.tem_banner  .flash .txt .mbx  i{color:white;font-size:.16rem}
.tem_banner  .flash .txt .mbx a:last-child{color:#ee7a00}
.about .company{padding:1rem 0 0}
.about .company .infos{display:grid;grid-template-columns:50% 48.5%;justify-content:space-between;margin:0 0 .95rem}
.about .company .infos .left  h2{font-size:1rem;color:#ee7a00;font-weight:bold;height:.8rem;line-height:.8rem;margin:0 0 .45rem}
.about .company .infos .left  .text p{font-size:.18rem;color:#777777;line-height:.28rem}
.about .company .nums{background:#ee7a00;padding:.35rem 0 .25rem}
.about .company .nums ul{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.about .company .nums ul li{text-align:center;position:relative;border-right:1px solid #ffffff}
.about .company .nums ul li:last-child{border:0}
.about .company .nums ul li img{max-width:.74rem}
.about .company .nums ul li h2{font-size:.2rem;color:white;font-weight:bold;margin:.15rem 0 .1rem}
.about .company .nums ul li p{font-size:.16rem;color:white}
.about .company .nums ul li:hover img{transform:rotateY(180deg)}
.about .company .nums ul li:hover {transform:translateY(-.1rem)}

.about .workshop{padding:1rem 0 0 }
.about .workshop h2{text-align:center;margin:0 0 .4rem;font-size:.4rem;color:#222222;font-weight:bold}
.about .workshop .lists {position:relative}
.about .workshop .lists .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.2rem}
.about .workshop .lists .swiper-slide .items{cursor:pointer}
.about .workshop .lists .swiper-slide .items:hover img{transform:scale(1.1)}

.about .workshop .lists .swiper-page>div{position:absolute;width:.7rem;height:.7rem;border:2px solid #151515;border-radius:100%;text-align:center;line-height:.68rem;left:-.9rem;top:50%;z-index:2;transform:translateY(-50%)}
.about .workshop .lists .swiper-page>div.slide-button-next img{transform:rotate(180deg)}
.about .workshop .lists .swiper-page>div img{}
.about .workshop .lists .swiper-page>div.slide-button-next{left:auto;right:-.9rem}
.about .workshop .lists .swiper-page>div:hover{box-shadow:0 0 12px rgba(0,0,0,0.3);background:#ee7a00;border:2px solid #ee7a00}
.about .workshop .lists .swiper-page>div:hover img{filter:brightness(1) invert(1)}
.about .workshop .lists .swiper-page>div img{max-width:.18rem}
.about .honor {padding:1rem 0 1.55rem}
.about .honor   h2{text-align:center;margin:0 0 .5rem;font-size:.4rem;color:#222222;font-weight:bold}
.about .honor .lists .swiper-slide{width:3.68rem}
.about .honor .lists .swiper-slide .items{cursor:pointer;}
.about .honor .lists .swiper-slide .items h2{text-align:center;margin:.15rem 0 0;font-size:.16rem;color:#222222 }
.about .honor .lists .swiper-slide.swiper-slide-active .items h2{font-size:.2rem;color:#222222;font-weight:bold}
.about .honor .lists .swiper-slide .items:hover{ animation: swing 1s ease-in-out ; }
.about .honor .lists .swiper-slide .items:hover img{transform:scale(.95)}
.footer{background:#222222;}
.footer>div{position:relative;padding:1.6rem 0 .2rem }
.footer .top_text{position:absolute;width:100%;left:0;position:absolute;;top:-.5rem;background:#ee7a00;border-radius:50px}
.footer .top_text a {height:1rem;display:flex;padding: 0 .7rem 0 .6rem;justify-content: space-between;align-items: center;}
.footer .top_text a  h2{font-size:.3rem;color:white;display:flex;align-items: center;gap:.22rem}
.footer .top_text a:hover {padding: 0 .5rem 0 .6rem;}
.footer .logo{text-align:center}
.footer .logo a{display:inline-block}
.footer .fot_navs{margin:.45rem 0 .35rem}
.footer .fot_navs ul{display:flex;justify-content: center;}
.footer .fot_navs ul li{padding:0 .32rem;position:relative}
.footer .fot_navs ul li:after{content:"";;position:absolute;width:2px;height:60%;transform:translateY(-50%);background:white;right:-1px;top:50%}
.footer .fot_navs ul li:last-child:after{display:none}
.footer .fot_navs ul li a{font-size:.17rem;color:#ffffff;position:relative;}
.footer .fot_navs ul li a:hover{color:#ee7a00}
.footer .infos{text-align:center;margin:0 0 .75rem}
.footer .infos h2{font-size:.15rem;color:white;line-height:.25rem}
.footer .infos h2 em{font-weight:bold;text-transform:uppercase}
.footer .bot{display:flex;justify-content: space-between;align-items: center;}
.footer .bot p{font-size:.14rem;color:white}
.footer .bot p a{font-size:.14rem;color:white;display:initial;margin-left:.38rem}
.footer .bot ul{display:flex;gap:.18rem}
.footer .bot ul li a{width:.4rem;height:.4rem;border-radius:100%;border:1px solid white;line-height:.38rem;text-align:center}
.footer .bot ul li a img{max-width:.22rem}
.footer .bot ul li a:hover{background:#ee7a00;border:1px solid #ee7a00}
.footer .bot p a:hover{color:#ee7a00}



.product_box{padding:1rem 0 }
.product_box>div{display:grid;grid-template-columns:20% 76.3%;justify-content:space-between}
.pro_nav h2{font-size:.22rem;color:white;height:.6rem;line-height:.6rem;background:#ee7a00;text-align:center;font-weight:bold;text-transform:uppercase}
.pro_nav ul{border:1px solid #dcdcdc}
.pro_nav ul li a{height:.6rem;padding:0 .1rem;transition:.3s;display:flex;flex-direction: column;justify-content: center;align-items: center;border-bottom:1px solid #dcdcdc;color:#222222;font-size:.16rem}
.pro_nav ul li:last-child a{border:0}
.pro_nav ul li a:hover{background:#fcf3e9;color:#ee7a00}
.pro_nav ul li.active a{background:#fcf3e9;color:#ee7a00}

.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.35rem .4rem }
.product_box .lists ul li a .img{border:1px solid #dcdcdc}
.product_box .lists ul li h2{text-align:center;margin:.2rem 0 0 ;font-size:.18rem;color:#222222}
.product_box .lists ul li a:hover .img{border:2px solid #ee7a00}
.product_box .lists ul li a:hover  img{transform:scale(1.1)}
.product_box .lists ul li a:hover .img {box-shadow:4px 4px 10px rgba(238,122,0,.2);}
.product_box .lists ul li a:hover{transform:translateY(-10px)}
.product_box .lists .page{padding:.75rem 0 0;display:flex;justify-content: center;align-items: center;}
.product_box .lists .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.product_box .lists .page a.page-link{width:.7rem;border:1px solid #999999}
.product_box .lists .page a.page-links{border:1px solid #999999;}
.product_box .lists .page a.page-links i{font-size:.2rem;color:#222222;}
.product_box .lists .page a.page-link:hover{background:#ee7a00;color:white;border-color:#ee7a00}
.product_box .lists .page a.page-links:hover{background:#ee7a00;color:white;border-color:#ee7a00}
.product_box .lists .page a.page-links:hover i{color:white;}
.product_box .lists .page a:hover{background:#ee7a00;color:white;border-color:#ee7a00}
.product_box .lists .page a.page-num-current{background:#ee7a00;color:white;border-color:#ee7a00}

.hotproducts{padding:0 0 1.5rem}
.hotproducts>div>h2{margin:0 0 .5rem;font-size:.4rem;color:#222222;font-weight:bold}
.hotproducts .lists  a .img{border:1px solid #dcdcdc}
.hotproducts .lists  a h2{text-align:center;margin:.2rem 0 0 ;font-size:.18rem;color:#222222;}
.hotproducts .lists  a:hover .img{border:1px solid #ee7a00}
.hotproducts .lists  a:hover img{transform:scale(1.1)}
.hotproducts .lists  a:hover .img {box-shadow:4px 4px 10px rgba(238,122,0,.2);transform:scale(.95)}



.product_details{padding:1rem 0 1.1rem }
.product_details>div{display:grid;grid-template-columns:20% 76.3%;justify-content:space-between}

.product_details .pro_right .top{display:grid;grid-template-columns:50% 46.8%;justify-content:space-between;padding:0 0 .6rem}
.product_details .pro_right .left .bigimg .img{border:1px solid #dcdcdc}
.product_details .pro_right .left  .img_list .swiper-slide-thumb-active .img{border:1px solid #ee7a00}
.product_details .pro_right .left   .img_list{margin:.2rem 0  0;padding:0 .5rem;position:relative }
.product_details .pro_right .left   .img_list .img{border:1px solid #dcdcdc;cursor:pointer}
.product_details .pro_right .left  .img_list .swiper-page>div{position:absolute;left:0;top:0;width:.35rem;border:1px solid #dcdcdc;height:100%;border-radius:5px;text-align:center;background:white;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.product_details .pro_right .left  .img_list .swiper-page>div.slide-button-next{left:auto;right:0}
.product_details .pro_right .left  .img_list .swiper-page>div img{opacity:.5}
.product_details .pro_right .left  .img_list .swiper-page>div.slide-button-next img{transform:rotate(180deg);}
.product_details .pro_right .left  .img_list .swiper-page>div:hover{background:#ee7a00;border:1px solid #ee7a00}
.product_details .pro_right .left  .img_list .swiper-page>div:hover img{filter:brightness(0) invert(1);opacity:1}
.product_details .pro_right .left  .img_list .swiper-page>div img{max-width:.18rem}
.product_details .pro_right .right{position:relative}
.product_details .pro_right .right>h2{font-size:.48rem;color:#222222;margin:0 0 .4rem}
.product_details .pro_right .right>h3{font-size:.18rem;color:#ee7a00;text-transform:uppercase;font-weight:bold;margin:0 0 .2rem}
.product_details .pro_right .right .con{font-size:.16rem;color:#666666;line-height:.25rem;height:2.5rem;overflow-y:auto;padding-right:.1rem}
.product_details .pro_right .right .con::-webkit-scrollbar-thumb{background:#ee7a00}
.product_details .pro_right .right .lianxi{margin:.6rem 0 0 }
.product_details .pro_right .right .lianxi a{position:relative;overflow:hidden;height:.5rem;line-height:.5rem;width:2rem;background:#ee7a00;text-align:center;border-radius:50px;color:white;font-size:.16rem}


.product_details .pro_right .right .lianxi a:before {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%)}
.product_details .pro_right .right .lianxi a:hover:before {
	animation: style1 .75s;
	z-index: 1;
}
@keyframes style1 {
    0% {
	background: rgba(0, 0, 0, .25);
	transform: translateX(-50%) translateY(-50%) scale(0)
}
to {
	background: transparent;
	transform: translateX(-50%) translateY(-50%) scale(1)
}
}
.product_details .pro_right .right>ul{position:absolute;left:0;bottom:0}
.product_details .pro_right .right>ul li{display:flex;font-size:.15rem;color:#777777;gap:.05rem;align-items: center;margin:.05rem 0 0}
.product_details .pro_right .right>ul li a{border-bottom:2px solid #ee7a00;color:#ee7a00}
.product_details .pro_right .content{padding:.5rem 0 0;border-top:10px solid  #eeeeee}
.product_details .pro_right .content>h4{font-size:.24rem;color:#ee7a00;text-transform:uppercase;font-weight:bold;margin:0 0 .5rem}

.product_details .pro_right .editor table{width:100%}
.product_details .pro_right .editor table .firstRow{background:#ee7a00;color:white}
.product_details .pro_right .editor table  tr td{padding:.2rem 0 ;text-align:center;font-size:.15rem;border:1px solid #dcdcdc}
.product_details .pro_right .editor table  tr:nth-child(2n){background:#f8f8f8}


.fot_message{padding:1rem 0 1.5rem;background:#f8f8f8}
.fot_message .title{padding:0 0 .5rem;text-align:center}
.fot_message .title h2{font-size:.4rem;color:#14212b;font-weight:bold;margin:0 0 .2rem}
.fot_message .title p{font-size:.15rem;color:#777777}
.fot_message .form{font-size:0}
.fot_message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.fot_message .form ul li p{font-size:.16rem;color:#222222;margin: 0 0 .1rem}
.fot_message .form ul li input{width:100%;height:.5rem;background:white;border:0;border:1px solid #e6e6e6;padding:0 .2rem;color:black;font-size:.16rem}
.fot_message .form .area{margin:.2rem 0 0 }
.fot_message .form .area  p{font-size:.16rem;color:#222222;margin: 0 0 .1rem}
.fot_message .form .area  textarea{width:100%;height:2rem;background:white;border:0;border:1px solid #e6e6e6;padding:.2rem;color:black;font-size:.16rem}
.fot_message .form .sub{margin:.2rem 0 0;text-align:center;}
.fot_message .form .sub button{position:relative;overflow:hidden;width:2.2rem;height:.5rem;color:white;font-size:.2rem;background:none;/* font-weight:bold; */background:#ee7a00;border-radius:50px;border:0;}

.fot_message .form .sub button:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%)
}
.fot_message .form .sub button:hover:before {
	animation: style1 .75s;
	z-index: 1;
}
.application{padding:1rem 0 1.5rem}
.application  .lists{position:relative}
.application  .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.application  .lists ul li{height:6rem;z-index:2;font-size:0;cursor:pointer;text-align:center;position:relative;padding:2.5rem 0 0;border-right:1px solid white }
.application  .lists ul li:last-child:after{border:0}
.application  .lists ul li:after{content:"";position:absolute;background:rgba(0,0,0,.4);left:0;top:0;width:100%;height:100%;transition:.3s}
.application  .lists ul li .txt{position:relative;z-index:2}
.application  .lists ul li .txt .img {display:inline-block}
.application  .lists ul li .txt .img  img{transition:none;max-width:.6rem}


.application  .lists ul li.hoverd .txt .img img{filter: invert(49%) sepia(97%) saturate(948%) hue-rotate(358deg) brightness(90%) contrast(108%); }
.application  .lists ul li.hoverd .img{transform:rotateY(180deg)}
.application  .lists ul li.hoverd {padding:2.2rem 0 0 }
.application  .lists ul li .txt h2{margin:.15rem 0 0 ;font-size:.2rem;color:white;line-height:.28rem}
.application  .lists ul li.hoverd:after{opacity:0}
.application  .lists ul li.hoverd .txt h2{color:#ee7a00}
.application  .lists .bg_box{position:absolute;width:100%;height:100%;z-index:0;left:0;top:0}
.application  .lists .bg_box .item{width:100%;height:100%;position:absolute;left:0;top:0;transition:.5s}

.application  .lists .bg_box .item{opacity:0;}
.application  .lists .bg_box .item.act{opacity:1;}
.application  .lists .bg_box .item .imgs{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}


.news_box{padding:1rem 0 1.5rem}
.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.2rem}
.news_box .lists ul li a .text{padding:.25rem .3rem;background:#f2f2f2}
.news_box .lists ul li a .text h2{font-size:.2rem;color:#151515;height:.5rem;line-height:.25rem;}
.news_box .lists ul li a .text  span{width:100%;margin:8px 0 15px;display:inline-block;color:#777777;font-size:.15rem}
.news_box .lists ul li a .text  em{font-size:.16rem;color:#ee7a00}
.news_box .lists ul li a:hover img{transform:scale(1.1)}
.news_box .lists ul li a:hover .text{background:#ee7a00}
.news_box .lists ul li a:hover .text *{color:white !important}
.news_box .lists ul li a:hover  {box-shadow:4px 4px 10px rgba(238,122,0,.3);transform:translateY(-10px)}
.news_box  .page{padding:.8rem 0 0;display:flex;justify-content: center;align-items: center;}
.news_box   .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.news_box  .page a.page-link{width:.7rem;border:1px solid #999999}
.news_box  .page a.page-links{border:1px solid #999999;}
.news_box   .page a.page-links i{font-size:.2rem;color:#222222;}
.news_box   .page a.page-link:hover{background:#ee7a00;color:white;border-color:#ee7a00}
.news_box   .page a.page-links:hover{background:#ee7a00;color:white;border-color:#ee7a00}
.news_box   .page a.page-links:hover i{color:white;}
.news_box   .page a:hover{background:#ee7a00;color:white;border-color:#ee7a00}
.news_box   .page a.page-num-current{background:#ee7a00;color:white;border-color:#ee7a00}


.contact_box .infos{}
.contact_box .infos ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:1rem 0 .95rem;border-bottom:1px solid #e6e6e6}
.contact_box .infos ul li{text-align:center;position:relative;padding:.7rem 0 0 }
.contact_box .infos ul li h2{font-size:.15rem;color:#14212b;font-weight:bold;text-transform:uppercase;margin:0 0 5px}
.contact_box .infos ul li  p{font-size:.15rem;color:#14212b}
.contact_box .infos ul li  p a{font-size:.15rem;color:#14212b}
.contact_box .infos ul li  p a:hover{color:#ee7a00}
.contact_box .infos ul li:nth-child(1):after{content:'';position:absolute;background:url(../images/10.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);width:.43rem;height:.46rem;top:0;background-size:100%}
.contact_box .infos ul li:nth-child(2):after{content:'';position:absolute;background:url(../images/11.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);width:.43rem;height:.46rem;top:0;background-size:100%}
.contact_box .infos ul li:nth-child(3):after{content:'';position:absolute;background:url(../images/12.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);width:.47rem;height:.36rem;top:5px;background-size:100%}
.contact_box .infos ul li:nth-child(4):after{content:'';position:absolute;background:url(../images/13.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);width:.37rem;height:.47rem;top:0;background-size:100%}

.contact_box .message{padding:1rem 0 1.5rem;background:#ffffff}
.contact_box .message .title{padding:0 0 .5rem;text-align:center}
.contact_box .message .title h2{font-size:.4rem;color:#14212b;font-weight:bold;margin:0 0 .2rem}
.contact_box .message .title p{font-size:.15rem;color:#777777}
.contact_box .message .form{font-size:0}
.contact_box .message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.contact_box .message .form ul li p{font-size:.16rem;color:#222222;margin: 0 0 .1rem}
.contact_box .message .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;;padding:0 .2rem;color:black;font-size:.16rem}
.contact_box .message .form .area{margin:.2rem 0 0 }
.contact_box .message .form .area  p{font-size:.16rem;color:#222222;margin: 0 0 .1rem}
.contact_box .message .form .area  textarea{width:100%;height:2rem;background:#f8f8f8;border:0;padding:.2rem;color:black;font-size:.16rem}
.contact_box .message .form .sub{margin:.2rem 0 0;text-align:center;}
.contact_box .message .form .sub button{position:relative;overflow:hidden;width:2.2rem;height:.5rem;color:white;font-size:.2rem;background:none;/* font-weight:bold; */background:#ee7a00;border-radius:50px;border:0;}

.contact_box .message .form .sub button:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%)
}
.contact_box .message .form .sub button:hover:before {
	animation: style1 .75s;
	z-index: 1;
}
.tem_banner.index .swiper{overflow:hidden}

.tem_banner.index .label_text{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:25%;z-index:2;width:100%;padding:0 2rem;z-index:2}
.tem_banner.index .label_text h2{font-size:.6rem;font-weight:bold;line-height:.6rem;color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateY(-3vw);opacity:0;transition:all .8s linear;}
.tem_banner.index .label_text p{font-size:.18rem;color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);margin:.2rem 0 0 ;transform:translateY(3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text .more{text-align:center;margin:.4rem 0 0;transform:translateY(3vw);opacity:0;transition:all .8s linear }
.tem_banner.index .label_text .more a{position:relative;display:inline-block;width:2rem;height:.45rem;text-align:center;font-size:.16rem;color:white;line-height:.43rem;border-radius:50px;border:2px solid white}
.tem_banner.index .label_text .more a:hover{background:#ee7a00;color:white;border:2px solid #ee7a00}
.tem_banner.index .label_text .more a span{font-size:.16rem;color:white;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);display:inline-block}
.tem_banner.index .label_text .more a:after{content: attr(data-text);position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;font-size:.16rem;color: white;-webkit-transform: translate3d(0, 25%, 0);transform: translate3d(0, 25%, 0);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.tem_banner.index .label_text .more a:hover{background:#ee7a00;;border:2px solid #ee7a00;box-shadow:0 0 12px rgba(0,0,0,0.2)}

.tem_banner.index .label_text .more a:hover::after {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.tem_banner.index .label_text .more a:hover > span {opacity: 0;-webkit-transform: translate3d(0, -25%, 0);transform: translate3d(0, -25%, 0);}

.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}
.tem_banner.index  .swiper .swiper-slide-active .label_text .more{transform:none;opacity:1;transition-delay:300ms}
.index_about{/* margin:0 0 2rem */}
.index_about>div{padding:1rem 0 1.1rem;position:relative;}
.index_about .infos{display:grid;grid-template-columns:53% 40.65%;justify-content:space-between}
.index_about .infos .left h2{font-size:.4rem;color:#222222;font-weight:bold}
.index_about .infos .left h3{font-size:.6rem;color:#ee7a00;font-weight:bold;height:.45rem;line-height:.45rem;margin:.45rem 0 .3rem}
.index_about .infos .left  p{font-size:.18rem;color:#777777;line-height:.26rem}
.index_about .infos .left a{position:relative;margin:.45rem 0 0 ;display:inline-block;width:2rem;height:.45rem;text-align:center;line-height:.43rem;border-radius:50px;border:2px solid #222222}
.index_about .infos .left a span{font-size:.16rem;color:#222222;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);display:inline-block}
.index_about .infos .left a:after{content: attr(data-text);position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;font-size:.16rem;color: white;-webkit-transform: translate3d(0, 25%, 0);transform: translate3d(0, 25%, 0);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.index_about .infos .left a:hover{background:#ee7a00;;border:2px solid #ee7a00;box-shadow:0 0 12px rgba(0,0,0,0.2)}

.index_about .infos .left a:hover::after {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.index_about .infos .left a:hover > span {opacity: 0;-webkit-transform: translate3d(0, -25%, 0);transform: translate3d(0, -25%, 0);}
.index_about .nums{position:absolute;width:74.1%;bottom:0;left:0}
.index_about .nums ul{display:grid;grid-template-columns:1fr 1fr 1fr;background:#ee7a00;padding:.35rem 0 .25rem;align-items:center}

.index_about .nums ul li{text-align:left;position:relative;border-right:1px solid #ffffff;padding-left:.7rem}
.index_about .nums ul li:last-child{border:0}
.index_about .nums ul li img{max-width:.74rem}
.index_about .nums ul li h2{font-size:.2rem;color:white;font-weight:bold;margin:.15rem 0 .1rem}
.index_about .nums ul li p{font-size:.16rem;color:white}
.index_about .nums ul li:hover img{transform:rotateY(180deg)}
.index_about .nums ul li:hover * {transform:translateY(-.1rem)}

.index_product{padding:.95rem 0 }
.index_product>h2{text-align:center;font-size:.4rem;color:#222222;font-weight:bold;margin:0 0 .45rem}
.index_product .lists a h2{font-size:.18rem;color:#222222;text-align:center;font-weight:bold;margin:.2rem 0 0 }
.index_product .lists .swiper-slide{transform: scale(.95)}
.index_product .lists .swiper-slide-active{ transform: scale(1)}
.index_product .lists a .img{border:3px solid transparent}
.index_product .lists .swiper-slide-active a .img{border:3px solid #ee7a00}
.index_product .lists .swiper-slide-active a  h2{font-size:.2rem;color:#ee7a00}
.index_product .lists a:hover img{transform:scale(1.1)}
.index_product .lists .bot{padding:0 1.6rem;margin:.5rem 0 0 }
.index_product .lists .bot .swiper-scrollbar{background:#f2f2f2;height:4px}
.index_product .lists .bot .swiper-scrollbar .swiper-scrollbar-drag{background:#ee7a00}

.index_video{position:relative}
.index_video .phonevideo{display:none}
.index_video .plays{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.58rem;height:.58rem;line-height:.58rem;text-align:center}
.index_video .plays img{max-width:.2rem}
.index_video .plays:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#ee7a00;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_video .plays:before{content:"";position:absolute;width:135%;height:135%;border-radius:100%;background:rgba(238,122,0,.4);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_video .plays:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.index_video .plays:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(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:12rem;transform:translate(-50%,-50%);opacity:0;padding:.5rem .5rem .3rem;background:white}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:1%;right:1%;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid black;font-size:.24rem;color:black;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:6rem;object-fit:cover;}
@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_workshop{padding:.95rem 0 1rem}
.index_workshop>h3{text-align:center;font-size:.4rem;color:#222222;font-weight:bold;margin:0 0 .45rem}
.index_workshop .lists {position:relative}
.index_workshop .lists   .items img{width:100%;object-fit:cover;height:5rem}
.index_workshop .lists  .items{cursor:pointer;opacity:.35;transition:.5s}
.index_workshop .lists   .items:hover img{transform:scale(1.1)}
.index_workshop .lists  .swiper-slide{}
.index_workshop .lists  .swiper-slide-active .items{opacity:1;}

.index_workshop .lists  .swiper-page>div{position:absolute;width:.7rem;height:.7rem;background:#ee7a00;box-shadow:4px 4px 10px rgba(238,122,0,.2);;border-radius:100%;text-align:center;line-height:.7rem;left:22%;top:50%;z-index:2;transform:translateY(-50%)}
.index_workshop .lists  .swiper-page>div.slide-button-next img{transform:rotate(180deg)}
.index_workshop .lists  .swiper-page>div img{}
.index_workshop .lists  .swiper-page>div.slide-button-next{left:auto;right:22%}


.index_workshop .lists .swiper-page>div:hover img{filter:brightness(1) invert(1)}
.index_workshop .lists .swiper-page>div img{max-width:.18rem}

.index_news{padding:0 0 1rem}
.index_news .title{text-align:center;;margin:0 0 .65rem}
.index_news .title h2{font-size:.4rem;color:#222222;font-weight:bold}
.index_news .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.2rem}
.index_news .lists ul li a .text{padding:.25rem .3rem;background:#f2f2f2}
.index_news .lists ul li a .text h2{font-size:.2rem;color:#151515;height:.5rem;line-height:.25rem;}
.index_news .lists ul li a .text  span{width:100%;margin:8px 0 15px;display:inline-block;color:#777777;font-size:.15rem}
.index_news .lists ul li a .text  em{font-size:.16rem;color:#ee7a00}
.index_news .lists ul li a:hover img{transform:scale(1.1)}
.index_news .lists ul li a:hover .text{background:#ee7a00}
.index_news .lists ul li a:hover .text *{color:white !important}
.index_news .lists ul li a:hover  {box-shadow:4px 4px 10px rgba(238,122,0,.3);transform:translateY(-10px)}


.index_message{padding:0 0 1.55rem}
.index_message>div{display:grid;grid-template-columns:30.5% 66.3%;justify-content:space-between}

.index_message  .left .title{padding:0 0 .4rem;}
.index_message  .left  .title h2{font-size:.4rem;color:#14212b;font-weight:bold;margin:0 0 .2rem}
.index_message  .left  .title p{font-size:.15rem;color:#777777}
.index_message  .left ul li{margin:0 0 .15rem}
.index_message  .left ul li h2{font-size:.15rem;color:#14212b;font-weight:bold;text-transform:uppercase;margin:0 0 5px}
.index_message  .left ul li  p{font-size:.15rem;color:#14212b;font-weight:bold;}
.index_message  .left ul li  p a{font-size:.15rem;color:#14212b;display:inline-block}
.index_message  .left ul li  p a:hover{color:#ee7a00}

.index_message  .form{font-size:0}
.index_message  .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.index_message  .form ul li p{font-size:.16rem;color:#222222;margin: 0 0 .1rem}
.index_message  .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;;padding:0 .2rem;color:black;font-size:.16rem}
.index_message  .form .area{margin:.2rem 0 0 }
.index_message  .form .area  p{font-size:.16rem;color:#222222;margin: 0 0 .1rem}
.index_message  .form .area  textarea{width:100%;height:2rem;background:#f8f8f8;border:0;padding:.2rem;color:black;font-size:.16rem}
.index_message  .form .sub{margin:.2rem 0 0;}
.index_message  .form .sub button{position:relative;overflow:hidden;width:2.2rem;height:.5rem;color:white;font-size:.2rem;background:none;/* font-weight:bold; */background:#ee7a00;border-radius:50px;border:0;}

.index_message  .form .sub button:before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%)
}
.index_message  .form .sub button:hover:before {
	animation: style1 .75s;
	z-index: 1;
}
/********<=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:1600px){
	.index_about .nums ul{padding:.2rem 0 }
	.index_about .nums ul li img{max-height:.6rem}
	.index_about>div{padding:1rem 0 1.2rem}
	.index_about .infos .left h3{margin:.3rem 0 .25rem}
	.about .company .infos .left h2{font-size:.8rem;margin:0 0 .25rem}
.about .company .infos .left .text p{font-size:.16rem;}
.index_product .lists .bot{padding:0 .8rem}

}
@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}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner.index .label_text{padding:0;top:20%}
.tem_banner.index .label_text h2{font-size:.3rem;line-height:.3rem}
.tem_banner.index .label_text p{display:none}
.index_about .infos{grid-template-columns:100%;grid-gap:.3rem}
.index_about .nums{position:inherit;width:100%;margin:.5rem 0 0}
.index_about .nums ul{grid-template-columns:100%;grid-gap:.2rem}
.index_about .nums ul li{text-align:center;padding:0;border:0;border-bottom:1px solid white;padding:.1rem}
.index_product{padding:0 0 .9rem}
.index_video .phonevideo{display:block}
.index_video .pcvideo{display:none}
.index_workshop .lists .items img{height:3rem}
.index_workshop .lists .swiper-page>div{left:2%}
.index_workshop .lists .swiper-page>div.slide-button-next{right:2%}
.index_news .lists ul{grid-template-columns:1fr;grid-gap:.2rem}
.index_message>div{grid-template-columns:1fr;grid-gap:.5rem}
.footer .top_text a .img{display:none}
.footer .fot_navs{display:none}
.footer .logo{margin:0 0 .2rem}
.footer>div{padding:1rem 0 .5rem}
.footer .infos h2{font-size:.2rem;line-height:.3rem}
.footer .bot{display:initial}
.footer .bot ul{margin:.2rem 0 0 }
.footer .infos{margin:0 0 .2rem}
.about .company .infos{grid-template-columns:1fr;grid-gap:.5rem}

.about .company .nums ul{grid-template-columns:100%;grid-gap:.2rem}
.about .company .nums ul li{text-align:center;padding:0;border:0;border-bottom:1px solid white;padding:.1rem}
.about .workshop .lists .swiper-page>div{left:-.2rem;}
.about .workshop .lists .swiper-page>div.slide-button-next{right:-.2rem}
.about .workshop .lists .swiper-slide{padding:0 .4rem;grid-template-columns:1fr 1fr}
.product_box>div{grid-template-columns:1fr;grid-gap:.5rem}
.product_box .lists ul{grid-template-columns:1fr 1fr}
.product_details>div{grid-template-columns:100%;grid-gap:.5rem}
.product_details .pro_right .top{grid-template-columns:100%;grid-gap:.5rem}
.product_details .pro_right .right>ul{position:inherit;margin:.5rem 0 0 }
.pro_bannerdel .flash img{height:2rem;object-fit:cover}
.application .lists ul{grid-template-columns:1fr 1fr 1fr}
.application .lists ul li{height:3rem;padding:1rem 0 0;border-bottom:1px solid white }
.application .lists ul li.hoverd{padding:.8rem 0 0 }
.news_box .lists ul{grid-template-columns:1fr 1fr}
.tem_banner .flash .txt{top:25%}
.contact_box .infos ul{grid-template-columns:1fr 1fr;grid-gap:.5rem 0}
}