/* header开始 */
header{position:fixed;top:0;z-index:99;width:100%;--headerHeight:0.54rem;height:var(--headerHeight);transition:top .8s;}
.header,.header>div,.header>div>div{height:100%;}
header.header-hide{top:calc(var(--headerHeight) * -1 - 4px);}
header .lf{padding-left:var(--snPaddingNum);border-bottom:1px solid rgba(255,255,255,.05);transition:all .5s !important;background:rgba(0,0,0,.03);}
header.fix{box-shadow:0 8px 13px -12px rgba(21,20,20,.2);}
header.fix .lf{border-bottom:1px solid rgba(255,255,255,1);background:rgba(255,255,255,1);}
header .logo img{filter:var(--imgWhite);width:1.4rem;display:block;max-height:var(--headerHeight);object-fit:contain;}
header.fix .logo img,header.fix .menu li img{filter:none;}
header *{font-size:var(--f18);}
header .nav>ul>li>a{color:#fff;}
header .nav>ul>li>a .snfont{line-height:1;font-size:var(--f16);vertical-align:middle;display:inline-block;transition:transform .5s;}
header.fix .nav>ul>li>a{color:#000000;}
header .nav-list>li{margin:0 0.05rem;}
header .nav-list>li>a{padding:0rem 0.12rem;height:var(--headerHeight);line-height:var(--headerHeight);display:block;position:relative;}
header .nav-list>li:hover>a::before,header .nav-list>li.active>a::before{transform:translateX(-50%) scaleX(1);}
header .nav-list>li:hover>a .snfont{transform:rotate(180deg);}
header .nav-list>li>a::before{content:'';display:block;background:var(--themeColor);height:4px;width:56%;position:absolute; left:50%;bottom:-0.5px;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:all 0.5s;border-radius:3px;}
header.fix .menu li a:hover i{scale:1.1;color:var(--themeColor)}
header .menu{margin-left:0.08rem;}
header .menu li{margin-right:0.12rem;line-height:0;}
header .menu li img{filter:var(--imgWhite);height:0.99em;}
header .menu li i{transition:none !important; }
header .phone{padding-left:calc(var(--snPaddingNum) - 1vw);padding-right:var(--snPaddingNum);background:var(--themeColor);}
header .phone i{height:0.1rem;filter:brightness(0) invert(1);margin-right:0.04rem;margin-top:-0.01rem;width:auto; font-size:var(--f18);}
header .phone a{margin-top:0.03rem;}
/* 二级菜单 */
header .submenu{background:#fff;padding:0.3rem 0.4rem;height:auto;max-height:70vh;overflow-y:auto;position:absolute;width:100%;left:0;top:var(--headerHeight);display:none;box-shadow:0 5px 13px -8px rgba(21,20,20,.2) inset,0 8px 13px -12px rgba(21,20,20,.2);transition:none !important;}
header .submenu *{color:#606367;font-family:'Microsoft YaHei',"微软雅黑";}
header .submenu h5{color:#000;}
header .submenu .down-lf{padding-right:0.5rem;width:2.4rem;position:relative;}
header .submenu .down-lf .line{position:absolute;height:100%;width:1px;background-color:#ecedf0;right:0.25rem;top:0;}
header .submenu .down-lf .icon-img{position:absolute;width:0.5rem;right:0;height:100%;top:0;}
header .submenu .down-lf h5{color:#1f1f1f;margin-bottom:0.08rem;}
header .submenu .down-lf p{margin-bottom:0.5rem;}
header .submenu .down-lf a i{padding-left:0.03rem; font-size:var(--f16);}
header .submenu .down-mid{gap:15%;flex:1;padding:0 0.7rem;}
header .submenu .down-mid .item{max-width:40%;width:40%;}
header .submenu .down-mid .item h5{margin-bottom:0.14rem;color:#606367;display:flex;align-items:center;}
header .submenu .down-mid .item h5 span{color:#606367;}
header .submenu .down-mid .item li{margin-bottom:0.1rem;}
header .submenu .down-mid .item li a{display:flex;align-items:center;font-size:var(--f17);}
header .submenu .down-mid .item li a i,header .submenu .down-mid .item h5 i{color:#fff;background:var(--themeColor); font-size:0.7em;padding:0.02rem 0.02rem;line-height:1;border-radius:0.02rem;margin-left:0.04rem;transform:translateY(0.005rem);}
header .submenu .down-mid .item li a::before{content:'';height:0.016rem;width:0;background:var(--themeColor);transition:.5s;margin-right:0.02rem;}
header .submenu .down-mid .item li a:hover::before{width:0.12rem;}
header .submenu .down-mid .item li a:hover span{color:var(--themeColor);}

header .submenu .down-rt{width:2.5rem;}
header .submenu .down-rt img{max-height:300px;object-fit:contain;width:100%;}
/* 下拉菜单弹窗开始 */
.menu-pop{position:fixed;z-index:99999;top:0;right:0;overflow:hidden;width:100%;height:100%;clip-path:ellipse(0 0 at 100% 0);transition:all .5s;background:url('../img/bg/menu-pop.jpg') no-repeat center center / cover;}
.menu-pop.active{clip-path:ellipse(141% 141% at 100% 0);transition:all .5s;}
.menu-pop .menu-logo{position:absolute;left:0.2rem;top:0.2rem;width:1.8rem;}
.menu-pop .menu-close{position:absolute;top:4%;right:4%;background:rgba(255,255,255,0.1);border-radius:100%;text-align:center;width:0.3rem;aspect-ratio:1/1;cursor:pointer;}
.menu-pop .menu-close:hover{background:rgba(255,255,255,1);}
.menu-pop .menu-close-ro{transition:transform .5s;}
.menu-pop .menu-close-ro:hover{transform:rotate(90deg);}
.menu-pop .menu-close-ro a i{font-size:0.1rem}
.menu-pop .menu-close:hover a{color:#000;}
.menu-pop .menu-close a{line-height:0.3rem;font-size:var(--f18);text-align:center;width:100%;color:#fff;}
.menu-pop .menu-footer{position:absolute;bottom:8%;}
.menu-pop .menu-footer div{font-size:var(--f45);color:#fff;}
.menu-pop .menu-footer div i{font-size:var(--f25);}
.menu-pop .menu-cont{text-align:center;color:#fff;}
.menu-pop .menu-cont h1{font-size:var(--f95);margin-bottom:0.2rem;}
.menu-pop .menu-cont h4{font-size:var(--f22);font-weight:normal;margin-bottom:0.6rem;}
.menu-pop .menu-cont .ewm img{width:.7rem;margin-bottom:0.1rem; border-radius:0.05rem;}
.menu-pop .menu-cont .ewm p{font-size:var(--f14);}
/* 首页banner开始 */
.index-banner{height:100vh;width:100%;position:relative;}
.index-banner .banner{width:100%;height:100%;}
.index-banner .banner img,.index-banner .banner video{width:100%;height:100%;display:block;object-fit:cover;position:relative;}
.index-banner .banner .mb-bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.3);top:0;left:0;}
.index-banner .sn-cont{padding-top:30vh;height:100%;}
.index-banner .sn-cont h1{margin-bottom:0.14rem;color:#fff;}
.index-banner .sn-cont h3{margin-bottom:0.1rem;color:#fff;}
.index-banner .sn-cont p{color:#fff}
.index-banner .swiper-pagination{text-align:left;padding-left:calc(var(--snPaddingNum) + var(--snContPaddingNum));margin-bottom:6vh}
.draw-h{display:block;border-radius:50%;text-align:center;position:relative}
.draw-h:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid rgba(100%,100%,100%,.5);border-radius:50%}
.index-banner .dots{width:26px !important;height:26px !important;display:inline-block;background:transparent;opacity:1;margin-right:13px;cursor:pointer;}
.index-banner .dots::before{content:'';display:block;border:0;background:#fff;transform:scale(.4);}
.index-banner .dots.on::before{background:var(--themeColor);}
.index-banner .dots.on svg.drawcircle circle{animation:svgrotate 8.2s forwards;}
.index-banner .mouse{position:absolute;right:calc(var(--snPaddingNum) + var(--snContPaddingNum));bottom:5vh;z-index:9;color: #fff;}
.mouse i {margin-bottom: 0.08rem;	animation: mouse 1s linear infinite;}
@keyframes mouse {
    0% {transform: translateY(0)}
    50% {transform: translateY(0.04rem);}
    100% {transform: translateY(0.06rem);opacity: 0;}
}

/* 计数器开始 */
.counters{width:100%;overflow:hidden;position:relative;z-index:9;box-shadow:0 5px 12px 4px rgba(130,130,130,.1);padding:0.12rem 0;}
.counters ul{display:grid;align-items:center;grid-template-columns:repeat(4,1fr);height:100%;}
.counters ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;}
.counters ul li::before{content:'';position:absolute;right:0;width:1px;height:60%;background:#eeeeee;top:50%;transform:translate(0,-50%);}
.counters ul li>div{display:flex;align-items:flex-end;}
.counters ul li:last-child::before{display:none;}
.counters ul li span{font-size:var(--f60);color:#343333;font-family:'number-font';margin-right:0.06rem;}
.counters ul li div em{color:#343333;font-size:var(--f26);line-height:2.0;}
.counters ul li p{color:#828282;font-size:var(--f19);line-height:1.5;letter-spacing:.02rem;}
/* 模块标题 */
.item_title{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.item_title div{display:flex;align-items:center;justify-content:center;gap:0.08rem;}
.item_title div i{display:block;width:0.05rem;height:0.05rem;background:#bdbdbd;border-radius:50%;}
.item_title h5{font-size:var(--f39);line-height:1.5;text-transform:uppercase;}
.item_title .cn{color:var(--themeColorBlack);}
.item_title .en{color:var(--themeColor);font-family:'en-font' !important;}
.item_title p{color:#b9b9b9;font-size:var(--f18);line-height:1.5;margin-top:.05rem;}
/* 模块标题结束 */
/* tab导航区 */
.tab_nav{display:flex;align-items:center;gap:0.4625rem;justify-content:center;margin:0.25rem 0 0.15rem;}
.tab_nav a{color:#7d7d7d;font-size:var(--f19);line-height:1.5;position:relative;}
.tab_nav a::before{content:'';position:absolute;width:0;height:0.03rem;background:var(--themeColor);border-radius:3px;left:50%;transform:translate(-50%,0);bottom:-.075rem;}
.tab_nav li.on a,.tab_nav li a:hover{color:var(--themeColor);}
.tab_nav a:hover::before,.tab_nav li.on a::before{width:110%;}
/* tab导航区结束 */
/* tab标签页 */
.slide-for{position:relative;}
.slide-for .li{position:relative;transition:.5s;opacity:1;visibility:visible;}
.slide-for .li.hide{opacity:0;visibility:hidden;z-index:-1;}
.slide-for .li+.li{position:absolute;left:0;top:0;width:100%;}
/* tab标签页结束 */
/*搜宁服务开始*/
.service{background:url(../img/bg/service2.jpg) center bottom no-repeat;background-size:100% auto;}
.service-ul{transition:all .3s;padding:.3rem 0rem 0.6rem 0rem;box-sizing:content-box; display:flex; flex-direction:row;justify-content:center}
.service-ul li{transition:all .3s; padding:0 0.1rem;width:100%}
.service-ul li:hover{transform:translateY(-0.02rem);}
.service-ul>li a{position:relative;display:block;background:url(../img/bg/s-bg.jpg)no-repeat;background-size:cover;border-radius:0.1125rem;z-index:0;transition:all .5s; box-shadow:0 5px 12px 4px rgba(152,152,152,.16);overflow:hidden;}
.service-ul>li a::before{content:'';position:absolute;width:100%;height:100%;border-radius:0.1125rem;opacity:0;z-index:-1;transition:all .5s;left:0;top:0;}
.service-ul>li a .shead{display:flex;align-items:center;gap:0.1rem;border-bottom:1px solid #f1f1f1;margin-bottom:0.2rem; background:var(--themeColor);width:100%;transition:all .5s;color:#ffffff;font-size:var(--f24);line-height:3;padding-left:.2rem;font-weight:300;}
.service-ul>li a .shead i{color:#ffffff;font-weight:normal}
.service-ul>li a:hover .shead{background:var(--btnBgColor);}
.service-ul>li a .sbody{padding:0 0.15rem 0.2rem 0.15rem;}
.service-ul>li a h6{color:#404040;font-size:var(--f19);line-height:1.5;}
.service-ul>li a ul{display:grid;gap:.0875rem 0;margin:0.125rem 0 0.25rem 0;}
.service-ul>li a ul li{position:relative;color:#636364;font-size:var(--f14);line-height:1.5;padding:0 0}
.service-ul>li a ul li i{font-size:var(--f14);margin-right:0.02rem; }
.service-ul>li a .sbutton{position:relative; }
.service-ul>li a .sbutton div{width:100%;height:0.35rem;display:flex;align-items:center;justify-content:center;opacity:1;color:var(--themeColor2);font-size:var(--f18);background:none;line-height:1.5;background-size:cover;border-radius:.0625rem;transition:all .5s;margin:0;position:relative;z-index:2;border:1px solid var(--themeColor2)}
.service-ul>li a:hover .sbutton div{opacity:1; background:var(--themeColor);color:#ffffff;border:none;}
.service-ul>li a:hover::before{opacity:1;}
.service-ul>li a:hover{box-shadow:0px 5px 12px 4px rgba(152,152,152,0.36);}

/*搜宁服务结束*/

/* 案例列表新版 */
.showcase-area .showcase-slide-for {	margin-top: 0.25rem;}
.showcase{display:grid;grid-template-columns:repeat(6,1fr);gap:.16rem;}
.showcase.swiper-wrapper{display:flex;gap:0;}
.showcase li.list:nth-child(1),.showcase li.list:nth-child(2),.showcase li.list:nth-child(5n+1),.showcase li.list:nth-child(5n+2){grid-column:span 3;}
.showcase li{height:2.2rem;border-radius:.05rem;overflow:hidden;grid-column:span 2;}
.showcase li a{position:relative;display:block;width:100%;height:100%;padding:.2rem .2rem;}
.showcase li a .img-db{left:0;top:0;}
.showcase li a:hover .img-db{filter:blur(.1rem);transition:all 1s;}
.showcase li a .cont{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .5s;}
.showcase li a .case-logo img{object-fit:contain;height:.35rem;display:block;filter:var(--imgWhite);width:auto;max-width:100%;transition:all .5s;}
.showcase li a:hover .case-logo img{height:.30rem;}
.showcase li a .case-info{color:#fff;font-size:var(--f18);opacity:0;transition:all .5s;}
.showcase li a .case-info h5{font-size:var(--f26);line-height:1.8;}
.showcase li a .hover-bg{position:absolute; width:100%; height:50%;left:0;bottom:0;transition:all .5s; opacity:0;}
.showcase li a:hover .hover-bg{opacity:.4;}
.showcase li a:hover .cont{transform:translateX(.1rem);}
.showcase li a:hover .case-info{opacity:1;}
/* 案例列表模块结束 */

/* 主页解决方案 */
.s-solu{background:url(../img/s-solubg.jpg)no-repeat;background-size:cover;margin-top:0.25rem;}
.s-solu .s-solubox{padding:0 0.18rem;margin:0 -0.18rem;}
.s-solu .s-solubox .solu_area{padding:0.6rem 0.2rem 0.6rem;}
.solu_area li a{display:grid;grid-template-columns:.40fr .6fr;transition:all .5s;width:100%;aspect-ratio:747/440;overflow:hidden;border-radius:0.07rem;}
.solu_area li{border-radius:0.0625rem;}
.s-solu .s-solubox .solu_area .swiper-slide{width:49%;margin-right:3%;}
.solu_area li a:hover{box-shadow:0px 0px 32px 0px rgba(71,71,71,.26);}
.solu_area li a:hover .img-db img{transform:scale(1.1);}
.s-title{padding:0.3375rem 0.1875rem 0;height:100%;background:#fff;}
.s-title h5{font-size:var(--f26);line-height:1.5em;color:#343333;height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:98%;}
.s-title>p{color:#5f6368;font-size:var(--f16);line-height:2em;margin-top:0.1rem;height:4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.s-label{padding-top:0.225rem;border-top:1px solid #ebecf0;display:flex;align-items:center;justify-content:space-between;margin-top:0.4225rem;}
.s-label .label_left span{font-size:var(--f14);line-height:1.5;color:#9ea1ab;}
.s-label .label_left p{font-size:var(--f16);line-height:1.5;color:#000229;margin-bottom:0.03rem;}
.s-label .label_right{display:flex;align-items:center;gap:var(--f16);font-size:var(--f16);color:#000000;}
.s-label .label_right i{font-size:1.5em;}
.s-solu .s-solubox .swiper-button-white{width:0.30375rem;height:0.30375rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);transition:all .5s;margin:0;transform:translateY(-50%);}
.s-solu .s-solubox .next_solu{right:0;}
.s-solu .s-solubox .prev_solu{left:0;}
.s-solu .s-solubox .swiper-button-white:hover{background:#c70a14;}
.s-solu .s-solubox .swiper-button-white:hover i{color:#fff;}
.s-solu .s-solubox .swiper-button-white i{color:#747474;font-size:var(--f18);}
.s-solu .s-solubox .solu-scrollbar{background:rgba(1,16,61,0.16);height:2px;width:30%;position:relative;left:0;right:0;text-align:center;margin:auto;display:none;bottom:-0.15rem;}
/*分页解决方案 页面*/
.solu-page{	background: #f7f8f9;}
.solu-page-box ul{	display: grid;	grid-template-columns: 1fr 1fr;	gap: 0.3rem 0.26rem;}
.solu-page-box .sn-cont{padding:0rem 0.2rem 0.1rem;}
.solu-page-box li a{display:grid;grid-template-columns:.40fr .6fr;transition:all .5s;width:100%;aspect-ratio:747/440;overflow:hidden;border-radius:0.07rem;}
.solu-page-box li{border-radius:0.0625rem;}
.solu-page-box li a:hover{box-shadow:0px 0px 32px 0px rgba(71,71,71,.26);}
.solu-page-box li a:hover .img-db img{transform:scale(1.1);}
/* 走马灯效果 */
.brand-list{margin-top:0.28rem;position:relative;}
.brand-list::before{content:'';position:absolute;left:0;top:0;bottom:0;width:20%;background:linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0.00) 100%);z-index:9;}
.brand-list::after{content:'';position:absolute;right:0;top:0;bottom:0;width:20%;background:linear-gradient(270deg,#FFF 0%,rgba(255,255,255,0.00) 100%);z-index:1;}
.marquee .swiper-wrapper,.marquee-revert .swiper-wrapper{transition-timing-function:linear !important;}
.marquee img,.marquee-revert img{width:100%;height:100%;object-fit:cover;}
/* 走马灯效果结束 */

/* about开始 */
.s-about{overflow:hidden;height:3rem;}
.s-about .bg{background:url(../img/bg/bg2.jpg)center no-repeat;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;top:0;left:0;z-index:-1;animation:bg-scale 10s infinite;}
@keyframes bg-scale{0%{transform:scale(1);}
50%{transform:scale(1.15);}
100%{transform:scale(1);}
}
.s-about .sn-cont{display:flex;align-items:center;justify-content:space-between;padding:0.1rem calc(var(--snContPaddingNum) + 0.2rem) 0;}
.s-about .sn-cont>img{height:100%;object-fit:contain;width:auto;}
.s-about .sn-cont>div{width:52%;}
.s-about .sn-cont>div h5{color:#fff;font-size:var(--f39);line-height:1.5;margin-bottom:.075rem;}
.s-about .sn-cont>div h6{color:#fff;font-size:var(--f20);line-height:1.5;}
.s-about .sn-cont>div i{display:block;width:0.35rem;height:0.02rem;background:#fff;margin:0.1rem 0 0.3125rem;}
.s-about .sn-cont>div p{font-size:var(--f18);line-height:2em;color:#fff;margin-bottom:0.2812rem;}
.s-about .sn-cont>div div{display:flex;align-items:center;gap:0.2875rem;}
.s-about .sn-cont>div div a{border:2px solid #fff;border-radius:0.1875rem;transition:all .5s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--f20);line-height:1.5;width:1.65rem;height:0.35rem;}
.s-about .sn-cont>div div a:last-child{color:#0c0c0c;background:#fff;}
.s-about .sn-cont>div div a:hover{ font-size:var(--f22);}
#sn3dlogo{width:50%;height:100%;}
/* about结束 */

/* 我们的动态NEWS新闻模块开始 */
.s_news{background:url(../img/news-bg.png) center bottom no-repeat;background-size:100% auto;}
.s_news .swiper{padding:.16rem 0.17rem 1.1rem;margin:0 -0.17rem;box-sizing:content-box;}
.s_news .swiper .img-db{aspect-ratio:500/281;}
.s_news .swiper .news_box{padding:0.15rem 0.2rem 0.175rem;background:#fffdfd;}
.s_news .swiper .news_box p{color:#5d5d5d;font-size:var(--f14);line-height:1.5;margin-bottom:0.1rem;}
.s_news .swiper .news_box h5{font-size:var(--f22);line-height:1.6em;height:.36rem;}
.s_news .swiper .news_box .news_subinfo{display:flex;align-items:center;justify-content:space-between;padding-top:0.1125rem;border-top:1px solid #f2f2f2;margin-top:0.225rem;}
.s_news .swiper .news_box .news_subinfo span{color:#5d5d5d;font-size:var(--f14);line-height:1.5;}
.s_news .swiper .news_box .news_subinfo div{display:flex;align-items:center;color:#5d5d5d;font-size:var(--f16);gap:0.06rem;transition:all .5s;padding-top:0.06rem;}
.s_news .swiper .news_box .news_subinfo div i{color:#5d5d5d;font-size:var(--f16);}
.s_news .swiper a{display:block;overflow:hidden;position:relative;transition:all .5s;border-radius:.05rem;}
.s_news .swiper .swiper-slide{box-shadow:0px 0px 22px rgba(186,199,212,.26);border-radius:.05rem;width:22.89%;margin-right:3%;transition:all .3s;}
.s_news .swiper .swiper-slide:hover,.s_news .swiper li:hover{box-shadow:0px 0px 22px rgba(9,9,9,.2);transform:translateY(0.02rem);}
.s_news .swiper li:hover a,.s_news .swiper .swiper-slide:hover a{color:unset;}
.s_news .swiper li{transition:all .3s;}
.s_news .swiper .swiper-slide:hover .img-db img{transform:scale(1.13);}
.s_news .swiper a .news_label{display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--f16);line-height:1.5;border-radius:0.02rem;left:0;top:0;position:absolute;height:0.21875rem;width:0.5875rem;transform:translateX(-0.04rem);z-index:1;}
.s_news .swiper a .news_label::after{background:#c80a14;width:100%;height:100%;display:block;content:'';transform:translateX(-0.08rem) skewX(-18deg);border-radius:0.03rem;position:absolute;left:0;z-index:-1;}
.s_news .swiper a:hover .news_subinfo div,.s_news .swiper a:hover .news_subinfo div i{color:var(--themeColor);}
.s_news .li .news_dot{position:absolute;bottom:0.3rem;left:50%;transform:translate(-50%,0);display:flex;align-items:center;gap:0.2rem;z-index:10;}
.s_news .li .news_dot a{color:#7d7d7d;font-size:var(--f18);line-height:1.5;flex-shrink:0;}
.s_news .li .news_dot a:hover{color:var(--themeColor);}
.s_news .li .swiper-button-white{width:0.25625rem;height:0.25625rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);position:relative;top:0;margin-top:0;left:0;right:0;transition:background .5s,color .5s;box-shadow:0px 0px 35px rgba(186,186,186,0.26);flex-shrink:0;}
.s_news .li .swiper-button-white i{color:#747474;font-size:var(--f16);}
.s_news .li .swiper-button-white:hover{background:var(--themeColor);}
.s_news .li .swiper-button-white:hover i{color:#fff;}

/* news结束 */
/* talktome & ads */
.ads ul{display:grid;grid-template-columns:1fr 1fr;gap:0.3rem;}
.ads a{display:block;border-radius:.0625rem;overflow:hidden;position:relative;transition:all .5s;aspect-ratio:819 / 354;}
.ads a:hover{box-shadow:0px 0px 41px rgba(186,186,186,0.56);}
.ads a:hover .img-db img{transform:scale(1.1);}
.ads a .ads_title{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;top:0;left:0;}
.ads a .ads_title h5{color:#fff;font-size:var(--f39);line-height:1.1em;}
.ads a .ads_title div{width:1.175rem;height:0.31875rem;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .5s;font-size:var(--f22);line-height:1.5;border:2px solid #fff;border-radius:1.5rem;}
.ads ul li:hover a .ads_title div{background:#fff;color:#000;}
.talktome{background:url(../img/bg.jpg) center center no-repeat;background-size:contain;height:3.8375rem;padding-top:1.4rem;}
.talktome .sn-cont{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.talktome h5{color:#303030;font-size:var(--f46);line-height:1.5;}
.talktome p{font-size:var(--f22);line-height:2em;color:#767676;text-align:center;margin:0.1rem 0 0.15rem;}
.talktome a{width:2rem;height:0.35625rem;position:relative;background:#fff;border:2px solid var(--themeColor);border-radius:.0625rem;display:flex;align-items:center;justify-content:center;font-size:var(--f25);line-height:1.5;color:var(--themeColor);transition:all .5s;}
.talktome a:hover{background:var(--themeColor);border:2px solid var(--themeColor);color:#fff;}
.talktome a::before{content:'';position:absolute;width:1.4125rem;height:1px;background:var(--themeColor);left:-1.4125rem;top:50%;transform:translate(0,-50%);}
.talktome a::after{content:'';position:absolute;width:1.4125rem;height:1px;background:var(--themeColor);right:-1.4125rem;top:50%;transform:translate(0,-50%);}
/* talktome & ads end */

/* 右浮窗口开始 */
.right-float{position:fixed;right:.05rem;bottom:6%;z-index:10;display:none;}
.right-float .block-group,.right-float .goto-top{border-radius:5rem;background:#fff;box-shadow:0 0 .3rem rgba(0,0,0,0.1);}
.right-float .goto-top{margin-top:.1rem;}
.right-float .li{width:.4rem;background:#fff;aspect-ratio:1/1;border-radius:100%;display:flex;align-items:center;justify-content:center; cursor:pointer;}
.right-float .block-group .li.on .icon-p{transition:none;}
.right-float .block-group .li.on .icon-p,.right-float .block-group .li:hover .icon-p{background:var(--themeColor);}
.right-float .block-group .li.on:hover .icon-p{background:var(--btnBgColor);}
.right-float .block-group .li.on .icon,.right-float .block-group .li:hover .icon{filter:var(--imgWhite);}
.right-float .icon-p{border-radius:100%;display:flex;align-items:center;justify-content:center;width:76%;aspect-ratio:1/1;transition:all .5s;}
.right-float .block-group .icon-p::after{content:'';height:1px;width:.14rem;margin-bottom:-0.41rem; left:50%;transform:translateX(-50%);position:absolute;display:block;background:#e6e6e6;}
.right-float .block-group .li:last-child .icon-p::after{display:none;}
.right-float .icon{transition:all .5s;}

.right-float .li .cont{padding-right:.05rem;position:absolute;right:100%;bottom:0;transition:all .5s;display:none;opacity:0;}
.right-float .li:hover .cont{opacity:1;display:block;cursor:auto;}
.right-float .li .cont ul{background:#fff;box-shadow:0 0 .3rem rgba(0,0,0,0.1);border-radius:.06rem;padding:.08rem .2rem 0.03rem;}
.right-float .li .cont ul li{padding:.1rem 0;border-bottom:1px solid #dddddd;}
.right-float .li .cont ul li:last-child{border:none;}
.right-float .li .cont ul li .qr{width:.6rem;height:.6rem;margin-right:0.06rem;box-shadow:0 0 0.23rem rgba(68,102,209,0.18);}
.right-float .li .cont ul li .tit{width:.15rem;}
.right-float .li .cont ul li *{text-wrap:nowrap;font-size:var(--f16);color:#333;}
.right-float .li .cont ul li > .tit{margin-right:0.05rem;}
.right-float .li .cont ul li .text h5{font-size:var(--f20);font-weight:normal;margin-bottom:0.06rem}
.right-float .li .cont ul li .text small{font-size:var(--f15);color:var(--themeColor);}
.right-float .li .cont ul li .text a{color:var(--themeColor);}
.right-float .li .cont ul li .text p span{font-size:var(--f22);font-family:'number-font';}
/* 右浮窗口结束 */


/* 留言弹窗开始 */
.guest-pop{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:99;top:0;left:0;display:none;transition:none;}
.guest-pop .guest-pop-center{height:100%;width:100%;display:flex;align-items:center;justify-content:center;}
.guest-pop .bg{background:#fff;width:60%;height:auto;border-radius:.1rem;overflow:hidden;position:relative;max-height:90vh;max-width:90%;}
.guest-pop .left,.guest-pop .right{padding:0.31rem 0.2rem 0.31rem 0.17rem;overflow-y:auto;}
.guest-pop .left{width:51%;background:url(../img/bg1.jpg) no-repeat top center/cover;}
.guest-pop h2{color:#121212;font-size:var(--f30);margin-bottom:.14rem;}
.guest-pop .left .icon,.guest-pop .left .line{width:0.20rem;height:auto;margin-right:0.07rem;}
.guest-pop .left .icon{aspect-ratio:1/1;}
.guest-pop .left .icon i{color:var(--themeColor);}
.guest-pop .left .li{margin-bottom:0.05rem;}
.guest-pop .left .li .title,.guest-pop .left .li .cont{display:flex;}
.guest-pop .left .li .title{align-items:center;}
.guest-pop .left .li .cont p{line-height:2;color:#666666;font-size:var(--f14);padding-bottom:0.6em;}
.guest-pop .left .li .title h5{font-size:var(--f20);line-height:1;color:#3f3f3f;}
.guest-pop .left .line{display:flex;justify-content:center;}
.guest-pop .left .line i{width:.015rem;height:100%;margin-top:0.03rem;background:var(--themeColor);}
.guest-pop .left .li:last-child .line i{display:none;}
.guest-pop .right{flex:1;}
.guest-pop .right .li{margin-bottom:.1rem;}
.guest-pop .right label{display:block;font-size:var(--f20);font-weight:normal;margin-bottom:.05rem;}
.guest-pop .right label span{color:#ff0000;font-size:1.1em;}
.guest-pop .right input,.guest-pop .right textarea{width:100%;color:#222;font-size:var(--f16);background:#f5f5f5;border-radius:.03rem;padding:0.08rem 0.16rem;}
.guest-pop .right textarea{height:calc(4.2em + 0.16rem);}
.guest-pop .right .sub{background-color:#cdcdcd;cursor:pointer;position:relative;width:100%;border-radius:.03rem;overflow:hidden;margin-top:.26rem;}
.guest-pop .right .ico{position:absolute;top:0;left:0;background-color:var(--themeColor);width:20%;height:100%;}
.guest-pop .right .submit{width:100%;position:relative;font-size:var(--f18);padding:.08rem .3rem;text-align:right;}
.guest-pop .right .sub:hover .ico{width:100%;}
.guest-pop .right .sub:hover .submit{color:#fff;}
.guest-pop .close{position:absolute;right:0.1rem;top:0.14rem;z-index:6;display:block;width:0.18rem;height:0.18rem;transform:rotate(45deg);cursor:pointer;transition:all 0.5s ease-out 0s;}
.guest-pop .close::before,.guest-pop .close::after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background:var(--themeColor);width:100%;height:2px;}
.guest-pop .close::before{height:100%;width:2px;}
.guest-pop .close:hover{transform:rotate(405deg);}
/* 视频弹窗 */
.vod_pop{display:none;z-index:1040000;width:100%;position:fixed;transition:none !important;}
.vod_pop .vod_bg{z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.8;filter:alpha(opacity=80);overflow:hidden;}
.vod_pop .vod_area{z-index:1200;width:70vw;position:fixed;left:50%;top:50%;margin-left:-36vw;object-fit:cover;transform:translateY(-50%);max-height:90vh;}
.vod_pop .vod_area #vod_box{width:100%;display:inline-block;background:#000;}
.vod_pop .vod_area #vod_box .img-souning{padding-bottom:60% !important}
.vod_pop .vod_area #vod_box video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:8px solid #000;}
.vod_pop .close{z-index:999;width:31px;height:31px;cursor:pointer;position:absolute;top:0px;right:-42px;text-align:center;}
.vod_pop .close i{display:block;width:31px;height:31px;-webkit-transition:400ms;transition:400ms;}
.vod_pop .close i svg{transition:.6s}
.vod_pop .close:hover i svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

/* 底部开始 */
.foot_five{background:#0f111a;background-size:cover;width:100%;position:relative;z-index:1;}
.foot_five ul{display:flex;align-items:center;justify-content:space-between;padding:0.15rem 0;}
.foot_five ul li{display:flex;align-items:flex-start;gap:0.12rem;color:#d0d0d0;}
.foot_five ul li *{color:#d0d0d0;}
.foot_five ul li i{color:rgb(208 208 208 / 41%);font-size:var(--f39);margin-top:.04rem;}
.foot_five ul li h5{color:rgb(208 208 208 / 41%);font-size:var(--f24);line-height:1.5;}
.foot_five ul li p{color:rgb(208 208 208 / 41%);font-size:var(--f18);line-height:1.5;}
#foot{background:#16171d;background-size:cover;z-index:1;position:relative;}
#foot .area_1{display:flex;justify-content:space-between;gap:0.93rem;padding-top:0.4rem;padding-bottom:0.36rem;}
#foot .foot-phone{display:flex;align-items:flex-start;gap:0.02rem;position:relative;}
#foot .foot-phone>i{font-size:var(--f22);color:#fff;transform:rotate(12deg);margin-right:0.08rem;}
#foot .foot-phone .kefu{width:0.6375rem;height:0.19375rem;background:var(--themeColor);display:flex;align-items:center;justify-content:center;gap:0.05rem;border-radius:.0875rem .0875rem .0875rem 0;position:absolute;color:#fff;font-size:var(--f15);right:-0.15rem;bottom:0.08rem;font-family:Alibaba-PuHuiTi-Regular;}
#foot .foot-phone .kefu i{color:#fff;font-size:1.3em;}
#foot .foot-phone img{margin-top:.05rem;}
#foot .foot-phone h5{font-size:var(--f18);line-height:1.1em;color:#fff;margin-bottom:.0875rem;font-weight:normal;}
#foot .foot-phone a{font-family:'number-font';font-size:var(--f36);line-height:1.5;color:#fff;}
#foot .area-1-left{width:22%;}
#foot .area-1-left .foot-slide-nav{display:flex;align-items:center;gap:0.15rem;margin:0.175rem 0 0.15rem;}
#foot .area-1-left .foot-slide-nav li{display:flex;align-items:center;gap:.0625rem;color:#fff;opacity:.4;font-size:var(--f18);line-height:1.1em;transition:all .5s;cursor:pointer;position:relative;}

#foot .area-1-left .foot-slide-nav li.on{opacity:1;}
#foot .area-1-left .foot-slide-for .li p{color:#fff;font-size:var(--f16);line-height:1.4em;margin-bottom:0.06rem;}
.foot_menu{display:flex;justify-content:space-between;flex-grow:1;max-width:5.4375rem;}
.foot_menu dl{color:#fff;}
.foot_menu dd{font-size:var(--f16);line-height:2.5em;color:#73747c;transition:.5s;}
.foot_menu dd a{color:#73747c;transition:all .5s;}
.foot_menu dd a:hover{color:#fff;}
.foot_menu dt{font-size:var(--f22);line-height:1.2em;padding-bottom:.0625rem;margin-bottom:0.1rem;position:relative;display:inline-block;color:#fff;}
.foot_menu dt a{color:#fff;font-size:var(--f18);}
.page-ft .foot_menu dt::before{content:'';position:absolute;width:2em;height:2px;background:#d2141e;left:0;bottom:0rem;}
.foot_menu dd:hover{color:#fff;}
#foot .area-1-right h6{font-size:var(--f18);line-height:1.16;margin-bottom:0.15em;color:#fff;}
#foot .area-1-right ul{display:flex;align-items:center;gap:0.1125rem;margin-top:0.17rem;}
#foot .area-1-right ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;}
#foot .area-1-right ul li .qr{background:#fff;border-radius:.0625rem;display:flex;align-items:center;justify-content:center;padding:0.04rem;width:0.69375rem;height:0.69375rem;}
#foot .area-1-right ul li p{color:#8e8e8e;font-size:var(--f14);line-height:1.875em;margin-top:0.03rem;}
#foot .area_2{display:flex;align-items:center;justify-content:space-between;padding:0.13rem 0;border-top:1px solid rgb(176 176 176 / 8%);border-bottom:1px solid rgb(176 176 176 / 8%);}
#foot .area_2 .links{display:flex;align-items:flex-start;gap:.05rem;}
#foot .area_2 .links h6{color:#b1b1b1;font-size:var(--f16);line-height:0.16rem;}
#foot .area_2 .links ul{display:flex;align-items:center;gap:.085rem;}
#foot .area_2 .links ul li a{color:#8e8e8e;font-size:var(--f14);line-height:0.16rem;transition:all .5s;}
#foot .area_2 .links ul li a:hover{color:#fff;}
#foot .area_3{padding:0.16rem 0 0.22rem;display:flex;align-items:center;justify-content:space-between;font-size:var(--f14);}
#foot .area_3 div{display:flex;align-items:center;gap:0.4rem;}
#foot .area_3 p{display:flex;align-items:center;color:#646464;gap:0.01rem;font-size:var(--f14);}
#foot .area_3 p span{display:flex;align-items:center;gap:0.01rem;}
#foot .area_3 p a{transition:all .5s;color:#6a6a6a;}
#foot .area_3 p img{width:0.1rem;height:0.1rem;margin-left:0.08rem;margin-right:0.02rem;}
#foot .area_3 p.lvshi{color:#a8a8a8;}

/* 底部下拉 */
.flag_pop{position:relative;color:#a8a8a8;width:1rem;font-size:var(--f14);}
.flag_pop .head,.flag_pop .flag_list a{color:#a8a8a8;background:#252938;height:.24rem;border-radius:.02rem;padding:0 .1rem;justify-content:space-between;width:100%;font-size:var(--f14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flag_pop .head span,.flag_pop .flag_list a span{overflow:hidden;text-overflow:ellipsis;}
.flag_pop .flag_list a{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,0.2);border-radius:0;transition:color .3s;}
.flag_pop .flag_list a:hover{color:#fff;}
.flag_pop .head{display:flex;align-items:center;}
.flag_pop .head i{color:var(--themeColor);font-size:var(--f18);transition:all .5s;}
.flag_pop .flag_list{position:absolute;bottom:100%;width:100%;border-radius:.04rem .04rem 0 0;overflow:hidden;display:none;max-height:1.2rem;overflow-y:auto;}
.flag_pop .flag_list::-webkit-scrollbar-thumb{background-color:#000;}
.flag_pop.on .head i{transform:rotate(180deg);}

/* 底部结束 */
/* 通用页面 banner开始 */
.common-banner{aspect-ratio:1920 / 630;position:relative;z-index:1;}
.common-banner .sn{height:100%;display:flex;}
.common-banner .sn-cont{display:flex;height:100%;}
.common-banner .sn .page-text{padding-top:10%;}
.common-banner .sn .page-text h5{color:#fff;font-size:var(--f42);line-height:1.5;margin-bottom:0.1rem;}
.common-banner .sn .page-text p{font-size:var(--f32);line-height:1.5;color:#fff;max-width:4.4375rem;}
.common-banner .sn>div,.common-banner .sn>div>div{position:relative;height:100%;width:100%;}
.page-text{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100%;}
.zonghe .page-text p{font-size:var(--f22) !important;}
.zonghe .page-text div{display:flex;align-items:center;gap:0.1125rem;margin-top:0.1875rem;}
.zonghe .page-text div a{width:0.83rem;height:0.33rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--f18);line-height:1.5;transition:all .2s,font-size 0.2s;position:relative;border:1px solid #fff;border-radius:.0525rem;z-index:0;}
.zonghe .page-text div a::before{content:'';position:absolute;display:block;width:calc(100% + 2px);height:calc(100% + 2px);left:-1px;top:-1px;background:var(--btnBgColor);background-size:cover;transition:all .2s;opacity:0;border-radius:.0525rem;z-index:-1;}
.zonghe .page-text div a:hover{font-size:var(--f20);}
.zonghe .page-text div a:first-child::before{opacity:1;}


/* 通用结束 */
/* 面包屑开始 */
.crumb{position:absolute;bottom:0.15rem;right:0;color:#c9c9c9;font-size:var(--f16);display:flex;gap:0.04rem;align-items:center;}
.crumb *{color:#c9c9c9;}
.crumb i{font-size:0.6em;}
.crumb a i{font-size:1.1em;}
.crumb a:hover{color:#fff;}
/* 面包屑结束 */

/*页面  contact*/
.n-contact .c_head{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.05rem;color:#080808;}
.n-contact .c_head h5{font-size:var(--f42);line-height:1.5;}
.n-contact .c_head p{font-size:var(--f16);line-height:1.5;position:relative;}
.n-contact .c_head p::before{content:'';position:absolute;width:0.61875rem;height:1px;top:50%;transform:translate(0,-50%);background:#e9e9e9;left:-32%;}
.n-contact .c_head p::after{content:'';position:absolute;width:0.61875rem;height:1px;top:50%;transform:translate(0,-50%);background:#e9e9e9;right:-32%;}
.n-contact .c_info{padding:0.305rem 0.4rem;box-shadow:0px 0px 35px rgba(216,216,216,0.46);margin:0.1875rem 0;}
.n-contact .phone{display:flex;align-items:center;gap:5px;color:#080808;margin-bottom:0.1rem;font-size:var(--f16);}
.n-contact .phone a{font-family:'number-font';color:var(--themeColor);font-size:var(--f48);line-height:1.5;}
.n-contact .c_info ul{display:grid;gap:0.1rem;}
.n-contact .c_info ul li{display:flex;align-items:center;color:#434343;font-size:var(--f16);gap:.05rem;}
.n-contact .c_info ul li div a{height:0.16875rem;padding:0 .0625rem;border:1px solid #696969;font-size:var(--f16);color:#696969;display:flex;align-items:center;justify-content:center;transition:all .5s;border-radius:4px;}
.n-contact .c_info ul li div:hover a{background:#434343;color:#fff;}
.n-contact .c_info ul li i{color:#0a0606;font-size:var(--f16);}
.n-contact .c_info ul li a{color:#434343;font-size:var(--f23);line-height:1.4;font-family:'number-font';}
.n-contact .c_info .c_detail{display:flex;justify-content:space-between;align-items:center;}
.n-contact .c_info .c_detail .qr_area{display:flex;align-items:center;gap:0.225rem;}
.n-contact .c_info .c_detail .qr_area .qr{width:0.85rem;height:0.85rem;padding:6px;border:1px solid #e7e7e7;}
.n-contact .c_info .c_detail .qr_area .qr img{width:100%;height:100%;}
.n-contact .c_info .c_detail .qr_area h6{color:#434343;font-size:var(--f22);line-height:1.5;margin-bottom:.05rem;}
.n-contact .c_info .c_detail .qr_area p{color:#a0a0a0;font-size:var(--f16);line-height:1.625em;}
.n-contact .c_info .c_detail .qr_area>div{display:flex;align-items:center;gap:0.1rem;}
.n-contact #contact-swiper{padding:0.15rem 0.1rem;margin:0 -0.1rem;box-sizing:content-box;}
.n-contact #contact-swiper .swiper-slide{padding:0.3rem 0.16rem;background:#fff;display:flex;align-items:flex-start;gap:0.1rem;box-shadow:0 0px 15px rgba(216,216,216,0.36);}
.n-contact #contact-swiper .swiper-slide h5{font-size:var(--f24);line-height:1.5;color:#434343;margin-bottom:0.1rem;}
.n-contact #contact-swiper .swiper-slide p{color:#434343;font-size:var(--f16);text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden;line-height:2em;width:100%;}
.n-contact #contact-swiper .swiper-slide img{width:0.5625rem;}
.n-contact .contact_box .swiper-button-white{width:0.29375rem;height:0.29375rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0px 0px 35px rgba(186,186,186,0.26);transition:all .5s;}
.n-contact .contact_box .swiper-button-white i{color:#747474;}
.n-contact .contact_box .swiper-button-white:hover{background:#c80a14;}
.n-contact .contact_box .swiper-button-white:hover i{color:#fff;}
.n-contact .contact_box .prev{right:auto;left:-0.15rem;}
.n-contact .contact_box .next{left:auto;right:-0.15rem;}
.n-contact .contact_box{position:relative;}

#lion{width: 50%; height: 100%; overflow:hidden;}


/* aboutus 单页 */
/* 关于类型标题 */
.about-head{color:#010000;font-size:var(--f42);line-height:1.5;font-weight:bold;}
.about-head span{color:#c80a14;font-weight:bold;font-size:var(--f42);}
.about-head-p p{color:#888888;font-size:var(--f18);line-height:1.8em;margin-top:0.1rem;}

.about_banner{height:100vh;background:url(../img/about/bg_aboutus.jpg) center no-repeat;background-size:cover;}
.about_banner .sn-cont .cont{display:flex;align-items:center;justify-content:space-between;}
.about_banner ul{display:grid;grid-template-columns:1fr 1fr;gap:0.4rem 1rem;max-width:3.875rem;width:100%;}
.about_banner ul li{display:flex;flex-direction:column;gap:0.06rem;padding-left:0.175rem;border-left:1px solid rgb(255 255 255 / 20%);}
.about_banner ul li div{display:flex;align-items:flex-end;gap:.0625rem;}
.about_banner ul li div .counter{color:#fff;font-size:var(--f77);line-height:1.125;}
.about_banner ul li div em{color:#fff;font-size:var(--f20);line-height:2.5;}
.about_banner ul li p{font-size:var(--f20);line-height:1.5;color:#fff;}
.about_banner .mouse{position:absolute;left:0;bottom:8vh;color:#ffffff}
.about_banner .position{bottom:6vh;}
.about_text{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100%;}
.about_text h5{font-size:var(--f45);line-height:1.5;color:#fff;}
.about_text i{display:block;height:0.02rem;width:0.325rem;background:#c80a14;margin:0.1rem 0 0.25rem;}
.about_text h6{color:#fff;font-size:var(--f26);line-height:1.5;}
.about_text p,.about_text p a{color:#fff;font-size:var(--f17);line-height:2em;margin-top:0.25rem;max-width:3.5rem;}
.about_text p a:hover{text-decoration:underline;}
/* about-1 */
.about-1{width:100%;position:relative;background:url(../img/about/bg_aboutus_2.jpg) center no-repeat;background-size:cover;}
.about-1 .sn-cont>p{margin:0.2rem 0 0.625rem;color:#888888;font-size:var(--f18);line-height:2em;}
.about-1 .about-head{font-size:var(--f52);}
.about-1 .about-head span{font-size:var(--f52);}
.about-1 .sn-cont ul{display:flex;align-items:center;gap:0.5625rem;}
.about-1 .sn-cont ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.1125rem;}
.about-1 .sn-cont ul li *{transition:all .5s;}
.about-1 .sn-cont ul li img{width:0.35rem;}
.about-1 .sn-cont ul li p{color:#3e3e3e;font-size:var(--f18);line-height:1.2em;font-weight:bold;}
.about-1 .sn-cont ul li:hover img{transform:translateY(-10%);}
.about-1 .sn-cont ul li:hover p{color:var(--themeColor);}
/* about-2 */
.about-2{width:100%;position:relative;background:url(../img/about/bg_aboutus_3.png)center no-repeat;background-size:cover;}
.about-2 .about-process{display:flex;align-items:center;justify-content:space-between;}
.about-2 .about-process .left p{color:#888888;font-size:var(--f18);line-height:1.8em;margin-top:0.1rem;}
.about-2 .about-process .right{display:flex;align-items:center;gap:0.125rem;}
.about-2 .about-process .right p{color:#7d7d7d;font-size:var(--f18);line-height:1.5;}
.about-2 .about-process .right .swiper-button-white{border-radius:50%;background:#fff;position:relative;margin-top:0;box-shadow:0px 0px 35px rgba(186,186,186,0.26);transition:all .5s;left:0;right:0;}
.about-2 .about-process .right .swiper-button-white i{color:#747474;}
.about-2 .about-process .right .swiper-button-white:hover{background:#c80a14;}
.about-2 .about-process .right .swiper-button-white:hover i{color:#fff;}
.about-2 #about_process{margin:0.265rem -0.1125rem 0;padding:0.1125rem;box-sizing:content-box;}
.about-2 #about_process .swiper-slide{display:flex;flex-direction:column;gap:0.1625rem;}
.about-2 #about_process .swiper-slide>div{display:flex;align-items:center;gap:0.125rem;padding:0.25rem;transition:all .5s;background:#fff;border-radius:.0625rem;box-shadow:0px 0px 15px rgba(208,208,208,0.26);}
.about-2 #about_process .swiper-slide>div *{transition:all .5s;}
.about-2 #about_process .swiper-slide>div i{font-size: var(--f46);}
.about-2 #about_process .swiper-slide>div h5{color:#3e3e3e;font-size:var(--f22);line-height:1.5;transition:all .5s;}
.about-2 #about_process .swiper-slide>div p{color:#626262;font-size:var(--f17);line-height:1.75em;margin-top:.05rem;transition:all .5s;}
.about-2 #about_process .swiper-slide>div:hover{background:#c80a14;}
.about-2 #about_process .swiper-slide>div:hover h5,.about-2 #about_process .swiper-slide>div:hover p{color:#fff;}
.about-2 #about_process .swiper-slide>div:hover i{color:#fff;}
/* about-3 */
.about-3{width:100%;position:relative;background:url(../img/about/bg_aboutus_4.jpg)center no-repeat;background-size:cover;}
.about-3 .sn-cont>p,.about-4 .sn-cont>p,.about-7 .sn-cont>p{margin:.05rem 0 0.225rem;color:#888888;font-size:var(--f18);line-height:2em;}
.about-3 #about_cert{max-width:6.0375rem;margin-left:0;padding-top:0.2rem;}
.about-3 #about_cert a .img{aspect-ratio:700/859;}
.about-3 #about_cert a .img img{object-fit:contain;}
.about-3 #about_cert a{background:#fff;display:flex;flex-direction:column;padding:0.15rem;align-items:center;justify-content:center;gap:0.1rem;border-radius:.05rem;overflow:hidden;}
.about-3 #about_cert p{padding-top:.075rem;border-top:1px solid #e3e3e3;color:#424242;font-size:var(--f18);line-height:1.875em;font-weight:bold;width:100%;text-align:center;transition:all .5s;}
.about-3 #about_cert .prev_3,.about-3 #about_cert .next_3{background:transparent;box-shadow:none;width:0.14rem;}
.about-3 #about_cert .prev_3 img,.about-3 #about_cert .next_3 img{object-fit:contain;}
.about-3 #about_cert .prev_3{left:31%;}
.about-3 #about_cert .next_3{right:31%;}
.about-3 #about_cert .swiper-slide{transition:margin-top .5s,padding-bottom .5s;}
.about-3 #about_cert .swiper-slide:hover{margin-top:-0.15rem;padding-bottom:0.15rem;}
.about-3 #about_cert .swiper-slide:hover p{color:#c80a14;}
/* about-4 */
.about-4 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:0.1625rem;}
.about-4 ul li a{display:block;position:relative;border-radius:.05rem;overflow:hidden;}
.about-4 ul li:first-child{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3;}
.about-4 ul li:first-child .img-db:after{padding-top:63.5%;}
.about-4 ul li a .img-db:after{content:'';display:block;padding-top:62.23%;}
.about-4 ul li:first-child a .company_pic{ padding:0.325rem 0.3rem;}
.about-4 ul li a .company_pic{position:absolute; left:0;bottom:0;color:#fff;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,0));padding:0.125rem 0.1875rem;transition:all .5s;}
.about-4 ul li:hover a .company_pic{background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));}
.about-4 ul li a .company_pic h5{color:#fff;font-size:var(--f24);line-height:1.5;}
.about-4 ul li a .company_pic p{font-size:var(--f18);line-height:1.875em;}
/* about-5 */
.about-5{width:100%;position:relative;background:url(../img/about/bg_aboutus_5.png)center no-repeat #e3eaf3;background-size:cover;overflow:hidden;}
.about-5 .left p,.about-6 .left p{margin-top:.05rem;color:#888888;font-size:var(--f18);line-height:2em;}
.history-head,.hesay-head{display:flex;align-items:center;justify-content:space-between;}
#about_history{padding:0rem 0 2.4rem;}
#about_history .swiper-slide .history_item{padding-left:0.3rem;position:relative;margin-left:0.08rem;height:auto;transition:all .5s;bottom:0;}
#about_history .swiper-slide-thumb-active .history_item{bottom:0.1rem;}
#about_history .swiper-slide .history_item::before{content:'';position:absolute;width:1px;height:300%;top:0.2rem;background:#bebebe;left:0.05rem;bottom:0;}
#about_history .swiper-slide .history_item::after{content:'';position:absolute;width:0.2rem;height:0.2rem;background:url(../img/about/quan.png)no-repeat;background-size:cover;border-radius:50%;left:-0.0375rem;top:0;}
#about_history .swiper-slide .history_item h5{color:#d2141e;font-family:'number-font';font-size:var(--f43);line-height:1;margin-bottom:0.15rem;letter-spacing:-0.01rem;}
#about_history .swiper-slide .history_item h6{color:#000000;font-size:var(--f26);line-height:1.6em;font-weight:bold;}
#about_history .swiper-slide .history_item p{color:#5c5c5c;font-size:var(--f17);line-height:1.875em;margin-top:0.05rem;}
.history-bottom{width:100%;position:absolute;bottom:0;background:url(../images/lic2bg.png) center no-repeat;background-size:cover;height:1.625rem;z-index:10;}
#about_history .swiper-slide{ transition:bottom .8s ease-in-out;bottom:0;}
#about_history .swiper-slide-active{bottom:-0.75rem;}
#about_history .swiper-slide-active+div{bottom:-0.5rem;}
#about_history .swiper-slide-active+div+div{bottom:-0.3125rem;}
#about_history .swiper-slide-active+div+div+div{bottom:0rem;}
.about-5 .right,.about-6 .right{display:flex;align-items:center;gap:0.15625rem;}
.about-5 .right .swiper-button-white,.about-6 .right .swiper-button-white{margin-top:0;position:relative;left:0;right:0;background:#fff;border-radius:50%; display:flex;align-items:center;justify-content:center;transition:all .5s;}
.about-5 .right .swiper-button-white:hover,.about-6 .right .swiper-button-white:hover{background:#d2141e;}
.about-5 .right .swiper-button-white:hover i,.about-6 .right .swiper-button-white:hover i{color:#fff;}
/* about-6 */
#about_hesay{margin:0.02rem -0.2rem 0;padding:0.25rem 0.2rem;border-radius:0.375rem;box-sizing:content-box;}
#about_hesay .swiper-slide{padding:0.2625rem;background:#fff;border-radius:.05rem;transition:all .5s;box-shadow:0px 0px 0.08rem rgba(162,162,162,0.26);}
#about_hesay .swiper-slide:hover{box-shadow:0px 0px 0.21rem rgba(162,162,162,0.26);}
#about_hesay .swiper-slide .hesay-item{display:flex;align-items:center;gap:.075rem;}
#about_hesay .swiper-slide .hesay-item .img{width:0.475rem;height:0.475rem;border-radius:50%;flex-shrink:0;}
#about_hesay .swiper-slide .hesay-item .img-db:after{content:'';display:block;padding-top:30.9%;}
#about_hesay .swiper-slide .hesay-item h5{color:#212121;font-size:var(--f24);line-height:1.7em;}
#about_hesay .swiper-slide .hesay-item p{color:#161616;font-size:var(--f18);line-height:1.5;}
#about_hesay .swiper-slide>p{color:#777777;font-size:var(--f16);line-height:1.9375em;margin-top:0.2rem;}
/* about-7 */
.about-7{position:relative;background:#fff;}
.about-7 .sn-cont>p{margin-bottom:0.4rem;}
.sun{position:absolute;top:0%;right:0%;height:auto;width:auto;animation:sunmove 8s linear infinite;-webkit-animation:sunmove 8s linear infinite;}
@keyframes sunmove{0%{transform:translate(8%,0%);}
25%{transform:translate(16%,-3%);}
50%{transform:translate(23%,0%);}
75%{transform:translate(16%,3%);}
100%{transform:translate(8%,0%);}
}
/* about-8 视频 */
.about-8{background:url(../img/about/bg_vod.jpg)center no-repeat;background-size:cover;width:100%;padding:.8rem 0 1.04rem;}
.about-8 .sn-cont>div{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
.about-8 .sn-cont>div h5{font-size:var(--f50);line-height:1.5;}
.about-8 .sn-cont>div p{font-size:var(--f22);line-height:1.75em;text-align:center;margin:0.225rem 0 0.625rem;}
.about-8 .sn-cont>div a{width:0.5875rem;height:0.5875rem;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;}
.about-8 .sn-cont>div a::before{content:'';position:absolute;width:100%;height:100%;background:url(../img/about/bg_vod_btn.png)no-repeat;background-size:cover;animation:roll 1.5s infinite linear;z-index:1;}
/* banner开始 */
.common-banner.page-one .sn-cont .position{bottom:.165rem !important;}
.common-banner.page-one .sn-cont .page-text{padding-top:0 !important;}
.common-banner.page-one .sn-cont .page-text p{font-size:var(--f22);}
.common-banner .sn .page-text p{font-size:var(--f18) !important;margin-top:0.04rem;line-height:1.675em !important;}
.page-content{background-color:#f7f8f9;}
.page-one .crumb{bottom:1.45rem;}
/*标语后面的播放按钮*/
.common-banner.page-one .sn-cont .page-text #print1 a{width:0.26875rem;height:0.26875rem;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;float:right;margin-top:.05rem;margin-left:.08rem;}
.common-banner.page-one .sn-cont .page-text #print1 a::before{content:'';position:absolute;width:100%;height:100%;background:url(../img/about/bg_vod_btn.png)no-repeat;background-size:cover;animation:roll 3s infinite linear;}
.content-area .sn-cont .content-box{display:flex;padding:0 0.2rem 0.275rem;margin-top:-1.15rem;background:#fff;position:relative;z-index:5;border-radius:.0625rem;}
.content-area .content-left{width:100%;padding:0.275rem .2rem .2rem 0;border-right:1px solid #ececec;}
.content-left .btn-group{width:100%; background:url(../img/about/s-solubg.png) no-repeat center / cover;padding:0.15rem 0.4rem;justify-content:space-between;margin-top:0.4rem;gap:0;border-radius:.0625rem;}
.content-left .btn-group a{line-height:0;background-color:#fff;}
.content-left .btn-group a:first-child{color:#fff;}
.content-left .btn-group a:first-child::before{opacity:1;}
.content-left .btn-group a:last-child{color:var(--themeColor);}
.content-left .btn-group a:last-child::before{opacity:0;}
.content-area .content-right{max-width:2.3rem;width:100%;}
.content-right{padding-left:.225rem;}
.content-right .content-right-fix{padding-top:0.275rem;position:sticky;top:0;}
.content-right .content-right-fix .title{margin-bottom:0.18rem;justify-content:space-between;}
.content-right .content-right-fix .title h5{color:#313232;font-size:var(--f24);line-height:1.5;}
.content-right .content-right-fix .title h5 span{color:var(--themeColor);font-size:var(--f24);font-weight:bold;}
.content-right .content-right-fix .title .dtbox{display:flex;align-items:center;gap:0.15625rem;}
.content-right .content-right-fix .title .dtbox .swiper-button-white{margin-top:0;position:relative;left:0;right:0;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s;}
.content-right ul{display:grid;gap:.14375rem;width:100%;}
.content-right ul li a{display:block;padding:.1225rem .125rem;background:#f7fbff;border-radius:.0625rem;transition:all .5s;background:url(../img/about/n-needhoverbg.jpg) 100% 100% no-repeat;background-size:cover;}
.content-right ul li a div{display:flex;align-items:center;gap:6px;color:#121212;line-height:1.5;font-size:var(--f22);font-weight:bold;transition:all .5s;}
.content-right ul li a div img{width:var(--f30);height:auto;aspect-ratio:1/1;filter:var(--imgBlack);transition:inherit;object-fit:contain;}
.content-right ul li a div i{color:#121212;font-size:var(--f22);transition:inherit; font-weight:100;padding-right:0.02rem;}
.content-right ul li a p{color:#121212;font-size:var(--f16);line-height:1.5;margin-top:.045rem;transition:all .5s;}
.content-right ul li a:hover{background:#c80a14;}
.content-right ul li a:hover div,.content-right ul li a:hover div i{color:#fff;}
.content-right ul li a:hover div i{filter:var(--imgWhite);}
.content-right ul li a:hover p{color:#ffb1b5;}
.page-one-detail{font-size:var(--f18);color:#696969;line-height:.2rem;}
.page-one-detail h2{margin-bottom:.12rem;}
.page-one-detail img{margin-bottom:.05rem;border-radius:.05rem;}
.page-one-detail p{line-height:.22rem;}
/* more */
.content-more{display:flex;align-items:center;justify-content:center;gap:0.275rem;}
.content-more a{border:0.016rem solid var(--themeColor);width:1.18125rem;height:0.35rem;display:flex;align-items:center;justify-content:center;color:var(--themeColor);font-size:var(--f18);line-height:1.5;position:relative;z-index:0;border-radius:.0625rem;transition:all .5s;}
.content-more a::before{content:'';position:absolute;width:calc(100% + 0.032rem);height:calc(100% + 0.032rem);left:-0.016rem;top:-0.016rem;background:var(--btnBgColor);background-size:cover;z-index:-1;opacity:0;transition:all .5s;border-radius:.0625rem;}
.content-more a:hover{ font-size:var(--f20);}
.content-more a:last-child{color:#fff;}
.content-more a:last-child::before{opacity:1;}

/* 服务标准按钮结束 */
/* 您可能还需要开始 */
.about-service .sn-cont>ul{margin-top:0.375rem;display:grid;grid-template-columns:1fr 1fr;gap:0.1625rem 0.175rem;}
.about-service .sn-cont>ul>li a{display:flex;background:#ffffff;gap:0.25rem;transition:all .5s;}
.about-service .sn-cont>ul>li a>img{width:30%;max-height:1.2rem;object-fit:contain;}
.about-service .sn-cont>ul>li a>div h5{color:#323232;font-size:var(--f30);line-height:1.5;}
.about-service .sn-cont>ul>li a>div p{color:#323232;margin:0.1rem 0 0.15rem;}
.about-service .sn-cont>ul>li a>div p{font-size:var(--f18);line-height:1.5;}
.about-service .sn-cont>ul>li a ul li{font-size:var(--f16);line-height:1.5;}
.about-service .sn-cont>ul>li a ul li{color:#747575;transition:all .5s;padding-bottom:.5px;border-bottom:1px solid transparent;}
.about-service .sn-cont>ul>li a ul li:hover{color:#c80a14;border-bottom:1px solid #c80a14;}
.about-service .sn-cont>ul>li a ul{display:flex;flex-wrap:wrap;gap:0.125rem;margin-bottom:0.25rem;}
.about-service ul li a{padding:0.275rem 0.375rem 0.275rem 0.225rem;position:relative;z-index:0;border-radius:.0625rem; }
.about-service ul li a::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url(../img/about/s-kaifabg.jpg)no-repeat;
background-size:cover;z-index:-1;transition:all .5s;opacity:0;border-radius:.0625rem;}
.about-service .sn-cont>ul>li a>div div{display:flex;align-items:center;gap:0.1125rem;color:#747575;font-size:var(--f14);line-height:1.5;}
.about-service *{transition:all .5s;}
.about-service .sn-cont div em{width:0.16875rem;height:0.16875rem;background:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .5s; }
.about-service .sn-cont div em i{font-size:var(--f16);color:#ffffff; font-weight:bold}
.about-service ul li a:hover{box-shadow:0px 0px 8px rgba(159,159,159,0.26);}
.about-service .sn-cont>ul>li a:hover>div h5,.about-service .sn-cont>ul>li a:hover>div p,.about-service .sn-cont>ul>li a:hover ul li,.about-service .sn-cont>ul>li a:hover>div div{color:#fff;}
.about-service .sn-cont>ul>li a:hover>img{filter:var(--imgWhite);}
.about-service ul li a:hover::before{opacity:1;}
.about-service ul li a:hover div em{background:#fff;}
.about-service ul li a:hover div em i{color:var(--themeColor)}

/*合作流程 页面*/
.process{background:#f7f8f9;}
.process-area{padding-top:0.175rem;}
.process .process-slide-nav{background:#fff;border-radius:0.375rem;padding:0.16875rem 0.375rem;display:flex;align-items:center;justify-content:space-between;gap:0.375rem;margin-bottom:0.25rem;}
.process .process-slide-nav li{display:flex;align-items:center;gap:0.1875rem;color:#4e4e4e;font-size:var(--f20);line-height:1.5;position:relative;transition:all .5s;cursor:pointer;}
.process .process-slide-nav li::before{content:'';position:absolute;width:8px;height:14px;background:url(../images/lcarrow.png)no-repeat;background-size:cover;top:50%;transform:translate(0,-50%);right:-35%;}
.process .process-slide-nav li:last-child::before{display:none;}
.process .process-slide-nav li div{width:0.325rem;height:0.325rem;border-radius:50%;background:#1f1f1f;transition:all .5s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--f20);line-height:1.5;padding-right:0.095rem;font-family:'number-font';flex-shrink:0;}
.process .process-slide-nav li:last-child div{padding-right:0;}
.process .process-slide-nav li span{position:absolute;right:0;color:#fff;top:50%;transform:translate(-4px,-50%);}
.process .process-slide-nav li.on{color:#c80a14;}
.process .process-slide-nav li.on div{background:#c80a14;}
.process .process-slide-for .li{display:grid;grid-template-columns:.452fr .548fr;}
.process .process-slide-for .li .process-vod .img-db:after{padding-top:52.742%;}
.process .process-slide-for .li .process-box{padding:0.3375rem;background:#fff;}
.process .process-slide-for .li .process-box h5{font-weight:bold;color:#4e4e4e;font-size:var(--f28);line-height:1.5;}
.process .process-slide-for .li .process-box h5 span{color:#c80a14;font-weight:bold;font-size:var(--f28);}
.process .process-slide-for .li .process-box i{display:block;width:0.35625rem;height:1px;background:#4e4e4e;margin:0.1125rem 0 .0875rem;}
.process .process-slide-for .li .process-box p{color:#bcbcbc;font-size:var(--f16);line-height:1.5;}
.process .process-slide-for .li .process-box ul{margin-top:0.3rem;display:grid;grid-template-columns:1fr 1fr;gap:.0875rem 0.5rem;}
.process .process-slide-for .li .process-box ul li{padding-left:0.1375rem;position:relative;color:#4e4e4e;font-size:var(--f18);line-height:1.5;}
.process .process-slide-for .li .process-box ul li::before{content:'';position:absolute;width:8px;height:8px;background:#adadad;border-radius:50%;left:0;top:.05rem;}
.process .process-slide-for .li .process-vod a{position:relative;display:flex;}
.process .process-slide-for .li .process-vod a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#FFF 0%,rgba(255,255,255,0.00) 100%);z-index:1;}
.process .process-slide-for .li .process-vod a .process-vod-play{width:0.475rem;height:0.475rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.process .process-slide-for .li .process-vod a .process-vod-play::before{content:'';position:absolute;width:100%;height:100%;background:url(../img/about/bg_vod_btn.png)no-repeat;background-size:cover;animation:roll 1.5s infinite linear;}

/*公司动态 页面*/
.page-sub-nav{display:flex;align-items:center;gap:0.4625rem;justify-content:center;margin:0.25rem 0 0.15rem;}
.page-sub-nav a{color:#7d7d7d;font-size:var(--f19);line-height:1.5;position:relative;}
.page-sub-nav a::before{content:'';position:absolute;width:0;height:0.03rem;background:#c7000a;border-radius:3px;left:50%;transform:translate(-50%,0);bottom:-.075rem;}
.page-sub-nav li.on a,.page-sub-nav li a:hover{color:#c7000a;}
.page-sub-nav a:hover::before,.page-sub-nav li.on a::before{width:110%;}
.page-sub-nav{justify-content:flex-start;margin:0.18rem 0;}
/* news列表开始 */
.news-page-list{background:#f4f5f6;}
.news-page-list .sn-cont{display:grid;grid-template-columns:1fr;gap:0.2625rem;align-items:flex-start;}
.newsleft{padding:0rem 0.17rem 0rem;margin:0 -0.17rem;box-sizing:content-box;}
.newsleft ul{display:grid;grid-template-columns:repeat(4,1fr);gap:0.3125rem 0.2625rem;}
.newsleft ul li:hover{box-shadow:0px 0px 117px rgba(106,106,106,0.26);border-radius:.05rem;}
.newsleft li{transition:all .3s;}
.newsleft li:hover a{color:unset;}
.newsleft li:hover{box-shadow:0px 0px 22px rgba(9,9,9,.2);transform:translateY(0.02rem);}
.newsleft .img-db{aspect-ratio:500/281;}
.newsleft .news-li-box{padding:0.15rem 0.2rem 0.175rem;background:#fffdfd;}
.newsleft .news-li-box p{color:#5d5d5d;font-size:var(--f14);line-height:1.5;margin-bottom:0.1rem;}
.newsleft .news-li-box h5{font-size:var(--f22);line-height:1.6em;height:.36rem;}
.newsleft .news-li-box .news-li-info{display:flex;align-items:center;justify-content:space-between;padding-top:0.1125rem;border-top:1px solid #f2f2f2;margin-top:0.225rem;}
.newsleft .news-li-box .news-li-info span{color:#5d5d5d;font-size:var(--f14);line-height:1.5;}
.newsleft .news-li-box .news-li-info div{display:flex;align-items:center;color:#5d5d5d;font-size:var(--f16);gap:0.06rem;transition:all .5s;padding-top:0.06rem;}
.newsleft .news-li-box .news-li-info div i{color:#5d5d5d;font-size:var(--f16);}
.newsleft a{display:block;overflow:hidden;position:relative;transition:all .5s;border-radius:.05rem;}
.newsleft a .news-li-label{display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--f16);line-height:1.5;border-radius:0.02rem;left:0;top:0;position:absolute;height:0.21875rem;width:0.5875rem;transform:translateX(-0.04rem);z-index:1;}
.newsleft a .news-li-label::after{background:#c80a14;width:100%;height:100%;display:block;content:'';transform:translateX(-0.08rem) skewX(-18deg);border-radius:0.03rem;position:absolute;left:0;z-index:-1;}
.newsleft a:hover .news-li-info div,.newsleft a:hover .news-li-info div i{color:#c7000a;}

/* 分页开始 */
.page .box,.page .pagination{display:flex;margin-top:0.3rem;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;}
.page a,.page .pagination span{display:flex;align-items:center;justify-content:center;transition:0.05s;font-size:var(--f16);color:#3a3a3a;margin-right:0.0625rem;border:1px solid #e0e0e0;flex-shrink:0;min-width:0.25rem;height:0.25rem;padding:0 0.1rem;background-color:#fff;border-radius:.02rem;}
.page a:hover{color:#fff;border:1px solid #3a3a3a;background-color:#3a3a3a;border-radius:.02rem;}
.page a span{padding:0 0.1rem;white-space:nowrap;}
.page .pagination span{color:#999;}
.page a.on,.page .pagination .active span{border:1px solid #353535;background:#353535;color:#fff;}
.page .centers{justify-content:center;}
/* 分页结束 */

/* news 详情页 页面 */
.news-detail-banner .page-text p{color:#919191 !important;font-size:var(--f16) !important;line-height:1.5;margin-top:2em;}
.news-detail{background:#f7f8f9;}
.news-detail>.sn>.sn-cont{display:grid;grid-template-columns:1fr 2.25625rem;gap:0.3rem;align-items:flex-start;}
/* 左侧内容区域开始 */
.news-detail-left{background:#fff;padding:0.275rem;border-radius:.05rem;}
.news-detail-left .news-detail-label{display:flex;align-items:center;gap:8px;padding-bottom:0.1rem;border-bottom:1px solid #f0f0f0;margin-top:0.2rem;}
.news-detail-left .news-detail-label h6{color:#3c3c3c;font-size:var(--f16);line-height:1.5;}
.news-detail-left .news-detail-label ul{display:flex;align-items:center;gap:0.125rem;}
.news-detail-left .news-detail-label ul li{color:#707070;font-size:var(--f16);line-height:1.5;background-color:#f8f8f8;padding:.03rem .04rem .04rem .03rem;border-radius:.02rem;}
.news-detail-left .news-detail-label ul li:hover a{font-weight:bold;color:#666;}
.news-detail-left .detail-foot{display:flex;align-items:center;justify-content:space-between;margin-top:0.15rem;}
.news-detail-left .detail-foot a{color:#333;font-size:var(--f18);line-height:1.5;transition:all .5s;font-weight:bold;}
.news-detail-left .detail-foot .footlist{display:flex;align-items:center;gap:.0625rem;}
.news-detail-left .detail-foot .footlist img{width:1.5em;object-fit:contain;}
.news-detail-left .detail-foot .footlist i,.news-detail-left .detail-foot .footlist:hover .news1{display:none;}
.news-detail-left .detail-foot .footlist .news1,.news-detail-left .detail-foot .footlist:hover .news2{display:block; font-weight:normal}
.news-detail-left .detail-foot a:hover{color:#c80a14;}
.news-detail-left .news-content p{color:#454545;font-size:var(--f18);line-height:.2rem}
.news-detail-left .news-content a{color:#454545;}
.news-detail-left .news-content{font-size:var(--f18);color:#454545;line-height:.2rem;}
.news-detail-left .news-content img,.news-detail-left .news-content div img{height:100%;border-radius:.02rem;display:block;margin:0.08rem auto;}
/* 右侧内容区开始 */
.news-detail-right{display:grid;gap:0.2625rem;}
.news-detail-right h5{color:#313232;font-size:var(--f24);line-height:1.5;margin-bottom:1em;}
.news-detail-right .about-news ul{display:grid;gap:0.1rem;}
.news-detail-right .about-news ul li a{display:flex;align-items:center;gap:0.1rem;}
.news-detail-right .about-news ul li a .img{max-width:0.79375rem;width:100%;border-radius:.02rem;}
.news-detail-right .about-news ul li a .img-db:after{padding-top:71.66%;display:block;content:'';}
.news-detail-right .about-news ul li a .about-news-title h6{font-size:var(--f17);color:#313232;line-height:1.8em;height:3em;transition:all .5s;}
.news-detail-right .about-news ul li a .about-news-title h6:hover{color:var(--themeColor);}
.news-detail-right .about-news ul li a .about-news-title p{font-size:var(--f14);line-height:1.5;margin-top:.1rem;color:#999;}
.news-detail-right .about-like ul{display:flex;gap:10px;flex-wrap:wrap;}
.news-detail-right .about-like ul li a{padding:0 10px;background:#fff;display:flex;align-items:center;justify-content:center;height:0.19375rem;transition:all .5s;color:#636364;font-size:var(--f14);line-height:1.5;border-radius:.03rem;}
.news-detail-right .about-like ul li a:hover{background:#c80a14;color:#fff;}
.news-detail-right .about-faq ul{display:grid;gap:0.125rem;}
.news-detail-right .about-faq ul li a{display:block;padding-bottom:0.1rem;border-bottom:1px solid #e8e9ea;}
.news-detail-right .about-faq ul li a h6{color:#313232;font-size:var(--f17);line-height:1.5;transition:all .5s;}
.news-detail-right .about-faq ul li a:hover h6{color:#eb0000;}
.news-detail-right .about-faq ul li a p{color:#c2c3c3;font-size:var(--f14);margin-top:.0625rem;}
/* 右侧内容区结束 */

/* 内容区域结束 */

.good-list-title{padding:0.3125rem 0 0.225rem;display:flex;align-items:center;justify-content:space-between;}
.good-list-title h5{color:#000000;font-size:var(--f35);line-height:1.5;}
.good-list-title a{display:flex;align-items:center;gap:.0625rem;color:#434343;font-size:var(--f18);line-height:1.5;}
.good-list-title a i{color:#272636;font-size:var(--f24);}

/*案例列表页面*/
.case-banner{padding:1.9rem 0 0.4rem;}
.case-banner h4{color:#fff;font-size:var(--f50);line-height:1.5;font-weight:bold;}
.case-banner h5{color:#fff;font-size:var(--f30);line-height:1.5;text-transform:uppercase;}
.case-menu{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:0.26rem;}
.case-menu li a{display:flex;align-items:center;justify-content:center;gap:0.1rem;color:#171616;font-size:var(--f20);background:#f5f5f5;height:0.50rem;transition:all .5s;}
.case-menu li a *{transition:all .5s;}
.case-menu li a i{color:#4d4d4d;font-size:var(--f26);}
.case-menu li.on a,.case-menu li.on a i{color:#fff;background:#d70000;font-weight:bold;}
.case-menu li:hover a{color:#333;font-size:var(--f20);font-weight:bold;}
.case-menu li:hover a i{color:#4d4d4d;font-weight:normal;}
.case-menu li.on a i{font-weight:normal;}
.case-menu li.on:hover a i,.case-menu li.on:hover a{color:#fff;font-weight:normal;}

.more-case-list{width:100%;justify-content:space-between;border-radius:.0625rem;}
.case-page-ul{display:grid;grid-template-columns:repeat(6,1fr);gap:.16rem;}
.case-page-ul.swiper-wrapper{display:flex;gap:0;}
.case-page-ul li.list:nth-child(1),.case-page-ul li.list:nth-child(2),.case-page-ul li.list:nth-child(5n+1),.case-page-ul li.list:nth-child(5n+2){grid-column:span 3;}
.case-page-ul li{height:2.2rem;border-radius:.05rem;overflow:hidden;grid-column:span 2;}
.case-page-ul li a{position:relative;display:block;width:100%;height:100%;padding:.2rem .2rem;}
.case-page-ul li a .img-db{left:0;top:0;}
.case-page-ul li a:hover .img-db{filter:blur(.1rem);transition:all 1s;}
.case-page-ul li a .cont{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .5s;}
.case-page-ul li a .case-logo img{object-fit:contain;height:.35rem;display:block;filter:var(--imgWhite);width:auto;max-width:100%;transition:all .5s;}
.case-page-ul li a:hover .case-logo img{height:.30rem;}
.case-page-ul li a .case-info{color:#fff;font-size:var(--f18);opacity:0;transition:all .5s;}
.case-page-ul li a .case-info h5{font-size:var(--f26);line-height:1.8;}
.case-page-ul li a .hover-bg{position:absolute; width:100%; height:50%;left:0;bottom:0;transition:all .5s; opacity:0;}
.case-page-ul li a:hover .hover-bg{  opacity:.4;}
.case-page-ul li a:hover .cont{transform:translateX(.1rem);}
.case-page-ul li a:hover .case-info{opacity:1;}
/* 案例详情页面 */
.case-detail-bg{background:#f6f6f8;}
.case-detail-banner{height:4rem;position:relative;background-position:bottom!important;}
.case-detail-banner .bg{filter:blur(.8rem);z-index:0;position:absolute;}
.case-detail-banner > .sn{position:relative;z-index:1;}
.case-detail-banner .case-title{display:flex;flex-direction:column;gap:0.15rem;}
.case-detail-banner .case-title h5{color:#fff;font-size:var(--f66);line-height:1.5;}
.case-detail-banner .case-title div{display:flex;align-items:center;gap:0.175rem;}
.case-detail-banner .case-title div h6{font-size:var(--f30);line-height:1.5;color:#fff;text-transform:uppercase;font-family:'en-font' !important;}
.case-detail-banner .sn-cont{display:flex;align-items:center;justify-content:space-between;}
.case-detail-banner .case-title div a{width:0.26875rem;height:0.26875rem;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.case-detail-banner .case-title div a::before{content:'';position:absolute;width:100%;height:100%;background:url(../img/about/bg_vod_btn.png)no-repeat;background-size:cover;animation:roll 3s infinite linear;}
.case-detail-banner .case-data{display:flex;align-items:center;gap:0.5625rem;padding-top:0.2rem;}
.case-detail-banner .case-data>div{display:flex;align-items:flex-end;}
.case-detail-banner .case-data p{color:#fff;font-size:var(--f18);line-height:1.5;}
.case-detail-banner .case-data>div div{display:flex;align-items:flex-end;}
.case-detail-banner .case-data>div span{color:#fff;font-family:avantgardebold;font-size:var(--f70);line-height:.9375; text-align:center;font-family:'number-font';margin-left:0.1rem;}
.case-detail-banner .case-data>div em{font-size:var(--f40);color:#fff;}
.case-content .sn-cont{display:flex;align-items:flex-start;}
.case-content .sn-cont .left{flex:1;background:#fff;padding:0.25rem 0.175rem 0.225rem;margin-top:-0.4rem;z-index:1;border-radius:.05rem 0rem 0rem .05rem;}
.case-content .sn-cont .left .head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.0875rem;border-bottom:1px solid #e8e8e8;margin-bottom:0.1375rem;}
.case-content .sn-cont .left .head div{display:flex;align-items:center;gap:10px;}
.case-content .sn-cont .left .head .year{color:#424242;font-size:var(--f20);font-weight:bold;line-height:1.5;}
.case-content .sn-cont .left .head .view{color:#999999;font-size:var(--f16);line-height:1.5;}
.case-content .sn-cont .left .head .view i{font-size:var(--f24);}
.case-content .sn-cont .left .case-cotent h5{color:#3b3b3b;font-size:var(--f20);line-height:1.25;margin-bottom:.075rem;}
.case-content .sn-cont .left .case-cotent p{color:#696969;font-size:var(--f18);line-height:2.2em;}
.case-content .sn-cont .right{ padding:0.20rem;width:2.29rem;margin-top:-0.9rem;background:#005ab2;display:grid;gap:0.3575rem;position:sticky;z-index:0;top:0.5rem;overflow:hidden;border-radius:.05rem;}
.case-content .sn-cont .right::before{content:'';position:absolute;width:100%;height:100%;background:url(../img/showcase/alxqbg.png)center center no-repeat;background-size:100% auto;bottom:-30%;z-index:-1;}
.case-content .sn-cont .right h5{font-size:var(--f28);line-height:1.5;color:#fff;margin-bottom:0.2rem;}
.case-content .sn-cont .right ul{display:grid;grid-template-columns:1fr 1fr;gap:0.1rem 0.15rem;}
.case-content .sn-cont .right ul li{color:#fff;font-size:var(--f17);line-height:1.5;padding-left:0.1rem;position:relative;}
.case-content .sn-cont .right ul li::before{content:'';position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;left:0;top:50%;transform:translate(0,-50%);}
.case-content .sn-cont .right .more{display:flex;flex-direction:column;gap:0.13125rem;}
.case-content .sn-cont .right .more a{display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:0.1875rem;color:#fff;line-height:1.5;font-size:var(--f18);transition:all .5s;height:0.3625rem;}
.case-content .sn-cont .right .more a:first-child{color:#171717;background:#fff;}
.case-content .sn-cont .right .more a:hover{ font-size:var(--f20);}
.case-content .sn-cont .right .next a{color:#fff;font-size:var(--f22);line-height:1.5;width:100%;}
.case-content .sn-cont .right .next a{display:flex;align-items:center;gap:10px;margin-top:0.06rem;}
.case-content .sn-cont .right .next a i{color:#fff;font-size:var(--f22);}
.case-content .sn-cont .right .goback{color:#fff;display:inline-block;margin:.3rem auto 0;font-size:var(--f20);}
/* 详情内容部分结束 */

/*服务页面*/
.service-banner{width:100%;height:100vh;}
.service-banner .text .cont{padding-bottom:.3rem;}
.service-banner .text .cont h3{letter-spacing:.04rem;font-weight:normal;}
.service-banner .text .cont h1{letter-spacing:.01rem;margin-top:0.04rem;margin-bottom:0.4rem;}
.service-banner .text .cont ul{grid-template-columns:repeat(8,1fr);display:grid;width:90%;gap:.15rem;}
.service-banner .text .cont ul li{text-align:center;border-radius:.06rem;overflow:hidden;transition:all .5s;}
.service-banner .text .cont ul li a{padding:.08rem .04rem;display:block;width:100%;height:100%;}
.service-banner .text .cont ul li:hover{background:rgba(0,0,0,.8);}
.service-banner .text .cont ul li img{width:36%;height:auto;object-fit:contain;aspect-ratio:1/1;}
.service-banner .text .cont ul li i{color:#ffffff}
.service-banner .text .cont ul li p{text-align:center;margin-top:0.08rem;color:#fff;font-size:var(--f18);}
.service-banner .text .cont .more{color:#fff;display:inline-block;align-items:center;gap:.12rem;margin-top:.6rem;}
.service-banner .text .cont .more i{font-size:var(--f32);vertical-align:sub;margin-left:.08rem;}
.service-banner .swiper-nav{position:absolute;bottom:6vh;;background:#fff;border-radius:10rem;left:50%;transform:translateX(-50%);height:.4rem;z-index:1;display:flex;}
.service-banner .swiper-nav ul{margin:0 .4rem;display:flex;}
.service-banner .swiper-nav li{margin:0 .17rem;height:100%;color:#000000;font-size:var(--f16);display:flex;}
.service-banner .swiper-nav li a{color:#000000;font-size:var(--f18);height:100%;display:flex;align-items:center;position:relative;text-wrap:nowrap;font-weight:bold;}
.service-banner .swiper-nav li a::before{content:'';height:.03rem;bottom:0;width:0;left:50%;transform:translateX(-50%);background:var(--themeColor);position:absolute;}
.service-banner .swiper-nav li.on a,.service-banner .swiper-nav li a:hover{color:var(--themeColor);}
.service-banner .swiper-nav li.on a::before,.service-banner .swiper-nav li a:hover::before{width:100%;}
.service-banner .swiper-nav > a{width:auto;height:100%;aspect-ratio:1/1;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#000000;}
.service-banner .swiper-nav > a i{font-size:var(--f16)}
.service-banner .swiper-nav > a.next{color:#fff;background:var(--themeColor);}
.service-data{width:100%;position:relative;}
.service-data .sn-cont{background-size:70% auto;background-position:90% top;background-repeat:no-repeat;padding-top:1rem;padding-bottom:.3rem;}
.service-data .sn-cont>p{margin:0.2rem 0 0.625rem;color:#888888;font-size:var(--f18);line-height:2em;}
.service-data .sn-cont ul{display:flex;align-items:center;gap:0.5625rem;margin-left:-0.4rem;}
.service-data .sn-cont ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.1125rem;text-align:center;width:1.4rem;}
.service-data .sn-cont ul li img{width:auto;height:.4rem;}
.service-data .sn-cont ul li .text span{font-size:var(--f60);color:#303030;vertical-align:middle;}
.service-data .sn-cont ul li .text em{font-size:var(--f18);color:#303030;font-weight:bold;vertical-align:middle;margin-left:.04rem;}
.service-data .sn-cont ul li p{color:#656565;font-size:var(--f18);line-height:1.2em;}
.service-data h4{color:#010000;font-size:var(--f50);line-height:1.5;font-weight:bold;}
.service-data h4 span{color:#c80a14;font-weight:bold;font-size:var(--f60);}

.strong-point{background:url(../img/s-solubg.jpg)no-repeat;background-size:cover;width:100%;position:relative;}
.strong-point-head h4{color:#010000;font-size:var(--f50);line-height:1.5;font-weight:bold;}
.strong-point-head h4 span{color:#c80a14;font-weight:bold;font-size:var(--f60);}
.strong-point-head p{color:#888888;font-size:var(--f18);line-height:1.8em;margin-top:0.1rem;}
#sp-swiper{margin-top:0.225rem;}
#sp-swiper .swiper-slide{border-radius:.0625rem;overflow:hidden;position:relative;}
#sp-swiper .img-db:after{padding-top:61.99%;content:'';display:block;}
#sp-swiper .text{position:absolute;width:100%;left:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));background-size:cover;height:1.125rem;padding:0.1875rem 0.125rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;}
#sp-swiper .text h5{color:#ffffff;font-size:var(--f26);line-height:1.5;margin-bottom:.05rem;}
#sp-swiper .text p{font-size:var(--f16);line-height:1.5;color:#fff;}
#sp-swiper .swiper-button-white{/* width:2.9375rem;height:2.9375rem;*/
background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s;}
#sp-swiper .prev_sp{left:27%;right:auto;}
#sp-swiper .next_sp{right:27%;left:auto;}
#sp-swiper .swiper-button-white:hover{background:#c80a14;}
#sp-swiper .swiper-button-white:hover i{color:#fff;}
#sp-swiper .swiper-button-white i{color:#fff;}
/* 服务详情页 */
.zonghe .crumb{bottom:0.625rem !important;}
.cf7f8f9{background:#f7f8f9;}
.service-detail-banner{aspect-ratio:1920 / 710;position:relative;z-index:1;}
.service-detail-banner .sn{height:100%;display:flex;}
.service-detail-banner .sn-cont{display:flex;height:100%;}
.service-detail-banner .sn .page-text{padding-top:3%;}
.service-detail-banner .sn .page-text h5{color:#fff;font-size:var(--f42);line-height:1.5;margin-bottom:0.1rem;}
.service-detail-banner .sn .page-text p{font-size:var(--f32);line-height:1.5;color:#fff;max-width:4.4375rem;}
.service-detail-banner .sn>div,.service-detail-banner .sn>div>div{position:relative;height:100%;width:100%;}
/* 计数器 */
.service-detail-data{margin-top:-0.50rem;position:absolute;width:100%;z-index:5;}
.service-detail-data ul{background:#fff;border-radius:.05rem;}
.service-detail-data.app ul{padding:0.175rem 0.25rem;display:flex;align-items:center;gap:1rem;justify-content:center;}
.service-detail-data.app ul li{display:flex;flex-direction:column;gap:0.08rem;align-items:center;justify-content:center;width:0.75rem;position:relative;}
.service-detail-data.app ul li:last-child::before{display:none;}
.service-detail-data.app ul li::before{content:'';position:absolute;width:1px;height:0.275rem;background:#dadada;top:50%;transform:translate(0,-50%);right:-0.5rem;}
.service-detail-data.app ul li p{font-size:var(--f18);line-height:1.5;color:#434343;}
.service-detail-data.app ul li div{display:flex;align-items:flex-end;gap:6px;position:relative;}
.service-detail-data.app ul li div .counter{font-size:var(--f55);line-height:1;color:#c80a14;font-weight:bold;}
.service-detail-data.app ul li div em{color:#303030;font-size:var(--f20);line-height:1.5;font-weight:bold;}
.service-detail-data.app ul li.on div::before{content:'';display:block;position:absolute;background:url(../images/banner-arrow.png) no-repeat center;height:100%;aspect-ratio:21/32;right:-60%;bottom:0;}
.service-detail-data.site ul{padding:0.175rem 0.25rem;display:flex;align-items:center;gap:0.24rem;justify-content:space-between;}
.service-detail-data.site ul li{display:flex;align-items:center;gap:0.13rem;}
.service-detail-data.site ul li img{width:0.20rem;height:100%;object-fit:contain;max-height:0.4rem;}
.service-detail-data.site ul li div h5{color:#090909;font-size:var(--f22);line-height:1.5;}
.service-detail-data.site ul li div p{color:#5a5a5a;font-size:var(--f16);line-height:1.5;margin-top:.05rem;}

/* wecando */
.wecando{display:grid;grid-template-columns:repeat(3,1fr);gap:0.2375rem 0.30625rem;margin-top:0.25rem;}
.wecando li a{display:flex;align-items:flex-start;gap:0.1125rem;background:#fff;padding:0.265rem 0.345rem 0.18rem;position:relative;z-index:0;border-radius:.05rem;transition:all .5s;}
.wecando li a:hover{box-shadow:0px 0px 38px rgba(199,199,199,0.26);}
.wecando li a::before{content:'';position:absolute;width:100%;height:100%;background:url(../images/apphoverbg.jpg)center no-repeat;background-size:100% 100%;left:0;top:0;border-radius:.05rem;z-index:-1;opacity:0;}
.wecando li a i{color:#000000;font-size:var(--f36);}
.wecando li a > img{ width:0.26rem;height:auto;aspect-ratio:1/1;object-fit:contain;filter:invert(1) hue-rotate(.5turn);}
.wecando li a h5{color:#2a2a2a;font-size:var(--f24);line-height:1.5;}
.wecando li a p{color:#a4a4a4;font-size:var(--f18);line-height:1.5;margin:0.06rem 0 0.1rem;}
.wecando li a div div{width:0.7375rem;height:0.23125rem;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0;color:#e4e4e4;font-size:var(--f17); border-radius:1.25rem;position:relative;z-index:0;}
.wecando li a div div::before{content:'';position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);left:-1px;top:-1px;background:var(--btnBgColor);background-size:cover;opacity:0;z-index:-1;transition:all .5s;border-radius:0.125rem;}
.wecando li a:hover div div::before{opacity:1;}
.wecando li a:hover div div{color:#fff;}
.wecando li a:hover::before{opacity:1;}
/* wedo */
.wedo{width:100%;position:relative;background:url(../img/h.jpg)center no-repeat;background-size:cover;}
.wedo .wedo-head{margin-bottom:0.25rem;}
.wedo .wedo-head h6{color:#e72830;font-size:var(--f28);line-height:1.5;}
.wedo .wedo-head .sn-cont{display:flex;justify-content:space-between;align-items:flex-end;}
.wedo .wedo-head .dtbox{transform:translateY(50%);}
.wedo .wedo-head h5{color:#fff;font-size:var(--f42);line-height:1.5;margin-top:.05rem;}
.wedo .wedo-box{display:grid;grid-template-columns:3.3125rem 1fr;}
.wedo .wedo-box .left{margin-left:calc(var(--snPaddingNum) + var(--snContPaddingNum));border-top:1px solid #464b51;}
.wedo .wedo-box .left>div{padding:0.4rem 0.3125rem 0.3rem 0;border-right:1px solid #464b51;}
.wedo .wedo-box .right .sn-cont{padding:0.2rem 0 0 0.2rem;}
.wedo .wedo-box .left p{color:#fff;font-size:var(--f16);line-height:1.925em;}
.wedo .wedo-box .right{position:relative;}
.wedo .wedo-box .right::before{content:'';position:absolute;width:calc(100% - 0.75rem);left:0;top:0;background:#464b51;height:1px;}
.wedo .wedo-box .left a{width:1.225rem;height:0.315rem;border-radius:0.15rem;display:flex;align-items:center;justify-content:center;gap:0.1875rem;background:var(--btnBgColor);background-size:cover;position:relative;font-size:var(--f19);color:#fff;margin-top:0.5rem;}
.wedo .wedo-box .right a:hover .img-db img{transform:scale(1.1);}
.wedo .wedo-box .left a i{font-size:var(--f22);}
#wedo-swiper .swiper-slide{max-width:2.4rem;}
#wedo-swiper .swiper-slide a{display:block;border-radius:.0625rem;overflow:hidden;}
#wedo-swiper .swiper-slide a .img-db:after{content:'';display:block;padding-top:53.975%;}
#wedo-swiper li.swiper-slide{height:1.8rem;}
#wedo-swiper li a{padding:.1rem .1rem;}
.dtbox{display:flex;align-items:center;gap:0.15625rem;}
.dtbox .swiper-button-white{margin-top:0;position:relative;left:0;right:0;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s;}
/* canon */
.canon ul{margin-top:0.2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.0875rem 0.10625rem;}
.canon ul li{padding:0.275rem 0.275rem 0.5rem 0.2rem;border-radius:.0625rem;overflow:hidden;position:relative;}
.canon ul li > div{position:absolute;width:100%;height:100%;left:0;top:0;z-index:0;opacity:.08;background-size:.9rem;background-repeat:no-repeat;background-position:126% 110%;transition:all .5s;}
.canon ul li h5{color:#fff;font-size:var(--f30);line-height:1.5;margin-bottom:.05rem;z-index:1;position:relative;}
.canon ul li p{position:relative;z-index:1;color:rgb(255 255 255 / 46%);font-size:var(--f16);line-height:2.1875em;}
.canon ul li:first-child{grid-row-start:1;grid-row-end:3;}
.canon ul li:first-child > div{background-size:1.5rem;background-position:160% 110%;}
.canon ul li:nth-child(5){grid-column-start:2;grid-column-end:4;}
.canon ul li:nth-child(5) > div{background-size:1rem;background-position:110% 120%;}
.canon ul li:hover > div{transform:scale(1.3);background-position:right bottom!important;}
.canon ul li:nth-child(5):hover > div{background-position:95% 110%!important;}

/* banner结束 */
/* 我们能为您做的开始 */
.wecando2 .sn-cont .wecan-site{display:grid;grid-template-columns:repeat(4,1fr);gap:0.2125rem 0.29rem;margin-top:0.375rem;}
.wecando2 .sn-cont .wecan-site>li a{padding:0.225rem 0.2rem 0.1375rem;position:relative;display:block;background:#fff;border-radius:0.1125rem;z-index:0;transition:all .5s;}
.wecando2 .sn-cont .wecan-site>li a::before{content:'';position:absolute;width:100%;height:100%;background:url(../img/bg1.jpg)no-repeat;background-size:cover;border-radius:0.1125rem;opacity:0;z-index:-1;transition:all .5s;left:0;top:0;}
.wecando2 .sn-cont .wecan-site>li a .head{display:flex;align-items:center;gap:0.1rem;padding-bottom:0.125rem;border-bottom:1px solid #f1f1f1;margin-bottom:0.2rem;}
.wecando2 .sn-cont .wecan-site>li a .head div{width:0.3125rem;height:0.3125rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .5s;}
.wecando2 .sn-cont .wecan-site>li a .head h5{color:#000000;font-size:var(--f24);line-height:1.8em;transition:all .5s;}
.wecando2 .sn-cont .wecan-site>li a .head i{color:var(--themeColor2)}
.wecando2 .sn-cont .wecan-site>li a h6{color:#404040;font-size:var(--f19);line-height:1.5;}
.wecando2 .sn-cont .wecan-site>li a ul{display:grid;gap:.0875rem;margin:0.125rem 0 0.25rem;}
.wecando2 .sn-cont .wecan-site>li a ul li{/* padding-left:0.175rem;*/
position:relative;color:#636364;font-size:var(--f16);line-height:1.5;}
.wecando2 .sn-cont .wecan-site>li a ul li i{font-size:var(--f14);margin-right:0.02rem;}
.wecando2 .sn-cont .wecan-site>li a .service-btn{position:relative;}
.wecando2 .sn-cont .wecan-site>li a .btn-text{width:1.625rem;height:0.35rem;display:flex;align-items:center;justify-content:center;opacity:0;color:#fff;font-size:var(--f18);line-height:1.5;background:var(--btnBgColor);background-size:cover;border-radius:.0625rem;transition:all .5s;margin:0;position:relative;z-index:2;}
.wecando2 .sn-cont .wecan-site>li a:hover .btn-text,.wecando2 .sn-cont .wecan-site>li a:hover::before{opacity:1;}
.wecando2 .sn-cont .wecan-site>li a:hover .head div{background:#ffffff;}
.wecando2 .sn-cont .wecan-site>li a:hover .head h5{color:var(--themeColor);}
.wecando2 .sn-cont .wecan-site>li a:hover .head i{color:var(--themeColor)}
.wecando2 .sn-cont .wecan-site>li a:hover{box-shadow:0px 0px 15px rgba(219,219,219,0.26);}
/* 我们能为您做的结束 */