@charset "utf-8";
.title{text-align:center;font-size:30px;position:relative;margin:50px 0;display:flex;justify-content:space-between;align-items:center}
.title:after,.title:before{content:'';display:block;flex:1;height:1px;background:#eeeeee}
.title span{margin:0 40px}
.title span:after{content:'';display:block;width:60px;height:3px;background:#EE0004;margin:0 auto}
#in-about{padding-bottom:70px;}
#in-about .aboutL{width:50%;position:relative;max-width:687px}
#in-about .aboutL img{display:block;width:100%;border-radius:5px}
#in-about .aboutR{width:48%;height:100%}
#in-about .aboutR div{font-size:18px;text-indent:2em;line-height:2;margin-bottom:30px;color:#444;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden}
#in-about .aboutR a{display:inline-block;border:1px solid;color:#D0D0D0;padding:0 15px}
#in-about .aboutR a:hover{color:#EE0004}
@media (max-width:1200px){
	#in-about .aboutR div{font-size:15px;line-height:1.6}
}
@media (max-width:1024px){
	.title{font-size: 28px;margin:30px 0}
	.title:after,.title:before{content:'';display:block}
	#in-about{padding-bottom:40px}
	#in-about .aboutR div{font-size:14px;text-indent:2em;-webkit-line-clamp:10}
}
@media (max-width:768px){
	.title{font-size: 20px;}
	.title:after,.title:before{content:'';display:block}
	#in-about .aboutL{width:98%}
	#in-about .aboutR{width:100%;margin-top:30px}
	#in-about .aboutR div{-webkit-line-clamp:11}
}

#in-product{background: url(../images/product_bg.jpg) no-repeat center;overflow: hidden;}
.category{flex-wrap:nowrap;justify-content: space-around;}
.category a{display:block;text-align:center;line-height: 2;font-size: 20px;}
.category a:hover{color:#EE0004}
.product-list{margin-top: 40px;margin-bottom:30px}
.product-list li{width: 32%;}
.product-list .pro-img{position:relative;height:0;width:100%;padding:0 0 90% 0;border:1px solid #EDEDED}
.product-list .pro-img a{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:3px solid #fff;box-sizing:border-box;background: #fff;border-radius: 10px;overflow: hidden;}
.product-list .pro-img a img{display:block;max-width:100%;max-height:100%}
.product-list .pro-img a:hover{border:3px solid #EE0004}
.product-list .pro-tit{text-align:center;line-height:3;font-size:18px;margin:10px 0 30px}
@media (max-width:1200px){
	.product-list .pro-tit{font-size:16px}
	.category a{font-size: 18px;}
}
@media (max-width:1024px){
	.product-list .pro-tit{font-size:16px}
	.category a{font-size: 16px;}
}
@media (max-width:768px){
	.category{flex-wrap:wrap}
	.category a{font-size:14px;width:32%}
	.product-list li{width:49%}
	.product-list .pro-tit{font-size:14px;line-height:2;margin:5px 0 10px}
}


#in-news{}
.news{margin-bottom:60px}
.news li{cursor:default;display:block;width:48%;height:140px;padding:30px 20px 30px 140px;margin:0;float:left;position:relative;box-sizing:border-box}
.news li .news-time{width:100px;margin:0;padding:10px 0;background:#E3E3E3;color:#757575;position:absolute;left:20px;top:30px;font-size:26px;line-height:30px;display:block;text-align:center}
.news li .news-text a{display:block;width:100%;height:22px;overflow:hidden;line-height:22px;font-size:18px;margin:0 0 10px;cursor:pointer;transition:all 0.3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news li .news-text p{font-size:14px;color: #666;height:48px;line-height:24px;text-align:justify;overflow:hidden;text-overflow:ellipsis}
.news li:hover .news-time{background:#EC0004;color:#fff}
@media (max-width:768px){
	.news{margin-bottom:30px}
	.news li{width:100%;padding:10px 0 10px 110px;height:100px}
	.news li .news-time{top:10px;left:0;font-size:20px;width:100px}
	.news li .news-text a{font-size:16px}
	.news li .news-text p{font-size:14px}
}
#link{
    background: #eee;
    line-height: 2;
    padding: 10px 0;
}
#link .container{}
#link a{}
#link a:hover{}