/* =====头部===== */ 
body {min-width: 1200px;overflow-x: auto;}
/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;  min-width: 1200px;}
.headBox {height: 1rem; min-height: 70px; padding: 0 .3rem;transition: .5s; display: flex; background: rgba(0, 0, 0, 0.6); justify-content: space-between; box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255,.5);}
.headBox .logo img {max-width: 3rem; height: auto;}

/* 头部右侧 */
.headBox .re {display: flex; align-items: center;}
/* 导航 */
nav {height: 100%;}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative;margin-left: .7rem;}
nav .layui-nav {background: none; padding: 0; position: static;}
nav .layui-nav .layui-nav-item {line-height: initial; display: flex; align-items: center;}
nav .layui-nav .layui-nav-item dl {top: 100%;}
nav .layui-nav .layui-nav-item > a {padding: 0; font-size: var(--font18);color: #ffffff; position: relative;}
nav .layui-nav .layui-nav-more {position: relative; right: -5px;}
nav .layui-nav .layui-this:after {background: #EA0505; height: 2px;}
nav .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this>a {color: #EA0505;}
nav .layui-nav-bar {background: #EA0505;bottom: -1px; height: 2px;}
/* 语言 */
header .headluange {background: none; padding: 0; height: 100%;}
header .re .headluange li {height: 100%; display: flex; align-items: center;}
header .re .headluange li > a {padding-left: 20px; color: #fff; display: flex; align-items: center;}
header .re .headluange li .layui-nav-more {position: relative; right: -5px;}
header .re .headluange li dl {top: 100%;}
/* 邮箱 */
header .re .emailBox {margin-left: .5rem;}
header .re .emailBox .icBox {width: 0.63rem;height: 0.63rem;background: #ea0505;border-radius: 0.06rem;}
header .re .emailBox .icBox svg {max-width: 50%;}

/* 头部悬浮 */
header.c-style2 {}
header.c-style2 .headBox {background: #fff;box-shadow: -0.04rem 0rem 0rem 0.01rem rgba(48,48,48,0.05); }
header.c-style2 .headBox .logo img {filter: brightness(0); -webkit-filter:brightness(0);}
header.c-style2 nav .layui-nav .layui-nav-item > a {color: #333;}
header.c-style2 .re .headluange li > a {color: #333;}
header.c-style2 .re .emailBox .info .p1 , header.c-style2 .re .emailBox .info .p2 a {color: #333;}




/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#2AA667 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #2AA667; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {display: inline-flex; padding: .14rem .24rem; border-radius: 100px;transition: .5s; position: relative;z-index: 1; overflow: hidden;background: #ea0505; border: 1px solid transparent;}
.more1 span {color: #fff;}
.more1 .icBox {margin-left: .2rem;}
.more1 .icBox img {max-width: .35rem;}
.more1:hover {background: #fff;border-color: #EA0505;}
.more1:hover span {color: #ea0505;}
.more1:hover .icBox img {filter: invert(36%) sepia(100%) saturate(7416%) hue-rotate(356deg) brightness(86%) contrast(116%);}


/* ======首页======= */
.indexSwiper {height: 100vh;  height: 100dvh;}
.indexSlide {height: 100%; position: relative; overflow: hidden;z-index: 1;}
.indexSlide .bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexSlide .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexSlide > .box {height: 100%; display: flex; align-items: center;}
/* 控件 */
.indexSwiper .indexPage span {width: .14rem; height: .14rem; margin: .1rem !important;}
.indexSwiper .indexPage span.swiper-pagination-bullet-active {background: #EA0505;}





/* ===第一屏==== */
.indexOne {position: relative; height: 100%;}
.indexOne .btnList .item {display: inline-block; margin: 0 .15rem; min-width: 2.23rem; padding: .13rem .2rem; color: #fff;background: #ea0505;border-radius: 100px;}
.indexOne .swiper {height: 100%; --swiper-theme-color: #EA0505;} 
.indexOne .swiper .slide .bjBox {height: 100%;}
.indexOne .swiper .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;}
/* 控件 */
.indexOne .swiper .swiper-pagination {bottom: .5rem;}
.indexOne .swiper .swiper-pagination span {background: #fff;opacity: 1;width: .14rem; height: .14rem; margin: 0 .1rem;}
.indexOne .swiper .swiper-pagination span.swiper-pagination-bullet-active {background: #EA0505;}

/* ===第二屏==== */
.indexTle .imgBox img {max-width: 3rem;}
.indexTle .xian {width: 0.62rem;height: 0.02rem;background: #ea0505; display: block; margin-top: .5rem;}

.inSlideTwo .con  {position: relative; margin-top: 1.5rem;}
.inSlideTwo .con .text {margin-top: .4rem;}
.inSlideTwo .con .text p {color: #555555; line-height: 1.8;}
.inSlideTwo .con .text p a {color: #EA0505; font-weight: 700;}
.inSlideTwo .numlist {display: flex; margin-top: .4rem; }
.inSlideTwo .numlist ul {display: inline-flex;padding: .4rem 0; border-top: 1px solid rgba(207, 207, 207,.2); border-bottom: 1px solid rgba(207, 207, 207,.2);}
.inSlideTwo .numlist li {margin-right: .7rem;}
.inSlideTwo .numlist li:last-child {margin-right: 0;}
.inSlideTwo .numlist li .counter {font-size: .7rem;font-weight: 700; color: #EA0505; display: inline-block;}
.inSlideTwo .numlist li .dw {font-size: var(--font24);font-weight: 700;color: #ea0505; display: inline-block;}
.inSlideTwo .numlist li .p {color: #333333;}
.inSlideTwo .bj_icon {position: absolute;   left: -1.2rem; bottom: -23%; opacity: .06;}
.inSlideTwo .bj_icon img {max-width: 7.5rem;}

.inSlideThre .box {margin-top: .5rem;}
.inSlideThre .left {width: 47%;position: relative;}
.inSlideThre .right {width: 46%; position: relative;}
.inSlideThre .left img {max-width: 100%;}
.inSlideThre .left .leftInfo {position: absolute; padding: .3rem .55rem; bottom: .8rem; left: 15%; background: #ea0505;border-radius: 0.15rem; overflow: hidden;}
.inSlideThre .left .leftInfo::after {content: ''; position: absolute; bottom: 0; left: 0;height: 0.07rem;background: #429df8; width: 100%;}
.inSlideThre .left .num {line-height: .8; display: flex; align-items: flex-start;}
.inSlideThre .left .num .dw {font-size: var(--font24);font-weight: 700; color: #fff; display: inline-block;}
.inSlideThre .left .num .ber {font-size: .6rem;font-weight: 700; color: #fff; display: inline-block;}
.inSlideThre .left .icBox img {max-width: .6rem;}
.inSlideThre .right .text p {color: #555555; font-size: var(--font17); margin-top: .4rem; line-height: 1.9;}
.inSlideThre .right .bom {margin-top: .25rem;}
.inSlideThre .right .bom .map {margin-right: .5rem;}
.inSlideThre .right .bom .map img {max-width: 2.1rem;}
.inSlideThre .right .bom_text li {display: flex; align-items: center; font-size: .22rem; font-weight: 700; margin-bottom: 0.15rem;}
.inSlideThre .right .bom_text li .icBox img {max-width: .3rem;}
.inSlideThre .right .bom_text li .icBox {margin-right: .1rem;}
.inSlideThre .right .bj_icon {position: absolute; left: -16%; bottom: -20%;opacity: .06;}

.inSlideFour {background: #f4f4f4;}
.inSlideFour .box {margin-top: .5rem;}
.inSlideFour .box_top .left {width: 48%;position: relative;}
.inSlideFour .box_top .right {width: 50%; position: relative;}
.inSlideFour .box_top .left .text {margin-top: .6rem;}
.inSlideFour .box_top .left .text p {font-size: var(--font17); line-height: 1.9;color: #555555;}
.inSlideFour .box_top .left .more {margin-top: .6rem;}
.inSlideFour .box_top .bj_icon {position: absolute;   left: -1.2rem; bottom: -50%; opacity: .06; z-index: -1;}
.inSlideFour .box_top .right .imgBox {position: relative; z-index: 1; width: 120%;}
.inSlideFour .box_top .right .imgBox img {-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); transition: 1s;}
.inSlideFour .box_top .right .imgBox::after {content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; bottom: 0; left: 0;background: #ea0505; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition: 1s;}
.inSlideFour .box_top .right_info {position: absolute;   z-index: 1;   right: -20%; top: 0; width: 1.84rem;height: 1.84rem; border-radius: 50%; background: #ffffff;box-shadow: -0.04rem 0rem 0rem 0.01rem rgba(48,48,48,0.05); }
.inSlideFour .box_top .right_info .flex-cc {flex-direction: column;height: 100%;}
.inSlideFour .box_top .right_info .num {line-height: .8; display: flex; align-items: flex-start;}
.inSlideFour .box_top .right_info .dw {font-size: .2rem;font-weight: 900; color: #EA0505;}
.inSlideFour .box_top .right_info .ber {font-size: .6rem;font-weight: 700; color: #EA0505;}
.inSlideFour .box_top .right_info .text p {font-size: .18rem;}
.inSlideFour .box_bom {margin-top: 1rem; align-items: flex-start;}
.inSlideFour .box_bom .bomTit {background: #ea0505;border-radius: 100px;writing-mode: vertical-rl; padding: .1rem .05rem; margin-right: .35rem;}
.inSlideFour .box_bom .list {flex: 1;}
.inSlideFour .box_bom .list li {text-align: center; width: 8%;}
.inSlideFour .box_bom .list li .imBox img {max-width: 1rem;}
.inSlideFour .box_bom .list li span {display: block; margin-top: .05rem; font-size: var(--font17);}
.inSlideFour.swiper-slide-active .box_top .right .imgBox img {transition-delay: 1s; -webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);}
.inSlideFour.swiper-slide-active .box_top .right .imgBox::after {transition-delay: 1s; bottom: -.3rem; -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);}


.inSlideFive .box {margin-top: .5rem;}
.inSlideFive .left {width: 50%;position: relative; overflow: hidden;}
.inSlideFive .right {width: 42%; position: relative;}
.inSlideFive .left .imglist {display: grid; grid-template-columns: repeat(2,1fr); gap: .1rem;}
.inSlideFive .left .imglist img {max-width: 100%;}
.inSlideFive .left_info {position: absolute; z-index: 1;left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.84rem;height: 1.84rem; }
.inSlideFive .left_info .flex-cc {flex-direction: column;height: 100%; background: #ffffff;box-shadow: -0.04rem 0rem 0rem 0.01rem rgba(48,48,48,0.05); border-radius: 50%;}
.inSlideFive .left_info .num {line-height: .8; display: flex; align-items: flex-start;}
.inSlideFive .left_info .dw {font-size: .2rem;font-weight: 900; color: #EA0505;}
.inSlideFive .left_info .ber {font-size: .6rem;font-weight: 700; color: #EA0505;}
.inSlideFive .left_info .text p {font-size: .18rem;}
.inSlideFive .right .text p {color: #555555; font-size: var(--font17); margin-top: .4rem; line-height: 1.9;}
.inSlideFive .right ul {display: flex; justify-content: space-between; margin-top: .4rem;}
.inSlideFive .right li {text-align: center;}
.inSlideFive .right li .icBox { height: .9rem; width: .9rem; background: #dfdfdf;border-radius: 0.04rem 0rem 0rem 0rem; display: flex; align-items: center; justify-content: center;}
.inSlideFive .right li .icBox img {max-width: 50%;}
.inSlideFive .right li span {display: block;font-weight: 700; font-size: var(--font17); margin-top: .1rem;}
.inSlideFive .right .bj_icon {position: absolute; left: -16%; bottom: -3%;opacity: .06;}
.inSlideSix .footer {height: 100%;padding-top: 1.5rem;}

/* ========================== 底部 ========================== */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0; position: relative;}
.footer .footer_nav {width: 70%;}
.footer .footer_nav .nav {flex: 1;}
.footer .footer_nav .nav dl:last-child{display: none;}
.footer_us {margin-left: 15%;}
.footer_nav dl dt {font-size: var(--font18); font-weight: 800; color: #fff; padding-bottom: .2rem;}
.footer_nav dl dd {margin: .1rem 0;}
.footer_nav dl dd, .footer .footer_nav dl dd a {color: #fff; font-size: var(--font17);}
.footer_nav dl dd a:hover {color: #EA0505;}
.footer_us ul {margin-top: 1rem;}
.footer_us ul li svg path {fill: #fff; transition: .5s;}
.footer_us ul li:hover svg path {fill: revert-layer;}
.foterBom {margin-top: .3rem;}
.foterBom .zixun {border: 1px solid #ffffff;border-radius: 0.06rem; transition: .5s;}
.foterBom .zixun a {padding: .2rem .3rem;}
.foterBom .zixun:hover {background: #EA0505; border-color: #EA0505;}
.foterBom .form {display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: .2rem;}
.foterBom .form .apply1 {width: 24%; margin-top: .25rem;}
.foterBom .form .apply2 {width: 49.34%;}
.foterBom .form .applyCode {width: 37.8%; position: relative;}
.foterBom .form .apply1 input {width: 100%; height: 0.61rem;border: 1px solid #cfcfcf; min-height: 50px; background: none; color: #fff;}
.foterBom .form .apply1 input::placeholder {color: #cfcfcf; font-size: var(--font14);}
.foterBom .form .applyCode input {padding-right: 1.3rem;}
.foterBom .form .applyCode img {width: 1.2rem; position: absolute; right: .1rem; top: 50%; transform: translateY(-50%); max-height: 80%; object-fit: contain;}
.foterBom .form .sub {margin-top: .25rem; width: 10%;}
.foterBom .form .sub input {cursor: pointer; width: 100%; height: 100%;background: #ea0505;border-radius: 0.06rem;}
.coprRight {position: absolute; bottom: 0; left: 0; width: 100%;background: #ea0505; padding: .15rem 0;}
.coprRight p , .coprRight p a {font-size: var(--font15); color: #fff;}

.footer_us ul li {      position: relative;     transition: transform 0.2s ease;}
 /* ---------- 二维码卡片 (tooltip) ---------- */
        .qr-popup {
            position: absolute;
            bottom: calc(100% + 18px);    /* 在图标上方 */
            left: 50%;
            transform: translateX(-50%) scale(0.85);
            background: #ffffff;
            padding: .1rem;
            border-radius: 10px;
            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.25s cubic-bezier(0.2, 0.9, 0.4, 1), 
                        transform 0.25s cubic-bezier(0.2, 0.9, 0.4, 1),
                        visibility 0.25s;
            z-index: 100;
            pointer-events: none;          /* 防止干扰鼠标事件 */ 
            min-width: 120px;
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(2px);
        }

        /* 小三角箭头 (朝下) */
        .qr-popup::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border: 8px solid transparent;
            border-top-color: #ffffff;
            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
        }

        /* 二维码图片本身 */
        .qr-popup img {
            display: block;
            width: 100px;
            height: 100px;
            border-radius: 12px;
            background: #f8f9fc;
            padding: 0;
            object-fit: contain;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        /* 二维码下方的标签 */
        .qr-popup .label {
            margin-top: 6px;
            font-size: 0.75rem;
            font-weight: 500;
            letter-spacing: 0.3px;
            color: #1e293b;
            background: #f1f5f9;
            padding: 2px 12px;
            border-radius: 30px;
            opacity: 0.8;
            /* grid-template-columns: repeat(3,1fr); */
        }

        /* 悬浮时显示二维码卡片 */
        .flex-sb li:hover .qr-popup {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) scale(1);
            pointer-events: auto;       /* 如果二维码内有点击需求可以开启，但这里仅展示 */
        }





/* ==========================内页=============================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%;}
.ny-banner .container15 {height: 100%;}
.ny-banner .banCon {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.ny-banner .banCon h3 {font-weight: 400;color: #ffffff;}
.ny-banner .banCon small {font-weight: 700;color: rgba(255, 255, 255,.14);display: block; text-transform: uppercase;}
.ny-banner .banCon i {display: inline-block; width: .6rem;height: 2px;background: #fff; margin-top: .2rem;}
.nyNav {position: absolute;bottom: 0; width: 100%; left: 0; z-index: 1; background: rgba(0, 0, 0,.2);}
.nyNav ul {display: flex;margin: auto;}
.nyNav ul li {margin-right: 1px;}
.nyNav ul li a {color: #ffffff; padding: .2rem .5rem; display: block;transition: .5s;}
.nyNav ul li:hover a {background: #EA0505;}
.nyNav ul li.on {background: #EA0505;}

.aboutMain .box {overflow-x: auto;}
/* .aboutMain .box img {max-width: 100%; height: auto !important;} */


/* 主营业务 */
.business {padding: 1rem; max-width: 1920px; margin: auto;}
.business .tit {}
/* .business ul {display: flex; margin-top: .5rem; justify-content: space-between; flex-wrap: wrap;} */
.business .swiperBox {position: relative; margin-top: .5rem;}
.business .swiper {position: static;  --swiper-theme-color: #EA0505;}
.business li {border-radius: .1rem; overflow: hidden; position: relative;}
.business li .imgBox {position: relative;z-index: 1;}
.business li .imgBox img {width: 100%; position: relative; z-index: 1; transition: .5s;}
.business li .imgBox::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 80px; z-index: 2; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); transition: all 0.36s;}
.business li .imgBox .tit {position: absolute;bottom: 0;left: 0; color: #fff; z-index: 2; padding: .3rem; transition: all 0.36s;}
.business li .hide {position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 2; opacity: 0; transition: .5s; padding: .3rem .2rem;}
.business li .hide .tit2 {font-size: var(--font24); color: #fff; font-weight: 700;}
.business li .hide .text {margin: .2rem 0 .4rem 0;}
.business li .hide .text p {color: #fff;}
.business .pagtion {bottom: -.5rem;}
.business .swjt {position: absolute; top: 50%;; width: .6rem; height: .6rem; background: #f5f5f5; border-radius: 50%; }
.business .swjt i {font-size: var(--font18); color: #333;}
.business .swiper-button-prev {left: 0;}
.business .swiper-button-next {right: 0;}


.business li:hover .imgBox img {transform: scale(1.1);}
.business li:hover .imgBox .tit {opacity: 0;}
.business li:hover .hide {opacity: 1;}


/* 业务范围 */
.scopeMain {padding: .5rem 0;}
.scopeMain .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .5rem;}
.scopeMain .list li {text-align: center;}
.scopeMain .list li .imgBox {overflow: hidden;}
.scopeMain .list li .imgBox img {width: 100%; transition: .5s;}
.scopeMain .list li span {display: block; margin-top: .1rem;}
.scopeMain .list li:hover .imgBox img {transform: scale(1.05);}


/* 详情页 */
.punlicMain .zw {height: 1rem; min-height: 70px;}
.mbx {position: relative; display: inline-block; z-index: 1; padding: .2rem 0; padding-right: .5rem;}
.mbx::after {content: ""; position: absolute; width: 100vw; top: 0;  height: 100%; background: #EA0505;right: 0;left: auto;-webkit-clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100% 100%);clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%); z-index: -1;}
.mbx {color: #fff;}
.mbx a {color: #fff;}

.punlicDate {padding: .7rem 0;}
.punlicDate .info {width: 100%;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42);padding: .5rem;box-sizing: border-box;}
.punlicDate .box {display: flex; justify-content: space-between; align-items: flex-start;}
.punlicDate .tle {padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2;}
.punlicDate .tle .tit2 {color: #333333;font-size: var(--font24);font-weight: 400;}
.punlicDate .dateInfo {margin-top: .4rem;}
.punlicDate .dateInfo img {max-width: 100%; height: auto !important;}

.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .02rem;color: #666666;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #EA0505;color: #fff;border-radius: 60px;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #EA0505;}
.newsxq-page .pagefy:active em {color: #EA0505; }
.newsxq-page .pagefy:active svg path {fill: #EA0505;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #EA0505; }
.newsxq-page .pagefy:hover svg path {fill: #EA0505;}
}