@charset "utf-8";

*{margin:0;padding:0;color:#04304b;-webkit-font-smoothing: antialiased;}
html,body{font-family: "Microsoft YaHei UI";font-size: 14px;overflow-x: hidden;}
body{ -webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling: touch}
a{text-decoration: none;color:#04304b}
a,a:hover,a:active,a:visited,a:link,a:focus,li{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;}
ul,li,dt,dd,dl{list-style: none}
img{max-width: 100%;}
h1{font-size: 24px;}

.wrapper{width:1080px;margin:0 auto;position: relative;box-sizing: border-box;}
.wrapper01{width:1100px;margin:0 auto;}
.nowrap{white-space: nowrap;}
.fl{float: left}
.fr{float: right;}
.clear{clear:none !important}
.clear:after{content:'';width:100%;height:0;display: block;clear: both;visibility: hidden;}
.col-3{width:30%;margin-right: 5%;display:inline-block;vertical-align: top}
.col-3:nth-child(3n){margin-right: 0}
.col-3 h1{font-size: 24px}
.col-3 p{font-size: 14px;}
.col-3 span{font-size: 14px;}
.col-3-nospac li:nth-child(3n){margin-right: 5%;}
.center{text-align: center}
.fontSize0{font-size: 0}
.transition{transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.transition-1s{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.transition-2s{transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;}
.overflowH{overflow: hidden}
.margin0{margin:0 !important;}
.translateY{-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.translateX{-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.translateXY{-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.color{color:#04304b}
.blue{color:#4b89f3}
.blue01{color:#3bfdfc}
.white{color:#fff}
.f28{font-size: 28px;}
.flip-horizontal {-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1);-ms-transform: scaleX(-1);transform: scaleX(-1);filter: fliph;}
.tb{display: table;width: 100%}
.tbc{display: table-cell}

.hover-shadow:hover,.box-shadow{box-shadow: 1px 1px 30px rgba(0,0,0,0.1);}

.p-1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.p-2{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.p-3{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
.p-4{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow:hidden;}



/*header*/
.header{position: fixed;top:0;left: 0;width: 100%;z-index:99;height: 55px}
.logo{display:inline-block;margin:10px 0;vertical-align: middle;width:118px;height:33px;}
.logo img{width: 100%;height: 100%}
.nav{display: inline-block;position: relative;text-align: center;line-height: 55px;vertical-align: middle;margin-left: 40px}
.nav li a{display: block}
.nav>ul>li{display: inline-block;}
.nav>ul>li>a{position: relative;margin:0 15px;color:#fff}
.nav>ul>li>a:after{content:'';display: block;width:0;height:2px;background-color:#3bfdfc;position: absolute;bottom: 10px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}

.nav>ul>li.on>a:after{content:'';display: block;width:100%;height:2px;background-color:#3bfdfc;position: absolute;bottom: 10px;}
.nav>ul>li.on > .sub-menu{height: auto;}
.nav>ul>li:not(.on) > .sub-menu li,.nav>ul>li.on:not(:hover) > .sub-menu{height: 0;visibility:hidden;transition:  0.5s 0.1s height,0.5s 0.1s padding, 0.6s visibility;}

.sub-menu{background-color: #fff;width:100%;box-sizing: border-box;border-bottom-left-radius:20px;border-bottom-right-radius: 20px;overflow: hidden;box-shadow: 1px 1px 30px rgba(0,0,0,0.1)}
.nav .sub-menu{position: absolute;top:45px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);white-space: nowrap;width: auto;height: 0;background-color: #04304b;}
.nav .expand .sub-menu{height: auto}
.nav .mult-sub-menu{padding: 0 30px;margin: 30px 0;}
.nav .mult-sub-menu .sub-menu-item{display:inline-block;vertical-align: top;margin: 0 30px;}
.nav .mult-sub-menu .sub-menu-item p{font-weight: bold;line-height: 40px;color:#fff;font-size: 18px;margin-bottom: 10px;}
.sub-menu li,.nav>ul>li.expand .sub-menu li{display: block;line-height: 40px;height: 40px;position:relative;transition:0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color;visibility:visible}
.sub-menu li a{color:#fff;position: relative;z-index: 2;display: block;font-size: 14px;padding:0 10px;}
.sub-menu li.on{line-height: 50px;height: 50px;}
.sub-menu li.on a{color:#04304b}
.sub-menu li.on:after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background-color: #3bfdfc;border-radius: 3px;}

.nav>ul>li.on .sub-menu-item.describe{height:185px;margin-right: 10px;}
.sub-menu-item.describe{width: 300px;border-left: 1px solid #506f81;text-align: left;padding-left: 60px;position: relative;height: 0;transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color;}
.sub-menu-item.describe span{color:#fff;white-space: normal;line-height: 28px;display: block;margin-top: 5px;text-align: justify;font-size: 14px;}
.sub-menu-item>div{opacity: 0;-webkit-transition: opacity .3s;-moz-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;position: absolute}
.sub-menu-item .active{opacity: 1;}

.pc-login{position: absolute;right: 0;top:0;color:#fff;white-space: nowrap}
.pc-login ul{position: relative}
.pc-login>ul>li{display: inline-block;}
.pc-login a{color:#fff;}
.pc-login a:not(.btn):hover{opacity: .8}
.pc-login a.green{color:#3bfdfc}
.pc-login .btn{display:inline-block;width: 90px;line-height: 36px;border:1px solid #fff;border-radius: 4px;text-align: center;margin-left:8px;padding: 0;}
.pc-login .btn:hover{border:1px solid #ee706b;color:#ee706b}
.pc-login .btn.btn-red{border:1px solid #ee706b;background-color: #ee706b;color:#fff}
.pc-login .btn.btn-red:hover{border:1px solid #e46661;background-color: #e46661;color:#fff}

.pulldown{display: inline-block}
.pulldown>a>i.down{position: relative;top:1px;left: -5px;}
.pulldown .child{position:absolute;right: 0;width:240px;background-color: #113049;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding:0;box-sizing: border-box;transition: 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5);z-index: 99}
.pulldown .child:before{content:'';width:0;height:0;position:absolute;top: -10px;right: 115px;transform:translateX(-50%);border-width: 0;border-style:solid;border-color:transparent transparent #113049;transition: 0.5s width cubic-bezier(0.73, 0.32, 0.34, 1.5);}
.pulldown .child li{height: 0;transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);overflow: hidden;border-radius: 6px;}
.pulldown .child li:hover{background-color: #367dfa}
.pulldown .child li:hover .header-tips-red,.pulldown .child li:hover .header-tips-green{color:#fff}
.pulldown .child li:hover .header-tips-red .header-error{background-position: -80px 0}
.pulldown .child li:hover .header-tips-green .header-success{background-position: -60px 0}
.pulldown .child a{display: block;color: #fff;padding: 0 15px;line-height: 36px;white-space: nowrap;cursor: pointer;}
.pulldown .child a i{margin-right: 8px;display: inline-block;width: 22px;text-align: center;font-size: 14px}
.pulldown .child a samp{display:inline-block;padding:0 5px;color:#fff;min-width: 25px;line-height: 18px;text-align:center;border-radius: 9px;box-sizing: border-box;margin:9px 0;float: right}
.pulldown .child a:hover{color:#fff}
.pulldown i.down{position: relative;top:2px}
.pulldown ul.child li{text-align: center;}

.pulldown:hover .child,.pulldown.active .child{padding: 10px;}
.pulldown:hover .child:before,.pulldown.active .child:before{border-width:5px}
.pulldown:hover .child li,.pulldown.active .child li{height: 36px;}

.acc-balance{white-space: nowrap;min-width: 200px;color:#a9a9ad;padding: 0 10px;margin: 0 5px;box-sizing:border-box;height: 0;overflow: hidden;transition: 0.5s all cubic-bezier(0.73, 0.32, 0.34, 1.5);}
.acc-balance .title{line-height: 40px;color:#fff;font-size: 12px}
.acc-balance .content p{color:#fff;font-size: 22px;font-weight: bold;line-height: 24px;}
.acc-balance .content a{line-height: 24px;padding:0;color: #a2aeb8;font-size: 12px;}
.acc-balance + ul{padding:0;transition: 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5);}
.pulldown:hover .child .acc-balance{height: 80px;padding-bottom: 15px;border-bottom: 1px dashed #a9a9ad;}
.pulldown:hover .child .acc-balance + ul{padding: 10px 0;}

.header-icon{background-image: url(../images/header-icon.png);display: inline-block;vertical-align: middle;margin-right: 5px;width: 24px;height: 24px;position: relative;top:-1px}
.header-icon01{width: 20px;height: 20px}
.header-icon02{background-position: 0 -20px}
.header-icon03{background-position: -24px -20px}
.header-icon04{background-position: -48px -20px}
.header-icon05{background-position: -72px -20px}
.header-icon06{background-position: -96px -20px}
.header-success{width:20px;height:20px;background-position: -20px 0;margin-right: 0 !important;}
.header-error{width:20px;height:20px;background-position: -40px 0;margin-right: 0 !important;}

.header-tips-green{color:#33b42c;font-size: 12px}
.header-tips-red{color:#ee706b;font-size: 12px}


/*mobile menu*/
.mobile-menu-btn{display: none;position: absolute;right: 36px;top:12px}
.mobile-menu-btn i{display: block;width: 28px;height: 2px;background-color: #fff;margin-top: 6px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.mobile-menu-btn.on i:nth-child(1){-webkit-transform: rotate(-45deg) translate(-5px,5px);-moz-transform: rotate(-45deg) translate(-5px,5px);-ms-transform: rotate(-45deg) translate(-5px,5px);-o-transform: rotate(-45deg) translate(-5px,5px);transform: rotate(-45deg) translate(-5px,5px);}
.mobile-menu-btn.on i:nth-child(2){-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.mobile-menu-btn.on i:nth-child(3){opacity: 0}

.mobile-login{line-height: 55px;}
.mobile-login-btn{display: none;width: 28px;height: 28px;background-image: url(../images/mobile-icon.png);background-size: 400% 100%;position: absolute;right: 0;top:14px;}

.header-fix{background-color: #193456 !important;position: fixed !important;top:0;left: 0}


/*footer*/
.footer{width:100%;position: relative;overflow:hidden;}
.footer *{color:#fff}
.footer-wrapper{margin:115px 0 0 0 ;padding:0 0  40px 0;}
.footer-item{padding:0 90px;box-sizing: border-box;width: 1200px;}
.list-promise{margin-bottom: 100px;}
.list-promise li{color:#fff;display: inline-block;margin-right: 61px;}
.list-promise li:last-child{margin-right: 0}
.footer-icon{background: url("../../img/icon-footer.png");display: inline-block;width: 44px;height:50px;vertical-align: middle}
.footer-icon01{width:45px;}
.footer-icon02{background-position: -45px 0}
.footer-icon03{background-position: -89px 0}
.footer-icon04{background-position: -133px 0}
.footer-icon05{background-position: 44px 0}
.footer-container{padding: 0 100px;}
.footer-address{width: 370px;text-align: left;}
.footer-address a{font-size: 36px;vertical-align: middle;font-weight: bold}
.address-item{padding-left: 45px;}
.address-item p{line-height: 24px;text-align: left}
.footer-link dl{display: inline-block;margin-left: 32px;vertical-align: top;}
.footer-link dt{font-weight: 900;line-height: 40px;font-size: 16px;}
.footer-link dd{line-height: 35px;}
.footer-brand{padding:60px 0 40px;border-bottom: 1px solid #082349;font-size: 0;}
.footer-brand img{width:104px;height:38px;margin-right: 30px;}
.copy-right{padding:40px 0}
.copy-right p{line-height: 30px;}
.copy-right img{vertical-align: middle;margin:0 10px;}

#footer-svg{position: absolute;left: 0;bottom: 0;height: 100%}
/* #footer-wave{fill: url(#footer-filter);} */
/*#footer canvas{position: absolute;left:0;bottom: 0;height:727px;}*/



@media screen and (max-width: 1400px){
    .wrapper{width:950px}
    .nav{margin-left: 20px}
    .nav>ul>li>a{margin:0 10px}
    .pc-login .btn{width: 75px}

    .footer-container{padding:0}
    .list-promise li{margin-right:40px}
}

@media screen and (max-width: 1200px){
    body{min-width: 100% !important;}
    .wrapper,.wrapper01,.w1200{width: 960px !important;}
    .nav>ul>li>a{margin:0 10px}

    .footer{min-width:auto !important}
    .footer-address{width: 310px;}
    .footer-container{padding:0 50px}
    .footer-link dl{margin-left: 20px;}
    .footer{min-width:auto !important}
    .list-promise{margin-bottom: 60px;}
    .list-promise li{margin-right:40px}
    .footer-brand{padding:50px 0 30px}
    .copy-right{padding:30px 0}

}

@media screen and (max-width: 1024px){
    .wrapper{padding:0 2%;width: 100% !important;}
    .wrapper01{width: 800px !important;}
    .logo{left:2%}
    .nav>ul>li>a{margin:0 6px}
    .pc-login .btn{width: 50px;margin-left: 5px}
    .mobile-login{position: absolute;right: 2%;top:0}

    .footer-wrapper{margin:160px 0 0 0}
    .footer-item{padding:0 60px}
}

@media screen and (max-width: 920px){
    .list-promise li{margin-right: 35px;}
    .footer-link dl{margin-left: 18px;}
    .footer-item{padding:0 30px}

}

@media screen and (max-width: 850px){
    .wrapper01{width: 90% !important;}
    .container{margin: 0 auto 150px auto}
    .nav{line-height: 65px;position: absolute;right: 20px;}
    .mobile-menu-btn,.mobile-login-btn{display: block}
    .mobile-menu-btn + ul,.mobile-login-btn + div{display: none}
    .mobile-menu>ul{position:fixed;width: 100%;top:55px;left: 0;background-color: #fff;text-align: left;height:calc(100% -  55px);overflow: scroll;z-index: 999}
    .mobile-menu>ul>li{width: 100%;border-bottom: 1px solid #efefef;position: relative;}
    .mobile-menu ul li a,.mobile-menu .mult-sub-menu .sub-menu-item p,.sub-menu-item.describe span{color:#04304b}
    .mobile-menu ul li i{display:block;width: 10px;height: 10px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;position: absolute;right: 15px;top: 27px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
    .mobile-menu ul li.on a:after{display:none}
    .mobile-menu .sub-menu{position: static;transform: none;background-color: #f6f6f6;box-shadow: none;border-radius: 0;padding:0 !important;display: none}
    .mobile-menu .sub-menu li{padding:0 25px;}
    .mobile-menu .mult-sub-menu{margin:0;padding:0}
    .mobile-menu .mult-sub-menu .sub-menu-item{width: 100%;display: block;margin:0}
    .mobile-menu .mult-sub-menu .sub-menu-item.describe{display: none}
    .mobile-menu .mult-sub-menu .sub-menu-item p{font-weight: normal;font-size: 14px;margin-bottom: 0;padding:0 20px;background-color: #f0f0f0;line-height: 55px;}
    .mobile-menu>ul>li.expand i{transform: rotate(45deg)}
    .nav>ul>li>a{display: inline-block;position: static;}
    .sub-menu li, .nav>ul>li.expand .sub-menu li{line-height:50px;height:50px}
    .nav .sub-menu li.on:after{background-color: #e6e6e6;}

    .footer-item{padding:0}
    .footer-wrapper{ background: -webkit-linear-gradient(#1a59b8, #002e4b);background: -o-linear-gradient(#1a59b8, #002e4b);background: -moz-linear-gradient(#1a59b8, #002e4b);background: linear-gradient(#1a59b8, #002e4b);margin-top:0;padding-top:30px;}
}

@media screen and (max-width: 780px){
    .footer-container{padding:0 30px}
    .list-promise{margin-bottom:30px}
    .list-promise li{width: 47%;margin-right:4%;margin-bottom: 2%;text-align: left;padding-left: 12%;box-sizing: border-box;}
    .list-promise li:nth-child(2n){margin-right:0}
}

@media screen and (max-width: 740px){
    .footer-address{width: 365px;margin:0 auto;float:none;}
    .footer-link{border-top: 1px solid #082349;float: none;padding-top: 10px;margin-top: 18px;}
    .footer-link dl{margin:0 25px;}
    .footer-brand{padding: 20px 0;}
    .copy-right{width: 560px;margin: 0 auto;padding: 15px 0;}
    .copy-right p{line-height: 18px;}
}

@media screen and (max-width: 640px){
    .list-promise li{padding-left: 5%;}
    .footer-address a{font-size:28px}
    .footer-link dl{margin:0 10px}
    .footer-brand img{margin-right:5px}
    .copy-right{width:90%}
    .footer-container{padding:0 15px}

}

@media screen and (max-width: 480px){
    .list-promise li{padding-left: 0;width: auto;}
    .footer-brand img{width: 65px;}
    .footer-link{display: none}
}
@media screen and (max-width:410px){
    .address-item{padding-left: 5px;}
    .footer-link dl{margin:0 5px}
}