header{width: 100%;position: fixed;left: 0;top: 0;z-index: 99;box-shadow: 2px 5px 5px rgb(0 0 0 / 10%);background-color: rgba(1,50,126,.7);}
header.bg{background-color: #fff;}
header>.cont>a{padding-top: 20px;}
header>.cont>a>img{height: 60px;}
header>.cont>ul{width: 50%;}
header>.cont>ul>li{}
header>.cont>ul>li>a{line-height: 100px; font-size: 18px; font-weight: bold; color: #fff; position: relative;}
header>.cont>ul>li>a::before{position: absolute;content: "";width: 0px;height: 3px;background: #cc0505;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}
header .cont ul li:hover a::before{width: 100%;}
header>.cont>ul>li:hover>a{color: #cc0505;}
header.bg .cont>p{color: #333;}
header>.cont>p{line-height: 30px;padding: 15px 0;padding-left: 40px;box-sizing: border-box;background-image: url(../images/24tel.png);background-repeat: no-repeat;background-position: left;background-size: 30px 30px;  text-align: right;
    display: flex;
    align-items: center; color: #fff;}
header>.cont>p>i{font-size: 22px;}
header.bg .cont>ul>li>a{line-height: 100px; font-size: 18px; font-weight: bold; color: #333;}
.inx-01{width: 100%;height: 100vh;overflow: hidden;position: relative;}
.inx-01-swi{width: 100%;height: 100%;}
.inx-01-swi>ul,.inx-01-swi>ul>li,.inx-01-swi>ul>li>a{width: 100%;height: 100%;}
.inx-01-swi>ul>li{overflow: hidden;}
.inx-01-swi>ul>li>a>img{width: 100%;height: 960px;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}
.inx-01-swi>ul>li>a{position: relative;}
/* .inx-01-swi>ul>li>a::before{content: "";left: 0;top: 0;width: 100%;height: 100%;background-image: url(../images/wg.png);position: absolute;z-index: 1;} */
.banner-txt{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);color: #fff;max-width: 50%;z-index: 2;}
.banner-txt>h3{font-weight: 700;}
.banner-txt>h5{text-transform: uppercase;margin-top: 20px;line-height: 36px;color: #ebebeb;}
.banner-txt>p{width: 150px;line-height: 50px;background-color:#cc0505;color: #fff;text-align: center;margin-top: 30px;}
.inx-link{position: absolute;right: 0;bottom: 0;z-index: 3;width: 50%;}
.inx-link>ul{width: 100%;background-color: rgb(0 0 0 / 30%);}
.inx-link>ul>li{width: 25%;border-right: 1px solid rgba(255,255,255,.2);padding: 20px 0;box-sizing: border-box;}
.inx-link>ul>li:hover{background-color: #cc0505;}
.inx-link>ul>li:last-child{border: none;}
.inx-link>ul>li>a>img{margin:0 auto;width: 50px; display: block;}
.inx-link>ul>li>a>p{color: #fff;text-align: center;margin-top: 10px;}

.inx-003-btm{position: absolute;left:5%;bottom: 5%;z-index: 4;width: 120px;}
.inx-003-btm>a{background-color:#cc0505;color: #fff;width:180px;text-align: center;padding:15px 0;border-radius: 60px;}
.inx-003-prv,.inx-003-next{width:32px;height: 32px;background-color: rgb(245 245 245 / 50%);cursor: pointer;border-radius: 60px;padding: 10px;margin-left: 20px;margin-right: 20px;}
.inx-003-prv>em,.inx-003-next>em{width:32px;height: 32px;display: block;background-image: url(../images/left.png);background-size:auto 100%;background-repeat:no-repeat;background-position: center;}
.inx-003-prv:hover{background-color: #fff;}
.inx-003-next>em{background-image: url(../images/right.png);}
.inx-003-next:hover{background-color: #fff;}



.inx-02{width: 100%; padding: 100px 0px; background-image: url(../images/inx-bj1.jpg);background-size: cover;}
.inx-02>.cont{height: auto;position: relative;}
/* .inx-box{position: absolute;left: 0;top: 54%;transform: translateY(-50%);width: 100%;} */
.inx-02-left{width: 100%;}
.inx-02-left>h3{font-weight: bold; color: #fff; font-size: 50px; font-family: 'Oswald', sans-serif !important;}
.inx-02-left>h5{color:#fff;margin-top: 20px; font-weight: bold; font-size: 26px; line-height: 1.8;}
.inx-02-left>p{line-height: 32px;margin-top: 40px; width: 70%; color: #fff;}
.inx-02-left>a{width: 150px;line-height: 36px; border: 1px solid #fff; color: #fff;text-align: center;margin-top: 30px; font-size: 14px;}
.inx-02-left>ul{margin-top: 40px; height: 128px; background-color: rgba(255,255,255,.08);}
.inx-02-left>ul>li{width: 20%; padding: 20px 0px; float: left; text-align: center;}
.inx-02-left>ul>li:hover{background-color: #01327e; transition: all 0.8s ease;}
.inx-02-left>ul>li:hover img{transform: scaleX(-1) rotate(5deg); transition: transform 0.3s ease;}
.inx-02-left>ul>li>span{overflow: hidden;width: 100%;display: block; color: #fff;}
.inx-02-left>ul>li>span img{width: 60px; height: 60px; margin: 0 auto;}
.inx-02-left>ul>li>p{color: #fff; font-size: 16px;}

.inx-03{width: 100%;padding: 100px 0px;}
.inx-03>.cont{height: auto;position: relative;}
.inx-03 .cont h3 strong{font-weight: bold; font-size: 50px; line-height: 1.4; color: #01327e; font-family: 'Oswald', sans-serif !important;}
.inx-03 .cont h3{font-size: 26px; font-weight: bold; line-height: 1.4; color: #cc0505; font-family: 'Oswald', sans-serif !important;}
.inx-03 .e_line{border-top-style:solid;border-top-color:#01327e;border-top-width:2px; width: 50px; margin: 10px 0px;}
.inx-03 .cont h5{font-size: 16px; color: #333;}
.inx-03-tap{width: 100%;}
.inx-03-tap>ul{width: 100%;border:1px solid rgb(0 0 0 / 10%)}
.inx-03-tap>ul>li{width: 25%;padding: 15px 0;text-align: center;position: relative;}
.inx-03-tap>ul>li::after{position: absolute;right: 0;top: 50%;content: "";width: 1px;height: 60%;background-color: rgb(0 0 0 / 10%);transform: translateY(-50%);}
.inx-03-tap>ul>li:last-child::after{display: none;}
.inx-03-tap>ul>li>a>img{width: 50px;margin:0 auto;margin-bottom: 10px;}
.inx-03-tap>ul>li>a>img:nth-child(2){display: none;}
.inx-03-tap>ul>li.active>a,.inx-03-tap>ul>li:hover>a{color:#cc0505;}
.inx-03-tap>ul>li.active>a>img:nth-child(1),.inx-03-tap>ul>li:hover>a>img:nth-child(1){display: none;}
.inx-03-tap>ul>li.active>a>img:nth-child(2),.inx-03-tap>ul>li:hover>a>img:nth-child(2){display: block;}
.inx-03-list-box{width: 100%;margin-top: 70px;}
.inx-03-list{width: 100%;}
.inx-03-list>ul{width: 100%;}
.inx-03-list>ul>li{width: 25%;padding: 10px 20px;box-sizing: border-box;}
.inx-03-list>ul>li>a{width: 100%; box-sizing: border-box;background-color: #fff; box-shadow: 0px 0px 6px rgb(0 0 0 / 13%);}
.inx-03-list>ul>li>a>.img_box{width: 100%;height: 265px;position: relative;}
.inx-03-list>ul>li>a>.img_box::before{position: absolute;content: "";width:100%;height: 100%;background-color:rgba(1, 50, 126, 0.8);top: 0; left: 0; z-index: 1; opacity: 0;transition:all 0.5s ease;}
.inx-03-list>ul>li>a>.img_box::after{position: absolute;content: "";width:70px;height: 70px;background-color:#cc0505;border-radius: 50%;left: 50%;top:50%;transform:translate(-50%,-50%);z-index: 2;background-image: url(../images/pro-more.png);background-size:50% auto;background-position:center center;background-repeat: no-repeat;opacity: 0;transition:all .6s;}
.inx-03-list>ul>li:hover>a>.img_box::before,.inx-03-list>ul>li:hover>a>.img_box::after{opacity: 1;}
.inx-03-list>ul>li>a>p{line-height: 60px;text-align: center; background-color: #01327e; color: #fff;}
.inx-03-btm{margin-top: 50px;}
.inx-03-btm>a{background-color:#cc0505;color: #fff;width:180px;text-align: center;padding:15px 0;border-radius: 60px;}
.inx-03-prv,.inx-03-next{width:40%;height: 50px;background-color: #f5f5f5;cursor: pointer;border-radius: 60px;}
.inx-03-prv>em,.inx-03-next>em{width:50px;height: 50px;display: block;margin-left: 20px;background-image: url(../images/prv-jt.png);background-size:auto 80%;background-repeat:no-repeat;background-position: center;}
.inx-03-prv:hover>em{background-image: url(../images/prv-jt-1.png);}
.inx-03-next>em{margin-left:auto;margin-right: 20px;background-image: url(../images/prv-jt1.png);}
.inx-03-next:hover>em{background-image: url(../images/prv-jt1-1.png);}

.inx-04{width: 100%; padding: 60px 0px; background: url(../images/inx-bj3.jpg) no-repeat center center;background-size: cover;}
.inx-04 .cont .title{width: 70%; float: left;}
.inx-04 .cont .title h3 strong{font-weight: bold; font-size: 50px; line-height: 1.4; color: #01327e; font-family: 'Oswald', sans-serif !important;}
.inx-04 .cont .title h3{font-size: 36px; font-weight: bold; line-height: 1.4; color: #cc0505; font-family: 'Oswald', sans-serif !important;}
.inx-04 .title .e_line{border-top-style:solid;border-top-color:#01327e;border-top-width:2px; width: 50px; margin: 10px 0px;}
.inx-04 .cont .title h5{font-size: 16px; color: #333;}
.inx-04 .cont .more{float: right;}
.inx-04 .cont .more a{display: block; width: 160px; line-height: 42px; background-color: #01327e; font-size: 16px; text-align: center; color: #fff;}
.inx-04 .cont .more a:hover{background-color: #cc0505;}
.inx-04-box{width: 100%;height: 100vh;padding-top: 18vh;box-sizing: border-box;overflow: hidden;}
 /* ========= 自动滚动播放卡片区域 (无箭头，纯粹自动滚动) ========= */
        .auto-scroll-container {
            width: 100%;
            margin-top: 8px;
            overflow: hidden;
            position: relative;
			padding: 60px 0px;
        }

        /* 滚动轨道 - 实现自动无限平滑滚动 */
        .scroll-track {
            display: flex;
            gap: 28px;
            width: max-content;
            will-change: transform;
            animation: scrollAnimation 28s linear infinite;
        }

        /* 自动滚动关键帧 - 平滑向左移动 */
        @keyframes scrollAnimation {
            0% {
                transform: translateX(0);
            }
            100% {
                /* 移动一组完整卡片的距离 (卡片宽度+间距)*卡片个数的一半(保证无缝) 
                   具体值动态由js设置，但为了平滑，我们采用js动态计算复制卡片组和调整动画参数，
                   但是为了完全无箭头自动，且无缝无限，可使用双组复制 + css动画。
                   为了优雅可靠: 使用js来动态设置滚动宽度并保证无限循环。同时鼠标悬停暂停动画。
                   纯css+js结合实现最佳。
                */
                transform: translateX(-50%);
            }
        }

        /* 卡片样式 */
        .product-card {
            width: 260px;
            flex-shrink: 0;
            background: #ffffff;
            overflow: hidden;
            cursor: pointer;
        }

        /* 卡片图片区域 */
        .card-img {
            width: 100%;
            height: 180px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: transform 0.4s ease;
        }
		.card-img img{max-width: 100%;}
        .product-card:hover .card-img {
            transform: scale(1.02);
        }

        .card-info {
            padding: 0px 0px;
            text-align: center;
        }

        .product-name {
            font-size: 16px;
            color: #333;
            margin-bottom: 6px;
        }

        .product-badge {
            font-size: 0.7rem;
            color: #7c8b9c;
            margin-top: 6px;
            display: flex;
            justify-content: center;
            gap: 6px;
            letter-spacing: 0.2px;
        }

        /* 滚动状态提示 (小圆点装饰，仅视觉) */
        .scroll-hint {
            text-align: center;
            margin-top: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
        .hint-dot {
            width: 6px;
            height: 6px;
            background: rgba(255,255,210,0.7);
            border-radius: 50%;
        }
        .hint-text {
            font-size: 12px;
            color: rgba(255,255,240,0.9);
            letter-spacing: 0.5px;
            background: rgba(0,0,0,0.35);
            padding: 4px 12px;
            border-radius: 30px;
            backdrop-filter: blur(4px);
        }

        /* 响应式调整 */
        @media (max-width: 900px) {
            .section-inner {
                padding: 24px 20px 20px;
            }
            .main-title {
                font-size: 2rem;
            }
            .detail-btn {
                padding: 8px 24px;
                font-size: 0.85rem;
            }
            .product-card {
                width: 230px;
            }
            .card-img {
                height: 150px;
            }
            .scroll-track {
                gap: 20px;
            }
        }

        @media (max-width: 650px) {
            .header-row {
                flex-direction: column;
            }
            .detail-btn {
                align-self: flex-start;
                white-space: nowrap;
            }
            .product-card {
                width: 210px;
            }
            .keyword-tag {
                font-size: 0.75rem;
                padding: 4px 14px;
            }
        }

        /* 暂停动画的class */
        .scroll-track-paused {
            animation-play-state: paused !important;
        }

.inx-05{width: 100%;height: 100%;padding-top:150px;box-sizing: border-box;position: relative;overflow: hidden;background: url(../images/newsbg.jpg) no-repeat;}
.inx-05>.cont{height: 100%;position:relative;}
.inx-05 .cont h3 strong{font-weight: normal; font-size: 50px; line-height: 1.4; color: #fff; font-family: 'Oswald', sans-serif !important;}
.inx-05 .cont h3{font-size: 26px; font-weight: bold; line-height: 1.4; color: #fff; font-family: 'Oswald', sans-serif !important;}
.inx-05>img{position: absolute;right: -5%;top: -5%;opacity: .8;}
.inx-05-tap{position: absolute;left: 0;width: 100%;top: 10px;}
.inx-05-tap>ul>li{padding:0 40px;position: relative;}
.inx-05-tap>ul>li::before{position: absolute;content: "";left: -30px;border:1px dashed rgba(0,0,0,.1);width: 60px;top: 50%;transform: translateY(-50%);}
.inx-05-tap>ul>li:last-child::after{position: absolute;content: "";right: -30px;border:1px dashed rgba(0,0,0,.1);width: 60px;top: 50%;transform: translateY(-50%);}
.inx-05-tap>ul>li img{width: 40px;height: 40px;margin:0 auto;display: none;}
.inx-05-tap>ul>li img:nth-child(1){display: block;}
.inx-05-tap>ul>li.active img:nth-child(1){display: none;}
.inx-05-tap>ul>li:hover img:nth-child(1){display: none;}
.inx-05-tap>ul>li.active img:nth-child(2){display: block;}
.inx-05-tap>ul>li:hover img:nth-child(2){display: block;}
.inx-05-tap>ul>li h5{color: #9a9a9a;margin-top: 10px;font-size: 22px;}
.inx-05-tap>ul>li.active h5{color:#cc0505;}
.inx-05-tap>ul>li:hover h5{color:#cc0505;}
.inx-05-box{height: 650px;}
.inx-05.active .inx-05-box{transform: translateY(0);opacity: 1;transition-delay: .3s;}
.inx-05-list{ margin-top: 80px;}
.inx-05-list>ul>li{width: 33.3%;padding:0 30px;padding-top: 60px;box-sizing: border-box;transition: all .6s ease-in-out;}
.inx-05-list>ul>li>a{transition: all .6s ease-in-out;}
.inx-05-list>ul>li.swiper-slide-active{padding-top: 0;}
.inx-05-list>ul>li.swiper-slide-active a{box-shadow: 0 0 31px 3px rgb(0 0 0 / 5%);box-sizing: border-box;}
.inx-05-list>ul>li .img_box{height: 34vh;}
.inx-05-info{width: 100%;padding:20px 20px;box-sizing: border-box;transition: all .6s ease-in-out; background-color: #fff;}
.inx-05-info>em{color:#cc0505;}
.inx-05-info>h5{line-height: 30px;margin-top: 10px;margin-bottom: 15px;}
.inx-05-info>p{height: 0;overflow: hidden;}
.inx-05-list>ul>li.swiper-slide-active .inx-05-info{background-color: #fff;padding:30px;}
.inx-05-list>ul>li.swiper-slide-active .inx-05-info>p{height: 100%;transition: all .6s ease-in-out;}
.inx-05-btn{ position:absolute;bottom: 50px;width: 100%;}
.inx-05-prv,.inx-05-next{width: 50px;height: 50px;background-image: url(../images/left.png);background-size: 60%;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.inx-05-next{background-image: url(../images/right.png);}
.inx-05-btn>ul{margin-right: 20px;margin-left: 20px;margin-top: 21px;}
.inx-05-btn>ul>li{width: 8px;height: 8px;background-color: #9a9a9a;border-radius: 50%;cursor: pointer;margin:0 10px;}
.inx-05-btn>ul>li.active{background-color:#cc0505;}
.inx-07{width: 100%;height: 100%; padding: 80px 0px; box-sizing: border-box;position: relative;overflow: hidden;background: url(../images/lxwmbg.jpg) top no-repeat;}
.inx-07 .contact{width: 40%; padding: 60px 40px; float: left; background-color: rgb(255 255 255 / 70%); height: 460px;}
.inx-07 .contact p{color: #333; line-height: 30px;}
.inx-07 .contact .lxfs{margin-top: 40px; font-weight: bold;}
.inx-07 .contact .title h3{font-size: 36px; font-weight: bold; line-height: 1.4; color: #cc0505; font-family: 'Oswald', sans-serif !important;}
.inx-07 .contact .e_line{border-top-style:solid;border-top-color:#01327e;border-top-width:2px; width: 50px; margin: 10px 0px;}
footer{padding:100px 0 10px 0;background-color: #01327e;background-repeat: no-repeat;background-position: top;position: relative;z-index: 2; border-top: 4px solid #cc0505;}
.footer-con{width: 86%;margin:0 auto; padding:0 15px; color:#fff;}
.footer-top{ padding-bottom: 7.59vh; }
.footer-l>a:nth-child(2){margin-top: 40px;width: 160px;line-height: 50px;background-color:#cc0505;text-align: center;color: #fff;}
.footer-l>a>img{height: 60px;}
.footer-nav{max-width:30%;}
.footer-tit{color: #fff;position: relative;padding-bottom: 15px;margin-bottom: 15px;}
.footer-tit:after{position: absolute;content: "";left: 0;bottom: 0;width:30px;height: 2px;background-color:#cc0505;}
.footer-nav>ul>li{width:33.3%;}
.footer-nav>ul>li:last-child{margin-right: auto;}
.footer-nav>ul>li>a{color: #fff;line-height: 40px;}
.footer-lx>h3{color: #fff;}
.footer-lx>p{font-size: 16px; color: #fff;}
.footer-ewm>img{ width:151px;height: 151px;}
.footer-ewm>p{text-align:center;font-size: 16px;}
.footer-bottom{width:100%;border-top: 1px solid #fff;font-size: 14px;line-height: 26px;padding: 5vh 0px;}
.footer-bottom>p>a{display: inline-block;color: #fff;}
.footer-bottom>p>a>img{display: inline-block;}
.footer-bottom p{color: #fff;}
.oth-banner{width: 100%;height: 460px;position: relative;overflow: hidden;}
.oth-banner>img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}
/* .oth-banner::after{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgb(0 0 0 / 30%);z-index: 1;content: "";} */
.oth-banner-txt{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);z-index: 2;color: #fff;}
.oth-banner-txt>h3{font-weight: 700;}
.web-mbx{padding:20px 0;background-color: #f5f5f5;}
.web-mbx p{line-height: 32px;}
.web-mbx p>img{display: inline-block;float: left;margin-right: 10px;}
.web-mbx p>a{ display: inline-block;}

.ab-01-left{width: 50%;}
.t3{font-weight: 700;}
.t5{text-transform: uppercase;color:#cc0505;margin-top: 5px;}
.ab-01-info{margin-top: 40px;}
.ab-01-info>p{line-height: 32px;text-align: justify;}
.ab-01-right{width: 45%;padding: 10px;box-sizing: border-box;position: relative;}
.ab-01-right>.img_box{position: relative;z-index: 2;height: 100%;box-shadow: 0 0 31px 25px rgb(0 0 0 / 5%);width: 100%;}
.ab-01-right::before,.ab-01-right::after{position: absolute;width: 180px;height: 180px;content: "";right: 0;top:0;background-color:#cc0505;z-index: 1;}
.ab-01-right::after{left: 0;right: auto;bottom: 0;top: auto;}
.ab-02{width: 100%;background-image: url(../images/ab-bj1.jpg);background-position: bottom;background-color: #fafafa;background-repeat: no-repeat;}
.ab-02>.cont>h3,.ab-02>.cont>h5{text-align: center;}
.ab-02-box{width: 100%;margin-top: 60px;position: relative;}
.ab-02-box>ul{background-color: rgba(255,255,255,.5);box-shadow: 0 0 31px 25px rgb(0 0 0 / 5%);box-sizing: border-box;}
.ab-02-box>ul>li{width: 50%;box-sizing: border-box;padding:60px 80px;text-align: center;}
.ab-02-box>ul>li:nth-child(1),.ab-02-box>ul>li:nth-child(3){border-right: 1px solid rgb(0 0 0 / 10%);}
.ab-02-box>ul>li:nth-child(1),.ab-02-box>ul>li:nth-child(2){border-bottom: 1px solid rgb(0 0 0 / 10%);}
.ab-02-box>ul>li>img{width: 50px;margin: 0 auto;margin-bottom: 20px;}
.ab-02-box>ul>li>p{margin-top: 5px;}
.ab-02-con{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 200px;height: 200px;z-index: 3;}
.ab-02-con>.box{width: 100%;height: 100%;position: relative;border: 1px solid #012866;background-color: #fff;border-radius: 50%;background: #01327e;}
.ab-02-con>.box>.box-info{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);text-align: center;width: 80%;color: #fff;}
.ab-02-box::before,.ab-02-box::after{position: absolute;content: "";left: 50%;top:50%;transform: translate(-50%,-50%);border: 1px solid rgb(0 0 0 / 30%);background-color: #fff;border-radius: 50%;width: 240px;height: 240px;z-index: 2;box-sizing: border-box;}
.ab-02-box::after{width: 280px;height: 280px;z-index: 1;border: 1px solid rgb(0 0 0 / 10%);}
.ab-03-left{width: 50%;}
.ab-01-info>p:nth-child(2){margin-top: 15px;}
.ab-03-right{width: 40%;}
.ab-03-right>img{width: 100%;}
.responsibility { padding: 75px 0 0px 0px; background-color: #fff;}
.responsibility .t3,.responsibility .t5{text-align: center;}
.aboutzr-item{width: 100%;margin-top:48px; margin-bottom:8%;}
.aboutzr-item li{ box-sizing: border-box; float: left; width: 31%; height: 512px; padding: 20px; text-align: center; margin-right: 1.5%; background-position: center;background-repeat: no-repeat;background-size: cover;transition: all .8s ease; position:relative; z-index:0;}
.aboutzr-item li a { display: block; width: 100%; height: 100%; box-sizing: border-box;padding-top: 206px;transition: all .8s ease;}
.aboutzr-item li:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.43); z-index:-1;}
.aboutzr-item li h2{font-size: 26px;color: #fff;margin-bottom: 20px;}
.aboutzr-item li p{font-size: 16px;color: #fff;line-height: 28px;}
.c_l{clear: both;}


.pro-list .inx-03-list>ul>li{margin-bottom:40px;}
.pro-list .inx-03-list>ul>li:last-child{margin-right: auto;}

.pro-left{width: 73%;padding-right: 3%;box-sizing: border-box;height: 100%;}
.pro-pic{width: 40%;height: 50vh;background-color: #fff;box-shadow: 0 0 31px 25px rgb(0 0 0 / 5%);padding: 20px;box-sizing: border-box;}
.pro-pic>img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;cursor: pointer;}
.pro-name{width: 55%;}
.pro-name>h4{font-weight: 600;}
.pro-name>h5{margin-top: 15px;color:#cc0505;}
.pro-name>ul{margin-top: 40px;background-color: #fafafa;padding:0 20px;box-sizing: border-box;}
.pro-name>ul>li{width: 50%;padding: 20px 0;}
.pro-name>span{margin-top: 70px;}
.pro-name>span>a{background-color:#cc0505;color: #fff;width:140px;text-align: center;padding:15px 0;}
.pro-name>span>a:last-child{background-color: #333;margin-right: auto;margin-left: 80px;}
.pro-info{width: 100%;margin-top: 60px;}
.pro-info>h5{line-height: 60px;background-color: #fafafa;padding-left: 20px;box-sizing: border-box;}
.pro-info-box{margin-top: 60px;}
.pro-info-box img{max-width: 100% !important;margin:0 auto;min-width: 80%;}
.pro-info-box strong{font-weight: bold;}
.pro-right{width: 27%;padding-left: 3%;box-sizing: border-box;border-left: 1px solid rgb(0 0 0 / 10%);}
.pro-right>h5{padding-bottom: 20px;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.pro-right .inx-03-list2>ul>li{width: 100%;margin-top: 40px;}
.pro-pic-big{width: 100%;height: 100%;position: fixed;background-color: rgb(0 0 0 / 60%);z-index: 100;left: 0;top: 0;display: none;}
.pro-pic-big>.box{width: 100%;height: 100%;position: relative;}
.pro-pic-big>.box>img{width: auto;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.honor-01>.cont>h3,.honor-01>.cont>h5{text-align: center;}
.honor-01>.cont>ul>li{width: 25%;padding:0 20px;box-sizing: border-box;margin-top: 40px;}
.honor-01>.cont>ul>li:last-child{margin-right: auto;}
.honor-01>.cont>ul>li>a>img{width: 100%;margin-bottom: 10px;}
.honor-02{background-color: #fafafa;}
.honor-02>.cont>ul>li{width: 20%;padding:0 20px;box-sizing: border-box;margin-top: 40px;}

.news-list{width: 100%;}
.news-list-tap>a{width:140px;text-align: center;padding:15px 0;border:1px solid rgb(0 0 0 / 10%);margin: 0 20px;}
.news-list-tap>a.active{background-color:#cc0505;color: #fff;}
.news-list ul{margin-top: 60px;}
.news-list ul:after {display:block;content:"";width: 30%; height:0px;}
.news-list ul>li{width: 30%;margin-bottom: 60px;}
.news-list ul>li>a>.img_box{width: 100%;height: 260px;border-radius: 12px 12px 0 0;overflow: hidden;}
.news-list-info{width: 100%;padding:30px;box-sizing: border-box;box-shadow: 2px 2px 10px rgba(0,0,0,.1);border-radius: 0 0 12px 12px;overflow: hidden;}
.news-list-info>p{font-weight: lighter;}
.news-list-info>h5{margin-top: 15px; font-weight: bold;}.news-list-info>p:nth-child(3){margin-top: 15px;line-height: 30px;}
.news-list-info>img{margin-top: 15px;}
.new-tap>ul>li:hover{background-color:#cc0505;}
.new-tap>ul>li:hover>a{color: #fff;}
.new-tap>ul>li:hover .img-1{display: none;}
.new-tap>ul>li:hover .img-2{display: block;}
.news_inner{width: 100%;background:#fff;}
.news_inner img{margin: 0 auto;}
.news_inner>.cont>h5{margin-bottom: 30px;text-align:center;font-weight: bold;}
.news_inner>.cont>p:nth-child(2){text-align: center;height: 40px;border-bottom: 1px solid #eee;font-size: 14px;}
.news_inner>.cont .con{padding: 20px 0;display: block;font-size: 14px;color: #6f7173;}
.news_inner>.cont .con img{max-width: 100% !important;height: auto!important;}
.news_inner>.cont .page{width: 100%;margin-top:30px;height: 60px;line-height:30px;}
.news_inner>.cont .page em:first-child{ float: left;display: block;}
.news_inner>.cont .page em:last-child{float: right;display: block;}
.news_inner>.cont .page em>a{color: #333;display: inline-block;}
.news_inner>.cont .page em>a:hover{ color:#cc0505;}
.news_inner>.cont>.video-box{width:100%;height: 100%;}
.news_inner video{width:80%;margin:0 auto;display: block;}


.pro-info .page{width: 100%;margin-top:30px;height: 60px;line-height:30px;}
.pro-info .page em:first-child{ float: left;display: block;}
.pro-info .page em:last-child{float: right;display: block;}
.pro-info .page em>a{color: #333;display: inline-block;}
.pro-info .page em>a:hover{ color:#cc0505;}

.cat-01{width: 100%;background-color: #fafafa;position: relative;}
.cat-01-left{width:40%;padding-top: 0px;box-sizing: border-box;}
.cat-01-left ul{margin-top: 80px;margin-bottom: 40px;}
.cat-01-left ul>li{margin-top: 30px;width:100%;line-height: 30px;overflow: hidden;padding:10px 10px 10px 40px;box-sizing: border-box;background-repeat:no-repeat;background-position:10px center;border:1px solid rgba(0,0,0,.1);}
.cat-01-left ul>li:first-child{background-image:url(../images/contact_ico1.png);}
.cat-01-left ul>li:nth-child(2){background-image:url(../images/contact_ico2.png);}
.cat-01-left ul>li:nth-child(3){background-image:url(../images/contact_ico4.png);}
.cat-01-left ul>li:last-child{background-image:url(../images/contact_ico5.png);}
.cat-01-left>h5{margin-top: 60px;line-height: 50px;padding-left: 15px;box-sizing: border-box;position: relative;}
.cat-01-left>h5:before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);width:4px;height: 50%;background-color:#cc0505;}
.cat-01-left>p{margin-top: 10px;}
.cat-01-left>form{margin-top: 30px;}
.cat-01-left>form>input{width:100%;border:none;height: 50px;padding-left: 15px;box-sizing: border-box;margin-top: 30px;}
.cat-01-left>form>textarea{height: 160px;background: #fff;font-size: 15px;color: #666;padding: 15px;line-height: 24px;border: 1px solid #eee;width: 100%;box-sizing: border-box;resize: none;margin-top: 30px;outline: none;font-family: none;}
.cat-01-left>form>button{width:100%;margin:0 auto;margin-top:50px;padding:0;border:none;height: 50px;color: #fff;background-color:#cc0505;}
.zxdt_box{position: absolute;width: 48%;height: 100%;background-color:#fff;z-index: 1;right: 0;top: 0;padding-top: 0px;box-sizing: border-box;}
.zxdt_box1{padding-top: 90px;}
.zxdt{width: 100%;height: 100%;}
.bddt_box{width: 100%;height: 100%;}
.bddt{width: 100%;height: 100%;}

.pc_2nav{width: 100%;background-color:#fff;position: relative;overflow:hidden;}
.pc_2nav>dl{width: 100%;padding:30px 7%;box-sizing: border-box;position: relative;}
.pc_2nav>dl:after {display:block;content:""; width: 30%;height:0px;}
.pc_2nav>dl>img{width: 30%;margin-top: 20px;font-size: 14px; position: relative;}
.pc_2nav>dl>div{width: 60%;}
.pc_2nav>dl>div>dd{width: 45%;margin-top: 40px;font-size: 14px; position: relative;}
/* .pc_2nav>dl>div>dd:nth-child(2){margin-top: 20px;} */
.pc_2nav>dl>div>dd:nth-child(3){margin-top: 20px;}
.pc_2nav>dl>div>dd:nth-child(4){margin-top: 20px;}
.pc_nav_dd_bj{position: absolute;width: 0;height: 100%;background-color:#cc0505;z-index: -1;left: 0;top: 0;transition: all 0.8s;}
.pc_2nav>dl>div>dd>a:hover>.pc_nav_dd_bj{width: 100%;}
.pc_2nav>dl>div>dd>a{width: 100%;padding: 10px 20px; font-size: 16px; box-sizing: border-box;line-height: 36px;border-bottom: 1px solid rgba(0,0,0,.1);position: relative;padding-bottom: 10px;box-sizing: border-box; z-index: 9;}
.pc_2nav>dl>div>dd>a em{color: #000;}
.pc_2nav>dl>div>dd>a:hover em{color: #fff;}
.pc_2nav>dl>div>dd>a:hover{color: #fff;font-weight: bold;}
.pc_2nav>dl>div>dd>a>em:last-child{ width: 20px; height: 20px;margin-top: 8px;display: block;background-image: url(../images/ico_a1.png);background-size: 60%;background-repeat: no-repeat;background-position: content;transition: all 0.1s;}
.pc_2nav>dl>div>dd>a:hover>em:last-child{background-image: url(../images/ico_b.png);background-size: 100%;}
.pc_2nav>dl>div>dd>ul{padding: 0 20px;box-sizing: border-box; display: none;}
.pc_2nav>dl>div>dd>ul>li{width: 50%;float: left;margin-top: 20px;line-height: 36px;border-bottom: 1px solid rgba(0,0,0,.2); box-sizing: border-box;}
.pc_2nav>dl>div>dd>ul>li>a{width: 100%;padding: 0 20px;box-sizing: border-box; position: relative; }
.pc_2nav>dl>div>dd>ul>li:hover>a{color: #fff; font-weight: bold;}
.pc_nav_li_bj{ position: absolute; width: 0;height: 100%;background-color:#cc0505;z-index: 0;left: 0;top: 0;transition: all 0.6s;}
.pc_2nav>dl>div>dd>ul>li:hover>a>.pc_nav_li_bj{width: 100%;}
.pc_2nav>dl>div>dd>ul>li>a>em{position: relative;z-index: 9;}
.pc_2nav>dl>div>dd>ul>li>a>em:last-child{ width: 20px;height: 20px; margin-top: 8px;display: block;background-image: url(../images/ico_a1.png);background-size: 60%; background-repeat: no-repeat;background-position: content;transition: all 0.1s;}
.pc_2nav>dl>div>dd>ul>li:hover>a>em:last-child{background-image: url(../images/ico_b.png);background-size: 100%;}

/* 手机导航 */
.auto-header{
	width:100%;
	background-color: #fff;
	padding:10px 0;
	box-sizing: border-box;
	box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	position: fixed;
	left: 0;
	top: -80px;
	z-index: 999;
	opacity: 0;
	transition: all .6s;
}
.auto-logo{
	height: 40px;
}
.auto-logo>a{
	height:100%;
}
.auto-logo>a>img{
	height: 100%;
}
.auto-header>.cont>span{
	width:32px;
	height: 32px;
	margin-left:auto;
	margin-top:9px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid rgba(0,0,0,.1);
	cursor: pointer;
}

.auto-nav{
	width:40px;
	height: 40px;
	padding:7px 3px;
	box-sizing: border-box;
	position: relative;
	margin-top:3px;
}
.auto_close{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.auto-nav>button{
  background-color: rgba(0,0,0,0);
  border:none;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  }
  .auto-nav>button>em{
	height: 4px;
	background-color:#cc0505;
	display: block;
	position: absolute;
	left: 0;
	border-radius: 3px;
  }
  .auto_ht1{
	  width: 100%;
	  top: 0;
	  transition: all 0.8s;
  }
  .auto_ht2{
	  width:70%;
	  top: 11px;
	  transition: all 0.8s;
  }
  .auto_ht3{
	  width: 100%;
	  top: 22px;
	  transition: all 0.8s;
  }
  .auto-nav>.active>.auto_ht1{
	  top: 10px;
	-moz-transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	   -ms-transform: rotate(225deg);
	  transform: rotate(225deg);
  }
  .auto-nav>.active>.auto_ht2{
	  opacity: 0;
	  left: 30px;
  }
  .auto-nav>.active>.auto_ht3{
	  top: 10px;
	-moz-transform: rotate(-225deg);
	  -webkit-transform: rotate(-225deg);
	  -o-transform: rotate(-225deg);
	   -ms-transform: rotate(-225deg);
	  transform: rotate(-225deg);
  }
  .auto-2nav{
	  width:100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 10;
	  background-color:rgba(0,0,0,.5);
	  display: none;
  }
  .auto-2nav-box{
	  width:100%;
	  height: 100%;
	  position: relative;
  }
  .auto-2nav-all{
	  width:70%;
	  height: 100%;
	  background-color:#fff;
	  right: -100%;
	  top: 0;
	  padding:100px 60px 30px 30px;
	  box-sizing: border-box;
	  position: absolute;
	  overflow: scroll;
	  opacity: 0;
	  transition: all .6s;
  }
  .auto-2nav-box>.active{
	  opacity: 1;
	  right: 0;
  }
  .auto-2nav-all::-webkit-scrollbar {
  width: 3px;
  height: 6px;

}
  .auto-2nav-all>dl{
	  margin-top: 20px;
  }
  .auto-2nav-all>dl:first-child{
	  margin-top: 0;
  }
  .auto-2nav-all>dl>dt{
	  width:100%;
	  line-height: 40px;
	  background-color:#fafafa;
	  padding-left: 20px;
	  box-sizing: border-box;
	  position: relative;
  }
  .auto-2nav-all>dl>dt:before{
	  position: absolute;
	  content: "";
	  width:3px;
	  height: 40%;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  background-color:#cc0505;
  }
  .auto-2nav-all>dl>dt>a{
	  font-size: 17px;
	  font-family: font_2;
  }
  .auto-2nav-all>dl>dd{
	width:25%;
	margin-top: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
  }
  .auto-2nav-all>dl>dd:before{
	  position: absolute;
	  left: 0;
	  content: "";
	  left: 0;
	  top: 50%;
	  width:8px;
	  height: 8px;
	  border-radius: 50%;
	  transform: translateY(-50%);
	  border:2px solid#cc0505;
  }
  .auto-2nav-all>dl>dd:last-child{
	  margin-right: auto;
  }



.inx-03-tap2{width: 100%;}
.inx-03-tap2>ul{width: 100%;border:1px solid rgb(0 0 0 / 10%)}
.inx-03-tap2>ul>li{width: 25%;padding: 15px 0;text-align: center;position: relative;}
.inx-03-tap2>ul>li::after{position: absolute;right: 0;top: 50%;content: "";width: 1px;height: 60%;background-color: rgb(0 0 0 / 10%);transform: translateY(-50%);}
.inx-03-tap2>ul>li:last-child::after{display: none;}
.inx-03-tap2>ul>li>a>img{width: 50px;margin:0 auto;margin-bottom: 10px;}
.inx-03-tap2>ul>li>a>img:nth-child(2){display: none;}
.inx-03-tap2>ul>li.active>a,.inx-03-tap>ul>li:hover>a{color:#cc0505;}
.inx-03-tap2>ul>li.active>a>img:nth-child(1),.inx-03-tap>ul>li:hover>a>img:nth-child(1){display: none;}
.inx-03-tap2>ul>li.active>a>img:nth-child(2),.inx-03-tap>ul>li:hover>a>img:nth-child(2){display: block;}
.inx-03-list-box2{width: 100%;margin-top: 70px;}
.inx-03-list2{width: 100%;}
.inx-03-list2>ul{width: 100%;}
.inx-03-list2>ul>li{width: 25%;padding: 10px 20px;box-sizing: border-box;}
.inx-03-list2>ul>li>a{width: 100%; box-sizing: border-box;background-color: #01327e; color: #fff; box-shadow: 0px 0px 6px rgb(0 0 0 / 13%);}
.inx-03-list2>ul>li>a>.img_box{width: 100%;height: 35vh;position: relative;}
.inx-03-list2>ul>li>a>.img_box::before{position: absolute;content: "";width:100%;height: 100%;background-color:rgba(1,50,126,.5);top: 0;left: 0;z-index: 1;opacity: 0;transition:all .6s;}
.inx-03-list2>ul>li>a>.img_box::after{position: absolute;content: "";width:70px;height: 70px;background-color:#cc0505;border-radius: 50%;left: 50%;top:50%;transform:translate(-50%,-50%);z-index: 2;background-image: url(../images/pro-more.png);background-size:50% auto;background-position:center center;background-repeat: no-repeat;opacity: 0;transition:all .6s;}
.inx-03-list2>ul>li:hover>a>.img_box::before,.inx-03-list>ul>li:hover>a>.img_box::after{opacity: 1;}
.inx-03-list2>ul>li>a>p{line-height: 40px;text-align: center;margin-top: 10px;}