@charset "utf-8";
#about{margin:50px auto}
.aboutL{float:left}
.aboutR{float:right}
.aboutL img{max-width:100%}
.title h2,.title2 h2{font-size:34px;line-height:1;margin-top:19px}
.title h4,.title2 h4{font-size:20px;position:relative;color:#ada9aa}
.title h4:after,.title2 h4:after{bottom:-5px;display:block;content:'';width:50px;height:3px;background:#d91312;position:absolute}
.aboutR>p{line-height:1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.aboutR ul{margin-top:25px}
.aboutR li{text-align:center}
.aboutR img{margin:0 auto;display:block}
.aboutR li h4{line-height:2.7}
.aboutR li p{font-size:12px;color:#666;line-height:1.5}
#product{background:#fafafa;padding:50px 0}
.title{text-align:center;margin-bottom:50px}
.title h4:after{left:50%;margin-left:-25px}
.slides li{border:1px solid #fff;box-sizing:border-box;}
.slides li a{display:block;width: 100%;position: relative;height: 0;padding: 0 0 67% 0;}
.slides li img{display:block;position: absolute;width: 100%;height: 100% !important;}
.slides li dl{position:absolute;z-index:3;bottom:0;width:100%;height:10%;text-align:center;background:rgba(0,0,0,.5);color:#fff;transition:.5s all}
.slides li:hover dl{height:100%}
.slides li:hover dt{margin-top:10%}
.slides li:hover dd{opacity:1}
.slides li dd{height:80%;margin:0 5% 10%}
#ys{}
#ys h3{
    border-bottom: 2px solid #cecece;
    font-size: 24px;
    font-weight: bold;
    padding-left: 66px;
    color: #666;
    line-height: 68px;
}
#ys ul{}
#ys li{
    line-height: 26px;
    padding-left: 14px;
    font-size: 14px;
    margin-top: 10px;
    background: url(../images/dian1.png) no-repeat 0 12px;
    color: #555555;
}
#ys img{
    max-width: 80%;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}
.ys1,.ys3{}
.ys2,.ys4{
    background: #f2f2f2;
}
.ys1 h3{
    margin-top: 50px;
    background: url(../images/ys01.png) no-repeat 0 center;
}
.ys2 h3{
    margin-top: 98px;
    background: url(../images/ys02.png) no-repeat 0 center;
}
.ys3 h3{
    background: url(../images/ys03.png) no-repeat 0 center;
    margin-top: 133px;
}
.ys4 h3{
    margin-top: 80px;
    background: url(../images/ys04.png) no-repeat 0 center;
}
.title2{margin-bottom:30px;}
.newsL img{max-width:100%}
.newsR li{background:#efefef;overflow:hidden;margin:0 0 10px 0}
.newsR .itime{width:100px;padding:14px 0;float:left;text-align:center}
.newsR .itime span{display:block;font-size:20px}
.newsR .icon{padding-left:110px;padding-right:10px;padding-top:5px;padding-bottom:6px}
.newsR .icon a{font-size:16px;display:block;border-bottom:1px dashed}
.newsR .icon p{font-size:14px}
.newsR li:hover .itime{background:#e40001;color:#fff}
.newsR li:hover .icon{background:#0b6db6;color:#fff}
.newsR li:hover a{color:#fff}
#contact{background:url(../images/contact.jpg) no-repeat center;margin-top:50px}
.contactR{background:rgba(0,0,0,.5);color:#fff}
.contact-img{margin:44px 0}
.contact-img img{display:block;border:1px solid;max-width:100%}
@media (max-width:767px){
    #about{margin: 10px 0;}
    .title2{text-align:center;}
    .title h4:after, .title2 h4:after{left:50%;margin-left:-25px}
    #contact{margin-top: 30px;}
    #product{padding: 15px 0;}
    .ys1 h3,.ys2 h3,.ys3 h3,.ys4 h3{margin:0}
}