@charset "utf-8";
/* CSS Document */

.banner{
	height:400px;
	/*background:url(../images/bg.jpg) top center no-repeat*/
    background:url(/static_common/images/guohui/xs_guohui_yhyshj.jpg) top center no-repeat
}
.section{margin-top:-105px;width:1200px;padding:20px; padding-top:0; background:white}
.tit{
	line-height:150px
}
.tit img{
	vertical-align:middle
}
.slide01{
	width:600px;
	height:400px;
	overflow:hidden;
	position:relative;
	z-index:1
}
.slide01 .bd ul li img{
	float:left;
	width:600px;
	height:400px
}
.slide01 .bd ul li{
	position:relative
}
.slide01 .bd ul li a div{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:70px;
	line-height:70px;
	padding:0 20px;
	box-sizing:border-box;
	background:rgba(0,0,0,.7);
	color:white;
	font-size:18px
}
.slide01 .hd{
	position:absolute;
	z-index:2;
	bottom:20px;
	right:20px;
	z-index:2
}
.slide01 .hd ul li{
	display:inline-block;
	text-indent:-9999px;
	width:12px;
	height:12px;
	border-radius:6px;
	background-color:white;
	margin:0 3px;
	cursor:pointer
}
.slide01 .hd ul li.on{
	background-color:#fb4d4d
}
.slide01>a{
	position:absolute;
	z-index:2;
	width:34px;
	height:110px;
	background:url(../images/l.png);
	top:50%;
	left:0;
	margin-top:-55px;
	opacity:.5
}
.slide01>a.next{
	background:url(../images/r.png);
	left:auto;
	right:0
}
.slide01>a:hover{
	opacity:1
}
.list01{
	width:600px;
	height:400px;
	box-sizing:border-box;
	padding:25px 20px; 
	background-color:white
}
.list01 li{
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	line-height: inherit;
	background-position: 5px 10px;
	margin-bottom:20px;
	padding-left: 20px;
	text-indent: 0;
	font-size:20px;
	background:url(../images/dot.png) left center no-repeat
}
.list01 li span{
	color:#888
}
.pictext li{
	width:100%;
	display:inline-block;
	padding:25px 0;
	border-bottom:1px solid #c7941d
}
.pictext li img{
	float:left;
	width:290px;
	height:170px;
	margin:0 40px 0 0
}
.pictext li a h3{
	font-size:22px;
	font-weight:normal;
	margin:5px 0 20px 0;
	color:#da2a29
}
.pictext li a p{
	font-size:16px;
	color:#777;
	margin-bottom:20px
}
.pictext li a p.date{
	margin:0;
	margin-top:40px
}
.list02 li{
	width:49%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	line-height:60px;
	padding:20px;
	box-sizing:border-box;
	background-color:#fef8f6;
	margin-bottom:20px;
	align-items:center
}
.list02 li div{
	font-size:14px;
	float:left;
	width:60px;
	height:40px;
	padding:10px 0;
	line-height:20px;
	border-radius:30px;
	background-color:#c62131;
	color:white;
	text-align:center
}
.list02 li div h3{
	font-weight:normal;
	font-size:24px
}
.list02 li a{
	float:left;
	width:calc(100% - 80px);
	margin-left:20px;
	line-height:30px
}
.list02 li:nth-child(odd){
	float:left
}
.list02 li:nth-child(even){
	float:right
}
.fourArea{
	width:101%;
	display:flex;
	justify-content:space-between
}
.fourArea li{
	width:24%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	box-sizing:border-box;
	background-color:#c62131
}
.fourArea li a{
	color:white;
	display:block;
	padding:20px 70px;
}


@media (max-width: 1090px) {


.w1200{
	width:98%;
	margin:0 1%;
	box-sizing:border-box
}
.banner{
	height:67vw;
	background-size:cover
}
.banner img{
	display:block;
	width:100%;
	padding:2em 0
}
.topNews{
	padding:2em
}
.tit{
	line-height:3em
}
.intro{
	padding:1em;
	height:auto
}
.intro .title{
	float:none;
	margin:0;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center
}
.intro .con{
	padding:0;
	padding:0 1em;
	font-size:1.2em;
	line-height:1.8em;
	font-weight:normal
}
.intro .tit img,
.intro .con:before,
.intro .con:after{
	display:none
}
.slide01,
.slide01 .bd ul li img,
.list01,
.slide02 .bd ul li,
.slide02 .bd ul li img,
.pictext li img,
.list02 li,
.slide02 .bd, .slide03 .bd, .slide04 .bd{
	width:100%;
	height:auto
}
.slide01 .bd ul li div{
	height:auto;
	padding:10px;
	box-sizing:border-box;
	line-height:1.6em;
	text-align:left;
}
.slide02>a,
.slide03>a,
.slide04>a{
	left:0
}
.slide02>a.next,
.slide03>a.next,
.slide04>a.next{
	right:0
}
.slide03 .bd ul li{
	padding:10px;
	width:calc(100% - 22px);
	margin:0
}
.slide04 .bd ul li{
	width:100%
}
.slide04 .bd ul li video{
	width:100% !important
}
.list01 li{
	line-height:inherit;
	background-position:5px 10px;
	margin:20px 0;
	padding-left:20px;
	text-indent:0
}
.list01 li{font-size:16px}
.slide03 .bd li img{width:100%;height:45vw;float:none}
.slide01 .bd li img{height:60vw}

.section{width:100%;box-sizing:border-box;padding:10px;padding-top:0}
.slide01 .bd ul li a div,
.list02 li a{font-size:14px}
.list01{padding:10px 0}
.list01 li{}
.block2,
.block3,
.ptai{margin-top:10px}
.list02 li a{line-height:1.5}
.fourArea{flex-wrap:wrap}
.fourArea li{width:100%;padding:20px 0; margin-bottom:10px;font-size:16px}
.fourArea li a{padding:0}
.ptai img{width:100%}

}