body{background-color: #0a1828;}
.container{width: 1300px; margin-left:auto; margin-right: auto;}
/* header */
.banner img{width: 100%;}
.fixed{height: 150px;}
.fixed>nav{position: fixed; width: 100%; top: 0; left: 0; z-index: 99;}
nav{background-color: #00243b;}
nav>.container{display: flex;height: 100px;justify-content: space-between;align-items: center;}
.links{flex: 1; display: flex;}
.link{color: #fff; font-size: 16px; margin-right: 75px; display: block;}
.logo{margin-right: 65px;}
.logo>img{height: 70px;}
.link.cur,.link:hover{color: #fdff00;}
.currency{position: relative;}
.currency-val{border: 1px solid #80878e; padding: 0 20px; height: 40px; line-height: 38px; border-radius: 2px; color: #808080; cursor: pointer;}
.currency-dropdown{position: absolute; z-index: 9; top: 40px; width: 100%; border-radius: 0 0 3px 3px; overflow: hidden; background-color: #fff; display: none;}
.currency-item{line-height: 34px; padding-left: 20px; display: block; }
.currency-item.cur,.currency-item:hover{background-color: #345c74; color: #9bd6fb;}
/* footer */
.footer-advs-con{background-color: #00243b; border: 1px solid #345c74; border-width: 1px 0; margin: 55px 0 35px;} 
.footer-advs{display: flex; text-align: center; color: #4e7d9b;}
.footer-advs>li{flex: 1; border-right: 1px solid #345c74; padding: 60px 0;}
.footer-advs>li:first-child{border-left: 1px solid #345c74;}
.advs-icon{margin-bottom: 18px;}
.footer-bot{color: #3e657f;line-height: 20px; padding-bottom: 40px;}
.footer-bot-links{display: flex; flex-wrap: wrap; justify-content: center;}
.footer-bot-link{padding: 0 10px; border-right: 1px solid #3e657f; color: #3e657f; margin-bottom: 30px;}
/* kefu图标 */
.livechat{position: fixed; right: 30px; bottom: 100px; z-index: 9;}
.livechat img{width: 80px;}
.hidden-lg{display: none;}
.hidden-lg,.visible-md,.visible-sm{display: none;}
@media (max-width: 1320px) {
    .container{width: 768px; padding: 10px;}
    .banner{padding-top: 45px; text-align: center;}
    .banner img{display: block; margin: 0 auto; width: 768px;}
    .visible-lg{display: none;}
    .hidden-lg{display: block;}
    .hidden-lg,.visible-md{display: block;}
    .fixed{height: 75px;}
    nav>.container{height: 45px; padding-left: 0;}
    .index-nav{position: fixed;width: 100%; top: 0; left: 0; z-index: 99;}
    .links-warp{position: fixed; display: none; left: 0; right: 0; bottom: 0; top: 45px; background: rgba(0, 0, 0, 0.7);}
    .links{background-color: #113243; width: 0px; height: 100%; display: block;}
    .links>.separator{border-bottom: 1px solid #ccc;}
    .link{line-height: 50px; padding-left: 10px; margin-right: 0;}
    .aside-btn{color: #fff; font-size: 28px; cursor: pointer; line-height: 48px; width: 48px;text-align: center;}
    .aside-btn.show{background-color: #113243;}
    .logo{margin-right: -20px;}
    .logo>img{height: 38px;}
    .currency-val{line-height: 28px; height: 30px;}
    .currency-dropdown{top: 30px;}
    .footer-advs{display: block; padding: 0 20px; text-align: left;}
    .footer-advs>li{display: flex; align-items: center; border-bottom:1px solid #345c74; border-right: 0; padding: 30px 0;}
    .footer-advs>li:first-child{border-left: 0;}
    .footer-advs>li:last-child{border-bottom: 0;}
    .advs-icon{margin-right: 25px; margin-bottom: 0;}
    .footer-img{text-align: left; padding-left: 25px;}
    .footer-img>img{height: 30px;}
}
@media (max-width: 767px) {
    .banner img{width: 100%;}
    .livechat img{width: 60px;}
    .container{width: 100%;}
    .hidden-sm,.visible-md{display: none;}
    .visible-sm{display: block;}
    .footer-img>img{margin-right: 0; height: 26px;}
}
@media (max-width:360px){
    .footer-img>img{height: 22px;}
}