@import url('common.css');
@import url('animate.css');
body{background:#f9f9f9;}
h2.childitem{overflow:hidden;font-size:0.16rem;text-align:center;}
h2.childitem a,h2.childitem span{display:inline-block;color:#353535;height:48px;line-height:48px;padding:0 15px;overflow:hidden;}
h2.childitem a:hover,h2.childitem a.on{color:#eb222a;border-bottom:solid 2px #eb222a;}
.childitem_ct{display:none;}
.comtitle{overflow:hidden;margin-bottom:0.1rem;}
.comtitle h2{text-align:center;font-size:0.2rem;color:#333333;font-weight:400;}
.comtitle h2 a,.comtitle h2 a:active{color:#333333;display:inline-block;}
.comtitle p{text-align:center;height:0.24rem;line-height:0.24rem;font-size:0.14rem;color:#666666;text-transform:uppercase;font-family:Arial;}
.comtitle h2 span{background:url(/cms/image/title.png) no-repeat center center;overflow:hidden;display:block;}
.serviceswrap{overflow:hidden;background:#ffffff;position:relative;margin-top:0.3rem;}
.serviceswrap .services{overflow:hidden;}
.serviceswrap .services .item{overflow:hidden;width:32%;float:left;margin-right:2%;margin-top:0.1rem;}
.serviceswrap .services .mr0{margin-right:0;}
.serviceswrap .services .item a{display:block;box-sizing:border-box;overflow:hidden;border-radius:0.05rem;position:relative;z-index:1}
.serviceswrap .services .item a img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.serviceswrap .services .item a h2{overflow:hidden;padding:0.01rem;position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;display:block;color:#ffffff;text-align:center;}
.serviceswrap .services .item a h2 span{display:flex;height:100%;align-items: center;justify-content: center;line-height:1.5;overflow:hidden;vertical-align:middle;font-size:0.14rem;}
.serviceswrap .services .item a:active h2 span{color:#ffffff;}
.serviceswrap .services .item a:active p.mk{background:#eb222a;}
.serviceswrap .services .item a:active img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}

.serviceswrap .detail{overflow:hidden;margin-top:30px;}
.serviceswrap .detail a {font-size:16px;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:200px;height:50px;line-height:50px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.serviceswrap .detail a::after {background-color:#eb222a;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.serviceswrap .detail a:hover::after{width:100%;}
.serviceswrap .detail a:hover{border-color:#eb222a;color:#ffffff;}



.partnerwrap{overflow:hidden;background:#ffffff;position:relative;margin:0.3rem 0;}
.partnerwrap .partner{overflow:hidden;}
.partnerwrap .tb{color:#eb222a;font-size:30px;text-align:center;}
.partnerwrap .partner .item{overflow:hidden;width:32%;float:left;margin-top:0.1rem;margin-right:2%;}
.partnerwrap .partner .mr0{margin-right:0;}
.partnerwrap .partner .item a{display:block;margin:0 auto;box-sizing:border-box;overflow:hidden;background:#ffffff;border:solid 1px #dddddd;position:relative;z-index:1}
.partnerwrap .partner .item a p.im{display:block;background:#ffffff;overflow:hidden;padding:0.02rem;margin-bottom:0;}
.partnerwrap .partner .item a p.im span{display:block;overflow:hidden;}
.partnerwrap .partner .item a p.im span img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.partnerwrap .partner .item a h3{overflow:hidden;padding:0.1rem;}
.partnerwrap .partner .item a h3 span{display:block;height:0.3rem;line-height:0.3rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:18px;}
.partnerwrap .partner .item a:hover h3 span{color:#eb222a;}
.partnerwrap .partner .item a:hover p.im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}

.partnerwrap .detail{overflow:hidden;margin-top:0.2rem;}
.partnerwrap .detail a {font-size:0.14rem;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:1.5rem;height:0.35rem;line-height:0.35rem;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.partnerwrap .detail a::after {background-color:#eb222a;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.partnerwrap .detail a:hover::after{width:100%;}
.partnerwrap .detail a:hover{border-color:#eb222a;color:#ffffff;}

.aboutwrap{margin-top:0.3rem;padding:0.3rem 0;overflow:hidden;background:url(/cms/image/about.jpg) no-repeat center top;background-size:cover;box-sizing:border-box;position:relative;}
.aboutwrap .about{overflow:hidden;position:relative;}
.about .jianjie {margin-top:0.1rem;position:relative;z-index:1;overflow:hidden;line-height:1.8;font-size:0.14rem;text-align:justify;}
.aboutwrap .detail{overflow:hidden;margin-top:0.2rem;}
.aboutwrap .detail a {font-size:0.14rem;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:1.5rem;height:0.35rem;line-height:0.35rem;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.aboutwrap .detail a::after {background-color:#eb222a;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.aboutwrap .detail a:hover::after{width:100%;}
.aboutwrap .detail a:hover{border-color:#eb222a;color:#ffffff;}
.brandswrap{overflow:hidden;background:#ffffff;position:relative;margin-top:0.3rem;}
.brandswrap .brands{overflow:hidden;}
.brandswrap .brands .citem {display:block;width:15%;margin-top:0.1rem;overflow:hidden;float:left;margin-right:2%;text-align:center;}
.brandswrap .brands .mr0{margin-right:0;}
.brandswrap .brands .citem a{display:block;position:relative;border:solid 0px #dddddd;box-sizing:border-box;overflow:hidden;}
.brandswrap .brands .citem a img{width:100%;max-width:100px;overflow:hidden;opacity:0.3;vertical-align:top;}
.brandswrap .brands .citem a p.mk{background:#dddddd;}
.brandswrap .brands .citem a h2{overflow:hidden;padding:0;position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;display:block;color:#000000;text-align:center;}
.brandswrap .brands .citem a h2 span{padding:0;display:flex;height:100%;align-items: center;justify-content: center;line-height:1.2;overflow:hidden;vertical-align:middle;font-size:0.12rem;}
.brandswrap .brands .citem a:active h2 span{color:#ffffff;}
.brandswrap .brands .citem a:active p.mk{background:#eb222a;}

.productswrap{margin:0.3rem 0;overflow:hidden;position:relative;}
.productswrap .products {overflow:hidden;}
.productswrap .products .item{overflow:hidden;}
.productswrap .products .mr0{margin-right:0;}
.productswrap .products .item a{display:block;overflow:hidden;box-sizing:border-box;position:relative;z-index:1}
.productswrap .products .item a .im{width:1.5rem;float:left;overflow:hidden;margin-right:0.1rem;position:relative;}
.productswrap .products .item a .im span{display:block;overflow:hidden;}
.productswrap .products .item a .im span img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.productswrap .products .item a .info h3{overflow:hidden;}
.productswrap .products .item a .info .ct{margin-top:0.01rem;line-height:1.5;color:#888888;font-size:0.14rem;overflow:hidden;}
.productswrap .products .item a .info h3 span{display:block;height:0.24rem;line-height:0.24rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:0.16rem;}
.productswrap .products .item a:active h3 span{color:#eb222a;}
.productswrap .products .item a:active{border-color:#eb222a;}
.productswrap .products .item a:active .im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.productswrap .products .item a p.price{color:#eb222a;font-size:0.16rem;background:rgba(255,255,255,0.8);position:absolute;z-index:100;top:0;right:0;padding:0.01rem 0.05rem;}
.productswrap .detail{overflow:hidden;margin-top:0.2rem;}
.productswrap .detail a {font-size:0.14rem;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:1.5rem;height:0.35rem;line-height:0.35rem;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.productswrap .detail a::after {background-color:#eb222a;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.productswrap .detail a:hover::after{width:100%;}
.productswrap .detail a:hover{border-color:#eb222a;color:#ffffff;}
.productswrap .products .newshr{height:0.1rem;line-height:0.1rem;margin-top:0.1rem;border-top:dashed 1px #dddddd;overflow:hidden;}

.linkwrap{overflow:hidden;position:relative;margin-bottom:50px;}
.linkwrap .link{display:block;overflow:hidden;box-sizing: border-box;border:solid 1px #dddddd;position:relative;overflow:hidden;}
.linkwrap .link span{position:absolute;z-index:10;left:0;top:0;background:#eb222a;height:100%;width:80px;}
.linkwrap .link span em{position:absolute;z-index:10;left:50%;margin-left:-20px;top:50%;margin-top:-20px;color:#ffffff;width:40px;height:40px;text-align:center;font-size:18px;line-height:20px;}
.linkwrap .link .linkct{padding:5px 5px 5px 80px;overflow:hidden;min-height:50px;line-height:25px;}
.linkwrap .link a{display:inline-block;margin-left:15px;}

@media only screen and (max-width:561px) 
{


}
@media only screen and (max-width:420px) 
{
 .productswrap .products .item{width:100%;float:none;margin-right:0;}

}