@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;line-height:22px;-webkit-text-size-adjust:none;font:14px/18px "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#666;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor:pointer;}button:focus{outline:none;}

body{min-width: 1280px;}
.red{color: #f1280f !important;}
.green{color: #3dc18e !important;}

/*** 顶部 ***/
.header {width:100%;min-width:1280px;background:linear-gradient(rgba(0,0,0,.2),transparent);background-color:#2558d9;}

.header .header-main {justify-content:space-between;align-items:center;position:relative;margin:0 auto;padding:0 30px;height:56px;box-sizing:border-box;}
.header .header-main .logo-wrap img {margin-top:5px;margin-right:30px;height:45px;}

.header .header-main .nav-scroll {}
.header .header-main .nav-scroll .lhc {line-height:56px;}
.header .header-main .nav-scroll .li-wrap {float:left;color:#fff;}
.header .header-main .nav-scroll .li-wrap a {color:#fff;cursor:pointer;}
.header .header-main .nav-scroll .li-wrap > a {padding:0 10px;font-size:15px;line-height:56px;}
.header .header-main .nav-scroll .li-wrap > a:hover {color:#fff;}
.header .header-main .nav-scroll .li-wrap .on {color:#fff;}

.header .header-main .nav-scroll .logon {position:relative;margin:0 20px;}
.header .header-main .nav-scroll .logon span {margin:0 5px;}
.header .header-main .nav-scroll .logon .caret {position:absolute;top:25px;display:inline-block;width:0;height:0;vertical-align:middle;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:rgba(191, 217, 216, 0.8);transition:all 0.3s;}
.logon:hover .caret {transform:rotate(180deg);}

.header .header-main .nav-scroll .langs {margin-left:10px;padding-right:10px;height:53px;}
.header .header-main .nav-scroll .langs .language {position:relative;margin-top:3px;}
.header .header-main .nav-scroll .langs .langs-icon {margin-right:5px;}
.header .header-main .nav-scroll .langs .caret {position:absolute;top:22px;display:inline-block;width:0;height:0;vertical-align:middle;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:rgba(191, 217, 216, 0.8);transition:all 0.3s;}
.langs:hover .caret {transform:rotate(180deg);}

.header .header-main .nav-scroll .qqtel {position:relative;}
.header .header-main .nav-scroll .qqtel .ask_ans {padding:0 20px 0 10px;color:#fff;font-size:15px;cursor:pointer;}
.header .header-main .nav-scroll .qqtel .caret {position:absolute;top:25px;display:inline-block;width:0;height:0;vertical-align:middle;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:rgba(191, 217, 216, 0.8);transition:all 0.3s;}
.qqtel:hover .caret {transform:rotate(180deg);}

.call-box {display:none;position:absolute;top:56px;right:0;z-index:999;overflow:hidden;background:#102760;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.call-box li a {display:block;padding:12px;min-width:110px;color:#bcc8c5;font-size:14px;text-align:center;white-space:nowrap;}
.call-box li a:hover {background-color:#153077;}

.uuser-box {display:none;position:absolute;top:56px;right:0;z-index:999;overflow:hidden;background:#102760;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.uuser-box li a {display:block;padding:12px;min-width:110px;color:#bcc8c5;font-size:14px;text-align:center;white-space:nowrap;}
.uuser-box li a:hover {background-color:#153077;}

.language-box {display:none;position:absolute;top:56px;right:0;z-index:999;overflow:hidden;background:#102760;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.language-box li a {display:block;padding:12px;min-width:110px;color:#bcc8c5;font-size:14px;text-align:center;white-space:nowrap;}
.language-box li a:hover {background-color:#153077;}
.language-box li img {margin-right:10px;vertical-align:middle;}


/*** 底部 ***/
.footer-left{float:left;width:25%;}.footer-right{float:right;width:75%;}

.footer-container {width:100%;overflow:hidden;background:#0e1014;}
.footer-container * {-webkit-box-sizing:border-box;box-sizing:border-box;}
.footer-main {display:flex;margin:0 auto;width:1280px;padding:80px 30px 48px 30px;box-sizing:border-box;}

.footer-main .footer-left .logo {display:block;width:121px;height:45px;}
.footer-main .footer-left p {margin-top:20px;line-height:25px;font-size:16px;font-weight:400;color:hsla(0deg 0% 100% / 85%);}

.footer-main .footer-right .footer-ul {display:flex;}
.footer-main .footer-right .list {padding-right:24px;width:25%;}
.footer-main .footer-right .list .title {display:inline-block;margin-bottom:18px;line-height:24px;font-size:20px;font-weight:500;color:hsla(0,0%,100%,.85);vertical-align:top;}
.footer-main .footer-right .list .list-item {margin-bottom:16px;}
.footer-main .footer-right .list .link {display:inline-block;line-height:16px;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.35);cursor:pointer;}
.footer-main .footer-right .list .link:hover {color:hsla(0,0%,100%,.85);opacity:1;}

.footer-link {
    margin: 0 auto;
    width: 1280px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    color:#fff;
}
.footer-link .footer-line {height:1px;width:100%;border-top:1px solid hsla(0,0%,100%,.1);}
.footer-link .link-line {display:block;padding:24px 0 48px;line-height:16px;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.35);}
