html {overflow-x: hidden;}
body {font-size: 16px;line-height: 1.5;color: #666;}
.header-box {position: fixed;z-index: 200;left: 0;top: 0;background-color: rgba(0, 0, 0, .7);height: 60px;width: 100%;padding: 10px;display: flex;justify-content: space-between;align-items: center;}
a {transition: all .3s;}
.wrap-header {width: 1300px;max-width: 96%;margin-left: auto;margin-right: auto;display: flex;justify-content: space-between;}
.wrap {width: 1200px;max-width:96%;margin-left: auto;margin-right: auto;display: flex;flex-flow: column;}
.row {flex-flow: row;}
.header-box .wrap {justify-content: center;}
.header-box .logo img {max-width: 350px;height: 40px;}
.header-box i {color: #Fff;font-size: 22px;cursor: pointer;}
.mainnav {position: fixed;right: 0;top: 0;bottom: 0;height: 100%;overflow-y: scroll;background-color: #fff;z-index: 310;width: 70vw;display: none;}
.mainnav .btn-close {position: absolute;top: 0;right: 0;height: 60px;width: 60px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;opacity: .8;}
.mainnav .nli {border-bottom: 1px solid #EEEEEE;font-size: 14px;}
.mainnav .nli>a {display: block;padding: 1em 2em;}
.mainnav .sub {display: none;}
.mainnav::before {content: 'menu';display: block;height: 60px;background-color: #005BAD;display: flex;align-items: center;padding-left: 2em;text-transform: uppercase;color: #fff;}
.footer-box {background-color: #00408A;color: #c0d0e2;line-height: 28px;font-size: 14px;}
.footer-box a, .footer-box b {color: #fff;}
.footer-box .wrap {flex-flow: row nowrap;padding: 45px 0;}
.footer-box .btm {border-top: 1px solid #3567A2;padding: 18px;font-size: 12px;text-align: center;padding-bottom: 78px;}
.footer-box .item+.item {border-left: 1px solid #3567A2;}
.footer-box .item {display: flex;align-items: center;justify-content: center;flex-flow: column;padding: 0 30px;}
.footer-box ul {display: flex;flex-flow: row nowrap;white-space: nowrap;}
.footer-box li+li {margin-left: 20px;}
.footer-box li {display: flex;flex-flow: column;margin-right: 5px;}
.footer-box li a {display: block;padding: 0 10px;}
.footer-box li h4 {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #3366A1;}
.footer-box li h4~a {font-size: 12px;}
.footer-box li h4~a:hover {color: #d0efee}
.footer-box .item.img a {display: flex;flex-flow: column;text-align: center;align-items: center;}
.footer-box .item.img img {max-width: 120px;}
.footer-box .item.r {display: flex;flex-flow: column;justify-content: center;text-align: right;align-items: flex-end;flex: 1 auto}
.footer-box .item p+img {margin-top: 20px;}
.footer-box b {font-size: 32px;line-height: 2;}
.fixedNav {position: fixed;z-index: 200;bottom: 0;left: 0;right: 0;width: 100%;height: 60px;background-color: rgba(224, 54, 3, 0.8);color: #fff;padding: 0 10px;display: flex;}
.fixedNav a {flex: 1 auto;display: flex;flex-flow: column;justify-content: center;align-items: center;font-size: 12px;}
.fixedNav a i {font-size: 22px;}
#mask1 {position: fixed;z-index: 300;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .7);: hidden;}