@charset "utf-8";
/* CSS Document */
p {
	margin-bottom: 0px;
}
a{text-decoration:none;transition:all .3s;}
textaea{margin:0;padding:0;outline:none;}

#topic_pic{width: 100%;height:500px;margin: 0px auto;}
#topic_pic .swiper-slide {text-align: center;font-size: 18px;background: #fff;line-height: 450px;}
#topic_pic .swiper-slide img{ width:100%;height:500px;}

.box{ padding:0px 5px; width:100%; height:auto}
.box_title{ text-align:center; font-size:40px; font-weight:bold; color: #039; padding-bottom:10px}
.box_top{ width:100%; height:45px; margin:10px auto}
.box_top ul{ width:100%; height:45px;background:#00FFFF; background:linear-gradient(-90deg, rgb(100, 200, 247) 20%, rgb(69, 157, 245) 80%);border-radius: 5px;text-align: center;display: flex;justify-content: space-around;}
.box_top ul li{flex:1; line-height:45px;height: 45px; font-size:16px; cursor:pointer;color: #fff;display: inline;transition: all .3s}

.box_bottom{ width:100%; height:auto}
.bottom_main{ display:none; width:100%; height:auto; margin-bottom:20px; clear:both}
.zt{ width:250px; height:auto; margin-right:30px; float:left; margin-top:20px;transition:box-shadow .5s;-moz-transition:box-shadow .5s;-o-transition:box-shadow .5s;-webkit-transition:box-shadow .5s;overflow: hidden;border-radius: 5px}
.zt:hover{ box-shadow:5px 5px 5px #999;}
.zt_title{ width:250px; height:50px; font-size:16px; padding:2px 10px; color: #666; overflow:hidden; background: #F7F7F7}

.zt img{ width:100%; height:150px; padding-left:1px}
.zt:nth-child(4n){ margin-right:0px}



#box2,#box1{ margin-top:20px}
#box2 .zt_title{ background: url(../images/12.png) center no-repeat; background-size:cover; color:#fff; line-height:40px; height:40px; padding:0px; padding-left:10px}
.d{ color:#06C}
.top_pic{ width:100%; height:auto;position: relative;}
.top_pic img{ width: 100%;}
.dd{ text-align:left; font-size:18px; margin-top:40px;position: relative; padding-left:40px; font-weight:bold;}

.dd_main{ width:100%; height:auto; padding:10px 0px; margin:10px auto; border-top:1px solid #ddd;}
.dd_main p{  color:#666; font-size:14px;line-height: 1.6;}
.part_box{ margin:60px auto;}
.part_box dd:hover{ background:#f2f2f2}
.part_box dt{position: relative; width:100%;  font-size:18px; font-weight:bold; padding-left:40px;margin-bottom: 20px;}
.part_box dt:before, .dd:before , .part_box dt:after, .dd:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 80%;
	border-radius: 3px;
	background-color: #157EEF
}
 .part_box dt:after, .dd:after {
	left: 6px;
	top: 5px;
	background-color: #1D9ED2
 }
.part_box dd{ width:100%; height:65px;  padding:0px; position:relative; border-bottom:1px solid #ddd; margin-right:0px; margin-top:10px}
.part_box dd:nth-child(even){ margin-right:10%}
.part_box dd img{ width:40%; height:120px; float:left; padding-left:10px}
.part_title{ font-size:14px; padding:0px; max-height:44px; overflow: hidden;}
.part_title a{ color:#333;display: block}
.time{ position:absolute; bottom:10px; right:5px; padding:0px 10px; color:#999;margin-bottom: 0px;}
.wei .more {
	text-align: center;
	line-height: 40px;
	display: block;
	width: 100%;
}
.pic-box {
	/*display: none;*/
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 999;
}
.msg {
	position: absolute;
	background: rgba(0,0,0,.8);
	top: 50%;
	left: 50%;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #999;
	margin-left: -90px;
	margin-top: -20px;
	text-align: center;
	border-radius: 5px;
	z-index: 999;
	opacity: 0;
	transition: all .5s;
}
.pic-box .msg {
	display: none;
}

a{text-decoration:none;transition:all .3s;}
textaea{margin:0;padding:0;outline:none;}
[v-cloak]{display:none}
.topicBox{
	margin:30px 0 20px 0;
}
.topicBox .topic_nav{
	max-width:1180px;
	margin: auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	background:linear-gradient(-90deg, rgb(100, 200, 247) 20%, rgb(69, 157, 245) 80%);
	position:relative;
}
.topicBox .topic_nav li{
	flex:1;
	cursor:pointer;
}
.topicBox .topic_nav li span{
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:50px;
	display:block;
	transition:all .3s ease-in-out;
}
.topicBox .topic_nav .current{
	background:rgba(0,0,0,.1);
}
.topicBox .topic_list{
	display:flex;
	justify-content:space-around;
	width:100%;
	background:linear-gradient(-90deg, rgb(100, 200, 247) 20%, rgb(69, 157, 245) 80%);
	position:absolute;
	top:51px;
	left:0;
}
.topicBox .topic_list li{
	font-size:14px;
	color:#eee;
	background:rgba(0,0,0,.35);
	text-align:center;
	line-height:40px;
	transition:all .3s ease-in-out;
}
.topicBox .topic_list li:hover{
	color:#fff;
	background:rgba(0,0,0,.5);
}
.topicBox .topic_list .current{
	color:#fff;
	background:rgba(0,0,0,.5);
}

.topicBox .topic_zt{
	max-width:1200px;
	margin: auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
	margin-top:50px;
}
.topicBox .topic_zt li{
	flex:0 0 25%;
	padding:5px 0;
}
.topicBox .topic_zt a{
	width:280px;
	margin: auto;
	color:#333;
	background:#eee;
	border-radius:4px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:10px;
}
.topicBox .topic_zt a:nth-child(4n+4){
	margin-right:0;
}
.topicBox .topic_more{
	max-width:1180px;
	margin:20px auto;
	text-align:center;
}
.topicBox .topic_more a{
	width:100%;
	color:#555;
	background:#eee;
	border-radius:5px;
	line-height:40px;
	display:block;
	cursor:pointer;
}
.topicBox .topic_zt a:hover, .topic_more a:hover{
	color:#fff;
	background:dodgerblue;
}

.search-bg {
	width: 100%;
    background: linear-gradient(90deg,#6780f8,#7f95d6);
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 9.5px 0.5px rgb(49 87 163 / 13%);
    padding: 10px 0;
}

.search-box {
	max-width: 1180px;
	margin: auto;
	display: flex;
	justify-content: center;
}

.search-int {
	width: 400px;
	height: 40px;
	padding: 0 10px;
}

.search-btn {
	padding: 10px 20px;
}

@media (max-width:600px){
	#topic_pic{width:100%; height:200px}
	.zt:nth-child(even){ margin-right:0px}
	.zt{ width:47.5%; margin-right:5%}
	.zt_title{ width:100%; font-size:14px; height:40px}
	.zt img{ height:100px}
	.box_top{overflow-x: scroll;}
	.box_top ul{ height:45px;width: 650px;margin: 0 auto}
	.box_top ul li{ margin:0px 5px; padding:13px 5px; font-size:14px}
	.main{ width:100%;}
	.part_box dd{ width:100%}
	.footer{ height:auto;}
	.ewm{ display:none}
	.logo img {
	    height: 50px;
	}
	.wei .main {
		padding: 0px 15px;
	}
	.top_pic img {
		height:100% !important;
	}

	.nav_bg, .part{
		display:none;
	}
	.topicBox{
		margin:0;
	}
	.topicBox .topic_list{
		flex-wrap:wrap;
		justify-content:start;
	}
	.topicBox .topic_list li{
		flex:0 0 20%;
	}
	.topicBox .topic_zt{
		margin-top:140px;
	}
	.topicBox .topic_zt li{
		flex:0 0 50%;
	}
	.topicBox .topic_zt a{
		width:200px;
	}
}

@media(max-width:400px){
	.topicBox .topic_zt a{
		width:160px;
	}
}