* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-size: 14px;
	line-height: 1.5;
	font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Helvetica, Microsoft YaHei, Arial;
	-webkit-highlight: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}

body,
html {
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
	color: #333;
  text-decoration: none;
}
a:hover {
	color: #2a96cf;
}
img {
    max-width: 100%;
    vertical-align: middle;
}

button,
input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select,
textarea {
    margin: 0;
    font-family: inherit;
    -webkit-appearance: none;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

@media (min-width: 999px) {
	.w12 {max-width: 1200px; margin: 0 auto;}
	.header {position: relative; max-width: 1200px;margin: 0 auto;height: 85px;z-index: 999; display: flex; align-items: center;justify-content: space-between;}
	.logo {width: 260px; padding: 5px 0;}
	.icon-navicon{display: none;}
	#menu { flex: 1; }
	#menu > ul{display: flex;align-items: center;justify-content: space-between;}
	#menu > ul > li {position: relative; line-height: 85px;}
	#menu > ul > li:hover > a { color: #2a96cf;}
	#menu > ul > li.active > a { color: #2a96cf;}
	.drop-menu { position: absolute; top: 85px; left:-70px; width: 185px;display: none;}
	.drop-menu ul {background-color: rgba(255, 255, 255, 0.9);flex: 1}
	.drop-menu li {line-height: 1; text-align: center;}
	.drop-menu li >a {padding: 20px;display: block;}
	.drop-menu li:hover { background-color: #043f85}
	.drop-menu li:hover a {color: #fff; font-weight: bold;}
	#menu li:hover .drop-menu { display: flex; }
	.search{width: 80px;text-align: right;padding-right: 5px;}

	.foot {background-color: #202020;padding: 50px 0;}
	.foot .subnav {display: flex;color: #fff; max-width: 1200px; margin: 0 auto;}
	.subnav > ul { flex:1; display: flex;justify-content: space-between;margin-right: 50px;}
	.subnav > ul > li {border-right: 1px solid rgba(67, 67, 67, .3);padding-right: 35px;}
  .subnav > ul > li > a {color: #fff;line-height: 36px;font-weight: bold;}
  .subnav>ul>li ul{margin-top: 15px;}
  .subnav>ul>li ul li a{color: #999;text-decoration: none;line-height: 32px;}
	.subnav>ul>li ul li a:hover{color: #2a96cf;}
	.subnav-level {	width: 260px; display: flex;flex-direction: column;flex-wrap: wrap;height: 160px;align-content:space-between}
	.subnav-level li {margin-right: 10px;}
	.rwm {text-align: center;width: 150px;}
	.rwm p {margin-top: 20px;}
	.copyright {background-color: #000;padding: 20px 0;color: #999;}
	.copyright a{color: #999;float:right;}
	.copyright a:hover{color: #2a96cf;}
}
@media (max-width: 991px) {
	.header {margin: 0 auto;}
	.header .logo { display: flex; align-items: center;justify-content: space-between;padding: 10px;}
	.icon-navicon {padding: 6px 15px;font-size: 16px;border-radius: 4px;background:none;border:1px solid #ccc;cursor: pointer;}
	#menu{position: absolute;background:#fff;width: 100%;z-index: 999;padding-bottom: 10px;display: none;} 
	#menu > ul > li {line-height: 2; width: 88%; margin: 0 auto;}
	#menu li:hover .drop-menu { display: flex; }
	.search, .drop-menu img{display: none;}
	.drop-menu{display: none; background:#f1f1f1; margin: 0 auto;padding: 10px 0;}
	.drop-menu li {padding-left: 15px; position: relative;}
	.drop-menu li::before{content: '-';margin-right: 8px;color: #ccc;}

	.foot {background-color: #202020;padding: 10px;}
	.foot .subnav {color: #fff;}
	.subnav > ul > li > a {color: #fff;line-height: 36px;font-weight: bold;}
	.subnav > ul > li ul {display: flex;flex-wrap: wrap;}
  .subnav > ul > li ul li a{margin-right: 10px;color: #999;text-decoration: none;line-height: 26px;}
	.subnav > ul > li ul li a:hover{color: #2a96cf;}
	.rwm {text-align: center;width: 100%;margin-top: 15px;}
	.rwm p {margin-top: 10px;}
	.copyright {background-color: #000;padding: 10px;color: #999;}
	.copyright a{color: #999;}
	.copyright a:hover{color: #2a96cf;}
}