html{ font-size:12px; }
body{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{font:bold 1.7em Arial, Sans-Serif;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;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}
/*banner*/
.banner{width:100%;position:relative;}
.banner img{width:100%;}
.banner h3{top: 300px;font-size: 75px;color: #fff;font-weight: bold;position: absolute;left: 0%;text-align: center;width: 100%;}

/*新闻*/
.news{width:88%;margin:150px auto;overflow: hidden;}
.news h3{font-size:70px;color:#333;font-weight:bold;}

.news dl{padding:0;margin:80px 0 0 0;}
.news dl dt{float: left;border-radius: 15px;
    width: 23%;
    background: #8fc7f3;
    height: 8vw;
    text-align: center;
    margin-right: 2%;}
.news dl dt a{line-height: 8vw;
    font-size: 1.5vw;
    color: #fff;}

.news ul{padding:0;margin:80px 0 0 0;}
.news ul li{float:left;width:23%;margin-right:2%;margin-bottom:2%;}
.news ul li img{width:100%;}
.news ul li h4{font-size:18px;color:#333;padding:15px 0;}

@media (max-width: 760px) {
    
.banner h3 {
    top: 50px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0%;
    text-align: center;
    width: 100%;
}
.news {
    width: 88%;
    margin: 30px auto;
    overflow: hidden;
}
.news h3 {
    font-size: 30px;
    color: #333;
    font-weight: bold;
}
.news ul {
    padding: 0;
    margin: 30px 0 0 0;
}
.news ul li {
    float: left;
    width: 31%;
    margin:2% 1%;
}


}