/* CSS Document */
@charset "utf-8";
body{ padding:0px; margin:0 auto; font-size:14px; color:#333333; font-family:Verdana, Geneva, sans-serif; font-family:Microsoft YaHei,微软雅黑;}
*{margin:0; padding:0px; font-family:Microsoft YaHei,微软雅黑;}
ul,li,dl,dt,dd{list-style:none;}
input,select,img{vertical-align:middle;}
img{border:none;}
a{color:#333333; text-decoration:none; font-family:Microsoft YaHei,微软雅黑;}
a:hover{color:#ff4400; text-decoration:none; font-family:Microsoft YaHei,微软雅黑;}
a:focus{ outline-style:none; font-family:Microsoft YaHei,微软雅黑;}
a{blr:expression(this.onFocus=this.blur()); font-family:Microsoft YaHei,微软雅黑;}/*ie6*/

/* 公共css */
.bgGray{ background:#f2f2f2;}
.bgWhite{ background:#fff;}
.disNone{ display:none;}
.commWidth{ width:1330px; margin:0px auto;}
@media screen and (max-width: 820px) {
	
}
@media screen and (min-width: 821px) and (max-width: 1195px) {
	
}

/* 备注 */
@media screen and (max-width: 820px) {
	
}
@media screen and (min-width: 821px) and (max-width: 1195px) {
	
}

/* 顶部 */
.top{ line-height:40px; color:#ccc; background:#333;}
.webInfo{ overflow:auto; zoom:1; display:inline-block;}
.webInfo li{ float:left;}
.webInfo span{ display:block; width:30px; height:40px; float:left; }
.webInfo .tel{ background:url(/template_images/icon.png) no-repeat -9px 0px; margin-left:35px;}
.webInfo .weChat{ background:url(/template_images/icon.png) no-repeat -42px 0px; margin-left:15px;}
.topWechatCode{ cursor:pointer;}
.topWechatCode img{ position:absolute; width:200px; height:200px; z-index:1000; margin-top:40px; margin-left:-30px; display:none;}
.loginInfo{ overflow:auto; zoom:1; float:right;}
.loginInfo li{ float:left;}
.loginInfo a{ font-size:14px; color:#ccc;}
.loginInfo span{ display:block; border:0px solid red; width:30px; height:40px; float:left;}
.loginIcon{ background:url(/template_images/icon.png) no-repeat -87px -1px;}
.agentLoginIcon{ background:url(/template_images/icon.png) no-repeat -132px -1px; margin-left:30px;}

/* 头部 */
.header{ min-height:100px; border-bottom:1px solid #333; position:relative; z-index:103; background:#222;}
.header .headInner{ overflow:auto; zoom:1;}
.logo{ margin-top:13px; float:left;}
.logo a{ display:block; min-width:209px; min-height:73px; background:url(/template_images/logoWhite.png) no-repeat center center;}
.logo a.has-logo{ background:none; min-width:auto; min-height:auto; display:flex; align-items:center; height:73px;}
.navigation{ float:right; overflow:auto; zoom:1;}
.navigation li{ float:left;}
.navigation li a{ display:block; height:100px; line-height:100px; font-size:18px; padding:0px 3px; margin:0px 25px; color:#fff;}

/* 导航菜单 */
.headerCurrent{ background:#222;}
.headerCurrent .logo  a{ background1:url(/template_images/logoWhiteBg.jpg) no-repeat center center;}
.headerCurrent .navigation a{ color1:#666;}
.headerCurrent li.navCurrent a{ color:#0f9ee9; background:url(/template_images/hostUlliBg.jpg) repeat-x center bottom;}
.headerCurrent li.navCurrent .title a{ background:none;}
.headerCurrent li.navCurrent .title a:hover{ color:#1086f3;}
.headerCurrent li.navCurrent .desc:hover{ border:1px solid #1086f3;}
.headerCurrent li.navCurrent .desc a{ background:none;}
.headerCurrent li.navCurrent .desc a:hover{ color:#1086f3;}

.smallNavigation{ position:absolute; left:0; background:#fff; width:100%; min-height:318px; background:#222; border-top:1px solid #333;}
.smallNavigationList{ overflow:auto; zoom:1;}
.smallNavigationList li{ float:left; width:232px; margin-top:27px; border:0px solid blue;}
.smallNavigationList li.first{ margin-left:395px;}
.smallNavigationList li p{ margin-left:50px;}
.smallNavigationList li .title{ height:50px; display:block; padding:0px; margin:0px 0px 0px 50px;}
.smallNavigationList li .title a{ line-height:50px; font-size:14px; display:block; color:#999; font-weight:bold; margin-left:1px;}
.smallNavigationList li .desc{ width:180px; background:#333; border:1px solid #333; height:48px; padding:0px; margin-bottom:10px;}
.smallNavigationList li .desc a{ line-height:48px; height:48px; font-size:16px; color:#ccc; margin:0px; padding-left:10px;}
.smallNavigationList .questionList{ width:340px; border-left:1px solid #ccc;}
.smallNavigationList .questionList .title{ font-size:16px; color:#666; line-height:50px; height:50px; font-weight:bold; margin-left:30px;}
.smallNavigationList .questionList .desc a{ line-height:25px; height:25px; color:#999; font-size:14px; margin-left:35px;}
.smallNavigationList .adImg{ width:180px;}
.smallNavigationList .adImg a{ display:block; height:200px; padding:0px; width:180px;}
.smallNavigationList .adImg a img{ width:100%; height:100%;}

.emailIcon{ background:url(/template_images/icon.png) no-repeat -170px -159px;}
.footTelFirst{ margin-bottom:15px;}

/* 底部 */

.webAuthentication{ height:104px; border-top:1px solid #ccc; background:#fff; text-align:center;}
.webAuthentication a{ margin:35px 3px 0px; display:inline-block;}

/* 浮动框在线联系 */

/* 浮动框 -- 在线客服 */
.floatOnlineService{ position:fixed; right:0; top:170px; z-index:1005;}
.f_o_s_hide{ height:auto; padding-bottom:15px; width:50px; background:#1299e1; border-top-left-radius:5px; border-bottom-left-radius:5px; cursor:pointer;}
.f_o_s_hide b{ display:block; width:55px; height:40px; position:absolute; z-index:1000; margin-top:-40px; background:url(/template_images/icon.png) no-repeat -630px -578px;}
.f_o_s_hide font{ display:block; width:30px; color:#fff; font-size:20px; text-align:center; margin:0px auto 0px; line-height:24px; padding-top:18px;}
.f_o_s_hide span{ display:block; width:20px; height:20px; background:url(/template_images/icon.png) no-repeat -777px -9px; margin:0px auto;}

.f_o_s_show{ width:230px; height:auto; padding-bottom:8px; background:#1299e1; display:none; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.f_o_s_show b{  display:block; width:55px; height:40px; position:absolute; z-index:1000; margin-top:-40px; background:url(/template_images/icon.png) no-repeat -630px -578px;}
.f_o_s_show .title{ line-height:40px; height:40px; cursor:pointer;}
.f_o_s_show .title font{ font-size:20px; color:#fff; margin-left:30px;}
.f_o_s_show .title span{ display:block; float:right; width:20px; height:20px; margin:10px 12px 0px 0px; background:url(/template_images/icon.png) no-repeat -814px -9px;}
.f_o_s_show .online1{ background:#fff; margin:0px 13px 4px 11px; border-radius:5px; padding-bottom:10px;}
.f_o_s_show .online1 span{ font-size:16px; color:#666; line-height:30px; display:block; margin:0px 23px 0px 13px; padding-top:11px;}
.f_o_s_show .online1 font{ display:block; width:101px; height:31px; float:right; background:url(/template_images/icon.png) no-repeat -704px -595px; cursor:pointer;}

/* 浮动框 -- 联系我们 */
.floatContactUs{ position:fixed; right:0; top:0; z-index:1005;}

.f_c_u_hide{ height:145px; width:50px; background:#1299e1; border-top-left-radius:5px; border-bottom-left-radius:5px; cursor:pointer;}
.f_c_u_hide font{ display:block; width:30px; color:#fff; font-size:20px; text-align:center; margin:0px auto 0px; line-height:24px; padding-top:18px;}
.f_c_u_hide span{ display:block; width:20px; height:20px; background:url(/template_images/icon.png) no-repeat -777px -9px; margin:0px auto;}

.f_c_u_show{ width:280px; background:#1299e1; display:none;  border-top-left-radius:5px; border-bottom-left-radius:5px; padding-bottom:13px;}
.f_c_u_show .title{ line-height:40px; height:40px; cursor:pointer;}
.f_c_u_show .title font{ font-size:20px; color:#fff; margin-left:30px;}
.f_c_u_show .title span{ display:block; float:right; width:20px; height:20px; margin:10px 12px 0px 0px; background:url(/template_images/icon.png) no-repeat -814px -9px;}
.f_c_u_show .online1{ background:#fff; margin:0px 13px 4px 11px; border-radius:5px; padding-bottom:10px;}
.f_c_u_show .online1 span{ font-size:14px; color:#666; line-height:25px; margin:0px 13px 0px; padding-top:11px; display:block;}
.f_c_u_show .online1 b{ line-height:37px; margin:0px 13px; font-size:26px; color:#333; display:block;}
.f_c_u_show .online2{ background:#fff; margin:0px 13px 0px 11px; border-radius:5px;}
.f_c_u_show .online2 span{ font-size:16px; color:#666; line-height:25px; margin:0px 13px 0px; padding-top:11px; display:block;}
.f_c_u_show .online2 font{ font-size:18px; color:#333; display:block; margin:0px 13px; line-height:25px; padding-bottom:3px;}

.floatOtherQuickLink{ position:fixed; right:0; top:0; z-index:1004;}

.floatShortcut{ display:block; width:50px; height:58px; background:#1299e1; text-align:center; margin-bottom:8px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.floatShortcut font{ color:#fff; display:block; font-size:16px; line-height:22px; padding-top:8px; margin:0px 5px;}

#backToTop{ display:none; width:50px; height:58px; background:url(/template_images/icon.png) no-repeat -527px -581px; cursor:pointer;}
/* 底部公共样式 */
.quickRegisteAgent{background:url(/template_images/quickRegisteAgentBg.jpg) no-repeat center center;background-size:cover;height:120px;line-height:120px;font-size:28px;color:#fff;text-align:center;}
.quickRegisteAgent a{display:inline-block;height:46px;padding:0 12px;text-align:center;color:#fff;margin-left:10px;border:1px solid #fff;border-radius:5px;line-height:48px;}
.quickRegisteAgent span{margin-left:70px;}
.afterSaleServices{height:170px;background:url(/template_images/afterSaleBg.jpg);background-size:cover;}
.afterSaleList{overflow:auto;zoom:1;}
.afterSaleList li{float:left;width:25%;margin-top:30px;}
.afterSaleList div{width:110px;height:90px;margin:0 auto;}
.afSaleIcon1{background:url(/template_images/icon.png) no-repeat -493px -206px;}
.afSaleIcon2{background:url(/template_images/icon.png) no-repeat -615px -206px;}
.afSaleIcon3{background:url(/template_images/icon.png) no-repeat -751px -202px;}
.afSaleIcon4{background:url(/template_images/icon.png) no-repeat -887px -206px;}
.afterSaleList p{color:#d1d1d1;font-size:16px;text-align:center;}

/* ===== Dark Footer ===== */
.site-footer{background:linear-gradient(135deg,#1a1f2e 0%,#2a1f3d 50%,#1a2535 100%);color:rgba(255,255,255,.7);padding-top:50px;}
.footer-main{display:flex;justify-content:center;gap:60px;padding-bottom:40px;}
.footer-brand{flex:0 0 240px;display:flex;flex-direction:column;justify-content:center;}
.footer-brand .footer-logo{max-height:42px;}
.footer-brand .footer-slogan{color:rgba(255,255,255,.45);font-size:13px;margin-top:12px;line-height:1.6;}
.footer-qr{margin-top:16px;display:inline-flex;flex-direction:column;align-items:center;}
.footer-qr img{width:88px;height:88px;border-radius:6px;border:2px solid rgba(255,255,255,.1);}
.footer-qr span{font-size:11px;color:rgba(255,255,255,.35);margin-top:6px;}
.footer-col{flex:0 0 160px;}.footer-contact{flex:0 0 auto;white-space:nowrap;}
.footer-col h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);letter-spacing:.5px;}
.footer-col p{font-size:13px;color:rgba(255,255,255,.55);line-height:2;margin:0;}
.footer-col p a{color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s;}
.footer-col p a:hover{color:#5b9cf6;}
.footer-phone{font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px;margin-bottom:4px;}
.footer-addr{font-size:12px;color:rgba(255,255,255,.35);margin-top:6px;line-height:1.6;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px 0;text-align:center;font-size:12px;color:rgba(255,255,255,.3);}
.f_c_u_show .online1 b{font-size:18px;display:block;white-space:nowrap;}

.footer-qr-col{flex:0 0 auto;display:flex;align-items:center;}



/* 代理共赢横幅 */
.agent-banner{position:relative;overflow:hidden;}
.agent-banner-bg{display:block;width:100%;height:auto;}
.agent-banner-inner{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;}
.agent-banner-text{position:absolute;top:50%;transform:translateY(-50%);}
.agent-banner-text h2{color:#fff;font-size:40px;line-height:1.25;margin:0;font-weight:normal;}
.agent-banner-text h2.bold{font-weight:700;}
.agent-banner-text .desc1{font-size:20px;color:#fff;margin:4px 0 0;}
.agent-banner-text .desc2{font-size:13px;color:rgba(255,255,255,.65);margin:2px 0 0;}
.agent-banner-btns{margin-top:14px;display:flex;gap:12px;}
.agent-banner-btns a{display:block;border-radius:5px;width:140px;height:42px;color:#fff;font-size:15px;line-height:42px;text-align:center;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.25);}
.agent-banner-btns .btn-more{background:#448dfe;}
.agent-banner-btns .btn-join{background:#eb0f2e;}
.agent-banner-btns a:hover{opacity:.9;}
/* Article pages */


/* 分类Tab */

/* 文章列表 */
/* ========== 文章中心 ========== */
.art-hero{position:relative;height:220px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.art-hero--sm{height:160px;}
.art-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:url(/template_images/banner/banner2.jpg) no-repeat center center;background-size:cover;filter:brightness(.4);}
.art-hero-inner{position:relative;z-index:1;text-align:center;}
.art-hero h2{color:#fff;font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.3);}
.art-hero p{color:rgba(255,255,255,.6);font-size:14px;margin:10px 0 0;letter-spacing:1px;}

.art-layout{display:flex;gap:28px;padding:28px 0 70px;}
.art-side{width:240px;flex-shrink:0;}
.art-main{flex:1;min-width:0;}

/* 侧栏 */
.art-side-box{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 6px rgba(0,0,0,.05);margin-bottom:20px;}
.art-side-box h4{font-size:16px;color:#1a202c;font-weight:700;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #f0f2f5;position:relative;}
.art-side-box h4::after{content:"";position:absolute;left:0;bottom:-1px;width:32px;height:2px;background:#2b5ea6;border-radius:1px;}

.art-cat{list-style:none;margin:0;padding:0;}
.art-cat>li{margin-bottom:1px;}
.art-cat>li>a{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:14px;color:#4a5568;text-decoration:none;border-radius:6px;transition:all .2s;}
.art-cat>li>a:hover{background:#f7f9fc;color:#2b5ea6;}
.art-cat>li.on>a{background:#2b5ea6;color:#fff;font-weight:600;}
.art-cat>li>a em,.art-cat-sub li a em{font-style:normal;font-size:12px;background:#f0f2f5;color:#a0aec0;padding:1px 8px;border-radius:10px;margin-left:auto;}
.art-cat>li.on>a em{background:rgba(255,255,255,.2);color:#fff;}
.art-cat-sub{list-style:none;padding:2px 0 6px;margin:0;}
.art-cat-sub li a{display:flex;align-items:center;justify-content:space-between;padding:7px 14px 7px 32px;font-size:13px;color:#718096;text-decoration:none;border-radius:4px;transition:all .2s;}
.art-cat-sub li a:hover{color:#2b5ea6;background:#f7f9fc;}
.art-cat-sub li.on a{color:#2b5ea6;font-weight:600;background:#eef3ff;}
.art-cat-sub li.on a em{background:#2b5ea6;color:#fff;}

/* 相关推荐 */
.art-related{list-style:none;margin:0;padding:0;}
.art-related li{border-bottom:1px dashed #f0f2f5;}
.art-related li:last-child{border-bottom:none;}
.art-related li a{display:block;padding:10px 0;font-size:13px;color:#4a5568;text-decoration:none;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s;}
.art-related li a:hover{color:#2b5ea6;padding-left:6px;}

/* 文章列表 */
.art-list{background:#fff;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.05);overflow:hidden;}
.art-row{display:flex;align-items:center;gap:18px;padding:20px 24px;text-decoration:none;color:#333;border-bottom:1px solid #f5f6f8;transition:all .2s;}
.art-row:last-child{border-bottom:none;}
.art-row:hover{background:#f8faff;}
.art-row-num{font-size:20px;font-weight:700;color:#e0e4ea;width:32px;text-align:center;flex-shrink:0;font-family:Georgia,serif;transition:color .2s;}
.art-row:hover .art-row-num{color:#2b5ea6;}
.art-row:nth-child(-n+3) .art-row-num{color:#2b5ea6;}
.art-row-body{flex:1;min-width:0;}
.art-row-top{display:flex;gap:6px;margin-bottom:5px;}
.art-badge-pin{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#e74c3c,#ff6b6b);padding:2px 8px;border-radius:3px;letter-spacing:1px;}
.art-badge-cat{font-size:11px;color:#2b5ea6;background:#eef3ff;padding:2px 10px;border-radius:3px;border:1px solid #dce6f5;}
.art-row-title{font-size:15px;font-weight:600;color:#1a202c;margin:0;line-height:1.6;transition:color .2s;}
.art-row:hover .art-row-title{color:#2b5ea6;}
.art-row-desc{font-size:13px;color:#a0aec0;margin:4px 0 0;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.art-row-right{text-align:right;flex-shrink:0;min-width:80px;}
.art-row-date{display:block;font-size:13px;color:#a0aec0;font-variant-numeric:tabular-nums;}
.art-row-views{display:block;font-size:11px;color:#cbd5e0;margin-top:2px;}
.art-row-arrow{font-size:22px;color:#d0d5dd;transition:all .2s;flex-shrink:0;}
.art-row:hover .art-row-arrow{color:#2b5ea6;transform:translateX(3px);}

.art-empty{text-align:center;padding:80px 0;color:#cbd5e0;}
.art-empty p{font-size:14px;margin-top:16px;}

.art-pager{text-align:center;padding:28px 0 0;}
.art-pager a,.art-pager span{display:inline-block;padding:8px 16px;margin:0 3px;border:1px solid #e5e8ed;border-radius:6px;color:#666;text-decoration:none;font-size:13px;transition:all .2s;}
.art-pager span[aria-current]{background:#2b5ea6;color:#fff;border-color:#2b5ea6;}
.art-pager a:hover{border-color:#2b5ea6;color:#2b5ea6;}

/* ========== 文章详情 ========== */
.art-crumb{font-size:13px;color:#c0c6cf;margin-bottom:20px;line-height:2;}
.art-crumb a{color:#718096;text-decoration:none;transition:color .15s;}
.art-crumb a:hover{color:#2b5ea6;}
.art-crumb i{margin:0 8px;font-style:normal;color:#dde1e7;}

.art-article{background:#fff;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.05);overflow:hidden;}
.art-article-hd{padding:32px 36px 0;}
.art-article-hd h1{font-size:24px;color:#1a202c;font-weight:700;margin:0 0 16px;line-height:1.5;}
.art-article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#a0aec0;padding-bottom:18px;border-bottom:1px solid #f0f2f5;align-items:center;}
.art-article-meta span{display:inline-flex;align-items:center;gap:5px;}
.art-article-meta svg{opacity:.5;}
.art-article-cat{color:#2b5ea6;background:#eef3ff;padding:2px 12px;border-radius:3px;font-size:12px;}
.art-article-body{padding:26px 36px 32px;font-size:15px;line-height:2;color:#4a5568;}
.art-article-body p{margin:0 0 14px;}
.art-article-body img{max-width:100%;height:auto;border-radius:4px;margin:6px 0;}
.art-article-body h2,.art-article-body h3{color:#1a202c;margin:26px 0 12px;font-weight:600;}
.art-article-body pre{background:#f7f8fa;padding:16px 20px;border-radius:6px;overflow-x:auto;font-size:13px;line-height:1.7;border:1px solid #ebeef2;}
.art-article-body blockquote{border-left:3px solid #2b5ea6;margin:14px 0;padding:12px 18px;background:#f8faff;color:#555;border-radius:0 4px 4px 0;}
.art-article-body code{background:#edf2f7;padding:2px 6px;border-radius:3px;font-size:13px;color:#c0392b;}
.art-article-ft{padding:0 36px 24px;display:flex;justify-content:space-between;}
.art-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#718096;text-decoration:none;padding:8px 20px;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s;}
.art-back:hover{color:#2b5ea6;border-color:#2b5ea6;background:#f8faff;}