header {
	width: 100%;
	box-shadow: 0 6px 25px 0px rgba(0, 0, 0, 0.1);
	background: #fff;
	z-index: 9999;
}

.headone{
	height: 130px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.headoneleft{
	display: flex;
	align-items: center;
}
.headoneleft a{
	display: inline-block;
	margin-right: 20px;
}
.headoneleft p{
	font-size: 20px;
	font-weight: 600;
}

.headsdh{
	display: flex;
	align-items: center;
}
.headsdh i{
	font-size: 60px;
	color: #000;
}
.headsdh_fr{
	margin-left: 20px;
	font-size: 14px;
	max-width: 200px;
	margin-right: 10px;
}
.headsdh_fr b {
    font-size: 27px;
    display: block;
    line-height: 35px;
    color: #dc3132;
    font-weight: 700;
}
.headsdh_keyword{
	max-width: 700px;
}

@media (min-width: 1200px) {
	header .container {
		max-width: 1400px;
		padding: 0px;
	}
}



.head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*padding: 10px 0px;*/
	width: 100%;
}

.headleft img {
	height: 42px;
}

.headtwo{
	background: #2b2b2b;
}
.headright{
	width: 100%;
}
.headright>ul {
	display: flex;
	align-items: center;
}

.headright>ul>li {
	position: relative;
	flex: 1;
}

.headright>ul>li>a {
	width: 100%;
	text-align: center;
	display: inline-block;
	line-height: 60px;
	color: #fff;
}

.headright>ul>li.on,.headright>ul>li:hover{
	background-color: #dc3132;
}

.headabs {
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	padding: 15px 0px;
	box-shadow: 0 6px 25px 0px rgba(0, 0, 0, 0.2);
	z-index: 3;
}

.headabs ul li {
	text-align: center;
}

.headabs ul li a {
	line-height: 28px;
}

.w1400 {
	width: 1400px;
	margin: 0 auto;
}


/*底部*/

.foot .container {
	width: 1500px;
	max-width: 1500px;
}

.foot {
	overflow: hidden;
	display: black;
}

.foot .footer {
	background: #282828;
	overflow: hidden;
	padding: 40px 0;
}

.footer .liangshi {
	width: 20%;
	float: left;
	margin-right: 30px;
}

.footer .liangshi .dianhua {
	opacity: 1;
}

.dianhua img {
	height: 190px;
	margin: auto;
}

.footer .liangshi .dianhua p {
	font-size: 12px;
	color: #5f5f5f;
	line-height: 10px;
	padding: 0 5px;
	text-transform: uppercase;
	font-style: italic;
}

.liangshiren {
	background: #111;
	text-align: center;
	width: 82%;
	height: 30%;
	margin: 20px 0;
}

.footer .liangshi .liangshiren p {
	color: #a1a1a1;
	font-size: 22px;
	line-height: 51px;
}

.footico01 {
	display: block;
}

.lanmu01 {
	width: 77%;
	float: left;
}

.lanmu01 .lanmu11 {
	width: 20%;
	float: left;
	padding: 0 40px;
	text-align: center;
}

.lanmu_left {
	border-left: 1px solid #323232;
	border-right: 1px solid #323232;
}

.lanmu01 .lanmu11 dt {
	margin-bottom: 16px;
}

