/*公共样式*/
/*头部导航样式*/
.header{top:0;}
.header.fixed  {
  background: rgb(255,255,255);
  box-shadow: 0 0 0.1rem #eee;
}
.header.fixed .head_nav_list > li a{color:#000;}
.header.fixed .head_subnav_list> li a{color:#000;}
.header.fixed .head_nav_list > li:first-child a{color:#000;}
.header.fixed .head_nav_list li .head_subnav_list>li:first-child a{color:#000;}
.header img.logoimg2 {display: none;}
.header.fixed img.logoimg1 { display: none; }
.header.fixed img.logoimg2 { display: block; }

.search-box .search-box1 { display: block; }
.search-box .search-box2 { display: none; }
.search-box:hover .search-box1 { display: none; }
.search-box:hover .search-box2 { display: block; }
.header.fixed .search-box1 { display: none; }
.header.fixed .search-box2 { display: block; }

.head_nav_list > li:hover > a { color: #b71d23!important;}


.header.header-white {background: #fff !important;}
.header.header-white .head_nav_list > li > a {    color: #000 !important;}
.header.header-white .head_nav_list > li:hover > a {    color: #b71d23!important;}
.header.header-white .search-box1 { display: none; }
.header.header-white .search-box2 { display: block; }
.header.header-white img.logoimg1 { display: none; }
.header.header-white img.logoimg2 { display: block; }




.head_nav_list > li.on:first-child > a { color: #fff;} 
.head_nav_list > li:first-child  > a{color:#fff;}

.header.fixed .head_nav_list > li.on>a{color: #b71d23;}
.header.fixed .head_nav_list > li.on:first-child>a{color: #000;}
.header.fixed .head_nav_list > li:hover > a { color: #b71d23!important;}

.header .header-right .search-box{
   display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  vertical-align: top;
  cursor: pointer;
}
.header .search-box{
   background-size: auto;
   background-size: 100% auto;
}

.header.fixed .search-box{
   background-size: auto;
   background-size: 100% auto;
}

/*地址样式*/
.head-address_box{padding-top: 10px;}
.head-address_box .dizhi{color:#fff;clear: both;overflow: hidden;}
.head-address_box .dizhi img{float:left;}
.head-address_box .dizhi img.head-add01{ display: block; }
.head-address_box .dizhi img.head-add02{ display: none; }
.head-address_box .dizhi i{color:#fff;font-size:12px;}
.head-address-row *{color:#fff;font-size:10px;}
.header.fixed .head-address_box .dizhi img.head-add01 { display: none; }
.header.fixed .head-address_box .dizhi img.head-add02{ display: block; }
.header.fixed .head-address_box .dizhi i{color:#000;font-size:12px;}
.header.fixed .head-address-row *{color:#000;font-size:10px;}
.header.header-white .head-address_box .dizhi img.head-add01 { display: none; }
.header.header-white .head-address_box .dizhi img.head-add02{ display: block; }
.header.header-white .head-address_box .dizhi i{color:#000;font-size:12px;}
.header.header-white .head-address-row *{color:#000;font-size:10px;}

/* banner */
.ban-cta{padding: 25px 0;overflow: hidden;/*background: rgba(255,255,255,0.3);*/position: absolute;z-index: 9;width: 100%;top:75px;background: url('/uiFramework/commonResource/image/2026083110372286092.png ') center/cover no-repeat;}
.ban-cta-left h3{font-size:16px;font-weight:600;color:#fff;}
.ban-cta-left p{font-size:14px;opacity:.9;margin-top:4px;color:#fff;}
.ban-cta-right .phone{font-size:16px;font-weight:700;letter-spacing:1px;color:#fff;}
.ban-cta-right p{padding-top:8px;}
.ban-cta-right p a{border:1px solid #fff;color:#fff;padding:5px 18px;font-size:14px;cursor:pointer;transition:.3s;width: 2rem;text-align: center;display:block;border-radius: 15px;}
.ban-cta-right p a:hover{background:rgba(255,255,255,.8);color:#c0000f;border-color:#fff;}
  .ban-cta .ban-container {width:60%; margin: 0 auto;}
  .ban-cta-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}

/*.banner {clear: both; overflow: hidden; width: 100%; z-index:-1;}*/
.banner {clear: both; overflow: hidden;  width: 100%;z-index: -1;/*margin-top: -75px;*/}
.banner_list li img { display: block; width: 100%; }
.banner_a { display: block; width: 0.93rem; height: 0.93rem; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); z-index:5; opacity: 0.7; }
.banner_a.prev { background: url(banner_prev.png) no-repeat center/cover; left: 0.75rem; }
.banner_a.next { background: url(banner_next.png) no-repeat center/cover; right: 0.75rem; }
.banner_a.prev:hover { background-image: url(banner_prev_hov.png); }
.banner_a.next:hover { background-image: url(banner_next_hov.png); }
.banner_but { position: absolute; width: 100%; bottom: 0.35rem !important; text-align: center; z-index: 5; }
.banner_but li { display: inline-block; width: 0.23rem; height: 0.23rem; border-radius: 50%; background: #fff; opacity: 0.7; margin: 0 0.1rem; }
.banner_but li.on { opacity: 1; }
/*banner 上的文字*/
.banner_title{color: #fff; z-index: 9999;position: absolute; top: 40%;left: 5%;font-size:.85rem; line-height: 1rem;font-family: "Source Han Sans CN";letter-spacing: 1px;font-weight:510;
             text-shadow: 0 2px 4px rgba(0, 0, 0, 0.53), 0 4px 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.4);}
.banner_title .hero-line{width: 1.5rem; height:.1rem;display:block;background: #b71d23; margin-bottom: 22px; transition: .6s;}
.banner_title:hover .hero-line{width:2.5rem;}

/*企业服务*/
  .business{padding:100px 0; background:url('/uiFramework/commonResource/image/2026083110325663284.jpg') center/cover no-repeat;}
  .business .container {width: 1200px;max-width: 90%; margin: 0 auto;}
 /* .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .card{position:relative;padding:30px 24px;min-height:230px;color:#333;background:#fff;border:1px solid #eee;transition:.4s;cursor:pointer;overflow:hidden;}
  .card::before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#b71d23;transition:.4s;z-index:0;}
  .card:hover{box-shadow:0 16px 40px rgba(0,0,0,.12);transform:translateY(-8px);border-color:#b71d23;}
  .card:first-child{box-shadow:0 16px 40px rgba(0,0,0,.12);border-color:#b71d23;border-top:5px solid #b71d23;}
  .card:hover::before{height:5px;}
  .card > *{position:relative;z-index:1;}
  .card .icon{font-size:28px;margin-bottom:16px;opacity:.95;transition:.4s;}
  .card .icon>img{width:.5rem;}
  transition: transform 0.3s ease;}
  .card h3{margin-bottom:10px;transition:.3s;color:#fff;}
  .card:hover h3{color:#b71d23;}
  .card h3 a{font-size:.35rem;}
  .card p{font-size:.25rem;line-height:1.7;opacity:.9;transition:.3s;padding-top: .15rem;padding-bottom:.35rem;}
  .card:hover p{opacity:1;}
  .card .arrow{position: absolute; left: .6rem; bottom: .3rem; font-size: .35rem;transition: .3s;opacity: 1;color: #b71d23;transform: translateX(-10px);}
.card:first-child .arrow{color:#fff;}

  .card:hover .arrow{opacity:1;transform:translateX(0);}
  .card.red{background:#c0000f;color:#fff;border-color:#c0000f;}
  .card .red:hover h3{color:#fff;
 .card:first-child h3>a, .card:first-child p{color: #fff;}*/

.qy-title,.cp-title,.xw-title{padding-bottom:.45rem;}
.qy-title .en,.cp-title .en,.xw-title .en{font-size:.5rem;}
.qy-title .cn,.cp-title .cn,.xw-title .cn{font-size:.45rem;}
.qy-title .line,.cp-title .line,.xw-title .line{width: 1.5rem; height:.1rem;display:block;background: #b71d23; margin-bottom: 22px; transition: .6s;}
.qy-title:hover .line,.cp-title:hover .line,.xw-title:hover .line{width:2.5rem;}

/*企业服务 新样式*/
.swiper-button-next, .swiper-button-prev{width:40px!important;height:40px!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:none!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:none!important;}
.container {width: 100%;overflow: hidden;}
.swiper-wrap {position: relative; padding: 0 50px; width: 100%;box-sizing: border-box;overflow: hidden;}
.swiper {width: 100%;padding: 10px 0 40px;overflow: hidden;box-sizing: border-box;}
.swiper-wrapper { box-sizing: border-box;}
.swiper-slide {height: auto;box-sizing: border-box;}
.swiper-slide a {text-decoration: none;color: inherit;display: block;width: 100%;}
.biz-card {background: #fff;border: 1px solid #b71d23;padding: 24px 20px;height: 210px;box-sizing: border-box;
  position: relative;transition: all 0.3s;cursor: pointer;}
.swiper-slide:first-child a .biz-card{box-shadow:0 16px 40px rgba(0,0,0,.12);border-color:#b71d23;border-top:5px solid #b71d23;}
.swiper-slide a .biz-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.12);transform:translateY(-8px);border-top:5px solid #b71d23;}

/* 1. 彻底干掉按钮默认伪元素（左侧竖线根因） */
.swiper-button-prev::after, 
.swiper-button-next::after,
.swiper-button-prev::before, 
.swiper-button-next::before { content: "" !important; display: none !important; width: 0 !important; height: 0 !important;}
.biz-card .icon {margin-bottom: 12px;color: #333;}
.biz-card .icon img { width: 28px; height: 28px;}
.biz-card .title {font-size: 18px;font-weight: bold; color: #333;margin-bottom: 10px;}
.biz-card .desc {font-size: 14px;color: #666;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.biz-card .arrow {position: absolute;bottom: 20px; left: 20px;color: #b71d23; font-size: 18px;font-weight: bold;}

/* ===== 左右按钮（防止超出边界） ===== */
.swiper-button-prev,.swiper-button-next {width: 40px;height: 40px;background: #fff !important;border: 1px solid #e0e0e0 !important; border-radius: 50%;
  color: #b71d23 !important; top: 45%;transform: translateY(-50%);box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: all 0.2s;display: flex; align-items: center; justify-content: center;font-size: 0 !important; /* 彻底消除默认字体竖线 */
  line-height: 1 !important; z-index: 10; box-sizing: border-box;}
/* 悬停状态 */
.swiper-button-prev:hover, 
.swiper-button-next:hover {background: #b71d23 !important; color: #fff !important; border-color: #b71d23 !important;}
.swiper-button-prev::after,.swiper-button-next::after {content: "" !important;display: none !important;}
.swiper-button-prev svg,.swiper-button-next svg {width: 18px;height: 18px;}
.swiper-button-prev { left: 0; }
.swiper-button-next { right: 0; }
.swiper-button-prev:hover,.swiper-button-next:hover {background: #b71d23; color: #fff;border-color: #b71d23;}

.swiper-pagination::before,.swiper-pagination::after {content: "" !important;display: none !important;}
.swiper-pagination-bullet {width: 8px; height: 8px;background: #ccc;opacity: 1;transition: all .3s;display: inline-block;}
.swiper-pagination-bullet-active {background: #b71d23;width: 20px;border-radius: 4px;}









  /* 产品案例 */
.cp-title .en,.cp-title .cn{color:#fff;}
.cpbox_right{position: relative;margin: 1.5rem; margin-left: 55%;}

/*.cases{position:relative;padding:90px 0;color:#fff;  background:url('/uiFramework/commonResource/image/2026090116591730535.png') center/cover no-repeat;}*/
.cases{position:relative;padding:90px 0;color:#fff;  background:url('/uiFramework/commonResource/image/2026102316361190292.jpg') center/cover no-repeat;}
.hero-line{width: 1.5rem; height:.1rem;display:block;background: #c0000f; margin-bottom: 22px; transition: .6s;}
.sec-title:hover .hero-line {width:2.5rem;}
.cases .container{ position: relative; z-index: 2; width: 1200px; max-width: 90%; margin: 0 auto;}
  .sec-title .en,.sec-title .cn{color:#fff;}
  .cases-desc{max-width:760px;font-size:14px;line-height:1.9;margin-bottom:30px;color:#fff;}
  .btn{display:inline-block;padding:9px 22px;border:1px solid rgba(255,255,255,.7);color:#fff;font-size:13px;cursor:pointer;background:transparent;transition:.3s;position:relative;overflow:hidden;}
  .btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#c0000f;transition:.4s;z-index:0;}
  .btn:hover{border-color:#c0000f;}
  .btn:hover::before{left:0;}
  .btn span{position:relative;z-index:1;color:#fff;}
  .case-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
  .case-item{background:rgba(255,255,255,.86);color:#333;padding:18px;font-size:13px;line-height:1.7;backdrop-filter:blur(4px);transition:.4s;cursor:pointer;}

  .case-item:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.2);background:#fff;}
  .case-item b{display:block;margin-bottom:6px;color:#c0000f;font-size:14px;transition:.3s;}
  .case-item:hover b{letter-spacing:1px;}


  /* 新闻中心 */

  .news{padding:80px 0;  background:url('/uiFramework/commonResource/image/2026083110364285406.jpg ') center/cover no-repeat;}
.Righttitle{margin-top:-.7rem;}
.Righttitle ul { display: flex; gap: 10px; margin-bottom: 24px;width:100%;}
.Righttitle ul li{width:20%;float:left;}
.Righttitle ul li.col a{ background: #b71d23;color: #fff;}
.Righttitle ul li a { padding: 6px 16px; border-radius: 20px; font-size: 16px; cursor: pointer; border: 1px solid transparent; transition: .3s;color: #000;}
.swiper-slide{    position: relative;}
.swiper-slide .pic a {display: block;}
.swiper-slide .pic a img { width: 100%;height: 330px;object-fit: cover; border-radius: 10px;}
.news_list {margin-left: 25px;  }
.news_list li { height: 100px;padding: 10px 15px; background: #f5f5f5; margin-bottom: 15px;}
.news_list li a { display: block; transform: translateX(0); transition: all .4s; }
.news_list li:last-child { margin-bottom: 0; }
.news_list li a { display: block; overflow: hidden; }
.news_list li .date { width: 0.85rem; text-align: center; font-size: 0.15rem; float: left; margin-right: 0.35rem;color:#999; }
.news_list li .date em { display: block; font-size: 0.5rem; font-weight: bold; color: #7c7c7c; line-height: 1.5em; font-style: italic; font-family: "微软雅黑"; }
.news_list li .tit { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 2; }
.news_list li .smy { font-size:14px; line-height: 1.8em; height: 3.6em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666; }
.news_list li:hover a { transform: translateX(0.1rem); }
.news_list li:hover .date, .news_list li:hover .date em, .news_list li:hover .tit { color: #b71d23; }


.newstitle{position: absolute;clear:both;overflow:hidden;left: 0;right: 0; bottom: 0;padding: 12px 14px; color: #fff;border-radius: 10px;
  font-size: 13px; background: linear-gradient(transparent, rgba(0, 0, 0, .75));transition: .3s;display: block;}
.newstitle a{color:#fff;float:left;}
.newstitle span{color:#fff;float:right;}
.Container_on .box .title a{font-size:20px;color:#444;display:block;max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:900;}
.Container_on .box .lmtxt{font-size:14px;color:#9d9d9d;}
.Container_on .swiper-slide{position:relative;}
.Container_on .swiper-slide::after{content:"";display:block;width:1px;height:60px;background:#00765a;position:absolute;bottom:-40px;left:30px;}
.Container_on .swiper-pagination{bottom:135px!important;text-align:right;width:auto!important;right:20px;}

.news .container{ position: relative; z-index: 2; width: 1200px; max-width: 90%; margin: 0 auto;}
.news_Left{width:45%;} 
.news_Right{width:55%;}

.news .news_BOTTOM_box .news_Right .news_Right_01:first-child {display: block;}
.news .news_BOTTOM_box .news_Right .news_Right_01 { display: none; width: 100%;}


  .news-tabs{display:flex;gap:10px;justify-content:flex-end;margin-bottom:24px;}
  .news-tabs span{padding:6px 16px;border-radius:20px;font-size:13px;cursor:pointer;border:1px solid transparent;transition:.3s;}
  .news-tabs span.active{background:#c0000f;color:#fff;}
  .news-tabs span:not(.active):hover{background:#e0e0e0;}
  .news-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start;}
  .news-img{position:relative;overflow:hidden;border-radius:2px;cursor:pointer;}
  .news-img img{width:100%;height:300px;object-fit:cover;transition:.5s;}
  .news-img:hover img{transform:scale(1.08);}
  .img-cap{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;color:#fff;font-size:13px;background:linear-gradient(transparent,rgba(0,0,0,.75));transition:.3s;}
  .news-img:hover .img-cap{padding-bottom:18px;}
  .news-list{display:flex;flex-direction:column;gap:18px;}
  .news-item{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:flex-start;border-bottom:1px solid #e3e3e3;padding-bottom:14px;cursor:pointer;transition:.3s;padding:8px;border-radius:4px;}
  .news-item:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.06);transform:translateX(6px);}
  .news-item .date{color:#c0000f;font-weight:700;font-size:24px;line-height:1;transition:.3s;}
  .news-item:hover .date{transform:scale(1.1);}
  .news-item .date small{display:block;font-size:12px;color:#888;font-weight:400;margin-top:4px;}
  .news-item .title{font-size:14px;color:#222;line-height:1.6;transition:.3s;}
  .news-item:hover .title{color:#c0000f;}


  /* 公司介绍 */
  /*.company{position:relative;padding:90px 0;color:#fff;background:url('/uiFramework/commonResource/image/2026092815043870703.jpg ') center/cover no-repeat;}*/
.company{position:relative;padding:90px 0;color:#fff;background:url('/uiFramework/commonResource/image/2026102216454355235.jpg') center/cover no-repeat;}

  .company .container {width: 1200px;max-width: 90%; margin: 0 auto;}
  .company::before{content:"";position:absolute;inset:0;}
  .company .container{position:relative;z-index:2;}
  .company p{font-size:13px;line-height:1.9;opacity:.85;margin-bottom:34px;color:#fff;}
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background-color: rgba(255, 255, 255, 0.85);color:#333;width:100%;}
  .stat{padding:28px;text-align:center;/*border-right:1px solid #eee;*/transition:.3s;cursor:default;}
  .stat:hover{background:#b71d23;box-shadow:0 8px 20px rgba(0,0,0,.08);cursor: pointer;}
.stat_on{background: #b71d23;}
.stat_on .label,.stat_on .val,.stat_on .val small{color:#fff!important;}
  .stat:last-child{border-right:none;}
  .stat .label{font-size:13px;color:#666;margin-bottom:8px;transition:.3s;}
  .stat:hover .label,  .stat:hover .val small{color:#fff;}
  .stat .val{font-size:34px;font-weight:800;color:#b71d23;font-style:italic;transition:.3s;}
  .stat:hover .val{transform:scale(1.1);color:#fff;}
  /*.stat:nth-child(2) .val{font-style:normal;letter-spacing:2px;}*/
  .stat .val small{font-size:14px;margin-left:2px;font-family:"Microsoft Yahei";font-weight: normal; }

  /* 公司介绍 下部分 */

  .cta{ background:url('/uiFramework/commonResource/image/2026083110372286092.png ') center/cover no-repeat;color:#fff;padding:34px 0;overflow:hidden;}

  .cta .container {width:60%; margin: 0 auto;}
  .cta-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
  .cta-left h3{font-size:.35rem;font-weight:600;color:#fff;}
.cta-left p{color:#fff;font-size:.35rem;}

  .cta-left p{font-size:14px;opacity:.9;margin-top:4px;}

  .cta-right .phone{font-size:.35rem;font-weight:700;letter-spacing:1px;color:#fff;}
  .cta-right p{padding-top:15px;}
  .cta-right p a{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.6);color:#fff;padding:8px 18px;font-size:13px;cursor:pointer;transition:.3s;width: 2rem;text-align: center;display:block;border-radius: 15px;}
  .cta-right p a:hover{background:#fff;color:#c0000f;border-color:#fff;}
  .chat-icon{font-size:46px;opacity:.95;cursor:pointer;transition:.3s;}
  .chat-icon:hover{transform:scale(1.2) rotate(10deg);}

  @media (max-width:960px){
 .swiper-wrap {padding: 0 40px;}
.cpbox_right{width:100%;}

    nav, .header-right .search-box{display:none;}
    .hero{height:520px;}
    .hero-text h1{font-size:30px;}
    .hero-3d{font-size:90px;right:4%;top:12%;}
    .cards,.case-list,.stats{grid-template-columns:repeat(2,1fr);}
    .news-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;}
    .foot-links{grid-template-columns:repeat(3,1fr);}
    .side-icons{display:none;}
  }

@media screen and (max-width:768px) {
.ban-cta{display:none;}
.cta-right p a{width:3rem;}
.header-box{ background: #fff;}
 .swiper-wrap {padding: 0 40px;}
.business{padding:55px 0;}
.news_list li .tit{font-size:14px;}
.news_list li .smy{font-size:12px;}
.stat .val{font-size:22px;}
.Righttitle ul li a{font-size:16px;padding: 0px;border-radius: 5px;}
.cta-right p{width:3rem;}
.cpbox_right{width:100%;margin: 0 auto;}
.banner_title{font-size: .35rem;line-height: .5rem;    padding-top: 6%;}
.banner_title .hero-line{    margin-bottom: 5px;}
.news_Left{display:none;}
.news_Right{width:100%;}
.news_list{margin-left:0px;}
.card{min-height:150px;}
    .cards,.case-list,.stats,.foot-links{grid-template-columns:1fr;}
    .stat{border-right:none;border-bottom:1px solid #eee;}
    .cta-inner{flex-direction:column;align-items:flex-start;}

.Righttitle {  width: 100%;margin: 0 auto; padding: 0 10px;box-sizing: border-box;background: #F5F6F8;}
.Righttitle ul{width: 100%;display: flex;flex-wrap: unset; align-items: center; margin: 0;gap: 10px;padding: 10px; list-style: none;overflow-x: auto;overflow-y: hidden;
        white-space: nowrap; scroll-behavior: smooth;border-bottom: 2px solid #E8ECF2;}
.Righttitle ul li{ width: 100%; height: auto; line-height: normal;padding: 10px;background: #fff; border-radius: 4px; text-align: center; color: #333;}
.Righttitle ul li.col{background: #b71d23;color:#fff;}

}