@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;}

/*banner*/
.banner{ width:1280px;clear: both; position: relative;margin:3vw auto;}
.banner img{ width: 100%;position: relative;}
.banner h3{font-size: 2vw;
    width: 1280px;
    text-align: left;
    color: #fff;
    position: absolute;
    top:8vw;
    font-weight: 600;
    margin-left: -640px;
    left: 60%;}
.banner p{font-size: 1.1vw;
    color: #fff;
    position: absolute;
    width: 680px;
    text-align: left;
    top: 11.5vw;
    font-weight: 300;
    margin-left: -640px;
    left: 60%;}
.banner a{font-size: .85vw;margin-right: 1vw;top: 18.5vw;margin-left: -640px;position: absolute;
    left: 60%;
    background: #fff;
    float:left;
    width: 220px;    
    font-weight:normal;    
    color: #333;
    height: 2.3vw;
    border-radius: 30px;
    text-align: center;
    line-height: 2.3vw;}

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

.jieshao{width:1280px;margin:5vw auto;overflow: hidden;}
.jieshaol{width:100%;}
.jieshaol dd{font-family: "Poppins", sans-serif;color:#222;
    font-size: 3.5vw;
    padding-bottom: 1vw;
    font-weight: bold;}
.jieshaol h3{color:#222;font-size: 2vw;
    padding-bottom: 1vw;
    top: 0vw;
    position: relative;
    left: 0vw;}
