@charset "utf-8";
.page-pc{
	display:block;
}
.page-wap{
	display:none;
}
.pg-nav{
	height:146px;
	background:url(../images/xq_31.jpg) no-repeat top center;
	background-size:cover;
	position:static;
	top:0px;
}
.header.fixed{
	background:url(../images/xq_31.jpg) no-repeat top center;
	position:fixed;
}
.pg-nav .logo {
    position: absolute;
    top: 20px;
}
.pg-nav .nav-con{
	position: absolute;
    top:60px;
}
.pg-nav .header-nav .nav>li>a:hover,.pg-nav .header-nav .nav>li>a.current{
	color:#ffc000;
}
.pg-dh{
	width:100%;
	height:142px;
	margin:1px 0px 0px;
	background:url(../images/xq_32.jpg) no-repeat top center;
	background-size:cover;
}
.pg-dh .dh-con{
	height:71px;
	padding:0px 0px 0px 40px;
	background:url(../images/xq_33.jpg) no-repeat top left;
	position:relative;
	top:37px;
}
.pg-dh .dh-con .pos{
	height:14px;
	padding:0px 0px 0px 25px;
	background:url(../images/home.jpg) no-repeat left center;
	font-size:12px;
	color:#444444;
	line-height:14px;
	position:relative;
	top:2px;
}
.pg-dh .dh-con .pos a{
	color:#444444;
}
.pg-dh .dh-con .pos a:hover,.pg-dh .dh-con .pos a.cur,.pg-dh .dh-con .pos span{
	color:#b40008;
}
.pg-dh .dh-con .pname{
	font-size:32px;
	font-weight:bold;
	color:#b30008;
	position:relative;
	top:15px;
	left:0px;
}
#pg-wrap{
	padding:50px 0px;
}
#pg-wrap .nlist{
	width:100%;
	height:auto;
	display:table;
}
#pg-wrap .nlist li{
	width:100%;
	height:102px;
	display:table;
	margin:0px 0px 17px 0px;
	background-color:#f4f4f4;
	position:relative;
}
#pg-wrap .nlist .ndate{
	padding:6px 12px 8px;
	margin:0px 0px 0px 35px;
	background-color:#c31116;
	color:#ffffff;
	text-align:right;
}
#pg-wrap .nlist .ndate h3{
	font-size:20px;
	line-height:22px;
}
#pg-wrap .nlist .ndate span{
	font-size:14px;
	line-height:14px;
}
#pg-wrap .nlist .ntit{
	height:60px;
	overflow:hidden;
	position:absolute;
	top:25px;
	left:205px;
	right:50px;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	line-height:30px;
}
#pg-wrap .nlist li:hover{
	background-color:#c31116;
}
#pg-wrap .nlist li:hover .ndate{
	background-color:#cc9933;
}
#pg-wrap .nlist li:hover .ntit{
	font-weight:normal;
	color:#ffffff;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
