.header-box {position: fixed;z-index: 200;left: 0;top: 0;background-color: rgba(0, 0, 0, .7);height: 110px;width: 100%}
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;max-height: 100px;}
.mainnav {color: #fff;display: flex;align-items: center;flex: 1 auto;justify-content: flex-end;white-space: nowrap;text-align: center;}
.mainnav .nli {position: relative;}
.mainnav .nli::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;top: 15px;background-color: #016EC8;transition: all .3s;opacity: 0;}
.mainnav .nli>a {display: block;line-height: 30px;padding: 40px 18px;position: relative;z-index: 3;font-size: 16px;}
.mainnav .nli:hover::after {opacity: 1;}
.mainnav .sub {position: absolute;top: 100%;left: 0;background: #eee;color: #666;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);display: none;}
.mainnav .nli:hover .sub {display: block;}
.mainnav .sub>li+li {border-top: 1px solid #e6e6e6;}
.mainnav .sub li {position: relative;}
.mainnav .sub li>a {display: block;line-height: 49px;white-space: nowrap;padding: 0 3em;position: relative;}
.mainnav .subsub {position: absolute;left: 100%;top: 0;white-space: nowrap;flex-flow: column;background-color: #eee;box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);display: none;}
.mainnav .sub>li:hover .subsub {display: flex;}
.mainnav .subsub a {display: block;line-height: 49px;padding: 0 3em;}
.mainnav .subsub a+a {border-top: 1px solid #e6e6e6;}
.mainnav .sub a:hover {background-color: #016ec8;color: #fff;}
.mainnav .sub>li>a:not(:only-child)::after {content: '';position: absolute;border-top: 1px solid;border-right: 1px solid;width: 8px;height: 8px;transform: rotate(45deg);opacity: .5;right: 1em;top: 0;bottom: 0;margin: auto;}
.footer-box {background-color:#016ec8;color: #fff;line-height: 28px;font-size: 15px;}
.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 #fff;padding: 18px;font-size: 14px;text-align: center;}
.footer-box .item+.item {border-left: 1px solid #fff;}
.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 #fff;}
.footer-box li h4~a {font-size: 13px;}
.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;}