body{background: #ffffff;}

/*! 左侧导航容器基础样式 */
.breadcrumb{line-height:4}
.erji-wrap{margin-bottom:150px;}
.erji-nav{float:left;width:240px;box-sizing:border-box}
.erji-nav h3{width:100%;padding:20px 20px;background:linear-gradient(90deg,#de432b 0,#e5a14f 100%);color:#fff;font-size:20px;font-weight:700;line-height:1;margin-bottom:10px;box-sizing:border-box}
.erji-nav-list .li-one{border-bottom:1px solid #ddd;width:100%;padding:0 10px 5px;box-sizing:border-box;overflow: hidden;margin-bottom:5px;}
.erji-nav-list .li-one>a{float: left;padding:10px 0;transition:all .3s ease}
.erji-nav-list .li-one>b{font-family:simhei;font-size:12px;letter-spacing:-2px;font-weight:700;float: right;padding: 10px 0;}
.erji-nav-list .li-one.active>a,.erji-nav-list .li-one.active>b, .erji-nav-list .li-one:hover>a,.erji-nav-list .li-one:hover>b{color:#de432b}
.erji-nav-list .li-one ul{clear:both;display:none;}
.erji-nav-list .li-one ul .li-two{}
.erji-nav-list .li-one ul .li-two:last-child{margin-bottom:10px;}
.erji-nav-list .li-one ul .li-two a{font-size:14px;line-height:2.5;}
.erji-nav-list .li-one ul .li-two.active a,.erji-nav-list .li-one ul .li-two:hover a{font-weight:bold;color:#de432b;}

/*! 右侧样式*/
#content {width:900px;}

/*! 单篇文章*/

.list-content h3{border-left:3px solid #de3f2a;line-height:1;margin-bottom:20px;padding-left:.5em;}
.list-content .list-content-info{line-height:2;}
.list-content .list-content-info *{font-size:16px;}
.list-content .list-content-info p{margin-bottom:10px;min-height: 10px;}
.list-content .list-content-info img {max-width: 100%;}
.list-content .list-content-info svg{width:40px;color:#e38544;vertical-align:middle;margin-right:20px;}
.list-content img {max-width: 100%;}

/*! 数据列表*/
.list-content-list li{overflow: hidden;line-height:3;border-bottom:1px dashed #d9d9d9;}
.list-content-list li a{float:left;color:#454545;max-width: 85%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-content-list li span{float:right;color:#454545;}
.list-content-list li:hover *{color:#e63946;}

.page-wrap{text-align:center;padding:50px 0 30px}
.page-wrap a{border:1px solid #e8e8e8;line-height:32px;display:inline-block;padding:0 15px;font-size:14px;color:#bababa;margin:0}
.page-wrap a:hover,.page-wrap font{color:#fff;line-height:32px;display:inline-block;padding:0 15px;font-size:14px;background-color:#e63946;border-color:#e63946}
.page-wrap span{display:none!important}
.page-wrap span:last-child{display:inline-block!important;color:#bababa;font-size:14px;margin-left:15px}









/*关于我们/发展历程*/
.arrowleft,.arrowright {width: 28px;height:28px;line-height28px;border:1px solid #ebebeb;border-radius: 100%;text-align:center;position: absolute;z-index: 999;}
.arrowleft:hover,.arrowright:hover {background:#de3f2a;}
.arrowleft{left: 0;top: 20px;}
.arrowright{right: 0;top: 20px;}
.swiper-button-disabled{/* display:none; */}
.arrowright img,.arrowleft img{width: 15px;position: relative;top: 5px;}
.arrowright:hover img.none,.arrowleft:hover img.none{display: block;cursor:pointer;margin: 0 auto;}
.arrowright:hover img.show,.arrowleft:hover img.show{display: none;cursor:pointer;}
.history-list {width: 100%;margin: 40px auto 50px;overflow:hidden;position: relative;}
.history-list .swiper-slide{text-align:center;font-weight:bold;padding-bottom: 30px;cursor:pointer;background: url(/uiFramework/commonResource/zip/images/12344.png) center bottom/25px no-repeat;}
.history-list .swiper-slide.active{background: url(/uiFramework/commonResource/zip/images/312312.png) center bottom/25px no-repeat;}
.history-list .swiper-slide.active span{color: #de3f2a}.history-list .line{display:block;width: calc(100% - 190px);border-bottom:1px dashed #ebb97c;position: absolute;bottom: 11px;left: 100px;}
.history-list .swiper-slide.active span{color:#de3f2a;transform:translate3d(0,-3px,0)}

.history-infos {position:relative;margin-top: 43px;}
.history-infos .history-content{overflow:hidden;padding-bottom: 20px;display: none;position: relative;z-index: 2;}
.history-infos .history-content span{float:left;padding-bottom: 10px;background-color: #fff;position: relative;z-index: 1;width: 10%;text-align: center;font-size:16px;line-height: 30px;color: #de3f2a;}
.history-infos .history-content .fr{width: 90%;overflow:hidden;line-height:28px;text-align:justify;font-size:16px;margin-bottom:8px;}
.history-infos .history-content .fr img{display:none;}
.history-infos .history-content .fr p{font-size:16px;}
.history-infos .history-content .fr p:hover{color: #de3f2a;cursor:pointer;}
.history-infos .history-content .fr:hover{color:#de3f2a;cursor:pointer;}
.history-infos .history-content .fr:hover *{/*color:#0859A8;cursor:pointer;*/}
.history-infos .line{position:absolute;border-left: 1px dashed #AEA7A7;left: 40px;top: 0px;height: 100%;}
/*外部荣誉*/
.rongyu-box .page-title { text-align: center; font-size: 18px; color: #333; margin-bottom: 20px; }
.rongyu-box .swiper-container { width: 100%;}

.rongyu-box .main-swiper { border-radius: 8px; overflow: hidden; margin-bottom: 15px; }
.rongyu-box .main-swiper img { width: 100%; height: 550px; display: block;object-fit:contain; }

.rongyu-box .thumb-swiper .swiper-slide { opacity: 0.6; transition: opacity 0.3s; cursor: pointer; }
.rongyu-box .thumb-swiper .swiper-slide-thumb-active { opacity: 1;  border-radius: 4px; }
.rongyu-box .thumb-swiper img { width: 100%; height: 80px; display: block; border-radius: 4px; object-fit:contain;}
.rongyu-box .swiper-button-next,.rongyu-box .swiper-button-prev { color: #fff; background: rgba(0, 0, 0, 0.3); width: 36px; height: 36px; border-radius: 50%; }
.rongyu-box .swiper-button-next:after,.rongyu-box .swiper-button-prev:after { font-size: 18px; }
.rongyu-box .thumb-swiper .page-title{display:none;}
.rongyu-box .thumb-swiper .swiper-wrapper{justify-content:center;}

/*荣誉年份*/
.rongyu-year{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;width:100%;}
.rongyu-year h6{margin:0;padding:0;font-size:14px;color:#333;font-weight:normal;white-space:nowrap;}
.rongyu-year #yearSelect{height:32px;padding:0 10px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;color:#333;outline:none;cursor:pointer;box-sizing:border-box;}
.rongyu-year #yearSelect:hover{border-color:#ccc;}
.rongyu-year #yearSelect:focus{border-color:#de432b59;box-shadow:0 0 3px rgba(76,175,80,0.2);}


/*设备之家*/
/*相关视频*/
.list-content-img {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;max-width: 1200px;margin: 0 auto;}
.list-content-img .grid-item {background: #fff;border-radius: 4px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;}
.list-content-img .grid-item:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0,0,0,0.12);}
.list-content-img .grid-item img {width: 100%;height: 140px;object-fit: cover;display: block;}
.list-content-img .grid-item .caption {padding: 15px;font-size: 14px;color: #333;text-align: center;}


/*用户权益领取*/
.list-yhqylq img{width: 100%;margin-bottom: 40px;}
.list-content-yhqylq {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;max-width: 1200px; margin: 0 auto;}
.list-content-yhqylq .card-item {background-color: #ffffff;border: 1px solid #e0e0e0;border-radius: 4px;    transition: all 0.3s ease;cursor:pointer;padding: 20px 15px;display: flex;flex-direction: column;gap: 10px;}
.list-content-yhqylq .card-item:hover{transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);}
.list-content-yhqylq .card-title {display: flex;align-items: center;gap: 8px;font-size: 18px;font-weight: 600;color: #333333; }
.list-content-yhqylq .card-icon {width: 20px;height: 20px;/* padding: 2px; */background-color: #e53935;border-radius: 50%;position: relative;}
.list-content-yhqylq .card-icon img {display:block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;}
.list-content-yhqylq .card-desc p {font-size: 14px;color: #666666; line-height: 1.6;}



/*租赁业务*/
/*小微租赁*/
 /* 标签栏样式 */
.tab-nav {display: flex;justify-content: space-between; border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.tab-nav-item {padding: 10px 0px;font-size: 16px;color: #333;cursor: pointer;position: relative;transition: color 0.3s;margin-right: 40px;}
.tab-nav-item:last-child{margin-right:0;}
.tab-nav-item.active {color: #e53935;}
.tab-nav-item.active::after {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #e53935;}
.tab-content {display: none;font-size: 14px;line-height: 1.8;color: #666;}
.tab-content.active {display: block;}
.tab-content img{max-width:100%;}
.tab-content p {margin-bottom: 10px;min-height: 10px;}
.tab-content h3 {margin-top:20px;}

.tab-nav-item.ruzhu {display:flex;padding: 0 15px 5px;margin-right: 0px;align-items: center;}
.tab-nav-item.ruzhu img{height: 40px;margin-right: 10px;}
.tab-nav-item.ruzhu .info-section{}
.tab-nav-item.ruzhu .info-section h3{font-size: 16px;color:#C33923;}
.tab-nav-item.ruzhu .info-section span{font-size: 13px;white-space:nowrap;}


















@media (max-width: 768px) {

    .erji-banner img {height: 200px;}
    .erji-banner .comwidth h2 {font-size:20px;}
    .erji-banner .comwidth span {font-size: 16px;}
    .erji-banner .comwidth {top:auto;bottom: 0;}
    /* 左侧导航适配 */
    .erji-wrap {margin-bottom: 50px;margin-top: 20px;}
    .erji-nav {display: none;}
    
    /* 右侧内容适配 */
    #content {width: 100% !important;float: none;}
    
    /* 文章内容适配 */
    .list-content h3 {font-size: 18px;margin-bottom: 15px;}
    .list-content .list-content-info * {font-size: 14px;}
    .list-content .list-content-info p {margin-bottom: 8px;line-height: 1.8;}
    
    /* 数据列表适配 */
    .list-content-list li {line-height: 2.5;padding: 5px 0;}
    .list-content-list li a {max-width: 70%;font-size: 14px;}
    .list-content-list li span {font-size: 12px;}
    
    /* 分页适配 */
    .page-wrap {padding: 30px 0 20px;}
    .page-wrap a, .page-wrap font {padding: 0 10px;line-height: 28px;font-size: 12px;margin: 0 2px;}
    .page-wrap span:last-child {margin-left: 10px;font-size: 12px;}
    
    /* 发展历程适配 */
    .arrowleft, .arrowright {width: 24px;height: 24px;top: 15px;}
    .arrowright img, .arrowleft img {width: 12px;top: 4px;}
    .history-list {margin: 20px auto 30px;}
    .history-list .line {width: calc(100% - 80px);left: 40px;bottom: 8px;}
    .history-infos .history-content span {width: 15%;font-size: 14px;line-height: 26px;}
    .history-infos .history-content .fr {width: 82%;font-size: 14px;line-height: 24px;}
    .history-infos .line {left: 25px;}
    
    /* 外边荣誉适配 */
    .wbry-box .page-title {font-size: 16px;margin-bottom: 15px;}
    .wbry-box .swiper-container {width: 100%;padding: 0 5px;}
    .wbry-box .main-swiper img {width: 100%;height: auto;}
    .wbry-box .thumb-swiper img {height: 60px;}
    .wbry-box .swiper-button-next, .wbry-box .swiper-button-prev {width: 30px;height: 30px;}
    .wbry-box .swiper-button-next:after, .wbry-box .swiper-button-prev:after {font-size: 14px;}
    
    /* 设备之家/相关视频适配 */
    .list-content-img {grid-template-columns: repeat(1, 1fr);gap: 15px;max-width: 100%;}
    .list-content-img .grid-item img {height: 180px;}
    .list-content-img .grid-item .caption {padding: 12px;font-size: 13px;}
    
    /* 用户权益领取适配 */
    .list-yhqylq img {margin-bottom: 20px;}
    .list-content-yhqylq {grid-template-columns: repeat(1, 1fr);gap: 15px;max-width: 100%;}
    .list-content-yhqylq .card-item {padding: 15px 10px;}
    .list-content-yhqylq .card-title {font-size: 16px;}
    .list-content-yhqylq .card-desc p {font-size: 13px;}
    
    /* 租赁业务/小微租赁适配 */
    .tab-nav {flex-wrap: wrap;margin-bottom: 15px;}
    .tab-nav-item {padding: 8px 12px;font-size: 14px;flex: 1;text-align: center;}
    .tab-content {font-size: 13px;line-height: 1.7;}
    .tab-nav-item.ruzhu {display:block;margin-bottom: 5px;}
    .tab-nav-item.ruzhu .info-section h3 {font-weight: 400;}
    .tab-nav-item.ruzhu .info-section span {display:none;}
}