@charset "utf-8";
/*banner*/
#banner .banner{width:70%; overflow:hidden; position:relative; height: 460px;}
#banner .swiper-button-prev{left:10px}
#banner .swiper-button-next{right:10px;}
#banner .swiper-title-bg{width:80%; position:absolute; background:rgba(0,0,0,.3); bottom:15px; left:10%; height:40px; z-index:10; border-radius:3px;}
#banner .swiper-slide .swiper-title-bg h4{color:#fff; line-height: 40px; margin-left: 15px; margin-right: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#banner .swiper-pagination{bottom:25px; width:auto; left:auto; right:10.5%;}
#banner .swiper-pagination-bullet{background:#fff; opacity:.8;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{border:2px solid #fff; background:none;}
#banner .banner .img-wrap{display: block;}
#banner .banner .img-wrap img{width: 100%; height:460px; object-fit: cover;}
#banner .news-list{width:30%; padding-left:15px;}
#banner .news-list>div{background:#fff; height:460px; padding:15px 20px; border:1px solid #dedfe0;}
#banner .news-list span{display:block; font-size:16px; font-family:"微软雅黑"; line-height:20px; padding-bottom:10px; border-bottom:1px solid #dedfe0}
#banner .news-list span:last-of-type{margin-top:10px;}
#banner .news-list li{padding:13px 0; padding-bottom:8px; border-bottom:1px dashed #dedfe0;}
#banner .news-list li a{display:block; height:14px; line-height:14px; padding-left:22px; background:url(../images/num_icon.png) no-repeat left top; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#banner .news-list ul li:nth-child(1) a{background-position:0 0;}
#banner .news-list ul li:nth-child(2) a{background-position:0 -14px;}
#banner .news-list ul li:nth-child(3) a{background-position:0 -28px;}
#banner .news-list ul li:nth-child(4) a{background-position:0 -42px;}
#banner .news-list ul li:nth-child(5) a{background-position:0 -56px;}

/*tag-list*/
#tag-list .tag-list{background:#fff; padding:15px; border-bottom:3px solid #cccdcd}
#tag-list .tag-list a{margin-right:5px; line-height:20px;}

/*flinks*/
#flinks>div{padding:15px; background:#fff; border-bottom:3px solid #cccdcd}
#flinks .flinks-title{border-bottom:1px solid #c9c9c9; padding-bottom:10px;}
#flinks .flinks-title div.fl{font-size:16px; font-weight:normal; font-family:"微软雅黑";}
#flinks .flinks-title div.fl span{color:#c1c1c1; font-size:12px;}
#flinks .flinks-title a{font-size:12px; color:#666; position:relative; top:5px;}
#flinks .flinks-title a:hover{text-decoration:underline;}
#flinks .flinks-list{padding:15px 0;}
#flinks .flinks-list a{margin-right:5px; line-height:20px;}

/*tools*/
.tool-list{margin-left:-5px; margin-right:-5px;}
.tool-list li{float:left; width:20%; padding:5px; margin-top:5px;}
.tool-list li a{display:block; border:5px solid #A7A7A7; border-radius:2px; overflow:hidden; position:relative;}
.tool-list li img{display:block; width:100%; height: 125px; object-fit:cover}
.tool-list li span{position:absolute; top:45%; width:100%; background:rgba(255,255,255,.3); text-align:center; left:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*fixed-sidebar*/
.fixed-sidebar{position:fixed; right: 10px; bottom:10px; display: none;}
.fixed-sidebar li{width:30px; font-size: 12px; text-align: center; height: 40px; line-height: 15px; padding:5px 0; background:#E5E9EC; color: #333; margin-top:5px; cursor: pointer;}
.fixed-sidebar li:not(.gotop):hover,.fixed-sidebar li.on{background:#3A8B94; color:#fff;}
.fixed-sidebar li.gotop{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E"); transform:rotate(-90deg); background-repeat: no-repeat; background-size:30px 30px; background-position:center; background-color:rgba(0,0,0,0);}

@media (max-width: 1439px) {
	#banner .banner,#banner .banner .img-wrap img,#banner .news-list>div{height:427px;}
	#banner .news-list span{padding-bottom:10px;}
	#banner .news-list li{padding:9px 0;}
}

@media (max-width: 1199px) {
	#banner .banner,#banner .banner .img-wrap img{height:352px;}
	#banner .news-list>div{height:352px; padding:10px;}
	#banner .news-list span{padding-bottom:8px;}
	#banner .news-list li{padding:6px;}
}
@media (max-width: 991px) {
	#banner .banner,#banner .banner .img-wrap img{height:270px;}
	#banner .news-list>div{height:270px; padding:8px;}
	#banner .news-list span{padding-bottom:5px;}
	#banner .news-list li{padding:2px;}
}
@media (max-width: 767px) {
	#banner .banner,#banner .banner .img-wrap img{height:auto; min-height: 200px;}
	#banner .banner{width:100%;}
	#banner .news-list{width:100%; padding-left:0; margin-top:5px;}
	#banner .news-list>div{height:auto; padding:8px;}
	#banner .news-list span{padding-bottom:5px;}
	#banner .news-list li{padding:10px;}
	#tag-list{display:none;}
	#flinks{display:none;}
	.tool-list li{width:25%;}
}
@media (max-width: 500px) {
	.tool-list li{width:33.3333%;}
	.tool-list li a{border:1px solid #A7A7A7;}
}