@charset "utf-8"; /* CSS Document */

* { margin:0; padding:0; -webkit-font-smoothing:antialiased;}
nav { position:fixed; z-index:1000000; width:100%; height:60px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px 0; margin:0 auto; background:#ffffff; box-shadow:0 2px 5px rgba(0,0,0,.08);}
nav li, nav a { text-decoration:none; list-style:none;}
nav .nav-logo { width:auto; height:100%; margin-left:20px; float:left;}
nav .nav-logo img { width:140px; height:40px;}
nav ::-webkit-scrollbar { display:none;}
nav .nav-list { -webkit-box-sizing:border-box; box-sizing:border-box; float:right; margin-right:20px;}

@media (max-width:1200px) {
nav .nav-list { position:fixed; height:100%; top:60px; width:100%; left:-100%; -webkit-transition:0.4s; transition:0.4s;}
}
.carect { position:relative; width:0; height:0; margin-left:5px; color:#454545; margin-bottom:3px; border-top:5px solid; border-left:5px solid transparent; border-right:5px solid transparent; border-radius:10px; display:inline-block; transition:0.4s;}
nav .nav-list > li { position:relative; float:left; text-align:center; z-index:1000;}
nav .nav-list > li a { display:inline-block; font-size:15px; color:#333333; line-height:30px; padding:5px 15px; text-decoration:none; transition:0.4s; letter-spacing:0.6px;}
nav .nav-list > li a:hover { color:#3899ec;}
nav .nav-list > li a:hover .carect{ color:#3899ec;}
nav .nav-list > li .menu { position:absolute; width:100%; min-width:140px; left:-20px; float:left; display:none; background:#ffffff; padding:15px 0; border-radius:0 0 5px 5px;}
nav .nav-list > li .menu a{ width:100%; float:left; font-size:13px; line-height:2; text-align:center; padding:0; color:#565656;}
nav .nav-list > li .menu a:hover{ color:#3899ec;}
nav .nav-list > li:hover .menu { display:block;}
nav .nav-menu { display:none; z-index:999; cursor:pointer;}
nav .open { left:0%; overflow:auto; z-index:1000; background:#ffffff;}

@media (max-width:1200px) {
nav .nav-list > li { width:100%; margin:0; overflow:hidden; padding:0; border-top:solid 1px rgba(0,0,0,.05);}
nav .nav-list > li a { width:100%; padding:10px 0;}
nav .nav-list > li .menu { position:relative; width:100%; left:0; text-align:center; border-radius:0; background:#ffffff;}
nav .nav-list > li .menu a{ font-size:13px; line-height:2; padding:4px 0;}
nav .nav-list > li .menu a:hover{ color:#3899ec; transition:0.4s;}
nav .nav-menu { display:block; float:right; position:relative; width:23px; height:19.4px; margin-right:20px; margin-top:10px; background:#ffffff !important;}
nav .nav-menu span { position:absolute; height:2px; width:23px; display:block; background:#71737b; transition:0.4s;}
nav .nav-menu span.sty1{ top:0;}
nav .nav-menu span.sty2{ top:50%; margin-top:-1px;}
nav .nav-menu span.sty3{ bottom:0;}
nav .nav-menu-closed span.sty2{ opacity:0;}
nav .nav-menu-closed span.sty1{ opacity:1; transform:rotate(45deg); transform-origin:left bottom;}
nav .nav-menu-closed span.sty3{ opacity:1; transform:rotate(-45deg); transform-origin:left top;}
}

/* 滚动条样式 */

::-webkit-scrollbar { width:0;}
::-webkit-scrollbar-button { width:0; height:1px;}
::-webkit-scrollbar-track { background:#ffffff; box-shadow:0px 0px 0px rgba(255,255,255,1) inset; border-radius:1px;}
::-webkit-scrollbar-thumb { background:#ffffff; border-radius:1px;}
::-webkit-scrollbar-thumb:hover { background:#ffffff;}

/* 预设通用样式 */

.mt0{ margin-top:0 !important;}
.mt2{ margin-top:2px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mt70{ margin-top:75px !important;}
.mt80{ margin-top:80px !important;}
.mt100{ margin-top:100px !important;}
.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}
.mr0{ margin-right:0 !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr35{ margin-right:35px !important;}
.mr40{ margin-right:40px !important;}
.mr45{ margin-right:45px !important;}
.mr50{ margin-right:50px !important;}
.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb23{ margin-bottom:23px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb45{ margin-bottom:45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb80{ margin-bottom:80px !important;}
.mb100{ margin-bottom:100px !important;}
.mx10{ margin-left:10px !important; margin-right:10px !important;}
.mx15{ margin-left:15px !important; margin-right:15px !important;}
.mx20{ margin-left:20px !important; margin-right:20px !important;}
.mx25{ margin-left:25px !important; margin-right:25px !important;}
.my10{ margin-top:10px !important; margin-bottom:10px !important;}
.my20{ margin-top:20px !important; margin-bottom:20px !important;}
.my30{ margin-top:30px !important; margin-bottom:30px !important;}
.my40{ margin-top:40px !important; margin-bottom:40px !important;}
.my50{ margin-top:50px !important; margin-bottom:50px !important;}
.my60{ margin-top:60px !important; margin-bottom:60px !important;}
.my80{ margin-top:80px !important; margin-bottom:80px !important;}
.my100{ margin-top:100px !important; margin-bottom:100px !important;}
.py10{ padding-top:10px !important; padding-bottom:10px !important;}
.py20{ padding-top:20px !important; padding-bottom:20px !important;}
.py30{ padding-top:30px !important; padding-bottom:30px !important;}
.py40{ padding-top:40px !important; padding-bottom:40px !important;}
.py50{ padding-top:50px !important; padding-bottom:50px !important;}
.py60{ padding-top:60px !important; padding-bottom:60px !important;}
.py80{ padding-top:80px !important; padding-bottom:80px !important;}
.py100{ padding-top:100px !important; padding-bottom:100px !important;}
.py110{ padding-top:110px !important; padding-bottom:110px !important;}
.p20{ padding:20px !important; box-sizing:border-box !important;}
.p30{ padding:30px !important; box-sizing:border-box !important;}
.p40{ padding:40px !important; box-sizing:border-box !important;}

.f100{ font-size:100px !important; line-height:1.1 !important; color:#262a2e;}
.f50{ font-size:50px !important; line-height:1.3 !important; color:#262a2e;}
.f42{ font-size:42px !important; line-height:1.3 !important; color:#262a2e;}
.f36{ font-size:36px !important; line-height:1.3 !important; color:#262a2e;}
.f32{ font-size:32px !important; line-height:1.3 !important; color:#262a2e;}
.f30{ font-size:30px !important; line-height:1.3 !important; color:#262a2e;}
.f28{ font-size:28px !important; line-height:1.3 !important; color:#262a2e;}
.f26{ font-size:26px !important; line-height:1.4 !important; color:#262a2e;}
.f24{ font-size:24px !important; line-height:1.5 !important; color:#262a2e;}
.f22{ font-size:22px !important; line-height:1.5 !important; color:#262a2e;}
.f20{ font-size:20px !important; line-height:1.6 !important; color:#262a2e;}
.f18{ font-size:18px !important; line-height:1.8 !important; color:#262a2e;}
.f16{ font-size:16px !important; line-height:1.8 !important; color:#262a2e;}
.f14{ font-size:14px !important; line-height:1.8 !important;}
.f13{ font-size:13px !important; line-height:1.8 !important;}
.f12{ font-size:12px !important; line-height:1.8 !important;}

.fbold{ font-weight:bold !important;}
.imgFull{ width:100% !important; height:auto;}
.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.text-center{ text-align:center !important;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.link-yellow{ color:#ffb72b;}
.link-green{ color:#7dd79a;}
.link-blue{ color:#3899ec;}
.link-red{ color:#ff6a6a;}

.f-purple{ color:#ff6089 !important;}
.f-yellow{ color:#ff8737 !important;}
.f-lyellow{ color:#ffb72b !important;}
.f-blue{ color:#3899ec !important;}
.f-lblue{ color:#46c4f3 !important;}
.f-green{ color:#43c5c0 !important;}
.f-lgreen{ color:#7dd79a !important;}
.f-gray{ color:#71737b !important;}
.f-lgray{ color:#aaaaaa !important;}
.f-white{ color:#ffffff !important;}
.f-red{ color:#ff6a6a !important;}

.bg-yellow{ background-color:#ff8737 !important;}
.bg-lyellow{ background-color:#ffb72b !important;}
.bg-blue{ background-color:#3899ec !important;}
.bg-lblue{ background-color:#46c4f3 !important;}
.bg-green{ background-color:#43c5c0 !important;}
.bg-lgreen{ background-color:#7dd79a !important;}
.bg-purple{ background-color:#865fc1 !important;}
.bg-lpurple{ background-color:#eb4986 !important;}
.bg-white{ background-color:#ffffff !important;}
.bg-black{ background-color:#262a2e !important;}
.bg-1black{ background-color:#626467 !important;}
.bg-gray{ background-color:#f4f4f4 !important;}
.bg-light{ background:#f9f9f9 !important;}
.bg-none{ background:none;}

.bgimg-dark::before { content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35);}
.bgimg-white::before{ content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.35);}
.bgimg-cover{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-contain{ background-color:transparent !important; background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-auto{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:repeat !important;}
.bgimg-center{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-fixed{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}

.bgimg-blue{ width:100%; float:left; background:linear-gradient(135deg, rgba(99,140,240,.85) 0%, rgba(123,204,240,.95) 100%) !important;}
.bgimg-blue-light{ width:100%; float:left; background:linear-gradient(135deg, rgba(99,140,240,.4) 0%, rgba(123,204,240,.2) 100%) !important;}
.bgimg-yellow{ width:100%; float:left; background:linear-gradient(135deg, rgba(237,86,142,.85) 0%, rgba(253,244,110,.95) 100%) !important;}
.bgimg-yellow-light{ width:100%; float:left; background:linear-gradient(135deg, rgba(237,86,142,.4) 0%, rgba(253,244,110,.2) 100%) !important;}
.bgimg-black{ width:100%; float:left; background:linear-gradient(135deg, rgba(0,0,0,.85) 0%, rgba(80,80,80,.95) 100%) !important;}
.bgimg-black-light{ width:100%; float:left; background:linear-gradient(135deg, rgba(0,0,0,.4) 0%, rgba(80,80,80,.2) 100%) !important;}
.bgimg-green{ width:100%; float:left; background:linear-gradient(135deg, rgba(67,197,192,.85) 0%, rgba(125,215,154,.85) 100%) !important;}
.bgimg-green-light{ width:100%; float:left; background:linear-gradient(135deg, rgba(67,197,192,.4) 0%, rgba(125,215,154,.2) 100%) !important;}
.bgimg-purple{ width:100%; float:left; background:linear-gradient(45deg, rgba(253,73,134,.85) 0%, rgba(30,115,190,.95) 100%) !important;}
.bgimg-purple-light{ width:100%; float:left; background:linear-gradient(45deg, rgba(253,73,134,.4) 0%, rgba(30,115,190,.2) 100%) !important;}
.bgimg-red{ width:100%; float:left; background:linear-gradient(45deg, rgba(255,183,43,.85) 0%, rgba(253,73,134,.95) 100%) !important;}
.bgimg-red-light{ width:100%; float:left; background:linear-gradient(45deg, rgba(255,183,43,.4) 0%, rgba(253,73,134,.2) 100%) !important;}
.bgimg-gray{ width:100%; float:left; background:linear-gradient(135deg, rgba(0,0,0,.5) 0%, rgba(255,183,43,.15) 100%) !important;}
.bgimg-none{ background:none !important;}

.btn-lg, .btn-ms, .btn-xs, .btn-xxs, .btn-xxl{ display:inline-block; border-radius:30px; color:#ffffff !important; font-size:14px; transition:0.2s !important;}
.btn-lg:hover, .btn-ms:hover, .btn-xs:hover, .btn-xxs:hover, .btn-xxl:hover{ transition:0.2s !important; opacity:.85;}
.btn-xxl{ height:48px; line-height:48px; padding:0 38px; font-size:20px; letter-spacing:1px;}
.btn-lg{ height:38px; line-height:38px; padding:0 28px; font-size:16px;}
.btn-ms{ height:32px; line-height:32px; padding:0 22px; font-size:14px;}
.btn-xs{ height:24px; line-height:24px; padding:0 14px; font-size:12px;}
.btn-xxs{height:20px; line-height:20px; padding:0 10px; font-size:12px;}

.btn-yellow{ border:solid 1px #ff8737; background:#ff8737;}
.btn-lyellow{ border:solid 1px #ffb72b; background:#ffb72b;}
.btn-blue{ border:solid 1px #3899ec; background:#3899ec;}
.btn-lblue{ border:solid 1px #46c4f3; background:#46c4f3;}
.btn-green{ border:solid 1px #43c5c0; background:#43c5c0;}
.btn-lgreen{ border:solid 1px #7dd79a; background:#7dd79a;}
.btn-gray{ border:solid 1px #c9c9c9; background:#c9c9c9;}
.btn-red{ border:solid 1px #ff6a6a; background:#ff6a6a;}
.btn-black{ border:solid 1px #232323; background:#232323;}
.btn-bl-gray { border:solid 1px #484C52; background:#484C52;}
.btn-white{ border:solid 1px #ffffff; background:#ffffff; color:#71737b !important;}
.btn-white:hover{ border:solid 1px #ffffff; background:#ffffff; color:#71737b !important;}
.btn-white-line{ border:solid 1px #ffffff; color:#ffffff !important;}
.btn-yellow-line{ border:solid 1px #ff8737; color:#ff8737 !important;}
.btn-yellow-line:hover{ background:#ff8737; border:solid 1px #ff8737; color:#ffffff !important;}
.btn-lyellow-line{ border:solid 1px #ffb72b; color:#ffb72b !important;}
.btn-lyellow-line:hover{ background:#ffb72b; border:solid 1px #ffb72b; color:#ffffff !important;}
.btn-blue-line{ border:solid 1px #3899ec; color:#3899ec !important; opacity:1 !important;}
.btn-blue-line:hover{ background:#3899ec; border:solid 1px #3899ec; color:#ffffff !important;}
.btn-lblue-line{ border:solid 1px #46c4f3; color:#46c4f3 !important; opacity:1 !important;}
.btn-lblue-line:hover{ background:#46c4f3; border:solid 1px #46c4f3; color:#ffffff !important;}
.btn-gray-line{ border:solid 1px #dadada; color:#aaa !important;}
.btn-gray-line:hover{ background:#bbbbbb; border:solid 1px #bbbbbb; color:#fff !important;}
.btn-green-line{ border:solid 1px #43c5c0; color:#43c5c0 !important;}
.btn-green-line:hover{ background:#43c5c0; border:solid 1px #43c5c0; color:#ffffff !important;}
.btn-lgreen-line{ border:solid 1px #7dd79a; color:#7dd79a !important;}
.btn-lgreen-line:hover{ background:#7dd79a; border:solid 1px #7dd79a; color:#ffffff !important;}
.btn-red-line{ border:solid 1px #ff6a6a; color:#ff6a6a !important;}
.btn-red-line:hover{ background:#ff6a6a; border:solid 1px #ff6a6a; color:#ffffff !important;}