@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0;}
body{ overflow-x: hidden;}
img{ border:none; font-size: 0; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;display: inline-block; }
li{ list-style: none; }

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:50px;font-weight:bold;color:#fff;position:absolute;top:300px;left:9vw;text-shadow: 3px 3px 7px #333;}
.banner dd{font-size:24px;font-weight:bold;color:#fff;position:absolute;top:370px;left:9vw;text-shadow: 3px 3px 7px #333;}

.caidan{width:100%;position: relative;overflow: hidden;}
.caidanj{width: 100vw;margin:30px auto;overflow: hidden;border-bottom: 1px solid #ddd;}
.caidanj ul{padding:0;margin:0px auto;width: 80vw;}
.caidanj ul li{float:left;width:150px;}
.caidanj ul li a{font-size:18px;color:#333;line-height: 55px;}
.caidanj ul li a.active{color: #58c6fb;border-bottom: 1px solid #58c6fb;font-weight:bold;}

.liebiao{width:80vw;position: relative;overflow: hidden;margin:50px auto;}
.liebiao ul{padding:0;margin:0;}
.liebiao ul li{float:left;width:19%;padding:2%;margin-right:2%;background: #f3f7f4;margin-bottom:2%;}
.liebiao ul li h3{font-size:16px;font-weight:normal;color:#333;margin:0;line-height:55px;}
.liebiao ul li span{font-size:14px;font-weight:normal;color:#666;margin-bottom: 2vw;}
.liebiao ul li img{width:100%;margin: 1vw 0;}
.liebiao ul li p{font-size:14px;font-weight:normal;color:#666;margin-bottom: 2vw;line-height:25px;}
.articleA{width:100%;background: #f9f9f9;padding: 5vw 0;margin-top: 2vw;}
.article{width: 1200px;
    background: #fff;
    overflow: hidden;
    margin: 0px auto 0px auto;
    max-width: 1600px;
    padding:0vw 0%;
    text-align:center;
    padding-bottom: 4vw;
    min-width: 1200px;}

.article h3{font-size:36px;color:#333;font-weight:normal;padding-top:5vw;}
.article dd{font-size:16px;color:#333;font-weight:normal;line-height:30px;text-align:center;padding: 15px 0 30px 0;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.article p{font-size:16px;color:#666;font-weight:normal;line-height:30px;text-align:left;padding: 0 5%;}
@media (max-width:760px){
.banner h3 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 80px;
    left: 9vw;
    text-shadow: 3px 3px 7px #333;
}
.banner dd {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 113px;
    left: 9vw;
    text-shadow: 3px 3px 7px #333;
}
.caidanj ul li {
    float: left;
    width: 33%;
}
.caidanj ul li a {
    font-size: 14px;
    color: #333;
    line-height: 55px;
}
.liebiao {
    width: 96%;
    position: relative;
    overflow: hidden;
    margin: 5px auto;
}
.liebiao ul li {
    float: left;
    width: 44%;
    padding: 2%;
    margin-right: 2%;
    background: #f3f7f4;
    margin-bottom: 2%;
}
}
@media (max-width: 760px) {
    .caidanj {
    width: 100%;
    margin: 30px auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.caidanj ul {
    padding: 0;
    margin: 0px auto;
    width: 96%;
}
.liebiao ul li h3 {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin: 0;
    line-height: 55px;
}

.article {
    width: 100%;
    background: #fff;
    overflow: hidden;
    margin: 30px auto 0px auto;
    max-width: 100%;
    padding: 0vw 0%;
    text-align: center;
    padding-bottom: 4vw;
    min-width: 100%;
}
.article h3 {
    font-size: 4.5vw;
    color: #333;
    font-weight: normal;
}
.article p {
    font-size: 3.5vw;
    color: #666;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
}
.article p img {
    width: 100% !important;
    height: auto !important;
}
}