@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; }

.article{width: 100%;
    background: #fff;
    overflow: hidden;
    margin: 0px auto 0px auto;
    max-width: 1600px;
    padding:0vw 0%;
    text-align:center;
    padding-bottom: 4vw;
    }

.article h3{font-size:26px !important;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: 1.5% 3%;}
.article p img{width:100%;}

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:2.2vw;font-weight:bold;color:#fff;position:absolute;top:300px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}
.banner dd{font-size:1vw;font-weight:normal;color:#fff;position:absolute;top:370px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}

.news{width:72%;margin:3vw auto;overflow: hidden;float: right;}
.news h3{font-size:36px;color:#333;font-weight:bold;}

.news dl{padding:0;margin:80px 0 0 0;overflow: hidden;}
.news dl dt{float:left;width:100%;margin-right:0%;border-bottom: 1px solid #ddd;margin-bottom: 4%;padding-bottom: 1%;text-align: left;}
.news dl dt img{width:35px;float: left;}
.news dl dt a{width:100%;}
.news dl dt span{font-size:14px;color:#666;padding-top:10px;float: right;}
.news dl dt h4{font-size:16px;color:#333;padding:5px 0;font-weight:normal;float: left;padding-left:1vw;}
.news dl dt p{font-size:14px;color:#666;}

.current {
	width: auto;
	float: right;
	height: 66px;
	color: #858585;
	line-height: 65px;
	overflow: hidden;
	text-align: right
}
.current p{ position:relative; display:inline-block; padding-left:20px;}
.current p::before {
    content: '';
    position: absolute;
    top:50%;
    left: 0%;
    height:15px; background:url(../images/home_icon.png) center center no-repeat;
    width:16px; margin-top:-8px;
}

.current a {
	color: #858585;font-size: 14px;
}

.current a:hover {
	color: #0a3f74
}

.current span {
	color: #0a3f74;font-size: 14px;
	text-decoration: underline
}

.shili {
    padding: 0px 0 1px 0;
    height: auto;
    margin: 0 auto 0px auto;
    text-align: center;
    background-image: url(../images/anlibg.png);
    overflow: hidden;
}
.zzsc {
    width: 1280px;
    height: auto;
    margin: 0px auto;
}

@media screen and (max-width: 767px) and (min-width: 0px){
.banner img {
    width: 100%;
    position: relative;
    margin-top: 10vw;
}
.banner h3 {
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 22vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.banner dd {
    font-size: 4vw;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 28.5vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.news {
    width: 98%;
    margin: 30px auto;
    overflow: hidden;
    float: left;
}	
.news h3 {
    font-size: 5vw;
    color: #333;
    font-weight: bold;
}
.news ul {
    padding: 0;
    margin: 30px 0 0 0;
}
.news ul li {
    float: left;
    width: 100%;
    margin-right: 2%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4%;
    padding-bottom: 1%;
    display: none !important;
}
.news ul li h4 {
    font-size: 14px;
    color: #333;
    padding: 15px 0;
    font-weight: normal;
}

.zzsc {
    width: 96%;
    height: auto;
    margin: 0px auto;
}
	
}