@charset "utf-8";

/* xin */
.new-header {
	background: url(../images/head.jpg) 50% 40px no-repeat;
	margin-bottom: 50px;
}

.new-header .inner {
	width: 1200px;
}

.ht {
	height: 40px;
	line-height: 40px;
	background-color: #eee;
}

.ht a {
	margin: 0 10px;
}

.header h1 {
	width: 600px;
	height: 130px;
	background: url(../images/logo.png) 0 50% no-repeat;
}

/* 2020-08-02 开始 */
.new-header .header h2 {
	position: absolute;
	top: 26%;
	left: 28%;
	font-size: 32px;
	width: auto;
	font-weight: bold;
}

.new-header .header h2 {
	background: none;
}

.header h2>a {
	color: rgb(209, 39, 59);
}

.header .nav {
	/* float: right; */
	margin: 0 auto;
	width: 60%;
	width: 100%;
	background: rgb(210, 228, 248);
	padding: 15px 0;
	margin-bottom: 33px;
}

.header .nav ul {
	/* width: 100%; */
	/* margin-top: 32px; */
}

/* 2020-08-02 开始 */
/* .header .nav li{
    width: 6%;
  } */
.header .nav li {
	width: 20%;
	float: left;
	text-align: center;
}

/* 2020-08-02 结束 */
.header .nav li+li {}

.header .nav li a {
	font-size: 16px;
	line-height: 21px;
	height: 85px;
	/* color: #fff; */
}

.header .nav li a i {
	margin: 0 auto 5px;
	background: url(../images/icon_nav.png) no-repeat center center;
	background-size: 1186px auto;
	display: block;
	width: 40px;
	height: 40px;
	/* display: none; */
}

.header .nav .s1 {
	background-position: 4px 4px
}

.header .nav .s9 {
	background-position: -842px 4px
}

.header .nav .s10 {
	background-position: -944px 4px
}

.header .nav .s11 {
	background-position: -1052px 4px
}

.header .nav .s12 {
	background-position: -1150px 4px
}

.header .search {
	width: 800px;
	margin: 20px auto;
	width: 484px;
	margin: 35px auto;
}

.search input,
.search button {
	float: left;
	display: block;
}

.header .search input {
	box-sizing: border-box;
	width: 676px;
	height: 60px;
	line-height: 20px;
	font-size: 16px;
	margin-right: 4px;
	padding: 20px;
	border: none;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .1);
	border-radius: 2px;
	outline: none;
	width: 484px;
}

.header .search input {
	width: 360px;
}

.search button {
	box-sizing: border-box;
	width: 120px;
	height: 60px;
	padding-left: 40px;
	border: none;
	background: #ff9d08 url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cdefs%3E%3Cstyle/%3E%3C/defs%3E%3Cpath d='M146.286 475.429h14.628c0 168.228 138.972 307.2 307.2 307.2s307.2-138.972 307.2-307.2-138.971-307.2-307.2-307.2-307.2 138.971-307.2 307.2h-14.628zm804.571 402.285c21.943 21.943 21.943 58.515 0 80.457-21.943 21.943-58.514 21.943-80.457 0L724.114 811.886c-73.143 58.514-160.914 87.771-256 87.771-234.057 0-424.228-190.171-424.228-424.228S234.057 51.2 468.114 51.2s424.229 190.171 424.229 424.229c0 95.085-29.257 182.857-87.772 256l146.286 146.285z' fill='%23fff'/%3E%3C/svg%3E") 15px 50% no-repeat;
	background: #ff9d08 url(../images/q.png) 20px 50% no-repeat\9;
	color: #fff;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	border-radius: 2px;
}

.search p {
	clear: both;
	padding-top: 10px;
	line-height: 30px;
}

.search p strong {
	color: #666;
}

.search p a {
	margin: 0 10px;
	color: #666;
}

/* 移动端菜单开始 */

.menu {
	display: none;
}

.mask.on {
	display: block;
	opacity: 1;
}


@media (max-width: 1200px) {
	.new-header .inner {
		width: 100%;
	}

	.header h1 {
		width: 50%;
		background-size: 94% auto;
		background-position: left 10px center;
	}

	.new-header .header h2 {
		font-size: 20px;
		left: 53%;
		top: 45px;
		height: auto;
	}

	.menu-btn {
	}

	.ht .fr {
		display: none;
	}

	.ht .fl {
		text-align: center;
		width: 100%;
	}

	.header .search {
		display: none;
	}

	.header .nav ul {
		display: flex
	}

	.header .nav ul li {
		flex: auto;
		width: auto;
	}

	.header .nav ul li a {
		font-size: 15px;
	}
	ul.info-tree{
	   margin: 0;
	}
}

/* 移动端菜单结束 */