@charset "utf-8";
/* CSS Document */
html{ font-size:14px; }
body{font-family: Source Han Sans CN, Microsoft JhengHei, PingFang SC, Source Han Serif SC, Microsoft YaHei, sans-serif;
 margin:0;
 padding:0;
 background-color:#fff;
 overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

.ryall{width:100%;background:#f7f7f7;padding:100px 0 80px 0;overflow: hidden;margin:0vw auto;}

.about{width:1280px;position: relative;overflow: hidden;margin:60px auto 0px auto;}
.about h3{color: #000;text-align: center;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: .017rem;
    margin-bottom: .5vw;}
.about p{line-height: 28px;text-align: center;
    font-size: 16px;
    color: #333;
    width: 100%;
    font-weight: 100;
    margin: 0px 0 40px 0;}

.fenlei{width: 160px;margin-right: 50px;
    float: left;}
.fenlei ul{}
.fenlei ul li{float: left;    margin-bottom: 1vw;
    margin-right: 0.6vw;
    padding: 5px 0px;
    width: 160px;
    border-radius: 30px;}
.fenlei ul li a{color: #333;
    font-size: 0.85vw;
    font-weight: bold;}

.liebiao{width:1070px;
    margin: 0;
    float:left;}
.liebiao ul{}
.liebiao ul li{margin-right:30px;width:326px;padding: 0px 0px 80px 0px;margin-bottom: 30px;
    float: left;text-align:left;}
.liebiao ul li:nth-child(3n) {
    margin-right: 0px;}
.liebiao ul li img{width: 100%;margin: 0vw 0;height: 200px;}
.liebiao ul li h3{font-size: 1vw;font-weight: normal;text-align: left;color: #222;margin: 1vw 0 0.3vw 0;}
.liebiao ul li p{text-align: left;font-size: 0.9vw;}
.liebiao ul li a{text-decoration: underline;font-size: 0.9vw;
    color: #333;
    padding: 0.5vw 0vw;
    border-radius: 20px;}
@media (max-width: 768px) {
.ryall {
        width: 100%;
        background: #f7f7f7;
        padding: 15vw 0 7vw 0;
        overflow: hidden;
        margin: 0vw auto;
    }
.about {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 60px auto 0px auto;
}
.about h3 {
    color: #000;
    text-align: center;
    font-size: 5vw;
    font-weight: 600;
    letter-spacing: .017rem;
    margin-bottom: .5vw;
}
.about p {
    line-height: 6vw;
    text-align: center;
    font-size: 3.5vw;
    color: #333;
    width: 100%;
    font-weight: 100;
    margin: 3vw 0 2vw 0;
}
.fenlei {
    width: 23vw;
    margin-right: 50px;
    float: left;
}
.fenlei ul li a {
    color: #333;
    font-size: 3.5vw;
    font-weight: bold;
}
.about {
    width: 90%;
    position: relative;
    overflow: hidden;
    margin: 60px auto 0px auto;
}
.liebiao {
    width: 100%;
    margin: 0;
    float: left;
}
.liebiao ul li {
    margin-right: 3%;
    width: 90%;
    padding: 0vw 0vw 5vw 0vw;
    margin-bottom: 5vw;
    float: left;
    text-align: left;
}
.liebiao ul li h3 {
    font-size: 3.5vw;
    font-weight: normal;
    text-align: left;
    color: #222;
    margin: 4vw 0 0.3vw 0;
}
.liebiao ul li p {
    text-align: left;
    font-size: 3.5vw;
}
.liebiao ul li a {
    text-decoration: underline;
    font-size: 3.5vw;
    color: #333;
    padding: 1.5vw 0vw;
    border-radius: 20px;
}
.fenlei {
    width: 23vw;
    margin-right: 50px;
    float: left;
    margin-bottom: 6vw;
}
}