@charset "utf-8";
/*header*/
header{background:rgba(0,0,0,.8); height:55px; position:fixed; top:0; left:0; width:100%; z-index:100;}
#logo{margin-top:4px;}
#logo img{width:120px; height:auto;}
#header-search{position:relative;}
#header-search a{display:block; line-height:55px; height:55px; padding:0 15px; color:#fff; font-size:20px;}
#header-search [type=text]{position:absolute; top:55px; right:0; border:2px solid #0098d7; padding:5px; display:none;}
#header-search:hover a{background:#0098d7;}
nav li{float:left; position:relative;}
nav li>a{height:55px; display:block; color:#fff; font:14px/55px "微软雅黑"; padding:0 15px;}
nav li:hover>a,nav li.current>a{background:#0098d7; color:#fff;}
nav .pop-menu{position:absolute; top:52px; left:0; border-top:3px solid #0098d7; background:#fff; box-shadow:0 2px 10px 0 rgba(0,0,0,.1); border-radius:3px; display:none; width:300px; padding:10px; z-index:5;}
nav .pop-menu h4{font-size:16px; font-family:"微软雅黑"; color:#333; margin:10px 0 5px; font-weight:normal;}
nav .pop-menu div a{float:left; width:50%; padding:2px 5px; color:#333; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
nav .pop-menu  div a:hover{background:#f0f0f0; color:#3b8fef;}
nav li:hover .pop-menu{display:block;}
header .navBtn{width:30px; margin-right:50px; height:30px; overflow:hidden; position:relative; margin-top:12px; display:none;}
header .navBtn span{width:100%; left:0; background:#fff; height:3px; position:absolute; transition:all 500ms;}
header .navBtn .line1{top:0; transform:rotate(0); transform-origin:left top;}
header .navBtn .line2{top:14px;}
header .navBtn .line3{bottom:0; transform:rotate(0); transform-origin:left bottom;}
header .navBtn.on .line1{width:145px; transform:rotate(41deg);}
header .navBtn.on .line2{left:-100%;}
header .navBtn.on .line3{width:145px; transform:rotate(-41deg);}
header .anli{position: fixed; top:10px; right: 10px; width: 40px; height: 40px; background:url(../images/anli.png) no-repeat center /100% 100%;}

/*blurbox*/
.blurbox{transition:all 100ms; padding-top:55px;}
.blurbox.blur{filter:blur(3px); -webkit-filter:blur(3px);}

/*图片列表通用样式*/
.hxz-list-title{height:45px; line-height:45px; padding:0 15px; background:#fff;}
.hxz-list-title.bg1{background-color:#3A8B94;}
.hxz-list-title.bg2{background-color:#6F3D82;}
.hxz-list-title.bg3{background-color:#E66705;}
.hxz-list-title.bg4{background-color:#54609B;}
.hxz-list-title.bg5{background-color:#994476;}
.hxz-list-title.bg6{background-color:#C83456;}
.hxz-list-title.bg7{background-color:#6D4787;}
.hxz-list-title.bg8{background-color:#58678F;}
.hxz-list-title.bg9{background-color:#4488A6;}
.hxz-list-title.bg10{background-color:#34A6A4;}
.hxz-list-title.bg-hot{background-color:#D0152D;}
.hxz-list-title div.fl,.hxz-list-title h4{font-size:18px; color:#fff; font-weight:normal; font-family:"wow","monaco","Microsoft Yahei","微软雅黑","宋体"; white-space:nowrap;}
.hxz-list-title.black-font-color div.fl,.hxz-list-title.black-font-color h4{color:#333; font-weight:normal;}
.hxz-list-title div.fl span,.hxz-list-title h4 span{color:#c1c1c1; font-size:12px;}
.hxz-list-title a{font-size:12px; color:#fff;}
.hxz-list-title.black-font-color a{color:#333;}
.hxz-list-title a:hover{text-decoration:underline;}
.hxz-list>li{float:left; margin-top:15px; width:25%; padding-right:15px; transition:all 500ms; transform:translateY(0);}
.hxz-list>li:hover{transform:translateY(-5px);}
.hxz-list>li:nth-child(4n){padding-right:0;}
.hxz-list>li>div{background:#fff; padding-bottom:10px; transition:all 500ms; border-bottom:3px solid #cccdcd}
.hxz-list>li>div:hover{box-shadow:0 2px 20px 0 rgba(0,0,0,.2);}
.hxz-list>li .img{display:flex; height:300px; overflow:hidden; background:#333; justify-content: center; align-items: center;}
.hxz-list>li .img img{width:100%; height: 100%; object-fit: cover;}
.hxz-list>li .title{margin:10px; margin-bottom:5px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold}
.hxz-list>li .details{border-bottom:1px solid #c9c9c9; padding:0 10px 5px 10px; text-align:right;}
.hxz-list>li .details .iconfont{color:#999; font-size:12px;}
.hxz-list>li p{font-size:12px; padding:0 10px; margin-top:10px; color:#888; line-height:15px; height:45px; overflow:hidden;}
.hxz-list ol li{font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:20px; background:; margin-top:5px;}
.hxz-list ol li:before{content:""; display:block; width:6px; height:6px; border:1px solid #ccc; position:relative; top:12px; left:-12px; border-radius:999px;}

.hxz-list>li .ym-details{overflow:hidden; *zoom:1; padding:0 10px 5px 10px; border-bottom:1px solid #c9c9c9;}
.hxz-list>li .ym-details i{float:left; width:50%; font-size:12px !important; color:#999; font-style: normal;}
.hxz-list>li .ym-details b{font-weight: normal; color: #3A8B94;}

/*footer*/
footer{background:#222; padding:25px 0;}
footer dl{float:left; width:20%;}
footer dl:first-child{width:40%; padding-right:100px;}
footer dt{font-family:"微软雅黑"; color:#eee; margin-bottom:12px;}
footer dd{font-size:12px; margin-bottom:8px; padding-left:1em;}
footer dd p{text-indent:2em; color:#666; line-height:180%;}
footer dd a{color:#666;}
footer .hot a{color:#F4484A;}
footer dd a:hover{color:#0098d7 !important;}
footer dd .btn{float:right; border:1px solid #666; padding:3px 5px; border-radius:2px;}
footer dd .btn:hover{border-color:#0098d7;}

/*copyright*/
#copyright{padding:25px; background:#181818; text-align:center;}
#copyright,#copyright a{color:#666; font-size:12px;}

/*current-position*/
.current-position{position: relative; font-size:12px; font-family:"wow","monaco","Microsoft Yahei","微软雅黑","宋体";}
.current-position i,.current-position a{margin-right:5px;}
.current-position:before{position: absolute; content: ""; left:15px; right: 15px; top:0; background: #fff; height: 100%;}

/*ad*/
.ad-overflow{width:100%; overflow:hidden;}
.ad-overflow img{width:100%; height:auto;}

@media (max-width: 1199px) {
	#logo{margin-top:10px;}
	#logo img{width:100px;}
	nav li>a{padding:0 8px;}
	.hxz-list>li .img{height:265px;}
}
@media (max-width: 1024px) {
	.sidebar{display: none;}
}
@media (max-width: 991px) {
	#logo{margin-top:13px;}
	#logo img{width:60px;}
	nav li>a{padding:0 3px;}
	nav .pop-menu{left:-150%;}
	#header-search a{display:none;}
	.hxz-list>li .img{height:200px;}
}
@media (max-width: 767px) {
	.container{padding:0 10px;}
	.row{margin-right: -10px; margin-left: -10px;}
	.mt15{margin-top:10px;}
	#logo{margin-top:10px; z-index:100; position:relative;}
	#logo img{width:100px;}
	header .navBtn{display:block; z-index:100; position:relative;}
	nav{position:fixed; width:100%; height:100%; transition:all 500ms; background:rgba(0,0,0,.8); left:0; top:-100%; z-index:99;}
	nav.slideDown{top:0;}
	nav li{float:none;}
	nav li:first-child{margin-top:55px;}
	nav li>a{height:35px; line-height:35px; padding:0 15px;}
	header nav li .pop-menu{display:none;}
	.hxz-list>li{margin-top:10px; width:50%; padding:0;}
	.hxz-list>li:nth-child(2n-1){padding-right:5px;}
	.hxz-list>li:nth-child(2n){padding-left:5px;}
	.hxz-list>li .img{height:300px;}
	footer{display:none;}
	#copyright{margin-top:10px;}
	.hxz-list>li .ym-details{display:none;}
}
@media (max-width: 500px) {
	.hxz-list>li .img{height:290px;}
}
@media (max-width: 414px) {
	.hxz-list>li .img{height:235px;}
}
@media (max-width: 375px) {
	.hxz-list>li .img{height:210px;}
}
@media (max-width: 320px) {
	.hxz-list>li .img{height:175px;}
}