body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;color:#333;font-family:"微软雅黑"; font-size: 16px;}
img { border:0; }
.clear { clear:both; }
em,i{ font-style:normal}
a:hover { text-decoration:none; color:#e51e01;font-family:"微软雅黑";}
.w1200{ width:1200px; margin:0 auto}
.w1300{ width:1300px; margin:0 auto}
.w1330{ width:1340px; margin:0 auto}
.cfl{ float: left;}
.cfr{ float:right;}
html, body {
	width: 100%;
	height: 100%;
}
#container {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#background_video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	height: 140%  !important;
	width: 130%  !important;
}
#video_cover {
	/*      position: absolute;*/

	width: 100%;
	height: 100%;
	background: url('img/video_cover.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}
#video_controls {
	/*      position: absolute;*/
	left: 50%;
	transform: translate(-50%, 0);
}
#play img {
	width: 100px;
}
#pause img {
	width: 90px;
}
#pause {
	display: none;
}

@media (min-width: 768px) {
	#video_controls {
		display: none;
	}
}



#container {
	/*height: 100%;*/
}
#overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url(img/vdian.png);opacity:0.7;
filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */
}
#main_content {
	z-index: 2;
	position: relative;
	display: inline-block;
	/* Vertical center */
	top: 50%;
	transform: translateY(-50%);
}

.sypic {
	/*background: url(img/index3.png) top center repeat-x;*/
	height: 936px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	right: 0;
	width: 100%;
	margin: auto
}

.sypic2 {
	background:url(img/index4.png) top center repeat-x;
	height: 264px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
}
.sypic {
	height: 936px;
}

.sypic h1,
.sypic h2 {
	color: #fff
}

