html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{/* margin:0; *//* padding:0; */}
a{text-decoration: none; outline: none; cursor: pointer;transition: all 0.4s ease-in-out;}
a:visited ,a:hover{text-decoration: none;}

.clearfix::after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0;
}
.flex{ display: -webkit-flex; /* Safari */display: flex; }
.flex { display: flex;flex-wrap: wrap; }
.flex-left{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-center{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-right{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.flex-v{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-v-bottom{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:left;-moz-box-pack:left;-ms-flex-pack:left;justify-content:left}


.head {width: 100%; background:url("../images/h_bj.png") center no-repeat; padding-top:22px; display: table;}

.logo{ display: inline-block;}
.h_img{ float: right;}
/* menu */
.menubox{ width:100%;border-top:1px solid #4f8cda;display: table; margin-top: 10px;}
.nav{}
.nav li{  float: left;  position: relative; width:11%;}
.nav .dhdqwz a{color: #f59b1a}
.nav li>a{  display: block;  font-size:18px;color: #fff;width: 100%; line-height:54px; position: relative;  text-align: center; font-weight: 600;}
.nav li:after{content: '';display: block;; position: absolute; width:1px;height:35px; left: 0px; top:10px;background: #4f8cda;}
.nav li.on>a,.nav li:hover>a{color: #f59b1a;}
.nav li.on,.nav li:hover{  }
.nav li:first-child:after{display: none;}

.two-nav{  position: absolute; border-top: 3px solid #f59b1a; width: 100%; left: 0%;  z-index: 9999;  display: none; background-color:#fff; padding: 10px 0px;}
.two-nav a{  display: block; line-height:36px; padding: 5px; text-align: center; color: #222;  font-size: 17px;}
.two-nav a:hover{background: #fdf0e0;color: #222;   }

.ss{width:25%; margin-top: 25px; float: right;background:#ffffff;box-shadow: 0px 0px 4px 0px rgb(22 106 177 / 30%);  height:47px; line-height:47px;padding-left: 15px;  border-radius:30px;}
.ss_k{ float:left; font-size: 15px;  border: none; background:none;line-height:47px; width:60%; outline:none; color: #222;}
.ss_an{float:right; width:71px; background:#efaf01;  border:none; height:32px; padding: 7px 15px 8px; cursor:pointer; outline:none; border-radius:0px 30px 30px 0; }
.ss_an img{ max-width: 100%;}


.wp_search{ display:inline-block;position:relative;padding-left:2%;border: 0px solid #d0d0d0;background:#fff;width:98%;}
.wp_search .keyword{ outline: none; width:100%!important; border:none;height:45px; line-height:45px; background:transparent;font-size:16px;color:#666;}
.wp_search .search{width:111px;height: 45px;border:0px; background: #007bb6;cursor: pointer; vertical-align:top;position:absolute;right:0;  color:#fff; font-size:16px;top:0;}
.searchbox{    position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;  display: none;  z-index:99999;}
.searchbox .search_bg{position: absolute;  width: 100%;  height: 100%;  background: #000;  opacity: 0.6;  filter:Alpha(opacity=60);}
.searchbox .close{ position: absolute;  color: #fff;  font-size: 50px;  right: 10%;  top: 15%;  cursor:pointer; opacity: 0.8;}
.searchbox .form{width: 50%;  margin: auto;  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  display: block;  height: 45px;}
@media screen and (max-width:667px){
	.searchbox .form{width: 90%;}
}
.header-mp{display: none;}
.header-mp .header-mp-right > a{
	margin-right: 10%;
	color: white;
}

.header-mp .header-mp-right > a:hover {
	color: white;
}

@media (max-width: 1024px) {
	.searchbtn{width:38px; right: 40px; position: absolute; margin-top:16px; height:38px;background:url(../images/ss.png) no-repeat center;float:right;display:inline-block;cursor:pointer;margin-left:20px;}
	.head{ display: none}
	.menubox{ display: none;}
	.wp-navi{display:none;}
	.nav-se {position: fixed;}
	.header-pc {display: none;}
	.header-mp {
		position: relative;
		top: 0;
		z-index: 101;
		display: block;
		width: 100%;
		background: #005bcf;height:70px;

	}
	.header-mp .logo{width: 64%;float: left;padding-left: 2%;}

	.header-mp .logo img{height:60px;margin-top: 5px;}

	.header-mp .header-mp-right {
		text-align: right;
		white-space: nowrap;
		position: relative;
		z-index: 102;
	}
	.sj_ss{width:50%; background: #ae0e15; padding: 5px;}
	.ss{ width:94%; margin: 0 auto; float: none;height:30px;  line-height: 30px;}
	.ss_k{ line-height: 30px;}
	.ss_an{padding: 5px 15px;}
	.searchbox form{width:90%;}
	.tbdl{ width:20%;margin-right: 0px; margin-top: 15px;border: none;position: absolute;right: 75px; font-size: 15px;}
	.move_navBox{ top: 70px;
		position: absolute;
		width: 100%;
		overflow-y: scroll;
		height: 360px;
		left: 0;}
	.move_nav{position:absolute;top:0px;right: 5px;width: 100%;z-index: 5;height:0px;}
	.move_menu{display: block;clear: both;line-height: 36px;font-size: 1.125em;padding: 0 10px;cursor: pointer;color: #fff;background: #005bcf;position: relative;}
	.move_menu .menuicon{float: right;width:24px;height:16px;background: url("../images/navicon.png") no-repeat;background-size: 100%;position: relative;top:28px;}
	.menuicon.closeNav{background: url("../images/x.png") no-repeat;position: absolute;right:10px;width:17px;height:17px;background-size: 100%}
	#move_nav li{background: rgba(0,91,207,0.8);padding: 0 10px; width: 100%; line-height:28px; }
	#move_nav li p{border-bottom: 1px solid #3e8aea;padding: 10px;}
	#move_nav li a{color:#fff;font-size: 16px;display:inline-block;width: 25%;}
	#move_nav li ul{margin: 0;}
	#move_nav li ul li{border-bottom: 1px dashed #3e8aea;padding:9px 0px;background: #005bcf;width: 47%; float: left;}
	#move_nav li ul li a{font-size:16px;color:#fff; display:block; width:auto}
	.zkicon{background: url("../images/zkicon.png") right center no-repeat;width:60%;height:13px;display: inline-block;float: right;position: relative;top:5px;right:5%;}
	.sqicon{background: url("../images/sqicon.png") right center no-repeat;width:60%;height:13px;position: relative;top:7px;right:5%;}
	.header-mp .search {
		position: relative;
		margin-top: 10px;
	}
	.header-mp .search i {
		position: absolute;
		color: #999;
		right: 15px;
	}
	.header-mp .search input {
		width: 100%;
		height: 36px;
		opacity: 0.7;
		border: 1px solid #ffffff;
		border-radius: 2px;
		background: transparent;
		outline: none;
		color: white;
		line-height: 36px;
		padding-left: 15px;
		padding-right: 40px;
	}

	.header-mp .header-mp-right .ham {
		width: 18px;
		height: 18px;
		font-size: 18px;
		margin-top: -5px;
	}
	.header-mp .header-mp-right .english {
		display: none;
		margin-right: 10px;
	}
	.header-mp .header-mp-right .english span {
		opacity: 0.7;
		font-family: NotoSans-Regular;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 28px;
	}
	.header-mp .header-mp-right .english i {
		color: #ffffff;
		font-size: 20px;
		padding-right: 8px;
	}
	.header-mp .logo:hover img {
		transform: unset;
	}

	.header-mp .header-mp-nav {
		position: fixed;
		top: 66px;
		width: 100vw;
		height: 100vh;
		left: 0;
		pointer-events: none;
		z-index: 101;
	}
	.header-mp .header-mp-nav .main {
		position: relative;
		top: -105%;
		overflow: hidden;
		transition: top 0.3s cubic-bezier(0, 0.55, 0.45, 1);
		background-color: #c01111;
		height: 0;
		border: 0;
		max-height: calc(100vh - 60px);
		overflow: auto;
		height: auto;
	}
	.header-mp .header-mp-nav .main .main-top {
		height: auto;
		border-top: 1px solid #979797;
		border-bottom: 1px solid #979797;
	}
	.header-mp .header-mp-nav .main .main-bottom div a {
		height: 70px;
		line-height: 70px;
		display: block;
		text-align: center;
		opacity: 0.7;
		font-family: PingFangSC-Regular;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 0;
	}
	.header-mp .header-mp-nav.active {
		pointer-events: painted;
		background: rgba(0, 0, 0, 0.65);
	}
	.header-mp .header-mp-nav.active .main {
		top: 0px;
	}
	.header-mp .search {
		position: relative;
		margin-top: 10px;
	}
	.header-mp .search i {
		position: absolute;
		color: #999;
		right: 15px;
	}
	.header-mp .search input {
		width: 100%;
		height: 36px;
		opacity: 0.7;
		border: 1px solid #ffffff;
		border-radius: 2px;
		background: transparent;
		outline: none;
		color: white;
		line-height: 36px;
		padding-left: 15px;
		padding-right: 40px;
	}
	.header-mp .header-mp-nav-top {
		height: 32px;
		width: 100%;
		background: #c01111;
		line-height: 32px;
		position: relative;border-bottom: 1px solid #2086ba;
	}
	.header-mp .header-mp-nav-top::after {
		width: 100%;
		content: "";
		display: inline-block;
		overflow: hidden;
		height: 0;
	}
	.header-mp .header-mp-nav-top>a {
		display: inline-block;
		font-family: MicrosoftYaHei;
		font-size:16px;
		color: #ffffff;
		padding: 0px 15px;
		line-height: 28px;
	}
	.header-mp .header-mp-nav-bottom {
		margin-bottom: 35px;
	}
	.header-mp .header-mp-nav-bottom li > div {
		font-family: MicrosoftYaHei;
		font-size: 16px;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 28px;
		margin-bottom:10px;
		text-align: center;
	}
	.header-mp .secondaryNavigation-mp {
		background: #217caa;
		width: 100vw;
		margin-left: -15px;
		clear: both;
		overflow: hidden;
		transition: height 0.3s linear;
		height: auto;
		margin-bottom: 10px !important;
		margin-top: -10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.header-mp .secondaryNavigation-mp>a {
		float: left;
		margin-bottom: 10px;
		display: inline-block;
		width: 50%;
		font-size: 14px;
		color: white !important;
	}
	.header-mp .header-mp-nav-bottom li > div > a {
		color: white;
	}

	.header-mp .header-mp-nav-bottom li > div > a:hover {
		color: white;
	}
	.body_b .top{display: none;}
	.body_b.showdiv .top{display: none;}

}
@media screen and (max-width:375px){
	.header-mp .logo img{
	height: 55px;
	margin-top: 8px;}
}