html {
	font-size: 62.5%; /* 桌面端基准10px */
}

body {
	font-size: 1.8rem; /* 默认16px */
}

/* 手机端适配 */
@media screen and (max-width: 768px) {
	html {  font-size: 50%;}
	body {  font-size: 1.8rem;}
}

/* 极小屏幕保护 */
@media screen and (max-width: 320px) {
	html {  font-size: 45%;  }
}


.header {width: 100%;}
.list .header{height: auto;}
.list #header{}

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}

.tbhx{ background: #0b6fc7; height: 5px; }
.tblogo{ float: left; width: 40%; margin-top:10px;}
.head{ width: 100%; position: fixed; z-index: 10;padding:15px 0 15px;border-top: 4px solid #b89c67; top:0;}
.head:before{content:'';position:absolute;top:0;left:0;right:0;height:154px; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.8));-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;z-index:-1;}
.ny_head{padding:15px 0 20px;border-top: 4px solid #b89c67;}
.nav-top{width:50%;float: right;white-space: nowrap;}
.nav-top_r{ float: right;padding-top:15px; line-height: 34px;}
.nav-top_r a{display:inline-block; color: #fff; font-size: 16px; font-weight: 600;}
.nav-top_r i{margin:0 8px;font-size:12px; color: #fff; }
.nav-top_xx{float: right;line-height: 34px;margin-top:2%; width: 43%;}
.nav-top_xx a{display:inline-block; color: #fff; font-size: 16px; font-weight: 600; border: 1px solid #fff; border-radius: 26px; padding: 1.5% 5%; margin-right: 5%;}
.nav-top_xx a img{vertical-align: middle; margin-left:10px; margin-top: -5px;}
.nav_bj{ position: relative;}
.pcnav{ width:100%;position: relative; z-index: 99;}
.header-pc{}


.header-pc .nav-top li:hover>a{opacity: 0.45;}
.header-pc li{display: inline-block;}
.header-pc.active .nav-top{background: #0b6fc7; margin-top: 0px;height: 45px;}
.header-pc.active .nav-bottom{background: white;box-shadow: 0 0 10px rgba(0,0,0,0.15);margin-top: 0px;}
.header-pc.active .nav-bottom .nav-bottom-right li{color: #333;}
.header-pc.active .nav-bottom .logo{margin-top: 13px;}
.header-pc.active .nav-line{border-bottom: 4px solid #4170bc !important;}
.header-mp{display: none;}
.header-mp .header-mp-right > a{  margin-right: 10%;  color: white;  }
.header-mp .header-mp-right > a:hover {  color: white;  }
.xh_logo{ float: left; width: 21%; margin-top: 10px;}
.xh_logo .logo{}
.xh_pcnav{ width: 78%; padding-top:25px;}
#container-1{padding-top:130px;}

.header .top{border-top:#0b6fc7 solid 6px; }
.header.small .top{}
.header.small{}
.dbnr{ padding-bottom: 5px; border-bottom: 1px solid #e8e8e8;margin-bottom: 10px;}


.logo{ float: left; margin-top:5px; margin-left:5px;}
.logo a{ display: block;}
.logo img{ max-width: 100%;}
/* menu */
.menubox{width:64%;float:right; margin-top:1.3%;}
.nav{ width:100%;}
.nav li{ float: left;  position: relative; width:14%;}
.nav .dhdqwz a{color: #f59b1a}
.nav li>a{  display: block;  font-size:18px;color: #fff;width: 100%; line-height:50px;  text-align: center; font-weight: 600;}
.nav li.on>a,.nav li:hover>a{color: #f59b1a;}
.nav li.on,.nav li:hover{  }
.two-nav{  position: absolute;  top: 120%;
    left: 50%;
    transform: translateX(-50%);
    background-position: right bottom;
    z-index: 9999;
    overflow: hidden;
    line-height: normal;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
    width: 200px;
    display: none;
    padding: .2rem 0 .25rem 0;
    align-items: center;
    background-color: #fff;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 1) 60%, rgba(184, 156, 103, .7) 100%);
    border-radius: 0px 0px 12px 12px;}
.two-nav a{  display: block; line-height:40px; padding: 5px; text-align: center; color: #222;  font-size: 17px;}
.two-nav a:hover{background: #fdf0e0;color: #222;   }

.searchbtn{width:119px;height:47px;background:url(../images/ss.png) no-repeat center;float:right;display:inline-block;cursor:pointer;margin-top:1%;}
.wp_search{ display:inline-block;position:relative;padding-left:15px;border: 0px solid #d0d0d0;background:#fff;width:100%;}
.wp_search .keyword{ outline: none; width:100%!important; border:none;height:43px; line-height:43px; background:transparent; color:#fff; 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:50;}
.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: 25%;  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_sj.png) no-repeat center;float:right;display:inline-block;cursor:pointer;margin-left:20px;}
	.head, .ny_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: #fff;height:80px;

	}


	.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: 80px;
		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: #b89c67;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(184,156,103,0.8);padding: 0 10px; width: 100%; line-height:28px; }
	#move_nav li p{border-bottom: 1px solid #fce5ba;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 #fce5ba;padding:9px 0px;background: #b89c67;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:768px){
.move_navBox{top: 65px;padding-bottom: 10px;}
.header-mp{height: 65px;}
.logo{margin-top: 12px;}
	.header-mp .logo img{
	height: 45px;

}

}