@charset "utf-8";
/* rongsoftcom 公共模块层: 头部_导航_移动菜单_二级导航_面包屑_分页_客服条_推荐阅读_页脚
   引入位置: include/library/library_begin.html | 断点: 1200px(平板) / 768px(手机) */

/*========== 顶部工具条 ==========*/
.header_fixed{ background-color:var(--c-dark); }
.module_top:hover{ background-color:var(--c-dark); }
.module_top{ border-bottom:solid 1px rgba(255,255,255,.2); height:var(--h-topbar); position:fixed; left:0; right:0; top:0; width:100%; z-index:99999; transition:background-color .5s; }
.module_top .logo{ float:left; padding-left:12px; }
.module_top .logo a{ display:block; padding:7px 0; margin-left:20px; }
.module_top .logo a img{ height:26px; }
.module_top .tools{ float:right; }
.module_top .tools .search{ float:left; height:var(--h-topbar); position:relative; }
.module_top .tools .search .input{ padding-left:15px; border:none; outline:none; background:rgba(160,162,168,.2); font-size:14px; line-height:var(--h-topbar); color:#fff; width:135px; padding-right:40px; height:var(--h-topbar); transition:width .2s; }
.module_top .tools .search:hover .input{ width:300px; }
.module_top .tools .search .input:focus{ width:300px; }
.module_top .tools .search .submit{ border:none; position:absolute; width:40px; height:var(--h-topbar); background:url(/static/computer/looker/rongsoftcom/img/icon/search.png) no-repeat center center / 20px auto; right:0; top:0; cursor:pointer; z-index:99; }
.module_top .tools .search_div{ position:absolute; margin:0 auto; right:0; width:315px; background:#fff; padding:20px; display:none; }
.module_top .tools .search_item{ font-size:14px; margin-bottom:20px; text-align:left; }
.module_top .tools .search_item a{ color:var(--t-main); }
.module_top .tools .product{ float:left; position:relative; }
.module_top .tools .product .text{ color:#fff; display:block; padding:0 10px; font-size:14px; line-height:var(--h-topbar); }
.module_top .tools .product .text:hover{ color:var(--c-brand); }
.module_top .tools .product .hide{ position:absolute; z-index:9999; right:0; top:var(--h-topbar); padding-top:15px; display:none; }
.module_top .tools .product .hide .arrow{ width:0; height:0; border-width:15px; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; right:20px; top:-10px; }
.module_top .tools .product .hide .content{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); padding:0 25px 50px; width:616px; max-width:100%; }
.module_top .tools .product .hide .content .title{ font-size:16px; padding-top:38px; font-weight:bold; color:#000; position:relative; padding-left:10px; }
.module_top .tools .product .hide .content .title .line{ position:absolute; width:4px; height:16px; left:0; bottom:8px; background:#000; }
.module_top .tools .product .hide .content ul{ overflow:hidden; }
.module_top .tools .product .hide .content ul li{ float:left; line-height:22px; margin-right:20px; margin-top:15px; }
.module_top .tools .product .hide .content ul li a{ color:#212b38; }
.module_top .tools .product .hide .content ul li:hover a{ color:var(--c-brand); }
.module_top .tools .product:hover .hide{ display:block; }
.module_top .tools .link{ float:left; }
.module_top .tools .link a{ color:#fff; display:block; padding:0 10px; font-size:14px; line-height:var(--h-topbar); }
.module_top .tools .link a:hover{ color:var(--c-brand); }
.module_top .tools .login{ float:left; }
.module_top .tools .login a{ display:block; border-left:solid 1px rgba(255,255,255,.1); line-height:var(--h-topbar); padding:0 20px; background-color:var(--c-brand); color:#fff; transition:background-color .2s; }
.module_top .tools .login a:hover{ background:var(--c-brand-deep); }
.module_top .tools .user{ border-left:solid 1px rgba(255,255,255,.1); margin-left:10px; float:left; padding:0 10px; line-height:var(--h-topbar); cursor:pointer; position:relative; }
.module_top .tools .user .portrait{ float:left; width:24px; height:24px; padding-top:8px; }
.module_top .tools .user .portrait img{ width:24px; height:24px; border-radius:50%; }
.module_top .tools .user .name{ float:left; position:relative; color:#fff; line-height:var(--h-topbar); margin-left:5px; padding-right:15px; min-width:20px; max-width:85px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.module_top .tools .user .name i{ border-style:solid; border-width:6px 4px 0 4px; border-color:#fff transparent transparent transparent; position:absolute; top:18px; right:0; }
.module_top .tools .user:hover .name{ color:var(--c-brand); }
.module_top .tools .user:hover .name i{ border-color:var(--c-brand) transparent transparent transparent; }
.module_top .tools .user:hover .user_menu{ display:block; }
.module_top .tools .user .user_menu{ position:absolute; top:var(--h-topbar); right:0; width:240px; padding:10px 0; background:#212634; box-shadow:0 4px 8px rgba(0,0,0,.1); cursor:default; display:none; z-index:9999; }
.module_top .tools .user .user_menu li a{ padding:0 20px; line-height:32px; color:#fff; display:block; position:relative; }
.module_top .tools .user .user_menu li a span{ width:auto; background-color:var(--c-brand); padding:0 4px; border-radius:10px; font-size:12px; line-height:16px; color:#fff; position:absolute; right:20px; top:8px; }
.module_top .tools .user .user_menu li:hover a{ color:var(--c-brand); }

/*========== 主导航 ==========*/
.module_navigate{ padding-left:5px; height:var(--h-navbar); position:fixed; left:0; right:0; top:var(--h-topbar); width:100%; z-index:999; transition:background-color .5s; border-top:solid 1px rgba(255,255,255,.2); overflow:hidden; }
.module_navigate ul{ padding-left:12px; }
.module_navigate ul li{ float:left; line-height:var(--h-navbar); position:relative; overflow:hidden; }
.module_navigate ul li .line{ position:absolute; background:var(--c-brand); width:30px; height:2px; left:-50%; bottom:0; margin-left:-15px; transition:left .2s; }
.module_navigate ul li:hover .line{ left:50%; }
.module_navigate ul li:hover a{ color:var(--c-brand); }
.module_navigate ul li a{ color:#fff; padding:0 15px; display:block; line-height:58px; position:relative; }
.module_navigate ul li a img{ position:absolute; top:5px; right:8px; }

/*========== 手机顶栏_侧边菜单 ==========*/
.library_mobile_top .mobile_logo a{ display:block; padding:9px 0; }
.library_mobile_top .mobile_logo a img{ height:26px; }
.library_mobile_top .mobile_right{ padding-right:10px; }
.library_mobile_top .mobile_right .switch{ float:left; padding:15px 10px; transition:transform .3s; }
.library_mobile_top .mobile_right .switch span{ display:block; background:none; width:18px; height:10px; border-top:solid 2px #fff; border-bottom:solid 2px #fff; }
.library_mobile_top .mobile_right .switch span::before{ content:""; display:block; margin-top:4px; border-top:solid 2px #fff; }
.library_mobile_top .mobile_right .switch_change{ transform:rotate(90deg); }
.library_mobile_menu{ background:#fff; position:fixed; left:-100%; top:var(--h-mobilebar); bottom:0; width:100%; z-index:999; transition:left .3s; display:none; overflow-y:auto; }
.library_mobile_menu.sidebar_change{ left:0; }
.library_mobile_menu .mobile_search{ position:relative; padding:20px 3% 0; }
.library_mobile_menu .mobile_search .input{ height:40px; width:100%; border:1px solid #A0A2A8; border-radius:2px; padding-left:10px; padding-right:50px; background-color:#fff; font-size:14px; line-height:22px; color:#a0a2a8; box-sizing:border-box; }
.library_mobile_menu .mobile_search .submit{ position:absolute; right:3%; top:20px; background:url(/static/common/util/img/search.png) no-repeat center; width:40px; height:40px; background-size:20px auto; border:none; }
.library_mobile_menu ul li{ border-bottom:1px solid #eaeaea; line-height:64px; }
.library_mobile_menu ul li a{ display:block; color:#000; padding:0 15px; }
.mobile_item{ display:flex; justify-content:space-between; font-weight:bold; padding-right:20px; }
.mobile_item_active{ display:flex; justify-content:space-between; font-weight:bold; color:var(--c-blue); }
.mobile_arrow{ content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAHNJREFUKFOdkcENgCAQBIdObMG/D6lEOzFUoqX4MKEVyzCboEECUeB3lx32bs9Q+UylnmZgBrYPtwVwcuiAKYhdAVqDzt4jCVJz1y8J9IjVj3fIQS9xCqiOIdUjYGPHXEqCPHACfbpTKdYBOHIBNN/h98Evki4PDa3LT0QAAAAASUVORK5CYII='); width:12px; height:12px; margin-top:22px; }
.mobile_sub{ list-style:none; padding:0; margin:0; display:none; }
.mobile_sub li a{ color:#999; padding:12px 15px; display:block; text-decoration:none; border-bottom:1px solid #eaeaea; margin-left:20px; }
.library_mobile_top{ height:var(--h-mobilebar); background:rgba(0,0,0,.6); position:fixed; top:0; width:100%; z-index:999; left:0; right:0; display:none; }
.mobile_en{ margin-left:10px; margin-top:2px; }
.mobile_down{ width:100%; float:left; padding:10px; margin-top:10px; }
.mobile_down li{ width:100%; float:left; font-size:14px; color:#333; line-height:28px; }
.mobile_down li a{ color:#333; }
.mobile_down li a img{ height:20px; vertical-align:middle; margin:-3px 5px 0 0; }
.mobile_down li a p{ display:inline-block; }

/*========== 二级导航 ==========*/
.module_second{ background-color:#fff; border-bottom:1px solid #e3e3e3; }
.module_second ul{ width:90%; max-width:1650px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; padding:10px 0; }
.module_second ul li{ background-color:#ECECEC; margin:10px 20px 10px 0; }
.module_second ul li a{ display:block; font-size:16px; color:#555; line-height:44px; height:44px; padding:0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.module_second ul li:hover, .module_second ul .active{ background-color:#f27824; }
.module_second ul li:hover a, .module_second ul .active a{ color:#fff; }

/*========== 面包屑 ==========*/
.library_position{ display:flex; align-items:center; flex-wrap:wrap; }
.library_position a{ color:#555; }
.position_index{ width:20px; height:30px; background:url(/static/common/util/img/index.png) no-repeat center top 6px; }
.position_arrow{ width:20px; height:30px; background:url(/static/common/util/img/arrow.png) no-repeat center top 10px; margin-right:4px; }

/*========== 分页 ==========*/
.library_page{ display:flex; justify-content:center; flex-wrap:wrap; padding-bottom:40px; }
.library_page a,.library_page span{ background:#e3e3e3; border:1px #e3e3e3 solid; display:flex; justify-content:center; align-items:center; margin-right:10px; width:30px; height:30px; border-radius:15px; }
.library_page span,.library_page a:hover{ background:#014aa3; border:1px #014aa3 solid; font-weight:bold; color:#fff; }

/*========== 悬浮客服条 ==========*/
.module_customer{ position:fixed; top:45%; right:0; z-index:999; display:none; }
.module_customer li{ border-bottom:1px solid #eee; background:#000; border-radius:3px; text-align:center; width:34px; height:35px; position:relative; }
.module_customer li:last-child{ border:none; }
.module_customer li a{ display:block; width:34px; height:34px; }
.module_customer li a span{ width:0; overflow:hidden; position:absolute; right:34px; color:#FFF; line-height:35px; text-align:center; background:#ffbb1a; white-space:nowrap; transition:width .3s; }
.module_customer li .code .code_content{ width:0; height:188px; overflow:hidden; position:absolute; right:34px; background:#ffbb1a; white-space:nowrap; transition:width .3s; border-radius:4px; padding-top:10px; }
.module_customer li .code .code_content p{ color:#FFF; line-height:24px; }
.module_customer li .code .code_content img{ width:117px; height:117px; margin-top:8px; }
.module_customer li:hover{ background:#ffbb1a; }
.module_customer li:hover span{ width:auto; padding:0 10px; }
.module_customer li:hover .code .code_content{ width:142px; }
.module_customer li .phone{ background:url(/static/common/relate/img/phone.png) no-repeat center center / 20px; }
.module_customer li .contact{ background:url(/static/common/relate/img/qq.png) no-repeat center center / 20px; }
.module_customer li .sale{ background:url(/static/common/relate/img/sale.png) no-repeat center center / 24px; }
.module_customer li .service{ background:url(/static/common/relate/img/service.png) no-repeat center center / 24px; }
.module_customer li .code{ background:url(/static/common/relate/img/qrcode.png) no-repeat center center; }
.module_customer li .top{ background:url(/static/common/relate/img/icon.png) no-repeat -50px -250px; }

/*========== 推荐阅读 ==========*/
.module_recommend{ padding-top:50px; }
.recommend_title{ font-size:22px; font-weight:bold; color:#303030; padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #f0f0f0; }
.recommend_list li{ font-size:17px; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #f0f0f0; }
.recommend_list li a{ color:#000; }
.recommend_list li:hover a{ color:#003686; }
.recommend_empty{ font-size:14px; color:var(--t-muted); padding:20px 0; }

/*========== 页脚 ==========*/
.module_foot{ background:var(--c-dark-foot); padding:50px 0; overflow:hidden; }
.module_foot .foot_inner{ width:100%; max-width:var(--w-main); margin:0 auto; padding:0 20px; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:40px; }
.module_foot .left{ flex:0 0 280px; }
.module_foot .right{ flex:1 1 auto; min-width:0; }
.module_foot .logo a{ display:block; margin:0 0 20px 0; }
.module_foot .logo a img{ max-width:280px; }
.module_foot .logo .flex{ display:flex; align-items:center; }
.module_foot .logo .flex img{ width:30px; height:30px; margin-right:20px; }
.module_foot .logo .flex .text{ margin:20px 0; }
.module_foot .logo .flex .text h2{ margin-top:10px; color:#CECECE; font-size:22px; }
.module_foot .logo .flex .text h4{ color:#9FA0A4; font-size:14px; font-weight:normal; }
.module_foot .foot_contact{ display:flex; flex-wrap:nowrap; justify-content:space-between; gap:16px; }
.module_foot .foot_contact .item{ flex-shrink:0; min-width:0; }
.module_foot .foot_contact .item.contact{ flex-shrink:1; max-width:190px; min-width:150px; }
.module_foot .foot_contact .item a{ color:var(--t-light); line-height:30px; }
.module_foot .foot_contact .item a:hover{ color:#fff; }
.module_foot .foot_contact .item .title{ margin-bottom:20px; position:relative; font-size:16px; color:#fff; line-height:26px; height:26px; }
.module_foot .foot_contact .item .title::after{ content:""; position:absolute; left:0; bottom:-10px; width:32px; height:1px; background:var(--c-brand); }
.module_foot .foot_contact p{ color:var(--t-light); line-height:30px; }
.module_foot .foot_qrcode{ display:flex; gap:10px; }
.module_foot .foot_qrcode .qrcode{ text-align:center; }
.module_foot .foot_qrcode .qrcode img{ width:100px; height:100px; }
.module_foot .foot_qrcode .qrcode div{ margin-top:10px; color:#fff; font-size:13px; }

/*========== 版权 ==========*/
.foot_copyright{ background:var(--c-foot-copy); line-height:26px; padding:30px 0; }
.foot_copyright p{ max-width:var(--w-main); margin:0 auto; padding:0 20px; text-align:center; color:var(--t-light); }
.foot_copyright a{ color:var(--t-light); }

/*========== 平板(<=1200px): 页脚左块独占一行,右块两列 ==========*/
@media screen and (max-width:1200px){
	.module_foot{ padding:40px 0; }
	.module_foot .foot_inner{ gap:30px; }
	.module_foot .left{ flex:1 1 100%; padding-bottom:20px; border-bottom:1px solid #4a4a4a; }
	.module_foot .right{ flex:1 1 100%; }
	.module_foot .foot_contact{ flex-wrap:wrap; justify-content:flex-start; gap:24px 30px; }
	.module_foot .foot_contact .item.contact{ max-width:none; flex-shrink:0; }
	.module_foot .foot_qrcode{ flex-wrap:wrap; }
}

/*========== 手机(<=768px): 切换成手机顶栏与侧边菜单,隐藏桌面头部 ==========*/
@media screen and (max-width:768px){
	.module_top{ display:none; }
	.module_navigate{ display:none; }
	.module_customer{ display:none !important; }
	.library_mobile_top{ display:block; }
	.library_mobile_menu{ display:block; }
	.module_foot{ padding:30px 20px; }
	.module_foot .foot_inner{ padding:0; }
	.module_foot .foot_inner{ display:block; }
	.module_foot .left{ padding-bottom:20px; border-bottom:1px solid #4a4a4a; margin-bottom:24px; }
	.module_foot .foot_contact{ display:block; }
	.module_foot .foot_contact .item{ margin-bottom:24px; }
	.module_foot .foot_qrcode{ justify-content:center; }
	.foot_copyright{ padding:20px 0; font-size:12px; }

	/* 轮播内容_手机适配(修复 .copy 定宽导致的整页横向溢出) */
	.hero .hero-slide-item .copy{ left:20px; right:20px; max-width:none; bottom:110px; overflow:hidden; }
	.hero .hero-slide-item .copy-title{ font-size:26px; }
	.hero .hero-slide-item .copy-content{ font-size:16px; }
	.hero .hero-slide-item .content-wrap .btns-wrap{ right:20px; bottom:40px; }

	/* 跨页面_移动端兜底(其它模板仍在沿用这些旧类名) */
	.mobile_font{ font-size:40px !important; }
	.list_picture{ width:100% !important; }
	.list_picture li{ width:45% !important; }
	.second_list{ width:100% !important; }
	.teshushouji{ padding-top:44px !important; }
	.list_article ul li .img{ width:120px !important; height:120px !important; }
	.list_article ul li .content{ overflow:hidden; padding:0 20px !important; width:calc(100% - 150px) !important; }
	.list_article ul li .title{ margin-top:0 !important; }
	.shoujigaodu{ height:auto !important; }
	.picture_img{ width:100% !important; height:auto !important; }
}