a {transition: all .3s;}
.w1200 {width: 100%;max-width: 1200px;margin: 0 auto;}
.flex-box {display: flex;flex-flow: row wrap;}
@media screen and (max-width:768px) {.flex-box {flex-flow: column;}
}
.bg-skin {background-color: #ED1B24;}
.bg-skin2 {background-color: #A92028;}
.bg-skin3 {background-color: #0c4180;}
.bg-skin4 {background-color: #F0F5FC;}
:root {--swiper-theme-color: #ED1B24}
/* header */
.header-box {position: fixed;z-index: 10;left: 0;top: 0;background-color: rgba(255, 255, 255, .95);width: 100%;}
.header-box .w1200 {display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;align-items: center;}
.header-box~.body-box {padding-top: 5.4rem;}
.header-box .logo img {max-height: 100px;}
#showNav {position: absolute;color: #fff;font-size: 1.5em;display: none;}
.search-box {position: relative;display: flex;align-items: center;justify-content: center;background-color: #f9f9f9;}
.search-box input {flex: 1;font-family: inherit;font-size: inherit;color: inherit;padding: 0 1em;border: 0;background: none;}
.search-box i {height: 2.75rem;width: 2.75rem;color: #999;font-size: 1rem;flex-shrink: 0;line-height: 2.75rem;text-align: center;cursor: pointer;transition: all .3s;}
.search-box i:hover {color: #ED1B24;}
.mainnav {display: flex;align-items: center;}
.mainnav .item {position: relative;white-space: nowrap;}
.mainnav .item>a {display: block;line-height: 5.4rem;color: #222;padding: 0 1.1em;position: relative;text-align: center;}
.mainnav .sub {position: absolute;top: 100%;left: 50%;background-color: rgba(255, 255, 255, .95);min-width: 150%;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);z-index: 0;display: none;transform: translateX(-50%);text-align: center;border-bottom: 2px solid #ED1B24;}
.mainnav .item.on>a {color: #ED1B24;}
.mainnav .item.on>a::before {content: '';position: absolute;bottom: 0.9rem;left: 50%;width: 80%;height: 0.18rem;background-color: #ED1B24;margin: auto;transform: translateX(-50%);}
.mainnav .sub a {font-size: .9em;padding: .5rem 1rem;line-height: 1.5;display: block;color: #666;}
.mainnav .sub a:hover {color: #ED1B24;background-color: #fff;}
.mainnav .item>a:not(:only-child)::after {content: '';width: 6px;height: 6px;border-right: 1px solid ;border-bottom: 1px solid ;display: inline-block;transform: rotate(45deg);vertical-align: middle;margin-left: .5em;margin-top: -.13em;}
#mask1 {position: fixed;z-index: 10000;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .6);transition: all .3s;}
/*footer*/
.footer-box {background-color: #393939;color: #666;}
.footer-box .copyright {border-top: 1px solid #555;padding: 2em 0.62rem;line-height: 1.5;font-size: .93em;color: #888;text-align: center;}
.footer-box .flex-box {padding: 3rem 0 2rem;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.footer-box .bottomNav {display: flex;flex-flow: row wrap;flex: 1;padding-right: 10%;}
.footer-box .item {font-size: 0.93rem;flex: 1;}
.footer-box .item>a {color: #f3f3f3;text-indent: .4em;display: block;}
.footer-box .sub {margin-top: 0.62rem;line-height: 1.5;}
.footer-box .sub a {display: block;font-size: 0.87rem;padding: .4em;color: #aaa;}
.footer-box .sub a:hover {color: #ED1B24;}
.footer-box .text {text-align: right;}
.footer-box .text h3 {font-weight: 400;color: #f3f3f3;text-indent: .4em;display: block;}
.footer-box .text p {font-size: 0.87rem;padding: .4em;color: #aaa;line-height: 2;margin: 0.62rem 0;}
.footer-box .links-box {position: relative;display: flex;align-items: center;justify-content: center;width: 12.5rem;height: 3.12rem;border: 1px solid #aaa;padding-right: 3rem;cursor: pointer;z-index: 2;}
.footer-box .links-box ul {position: absolute;left: 0;width: 100%;background-color: #f3f3f3;bottom: 100%;line-height: 1.5;font-size: 0.87rem;text-align: left;border: 1px solid #ccc;display: none;}
.footer-box .links-box p {color: #bbb;margin: 0;padding: 0;line-height: 1;}
.footer-box .links-box li a {padding: 1em;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer-box .links-box li+li {border-top: 1px dotted #ddd;}
.footer-box .links-box::after {content: '';position: absolute;right: .9rem;top: 50%;border: .6rem solid transparent;border-bottom: 0.5rem solid #aaa;border-radius: .2rem;margin-top: -.8rem;}
.footer-box .links-box li a:hover {color: #fff;background-color: #A92028;}
@media screen and (max-width:1080px) {.search-box {display: none;}
}
@media screen and (max-width:768px) {.header-box~.body-box {padding-top: 3.75rem;}
	.mainnav {display: flex;position: fixed;left: -100%;top: 0;background-color: #fff;z-index: 10002;bottom: 0;flex-flow: column;width: 60%;overflow-y: auto;align-items: stretch;transition: all .4s;}
	#showNav {display: block;background-color: #A92028;top: 0;bottom: 0;padding: 0 1rem;display: flex;align-items: center;justify-content: center;left: 0;cursor: pointer;z-index: 1;}
	.header-box .w1200 {height: 3.75rem;padding-left: 3rem;display: flex;align-items: center;justify-content: center}
	.header-box .logo img {max-height: 3.75rem;}
	.header-box.show {z-index: 10001;}
	.header-box.show .mainnav {left: 0;}
	.header-box .mainnav li+li {border-top: 1px solid #e9e9e9}
	.header-box .mainnav .item>a {line-height: 3rem;color: #555;padding: .5rem 1rem;}
	.header-box .mainnav .item.on>a {color: #fff;}
	.mainnav .item>a:not(:only-child)::after {border-color: #888;position: absolute;right: .8rem;margin: 0;top: 0;bottom: 0;margin: auto;}
	.header-box .item.on>a:not(:only-child)::after {border-color: #999;transform: rotate(-135deg);}
	.header-box .sub {position: relative;top: 0;box-shadow: none;min-width: 100%;width: 100%;background: #f9f9f9;border: none;text-align: left;text-indent: 1rem;}
	.mainnav .item.on>a::before {content: '';position: absolute;bottom: 20%;left: 0;height: 60%;width: 0.12rem;background-color: #ED1B24;margin: auto;transform: none;}
	.header-box .mainnav .item.on>a {color: #333;}
	.mainnav .sub a {padding: 1rem;}
	.footer-box .bottomNav {display: none;}
	.footer-box .flex-box {align-items: stretch;padding: 2rem 0;}
	.footer-box .text {text-align: left;padding: 0 1rem;}
	.footer-box .links-box {width: 100%;}
}