.pad320{padding:0 3.2rem}

.header{position: fixed;width: 100%;z-index: 1000;top:0;z-index:999;}
.header.insidehead{border-bottom:1px solid #e6e6e6}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2);background:#f2f2f2}
.header.indexhead .navs ul>li>a{color:white}
.header.indexhead .right .langs>a{color:white}
.header.indexhead .right .langs>a i{color:white}

.header.indexhead .right .langs>a img{filter:brightness(0) invert(1)}
.header.indexhead .right .search>a img{filter:brightness(0) invert(1)}


.header.indexhead.is_header .navs ul>li>a{color:#222222}
.header.indexhead.is_header .right .langs>a{color:#222222}
.header.indexhead.is_header .right .langs>a i{color:#222222}

.header.indexhead.is_header .right .langs>a img{filter:brightness(0) invert(0)}
.header.indexhead.is_header .right .search>a img{filter:brightness(0) invert(0)}

.header>div{padding:0 .6rem;display:flex;height:1rem;align-items: center;justify-content: space-between;}
.header .logo{width:11.8%;position:relative}
.header .logo .logo2{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0}
.header.indexhead .logo .logo1{opacity:00}
.header.indexhead .logo .logo2{opacity:1}

.header.indexhead.is_header .logo .logo1{opacity:1}
.header.indexhead.is_header .logo .logo2{opacity:0}

.header .navs {width:75.55%}
.header .navs ul{display:flex;justify-content: flex-end;gap:.4rem;}
.header .navs ul>li{position:relative}
.header .navs ul>li>a{line-height:1rem;font-size:.17rem;color:#222222;position:relative;  }
.header .navs ul>li>a:after{content:"";position:absolute;background:#e50012;width:0;height:3px;left:0;bottom:0;transition:.5s linear}
.header .navs ul>li>a:hover:after{width:100%}
.header .navs ul>li.active>a:after{width:100%}
.header .navs ul li .child{white-space: nowrap;position: absolute;top:100%;margin-top:-10px;text-align: center;left: 50%;transform: translateX(-50%);display: none;padding: .1rem .25rem .15rem;background: #fff;box-shadow: 0 5px 5px 2px rgba(0,0,0,0.05);transition:none}
.header .navs ul li .child a{font-size:.14rem;display: block;margin-top:5px;color:#333;text-transform: none;line-height: 1.6;  }
.header .navs ul li .child a:hover{color:#e62129}
.header .right{width:8.1%;display:flex;justify-content: space-between;line-height:normal;align-items: center;}
.header .right .langs{position:relative}
.header .right .langs>a{display:flex;align-items: center;font-size:.17rem;color:#222222;  }
.header .right .langs.acts>a i{transform:rotate(180deg)}

.header .right .langs>a img{margin-right:.08rem}
.header .right .langs>a i{margin-left:.12rem;font-size:.22rem;color:#222222}
.header .right .langs dl{position:absolute;left:0;width:100%;background:white;;top:130%;display:none;transition:none;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header .right .langs dl dd a{padding:.05rem;color:black;font-size:.15rem;text-align:center;border-bottom:1px solid rgba(0,0,0,.15)}
.header .right .langs dl dd a:hover{}


.solution_head{padding:2rem 0 1rem;background:#f2f2f2}
.solution_head>div{display:grid;grid-template-columns:55% 38.75%;justify-content:space-between}
.solution_head.service_head>div{grid-template-columns:75% 25%;}
.solution_head .left h2{font-size:1.1rem;color:#222222;height:.9rem;line-height:.9rem}
.solution_head .text{line-height:.3rem}
.solution_head .text dd{margin:0 0 .05rem}
.solution_head .text dd:last-child{margin:0}
.solution_head .text dd a{font-size:.17rem;color:#222222;  ;line-height:.25rem;border-bottom:1px solid #222222;display:inline-block;transition:.3s;}
.solution_head .text dd a:hover{color:#e50012;border-bottom:1px solid transparent}
.solution_head .text dd.active a{color:#e50012;border-bottom:1px solid transparent}
.banner .bg{height:7rem;transition:none}

.solution_list{padding:1rem 0;background:#f2f2f2 }

.solution_list  ul li{display:flex;align-items: flex-start;margin:0 0 1rem}
.solution_list  ul li:last-child{margin:0}
.solution_list  ul li .text  {width:61.2%;background:white;height:5.5rem;display:flex;flex-direction: column;justify-content: center;}                            
.solution_list  ul li .img{width:38.8% }
.solution_list  ul li:nth-child(2n-1) .text{border-radius:40px 0 0 0;padding:0 1.5rem 0 1rem}
.solution_list  ul li:nth-child(2n-1) .text p{padding-right:1.8rem}
.solution_list  ul li:nth-child(2n) .text p{padding-left:1.8rem}
.solution_list  ul li:nth-child(2n){flex-direction:row-reverse;text-align:right}
.solution_list  ul li:nth-child(2n) .text{border-radius: 0 40px 0 0;padding:0  1rem 0  1.5rem}
.solution_list  ul li:nth-child(2n) .text .more{justify-content: flex-end;}
.solution_list  ul li .text h2{font-size:.36rem;color:#222222}
.solution_list  ul li .text p{font-size:.16rem;color:#777777;margin:.2rem 0 .65rem;   }
.solution_list  ul li .text .more{display:flex;gap:.2rem}
.solution_list  ul li .text .more a{width:1.8rem;height:.6rem;text-align:center;line-height:.6rem;border-radius:10px;font-size:.16rem;  }
.solution_list  ul li .text .more a:first-child{background:#e50012;color:white}
.solution_list  ul li .text .more a:first-child:hover{background:#ffffffb0;color:#e50012;box-shadow:0 0 12px rgba(229,0,18,0.5)}
.solution_list  ul li .text .more a:last-child{border:1px solid #e50012;color:#e50012}
.solution_list  ul li .text .more a:last-child:hover{background:#e50012;color:white;box-shadow:0 0 12px rgba(229,0,18,0.5)}

.footer{background:#151515;overflow:hidden}
.footer>div{padding:0 .6rem}
.footer .top{padding:.55rem 0 .7rem;display:grid;grid-template-columns:12.5% 87.5%}
.footer .top .fot_navs{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:0 .1rem}
.footer .top .fot_navs dl dt{margin:0 0 .25rem}
.footer .top .fot_navs dl dt a{font-size:.18rem;color:white;font-weight:normal}
.footer .top .fot_navs dl dd{margin:0 0 .1rem}
.footer .top .fot_navs dl dd a{color:#888888;font-size:.14rem;font-weight:normal}
.footer .top .fot_navs dl dd:last-child{margin:0}
.footer .top .fot_navs dl dd a:hover{color:white}

.footer .bot{display:flex;height:.78rem;align-items: center;border-top:1px solid #444444;justify-content: space-between;}
.footer .bot p{color:#888888;font-size:.14rem;   }
.footer .bot .share{display:flex;gap:.18rem}
.footer .bot .share a{width:.4rem;height:.4rem;line-height:.4rem;border-radius:100%;border:1px solid #838383;text-align:center;}
.footer .bot .share a:hover{background:white;border-color:white;}

.footer .bot .share a:hover img{filter:brightness(1) invert(0)}
.return{position:fixed;right:.2rem;bottom:30%;display:none;transition:none}
.return a{width:.7rem;height:.7rem;background:#2b2b2b;border-radius:100%;text-align:center;line-height:.7rem;}
.return a:hover{background:#e50012;box-shadow:0 0 12px rgba(229,0,18,0.5)}



.solution_banner{display:grid;grid-template-columns:50% 50%;}
.solution_banner .text{padding:0 3.2rem 0 1.3rem;display:flex;flex-direction: column;justify-content: center;}
.solution_banner .text h2{font-size:.36rem;color:#222222;margin:0 0 .2rem}
.solution_banner .text p{font-size:.16rem;color:#777777;  }
.solution_banner .text  a{margin:.4rem 0 0;width:1.8rem;height:.6rem;text-align:center;border:1px solid #e50012;color:#e50012;line-height:.6rem;border-radius:10px;font-size:.16rem;  }
.solution_banner .text  a:hover{background:#e50012;color:white;box-shadow:0 0 12px rgba(229,0,18,0.5)}


.solution1 .items1 ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.solution1 .items1 ul li{height:4.8rem;background:#f2f2f2;border:1px solid white;padding:.5rem .6rem 0;position:relative;z-index:1 }
.solution1 .items1 ul li h2{font-size:.6rem;color:#e50012;  ;margin:0 0 .15rem;z-index:2}
.solution1 .items1 ul li p{font-size:.16rem;color:#666666;  z-index:2}
.solution1 .items1 ul li:after{content:"";position:absolute;background:#e50012;height:0;left:50%;transform:translateX(-50%);width:100%;top:0;z-index:-1;transition:.5s linear}
.solution1 .items1 ul li:hover *{color:white}
.solution1 .items1 ul li:hover:after{height:100%}


.solution1 .items2{padding:1rem 0 }
.solution1 .items2 >div>h2{font-size:.36rem;color:#222222;text-align:center;margin:0 0 .45rem}
.solution1 .items2 .lists{background-repeat:no-repeat;background-size:cover;display:flex}
.solution1 .items2 .lists>div{width:22%;height:6rem;position:relative;overflow:hidden;border-right:1px solid #ffffff;cursor:pointer}
.solution1 .items2 .lists>div.on{width:34%}
.solution1 .items2 .lists>div .txt1{position:absolute;transform:translate(-50%,-40%);width:100%;top:50%;left:50%;padding: 0 .6rem;text-align:center;opacity:0;z-index:2;transition:.4s}
.solution1 .items2 .lists>div .txt2{position:absolute;;width:100%;padding:0 .2rem;text-align:left;height:1.65rem;bottom:0}
.solution1 .items2 .lists>div .txt1 .imgs{margin:0 0 .25rem}
.solution1 .items2 .lists>div .txt1 p{font-size:.2rem;color:white;  }
.solution1 .items2 .lists>div .txt2 .imgs{height:.8rem}
.solution1 .items2 .lists>div .txt2 .imgs img{max-height:.7rem}
.solution1 .items2 .lists>div .txt2 p{font-size:.16rem;color:white;  }
.solution1 .items2 .lists>div.on .txt2{transform:translateX(-2rem);opacity:0}
.solution1 .items2 .lists>div.on .txt1{transform:translate(-50%,-50%);opacity:1;transition-delay:500ms}
.solution1 .items2 .lists>div:after{content:"";position:absolute;background:rgba(0,0,0,.35);width:100%;height:100%;opacity:0;transition:.4s}
.solution1 .items2 .lists>div.on:after{opacity:1}

.solution1 .items3{padding:2.05rem 0 0 ;position:relative}
.solution1 .items3 .text{position:absolute;width:100%;left:0;top:0;z-index:2;}
.solution1 .items3 .box{background:#e50012;padding:.8rem 1.1rem;text-align:center}
.solution1 .items3 .box h2{font-size:.36rem;color:white;line-height:.42rem}
.solution1 .items3 .box h3{font-size:.22rem;color:white;margin:.25rem 0;  ;line-height:.3rem }
.solution1 .items3 .box p{font-size:.16rem;color:white;;  }


.solution1 .items4{padding:1rem 0 .85rem;background:#f4f5f7 }
.solution1 .items4 .text{text-align:center}
.solution1 .items4 .text h2{font-size:.36rem;color:#222222;margin:0 0 .35rem}
.solution1 .items4 .text  p{padding:0 1.9rem;font-size:.16rem;color:#666666;  }
.solution1 .items4 .more{margin:.45rem 0 1.2rem;display:flex;justify-content: center;gap:.2rem}

.solution1 .items4 .more a{width:1.8rem;height:.6rem;text-align:center;line-height:.6rem;border-radius:10px;font-size:.16rem;  }
.solution1 .items4 .more a:first-child{background:#e50012;color:white}
.solution1 .items4 .more a:first-child:hover{background:#ffffffb0;color:#e50012;box-shadow:0 0 12px rgba(229,0,18,0.5)}
.solution1 .items4 .more a:last-child{border:1px solid #e50012;color:#e50012}
.solution1 .items4 .more a:last-child:hover{background:#e50012;color:white;box-shadow:0 0 12px rgba(229,0,18,0.5)}
.solution1 .items4 .honor>h3{text-align:center;font-size:.36rem;color:#222222;margin:0 0 .4rem}
.solution1 .items4 .honor ul{display:flex;justify-content: center;gap:.25rem;margin:0 0 .4rem}
.solution1 .items4 .honor .box{background:url(../images/9.png)  0 bottom no-repeat;background-size:100%;padding:0 0 1.45rem}
.solution1 .items4 .honor ul:last-child{margin:0}
.solution1 .items4 .honor ul li{cursor:pointer}
.solution1 .items4 .honor ul li:hover .img{transform:scale(1.055)}


.solution2 .items1{padding:1rem 0;background:#f4f5f7 }
.solution2 .items1  .title h2{font-size:.36rem;color:#222222;text-align:center;margin:0 0 .43rem}
.solution2 .items1  .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.3rem}
.solution2 .items1  .lists ul li{background:white}
.solution2 .items1  .lists ul li .text{padding:.3rem .4rem .45rem}
.solution2 .items1  .lists ul li h2{font-size:.6rem;color:#e50012;  ;margin:0 0 .05rem;z-index:2}
.solution2 .items1  .lists ul li p{font-size:.16rem;color:#666666;  z-index:2}
.solution2 .items1 .lists ul li:hover *{color:white}
.solution2 .items1  .lists ul li:hover{background:#e50012}
.solution2 .items1  .lists ul li:hover img{transform:scale(1.1)}

.solution2 .items2{padding: 0 0 1rem;background:#f4f5f7}
.solution2 .items2>div{display:grid;grid-template-columns:50% 47%;justify-content:space-between}
.solution2 .items2 .right ul li:first-child{border-top:1px solid #222222}
.solution2 .items2 .right ul li{border-bottom:1px solid #222222}
.solution2 .items2 .right ul li .infos{display:none;max-height:4.75rem;padding:0 .2rem .1rem 0;overflow-y:auto;transition:none}
.solution2 .items2 .right ul li .infos::-webkit-scrollbar-thumb{background:#e50012}
.solution2 .items2 .right ul li  .tit{cursor:pointer;position:relative}
.solution2 .items2 .right ul li  .tit h2{height:.8rem;display:flex;font-size:.36rem;color:#222222;  align-items: center;}
.solution2 .items2 .right ul li  .tit::before,.solution2 .items2 .right ul li  .tit:after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:23px;height:3px;background:#e50012;transition:all .36s;}
.solution2 .items2 .right ul li  .tit::before {transform:translateY(-50%) rotate(90deg);}
.solution2 .items2 .right ul li.active .tit:before {transform:translateY(-50%) rotate(0deg);}
.solution2 .items2 .right ul li.active  h2{color:#e50012}
.solution2 .items2 .right ul li .infos h3{font-size:.22rem;color:#222222;margin:0 0 .15rem}
.solution2 .items2 .right ul li .infos p{font-size:.16rem;color:#666666;  z-index:2}

.solution3{padding:1rem 0;background:#f4f5f7 }
.solution3>div> h2{font-size:.36rem;color:#222222;text-align:center;margin:0 0 .42rem}
.solution3>div> ul{display:grid;grid-template-columns:48.8% 48.8%;justify-content:space-between}
.solution3>div> ul li{padding:.4rem .35rem  .35rem;background:white}
.solution3>div> ul li .img img{max-height:2.65rem;width:100%}
.solution3>div> ul li  .text .dd1 {padding:0 0 .15rem;border-bottom:1px solid #dcdcdc;margin:0 0 .2rem}
.solution3>div> ul li  .text .dd1 h2{font-size:.6rem;color:#e50012;margin:.5rem 0 .1rem}
.solution3>div> ul li  .text .dd1 h3{font-size:.22rem;color:#e50012;margin:0 0 .1rem}
.solution3>div> ul li  .text .dd1  p{font-size:.16rem;color:#666666;  }
.solution3>div> ul li  .text .dd2 h2{font-size:.18rem;color:#222222;margin:0 0 .1rem} 
.solution3>div> ul li  .text .dd2  p{font-size:.16rem;color:#666666;  }

.product_list{padding:1rem 0 1.1rem;background:#f2f2f2}
.product_list >div{display:grid;grid-template-columns: 25% 71.875%;justify-content:space-between;align-items:flex-start}
.product_list .pro_nav{background:white;border-radius:40px 0 0 0}
.product_list .pro_nav h2{padding:.35rem 0 .25rem .22rem;font-size:.24rem;color:#222;  ;border-bottom:1px solid #e6e6e6}

.product_list .pro_nav ul li>a{padding:.1rem .2rem;font-size:.16rem;color:#222222;  ;border-bottom:1px solid #e6e6e6}
.product_list .pro_nav ul li dl{padding:.11rem .1rem .11rem .35rem;border-bottom:1px solid #e6e6e6}
.product_list .pro_nav ul li dl dd {margin:0 0 .05rem}
.product_list .pro_nav ul li dl dd:last-child{margin:0}
.product_list .pro_nav ul li dl dd a{font-size:.15rem;color:#222222 }
.product_list .pro_nav ul li>a:hover{background:#e50012;color:white}
.product_list .pro_nav ul li.active >a{background:#e50012;color:white}
.product_list .pro_nav ul li dl dd a:hover{color:#e50012}
.product_list .pro_nav ul li dl dd a.acts{color:#e50012}
.product_list .pro_nav ul li:last-child dl{border:0}

.product_list .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.product_list .lists ul li a{background:white}
.product_list .lists ul li a .text{padding:.25rem .2rem}
.product_list .lists ul li a .text h2{font-size:.18rem;color:#222;  margin:0 0 .15rem}
.product_list .lists ul li a .text p{font-size:.15rem;color:#666666;  height:.4rem;line-height:.2rem}
.product_list .lists ul li a .text em{display:inline-block;margin:.4rem 0 0;color:#e50012;font-size:.16rem;;  }
.product_list .lists ul li a:hover {background:#e50012;}
.product_list .lists ul li a:hover .text *{color:white}
.product_list .lists ul li a:hover img{transform:scale(1.1)}
.product_list .lists ul li a:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.product_list .lists ul li a:hover{transform:translateY(-10px)}
.product_list .lists   .page{padding:.8rem 0 0}
.page{display:flex;justify-content: center;align-items: center;}
 .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
 .page a.page-link{width:.7rem;border:1px solid #999999}
 .page a.page-links{border:1px solid #999999;}
 .page a.page-links i{font-size:.2rem;color:#222222;}
 .page a.page-link:hover{background:#e50012;color:white;border-color:#e50012}
 .page a.page-links:hover{background:#e50012;color:white;border-color:#e50012}
 .page a.page-links:hover i{color:white;}
 .page a:hover{background:#e50012;color:white;border-color:#e50012}
 .page a.page-num-current{background:#e50012;color:white;border-color:#e50012}

.hot_products{padding:0 0 1rem;background:#f2f2f2}
.hot_products>div>h2{font-size:.36rem;color:#222222;margin:0 0 .4rem}
.hot_products .lists h2{margin:.2rem 0 0 ;height:40px;line-height:20px;font-size:.16rem;color:#222222;  }
.hot_products .lists a:hover img{transform:scale(1.1)}
.hot_products .lists a:hover h2{color:#e50012}

.product_details .top {padding:0 0 .8rem}
.product_details .top .mbx{display:flex;padding:.3rem 0 .75rem;gap:5px;font-size:.15rem;color:#666666;  align-items: center;}
.product_details .top .mbx a{font-size:.15rem;color:#666666;  }
.product_details .top .box{display:grid;grid-template-columns:56.25% 36%;justify-content:space-between}
.product_details .top .box .left .img{border:1px solid #dcdcdc;cursor:pointer}
.product_details .top .box .left .img:hover img{transform:scale(1.1)}
.product_details .top .box .text{position:relative}
.product_details .top .box .text>h2{font-size:.3rem;color:#222;  ;margin:0 0 .2rem}
.product_details .top .box .text .txt{font-size:.15rem;color:#666666;  height:2.2rem;padding-right:.1rem;overflow-y:auto}
.product_details .top .box .text .txt::-webkit-scrollbar-thumb{background:#e50012}
.product_details .top .box .text .contacts{margin:.3rem 0 0 }
.product_details .top .box .text .contacts a{width:1.8rem;height:.6rem;background:#e50012;color:white;text-align:center;line-height:.6rem;border-radius:10px;font-size:.16rem;  }
.product_details .top .box .text .contacts a:hover{background:white;color:#e50012;box-shadow:0 0 12px rgba(229,0,18,0.5)}
.product_details .top .box .text>ul{position:absolute;left:0;bottom:0}
.product_details .top .box .text>ul li{display:flex;font-size:.15rem;color:#666666;gap:.05rem;align-items: center;margin:.05rem 0 0;  }
.product_details .top .box .text>ul li a{border-bottom:2px solid black;color:black;  }
.product_details .bot{background:#f2f2f2;padding:.75rem 0 1rem}
.product_details .bot .items1{margin:0 0 .7rem}
.product_details .bot .items1>h3{font-size:.24rem;color:#222;margin:0 0 .2rem}
.product_details .bot .items1 .editor{font-size:.16rem;color:#666666;line-height:.25rem}
.product_details .bot .items2{margin:0 0 .9rem}
.product_details .bot .items2>h3{font-size:.24rem;color:#222;margin:0 0 .2rem}
.product_details .bot .items2 .editor{font-size:.16rem;color:#666666;line-height:.25rem}
.inquiry .title{margin:0 0 .3rem}
.inquiry .title h2{font-size:.36rem;color:#222222;margin:0 0 .25rem}
.inquiry .title p{font-size:.16rem;color:#666666;line-height:.25rem;  }
.inquiry .form{background:white;padding:.6rem .3rem .5rem;font-size:0;box-shadow:0 0 15px rgba(0,0,0,0.05)}

.inquiry .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}

.inquiry .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;border-radius:10px;padding:0 .2rem;color:black;font-size:.16rem}
.inquiry .form .area{margin:.2rem 0 0 }
.inquiry .form .area  textarea{width:100%;height:2.2rem;background:#f8f8f8;border:0;border-radius:10px;padding:.2rem;color:black;font-size:.16rem}
.inquiry .form .sub{margin:.2rem 0 0;text-align:center;}
.inquiry .form .sub button{position:relative;overflow:hidden;width:100%;height:.5rem;color:white;font-size:.2rem;background:none;font-weight:normal;background:#e50012;border-radius:10px;border:0;}

.inquiry .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%)
}
.inquiry .form .sub button: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)
}
}

.related_products{padding:1rem 0;}
.related_products>div>h2{font-size:.36rem;color:#222222;margin:0 0 .4rem}
.related_products .lists h2{margin:.2rem 0 0 ;height:40px;line-height:20px;font-size:.16rem;color:#222222;  }
.related_products .lists a:hover img{transform:scale(1.1)}
.related_products .lists a:hover h2{color:#e50012}


.tech .technical {padding:0 0 .95rem;background:#f2f2f2}
.tech .technical .top{padding:.95rem 0 }
.tech .technical .top h2{font-size:.36rem;color:#000000;margin:0 0 .35rem}
.tech .technical .top p{font-size:.16rem;color:#666666;line-height:.25rem;  }
.tech .technical .pics .title{margin:0 0 .4rem}
.tech .technical .pics .title h2{font-size:.3rem;color:#000000}
.tech .technical .pics .lists a{overflow:hidden}
.tech .technical .pics .lists a:hover img{transform:scale(1.1)}

.tech .technical .pics .lists .slide-pagination{margin:.25rem 0 0}
.tech .technical .pics .lists .slide-pagination span{width:.12rem;height:.12rem;opacity:1;margin-right:.12rem;background:#c8c8c8}
.tech .technical .pics .lists .slide-pagination span.swiper-pagination-bullet-active{background:#e50012}

.tech .certifications{padding:0 0 1rem;background:#f2f2f2}
.tech .certifications h2{font-size:.36rem;color:#000000;margin:0 0 .25rem}
.tech .certifications .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.3rem .3rem}
.tech .certifications .lists ul li{padding:6px;background:white;cursor:pointer}
.tech .certifications .lists ul li:hover{background:#e50012}
.tech .certifications .lists ul li:hover img{transform:scale(1.1)}
.tech .certifications .lists ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.tech .certifications .lists ul li:hover{transform:translateY(-10px)}



.service .custom {padding:.95rem 0 1rem;background:#f2f2f2}
.service .custom  h2{font-size:.36rem;color:#000000;margin:0 0 .35rem}
.service .custom  p{font-size:.2rem;color:#000000;line-height:.3rem;  }
.service .custom  .img{margin:.35rem 0 0 }


.service .purposes{display:grid;grid-template-columns:51.2% 48.8%; padding-right:2.3rem;align-items:center}
.service .purposes .text {text-align:right}
.service .purposes .text h2{font-size:.36rem;color:#000000;margin:0 0 .8rem}
.service .purposes .text  p{font-size:.2rem;color:#666666;line-height:.3rem;  padding:0 0 1.1rem;position:relative}
.service .purposes .text  p:after{content:'';position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.57rem;height:.42rem;background-size:100%;right:0;bottom:0}


.service .regular{background:#f2f2f2;padding:1rem 0 .95rem}
.service .regular h4{font-size:.36rem;color:#000000;margin:0 0 .45rem}
.service .regular ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .2rem}
.service .regular ul li:nth-child(1) .img:after{content:'';position:absolute;background:url(../images/14-1.png) 0 0 no-repeat;width:.82rem;height:.82rem;background-size:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;transition:.7s}
.service .regular ul li:nth-child(2) .img:after{content:'';position:absolute;background:url(../images/14-2.png) 0 0 no-repeat;width:.71rem;height:.83rem;background-size:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;transition:.7s}
.service .regular ul li:nth-child(3) .img:after{content:'';position:absolute;background:url(../images/14-3.png) 0 0 no-repeat;width:.99rem;height:.74rem;background-size:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;transition:.7s}
.service .regular ul li:nth-child(4) .img:after{content:'';position:absolute;background:url(../images/14-4.png) 0 0 no-repeat;width:.78rem;height:.78rem;background-size:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;transition:.7s}
.service .regular ul li .img{border-radius:15px}
.service .regular ul li .img:before{content:"";position:absolute;background:#e50012;height:0;width:100%;left:50%;transform: translateX(-50%);top:0;transition:.8s;z-index:2}
.service .regular ul li:hover .img:before{height:100%}
.service .regular ul li:hover .img img{transform:scale(1.1)}
.service .regular ul li:hover  .img:after {transform:translate(-50%,-50%) rotateY(360deg)}

.service .regular ul li .text  h2{font-size:.36rem;color:#e50012;  ;margin:.22rem 0 .1rem;z-index:2}
.service .regular ul li .text  p{font-size:.16rem;color:#222222;  z-index:2}




.service .technical {background:#f2f2f2;padding:0 0 1.05rem}
.service .technical .title{margin:0 0 .35rem}
.service .technical .title h2{font-size:.36rem;color:#222222;margin:0 0 .25rem}
.service .technical .title p{font-size:.16rem;color:#666666;line-height:.25rem;  }
.service .technical .form{background:white;padding:.6rem .3rem .5rem;font-size:0;box-shadow:0 0 15px rgba(0,0,0,0.05)}

.service .technical .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}

.service .technical .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;border-radius:10px;padding:0 .2rem;color:black;font-size:.16rem}
.service .technical .form .area{margin:.2rem 0 0 }
.service .technical .form .area  textarea{width:100%;height:2.2rem;background:#f8f8f8;border:0;border-radius:10px;padding:.2rem;color:black;font-size:.16rem}
.service .technical .form .sub{margin:.2rem 0 0;text-align:center;}
.service .technical .form .sub button{position:relative;overflow:hidden;width:100%;height:.5rem;color:white;font-size:.2rem;background:none;font-weight:normal;background:#e50012;border-radius:10px;border:0;}

.service .technical .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%)
}
.service .technical .form .sub button:hover:before {
	animation: style1 .75s;
	z-index: 1;
}



.news_box{padding:1rem 0;background:#f2f2f2 }
.news_box>div{display:grid;grid-template-columns:65.625% 27.34%;justify-content:space-between}
.news_box .lists ul{display:grid;grid-template-columns:1fr;grid-gap:.8rem 0}
.news_box .lists ul li a {border-radius:20px 20px 0 0}
.news_box .lists ul li a .img{border-radius:20px 20px 0 0}
.news_box .lists ul li a .text{padding:.4rem .45rem .45rem;background:#ffffff}
.news_box .lists ul li a .text span{font-size:.16rem;color:#222222}
.news_box .lists ul li a .text h2{font-size:.3rem;color:#222222;height:.7rem;line-height:.35rem;margin:.1rem 0 }
.news_box .lists ul li a .text p{font-size:.16rem;color:#666666;line-height:.25rem;  }
.news_box .lists ul li a .text em{display:inline-block;margin:.15rem 0 0 ;color:#e50012;font-size:.16rem}

.news_box .lists ul li a:hover .text {background:#e50012;}
.news_box .lists ul li a:hover .text *{color:white}
.news_box .lists ul li a:hover img{transform:scale(1.1)}
.news_box .lists ul li a:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.news_box .lists ul li a:hover{transform:translateY(-10px)}
.news_box .lists   .page{padding:.8rem 0 0;justify-content: flex-start;}
.news_box .right .search {position:relative;margin:0 0 1rem}
.news_box .right .search  form input{border:0;height:.35rem;border-bottom:1px solid #222222;width:100%;background:none;font-size:.16rem;color:black;padding:0 .3rem 0 0 }
.news_box .right .search  form button{position:absolute;background:none;border:0;top:50%;transform:translateY(-50%);right:0;}
.news_box .right .search  form button img{max-width:.2rem;}
.news_box .right .categories {margin:0 0 1rem}
.news_box .right .categories h2{font-size:.22rem;color:#222222;;  ;padding:0 0 .15rem;margin:0 0 .25rem;border-bottom:1px solid #dcdcdc}
.news_box .right .categories dd{margin:0 0 .03rem}
.news_box .right .categories dd:last-child{margin:0}
.news_box .right .categories dd a{font-size:.17rem;color:#222222;  ;line-height:.25rem;border-bottom:1px solid #222222;display:inline-block;transition:.3s;}
.news_box .right .categories dd a:hover{color:#e50012;border-bottom:1px solid transparent}
.news_box .right .categories dd.active a{color:#e50012;border-bottom:1px solid transparent}
.news_box .right .contacts>h3{font-size:.22rem;color:#222222;;  ;padding:0 0 .15rem;margin:0 0 .3rem;border-bottom:1px solid #dcdcdc}
.news_box .right .contacts ul{padding:0 0 .1rem}
.news_box .right .contacts ul li{display:grid;grid-template-columns:17% 83%;margin:0 0 .15rem}
.news_box .right .contacts ul li p{font-size:.15rem;color:#14212b}
.news_box .right .contacts ul li p a{font-size:.15rem;color:#14212b}
.news_box .right .contacts ul li p a:hover{color:#e50012}
.news_box .right .contacts .imgs{position:relative;}
.news_box .right .contacts .imgs h3{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;font-size:.36rem;color:white;text-transform:uppercase;width:100%;text-align:center;  }


.about_box .company .title{text-align:center;padding:1rem 0 .5rem}
.about_box .company .title h2{font-size:.2rem;text-transform:uppercase;color:#222;margin:0 0 .4rem}
.about_box .company .title p{font-size:.36rem;color:#222;  ;line-height:.4rem}
.about_box .company .big_img{position:relative;font-size:0;overflow:hidden}
.about_box .company .big_img:hover img{transform:scale(1.2)}
.about_box .company .big_img .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.9rem;text-align:center}
.about_box .company .big_img .btns i{color:white;font-size:.24rem}
.about_box .company .big_img .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:rgba( 229, 0,18,1);z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.about_box .company .big_img .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba( 229, 0,18,.25);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.about_box .company .big_img .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.about_box .company .big_img .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
    }
}
.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;}

.company .infos{padding:1rem 0;background:#e50012}
.company .infos .text{display:grid;grid-template-columns:28% 72%;margin:0 0 .6rem}
.company .infos .text h2{font-size:.18rem;color:white;  }
.company .infos .text p{font-size:.24rem;color:white;  }
.company .infos ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .5rem}
.company .infos ul li p{font-size:.16rem;color:white;  ;line-height:.25rem}
.company .pics ul{display:grid;grid-template-columns:auto auto auto}
.company .pics ul .img{height:100%}
.company .pics ul .img img{height:100%;object-fit:cover;}
.company .pics ul li:hover img{transform:scale(1.1)}
.culture{padding:0 0 1rem;background:#f2f2f2}
.culture .title{padding:1rem 0 .55rem}
.culture .title h2{font-size:.2rem;color:#222222;text-transform:uppercase;margin:0 0 .4rem}
.culture .title p{font-size:.36rem;color:#222;line-height:.38rem}
.culture .box{display:grid;grid-template-columns:50% 47%;justify-content:space-between;}

.culture .box .right{max-height:6.38rem}
.culture .box .right ul li:first-child{border-top:1px solid #dcdcdc}
.culture .box .right ul li{border-bottom:1px solid #dcdcdc}
.culture .box .right ul li .infos{display:none;max-height:2.32rem;padding:0 .2rem .1rem 0;overflow-y:auto;transition:none}
.culture .box .right ul li .infos::-webkit-scrollbar-thumb{background:#e50012}
.culture .box .right ul li  .tit{cursor:pointer;position:relative}
.culture .box .right ul li  .tit h2{height:.8rem;display:flex;font-size:.22rem;color:#222222;align-items: center;}

.culture .box .right ul li.active  h2{color:#e50012}
.culture .box .right ul li .infos p{font-size:.16rem;color:#666666;  z-index:2;margin:0 0 .1rem}

.history{background:#f2f2f2}
.history .title{padding:0 0 .65rem}
.history .title h2{font-size:.36rem;color:#222;}
.history .lists {position:relative;padding-right:.7rem}
.history .lists .swiper-container{}
.history .lists .swiper-container{height:7.2rem;position:relative}
.history .lists .swiper-container:after{content:'';position:absolute;width:2px;height:100%;top:0;left:19.5%;background:#dcdcdc}
.history .lists .swiper-container .items{display:grid;grid-template-columns:19.5% 73.5%;align-items:center;justify-content:space-between;position:relative;}
.history .lists .swiper-container .items:after{content:"";position:absolute;width:2px;height:0;background:#e50012;top:0;left:19.5%;transition:1s}

.history .lists .swiper-container .items h2{font-size:.48rem;color:#222222;position:relative}
.history .lists .swiper-container .items h2:after{content:"";position:absolute;width:.14rem;height:.14rem;background:#222222;border-radius:100%;top:50%;transform:translateY(-50%);right:-.075rem;transition:.3s}
.history .lists .swiper-container .items h2:before{content:"";position:absolute;width:.24rem;height:.24rem;;background:url(../images/17.png) no-repeat;top:50%;transform:translateY(-50%);;right:-.125rem;transition:.3s;opacity:0;background-size:100%;z-index:2}


.history .lists .swiper-container .items .text{height:1.2rem;background:white;padding:0 .4rem;border-radius:10px;display:flex;flex-direction: column;justify-content: center;}
.history .lists .swiper-container .swiper-slide-active .items h2{font-size:.6rem;color:#e50012}
.history .lists .swiper-container .items .text .info {max-height:1rem;overflow-y:auto}
.history .lists .swiper-container .items .text .info::-webkit-scrollbar-thumb{background:#e50012}
.history .lists .swiper-container .items .text .info p{font-size:.16rem;color:#222222;  }
.history .lists .swiper-container .swiper-slide-active .items .text{background:#e50012}
.history .lists .swiper-container .swiper-slide-active .items .text .info p{color:white}
.history .lists .swiper-container .swiper-slide-active .items:after{height:100%;transition-delay:1000ms}
.history .lists .swiper-container .swiper-slide-active .items h2:after{opacity:0}
.history .lists .swiper-container .swiper-slide-active .items h2:before{opacity:1}
.history .lists .swiper-container .items h2:before{content:"";position:absolute;width:.24rem;height:.24rem;;background:url(../images/17.png) no-repeat;top:50%;transform:translateY(-50%);;right:-.125rem;transition:.3s;opacity:0;background-size:100%}

.history .lists .swiper-pagination-progressbar {width:4px;height:100%;right:0;top:0;background:#e1e1e1}
.history .lists .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ffffff;border-radius:10px}
.Partners{padding:1rem 0;background:#f2f2f2 }

.Partners .title h2{font-size:.36rem;color:#222;;margin:0 0 .55rem}
.Partners .pics ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.07rem}

.Partners .pics ul li:hover img{transform:scale(1.1)}
.Partners .pics ul li:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.Partners .pics ul li:hover{transform:translateY(-10px)}


.recruitment .title{padding:2.8rem 0;background-repeat:no-repeat;background-size:cover;}
.recruitment .title h2{font-size:.36rem;color:white}

.recruitment .lists{padding:1rem 0 }
.recruitment .lists ul li{position:relative}

.recruitment .lists ul li .tit{border-top:1px solid #dcdcdc;position:relative;cursor:pointer}
.recruitment .lists ul li .tit:after{content:"";position:absolute;background:#e50012;left:50%;transform:translateX(-50%);height:2px;width:0;top:-1px;transition:.4s}
.recruitment .lists ul li.active  .tit:after{width:100%}
.recruitment .lists ul li::before,.recruitment .lists ul li:after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:23px;height:3px;background:#e50012;transition:all .36s;}
.recruitment .lists ul li::before {transform:translateY(-50%) rotate(90deg);}
.recruitment .lists ul li.active:before {transform:translateY(-50%) rotate(0deg);}
.recruitment .lists ul li:last-child {border-bottom:1px solid #dcdcdc}
.recruitment .lists ul li .tit h2{font-size:.22rem;color:#222;height:.8rem;line-height:.8rem;}
.recruitment .lists ul li  .infos{display:none;transition:none}
.recruitment .lists ul li  .infos{font-size:.16rem;line-height:.3rem}
.recruitment .lists ul li  .infos .apply{margin:.4rem 0 }
.recruitment .lists ul li  .infos .apply a{font-size:.16rem;color:white;display:inline-flex;background:#e50012;padding:0 .4rem;border-radius:50px;height:.5rem;gap:.15rem;align-items: center;}
.recruitment .lists ul li  .infos .apply a img{max-width:.2rem}
.recruitment .lists ul li  .infos .apply a:hover{box-shadow:0 0 12px rgba(0,0,0,0.5)}



.konw{padding:.95rem 0 1rem;background:#f2f2f2;}
.konw>div{display:grid;grid-template-columns:41.5%  48.4%;justify-content:space-between}
.konw>div .left h2{font-size:.36rem;color:#14212b}
.konw>div .left .txt{padding:.5rem 0 .45rem }
.konw>div .left .txt h1{font-size:.15rem;color:#14212b;margin:0 0 .1rem}
.konw>div .left .txt em{font-size:.3rem;color:#e50012}

.konw>div .left ul li{display:grid;grid-template-columns:10% 90%;margin:0 0 .15rem}
.konw>div .left ul li p{font-size:.15rem;color:#14212b}
.konw>div .left ul li p a{font-size:.15rem;color:#14212b}
.konw>div .left ul li p a:hover{color:#e50012}

.konw>div  .form{background:white;padding:.3rem;font-size:0;box-shadow:0 0 15px rgba(0,0,0,0.05)}

.konw>div .form ul{display:grid;grid-template-columns:1fr;grid-gap:.15rem}

.konw>div  .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;;padding:0 .2rem;color:black;font-size:.16rem}
.konw>div .form .area{margin:.15rem 0 0 }
.konw>div .form .area  textarea{width:100%;height:1.2rem;background:#f8f8f8;border:0;;padding:.2rem;color:black;font-size:.16rem}
.konw>div .form .sub{margin:.2rem 0 0;text-align:center;}
.konw>div .form .sub button{position:relative;overflow:hidden;width:100%;height:.5rem;color:white;font-size:.2rem;background:none;font-weight:normal;background:#e50012;border-radius:10px;border:0;}

.konw>div .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%)
}
.konw>div .form .sub button:hover:before {
	animation: style1 .75s;
	z-index: 1;
}

.contact_box {background:#f2f2f2;}
.contact_box .contact{padding:0 0 1.7rem;;position:relative}
.contact_box .contact .text{position:absolute;width:100%;left:0;bottom:0;z-index:2}
.contact_box .contact .text ul{background:#e50012;padding:.9rem .5rem .6rem;display:grid;;grid-template-columns:1fr 1fr 1fr;grid-gap: 0 1rem;}
.contact_box .contact .text .imgs{height:.8rem;}
.contact_box .contact .text .imgs img{max-height:.55rem}
.contact_box .contact .text h2{font-size:.18rem;color:white;  ;margin:0 0 .2rem}
.contact_box .contact .text p{font-size:.16rem;color:white;  }
.contact_box .contact .text p a{font-size:.16rem;color:white}

.contact_box .message{padding:1rem 0 }
.contact_box .message .title{margin:0 0 .35rem;text-align:center}
.contact_box .message .title h2{font-size:.36rem;color:#222222;margin:0 0 .25rem}
.contact_box .message .title p{font-size:.16rem;color:#666666;line-height:.25rem;  }
.contact_box .message .form{background:white;padding:.6rem .3rem .5rem;font-size:0;box-shadow:0 0 15px rgba(0,0,0,0.05)}

.contact_box .message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}

.contact_box .message  .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;border-radius:10px;padding:0 .2rem;color:black;font-size:.16rem}
.contact_box .message  .form .area{margin:.2rem 0 0 }
.contact_box .message  .form .area  textarea{width:100%;height:2.2rem;background:#f8f8f8;border:0;border-radius:10px;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:100%;height:.5rem;color:white;font-size:.2rem;background:none;font-weight:normal;background:#e50012;border-radius:10px;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;
}
.header .right .search  .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;transition: none;}
.header .right .search  .content .container{position: relative;height: 100%;}
.header .right .search .content .s-content{background: #fff;text-align: center;padding:6vh 20px;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}

.header .right .search .content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;}
.header .right .search .content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;}
.header .right .search .content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;}
.header .right .search .content input{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;}
.header .right .search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt4{width:.6rem;background: #222;border:none;}
.header .right .search .content button{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt4 i {font-size: .24rem;color:#fff;}
.header .right .search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}

.tem_banner.index .swiper {overflow:hidden }
.tem_banner.index .label_text{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:39%;z-index:2;width:100%;;z-index:2}
.tem_banner.index .label_text h2{font-size:.52rem;  ;line-height:.52rem;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 .more{text-align:center;margin:.85rem 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:.6rem;text-align:center;font-size:.16rem;color:#e50012;background:white;line-height:.6rem;border-radius:10px;}
.tem_banner.index .label_text .more a:hover{background:#e50012;color:white}
.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 .more{transform:none;opacity:1;transition-delay:300ms}

.index_topmessage{z-index:3;position:relative}
.index_topmessage .form{background:#e50012;padding:.35rem  .3rem;transform:translateY(-50%);}
.index_topmessage .form form{display:grid;grid-template-columns:84.3% 14.8%;justify-content:space-between}
.index_topmessage .form ul{display:grid;grid-template-columns: 22% 22% 22% 30%;justify-content:space-between }
.index_topmessage .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;border-radius:10px;padding:0 .2rem;color:black;font-size:.16rem}
.index_topmessage .form .sub button{height:.5rem;border-radius:5px;border:1px solid white;width:100%;background:none;font-size:.2rem;color:white}
.index_topmessage .form .sub button:hover{background:white;color:#e50012}


.index_about .top{padding:.35rem 0 .95rem}
.index_about .top .text{text-align:center}
.index_about .top .text h2{font-size:.36rem;color:#151515;margin:0 0 .3rem;line-height:.4rem}
.index_about .top .text p{font-size:.16rem;color:#777777;  }
.index_about .big_img{position:relative}
.index_about .big_img .txt{position:absolute;width:100%;bottom:.6rem;}
.index_about .big_img .txt>div{text-align:right}
.index_about .big_img .txt h2{font-size:.36rem;color:white;text-transform:uppercase;margin:0 0 .4rem}

.index_about .big_img .txt  .more{text-align:right; }
.index_about .big_img .txt  .more a{position:relative;display:inline-block;width:2rem;height:.6rem;text-align:center;font-size:.16rem;color:#e50012;background:white;line-height:.6rem;border-radius:10px;}
.index_about .big_img .txt  .more a:hover{background:#e50012;color:white}
.index_about .big_img{position:relative;font-size:0;overflow:hidden}
.index_about .big_img:hover img{transform:scale(1.1);transition:2s}
.index_about .big_img .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.9rem;text-align:center}
.index_about .big_img .btns i{color:white;font-size:.24rem}
.index_about .big_img .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:rgba( 229, 0,18,1);z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about .big_img .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba( 229, 0,18,.25);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about .big_img .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.index_about .big_img .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.index_service{position:relative;background:#f2f2f2 }
.index_service .title{padding:.95rem 0 .7rem;z-index:3;position:relative}
.index_service .title h3{font-size:.36rem;color:white;text-align:center}

.index_service .bg{position:absolute;left:0;top:0;width:100%;height:4rem;background:url(../images/25.jpg) 0 0 no-repeat;z-index:2;background-size:cover;background-attachment:fixed}
.index_service  ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .4rem;z-index:3;position:relative}
.index_service  ul li{background:white;border-radius:10px;position:relative;text-align:center;padding:.75rem .4rem .8rem;z-index:2;box-shadow:0 0 40px rgba(0,0,0,0.2)}
.index_service  ul li  .img{height:.62rem;;line-height:.62rem}
.index_service  ul li  .img img{max-height:.6rem}
.index_service  ul li   h2{font-size:.28rem;color:#333333;margin:.4rem 0 .25rem;  }
.index_service  ul li  p{height:.84rem;line-height:.21rem;font-size:.15rem;color:#777777;  }
.index_service  ul li:after{content:'';position:absolute;width:100%;height:0;background:#e50012;left:50%;transform:translateX(-50%);top:0;z-index:-1;border-radius:10px;transition:.8s}
.index_service  ul li:hover:after{height:100%}
.index_service  ul li:hover *{color:white}
.index_service  ul li:hover .img img{transform:rotateY(360deg);filter:invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);}
.index_news {padding:.95rem 0 0 ;background:#f2f2f2 }
.index_news .title{margin:0 0 .4rem}
.index_news  .title h2{font-size:.4rem;color:#222222}
.index_news ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .4rem}
.index_news ul li a{border-radius:20px 20px 0 0 }
.index_news ul li .img{border-radius:20px 20px 0 0 }
.index_news ul li .text {padding:.25rem .3rem .3rem;background:white}
.index_news ul li .text h3{font-size:.16rem;color:#e50012;  }
.index_news ul li .text h2{font-size:.2rem;color:#151515;height:.46rem;line-height:.23rem;margin:.2rem 0 .15rem}
.index_news ul li .text  em{font-size:.16rem;  color:#e50012}
.index_news ul li .text span{width:100%;display:inline-block;font-size:.15rem;color:#777777;  margin:0 0 .3rem}


.index_news ul li a:hover .text {background:#e50012;}
.index_news ul li a:hover .text *{color:white}
.index_news ul li a:hover img{transform:scale(1.1)}
.index_news ul li a:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.index_news ul li a:hover{transform:translateY(-10px)}


.fix_info{position:fixed;right:.2rem;top:40%;z-index:999}
.fix_info ul li{margin:0 0 .1rem;position:relative}
.fix_info ul li>a{width:.48rem;height:.48rem;background:#e50012;text-align:center;line-height:.48rem;border-radius:5px}

.fix_info ul li .imgs{position:absolute;right:120%;top:50%;transform:translateY(-50%)rotateX(90deg);transition:.4s}
.fix_info ul li .imgs img{max-width:1.2rem;}
.fix_info ul li:hover .imgs{transform:translateY(-50%)rotateX(0)}
.fix_info ul li  .txt{position:absolute;right:120%;top:50%;transform:translateY(-50%)rotateX(90deg);transition:.4s;white-space:nowrap;padding:.1rem .2rem;background:white;box-shadow: 5px 5px 10px rgba(0,0,0,.3)}
.fix_info ul li  .txt a{font-size:.15rem;color:black;}
.fix_info ul li  .txt:hover{background:#e50012}
.fix_info ul li  .txt:hover a{color:white;}
.fix_info ul li:hover .txt{transform:translateY(-50%)rotateX(0)}

.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;}
.banner_mobile{display:none}


/********<=767 mobile nav style css 2********/

/**************************/
@media(max-width:1600px){
.pad320{padding:0 1.6rem}
.solution_head>div{grid-template-columns:50% 45%;}
.solution_banner .text{padding:0 1rem 0 .5rem;}
.solution1 .items1 ul li{padding:.5rem .2rem 0}
.solution1 .items3 .box{padding:.8rem .5rem}
.service .purposes{padding-right:1.55rem}
.solution1 .items4 .text p{padding:0 1rem}
.return{bottom:20%}
}
/******ipad****/
@media(max-width: 990px){

	.banner_mobile{display:block}
		.banner_pc{display:none}
	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;}
.pad320{padding:0 .2rem}
.tem_banner.index .label_text{top:25%;width:80%}
.tem_banner.index .label_text h2{font-size:.3rem;line-height:.3rem}
.tem_banner.index .label_text .more{margin:.3rem 0 0}
.index_topmessage .form{transform:none}
.index_topmessage{padding:.2rem}
.index_topmessage .form form{grid-template-columns:100%;grid-gap:.2rem}
.index_topmessage .form ul{grid-template-columns:1fr 1fr;grid-gap:.2rem}
.fix_info ul li>a img{max-width:.3rem}
.index_about .big_img .txt{bottom:.2rem}
.solution_list ul li{display:inherit;margin:0 0 .5rem}
.solution_list ul li .text{width:100%}
.solution_list  ul li:nth-child(2n-1) .text{border-radius:40px 0 0 0;padding:.2rem}
.solution_list  ul li:nth-child(2n-1) .text p{padding-right:0}
.solution_list  ul li:nth-child(2n) .text p{padding-left:0}
.solution_list  ul li:nth-child(2n){flex-direction:row-reverse;text-align:right}
.solution_list  ul li:nth-child(2n) .text{border-radius: 0 40px 0 0;padding:.2rem}
.solution_list ul li .text .more a{width:2.5rem}
.solution_list ul li .img{width:100%}
.index_service ul{grid-template-columns:100%;grid-gap:.5rem}
.index_service ul li p{height:1.2rem;line-height:.3rem}
.konw>div{grid-template-columns:100%;grid-gap:.5rem}
.footer .top .fot_navs{display:none}
.footer .top{grid-template-columns:100%}
.footer .bot{height:auto;display:inherit;padding:.2rem 0}
.footer .bot .share{margin:.2rem 0 0}
.solution_head>div{grid-template-columns:100%;grid-gap:.5rem 0}
.solution_head .text dd{margin:0 0 .2rem}
.solution_head.service_head>div{grid-template-columns:100%;grid-gap:.2rem 0}
.solution_head.tech .left h2{font-size:.5rem !important}
.banner .bg{height:3rem}
.solution_head .left h2{font-size:.8rem}
.solution_head{padding:1.5rem 0 .5rem}
.solution_banner{grid-template-columns:100%;grid-gap:.5rem 0}
.solution_banner .text a{width:2.5rem}
.solution_banner .text{padding:0 1rem .2rem .5rem;}
.solution1 .items1 ul{grid-template-columns:1fr 1fr}
.solution1 .items1 ul li{height:auto;padding:.3rem}
.solution1 .items2 .lists{display:flex;flex-wrap: wrap;}
.solution1 .items2 .lists>div{width:50% !important}
.solution1 .items2 .lists>div .txt2{height:auto;bottom:.1rem}
.solution1 .items2 .lists>div .txt1 .imgs img{max-width:1rem}
.solution1 .items3{padding:0}
.solution1 .items3 .text{position:initial}
.solution1 .items4 .text p{padding:0}
.solution1 .items4 .honor .box{padding:0 1.5rem 1rem}
.solution1 .items4 .more a{width:2.5rem}
.solution2 .items1 .lists ul{grid-template-columns:1fr}
.solution2 .items2>div{grid-template-columns:1fr;grid-gap:.5rem 0}
.solution3>div> ul{grid-template-columns:1fr;grid-gap:.5rem 0}
.product_list >div{grid-template-columns:1fr;grid-gap:.5rem 0}
.product_details .top .box{grid-template-columns:100%;grid-gap:.5rem 0}
.product_details .top .box .text>ul{position:initial;margin:.3rem 0 0}
.product_details .top .box .text .txt{height:auto}
.inquiry .form ul{grid-template-columns:1fr;grid-gap:.2rem 0}
.inquiry .form ul li input{height:1rem}
.tech .certifications .lists ul{grid-template-columns:1fr 1fr}
.service .purposes{padding:0;grid-template-columns:1fr;grid-gap:.5rem 0 }
.service .purposes .text{text-align:left;padding:0 .2rem}
.service .purposes .text h2{margin:0 0 .2rem}
.service .regular ul{grid-template-columns:1fr 1fr;grid-gap:.3rem}
.news_box>div{display:flex;flex-wrap: wrap;flex-direction:column-reverse}
.news_box .right .contacts .imgs{display:none}
.news_box>div .lists{width:100%}
.news_box>div .right{width:100%}
.news_box .right .search{margin:0 0 .5rem}
.news_box .right .categories{margin:0 0 .5rem}
.company .infos .text{grid-template-columns:1fr;grid-gap:.3rem}
.company .infos ul{grid-template-columns:1fr;grid-gap:.3rem}
.company .pics ul {grid-template-columns:33.33%33.33% 33.33%;}
.company .pics ul .img img{height:auto}
.culture .box{grid-template-columns:1fr;grid-gap:.3rem}
.history .lists .swiper-container .swiper-slide-active .items h2{font-size:.36rem}
.history .lists .swiper-container .items h2{font-size:.3rem}
.history .lists .swiper-container .items .text{height:2rem}
.recruitment .title{padding:1rem 0}
.map iframe{height:300px}
.contact_box .contact .text ul{grid-template-columns:1fr;grid-gap:.3rem}
.contact_box .message .form ul{grid-template-columns:1fr;grid-gap:.2rem 0}
.contact_box .message .form ul li input{height:1rem}
.contact_box .contact{padding:0 0 6rem}
}
/********mobile*********/
@media(max-width:767px){

}