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;}
@font-face{
	font-family:"wrbs";
	src: url('../fonts/sySong4.woff') format('woff');

	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"wrbsx";
	src: url('../fonts/sySong5.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"abouta";
	src: url('../fonts/about1.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"dm_bt";
	src: url('../fonts/dm_bt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family:"dm_zw";
	src: url('../fonts/dm_zw.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html {  font-size: 62.5%;  }
body {  font-size: 1.8rem;  }
@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%;  }  }
.clearfix::after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0;
}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.head{width:100%;height:auto;z-index:99999;background:#4b2e83; transition: all .3s ease-in-out; }
.head .logo{ display: inline-block;padding: 30px 0;}
.h_img{ float: right;}

.db_lj{ float:right;padding-top:10%;}
.db_lj .gwlj{height:42px;width: 42px; margin-left: 20px; border-radius: 50%; border: 1px solid #ccc; color:#fff; line-height:42px;float:right; text-align: center;}
.db_lj .gwlj a{color:#fff; font-size:15px; padding: 0 5px;}

.searchbtn {
	width: 42px;
	height: 42px;
	background: url(../images/ss_sj.png) no-repeat center;
	float: right; border-radius: 50%;
	display: inline-block;
	cursor: pointer;border: 1px solid #ccc;
}

.ny_header{position:relative;background:#4b2e83;}
.ny_header:after{display: none;}
/* menu */
.menubox{ width:100%;display: table; background: #fff;}


.topnav .navs{align-items: center;}
.topnav .navs li+li{margin-left: 45px;}
.topnav .navs li{transition: .3s;position: relative;}
.topnav .navs li i.plus{position: absolute;right: 0;top: 15px;color: rgba(255,255,255,.5);width: 30px;height:30px;text-align: center;line-height:30px;display: none;transition: .3s;font-size:18px}
.topnav .navs li i.plus.show{transform: rotate(180deg);}
.topnav .navs li>a{color: #222;font-size:2.2rem;line-height: 65px;text-transform: uppercase;}
.topnav .navs li .sub-nav{position: absolute;top: 100%;left: 20%;transform: translateX(-20%);width: 260px;display: none}
.topnav .navs li .sub-nav .sub-nav-h{padding: 10px 0;text-align: left;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.topnav .navs li .sub-nav .sub-nav-h a{color: #666;display: block;;padding: 10px;font-size:1.6rem}
.topnav .navs li .sub-nav .sub-nav-h a:hover{color: #4b2e83;background: #e8e3d3}
@media (min-width:1025px){
	.topnav .navs li .sub-nav{height: 0;z-index:9999999;opacity: 1;display: block;padding-top: 0;overflow: hidden;}
	.topnav .navs li .sub-nav .sub-nav-h a{color:#fff;padding:10px 15px;display: block;line-height:24px;font-size:1.6rem}

	.topnav .sub-nav dd{transition: opacity .4s, transform .5s;background: #4b2e83;border-bottom: 1px solid #5b34a8;opacity: 0;transform: rotateY(90deg);transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
	.topnav .sub-nav.on dd{-webkit-animation-name: subdd ;animation-name: subdd;animation-duration: 0.4s;-webkit-animation-duration: 0.4s; opacity: 1;transform:none;}
	.topnav .navs li .sub-nav .sub-nav-h a:hover{background: #e8e3d3;}
	.topnav .navs li .sub-nav .sub-nav-h{background: transparent;box-shadow: none;padding-top:0;padding-bottom: 0}
	.topnav .navs li:hover:after {position: absolute;width: 100%;height: 2px;background: #fff;content: "";left: 0;bottom: -.2rem;}

}
@media (max-width:1080px){
	.topnav .navs li+li{ font-size: 1.8rem;}

}

@media (max-width:1024px){
	.topnav .sub-nav dd{width:48%}
	.topnav .navs li .sub-nav .sub-nav-h a{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:26px; height:38px;background:url(../images/ss.png) no-repeat center;float:right;display:inline-block;cursor:pointer;margin-right: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: #4b2e83;height:90px;

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

	.header-mp .logo img{max-width: 100%; vertical-align: middle;}

	.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: 90px;
		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: #4b2e83;position: relative;}
	.move_menu .menuicon{float: right;width:24px;height:16px;background: url("../images/navicon.png") no-repeat;background-size: 100%;position: relative;top:38px;}
	.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(75,46,131,0.8);padding: 0 10px; width: 100%; line-height:28px; }
	#move_nav li p{border-bottom: 1px solid #4b2e83;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 #6947ab;padding:9px 0px;background: #4b2e83;width: auto;float: none;}
	#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:480px){
	.header-mp{height: 60px;}
	.header-mp .logo{height: 60px; line-height: 60px;}
	.searchbtn{margin-top:12px;}
	.move_menu .menuicon{top:25px;}
	.move_navBox{top:60px;}
}