.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(239,72,72);}
@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:; overflow:hidden; }
.product .list-box{text-align:center;}
.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;border-radius: 10px 10px 0 0;}
.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:0 0 4px 0;line-height:38px;}
}
@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:0px 20px 2px 2px;}
}
.introduce{overflow:hidden; background:rgba(213,213,213,0.25); }
.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;}
}

.news{overflow:hidden; background:; }
.news .list-box ul:after{display:block; content:''; clear:both;}
.news .list-box ul li{float:left;border-bottom: 1px dashed #f0f0f0;}
.news .list-box ul li a{transition:.3s;}
.news .list-box ul li>div>p{color:#767676;}
.news .list-box ul li>a>span{float:left; overflow:hidden; width:160px;}
.news .list-box ul li a span img{display:block; transition:.3s;}
.news .list-box ul li a:hover span img{transform:scale(1.1);} 
.news .list-box ul li>div{padding-left:178px;}
.news .list-box ul li>div h3{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .list-box ul li>div i{opacity:.68; font-style:normal; display:block; padding:8px 0;}
.news .list-box ul li>div p{opacity:.88; overflow:hidden; height:56px;}
@media(min-width:992px){
.news{padding-top:28px; padding-bottom:28px;} 
.news .list-box ul{margin:0 -8px;}
.news .list-box ul li{width:50%; padding:8px;}
}
@media(max-width:991px){
.news{padding-top:18px; padding-bottom:18px;} 
.news .list-box ul li{width:100%; padding:4px 0;}
}
@media(min-width:768px){ 
}
@media(max-width:767px){ 
.news .list-box ul li>a>span{width:100px;}
.news .list-box ul li>div{padding-left:108px;}
.news .list-box ul li>div i{padding:0;}
.news .list-box ul li>div p{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}
.product .list-box ul li a h4{margin-top:1px;}
.product ul li a:hover h4 { 
     background:rgb(239,72,72);
     color: white;
     border-radius:0 0 10px 10px;
}
.youshi li div:nth-child(2) {
    font-size: 20px;
}
.youshi li div:first-child {
    width: 100px;
    height: 100px;
    line-height: 70px;
    font-size: 40px;
    margin: 0 auto;
    background-color: #d7d7d7;
    padding: 15px;
    border-radius: 90px;
    margin-bottom: 10px;
    color:rgb(239,72,72);
}
.youshi ul li:hover div:first-child {
    background-color:rgb(239,72,72);
    color: white;
}
.youshi ul li:hover p { 
    font-weight: 400;
    color: rgb(239,72,72);
}