.jieshaol p{color:#666;font-size:.9vw;line-height: 1.7vw;}

.jieshaor{width:100%;}
.jieshaor ul{}
.jieshaor ul li{background: #fff;box-shadow:3px 0px 15px 0px #efefef;
    border-radius: 15px;
    width: 16%;
    margin:2vw 1% 2% 0%;
    float: left;
    text-align: center;
    padding: 4%;}
.jieshaor ul li img{width:3vw;    margin-bottom: 1vw;}
.jieshaor ul li h4{font-size: 0.9vw;
    height: 5vw;
    line-height: 1.4vw;
    font-weight: normal;}

.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 h3{color:#222;font-size: 2vw;
    padding-bottom: 2vw;}
.neirong{margin-right: 16px;width: 1210px;padding: 80px;margin-bottom: 15px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    float: left;text-align: center;
    background: #fff;}
.neirongr{float:left;text-align: left;margin-left: 50px;
    width: 750px;}
.neirong img{width: 300px;
    margin: 0vw 0;
    float: left;}
.neirongr h3{font-size: 1.2vw;}
.neirongr p{font-size: 0.8vw;    padding-bottom: 3vw;
    line-height: 1.4vw;}
.neirongr a{background: #222;
    color: #fff;
    padding: 0.5vw 2vw;
    border-radius: 20px;}

.fuzai{width:1280px;margin:5vw auto;overflow: hidden;}
.fuzail{float:left;width:100%;}
.fuzail dd{font-family: "Poppins", sans-serif;color:#222;
    font-size: 3.5vw;
    padding-bottom: 1vw;
    font-weight: bold;}
.fuzail h3{color:#222;font-size: 2vw;
    padding-bottom: 2vw;
    top: 0vw;
    position: relative;
    left: 0vw;}
.fuzail p{color:#666;font-size:.9vw;line-height: 1.7vw;}

.fuzair{width:100%;}
.fuzair ul{}
.fuzair ul li{background: #fff;box-shadow:3px 0px 15px 0px #efefef;
    border-radius: 15px;
    width: 24.3%;
    margin:2vw 1% 0 0;
    float: left;
    text-align: center;
    padding: 4%;}
.fuzair ul li img{width:6vw;margin-bottom: 1vw;}
.fuzair ul li h4{font-size: 1vw;color:#222;padding-bottom:1vw;
    line-height: 1.4vw;
    font-weight: bold;}
.fuzair ul li p{font-size: 0.85vw;
    height: 3vw;
    line-height: 1.4vw;
    font-weight: normal;}

.liucheng{width:1280px;overflow: hidden;
    margin: 0 auto 5vw auto;}
.liucheng h3{color:#222;font-size: 2vw;
    padding-bottom: 2vw;}	
.liucheng p{font-size: 0.85vw;
    line-height: 1.8vw;
    font-weight: normal;
    width: 26%;
    float: left;
    background: #fff;
    border-radius: 15px;
    padding: 3%;
    margin-right: 1%;}


.anli{width:1280px;
    margin: 0 auto;}
.anli h3{color:#222;font-size: 2vw;
    padding-bottom: 2vw;}	
.anli ul{}
.anli ul li{margin-right:30px;width:406px;padding: 0px 0px 80px 0px;margin-bottom: 30px;
    float: left;text-align:left;}
.anli ul li:nth-child(3n) {
    margin-right: 0px;}
.anli ul li img{width: 100%;margin: 0vw 0;height: 230px;}
.anli ul li h3{font-size: 1vw;font-weight: normal;text-align: left;color: #222;margin: 1vw 0 0.3vw 0;}
.anli ul li p{text-align: left;font-size: 0.9vw;}
.anli 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: 0vw 0 6vw 0;
    overflow: hidden;
    margin: 0vw auto;
}  
.banner {
    width: 100%;
    clear: both;
    position: relative;
    margin: 0vw auto;
}
.banner h3 {
    font-size: 5vw;
    width: 1280px;
    text-align: left;
    color: #fff;
    position: absolute;
    top: 8vw;
    font-weight: 600;
    margin-left: 0;
    left: 5%;
}
.banner p {
    font-size: 4vw;
    color: #fff;
    position: absolute;
    width: 90%;
    text-align: left;
    top: 16.5vw;
    font-weight: 300;
    margin-left: 0;
    left: 5%;
}
.jieshao {
    width: 94%;
    margin: 5vw auto;
    overflow: hidden;
}
.jieshaol h3 {
    color: #222;
    font-size: 5vw;
    padding-bottom: 1vw;
    top: 0vw;
    position: relative;
    left: 0vw;
}
.jieshaol p {
    color: #666;
    font-size: 3vw;
    line-height: 5.5vw;
}
.jieshaor ul li {
    background: #fff;
    box-shadow: 3px 0px 15px 0px #efefef;
    border-radius: 15px;
    width: 40%;
    margin: 2vw 2% 2% 0%;
    float: left;
    text-align: center;
    padding: 4%;
}
.jieshaor ul li img {
    width: 8vw;
    margin-bottom: 1vw;
}
.jieshaor ul li h4 {
    font-size: 3.5vw;
    height: 5vw;
    line-height: 4.4vw;
    font-weight: normal;
}
.jieshaor ul li h4 {
    font-size: 3.5vw;
    height: 19vw;
    line-height: 4.4vw;
    font-weight: normal;
}
.liebiao {
    width: 94%;
    overflow: hidden;
    margin: 3vw auto 5vw auto;
}
.liebiao h3 {
    color: #222;
    font-size: 5vw;
    padding-bottom: 3vw;
}
.neirong {
    margin-right: 2%;
    width: 88%;
    padding: 5%;
    margin-bottom: 3vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    float: left;
    text-align: center;
    background: #fff;
}
.neirong img {
    width: 100%;
    margin: 0vw 0;
    float: left;
}
.neirongr {
    float: left;
    text-align: left;
    margin-left: 0px;
    width: 100%;
}
.neirongr p {
    font-size: 3.5vw;
    padding-bottom: 5vw;
    line-height: 5vw;
}
.neirongr a {
    background: #222;
    color: #fff;
    padding: 1.5vw 6vw;
    border-radius: 20px;
}
.fuzai {
    width: 94%;
    margin: 5vw auto;
    overflow: hidden;
}
.fuzail h3 {
    color: #222;
    font-size: 5vw;
    padding-bottom: 2vw;
    top: 0vw;
    position: relative;
    left: 0vw;
}
.fuzair ul li {
    background: #fff;
    box-shadow: 3px 0px 15px 0px #efefef;
    border-radius: 15px;
    width: 92%;
    margin: 2vw 0% 0 0;
    float: left;
    text-align: center;
    padding: 4%;
}
.fuzair ul li img {
    width: 20vw;
    margin-bottom: 1vw;
}
.fuzair ul li h4 {
    font-size: 4vw;
    color: #222;
    padding-bottom: 1vw;
    line-height: 1.4vw;
    font-weight: bold;
}
.liucheng {
    width: 94%;
    overflow: hidden;
    margin: 0 auto 5vw auto;
}
.liucheng h3 {
    color: #222;
    font-size: 5vw;
    padding-bottom: 2vw;
}
.liucheng p {
    font-size: 3.5vw;
    line-height: 4.8vw;
    font-weight: normal;
    width: 94%;
    float: left;
    background: #fff;
    border-radius: 15px;
    padding: 3%;
    margin-right: 0%;
    margin-bottom: 3vw;
}
.anli {
    width: 94%;
    margin: 0 auto;
}
.anli h3 {
    color: #222;
    font-size: 5vw;
    padding-bottom: 3vw;
}
.anli ul li {
    margin-right: 0;
    width: 100%;
    padding: 0px 0px 80px 0px;
    margin-bottom: 3vw;
    float: left;
    text-align: left;
}
.anli ul li img {
    width: 100%;
    margin: 0vw 0;
    height: auto;
}
.anli ul li h3 {
    font-size: 5vw;
    font-weight: normal;
    text-align: left;
    color: #222;
    margin: 3vw 0 0.3vw 0;
}
.anli ul li p {
    text-align: left;
    font-size: 4vw;margin-bottom: 5vw;
}
.anli ul li a {
    text-decoration: underline;
    font-size: 4vw;
    color: #333;
    padding: 3.5vw 0vw;
    border-radius: 20px;
}
}