@charset "utf-8";
*{margin:0 auto;padding:0;margin:0;border:0;}
body{color:#333333;font-size:14px;
	background-color: #f0eff4;
}
body a{font-family: "微软雅黑";}
ul,li{ list-style:none;padding:0;margin:0;}
tbody,tr,td{ list-style:none;padding:0;margin:0;border:0;}
img{ border:0;}
.hr{height:1px;
	clear: both;
}
a{text-decoration: none;coloR:#333333;}
img{border:0; display:block;}
.xyy{text-align: center;}
.xyy a{	position:relative;
	top:5px;
	background-color: #ff6c00;
	color:#FFFFFF;
	overflow:hidden;
	padding: 5px 10px;
	text-align: center;}

		
.hr{height:1px;
	clear: both;
}		
.dengqian{
	width: 80%;
	height:30px;
	line-height:30px;
	font-size:15px;
	margin:0 auto;
}
        @media (min-width: 992px) and (max-width: 1300px) {
            .dengqian {
                 width: 80%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .dengqian {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .dengqian {
               width: 96%;
            }
        }
		
.stww{
	width: 80%;
	font-size:15px;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:5px;
}
.stww img{
	text-align: center;
	max-width: 100%;
	margin:auto;
}
        @media (min-width: 992px) and (max-width: 1300px) {
            .stww {
                 width: 80%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .stww {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .stww {
               width: 96%;
            }
        }		

.neirong{width: 80%;margin:0 auto;padding:5px;background:#fff;border-radius:5px;font-size:15px;overflow:hidden;}
.neirong p{margin-bottom:10px;}
.neirong img{
	text-align: center;margin:auto;
	max-width: 100%;
	border-radius:5px;
	float:left;margin:5px;
}
@media screen and (min-width: 992px) {
  .neirong img {
    width:24%;
  }
}
@media screen and (max-width: 991px) {
  .neirong img {
    width:46%;
  }
}

.neirong h1{font-size:22px;font-weight:normal;height:auto;line-height:35px;margin-bottom:10px;text-align: center;margin:auto;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .neirong {
                 width: 80%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .neirong {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .neirong {
               width: 96%;
            }
        }


.neirong_img{width: 80%;margin:0 auto;padding:5px;background:#fff;border-radius:5px;font-size:15px;overflow:hidden;}
.neirong_img p{margin-bottom:10px;}
.neirong_img img{
	text-align: center;margin:auto;
	max-width: 100%;
	border-radius:5px;
}
.neirong_img h1{font-size:22px;font-weight:normal;height:auto;line-height:35px;margin-bottom:10px;text-align: center;margin:auto;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .neirong_img {
                 width: 80%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .neirong_img {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .neirong_img {
               width: 96%;
            }
        }





.tag{background:#fff;padding:15px;border-radius:5px;margin-top:25px;height:100%; overflow:hidden; }
.tag a{margin-right:10px;padding:5px;margin-bottom:10px;}
.tag b{font-size:16px;}
.time{
	text-align: center;
	color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height:35px;height:35px;
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:15px;
}
.pag{
	width:95%;margin:0 auto;
	height:40px;margin-top:10px;margin-bottom:10px;
	
}
.pag ul{margin:0 auto;text-align: center;width:1000px;}
.pag li{float:left;margin:3px 3px;}

.pag li a{
	padding:2px 10px;
	line-height:25px;
	display:inline-block;
	background-color: #134faa;
color:#fff;	
}
.pag li a:hover{background-color: #134faa;
	color: #FFFFFF;
}
.footer{width:100%;height:60px;line-height:60px;color:#fff;background:#262626;text-align:center;}
.footer a{color:#fff;}

.xian{width: 80%;margin:0 auto;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #016abd;height:35px;margin-top:10px;}
.xian p{overflow: hidden;
	height:35px;
	line-height:35px;
background-color: #134faa;width:120px;color:#ffffff;text-align: center;padding-left:5px;padding-right:5px;
}
        @media (min-width: 992px) and (max-width: 1300px) {
            .xian {
                 width: 80%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .xian {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .xian {
               width: 96%;
            }
        }




       .waterfall_img {
            width: 80%;
            column-gap:15px;
            column-count: 5;
            margin: 0 auto;
			margin-top:10px;
        }
        .item1_img {
            margin-bottom: 12px;
            break-inside: avoid;
			background-color: #fdfdfd;
			overflow:hidden;text-align: center;border-radius:4px;
			
        }
		
        .item1_img img {
            width: 100%;
        }
		.item1_img p{line-height:20px;padding-top:10px;padding-bottom:10px;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .waterfall_img {
                column-count: 4;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .waterfall_img {
                column-count: 3;width: 96%;
            }
        }
        @media (max-width: 767px) {
            .waterfall_img {
                column-count: 2;width: 96%;
            }
        }

#header {
    background-color: #134faa;
    padding: 10px 10%;margin-bottom:15px;
}

#header a {
    text-decoration: none;
    color: white;
}

#header a:hover {
    color: #DDD;
}
/* 导航栏按钮 */
.btn {
    display: none;
    float:right;
    margin-top: 5px;
    border: 0;
    border-radius: 5px;
    width: 40px;
    height: 40px;
}
/* 文字Logo */
#header a.logo {
    float:left;
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;
}

#header div.nav {
    height: 45px;
}

#header ul.nav-bar {
    list-style: none;
    float: right;
    line-height: 45px;font-size:17px;
}
#header ul.nav-bar li {
    float:left;
    padding: 0 10px;
}

@media screen and (max-width: 768px){
    #header {
        padding: 10px 5%;
        height: 45px;
        overflow: hidden;
    }
    #header a.logo {
        line-height: 50px;
        font-size: 25px;
    }
    .btn {
        display: block;
    }
    #header ul.nav-bar {
        margin-top: 15px;
        border-top: solid 1px #fff;
        width:100%;
    }
    #header ul.nav-bar li {
        float: none;
        padding: 0 10px;
		font-size:16px;
    }
}

