.c-red {color: #f10215}
a {transition: all .2s}
.wrap {width: 1200px;max-width: 100vw;margin: 0 auto;padding: 0 5px;}
body {font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, sans-serif;color: #666;}
.flex-box {display: flex;flex-flow: row wrap;}
.topbar {border-bottom: 1px solid #ddd;background-color: #f7f8f9;height: 30px;line-height: 30px;color: #999;}
.topbar ul {overflow: hidden;}
.topbar li {float: left;position: relative;}
.topbar li+li::before {content: '';position: absolute;width: 1px;height: 9px;background-color: #aaa;left: 0;top: 0;bottom: 0;margin: auto;}
.topbar li a {display: block;padding: 0 12px;}
.topbar a:hover {color: #E33333}
.header-box {z-index: 10;position: relative;}
.header {box-shadow: 0 0 10px 0 #ccc;padding: 20px 0 10px;}
.btn-shownav {display: none;}
.header .logo {height: 51px;width: 264px;overflow: hidden;flex-shrink: 0;}
.header .logo img {max-height: 100%;display: block;margin: auto;}
.header .wrap {display: flex;align-items: center;}
.header .fr {flex: auto;display: flex;flex-flow: column;justify-content: flex-end;align-items: flex-end;}
.search-box {width: 300px;height: 36px;border-radius: 36px;border: 1px solid #eee;box-shadow: 0 0 8px 2px inset #f3f3f3;display: flex;align-items: center;margin-bottom: 10px;}
.search-box input {height: 100%;padding: 0 12px;flex: auto;border: 0;background: none;text-indent: 1em;color: inherit;font: inherit}
.search-box i {cursor: pointer;width: 48px;text-align: center;font-size: 18px;color: #999;height: 100%;line-height: 36px;}
.mainnav {display: flex;white-space: nowrap;}
.mainnav>li {position: relative;}
.mainnav>li>a {display: block;height: 40px;line-height: 40px;font-size: 15px;padding: 0 40px;}
.mainnav .sub {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background-color: #E60044;color: #fff;font-size: 15px;line-height: 40px;white-space: nowrap;min-width: 100%;text-align: center;border-radius: 0 0 5px 5px;display: none;}
.mainnav .sub::before {content: '';position: absolute;z-index: 2;height: 0;width: 0;left: 50%;border: 6px solid transparent;border-bottom: 6px solid #E60044;top: 0;margin-top: -12px;transform: translateX(-50%);}
.mainnav .sub a:hover {background-color: rgba(0, 0, 0, .1);opacity: .9;}
.mainnav .sub a {display: block;}
.mainnav>li>a:not(:only-child)::after {content: '';height: 6px;width: 6px;vertical-align: middle;border-top: 1px solid;border-right: 1px solid;transform: rotate(135deg);position: absolute;right: 15px;top: -2px;bottom: 0;margin: auto;opacity: .8;}
.mainnav>li:hover>a {color: #E33333}
.mainnav>li.on>a {color: #E33333;font-weight: 700;}
.footer-box {background-color: #F2F2F2;padding: 20px 0 10px;}
.footer-box .wrap {align-items: flex-start;}
.footer-box .logos {display: flex;flex-flow: row wrap;width: 380px;flex-shrink: 0;margin-right: 40px;align-items: flex-start;justify-content: flex-start;height: auto;}
.footer-box .logos a {margin-bottom: 30px;margin-right: 30px;}
.footer-box .logos img {height: 70px;display: block;}
.footerNav {overflow: hidden;flex: auto;}
.footerNav>li {float: left;width: 25%;}
.footerNav>li h4 a {font-weight: 700;font-size: 15px;display: block;line-height: 1.5;margin-bottom: 8px;}
.footerNav ol {line-height: 2;white-space: nowrap;}
.footerNav ol a {display: block;font-size: 14px;}
.footerNav a:hover {color: #E60044}
.footer-box .qr {overflow: hidden;}
.footer-box .qr li {float: left;text-align: center;}
.footer-box .qr img {display: block;width: 150px;margin: 0 auto 5px;}
.m-links {background-color: #fff;padding: 20px;line-height: 1.5;font-size: 14px;color: #555;margin: 10px 0;}
.m-links a {padding:0 1em 0 0;}
.m-links a:hover {color: #E60044;}
.copyright {line-height: 1.5;font-size: 14px;padding: 10px 0;}
.copyright a {padding: 0 1em;}
.copyright a:hover {color: #E60044;}

.copyright .fl{ width:50%;}
.copyright .fr{ width:50%; text-align:right;}



@media screen and (max-width:1140px) {
	html{overflow-x: hidden;}
	.topbar {display: block;}
	.flex-box {flex-flow: column nowrap;}
	.mainnav {overflow-x: auto;width: 100vw;}
	.header {padding: 0;}
	.header .wrap{flex-flow: column; padding: 20px 10px 10px;}
	.header .search-box {display: none;}
	.footerNav {width: 100%;}

	.footer-box .flex-box {align-items: center;overflow: hidden;}
	.footer-box .logos {width: 100%;margin-right: 0;align-items: center;flex-flow: row wrap;display: flex;justify-content: center;margin-bottom: 10px;}
	.footer-box .logos a {margin: 0;flex:auto;padding: 5px;width: 33%;}
	.footer-box .logos a+a {text-align: center; width: 20%;}
	.footer-box .logos img {display: block;margin: 0 auto;width: 100%;height:auto;}
	.footerNav {width: 100%;text-align: center;}


.mainnav>li>a {padding: 0 12px;}
.mainnav>li>a:not(:only-child)::after { display:none;}



.copyright .fl{ width:100%;text-align: center;margin-bottom: 10px;}
.copyright .fr{ width:100%; font-size:12px;text-align:center;}

.pc { display:none;}

}