.lanmu01 .lanmu11 dt a {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.lanmu01 .lanmu11 dd a {
	color: #777;
	font-size: 14px;
	display: block;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lanmu01 .lanmu11 dl a:hover {
	color: #fff;
}

.lanmu01 .lanmu11 li a {
	color: #777;
	font-size: 14px;
	display: block;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lanmu01 .lanmu11 ul a:hover {
	color: #fff;
}

.footer_tel {
	width: 40%;
	float: left;
	padding: 0px 40px 0px 60px;
	border-left: 1px solid #323232;
}

.footer_tel dl {
	margin-bottom: 0.5rem;
}

.footer_tel dt {
	margin-bottom: 16px;
}

.footer_tel dt a {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.footer_tel dd {
	margin-bottom: .27rem!important;
}

.footer_tel dd a {
	color: #666;
	font-size: 14px;
	line-height: 32px;
}

.footer_tel p {
	color: #777;
	font-size: 14px;
	line-height: 30px;
}

.footer_erwen {
	float: right;
	width: 12%;
	transform: translateX(-50%) translateY(15px);
}

.erwen_img {
	width: 125px;
	height: 125px;
	background: #fff;
	text-align: center;
	border-radius: 5%;
	display: flex;
    justify-content: center;
}

.erwen_wen {
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}

.dingbu02 {
	padding: 13px 0;
	background: #191919;
	overflow: hidden;
}

.footer_lj {
	width: 100%;
}

.dingbu02 .banquan p {
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: 37px;
	padding: 0 10px;
	float: left;
	opacity: 0.5;
}

.dingbu02 .banquan span {
	font-size: 12px;
	display: block;
	line-height: 37px;
	float: left;
	color: #5e7eb9;
}

.dingbu02 .youqign,
.dingbu02 .banquan {
	color: #555;
	font-size: 16px;
	line-height: 37px;
}

.dingbu02 .youqign a,
.dingbu02 .banquan a {
	color: #555;
	font-size: 16px;
	line-height: 37px;
}

.dingbu02 .youqign a:hover {
	color: #fff;
}

.dingbu02 .youqig {
	width: 50%
}

.lanmu22 {
	width: 22%!important;
	padding: 0 71px!important;
	text-align: left!important;
}

.left {
	float: left;
}

.right {
	float: right;
}


.nybg {
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* 按钮 */

.mb_btn {
	align-items: center;
	display: none;
	cursor: pointer;
}

.mb_btn i {
	font-size: 20px;
	padding: 0 10px;
}

#bottom {
	display: none;
}

.zone_top{height:60px; text-align:left; color:black; font-size:16px; font-weight:bold;}
.area_top{height:60px; text-align:center; color:black; font-size:18px; font-weight:bold;}

.showcard{height:auto; width:auto; margin-top:50px; background-color:#ffffff;}
.showcard ul{margin:0px; padding:0px; margin-top:10px; display:block; height:auto; width:100%; background-color:#ffffff;}
.showcard ul li{list-style:none; display:inline-block; height:125px; width:33%; text-align:center; margin-left:0px; background-color:#ffffff;}
.showcard-image{display:block; float:left; height:125px; width:30%; text-align:center; margin-left:0px; margin-top:0px; background-color:#ffffff;}
.showcard-image img{text-align:center; margin:auto; padding:auto;}
.showcard-content{display:block; float:left; height:125px; width:70%; border:0px solid #dddddd; margin-left:0px; text-align:left; margin-top:0px; overflow:hidden;}
.showcard-title{display:inline-block; height:25px; width:90%; font-weight: bold; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.showcard-desc{height:auto; width:90%; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:20px; color:#888888; font-size: 12px; font-family: \5B8B\4F53, serif, Mingliu, Arial, Helvetica;}
.showcard-abouts{font-size: 16px; line-height: 24px; padding: 0px 20px 80px 20px; text-indent: 28px;}

@media(max-width:1500px){
	.foot .container{
		width: 96%;
	}
}

@media(max-width:1400px){
	header .container{
		max-width:none;
	}
	.location{width: 100%;display:block;}
	.w1400{
		width: 96%;
	}
	.location>.w1400{
		line-height: 60px;
		height: 60px;
	}
	

}	

@media(max-width:1200px){
	.head {
		padding: 15px 0px;
	}
	.headtwo {
		display: none !important;
	}
	.mb_btn {
		display: flex;
	}
	.footer{
		display: none !important;
	}
}

@media(max-width:992px){
	.dingbu02 .youqign{
		display: none !important;
	}
	.headone {
		height: 90px;
	}
}
@media(max-width:769px){
	.headsdh{
		display: none;
	}
	.headone {
		height: 70px;
	}
	.headoneleft>div{
		display: none !important;
	}
	.location{display:none;}
	
	.zone_top{height:50px; text-align:center; color:black; font-size:16px; font-weight:bold;}
	.area_top{height:50px; text-align:center; color:black; font-size:18px; font-weight:bold;}
	
	.showcard{height:auto; width:auto; margin-top:50px; background-color:#ffffff;}
	.showcard ul{margin:0px; padding:0px; margin-top:0px; display:block; height:auto; width:100%; background-color:#ffffff;}
	.showcard ul li{list-style:none; display:inline-block; height:125px; width:100%; text-align:center; margin-left:0px; background-color:#ffffff;}
	.showcard-image{display:block; float:left; height:125px; width:30%; text-align:center; margin-left:0px; margin-top:0px; background-color:#ffffff;}
	.showcard-image img{text-align:center; margin:auto; padding:auto;}
	.showcard-content{display:block; float:right; height:125px; width:68%; border:0px solid #dddddd; margin-left:0px; text-align:left; margin-top:0px; overflow:hidden;}
	.showcard-title{display:inline-block; height:25px; width:100%; font-weight: bold; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
	.showcard-desc{height:auto; width:100%; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:20px; color:#888888; font-size: 12px; font-family: \5B8B\4F53, serif, Mingliu, Arial, Helvetica;}
	.showcard-abouts{font-size: 16px; line-height: 24px; padding: 0px 20px 100px 20px; text-indent: 28px;}
}

@media(max-width:580px){
	header{
		position: fixed;
	}
	.nybg {
		height: 120px;
	}
	.headleft img {
		height: 30px;
	}
	.headzw{
		height: 60px;
	}
	.foot{
		margin-bottom: 50px;
		display: none !important;
	}
	#bottom {
		display: block;
		position: fixed;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		height: 50px;
		bottom: 0;
		/*	border-top: #fff solid 2px;*/
		background: #4183d7;
		z-index: 999;
	}
	#bottom ul {
		height: 45px;
		line-height: 45px
	}
	#bottom ul li {
		width: 25%;
		float: left;
		color: #FFF
	}
	#bottom ul li dl {
		width: auto;
		margin: 0 auto;
		border-right: 1px solid #2c6fc3;
		box-shadow: 1px 0px 0 #3f86e0;
		text-align: center
	}
	#bottom ul li dt {
		width: auto;
		height: 28px;
		overflow: hidden;
		line-height: 38px;
	}
	
	#bottom ul li dt .demo-icon{
		padding-top: 5px;
		color:#fff;
		font-size: 1.5em;
	}
	
	#bottom ul li dd {
		width: auto;
		height: 22px;
		font-size: 12px;
		color: #fff;
		line-height: 20px;
	}
    .dingbu02 .youqign, .dingbu02 .banquan {
		color: #555;
		font-size: 13px;
		line-height: 24px;
	}
	
}



.a_txt {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	z-index: 10000

}

.a_txt .div1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #234488;
	filter: alpha(opacity=0);
	opacity: 0;
	left: 0px;
	top: 0px;
	z-index: 1
}

.a_txt .div2 {
	position: absolute;
	width: 20%;
	left: 0px;
	top: 2%;
	z-index: 100;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0
}

.a_txt .div3 {
	position: absolute;
	width: 80%;
	right: 0px;
	top: 0px;
	background: #fff;
	height: 100%;
	z-index: 100;
	right: -80%
}

.a_txt .div3 ul {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 30px;
}

.a_txt .div3 ul li {
	border-bottom: 1px solid #e9e9e9;
}

.a_txt .div3 ul li a {
	height: 60px;
    display: block;
    line-height: 60px;
}

.mblink_item {
	display: flex;
}

.mblink_itema {
	height: 60px;
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 16px;
	color: #333;
}

.mblink_itematxt {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.mblink_itemi {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #000;
	font-weight: 700;
}

.a_txt2 {
	display: none;
	padding-bottom: 30px;
}

.a_txt2 a {
	padding: 0 20px;
	font-size: 14px;
	display: block;
	height: 36px;
	line-height: 36px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.a_closed img {
	margin-right: 20px;
	display: inline-block;
}

.nycqlbrbox_fy {
	margin: 50px 0 0px;
}

.zone_list{height:auto; width:100%; margin:auto; margin-bottom: 50px; padding:auto; text-align:left;}
.zone_title{height:60px; text-align:center; font-size:18px; font-weight:bold;}
.zone_bottom{width:auto; line-height:200%; padding-right:10px;}
.zone_bottom a{color:orange; font-size:14px; white-space: nowrap;}
.zone_bottom span{color:orange; font-size:14px; white-space: nowrap;}
.zone_right{line-height:200%; padding-left:10px;}
.zone_right a{font-size:14px; margin-right:10px;}
.zone_right span{color:gray; font-size:14px; margin-right:10px;}
.area_list{height:auto; width:100%; margin:auto; padding:auto; text-align:left;}
.area_first{color:orange;}
.area_middle{height:60px; text-align:center; color:orange; font-weight:bold;}
.area_middle a{display:inline-block; color:orange; font-size:14px; font-weight:bold; padding:0px 4px 0px 4px;}
.area_middle span{display:inline-block; color:orange; font-size:14px; font-weight:bold; padding:0px 4px 0px 4px;}
.area_bottom{width:auto; line-height:200%; padding-right:10px;}
.area_bottom a{color:orange; font-size:14px; white-space: nowrap;}
.area_bottom span{color:orange; font-size:14px; white-space: nowrap;}
.area_right{line-height:200%; padding-left:10px;}
.area_right a{font-size:14px; margin-right:10px;}
.area_right span{color:gray; margin-right:10px;}