#pg-wrap .tlist{
	width:100%;
	height:auto;
	display:table;
	position:relative;
	top:-50px;
}
#pg-wrap .tlist li{
	width:100%;
	height:auto;
	display:table;
	padding:10px 0px 0px;
	border-bottom:1px solid #dddddd;
}
#pg-wrap .tlist .tdate{
	width:150px;
	height:62px;
	float:left;
	font-size:16px;
	color:#000000;
	text-align:center;
	line-height:62px;
}
#pg-wrap .tlist .tit{
	height:62px;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	line-height:62px;
	position:absolute;
	left:150px;
	right:45px;
}
#pg-wrap .tlist a:hover .tit{
	color:#a40f17;
}
#pg-wrap .picbox{
	width:100%;
	height:auto;
	overflow:hidden;
}
#pg-wrap .plist{
	width:1360px;
	height:auto;
	position:relative;
	left:-30px;
}
#pg-wrap .plist li{
	width:392px;
	height:auto;
	margin:0px 30px 65px;
	float:left;
}
#pg-wrap .plist li .img{
	width:100%;
	height:262px;
	overflow:hidden;
}
#pg-wrap .plist li:hover img{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#pg-wrap .plist li:hover .ptit{
	background-color:#9e0107;
	color:#ffffff;
}
#pg-wrap .plist .ptit{
	height:75px;
	padding:8px 24px 10px;
	margin:6px 0px 0px;
	display:block;
	background-color:#f4f4f4;
	font-size:18px;
	color:#070707;
	line-height:30px;
	overflow:hidden;
}
#pg-wrap .page{
	width:95%;
	height:68px;
	margin:auto;
	padding:10px 0px 25px;
	line-height:68px;
	font-size:14px;
	color:#333333;
	text-align:center;
	clear:both;
}
#pg-wrap .page a{
	color:#222222;
	padding:8px 15px;
	margin:0px 6px;
	background-color:#f3f2ee;
	border:1px solid #cccccc;
}
#pg-wrap .page span{
	color:#cccccc;
	padding:8px 15px;
	margin:0px 6px;
	background-color:#f3f2ee;
	border:1px solid #cccccc;
}
#pg-wrap .page a:hover,#pg-wrap .page a.cur{
	color:#fff;
	background-color:#f04646;
	border:1px solid #f04646;
}
#pg-wrap .pg-con{
	width:100%;
	height:auto;
	margin:auto;
	display:table;
}
#pg-wrap .pg-con .gy{
	width:80%;
	height:auto;
	margin:auto;
	padding:0px 0px;
	position:relative;
}
#pg-wrap .pg-con .gy h3{
	width:88%;
	height:auto;
	display:block;
	padding:0px 0px 15px;
	_padding:0px 0px 0px;
	+padding:0px 0px 0px;
	margin:auto;
	font-size:36px;
	font-weight:bold;
	color:#010101;
	line-height:45px;
	text-align:center;
}
#pg-wrap .pg-con .gy p{
	width:100%;
	height:41px;
	margin:auto;
	display:block;
	font-size:14px;
	color:#666666;
	line-height:41px;
	text-align:center;
	position:relative;
}
#pg-wrap .pg-con .gy p span{
	margin:0px 12px;
}
#pg-wrap .pg-con .con{
	width:100%;
	height:auto;
	padding:25px 0px;
	display:table;
	margin:auto;
	font-size:18px;
	color:#000000;
	line-height:40px;
	position:relative;
}
#pg-wrap .hg-for{margin-top:0px;position:relative;top:-60px;overflow:hidden;}
#pg-wrap .hg-for .item{background-color:#ffffff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#pg-wrap .hg-for .item:nth-child(odd){margin-top:30px}
#pg-wrap .hg-for .inner{padding:0px 30px 0px;text-align:center;overflow:hidden}
#pg-wrap .hg-for .inner .num{margin-bottom:14px;font-size:30px;color:#000;font-weight:400;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#pg-wrap .hg-for .inner .txt{font-size:16px;color:#444444;line-height:1.7;height:atuo;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#pg-wrap .hg-for .slick-current{background-color:#ffffff;}
#pg-wrap .hg-for .slick-current .inner .num,#pg-wrap .hg-for .slick-current .inner .txt{color:#9e0107;font-weight:bold;}
#pg-wrap .hg-for .item a:hover .inner .txt{color:#9e0107;}
#pg-wrap .hg-nav{position:relative;top:-30px;background:url(../images/xq_20.png) left center repeat-x;overflow:hidden;}
#pg-wrap .hg-nav a:hover .icon{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#pg-wrap .hg-nav .slick-list{padding:40px 0; position:relative;}
#pg-wrap .hg-nav .item{position:relative;cursor:pointer}
#pg-wrap .hg-nav .icon{margin:0 auto;display:block;width:18px;height:18px;border-radius:50%;background-color:#7c7c7c;}
#pg-wrap .hg-nav .slick-current .icon{background-color:#9e0107;}
#pg-wrap .hg-nav .num{padding:10px 0;position:absolute;left:0;bottom:100%;right:0;font-size:18px;font-weight:bold;color:#333333;text-align:center}
#pg-wrap .hg-nav .slick-current .num{color:#9e0107;}
#pg-wrap .hg-nav .item:nth-child(odd) .num{bottom:auto;top:100%}
#pg-wrap .hg-nav .slick-arrow{margin-top: -12px; position:absolute;top: 50%;width:38px; height: 24px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;background-color: transparent;outline: none; border: none;text-indent: -999px; overflow: hidden;cursor: pointer; z-index: 10}
#pg-wrap .hg-nav .slick-prev{left: 0;background-image:url(../images/arrow_left.png)}
#pg-wrap .hg-nav .slick-next{right: 0;background-image:url(../images/arrow_right.png)}
#pg-wrap .pcon{
	width:100%;
	height:auto;
	display:table;
	padding:0px 0px 45px;
	background-color:#f4f4f4;
	border-top:6px solid #9e0107;
	border-bottom:2px solid #9e0107;
	position:relative;
	top:-30px;
}
#pg-wrap .pcon .title{
	width:75%;
	height:auto;
	margin:auto;
	padding:30px 0px;
	font-size:36px;
	color:#000000;
	line-height:60px;
}
#pg-wrap .pcon .zcon{
	width:90%;
	height:auto;
	margin:auto;
	font-size:18px;
	color:#000000;
	line-height:40px;
}
#pg-wrap .pg_zf{
	position:relative;
	top:-23px;
}
#pg-wrap .z-tit{
	width:517px;
	height:52px;
	margin:0px 0px 50px;
	background-color:#bc0007;
	position:relative;
}
#pg-wrap .z-tit h3{
	padding-left:18px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	line-height:52px;
	border-left:10px solid #ffffff;
	float:left;
	position:relative;
	left:12px;
}
#pg-wrap .video-con{
	width:100%;
	height:620px;
	margin:0px 0px 40px;
	overflow:hidden;
}
#pg-wrap .vcon{
	width:100%;
	height:auto;
	padding:0px 0px 35px;
	overflow:hidden;
}
#pg-wrap .vlist{
	width:1350px;
	height:auto;
	display:table;
	position:relative;
	left:-13px;
}
#pg-wrap .vlist li{
	margin:0px 13px;
	float:left;
	background-color:#f4f4f4;
}
#pg-wrap .vlist .vimg{
	width:417px;
	height:233px;
	border-bottom:6px solid #c72d29;
	overflow:hidden;
}
#pg-wrap .vlist .vimg img{
	width:100%;
	height:100%;
}
#pg-wrap .vlist li:hover .vimg img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#pg-wrap .vlist .vtit{
	width:401px;
	height:78px;
	padding:0px 8px;
	font-size:16px;
	line-height:68px;
	text-align:center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#pg-wrap a.more{
	width:139px;
	height:44px;
	display:block;
	margin:0px auto;
	background-color:#ad1018;
	font-size:16px;
	color:#ffffff;
	text-align:center;
	line-height:44px;
}
#pg-wrap a.more:hover{
	background-color:#ce1823;
}
#pg-wrap .xyzf{
	padding:68px 0px 0px;
}
#pg-wrap .xy-con{
	width:100%;
	height:610px;
	overflow:hidden;
	position:relative;
	top:-10px;
}
#pg-wrap .zf-con{
	width:100%;
	height:atuo;
	overflow:hidden;
	position:relative;
	top:-10px;
}
#pg-wrap .hlist{
	width:1350px;
	position:relative;
	left:-17px;
}
#pg-wrap .hlist li{
	width:412px;
	height:236px;
	margin:0px 17px 80px;
	float:left;
	position:relative;
}
#pg-wrap .zf-con .hlist li{
	margin:0px 17px 60px;
}
#pg-wrap .hlist .bg-red{
	width:25px;
	height:257px;
	position:absolute;
	z-index:5;
}
#pg-wrap .hlist .h-fl{
	border-top:3px solid #af1409;
	border-left:3px solid #af1409;
	left:4px;
	top:0px;
}
#pg-wrap .hlist .h-fr{
	border-bottom:3px solid #af1409;
	border-right:3px solid #af1409;
	right:4px;
	top:7px;
}
#pg-wrap .hlist .hcon{
	width:auto;
	height:264px;
	padding:20px 22px;
	background-color:#ffffff;
	border:3px solid #f3f2ee;
	border-bottom:3px solid #f3f2ee;
	position:absolute;
	left:4px;
	right:4px;
	top:0px;
	bottom:0px;
	z-index:2;
	overflow:hidden;
}
#pg-wrap .hlist .hcon .h-code{
	position:absolute;
	top:25px;
	left:30px;
	z-index:99;
}
#pg-wrap .hlist .hcon .h-code span{
	width:20px;
	height:22px;
	display:block;
	float:left;
	margin-right:3px;
	background-color:#ffffff;
	border:3px solid #cd696d;
}
#pg-wrap .hlist .hcon .h-logo{
	position:absolute;
	top:20px;
	right:33px;
	z-index:99;
}
#pg-wrap .hlist .hcon .htext{
	width:auto;
	height:136px;
	padding:0px 15px;
	background:url(../images/xq_29.jpg) repeat top left;
	position:absolute;
	left:22px;
	right:24px;
	top:88px;
	overflow:hidden;
	font-size:16px;
	color:#040404;
	line-height:34px;
}
#pg-wrap .hlist a:hover .htext{
	color:#ab1309;
}
@media screen and (max-width: 1324px) {
	#pg-wrap .picbox{
		width:100%;
		height:auto;
		margin:auto;
		overflow:hidden;
	}
	#pg-wrap .plist{
		width:1360px;
		height:auto;
		position:relative;
		left:-15px;
	}
	#pg-wrap .plist li{
		width:380px;
		height:auto;
		margin:0px 15px 35px;
		float:left;
	}
	#pg-wrap .plist li .img{
		width:100%;
		height:262px;
		overflow:hidden;
	}
	#pg-wrap .vlist{
		width:1250px;
	}
	#pg-wrap .vlist .vimg{
		width:382px;
	}
	#pg-wrap .vlist .vtit{
		width:366px;
	}
	#pg-wrap .hlist{
		width:1250px;
	}
	#pg-wrap .hlist li{
		width:378px;
	}
}
@media screen and (max-width: 1224px) {
	#pg-wrap .picbox{
		width:100%;
		height:auto;
		margin:auto;
		overflow:hidden;
	}
	#pg-wrap .plist{
		width:1360px;
		height:auto;
		position:relative;
		left:-15px;
	}
	#pg-wrap .plist li{
		width:313px;
		height:auto;
		margin:0px 15px 35px;
		float:left;
	}
	#pg-wrap .plist li .img{
		width:100%;
		height:262px;
		overflow:hidden;
	}
	#pg-wrap .vlist{
		width:1050px;
	}
	#pg-wrap .vlist .vimg{
		width:317px;
	}
	#pg-wrap .vlist .vtit{
		width:301px;
	}
	#pg-wrap .hlist{
		width:1050px;
	}
	#pg-wrap .hlist li{
		width:312px;
	}
}
@media screen and (max-width: 1000px) {
	#pg-wrap {
		padding: 30px 0px;
	}
	.pg-nav{
		height:58px;
	}
	.header.fixed{
		position:fixed;
	}
	.pg-nav .logo {
		position: absolute;
		top: 5px;
	}
	.pg-dh{
		width:100%;
		height:112px;
		margin:1px 0px 0px;
		background:url(../images/xq_32.jpg) no-repeat top center;
		background-size:cover;
	}
	.pg-dh .dh-con{
		width:96%;
		height:71px;
		padding:0px 0px 0px 40px;
		margin:auto;
		background:url(../images/xq_33.jpg) no-repeat top left;
		position:relative;
		top:18px;
	}
	.pg-dh .dh-con .pos{
		height:14px;
		padding:0px 0px 0px 25px;
		background:url(../images/home.jpg) no-repeat left center;
		font-size:12px;
		color:#444444;
		line-height:14px;
		position:relative;
		top:5px;
	}
	.pg-dh .dh-con .pos a{
		color:#444444;
	}
	.pg-dh .dh-con .pos a:hover,.pg-dh .dh-con .pos a.cur,.pg-dh .dh-con .pos span{
		color:#b40008;
	}
	.pg-dh .dh-con .pname{
		font-size:28px;
		font-weight:bold;
		color:#b30008;
		position:relative;
		top:15px;
		left:0px;
	}
	#pg-wrap .nlist{
		width:96%;
		margin:auto;
		position:relative;
		top:0px;
	}
	#pg-wrap .nlist li {
		width: 100%;
		height: 85px;
	}
	.nlist .fl{
		float:left;
	}
	#pg-wrap .nlist .ndate {
		margin: 0px 0px 0px 15px;
	}
	#pg-wrap .nlist .ndate h3 {
		font-size: 18px;
		line-height: 22px;
	}
	#pg-wrap .nlist .ntit {
		height: 50px;
		overflow: hidden;
		position: absolute;
		top: 15px;
		left: 110px;
		right: 15px;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		line-height: 25px;
	}
	#pg-wrap .tlist{
		width:96%;
		height:auto;
		display:table;
		margin:auto;
		position:relative;
		top:-20px;
	}
	#pg-wrap .tlist li{
		width:100%;
		height:auto;
		display:table;
		padding:5px 0px 0px;
		border-bottom:1px solid #dddddd;
	}
	#pg-wrap .tlist .tdate{
		width:110px;
		height:45px;
		float:left;
		font-size:14px;
		color:#000000;
		text-align:center;
		line-height:45px;
	}
	#pg-wrap .tlist .tit{
		height:45px;
		overflow:hidden;
		font-size:16px;
		font-weight:bold;
		color:#000000;
		line-height:45px;
		position:absolute;
		left:110px;
		right:20px;
	}
	#pg-wrap .tlist a:hover .tit{
		color:#a40f17;
	}
	#pg-wrap .picbox{
		width:96%;
		height:auto;
		margin:auto;
		overflow:hidden;
	}
	#pg-wrap .plist{
		width:100%;
		height:auto;
		display: flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		position:relative;
		left:0px;
	}
	#pg-wrap .plist li{
		width:48%;
		height:auto;
		margin:0px 0px 35px;
		float:left;
	}
	#pg-wrap .plist li .img{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	#pg-wrap .plist li .img img{
		width:100%;
		position:relative;
	}
	#pg-wrap .plist .ptit{
		font-size:16px;
	}
	#pg-wrap .pg-con{
		width:96%;
	}
	#pg-wrap .pg-con .gy h3{
		padding:0px 0px 10px;
		font-size:24px;
		line-height:38px;
	}
	#pg-wrap .pg-con .gy p{
		height:35px;
		line-height:35px;
	}
	#pg-wrap .pg-con .gy p span{
		margin:0px 12px;
	}
	#pg-wrap .pg-con .con{
		width:100%;
		height:auto;
		padding:25px 0px;
		display:table;
		margin:auto;
		font-size:16px;
		color:#000000;
		line-height:35px;
		position:relative;
	}
	#pg-wrap .pg-con .con img{
		width:75%;
		margin:auto;
	}
	.page-pc{
		display:none;
	}
	.page-wap{
		display:block;
	}
	#pg-wrap .page{
		width:95%;
		height:50px;
		margin:auto;
		padding:8px 0px 0px;
		line-height:50px;
		font-size:14px;
		color:#333333;
		text-align:center;
		clear:both;
	}
	#pg-wrap .page a{
		color:#222222;
		padding:6px 8px;
		margin:0px 5px;
		background-color:#f3f2ee;
		border:1px solid #cccccc;
	}
	#pg-wrap .page span{
		color:#cccccc;
		padding:6px 8px;
		margin:0px 5px;
		background-color:#f3f2ee;
		border:1px solid #cccccc;
	}
	#pg-wrap .hg-content{
		padding:20px;
	}
	#pg-wrap .pcon{
		padding:0px 0px 35px;
		position:relative;
		top:-30px;
	}
	#pg-wrap .pcon .title{
		width:82%;
		height:auto;
		margin:auto;
		padding:30px 0px;
		font-size:28px;
		color:#000000;
		line-height:45px;
	}
	#pg-wrap .pcon .zcon{
		width:90%;
		height:auto;
		margin:auto;
		font-size:16px;
		color:#000000;
		line-height:35px;
	}
	#pg-wrap .pcon .zcon img{
		width:85%;
	}
	#pg-wrap .z-tit{
		width:96%;
		margin:15px auto 30px;
	}
	#pg-wrap .video-con{
		height:auto;
	}
	#pg-wrap .vcon{
		width:100%;
		height:auto;
		padding:0px 0px 20px;
		overflow:hidden;
	}
	#pg-wrap .vlist{
		width:96%;
		margin:auto;
		display: flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		position:relative;
		left:0px;
		right:0px;
	}
	#pg-wrap .vlist li{
		width:48%;
		height:auto;
		float:left;
		margin:0px 0px;
	}
	#pg-wrap .vlist .vimg{
		width:100%;
		height:auto;
	}
	#pg-wrap .vlist .vimg img{
		width:100%;
		height:auto;
		display: block;
		position:relative;
	}
	#pg-wrap .vlist .vtit{
		width:auto;
		height: 50px;
		line-height: 48px;
	}
	#pg-wrap .xyzf{
		padding: 30px 0px 0px;
	}
	#pg-wrap .xy-con {
		width: 100%;
		height: auto;
		position: relative;
		top: 0px;
	}
	#pg-wrap .hlist{
		width:96%;
		margin:auto;
		display: flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		position:relative;
		left:0px;
		right:0px;
	}
	#pg-wrap .hlist li{
		width:48%;
		float:left;
		margin:0px 0px 60px;
	}
	#pg-wrap .zf-con{
		top:0px;
	}
	#pg-wrap .zf-con .hlist li{
		margin:0px 0px 60px;
	}
}
@media screen and (max-width: 750px) {
	#pg-wrap .hlist li{
		width:100%;
	}
}
@media screen and (max-width: 360px) {
	#pg-wrap .hlist .hcon .h-logo{
		width:28%;
		right: 28px;
	}
	#pg-wrap .hlist .hcon .h-logo img{
		width:100%;
	}
}