.title{text-align:center; padding-bottom:18px;}
.title h2{font-size:28px;}
.title p{opacity:.68; font-size:16px; font-family:Times, serif, Microsoft Yahei;}
.title:after{width:58px; height:3px; display:block; content:''; margin:12px auto 0 auto; background:rgb(0,165,235);}
@media(max-width:767px){ 
.title{padding-bottom:12px;}
.title h2{font-size:24px;}
.title p{font-size:14px;}
.title:after{width:38px; height:2px; margin:8px auto 0 auto;}
}

.product{background:rgba(0,0,0,0); overflow:hidden; }
.product .list-box{text-align:center;}
.product .list-box ul{}
.product .list-box ul:after{display:block; content:''; clear:both;}
.product .list-box ul li{width:25%; float:left;}
.product .list-box ul li a{display:block; transition:.3s;}
.product .list-box ul li a span{display:block; overflow:hidden;}
.product .list-box ul li a span img{display:block; width:100%; transition:.3s;}
.product .list-box ul li a:hover span img{transform:scale(1.05);} 
.product .list-box ul li a h4{display:block; padding-bottom:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:inherit;}
.product .list-box ul li a h3{display:block; text-align:center; color:red;}
@media(min-width:992px){
.product{padding-top:28px; padding-bottom:28px;}
.product .list-box ul li{width:25%;}
}
@media(max-width:991px){
.product{padding-top:18px; padding-bottom:18px;}
.product .list-box ul li{width:50%;}
}
@media(min-width:768px){ 
.product .list-box ul{margin:0 -8px;}
.product .list-box ul li{padding:8px;}
.product .list-box ul li a h4{padding:8px;}
}
@media(max-width:767px){ 
.product .list-box ul{margin:0 -4px;}
.product .list-box ul li{padding:4px;}
.product .list-box ul li a h4{padding:4px;}
}



.introduce{background:rgb(247,248,249); overflow:hidden; }
.introduce .content{margin-top:18px;}
.introduce .content:after{display:block; content:''; clear:both;}
@media(min-width:992px){
.introduce .content>img{float:left; width:33.333%;}
.introduce .content>img+aside{float:left; width:66.6666%; padding-left:28px;}
.introduce{padding-top:28px; padding-bottom:28px;}
}
@media(max-width:991px){
.introduce{padding-top:18px; padding-bottom:18px;}
}
@media(max-width:767px){
.introduce aside{margin-top:8px;}
}