.sypic h1 {
	font-size: 64px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 940px;
	text-align: center;
	top: 40%;
}
.sypic h1 p{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.sypic h1 em {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	display: block;
	margin-top: 10px
}

.sypic h1 b {
	font-size: 60px;
	text-align: center;
	color: #e80f0f;
	font-family: Impact;
	margin-top:50px;
	display: block;
	font-weight: normal;
}
.sypic h1 b span{
	display: table;
	font-size: 34px;
	color: #fff;
	width: 100%;
	text-align: center;
	font-weight: normal;
}
.sypic h1 b span>img{
	vertical-align: middle;
	margin-right: 5px;
}
.hbwz{font-size: 32px;margin-bottom: 35px; color: #888;text-align: center;font-weight: normal;}


._act{background: #cf0018 !important;color: #fff  !important}

.logo{padding: 30px 0 0 30px }
.nav{padding: 50px 50px 0 0px }
.nav ul li{float: left;color: #fff;position: relative; height: 40px;}
.nav ul li a{color: #fff;font-size: 18px}
.nav ul li a:hover{color: #FF0004}
.nav ul li i{font-size: 15px;padding: 0 10px 5px 15px;font-weight: 100}

.nav ul li ul{position: absolute;left:-20px;top: 30px; width: 120px}
.nav ul li ul li{width: 120px;height: 40px;line-height: 40px;border-bottom: 1px solid #4a4a4a;background-color: rgba(0,0,0,0.5);}
.nav ul li ul li a{width: 120px;height: 40px;line-height: 40px;display: block;text-align: center;font-size: 14px;}
.nav ul li ul li a:hover{background: #2939aa;color: #fff;}
.nav ul li ul{display: none;}
.nav ul li:hover ul{/* display: block; */}

#cnav b{color: #cf0018;display: block;text-align: right;margin-bottom: 5px;font-size: 20px}
#cnav b img{vertical-align: middle;margin-right: 5px}

/*.sypic2 .logo{padding-left: 0}*/






#cpnav {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	height: 350px;
	position: absolute;
	z-index: 99999;
	top: 80px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	padding: 20px;
	display: none;
	box-sizing: border-box;
}
#cpnav>ul{
	width: 100%;
	margin: 0 auto;
}
#cpnav li {
	float: left;
	width: 7.7%;
	margin:0px 0.3%;
	align-items: center;
}

#cpnav li>img {
	width: 100%;
	/*height: 130px;*/
	border-radius:10px;
}

#cpnav li>a {
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 15px;
	transition: all .3s;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 22px;
}

#cpnav li strong a {
	background: #2939aa;
	font-size: 16px;
	width: 100%;
	line-height: 40px;
	display: block;
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
}

#cpnav li>a:hover {
	padding-left: 10px;
}



.sygsjj{background:url(img/jjbj.jpg) top center no-repeat;padding: 55px 0 0 0;}
.tit{position: relative;text-align: center;font-size: 36px;color: #555;height: 80px}
.tit em{display: block;font-size: 20px;color: #d11f1f;font-weight: normal;margin-top: 15px}
.tit:after{position: absolute;content: "";width: 40px;height: 1px;background: #ccc;top: 26px;left:50%;margin-left: -150px}
.tit:before{position: absolute;content: "";width: 40px;height: 1px;background: #ccc;top: 26px;left:50%;margin-left:100px}

.gs_sy{display: flex;margin-top: 45px}
.gs_sy dl{flex: 1;text-align: center;}
.gs_sy dl dt{font-size: 92px;color: #d11f1f;font-family: Arial}
.gs_sy dl dt sup{font-size: 40px;}
.gs_sy dl dd{color: #555555;font-size: 16px;}
.gs_sy1{text-align: center;color: #555;margin-top: 42px;line-height: 170%}

.syjj_wz{overflow: hidden;margin-top: 40px}
.jjwz{background: url(img/gb.jpg);width: 649px;height: 388px}
.jjsp{width: 651px;height: 388px;}
.jjwz h3{color: #fff;font-size: 26px;margin: 55px 0 20px 74px;font-weight: normal;}
.jjwz1 p{color: #fff;font-size: 14px;line-height: 200%}
.jjwz1{margin: 0 70px}
.jjwz a{border:2px solid #fff; color: #fff;padding: 5px 20px;display: inline-block;margin-left: 70px;margin-top: 20px}
.jjwz a:hover{background: #d11f1f}

.sycp{background: url(img/cpbj.jpg) top center no-repeat #eeeeee;padding-bottom: 30px}
.syhz{background: url(img/hz.jpg) top center no-repeat;height: 311px;}
.tit1{text-align: center;color: #fff;font-size: 36px;padding: 50px 0 20px 0}


.syal li{float: left;margin-right: 5px;width: 175px; height: 170px;background: #fff}
.syal li a{display: block;background: #fff;text-align: center}
.syal li a img{width: 80%;display: block;margin: 0 auto}
.syal li a ol{color: #555;text-align: center;padding-top:5px;font-size: 16px}

.sycp_x {text-align: center;}
.sycp_x a{display: inline-block;padding: 5px 20px 5px 20px;text-align: center;border: 1px solid #ccc;margin: 10px 2px 0 2px;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.sycp_x a:hover{background: #333;color: #fff;padding: 5px 25px}


.footer{background: #ededed;padding:48px 0 30px 0;overflow:hidden}
.footer1{background: #3d3d3d;padding:28px 0 20px 0;color: #8b8b8b}
.f1{width: 495px;padding-right: 10px;}

.dblx{background: url(img/dlx.jpg) left 10px no-repeat;}
.f2{width: 200px;padding-left:30px;}
.f3{width: 200px;padding-left: 30px;}
.f4{width: 240px;padding-left:30px;}
.f2 a,.f3 a{color: #555555;display: block;height: 26px;line-height: 26px;}
.f2,.f3,.f4{border-left: 1px solid #bebebe;height: 338px;color: #555555}
.footer h3{color: #db000b;font-size: 20px;margin-bottom: 20px}

.dblx p{padding-left: 40px;line-height: 265%;color: #555555}
.f4 img{vertical-align: middle;margin-bottom: 20px;margin-right: 10px}

.news_l{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.news_l a{flex: 1;margin-right: 20px;position: relative;}
.news_l a b{position: absolute;top: 0;left: 0;display: block;width:66px;height: 66px;background: #000;color: #fff;font-size: 26px;text-align: center;}
.news_l a b i{display: block;font-size: 12px}
.news_l a img{width: 100%;height: 220px;border: 1px solid #ccc}
.news_l a h3{font-size:18px;color: #3e3d3d;margin: 16px 0 5px 0;width: 98%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news_l a p{color: #777777;line-height: 160%;height: 80px;overflow: hidden}
.news_l a:hover p,.news_l a:hover h3{color: #b8000e}
.news_l a:hover b{background: #d11f1f}

.g_ban{background:#ccc;height: 500px;
	max-height: 650px;overflow: hidden}
/*焦点图*/

#Cbanner{
	width: 100%;
	position: relative;
	overflow: hidden;
}
#Cbanner img{
	position: relative;
	width: 100%;
	border: 0;
}

.dian{
	width: 70px;
	height: 10px;
	position: absolute;
	z-index: 9999;
	left: 48%;
	bottom: 30px;
	
}
.dian li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0px 5px;
	background: #fff;
	float: left;
	display: block;
}
.dian2{
	background: #ff0000 !important;
}

.left11{
	width: 10%;
	background: url(img/prev.png) left center no-repeat;
	height: 50px;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 10px;
}
.right11{
	width: 10%;
	background: url(img/next.png) right center no-repeat;
	height: 50px;
	position: absolute;
	top: 50%;
	z-index: 999;
	right:10px;
}



/*
.Cbanner1{background:url(img/n.jpg) top center no-repeat;height: 450px;}
.Cbanner2{background:url(img/n1.jpg) top center no-repeat;height: 450px;}
.Cbanner3{background:url(img/n2.jpg) top center no-repeat;height: 450px;}
.Cbanner4{background:url(img/n3.jpg) top center no-repeat;height: 450px;}
.Cbanner5{background:url(img/n4.jpg) top center no-repeat;height: 450px;}
.Cbanner6{background:url(img/n7.jpg) top center no-repeat;height: 450px;}
*/







.n_gs{background: url(img/group_block1_bg.jpg) no-repeat;}
.n_gs h1{color: #cf0018;font-family:Arial; font-weight:bold; text-transform:uppercase; font-size:30px; line-height:32px; }
.n_gs h3{font-size:26px; line-height:34px; color:#474747; margin-bottom:10px;}
.n_gs dl dt{ float:left;  font-size:16px; line-height:34px; color:#474747; padding-top:15px; text-indent:2em; width: 800px;}
.n_gs dl dd{float: right;}
.n_gs dl dd img{width: 400px;}

.gsys {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.gsys a{flex: 1;text-align: center;border-radius:50px;height: 120px;width: 100px;padding: 80px 0;font-size: 16px;margin-left: 20px;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border: 1px solid #ccc;
color: #555
}
.gsys a i{display: block;text-align: center;font-size: 42px;margin-bottom: 15px}
.gsys a:hover{background: #cf0018;color: #fff}


.infonav1{float: right}
.infonav1 a{float:left;display:block;width:160px;text-align:center;line-height:51px;height:51px;background-color:#c7c7c7;margin-right:2px;margin-bottom:-1px;font-size:16px;}
.infonav1 a:hover{background-color:#d11f1f;color: #fff}

.z_n{max-width: 1300px;margin: 0 auto;position: relative}
.n_left{border:1px solid #cccccc; background:rgba(255,255,255,.5);width: 250px;position: absolute}
.n_right{width:80%;overflow: hidden;}


.bigtitle{ border-bottom:1px solid #ccc; font-size:22px; color:#fff;  text-align:center;background: #d11f1f;padding: 10px;box-sizing: border-box}
.type1{ height:35px; border-bottom:1px solid #ccc; }
.type1 .left{ float:left; width:15%; height:35px; background:url(img/jj.png) center center no-repeat;}
.type1 .right{ float:left; width:85%; height:35px;  color:#d11f1f; line-height:35px; text-align:left;}

.type1:hover{ width:100%; height:35px; border-bottom:1px solid #ccc; background:#d11f1f}
.type1:hover .left{ float:left; width:15%; height:35px; background:url(img/jjon.png) center center no-repeat;}
.type1:hover .right{ float:left; width:85%; height:35px;  color:#fff; line-height:35px; text-align:left;}

.type2 {padding:5px 10px 5px 15%; min-height:20px; height:auto; border-bottom:1px solid #ccc; font-size:14px; color:#000; line-height:20px; text-align:left;}
.type2:hover { background:#ddd;font-weight: bold}

.infobigtitle{ width:100%; height:40px; border:1px solid #ccc; background:rgba(255,255,255,.5); font-size:24px; color:#d11f1f; line-height:40px; text-align:center;}
.infobigtitle .left{ float:left; width:50%; height:40px;font-size:14px; color:#d11f1f; line-height:40px; text-align:left; padding-left:15px;}
.infobigtitle .right{ float:left; width:50%; height:40px;font-size:14px; color:#666; line-height:40px; text-align:right; padding-right:15px;}



#showdata1 {display: flex;flex-wrap: wrap}
#showdata1 a{ width:31.5%;color: #332414; margin:3px 0 20px 1%; border:1px solid #fff; box-shadow:0px 0px 0px 1px rgba(0,0,0,.2);box-sizing: border-box;padding: 10px}
#showdata1 a img{width: 100%;height: 220px;display: block;margin: 0 auto}
#showdata1 a:hover{float:left; background:#fff3eb;  border:1px solid #fff}
#showdata1 a h3{height:40px;  font-size:22px;  line-height:40px; text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border-bottom:1px solid #e8e8e8; color:#666;}
#showdata1 a p{width:100%; height:72px; font-size:14px; line-height:24px; text-align:left; overflow:hidden; margin:15px 0px; color:#999;}
#showdata1 a i{ width:105px; height:23px; background:url(img/morebg.png) left  no-repeat; color:#000; padding:0px 0px 0px 10px; text-align:left; font-size:14px; line-height:23px; display: block;margin-bottom: 10px}
#showdata1 a:hover i{ width:105px; height:23px; background:url(img/morebg.png) left  no-repeat; color:#d11f1f;}


#showdata2 {display: flex;flex-wrap: wrap}
#showdata2 a{ width:19%;color: #332414; margin:3px 1% 20px 0; border:1px solid #fff; box-shadow:0 0 1px 1px rgba(0,0,0,.2);box-sizing: border-box;padding: 10px}
#showdata2 a img{width: 100%;height: 180px;display: block;margin: 0 auto}
#showdata2 a:hover{float:left; background:#fff3eb;  border:1px solid #fff}
#showdata2 a h3{height:40px;  font-size:22px;  line-height:40px;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#666;text-align: center}

.left_tel{color: #fff;padding: 10px 10px;line-height: 200%;background: #3e4248;}

#news_data1{display: flex;flex-wrap: wrap;border-top: 1px solid #ccc;border-left: 1px solid #ccc}
#news_data1 a{ width:49.9%; float:left; padding:20px; background:#fff;  margin:1px 0px 0px 1px;box-sizing: border-box;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc}
#news_data1 a img{ width:30%; margin-right:3%; float:left;display: block}
#news_data1 a h3{ width:67%;  float:left; height:100%;font-weight: normal}
#news_data1 a h3 b{width:100%; height:30px; font-size:20px; color:#555555; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: normal}
#news_data1 a h3 p{width:100%; height:72px; font-size:14px; color:#999; line-height:24px;overflow:hidden;text-overflow:ellipsis; margin-bottom:10px;}

#news_data1 a:hover{ width:49.9%; float:left; padding:20px; background:#fff3eb;  margin:1px 0px 0px 1px;}
#news_data1 a:hover h3 b{ width:100%; height:30px; font-size:20px; color:#ff6501;}
#news_data1 a:hover h3 p{ width:100%; height:72px; font-size:14px; color:#666; line-height:24px;overflow:hidden;text-overflow:ellipsis; margin-bottom:10px;}
#news_data1 a h3 i{ width:105px; height:23px; background:url(img/morebg.png) left  no-repeat; color:#000; padding:0px 0px 0px 10px; text-align:left; font-size:14px; line-height:23px; display: block;margin-bottom: 10px}
#news_data1 a:hover h3 i{ width:105px; height:23px; background:url(img/morebg.png) left  no-repeat; color:#d11f1f;}



.g_wz p{line-height: 230%;font-size:20px}
.g_wz1 p{line-height: 230%;font-size:16px}
.g_wz1 p img{width: 1300px}
div.content h1{padding: 20px 0;margin-bottom: 20px;background:#f3f3f3;color: #424242;border-top: 2px solid #d11f1f;margin-top: -8px}



#banner{width:100%;overflow:hidden;}
#banner .bannerCon{margin:0px auto;position:relative;z-index: 0}
#banner .bannerCon .before{background:rgba(255,255,255,0.8);position:absolute;z-index:1;border-radius: 5px;}
#banner .bannerCon .before img{position:absolute;right:40px;cursor:pointer;}

#banner .bannerCon .after{background:rgba(255,255,255,0.8);position:absolute;z-index:1;border-radius: 5px;}
#banner .bannerCon .after img{position:absolute;left:40px;cursor:pointer;}

#banner .bannerCon .scroll{position:relative;}
#banner .bannerCon .scroll .item{float:left;text-align: center;}
#banner .bannerCon .scroll .item .img-box{margin: auto;}
#banner .bannerCon .scroll .item .img-box img{display: inline-block; width: 100%;height: 100%;border-radius: 5px;}




.rynr{background: #ededed;padding: 30px 30px;box-shadow: 0 0 8px #ccc;line-height: 200%;transition: all .3s}
.rynr:hover{background: #cf0018;color: #fff}


@media only screen and (max-width: 1800px) {
	.logo img{width: 90%}
	.logo{padding: 40px 0 0 50px}
	.nav{padding: 40px 50px 0 0}
}