@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:80%;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: 1280px;margin: 0 auto;overflow: hidden;}
.fenlei ul{}
.fenlei ul li{float: left;
    margin-right: 0.6vw;
    background: #e7e7e7;
    padding: 0.6vw 3vw;}
.fenlei ul li a{color: #333;
    font-size: 0.85vw;
    font-weight: bold;}

.liebiao{width: 1280px;overflow: hidden;
    margin:40px auto 80px auto;}
.liebiao ul{}
.liebiao ul li{margin-right: 16px;width: 350px;padding: 30px 30px 80px 30px;margin-bottom: 15px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    float: left;text-align: center;
    background: #fff;}
.liebiao ul li:nth-child(5) {
    margin-right: 0px;}
.liebiao ul li img{width: 80%;margin: 2vw 0;}
.liebiao ul li h3{font-size: 1vw;}
.liebiao ul li p{}
.liebiao ul li a{background: #222;
    color: #fff;
    padding: 0.5vw 2vw;
    border-radius: 20px;}
@media (max-width: 768px) {
.ryall {
    width: 100%;
    background: #f7f7f7;
    padding: 100px 0 0px 0;
    overflow: hidden;
    margin: 0vw auto;
}
.about {
        width: 96%;
        position: relative;
        overflow: hidden;
        margin: 0 2%;
    }
.about h3 {
    color: #000;
    text-align: center;
    font-size: 5vw;
    font-weight: 600;
    letter-spacing: .017rem;
    margin-bottom: 2.5vw;
}    
.about p {
        line-height:6vw;
        font-size: 3.5vw;
        color: #333;
        width: 90%;
        font-weight: 100;
        margin: 5vw 5%;
        text-align: justify;
    } 
.fenlei {
        width: 90%;
        overflow: hidden;
        margin: 5vw 5%;
    }
.fenlei ul li {
    float: left;
    background: #e7e7e7;
    padding: 2.6vw 10.5vw;
    margin: 2vw 2vw;
}

.fenlei ul li a {
    color: #333;
    font-size:3.5vw;
    font-weight: bold;
}
.liebiao {
        width: 96%;
        overflow: hidden;
        margin: 0 5%;
    }
.liebiao ul li {
    margin-right: 0vw;
    width: 90%;
    padding: 10vw 2%;
    margin-bottom: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    float: left;
    text-align: center;
    background: #fff;
}
.liebiao ul li h3 {
        font-size: 4vw;
        margin-bottom: 0vw !important;
        margin-top: 2vw;
    }
.liebiao ul li a {
    background: #222;
    color: #fff;
    padding: 1.5vw 7vw;
    border-radius: 20px;
    font-size: 3.5vw;
}
}