@charset "utf-8";
/* CSS Document */
@import url("font-awesome/css/font-awesome.css");

.banner{background:#fff url(../images/banner.jpg) top center no-repeat; width:100%; height:360px;}
.main{}
.l_list{
	width:800px
}
.l_list .title,
.r_list .title{
	height:50px;
	line-height:50px;
	border-bottom:1px solid #dedede
}
.l_list .title h3,
.r_list .title h3{
	font-size:28px;
	line-height:36px;
	border-left:5px solid #c53b1d;
	color:#c53b1d;
	text-indent:10px
}
.l_list ul li{
	width:800px;
	display:inline-block;
	padding:30px 0 50px 0;
	border-bottom:1px solid #dedede
}
.l_list ul li>div{
	width:32%;
	margin-right:3%;
	font-size:28px;
	font-weight:bold
}
.l_list ul li p{
	float:right;
	width:65%;
	font-size:22px;
	line-height:34px;
	text-indent:44px
}
.l_list ul li p a:hover{
	color:#555;
	text-decoration:underline
}
.r_list{
	width:280px
}
.r_list ul li{
	line-height:40px;
	font-size:18px;
	background:url(../images/dot.gif) left center no-repeat;
	text-indent:15px
}


.list02 a>img{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:none
}
.list02 li.por:hover a>img{
	display:block;
	border:1px solid white
}

.box01 ul.ul01>li{
	line-height:40px;
	background:url(../images/dot02.gif) left center no-repeat;
	text-indent:10px
}
.box01 li span{
	float:right;
	font-size:14px;
	color:#888
}
.box01{
	width:570px
}
.box01>.title{
	height:39px;
	line-height:39px;
	background:url(../images/line.jpg) left center repeat-x
}
.box01>.title h3{
	float:left;
	width:200px;
	background:url(../images/tit02.jpg) no-repeat;
	text-align:center;
	border-right:10px solid white
}
.box01>.title>a{
	color:#777;
	display:inline-block;
	padding-left:10px;
	background-color:white
}
.box01>.title>a i{
	font-size:18px;
	vertical-align:-1px;
	margin-left:5px;
	color:#dedede
}
.box01 ul.f16>li{
	line-height:36px;
	background:url(../images/dot01.gif) left center no-repeat;
    padding: 0 0 0 12px;
}
.slide,
.news_list{
	width:575px;
	height:425px;
	position:relative
}
.slide .bd{
	float:left;
	width:575px;
	height:385px;
	overflow:hidden
}
.slide .bd ul li{
	position:relative
}
.slide .bd ul li img{
	float:left;
	width:575px;
	height:385px
}
.slide .bd ul li a{
	color:white
}
.slide .bd ul li div{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	background:rgba(0,0,0,.6);
	height:50px;
	line-height:50px;
	text-indent:20px;
	font-size:20px
}
.slide .hd{
	position:absolute;
	bottom:0;
	width:80%;
	left:10%
}
.slide .hd ul li{
	display:inline-block;
	text-indent:-9999px;
	width:24%;
	margin-right:1%;
	height:4px;
	background-color:#f2a9b1;
	cursor:pointer
}
.slide .hd ul li.on{
	background-color:#da0319
}
.news_list>.title{
	height:39px;
	line-height:39px
}
.news_list>.title h3{
	float:left;
	width:160px;
	background:url(../images/tit01.png) no-repeat;
	text-align:center
}
.ul01{
	font-size:16px
}
.ul01 li{
	line-height:40px;
	background:url(../images/dot02.gif) left center no-repeat;
	text-indent:10px
}
.ul01 li span{
	float:right;
	font-size:14px;
	color:#888
}
.ul01 li:first-child a{
	font-size:18px;
	font-weight:bold
}
.ad_list{
	margin:20px 0
}
.ad_list li{
	float:left;
	margin-right:23px
}
.ad_list li:last-child{
	margin:0
}
.bottom-2{
	width:1200px;
	margin:0 auto;
	padding-top:20px
}
.bottom-3 {
    line-height: 24px;
    text-align: center;
}
.copyright em{
	font-style:normal;
	padding:0 5px
}

.newsList>li{
	float:left;
	width:100%;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid #dedede
}
.newsList>li p{
	line-height:24px
}
.newsList>li>a>img{
	width:220px;
	height:164px
}
.newsList p.grey img{
	vertical-align:-1px;
	margin-right:5px
}
.foot{
	padding:30px 0;
	border-top:3px solid red
}
.foot p{
	line-height:25px
}
.foot p img{
	vertical-align:middle
}
.foot img.img1,
.foot img.img2{
	position:absolute;
	top:50%;
	margin-top:-40px;
	left:20%
}
.foot img.img2{
	margin-top:-27.5px;
	left:auto;
	right:20%
}
.ad>a{
	display:inline-block;
	width:380px;
    /*width:275px;*/
	height:90px;
	line-height:90px;
	background-color:#ffd8c9;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#c53b1d;
	margin-bottom:20px
}
.ad>a:hover{
	background-color:#c53b1d;
	color:white
}
@media (max-width:1090px) {
	.special_zdgz .w1200{width:100%;}
	.special_zdgz .banner{background-size: 200%; height: 48vw;}
	.special_zdgz .box01{width:100%;}
    .special_zdgz .box01 .title a{line-height: 3;}
	.special_zdgz .box01 .title h3{width:auto; padding:10px; height: auto; background-size:100% 100%; line-height:1;}
	.special_zdgz .box01 ul{width:100%; float: left;}
	.special_zdgz .box01 li{display: flex; flex-direction:column-reverse; line-height: 1.5!important; margin:10px 0; background-position-y: 10px!important;}
    .special_zdgz .box01 li span{font-size:0.9rem;}
	.special_zdgz .ad a{width:96%; margin:10px 2%;}
	.special .bottom-2{display:block;}
    .special .bottom-2 tr{display: flex; flex-direction: column;}
    .special .bottom-2 td{width:98%; text-align: center; line-height:1.5;}
    .special .leftbar ul li{width:97%;}
}