/*公共*/
.header{position: fixed;top: 0;left: 0;width: 100%;transition: .3s;border-bottom: 1px solid rgba(255,255,255,.2);z-index: 998;}
.header>.width{display: flex;align-items: center;}
.header .logo{width: 1.23rem;height: .59rem;justify-content: flex-start;}
.header .con{flex:1;padding-left: 1rem;display: flex;justify-content: flex-end;}
.header ul{display: flex;}
.header li{padding: 0 .35rem;}
.header li:last-child{padding-right: 0;}
.header li>a{line-height: 1rem;font-size: .16rem;color:#fff;position: relative;}
.header li>a::after{content:'';width: 0;height: .03rem;background: #cd0e18;bottom: -.01rem;left: 50%;transform: translateX(-50%);transition: .3s;position: absolute;}
.header .product{display: none;position: fixed;top: 1rem;left: 0;width: 100%;border-top: 1px solid #eee;}
.header .product::before{content:'';width: 30%;height: 100%;background: #e9ebf0;top: 0;left: 0;position: absolute;}
.header .product::after{content:'';width: 30%;height: 100%;background: #fff;top: 0;right: 0;position: absolute;}
.header .product .width{display: flex;position: relative;z-index: 2;}
.header .product .one{background: #e9ebf0;width: 16%;padding: .5rem 0;}
.header .product .one>a{position: relative;font-size: .18rem;line-height: .6rem;padding: 0 .55rem 0 .2rem;margin-bottom: .1rem;transition: .3s;border-left: .05rem solid #e9ebf0;}
.header .product .one>a:last-child{margin-bottom: 0;}
.header .product .one>a::after{content:'';width: .45rem;height: 100%;background: url(../images/1-m.png) no-repeat left center/.16rem;transition: .3s;opacity: 0;position: absolute;top: 0;right: 0;}
.header .product .one>a.active{background: #f5f7fa;border-color:#cd0e18}
.header .product .one>a.active::after{opacity: 1;}
.header .product .twos{background: #f5f7fa;width: 22%;padding: .5rem 0;max-height: 90vh;}
.header .product .two{display: none;}
.header .product .two>a{position: relative;font-size: .18rem;line-height: .6rem;padding: 0 .55rem 0 .3rem;margin-bottom: .1rem;transition: .3s;border-left: .05rem solid #f5f7fa;}
.header .product .two>a:last-child{margin-bottom: 0;}
.header .product .two>a::after{content:'';width: .45rem;height: 100%;background: url(../images/1.png) no-repeat left center/.16rem;transition: .3s;position: absolute;top: 0;right: 0;}
.header .product .two>a.active{background: #fff;border-color:#cd0e18}
.header .product .two>a.active::after{background-image: url(../images/1-m.png);}
.header .product .three-box{background: #fff;width: 62%;padding: .5rem 0 .5rem .5rem;}
.header .product .threes{display: none;}
.header .product .three{display: none;}
.header .product .items{display: flex;justify-content: space-between;}
.header .product .item{width: 36%;}
.header .product .item>a{line-height: .48rem;border: 1px solid #e5e5e5;border-radius: .05rem;font-size: .16rem;color:#666;margin-bottom: .3rem;padding: 0 .45rem 0 .2rem;background: url(../images/1.png) no-repeat calc(100% - .2rem) center/.16rem;transition: .3s;}
.header .product .item>a:last-child{margin-bottom: 0;}
.header .product .item>a.active{background-color: #cd0e18;background-image: url(../images/1-w.png);color:#fff;border-color:#cd0e18}
.header .product .imgs{width: 54%;position: relative;height: 4rem;}
.header .product .img-div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;background: #f2f2f2;border-radius: .1rem;}
.header .product .img-div.show{opacity: 1;z-index: 2;}
.header .product .img-div>img{max-width: 90%;max-height: 90%;}
.header .child{display: none;position: fixed;top: 1rem;left: 0;width: 100%;background: #f5f7fa;border-top: 1px solid #eee;}
.header .child>div{display: flex;justify-content: center;}
.header .child>div>a{font-size: .16rem;line-height: .8rem;margin-right: .5rem;}
.header .child>div>a:last-child{margin-right: 0;}
.header .search{position: relative;}
.header .search>p{width: .2rem;height: 1rem;background: url(../images/search.png) no-repeat center center/100%;cursor: pointer;filter: brightness(0%) invert(100%);}
.header .search .popup{display: none;position: fixed;top: 1rem;left: 0;width: 100%;background: #f5f7fa;border-top: 1px solid #eee;}
.header .search .popup>div{display: flex;justify-content: center;padding: .2rem 0 .3rem;align-items: center;}
.header .search .popup>div>p{font-size: .2rem;margin-right: .2rem;}
.header .search .popup>div>input{border-bottom: 1px #ddd solid;height: .6rem;width: 6rem;font-size: .16rem;padding: 0;background: none;}
.header .search .popup>div>input::placeholder{font-size: .16rem;}
.header.active{background: #fff;border-color:#eee}
.header.active li>a{color:#333}
.header.active .search>p{filter:none}
.header li>a.active{color:#cd0e18}
.header li>a.active::after{width: 100%;}
.header-space{height: 1rem;}

.footer1{padding: .9rem 0;}
.footer1 .width{display: flex;align-items: center;}
.footer1 .info{flex:1;padding-right: 1rem;}
.footer1 .info>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;color:#000;margin-bottom: .15rem;}
.footer1 .info>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}
.footer1 .btn{width: 3.6rem;display: flex;}
.footer1 .btn>a{line-height: .6rem;border: .02rem solid #cd0e18;border-radius: .35rem;width: 1.75rem;font-size: .18rem;padding-left: .7rem;color:#fff;background: #cd0e18 url(../images/6.png) no-repeat .3rem center/.28rem;transition: .3s;}
.footer1 .btn>a:last-child{margin-left: .1rem;border-color: #b2b2b2;color:#666;background: url(../images/7.png) no-repeat .35rem center/.23rem;}

.footer2{background: #f2f2f2;border-bottom: 1px solid #d9d9d9;padding: .9rem 0 .75rem;}
.footer2 .width{display: flex;}
.footer2 .info{width: 25%;}
.footer2 .logo{width: 1.71rem;height: .83rem;justify-content: flex-start;}
.footer2 .info>p{font-size: .18rem;line-height: .3rem;color:#666;margin: .6rem 0 .2rem;}
.footer2 .subscribe{display: flex;}
.footer2 .subscribe>input{background: #fff;flex:1;height: .5rem;border: 1px solid #fff;}
.footer2 .subscribe>input:focus{border-color: #cd0e18;}
.footer2 .subscribe .btn{width: 1rem;background: #cd0e18 url(../images/8-w.png) no-repeat .25rem center/.15rem;color:#fff;padding-left: .5rem;line-height: .5rem;font-size: .16rem;cursor: pointer;transition: .3s;}
.footer2 ul{width: 44%;margin: 0 2% 0 7%;display: flex;}
.footer2 li{flex:1}
.footer2 li>a{font-size: .2rem;margin-bottom: .2rem;}
.footer2 .child>a{font-size: .16rem;line-height: .4rem;color:#666}
.footer2 li.flex{flex:2}
.footer2 li.flex .child{display: flex;flex-wrap: wrap;}
.footer2 li.flex .child>a{width: 40%;}
.footer2 .contact{flex:1}
.footer2 .contact>p{font-size: .2rem;margin-bottom: .25rem;}
.footer2 .contact .item{display: flex;margin-bottom: .15rem;}
.footer2 .contact .img-div{width: .2rem;height: .18rem;margin: .04rem .1rem 0 0;}
.footer2 .contact .item>p{font-size: .16rem;line-height: .26rem;color:#666;flex:1}

.footer3{background: #f2f2f2;padding: .35rem 0;}
.footer3 .width{display: flex;align-items: center;}
.footer3 .info{flex:1;padding-right: 1rem;}
.footer3 .info>a{font-size: .16rem;color:#999;margin-bottom: .05rem;}
.footer3 .info>p{line-height: .24rem;color:#999}
.footer3 .media{flex:1;display: flex;justify-content: flex-end;}
.footer3 .media>a{width: .4rem;height: .4rem;border-radius: 50%;background: #e5e5e5;margin-right: .1rem;transition: .3s;position: relative;}
.footer3 .media>a:last-child{margin-right: 0;}
.footer3 .media>a>img{max-width: 50%;max-height: 50%;transition: .3s;}
.footer3 .qr{display: none;position: absolute;width: 1.5rem;height: 1.5rem;bottom: .5rem;left: 50%;transform: translateX(-50%);background: #fff;border: 1px solid #e5e5e5;border-radius: .1rem;}
.footer3 .qr>img{width: 1.3rem;height: 1.3rem;margin: .1rem;}

.inner-banner{position: relative;}
.inner-banner .img{padding-bottom: 35.41%;}
.inner-banner .m{display: none;}
.inner-banner .width{position: absolute;left: 50%;transform: translateX(-50%);}
.inner-banner .info>h1{font-size: .48rem;line-height: .58rem;margin-bottom: .2rem;}
.inner-banner .info>p{font-size: .24rem;line-height: .36rem;color:#666}
.inner-banner .info.white>h1{color:#fff}
.inner-banner .info.white>p{color:#fff}

.crumb{border-bottom: 1px solid #eee;}
.crumb .width{display: flex;height: .55rem;align-items: center;}
.crumb .width>a{color:#999;}
.crumb .width>a:first-child{background: url(../images/13.png) no-repeat left center/.16rem;padding-left: .25rem;}
.crumb .width>em{color:#999;font-style: normal;margin: 0 .1rem;}
.crumb .width>span{color:#cd0e18}

.nav-m{display: none;}

@media (max-width:1280px){
    .header ul{margin-right: .5rem;}
    .header li{padding:0 .3rem}
    .footer2 .info>p{font-size: .17rem;}
    .footer2 .subscribe>input{width:calc(100% - .9rem)}
    .footer2 .subscribe .btn{background-position: .2rem center;padding-left: .45rem;width: .9rem;}
    .footer2 ul{width: 50%;margin: 0 2% 0 5%;}
}

@media (max-width:1024px){
    .header .logo{width: 1.44rem;height: .7rem;}
    .header .con{padding-left: 0;display: flex;justify-content: flex-end;}
    .header ul{display: none}
    .header .search>p{width: .4rem;height: 1.2rem;}
    .header .search .popup{top: 1.2rem;}
    .header .search .popup>div{padding: .2rem .4rem .3rem}
    .header .search .popup>div>p{font-size: .28rem;margin-right: 0;width: 1.4rem;}
    .header .search .popup>div>input{height: .6rem;width: calc(100% - 1.4rem);font-size: .26rem}
    .header .search .popup>div>input::placeholder{font-size: .26rem;}
    .header .menu{width: .45rem;height: 1.2rem;background: url(../images/menu-w.svg) no-repeat center center/100%;margin-left: .2rem;}
    .header.active .menu{background-image: url(../images/menu.svg);}
    .header-space{height: 1.2rem;}

    .footer1{padding: .8rem 0;}
    .footer1 .width{display: block}
    .footer1 .info{padding-right: 0;}
    .footer1 .info>p{text-align: center;}
    .footer1 .info>p:nth-of-type(1){font-size: .38rem;line-height: .58rem;margin-bottom: .1rem;}
    .footer1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .3rem;}
    .footer1 .btn{width: 100%;justify-content: center;}
    .footer1 .btn>a{line-height: .8rem;border-radius: .6rem;width: 2.5rem;font-size: .28rem;padding-left: 1rem;background-position: .4rem center;background-size: .4rem}
    .footer1 .btn>a:last-child{margin-left: .2rem;background-position: .4rem center;background-size: .4rem}

    .footer2{padding: .8rem 0 .2rem;}
    .footer2 .width{display: block;}
    .footer2 .info{width: 100%;}
    .footer2 .logo{width: 1.85rem;height: .9rem;}
    .footer2 .info>p{font-size: .28rem;line-height: .48rem;margin: .4rem 0 .2rem;}
    .footer2 .subscribe>input{height: .8rem;}
    .footer2 .subscribe .btn{width: 1.5rem;background-size:.25rem;padding-left: .7rem;line-height: .8rem;font-size: .28rem;background-position: .3rem center;}
    .footer2 ul{width: 100%;margin: .6rem 0 0;flex-wrap: wrap;}
    .footer2 li{flex:auto;width: calc(50% - .1rem);margin-bottom: .4rem;}
    .footer2 li>a{font-size: .32rem}
    .footer2 .child>a{font-size: .28rem;line-height: .48rem;}
    .footer2 li.flex{flex:auto;width: 100%;}
    .footer2 li.flex .child>a{width: 50%;}
    .footer2 .contact{flex:auto;width: 100%;}
    .footer2 .contact>p{font-size: .32rem;}
    .footer2 .contact .item{margin-bottom: .1rem;}
    .footer2 .contact .img-div{width: .35rem;height: .33rem;margin: .05rem .2rem 0 0;}
    .footer2 .contact .item>p{font-size: .28rem;line-height: .48rem}

    .footer3{padding: .4rem 0;}
    .footer3 .width{display: block}
    .footer3 .info{padding: 0 0 .2rem 0;}
    .footer3 .info>a{font-size: .28rem;}
    .footer3 .info>p{line-height: .4rem;font-size: .24rem;}
    .footer3 .media{display: flex;justify-content: flex-start;}
    .footer3 .media>a{width: .7rem;height: .7rem;margin-right: .1rem;}
    .footer3 .qr{width: 2.5rem;height: 2.5rem;bottom: .9rem;}
    .footer3 .media>a:first-child .qr{left: 0;transform: translateX(0);}
    .footer3 .media>a:last-child .qr{left: -1.8rem;transform: translateX(0);}
    .footer3 .qr>img{width: 2.2rem;height: 2.2rem;margin: .15rem;}

    .inner-banner .img{padding-bottom: 66.4%;}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .info{text-align: center;}
    .inner-banner .info>h1{font-size: .5rem;line-height: .7rem;margin-bottom: .2rem;}
    .inner-banner .info>p{font-size: .28rem;line-height: .48rem;}

    .crumb .width{height: 1rem;white-space: nowrap;overflow-x: auto;}
    .crumb .width>a:first-child{background-size:.3rem;padding-left: .45rem;}

    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:1000;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 1.44rem;height: .7rem;}
    .nav-m .close{width: .4rem;height:100%;background:url(../images/close.svg) no-repeat left center/100%}
    .nav-m ul{border-top:1px solid #eee;overflow: auto;height:calc(100% - 1.2rem);position: absolute;top: 1.2rem;left: 0;width: 100%;padding: 0 .3rem;}
    .nav-m li{border-bottom:1px solid #eee;padding:.35rem 0;position:relative;}
    .nav-m li::after{position:absolute;top:0;right:0;content:'';width:.4rem;height:100%;background:url(../images/arrow1.svg) no-repeat center center/100%;transition:.3s}
    .nav-m li.active::after{transform: rotate(90deg);}
    .nav-m li>a{display:inline-block;font-size: .32rem;}
    .nav-m li.block>a{display: block;}
    .nav-m .child{margin: .1rem 0 .2rem .3rem;display: none;}
    .nav-m .child>a{padding: .3rem 0;border-bottom: 1px #eee solid;font-size: .3rem;}
    .nav-m .product{margin: .1rem 0 .2rem .3rem;display: none;}
    .nav-m .one{position: relative;padding: .3rem 0;border-bottom: 1px #eee solid;}
    .nav-m .one:after{position:absolute;top:0;right:0;content:'';width:.4rem;height:100%;background:url(../images/arrow1.svg) no-repeat center .3rem/100%}
    .nav-m .one>a{display: inline-block;font-size: .3rem;}
    .nav-m .two{position: fixed;right: -100%;top: 1.2rem;background: #fff;width: 100%;z-index: 2;overflow: auto;height:calc(100% - 1.2rem);transition: .3s;border-top: 1px #eee solid;padding: 0 .3rem;}
    .nav-m .two.active{right:0}
    .nav-m .two>span{width: .4rem;height: .4rem;background: url(../images/arrow1.svg) no-repeat center center/100%;transform: rotate(180deg);display: block;position: absolute;right: .3rem;top: .3rem;}
    .nav-m .two>a{font-size: .3rem;padding: .3rem 0;border-bottom: 1px #eee solid;}
    .nav-m .three{margin-top: .3rem;display: flex;flex-wrap: wrap;}
    .nav-m .three .item{margin-bottom: .3rem;width: calc(50% - .1rem);}
    .nav-m .three .item:nth-child(2n+1){margin-right: .2rem;}
    .nav-m .three .img-div{height: 3rem;background: #f2f2f2;border-radius: .1rem;margin-bottom: .2rem;}
    .nav-m .three .img-div>img{max-width: 80%;max-height: 80%;}
    .nav-m .three .item>p{text-align: center;}
}

@media (any-hover:hover){
    .header li:hover>a{color:#cd0e18}
    .header li:hover>a::after{width: 100%;}
    .header .child>div>a:hover{color:#cd0e18}

    .footer1 .btn>a:hover{background-color: orange;border-color: orange}
    .footer1 .btn>a:last-child:hover{border-color: orange;background-image: url(../images/7-w.png);background-color: orange;color:#fff;opacity: .8;}

    .footer2 .subscribe .btn:hover{background-color: orange;color:#fff}
    .footer2 li>a:hover{color: #cd0e18;}
    .footer2 .child>a:hover{color: #cd0e18;}

    .footer3 .info>a:hover{color:#cd0e18}
    .footer3 .media>a:hover{background: #cd0e18;}
    .footer3 .media>a:hover>img{filter: brightness(0%) invert(100%);}

    .crumb .width>a:hover{color:#cd0e18;}
}

/* 首页 */
.index-page .more{width: 1.8rem;line-height: .58rem;border-radius: .3rem;border:1px solid #ccc;font-size: .16rem;padding-left: .4rem;background: url(../images/1.png) no-repeat 1.25rem center/.16rem;transition: .3s;}
.index-page .tit{font-size: .48rem;color:#000;position: relative;}
.index-page .tit.center{text-align: center;}
.index-page .tit::after{content:'';width: 1.2rem;height: .02rem;background: #cd0e18;position: absolute;left: 0;bottom: -.1rem;}
.index-page .tit.center::after{left: 50%;transform: translateX(-50%);}

.index-page .box1{height: 100vh;}
.index-page .box1 .swiper-container{height: 100%;}
.index-page .box1 .m{display: none;}
.index-page .box1 video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.index-page .box1 .width{position: absolute;left: 50%;transform: translateX(-50%);color:#fff}
.index-page .box1 .width>h1{font-size: .6rem;line-height: .7rem;}
.index-page .box1 .width>p{font-size: .3rem;line-height: .4rem;margin: .15rem 0 .65rem;}
.index-page .box1 .more{border-color:#fff;background-image: url(../images/1-w.png);color:#fff}
.index-page .box1 .swiper-pagination{bottom: .4rem;}
.index-page .box1 .swiper-pagination-bullet{background: #fff;opacity: 1;width:.06rem;height: .06rem;position: relative;margin: 0 .2rem;}
.index-page .box1 .swiper-pagination-bullet-active::after{content:'';position: absolute;width: .28rem;height: .28rem;border-radius: 50%;top: 50%;left: 50%;transform:translate(-50%,-50%);border: 1px #eee solid;}

.index-page .box2{padding: 1.1rem 0 1.2rem;}
.index-page .box2 ul{display: flex;justify-content: space-between;margin-top: .65rem;}
.index-page .box2 li{width: 50.34%;}
.index-page .box2 .img-bg{position: relative;height: 6.15rem;border-radius: .1rem;}
.index-page .box2 .info{position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);width: 100%;color:#fff;padding: 10% .4rem .35rem;transition: .3s;}
.index-page .box2 .info>p:nth-of-type(1){font-size: .26rem;line-height: .36rem;margin-bottom: .1rem;}
.index-page .box2 .info>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;}
.index-page .box2 li.sm{width: 48.61%;}
.index-page .box2 li.sm .img-bg{height: 3rem;}
.index-page .box2 li.sm .img-bg:first-child{margin-bottom: .15rem;}

.index-page .box3{position: relative;}
.index-page .box3 .swiper-container{height: 8.4rem;}
.index-page .box3 .m{display: none;}
.index-page .box3 .swiper-slide{opacity: 0 !important;}
.index-page .box3 .swiper-slide-active{opacity: 1 !important;}
.index-page .box3 .swiper-slide .width{position: absolute;top: 25%;left: 50%;transform: translateX(-50%);}
.index-page .box3 .swiper-slide .width>p{font-size: .48rem;line-height: .6rem;color:#fff;margin-bottom: .55rem;}
.index-page .box3 .more{border-color:rgba(255,255,255,.3);background-image: url(../images/1-w.png);color: #fff;}
.index-page .box3 ul{display: flex;flex-wrap: wrap;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;border-left: 1px solid rgba(255,255,255,.2);border-radius: .1rem 0 0 0;}
.index-page .box3 li{display: flex;width: 20%;height: 1.2rem;border-right: 1px solid rgba(255,255,255,.2);border-top: 1px solid rgba(255,255,255,.2);position: relative;align-items: center;padding: 0 .2rem 0 .3rem;transition: .3s;}
.index-page .box3 li.active{background: #cd0e18;}
.index-page .box3 li:first-child{border-radius: .1rem 0 0 0;}
.index-page .box3 li:nth-child(5){border-radius: 0 .1rem 0 0;}
.index-page .box3 .img-div{width: .52rem;height: .52rem;border-radius: 50%;border: 1px solid rgba(255,255,255,.2);}
.index-page .box3 .swiper-slide .img-div{display: none;}
.index-page .box3 .img-div>img{max-width: 55%;max-height: 55%;}
.index-page .box3 li>p{font-size: .18rem;line-height: .24rem;color: #fff;width: calc(100% - .52rem);padding-left: .15rem;}

.index-page .box4{padding: 1.2rem 0 1.1rem;display: flex;}
.index-page .box4 li{width: calc(50% - .12rem);border-radius: .1rem;position: relative;height: 7.4rem;}
.index-page .box4 li:first-child{margin-right: .24rem;}
.index-page .box4 .info{position: absolute;top: 0;left: 0;width: 100%;padding: .6rem .5rem 0;}
.index-page .box4 .info>a:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.index-page .box4 .info>p{font-size: .18rem;line-height: .3rem;color: #666;margin: .2rem 0 .4rem;}

.index-page .box5{padding-bottom: 1.2rem;}
.index-page .box5 .swiper-container{margin: .6rem 0 .5rem;}
.index-page .box5 .swiper-slide{width:5.6rem;border-radius: .1rem;padding: .35rem .4rem .25rem;background: #f8f8f8}
.index-page .box5 .swiper-slide>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;}
.index-page .box5 .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color: #666;margin: .1rem 0 .4rem;}
.index-page .box5 ul{display: flex;flex-wrap: wrap;}
.index-page .box5 li{width: calc(100% / 3 - .1rem);margin-right: .15rem;background: #fff;border-radius: .1rem;height: .9rem;margin-bottom: .15rem;}
.index-page .box5 li:nth-child(3n){margin-right: 0;}
.index-page .box5 li>img{max-width: 70%;max-height: 70%;}
.index-page .box5 .progress{background: #eee;position: relative;height: 1px;}
.index-page .box5 .progress>p{position: absolute;height: .03rem;left: 0;bottom: -.01rem;background: #cd0e18;transition: .3s;}
.index-page .box5 .arrow{width: .5rem;height: .5rem;border-radius: 50%;right: .6rem;transform: translateY(-50%);background: rgba(205,14,24,.5) url(../images/arrow1-w.svg) no-repeat center center/.18rem;position: absolute;transition: .3s;cursor: pointer;top: 50%;z-index: 2;}
.index-page .box5 .prev{right: auto;left: .6rem;transform: translateY(-50%) rotate(180deg);}

.index-page .box6{color:#fff;padding: 1.35rem 0 1.5rem;}
.index-page .box6 .width>p{font-size: .48rem;line-height: .72rem;text-align: center;}
.index-page .box6 ul{display: flex;justify-content: center;margin: .5rem 0 .65rem;}
.index-page .box6 li{position: relative;padding: 0 .7rem;}
.index-page .box6 li::after{content:'';width: 1px;height: .6rem;background: #fff;position: absolute;right: 0;top: .2rem;}
.index-page .box6 li:last-child::after{display: none;}
.index-page .box6 li>p:nth-of-type(1){display: flex;align-items: center;font-size: .24rem;justify-content: center;}
.index-page .box6 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;}
.index-page .box6 li>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;text-align: center;}
.index-page .box6 .more{margin: 0 auto;color:#fff;background-image: url(../images/1-w.png);background-color: #cd0e18;border-color: #cd0e18;}

.index-page .box7{padding: 1.1rem 0 1.2rem;}
.index-page .box7 .tit-box{display: flex;align-items: center;}
.index-page .box7 .tit{flex:1;padding-right: 1rem;}
.index-page .box7 .swiper-container{margin: .6rem 0 .5rem;border-radius: .2rem;}
.index-page .box7 .swiper-slide{background: #f8f8f8;border-radius: .2rem;}
.index-page .box7 .img-bg{border-radius: .2rem .2rem 0 0;}
.index-page .box7 .img{padding-bottom: 56.52%;}
.index-page .box7 .info{padding: .35rem .4rem .6rem;}
.index-page .box7 .info>p:nth-of-type(1){font-size: .16rem;color:#666;background: url(../images/4.png) no-repeat left center/.16rem;padding-left: .25rem;margin-bottom: .15rem;}
.index-page .box7 .info>p:nth-of-type(2){font-size: .22rem;line-height: .36rem;height: .72rem;}
.index-page .box7 .info>p:nth-of-type(3){font-size: .16rem;line-height: .3rem;color:#666;border-top: 1px #e5e5e5 solid;margin-top: .2rem;padding-top: .25rem;}
.index-page .box7 .swiper-scrollbar{opacity:1 !important;height:1px;background:#eee;left:0;border-radius: 0;}
.index-page .box7 .swiper-scrollbar-drag{background:#cd0e18;height:.03rem;top:-.01rem;}

@media (max-width:1210px){
    .index-page .box3 li>p{font-size: .15rem;}
}

@media (max-width:1110px){
    .index-page .box3 li{padding:0 .2rem}
}

@media (max-width:1050px){
    .index-page .box3 li>p{font-size: .14rem;}
}

@media (max-width:1024px){
    .index-page .more{width: 2.5rem;line-height: .7rem;border-radius: .6rem;font-size: .28rem;padding-left: .5rem;background-position:1.8rem center;background-size: .26rem}
    .index-page .tit{font-size: .5rem;}
    .index-page .tit::after{bottom: -.15rem;}

    .index-page .box1{height: auto;}
    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;padding-bottom: 133.33%;}
    .index-page .box1 video{display: none;}
    .index-page .box1 .width>h1{font-size: .5rem;text-align: center;}
    .index-page .box1 .width>p{font-size: .32rem;line-height: .52rem;margin: .1rem 0 .4rem;text-align: center;}
    .index-page .box1 .more{margin: 0 auto;}
    .index-page .box1 .swiper-pagination-bullet{width:.12rem;height: .12rem;margin: 0 .25rem;}
    .index-page .box1 .swiper-pagination-bullet-active::after{width: .4rem;height: .4rem}

    .index-page .box2{padding: .8rem 0 .4rem;}
    .index-page .box2 ul{display: block;}
    .index-page .box2 li{width: 100%;}
    .index-page .box2 .img-bg{height: auto;}
    .index-page .box2 li .img-bg{margin-bottom: .4rem;}
    .index-page .box2 .img{padding-bottom: 84.82%;}
    .index-page .box2 .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;margin-bottom: .05rem;}
    .index-page .box2 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .index-page .box2 li.sm{width: 100%;}
    .index-page .box2 li.sm .img-bg{height: auto;}
    .index-page .box2 li.sm .img{padding-bottom: 42.85%;}
    .index-page .box2 li.sm .img-bg:first-child{margin-bottom: .4rem;}

    .index-page .box3 .swiper-container{height: auto;}
    .index-page .box3 .pc{display: none;}
    .index-page .box3 .m{display: block;padding-bottom: 133.33%;}
    .index-page .box3 .swiper-slide{opacity: 1 !important;}
    .index-page .box3 .swiper-slide .width{top: 20%;}
    .index-page .box3 .swiper-slide .width>p{font-size: .5rem;line-height: .7rem;margin: .4rem 0;text-align: center;}
    .index-page .box3 .more{margin: 0 auto;border-color: rgba(255,255,255,.5);}
    .index-page .box3 ul{display: none;}
    .index-page .box3 .swiper-slide .img-div{display: flex;margin: 0 auto;width: 1rem;height: 1rem;border-color: rgba(255,255,255,.5);}
    .index-page .box3 .swiper-pagination-bullet{background: #fff;opacity: .8;}
    .index-page .box3 .swiper-pagination-bullet-active{background: #cd0e18;opacity: 1;}

    .index-page .box4{padding: .8rem 0 .4rem;display: block;}
    .index-page .box4 li{width: 100%;height: auto;margin-bottom: .4rem;}
    .index-page .box4 li:first-child{margin-right: 0;}
    .index-page .box4 .img{padding-bottom: 104.22%;}
    .index-page .box4 .info{padding: .6rem .4rem 0;}
    .index-page .box4 .info>a:nth-of-type(1){line-height: .56rem;}
    .index-page .box4 .info>p{font-size: .28rem;line-height: .48rem;margin: .1rem 0 .3rem;}

    .index-page .box5{padding-bottom: .8rem;}
    .index-page .box5 .swiper-container{width: calc(100% - .6rem);margin: .6rem auto .4rem;border-radius: .1rem;}
    .index-page .box5 .swiper-slide{width:100%;padding: .5rem .4rem;height:auto}
    .index-page .box5 .swiper-slide>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .index-page .box5 .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .1rem 0 .3rem;}
    .index-page .box5 li{width: calc(50% - .1rem);margin-right: .2rem;height: 1.5rem;margin-bottom: .2rem;}
    .index-page .box5 li:nth-child(3n){margin-right: .2rem;}
    .index-page .box5 li:nth-child(2n){margin-right: 0;}
    .index-page .box5 .arrow{display: none;}

    .index-page .box6{padding: 1.5rem 0;}
    .index-page .box6 .width>p{font-size: .5rem;line-height: .7rem}
    .index-page .box6 ul{margin: .6rem 0;}
    .index-page .box6 li{padding: 0 .2rem;width: calc(100% / 3);}
    .index-page .box6 li::after{height: .8rem;}
    .index-page .box6 li>p:nth-of-type(1){font-size: .28rem}
    .index-page .box6 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .5rem;width: auto !important;margin-right: .1rem;}
    .index-page .box6 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .index-page .box7{padding: .8rem 0;}
    .index-page .box7 .tit{padding-right: .5rem;}
    .index-page .box7 .swiper-container{margin: .6rem 0 .4rem;}
    .index-page .box7 .swiper-slide{height: auto;}
    .index-page .box7 .info{padding: .5rem .4rem;}
    .index-page .box7 .info>p:nth-of-type(1){font-size: .28rem;background-size:.3rem;padding-left: .45rem;margin-bottom: .2rem;}
    .index-page .box7 .info>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;height: auto;}
    .index-page .box7 .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin-top: .3rem;padding-top: .3rem;}
}

@media (any-hover:hover){
    .index-page .more:hover{color:#fff;border-color:#cd0e18;background-image: url(../images/1-w.png);background-color: #cd0e18;}

    .index-page .box2 .img-bg:hover .img{transform: scale(1.1);}
    .index-page .box2 .img-bg:hover .info{padding-bottom:.4rem}

    .index-page .box4 li:hover .info>a:nth-of-type(1){color:#cd0e18}

    .index-page .box5 li:hover>img{transform: scale(1.1);}
    .index-page .box5 .arrow:hover{background-color: #cd0e18;}

    .index-page .box6 .more:hover{background-color: #fff;color:#cd0e18;border-color: #fff;background-image: url(../images/1-m.png);}

    .index-page .box7 .swiper-slide:hover .img{transform: scale(1.1);}
    .index-page .box7 .swiper-slide:hover .info>p:nth-of-type(2){color:#cd0e18}
}

/* 方案 */
.solution-page{padding: .8rem 0 .75rem;}
.solution-page .tit{text-align: center;font-size: .48rem;color:#000;position: relative;}
.solution-page .tit::after{content:'';width: 1.2rem;height: .02rem;background: #cd0e18;position: absolute;left: 50%;bottom: -.1rem;transform: translateX(-50%);}

.solution-page .box1{border-radius: .1rem;position: relative;overflow: hidden;margin-bottom: .9rem;}
.solution-page .box1 .m{display: none;}
.solution-page .box1 .info{position: absolute;top: 50%;left: 4.5%;width: 30%;color:#fff;transform: translateY(-50%);}
.solution-page .box1 .info>p:nth-of-type(1){font-size: .34rem;line-height: .44rem;border-bottom: 1px solid rgba(255,255,255,.2);padding-bottom: .15rem;margin-bottom: .15rem;}
.solution-page .box1 .info>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;}

.solution-page .box2{padding-bottom: .8rem;}
.solution-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.solution-page .box2 li{width: calc(25% - .15rem);margin-right: .2rem;background: #f8f8f8;border-radius: .1rem;padding: .6rem .4rem .7rem;margin-bottom: .2rem;transition: .3s;}
.solution-page .box2 li:nth-child(4n){margin-right: 0;}
.solution-page .box2 .img-div{width: .73rem;height: .5rem;}
.solution-page .box2 li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;border-bottom: 1px #e5e5e5 solid;padding: .35rem 0 .25rem;margin-bottom: .2rem;}
.solution-page .box2 li>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666}

.solution-page .box3{padding: .9rem 0 .8rem;}
.solution-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.solution-page .box3 li{width: calc(25% - .15rem);margin-right: .2rem;background: rgba(255,255,255,.6);border-radius: .1rem;padding: .3rem;margin-bottom: .2rem;transition: .3s;border: .02rem #fff solid;}
.solution-page .box3 li:nth-child(4n){margin-right: 0;}
.solution-page .box3 .img-div{width: .38rem;height: .39rem;}
.solution-page .box3 li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin: .25rem 0 .1rem;}
.solution-page .box3 li>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}

.solution-page .box4{padding-top: .9rem;}
.solution-page .box4>p{font-size: .18rem;line-height: .36rem;color:#666;margin: .5rem 0 .4rem;}
.solution-page .box4>.img-div{position: relative;}
.solution-page .box4>.img-div>img{border-radius: .1rem;}
.solution-page .box4 ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.solution-page .box4 li{position: absolute;cursor: pointer;}
.solution-page .box4 li>p{width: .3rem;height: .3rem;background: #cd0e18;color:#fff;border-radius: 50%;line-height: .3rem;text-align: center;}
.solution-page .box4 .info{position: absolute;left: -.05rem;bottom: .45rem;background: #fff;width: max-content;padding: .2rem;box-shadow: 0 0 .1rem rgba(0,0,0,.1);display: none;border-radius: .05rem;}
.solution-page .box4 .info::after{content:'';width: .2rem;height: .2rem;background: #fff;transform: rotate(45deg);position: absolute;bottom: -.03rem;left: .1rem;}
.solution-page .box4 .info .img-div{height: 2rem;margin-bottom: .1rem;}
.solution-page .box4 .info>p{font-size: .16rem;color:#cd0e18;text-align: center;}

.solution-page .box5{padding-top: .9rem;}
.solution-page .box5 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.solution-page .box5 li{width: calc(100% / 3 - .16rem);margin-right: .24rem;border-radius: .1rem;margin-bottom: .25rem;transition: .3s;border: 1px #e5e5e5 solid;position: relative;}
.solution-page .box5 li:nth-child(3n){margin-right: 0;}
.solution-page .box5 .img-bg{border-radius: .1rem .1rem 0 0;}
.solution-page .box5 .img{padding-bottom: 64.51%;}
.solution-page .box5 .info{padding: .35rem .4rem;}
.solution-page .box5 .info>p:nth-of-type(1){font-size: .2rem;margin-bottom: .15rem;}
.solution-page .box5 .info>p:nth-of-type(2){font-size: .16rem;color:#666}

@media (max-width:1024px){
    .solution-page{padding: .8rem 0 .5rem;}
    .solution-page .tit{font-size: .5rem;}

    .solution-page .box1{margin-bottom: .8rem;}
    .solution-page .box1 .pc{display: none;}
    .solution-page .box1 .m{display: block;}
    .solution-page .box1 .info{left: .4rem;width: calc(100% - .8rem);}
    .solution-page .box1 .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;padding-bottom: .2rem;margin-bottom: .2rem;border-color: rgba(255,255,255,.5);}
    .solution-page .box1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}

    .solution-page .box2{padding-bottom: .4rem;}
    .solution-page .box2 ul{display: block}
    .solution-page .box2 li{width: 100%;margin-right: 0;padding: .6rem .4rem;margin-bottom: .4rem;}
    .solution-page .box2 .img-div{width: .83rem;height: .6rem;}
    .solution-page .box2 li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;padding: .3rem 0 .2rem}
    .solution-page .box2 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .solution-page .box3{padding: .8rem 0 .4rem;}
    .solution-page .box3 ul{display: block}
    .solution-page .box3 li{width: 100%;margin-right: 0;padding: .6rem .4rem;margin-bottom: .4rem;text-align: center;}
    .solution-page .box3 .img-div{width: .78rem;height: .79rem;margin:0 auto}
    .solution-page .box3 li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .solution-page .box3 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .solution-page .box4{padding-top: .8rem;}
    .solution-page .box4>p{font-size: .28rem;line-height: .48rem;}
    .solution-page .box4 li>p{width: .4rem;height: .4rem;line-height: .4rem;font-size: .24rem;}
    .solution-page .box4 .info{left: .3rem;bottom: auto;width: calc(100% - .6rem);position: fixed;top: calc(50% + .3rem);z-index: 999;transform: translateY(-50%);padding: .6rem .4rem .4rem;}
    .solution-page .box4 .info::after{display: none;}
    .solution-page .box4 .close{width: .4rem;height: .4rem;background: #000 url(../images/close-w.svg) no-repeat center center/.25rem;border-radius: 50%;position: absolute;top: .2rem;right: .2rem;z-index: 20;}
    .solution-page .box4 .info .img-div{height: 4rem;margin-bottom: .2rem;}
    .solution-page .box4 .info>p{font-size: .32rem}

    .solution-page .box5{padding-top: .8rem;}
    .solution-page .box5 ul{display: block}
    .solution-page .box5 li{width: 100%;margin-right: 0;margin-bottom: .4rem;}
    .solution-page .box5 .info{padding: .4rem;}
    .solution-page .box5 .info>p:nth-of-type(1){font-size: .32rem}
    .solution-page .box5 .info>p:nth-of-type(2){font-size: .28rem}
}

@media (any-hover:hover){
    .solution-page .box1:hover>img{transform: scale(1.1);}

    .solution-page .box2 li:hover{background: #cd0e18;}
    .solution-page .box2 li:hover .img-div{filter: brightness(0%) invert(100%);}
    .solution-page .box2 li:hover>p:nth-of-type(1){color:#fff}
    .solution-page .box2 li:hover>p:nth-of-type(2){color:#fff}
    
    .solution-page .box3 li:hover{background: #cd0e18;border-color: #cd0e18;}
    .solution-page .box3 li:hover .img-div{filter: brightness(0%) invert(100%);}
    .solution-page .box3 li:hover>p:nth-of-type(1){color:#fff}
    .solution-page .box3 li:hover>p:nth-of-type(2){color:#fff}

    .solution-page .box5 li:hover .img{transform: scale(1.1);}
    .solution-page .box5 li:hover .info>p:nth-of-type(1){color:#cd0e18}
}

/* 产品 */
.product-page .tit{text-align: center;font-size: .48rem;color:#000;position: relative;}
.product-page .tit::after{content:'';width: 1.2rem;height: .02rem;background: #cd0e18;position: absolute;left: 50%;bottom: -.1rem;transform: translateX(-50%);}

.product-page.list{padding: .8rem 0;}
.product-page.list .cate{display: flex;justify-content: center;}
.product-page.list .cate .item{border-radius: .3rem;border: 1px solid #e5e5e5;font-size: .16rem;line-height: .58rem;display: flex;align-items: center;padding: 0 .35rem;margin-right: .2rem;position: relative;transition: .3s;min-width: 2rem;}
.product-page.list .cate .item:last-child{margin-right: 0;}
.product-page.list .cate .img-div{width: .35rem;height: .27rem;margin-right: .15rem;}
.product-page.list .cate .item.active{background: #cd0e18;border-color:#cd0e18;color:#fff}
.product-page.list .cate .item.active .img-div{filter: brightness(0%) invert(100%);}
.product-page.list .choose{margin: .6rem 0 .5rem;display: flex;justify-content: center;}
.product-page.list .choose .select:first-child{margin-right: .2rem;}
.product-page.list .choose .select:after{width: .5rem;}
.product-page.list .choose .select>select{border: 1px solid #e5e5e5;border-radius: .1rem;height: .5rem;width: 3rem;font-size: .16rem}
.product-page.list ul{display: flex;flex-wrap: wrap;}
.product-page.list li{width: calc(100% / 3 - .1rem);margin-right: .15rem;margin-bottom: .2rem;border: 1px solid #e5e5e5;border-radius: .1rem;position: relative;padding: .6rem .6rem .35rem;}
.product-page.list li:nth-child(3n){margin-right: 0;}
.product-page.list li .info .img-div{height: 2.15rem;margin-bottom: .6rem;}
.product-page.list li .info>p{font-size: .2rem;text-align: center;}
.product-page.list li .hover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;display: flex;flex-direction: column;justify-content: center;padding: 0 .6rem;}
.product-page.list li .hover .img-div{display: none;}
.product-page.list li .hover>a:nth-of-type(2){font-size: .24rem;color:#fff;text-align: center;}
.product-page.list li .hover>p{font-size: .16rem;line-height: .3rem;color:#fff;text-align: center;margin: .2rem 0 .35rem;}
.product-page.list .more{width: 1.8rem;line-height: .58rem;border-radius: .3rem;border:1px solid #fff;font-size: .16rem;padding-left: .4rem;background: url(../images/1-w.png) no-repeat 1.25rem center/.16rem;transition: .3s;margin: 0 auto;color:#fff}
.product-page.list .page{padding: .5rem 0 .2rem;}

.product-page.detail .box1 .crumb{border-color: #ccc;}
.product-page.detail .box1>.width{display: flex;padding: 1rem 0 1.4rem;}
.product-page.detail .box1 .img-div{height: 3.85rem;width: 40%;}
.product-page.detail .box1 .info{flex:1;padding-left: 9%;min-height: 3.85rem;display: flex;flex-direction: column;justify-content: center;}
.product-page.detail .box1 .info>p{font-size: .24rem;line-height: .34rem;color:#666}
.product-page.detail .box1 .info>h1{font-size: .48rem;line-height: .58rem;color:#000;margin: .05rem 0 .7rem;}
.product-page.detail .box1 .info>a{width: 1.8rem;line-height: .6rem;border-radius: .3rem;background: #cd0e18 url(../images/16-w.png) no-repeat .4rem center/.28rem;font-size: .16rem;color:#fff;padding-left: .8rem;transition: .3s;}

.product-page.detail .box2{background: #fff;border-radius: .1rem;margin-top: -.7rem;position: relative;z-index: 2;padding: .8rem 1rem;}
.product-page.detail .box2 li{display: flex;margin-bottom: .45rem;}
.product-page.detail .box2 li:last-child{margin-bottom: 0;}
.product-page.detail .box2 li>p{line-height:.36rem;}
.product-page.detail .box2 li>p:nth-of-type(1){font-size: .24rem;color:#000;width: 2rem;padding-left: .25rem;position: relative;}
.product-page.detail .box2 li>p:nth-of-type(1)::before{content:'';width: .05rem;height: .2rem;background: #cd0e18;position: absolute;top: .08rem;left: 0;}
.product-page.detail .box2 li>p:nth-of-type(2){font-size: .18rem;color:#666;flex: 1;}

.product-page.detail .box3{padding-top: .9rem;}
.product-page.detail .box3 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.product-page.detail .box3 li{width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .3rem;background: #fff;border-radius: .1rem;transition: .3s;padding: .6rem .3rem;}
.product-page.detail .box3 li:nth-child(3n){margin-right: 0;}
.product-page.detail .box3 .img-div{width: .46rem;height: .49rem;margin: 0 auto .2rem;}
.product-page.detail .box3 li>p{font-size: .24rem;line-height: .34rem;text-align: center;}

.product-page.detail .box4{padding: .6rem 0 1rem;}
.product-page.detail .box4 .img-div{border-radius: .1rem;overflow: hidden;margin-top: .6rem;}

.product-page.detail .box5{background: #fff;padding: .9rem 0 1rem;}
.product-page.detail .box5 ul{margin-top: .55rem;max-width: 10rem;}
.product-page.detail .box5 li{display: flex;border-bottom: 1px solid #e5e5e5;padding: .2rem 0;}
.product-page.detail .box5 li>p:nth-of-type(1){font-size: .2rem;line-height: .28rem;width: 2.8rem;}
.product-page.detail .box5 li>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;color:#666;}

.product-page.detail .box6{padding-top: .9rem;}
.product-page.detail .box6 table{border-collapse: collapse;width: 100%;background: #fff;border-radius: .1rem;table-layout: fixed;margin-top: .6rem;}
.product-page.detail .box6 th{background: #cd0e18;color:#fff;font-size: .2rem;color:#fff;border-right: 1px #fff solid;padding: .15rem .2rem;}
.product-page.detail .box6 th>span{display: block;font-size: .12rem;}
.product-page.detail .box6 td{border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;font-size: .18rem;line-height: .28rem;color:#666;text-align: center;padding: .2rem;}
.product-page.detail .box6 tr:first-child th:first-child{border-radius: .1rem 0 0 0;}
.product-page.detail .box6 tr:first-child th:last-child{border-radius: 0 .1rem 0 0;border-right: 0;}
.product-page.detail .box6 tr:last-child td{border-bottom: 0;}
.product-page.detail .box6 tr td:last-child{border-right: 0;}

@media (max-width:1024px){
    .product-page .tit{font-size: .5rem}

    .product-page.list{padding: .6rem 0 .4rem;}
    .product-page.list .cate .item{border-radius: .6rem;font-size: .28rem;line-height: .8rem;padding: 0 .4rem;min-width: 0;}
    .product-page.list .cate .img-div{width: .45rem;height: .37rem;margin-right: .2rem;}
    .product-page.list .choose{margin: .4rem 0 .6rem;}
    .product-page.list .choose .select{width: calc(50% - .05rem);}
    .product-page.list .choose .select:first-child{margin-right: .1rem;}
    .product-page.list .choose .select:after{width: .7rem;}
    .product-page.list .choose .select>select{height: .7rem;font-size: .26rem;width: 100%;}
    .product-page.list ul{display: block}
    .product-page.list li{width: 100%;margin-right: 0;margin-bottom: .4rem;padding: .6rem .4rem;}
    .product-page.list li .info{display: none;}
    .product-page.list li .hover{position: static;opacity: 1;display: block;padding: 0;}
    .product-page.list li .hover .img-div{display: flex;height: 4rem;margin: 0 auto .4rem;}
    .product-page.list li .hover>a:nth-of-type(2){font-size: .32rem;color:#333;}
    .product-page.list li .hover>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .3rem;color:#666}
    .product-page.list .more{width: 2.5rem;line-height: .7rem;border-radius: .6rem;border-color:#eee;font-size: .28rem;padding-left: .5rem;background-position:1.8rem center;background-size: .26rem;color:#333;background-image: url(../images/1.png);}
    .product-page.list .page{padding: 0 0 .4rem;}

    .product-page.detail .box1>.width{display: block;padding: .8rem 0;}
    .product-page.detail .box1 .img-div{height: 5rem;width: 100%;margin-bottom: .6rem;}
    .product-page.detail .box1 .info{padding-left: 0;min-height: 0;display: block}
    .product-page.detail .box1 .info>p{font-size: .36rem;line-height: .56rem;text-align: center;}
    .product-page.detail .box1 .info>h1{font-size: .4rem;line-height: .6rem;margin: .05rem 0 .4rem;text-align: center;}
    .product-page.detail .box1 .info>a{width: 2.6rem;line-height: .8rem;border-radius: .6rem;background-size:.4rem;font-size: .28rem;padding-left: 1rem;margin: 0 auto;}

    .product-page.detail .box2{margin-top: .8rem;padding: .6rem .4rem}
    .product-page.detail .box2 li{display: block;margin-bottom: .4rem;}
    .product-page.detail .box2 li>p{line-height:.48rem;}
    .product-page.detail .box2 li>p:nth-of-type(1){font-size: .4rem;width: 100%;margin-bottom: .2rem;}
    .product-page.detail .box2 li>p:nth-of-type(1)::before{height: .35rem}
    .product-page.detail .box2 li>p:nth-of-type(2){font-size: .28rem;}

    .product-page.detail .box3{padding-top: .8rem;}
    .product-page.detail .box3 li{width: calc(50% - .1rem);margin-right: .2rem;margin-bottom: .2rem;padding: .6rem .4rem .4rem;}
    .product-page.detail .box3 li:nth-child(3n){margin-right: .2rem;}
    .product-page.detail .box3 li:nth-child(2n){margin-right: 0;}
    .product-page.detail .box3 .img-div{width: .66rem;height: .69rem;margin: 0 auto .3rem;}
    .product-page.detail .box3 li>p{font-size: .28rem;line-height: .48rem}

    .product-page.detail .box4{padding: .6rem 0 .8rem;}

    .product-page.detail .box5{padding: .8rem 0;max-width: 100%;}
    .product-page.detail .box5 li{display: block;padding: .3rem 0;}
    .product-page.detail .box5 li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;width: 100%;}
    .product-page.detail .box5 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .product-page.detail .box6{padding-top: .8rem;}
    .product-page.detail .box6 table{width: max-content;margin-top: .6rem;min-width: 100%;}
    .product-page.detail .box6 th{font-size: .28rem;padding: .2rem .4rem;}
    .product-page.detail .box6 th>span{font-size: .24rem;}
    .product-page.detail .box6 td{font-size: .28rem;line-height: .48rem;padding: .2rem .4rem;}
}

@media (any-hover:hover){
    .product-page.list .cate .item:not(.active):hover{background: orange;border-color:orange;color:#fff}
    .product-page.list .cate .item:hover .img-div{filter: brightness(0%) invert(100%);}
    .product-page.list li:hover .hover{background: rgba(202,32,38,.9);opacity: 1;border-radius: .1rem;}
    .product-page.list li .more:hover{background-color: #fff;background-image: url(../images/1-m.png);color:#cd0e18}

    .product-page.detail .box1 .info>a:hover{background-color: orange;}

    .product-page.detail .box3 li:hover{background: #cd0e18;}
    .product-page.detail .box3 li:hover .img-div{filter: brightness(0%) invert(100%);}
    .product-page.detail .box3 li:hover>p{color:#fff}
}

/* 案例 */
.cases-page.list{padding: .8rem 0;}
.cases-page.list .cate{display: flex;justify-content: center;margin-bottom: .5rem;}
.cases-page.list .cate .item{border-radius: .3rem;border: 1px solid #e5e5e5;font-size: .16rem;line-height: .58rem;display: flex;align-items: center;padding: 0 .35rem;margin-right: .2rem;position: relative;transition: .3s;}
.cases-page.list .cate .item:last-child{margin-right: 0;}
.cases-page.list .cate .img-div{width: .35rem;height: .27rem;margin-right: .15rem;}
.cases-page.list .cate .item.active{background: #cd0e18;border-color:#cd0e18;color:#fff}
.cases-page.list .cate .item.active .img-div{filter: brightness(0%) invert(100%);}
.cases-page.list ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.cases-page.list li{width: calc(100% / 3 - .16rem);margin-right: .24rem;border-radius: .1rem;margin-bottom: .25rem;transition: .3s;border: 1px #e5e5e5 solid;position: relative;}
.cases-page.list li:nth-child(3n){margin-right: 0;}
.cases-page.list .img-bg{border-radius: .1rem .1rem 0 0;}
.cases-page.list .img{padding-bottom: 64.51%;}
.cases-page.list .info{padding: .35rem .4rem;}
.cases-page.list .info>p:nth-of-type(1){font-size: .2rem;margin-bottom: .15rem;}
.cases-page.list .info>p:nth-of-type(2){font-size: .16rem;color:#666}
.cases-page.list .page{padding: .25rem 0;}

.cases-page.detail .tit{font-size: .24rem;color: #000;border-bottom: 1px solid #e5e5e5;position: relative;padding: 0 0 .2rem .15rem;}
.cases-page.detail .tit::before{content:'';width: .04rem;height: .22rem;background: #cd0e18;position: absolute;top: .05rem;left: 0;}

.cases-page.detail .box1{padding: .9rem 0;position: relative;}
.cases-page.detail .box1 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cases-page.detail .box1 .m{display: none;}
.cases-page.detail .box1 .info{width: 6.7rem;background: rgba(255,255,255,.7);border-radius: .1rem;backdrop-filter:blur(10px);padding: .7rem;}
.cases-page.detail .box1 .info>h1{font-size: .3rem;line-height: .4rem;color:#000;border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom: .25rem;margin-bottom: .2rem;}
.cases-page.detail .box1 .info>p{font-size: .16rem;line-height: .3rem;color:#666}

.cases-page.detail .box2{padding: 1rem 0 .8rem;display: flex;position: relative;justify-content: space-between;align-items: flex-start;}
.cases-page.detail .box2 .con{width: 69.44%;}
.cases-page.detail .box2 .con .info{display: none;}
.cases-page.detail .box2 .img-bg{height: 5rem;border-radius: .1rem;position: relative;}
.cases-page.detail .box2 .play{position: absolute;top: 50%;left: 50%;background: #cd0e18;transform: translate(-50%,-50%);border-radius: 50%;cursor: pointer;}
.cases-page.detail .box2 .play>span{background: url(../images/17.png) no-repeat center center/.1rem;width: .48rem;height: .48rem;display: block;position: relative;z-index: 2;}
.cases-page.detail .box2 .play::after{animation: cases-box2-play 1s linear infinite ;position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);content:'';background: #cd0e18;border-radius: 50%;opacity: .5;}
.cases-page.detail .box2 .item{padding-top: .7rem;}
.cases-page.detail .box2 .content{margin-top: .1rem;}
.cases-page.detail .box2 .content p{font-size: .16rem;line-height: .3rem;color: #666;}
.cases-page.detail .box2 .item ul{display: flex;margin-top: .2rem;flex-wrap: wrap;}
.cases-page.detail .box2 .item li{width: calc(100% / 3 - .14rem);margin-right: .21rem;border: 1px solid #e5e5e5;border-radius: .1rem;position: relative;padding: .4rem .4rem .25rem;margin-bottom: .2rem;}
.cases-page.detail .box2 .item li:nth-child(3n){margin-right: 0;}
.cases-page.detail .box2 .item li .txt .img-div{height: 1.7rem;margin-bottom: .3rem;}
.cases-page.detail .box2 .item li .txt>p{font-size: .18rem;text-align: center;}
.cases-page.detail .box2 .item li .hover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;display: flex;flex-direction: column;justify-content: center;padding: 0 .4rem;}
.cases-page.detail .box2 .item li .hover .img-div{display: none;}
.cases-page.detail .box2 .item li .hover>a:nth-of-type(2){font-size: .22rem;color:#fff;text-align: center;}
.cases-page.detail .box2 .item li .hover>p{font-size: .16rem;line-height: .3rem;color:#fff;text-align: center;margin: .1rem 0 .2rem;}
.cases-page.detail .box2 .more{width: 1.6rem;line-height: .48rem;border-radius: .3rem;border:1px solid #fff;font-size: .14rem;padding-left: .4rem;background: url(../images/1-w.png) no-repeat 1.1rem center/.16rem;transition: .3s;margin: 0 auto;color:#fff}
.cases-page.detail .box2 .info{width: 27%;height:5rem;background: #f7f7f7;border-radius: .1rem;position: sticky;top: 1.3rem;padding: .6rem .5rem;}
.cases-page.detail .box2 .info .img-div{width: .8rem;height: .8rem;background: #fff;border-radius: 50%;margin-bottom: .3rem;}
.cases-page.detail .box2 .info .img-div>img{max-width: 70%;max-height: 70%;}
.cases-page.detail .box2 .info ul{border-top: 1px solid #e5e5e5;}
.cases-page.detail .box2 .info li{border-bottom: 1px solid #e5e5e5;padding: .25rem 0;}
.cases-page.detail .box2 .info li>p:nth-of-type(1){font-size: .2rem;margin-bottom: .1rem;}
.cases-page.detail .box2 .info li>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}

@keyframes cases-box2-play {
    to{transform: translate(-50%,-50%) scale(1.5);opacity: 0;}
}

@media (max-width:1024px){
    .cases-page.list{padding: .6rem 0 .4rem;}
    .cases-page.list .cate{margin-bottom: .6rem;}
    .cases-page.list .cate .item{border-radius: .6rem;font-size: .28rem;line-height: .8rem;padding: 0 .4rem}
    .cases-page.list .cate .img-div{width: .45rem;height: .37rem;margin-right: .2rem;}
    .cases-page.list ul{display: block}
    .cases-page.list li{width: 100%;margin-right: 0;margin-bottom: .4rem;}
    .cases-page.list .info{padding: .4rem;}
    .cases-page.list .info>p:nth-of-type(1){font-size: .32rem;}
    .cases-page.list .info>p:nth-of-type(2){font-size: .28rem}
    .cases-page.list .page{padding: .2rem 0 .4rem;}

    .cases-page.detail .tit{font-size: .36rem;padding: 0 0 .2rem .3rem;}
    .cases-page.detail .tit::before{height: .32rem;top: .08rem;}

    .cases-page.detail .box1{padding: .8rem 0}
    .cases-page.detail .box1 .pc{display: none;}
    .cases-page.detail .box1 .m{display: block;}
    .cases-page.detail .box1 .info{width: 100%;padding: .5rem .4rem;}
    .cases-page.detail .box1 .info>h1{font-size: .4rem;line-height: .6rem;padding-bottom: .2rem;}
    .cases-page.detail .box1 .info>p{font-size: .28rem;line-height: .48rem}

    .cases-page.detail .box2{padding: .8rem 0 .4rem;display: block}
    .cases-page.detail .box2 .con{width: 100%;}
    .cases-page.detail .box2 .img-bg{height: auto;margin-bottom: .6rem;}
    .cases-page.detail .box2 .img{padding-bottom: 50%;}
    .cases-page.detail .box2 .play>span{background-size:.2rem;width: .7rem;height: .7rem;}
    .cases-page.detail .box2 .item{padding-top: .6rem;}
    .cases-page.detail .box2 .content{margin-top: .3rem;}
    .cases-page.detail .box2 .content p{font-size: .28rem;line-height: .48rem}
    .cases-page.detail .box2 .item ul{display: block;margin-top: .3rem}
    .cases-page.detail .box2 .item li{width: 100%;margin-right: 0;margin-bottom: .4rem;padding: .6rem .4rem;}
    .cases-page.detail .box2 .item li .txt{display: none;}
    .cases-page.detail .box2 .item li .hover{position: static;opacity: 1;display: block;padding: 0;}
    .cases-page.detail .box2 .item li .hover .img-div{display: flex;height: 4rem;margin: 0 auto .4rem;}
    .cases-page.detail .box2 .item li .hover>a:nth-of-type(2){font-size: .32rem;color:#333;}
    .cases-page.detail .box2 .item li .hover>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .3rem;color:#666}
    .cases-page.detail .box2 .more{width: 2.5rem;line-height: .7rem;border-radius: .6rem;border-color:#eee;font-size: .28rem;padding-left: .5rem;background-position:1.8rem center;background-size: .26rem;color:#333;background-image: url(../images/1.png);}
    .cases-page.detail .box2 .info{width: 100%;height:auto;position: static;padding: .5rem .4rem;display: none;}
    .cases-page.detail .box2 .con .info{display: block;}
    .cases-page.detail .box2 .info .img-div{width: 1.2rem;height: 1.2rem;}
    .cases-page.detail .box2 .info li{padding: .3rem 0;}
    .cases-page.detail .box2 .info li>p:nth-of-type(1){font-size: .32rem}
    .cases-page.detail .box2 .info li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
}

@media (any-hover:hover){
    .cases-page.list .cate .item:not(.active):hover{background: orange;border-color:orange;color:#fff}
    .cases-page.list .cate .item:hover .img-div{filter: brightness(0%) invert(100%);}
    .cases-page.list li:hover .img{transform: scale(1.1);}
    .cases-page.list li:hover .info>p:nth-of-type(1){color:#cd0e18}

    .cases-page.detail .item li:hover .hover{background: rgba(202,32,38,.9);opacity: 1;border-radius: .1rem;}
    .cases-page.detail .item li .more:hover{background-color: #fff;background-image: url(../images/1-m.png);color:#cd0e18}
}

/* 新闻 */
.news-page.list{padding: .8rem 0 .7rem;}
.news-page.list .cate{display: flex;justify-content: center;margin-bottom: .5rem;}
.news-page.list .cate .item{border-radius: .3rem;border: 1px solid #e5e5e5;font-size: .16rem;line-height: .58rem;display: flex;align-items: center;padding: 0 .35rem;margin-right: .2rem;position: relative;transition: .3s;}
.news-page.list .cate .item:last-child{margin-right: 0;}
.news-page.list .cate .img-div{width: .27rem;height: .25rem;margin-right: .15rem;}
.news-page.list .cate .item.active{background: #cd0e18;border-color:#cd0e18;color:#fff}
.news-page.list .cate .item.active .img-div{filter: brightness(0%) invert(100%);}
.news-page.list .head{display:flex;background: #f8f8f8;border-radius: .2rem;align-items: center;margin-bottom: .5rem;}
.news-page.list .head .img-bg{width: 50%;height: 4.5rem;border-radius: .2rem 0 0 .2rem;}
.news-page.list .head .info{width: 50%;padding: 0 8% 0 5.5%;}
.news-page.list .head .info>a:nth-of-type(1){font-size: .26rem;line-height: .36rem;margin: .1rem 0 .25rem;}
.news-page.list .head .info>a:nth-of-type(2){width: 1.8rem;line-height: .58rem;border-radius: .3rem;border:1px solid #ccc;font-size: .16rem;padding-left: .4rem;background: url(../images/1.png) no-repeat 1.25rem center/.16rem;transition: .3s;margin-top: .4rem;}
.news-page.list .head .info>p{font-size: .16rem;color:#666;line-height: .3rem;}
.news-page.list .head .info>p:nth-of-type(1){background: url(../images/4.png) no-repeat left center/.16rem;padding-left: .25rem;}
.news-page.list ul{display: flex;flex-wrap: wrap;}
.news-page.list li{background: #f8f8f8;border-radius: .2rem;width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .3rem;position: relative;}
.news-page.list li:nth-child(3n){margin-right: 0;}
.news-page.list li .img-bg{border-radius: .2rem .2rem 0 0;}
.news-page.list li .img{padding-bottom: 56.52%;}
.news-page.list li .info{padding: .35rem .4rem .6rem;}
.news-page.list li .info>p:nth-of-type(1){font-size: .16rem;color:#666;background: url(../images/4.png) no-repeat left center/.16rem;padding-left: .25rem;margin-bottom: .15rem;}
.news-page.list li .info>p:nth-of-type(2){font-size: .22rem;line-height: .36rem;height: .72rem;}
.news-page.list li .info>p:nth-of-type(3){font-size: .16rem;line-height: .3rem;color:#666;border-top: 1px #e5e5e5 solid;margin-top: .2rem;padding-top: .25rem;}
.news-page.list .page{padding: .2rem 0 .3rem;}

.news-page.detail{background: #f7f7f7;padding: 1rem 0;}
.news-page.detail .width{background: #fff;border-radius: .2rem;padding: .9rem 1rem;}
.news-page.detail .width>h1{font-size: .4rem;line-height: .5rem;color:#000;text-align: center;}
.news-page.detail .time{display: flex;justify-content: center;font-size: .16rem;color:#666;line-height: .2rem;margin:.3rem 0 .35rem}
.news-page.detail .time>p:nth-of-type(1){background: url(../images/4.png) no-repeat left center/.16rem;padding-left: .25rem;margin-right: .45rem;}
.news-page.detail .content{border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding: .3rem 0 .4rem;margin-bottom: .5rem;}
.news-page.detail .content p{font-size: .16rem;line-height: .3rem;color:#666}
.news-page.detail .jump{display: flex;align-items: center;}
.news-page.detail .info{width: calc(100% - 1.7rem);padding-right: 1rem;}
.news-page.detail .info>a{font-size: .16rem;line-height: .3rem;color:#666}
.news-page.detail .jump>a{width: 1.7rem;line-height: .6rem;text-align: center;background: #cd0e18;font-size: .16rem;border-radius: .3rem;color:#fff;transition: .3s;}

@media (max-width:1024px){
    .news-page.list{padding: .6rem 0 .4rem;}
    .news-page.list .cate{margin-bottom: .6rem;}
    .news-page.list .cate .item{border-radius: .6rem;font-size: .28rem;line-height: .8rem;padding: 0 .4rem}
    .news-page.list .cate .img-div{width: .45rem;height: .37rem;margin-right: .2rem;}
    .news-page.list .head{display:block;margin-bottom: .6rem;}
    .news-page.list .head .img-bg{width: 100%;height: auto;border-radius: .2rem .2rem 0 0;}
    .news-page.list .head .img{padding-bottom: 62.5%;}
    .news-page.list .head .info{width: 100%;padding: .5rem .4rem .6rem;}
    .news-page.list .head .info>a:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin: .1rem 0 .2rem;}
    .news-page.list .head .info>a:nth-of-type(2){margin-top: .3rem;width: 2.5rem;line-height: .7rem;border-radius: .6rem;font-size: .28rem;padding-left: .5rem;background-position:1.8rem center;background-size: .26rem;}
    .news-page.list .head .info>p{font-size: .28rem;line-height: .48rem;}
    .news-page.list .head .info>p:nth-of-type(1){background-size:.25rem;padding-left: .4rem;}
    .news-page.list ul{display: block}
    .news-page.list li{width: 100%;margin-right: 0;margin-bottom: .4rem}
    .news-page.list li .info{padding: .5rem .4rem;}
    .news-page.list li .info>p:nth-of-type(1){font-size: .28rem;background-size:.25rem;padding-left: .4rem;}
    .news-page.list li .info>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;height: auto;}
    .news-page.list li .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;padding-top: .2rem;}
    .news-page.list .page{padding: .2rem 0 .3rem;}

    .news-page.detail{padding: .6rem 0 .8rem;}
    .news-page.detail .width{padding: .6rem .4rem;}
    .news-page.detail .width>h1{font-size: .32rem;line-height: .52rem;}
    .news-page.detail .time{font-size: .28rem;line-height: .28rem;margin:.3rem 0}
    .news-page.detail .time>p:nth-of-type(1){background-size:.25rem;padding-left: .4rem;margin-right: .3rem;}
    .news-page.detail .content{margin-bottom: .4rem;}
    .news-page.detail .content p{font-size: .28rem;line-height: .48rem}
    .news-page.detail .jump{display: block}
    .news-page.detail .info{width: 100%;padding: 0 0 .3rem 0;}
    .news-page.detail .info>a{font-size: .28rem;line-height: .48rem}
    .news-page.detail .jump>a{width: 2.2rem;line-height: .7rem;font-size: .28rem;border-radius: .6rem}
}

@media (any-hover:hover){
    .news-page.list .cate .item:not(.active):hover{background: orange;border-color:orange;color:#fff}
    .news-page.list .cate .item:hover .img-div{filter: brightness(0%) invert(100%);}
    .news-page.list .head:hover .info>a:nth-of-type(1){color:#cd0e18}
    .news-page.list .head .info>a:nth-of-type(2):hover{color:#fff;border-color:#cd0e18;background-image: url(../images/1-w.png);background-color: #cd0e18;}
    .news-page.list li:hover .img{transform: scale(1.1);}
    .news-page.list li:hover .info>p:nth-of-type(2){color:#cd0e18}

    .news-page.detail .jump>a:hover{background: orange;}
}

/* 关于 */
.about-page .tit{text-align: center;font-size: .48rem;color:#000;position: relative;}
.about-page .tit::after{content:'';width: 1.2rem;height: .02rem;background: #cd0e18;position: absolute;left: 50%;bottom: -.1rem;transform: translateX(-50%);}

.about-page .box1{padding: 1rem 0;}
.about-page .box1 .info{display: flex;align-items: flex-start;margin-bottom: 1rem;}
.about-page .box1 .tit{flex:1;padding-right: 1rem;text-align: left;}
.about-page .box1 .tit::after{transform: translateX(0);left: 0;}
.about-page .box1 .info>p{font-size: .16rem;line-height: .3rem;color:#666;width: 71.5%;}
.about-page .box1 .img-bg{border-radius: .2rem;position: relative;}
.about-page .box1 .img{padding-bottom: 41.66%;}
.about-page .box1 .play{position: absolute;top: 50%;left: 50%;background: #cd0e18;transform: translate(-50%,-50%);border-radius: 50%;cursor: pointer;}
.about-page .box1 .play>span{background: url(../images/17.png) no-repeat .4rem center/.3rem;width: 1rem;height: 1rem;display: block;position: relative;z-index: 2;}
.about-page .box1 .play::after{animation: about-box1-play 1s linear infinite ;position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);content:'';background: #cd0e18;border-radius: 50%;opacity: .5;}

.about-page .box2 ul{display: flex;margin-top: .8rem;}
.about-page .box2 li{flex:1;border-right: 1px rgba(255,255,255,.4) solid;padding: 10% 6%;transition: .3s;}
.about-page .box2 li:last-child{border-right: 0;}
.about-page .box2 li>p{color:#fff;line-height: .5rem;font-size: .28rem;transition: .3s;}
.about-page .box2 li>p:nth-of-type(1){font-size: .45rem;margin-bottom: .25rem;}

.about-page .box3{background: #f7f7f7;padding: 1rem 0;}
.about-page .box3 .con{position: relative;margin: .6rem 0;}
.about-page .box3 .con .swiper-container{border-radius: .1rem;background: #fff;}
.about-page .box3 .con .swiper-slide{display: flex;opacity: 0 !important;}
.about-page .box3 .con .swiper-slide-active{opacity: 1 !important;}
.about-page .box3 .img-bg{width: 50%;}
.about-page .box3 .img{padding-bottom: 62.5%;}
.about-page .box3 .info{flex:1;padding: .5rem 5.7%;display: flex;flex-direction: column;justify-content: center;}
.about-page .box3 .info>p:nth-of-type(1){font-size: .9rem;color:#cd0e18;border-bottom: 1px #eee solid;padding-bottom: .05rem;}
.about-page .box3 .info>p:nth-of-type(2){font-size: .16rem;color:#666;line-height: .26rem;margin: .25rem 0 .35rem;}
.about-page .box3 .arrow{width: .48rem;height: .48rem;border-radius: 50%;border: 1px solid #ddd;right: -.8rem;transform: translateY(-50%);background: url(../images/arrow1.svg) no-repeat center center/.18rem;position: absolute;transition: .3s;cursor: pointer;top: 50%;z-index: 2;}
.about-page .box3 .prev{right: auto;left: -.8rem;transform: translateY(-50%) rotate(180deg);}
.about-page .box3 .swiper-button-disabled{cursor: auto;opacity: .5;}
.about-page .box3 .year{position: relative;}
.about-page .box3 .year::after{content:'';width: 100%;height: 1px;background: #ddd;position: absolute;bottom: .07rem;left: 0;}
.about-page .box3 .year .swiper-slide{font-size: .2rem;color:#B2B2B2;text-align: center;padding-bottom: .3rem;cursor: pointer;}
.about-page .box3 .year .swiper-slide::after{content:'';width: .07rem;height: .07rem;background: #B2B2B2;border-radius: 50%;bottom: .04rem;left: 50%;transform: translateX(-50%);position: absolute;}
.about-page .box3 .year .swiper-slide.active{color:#cd0e18}
.about-page .box3 .year .swiper-slide.active::after{width: .06rem;height: .06rem;background: #fff;border: .04rem solid #cd0e18;bottom: 0;}

@keyframes about-box1-play {
    to{transform: translate(-50%,-50%) scale(1.5);opacity: 0;}
}

@media (max-width:1600px){
    .about-page .box3 .arrow{right:-.2rem;background-color: #fff;}
    .about-page .box3 .prev{left: -.2rem;}
}

@media (max-width:1024px){
    .about-page .tit{font-size: .5rem;}

    .about-page .box1{padding: .8rem 0;}
    .about-page .box1 .info{display: block;margin-bottom: .6rem;}
    .about-page .box1 .tit{padding-right: 0;margin-bottom: .4rem;}
    .about-page .box1 .info>p{font-size: .28rem;line-height: .48rem;width: 100%;}
    .about-page .box1 .play>span{background-position:.25rem center;background-size: .25rem;width: .7rem;height: .7rem}

    .about-page .box2 ul{display: block;margin-top: .6rem;}
    .about-page .box2 li{border-right:0;border-bottom: 1px rgba(255,255,255,.4) solid;padding: .8rem .4rem}
    .about-page .box2 li:last-child{border-bottom: 0;}
    .about-page .box2 li>p{line-height: .48rem;}
    .about-page .box2 li>p:nth-of-type(1){font-size: .4rem;margin-bottom: .1rem;line-height: .6rem;}

    .about-page .box3{padding: .8rem 0;}
    .about-page .box3 .con .swiper-slide{display: block;}
    .about-page .box3 .img-bg{width: 100%;}
    .about-page .box3 .info{padding: .4rem .4rem .5rem;display: block}
    .about-page .box3 .info>p:nth-of-type(1){font-size: .6rem;padding-bottom: .15rem;}
    .about-page .box3 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .25rem 0 0;}
    .about-page .box3 .arrow{width: .7rem;height: .7rem;right: .2rem;background-size:.32rem;top: 28%}
    .about-page .box3 .prev{left: .2rem}
    .about-page .box3 .year::after{bottom: .09rem}
    .about-page .box3 .year .swiper-slide{font-size: .32rem;padding-bottom: .4rem;}
    .about-page .box3 .year .swiper-slide::after{width: .1rem;height: .1rem}
    .about-page .box3 .year .swiper-slide.active::after{width: .12rem;height: .12rem}
}

@media (any-hover:hover){
    .about-page .box2 li:hover{background: rgba(0,0,0,.3);}
    .about-page .box2 li:hover>p{transform: translateY(-.2rem);}

    .about-page .box3 .arrow:not(.swiper-button-disabled):hover{background-color: #cd0e18;border-color: #cd0e18;background-image: url(../images/arrow1-w.svg);}
}

/* 研发 */
.dev-page{padding: .8rem 0 .65rem;}
.dev-page .cate{display: flex;justify-content: center;}
.dev-page .cate .item{border-radius: .3rem;border: 1px solid #e5e5e5;font-size: .16rem;line-height: .58rem;display: flex;align-items: center;padding: 0 .35rem;margin-right: .2rem;position: relative;transition: .3s;}
.dev-page .cate .item:last-child{margin-right: 0;}
.dev-page .cate .img-div{width: .28rem;height: .27rem;margin-right: .15rem;}
.dev-page .cate .item.active{background: #cd0e18;border-color:#cd0e18;color:#fff}
.dev-page .cate .item.active .img-div{filter: brightness(0%) invert(100%);}

.dev-page .box1{padding: .7rem 0 .35rem;}
.dev-page .box1 .img-div{border-radius: .1rem;overflow: hidden;}
.dev-page .box1>p{text-align: center;}
.dev-page .box1>p:nth-of-type(1){font-size: .48rem;color:#000;position: relative;line-height: .58rem;}
.dev-page .box1>p:nth-of-type(1):after{content:'';width: 1.2rem;height: .02rem;background: #cd0e18;position: absolute;left: 50%;bottom: -.1rem;transform: translateX(-50%);}
.dev-page .box1>p:nth-of-type(2){font-size: .16rem;color:#666;line-height: .3rem;max-width: 11rem;margin: .45rem auto .4rem;}

.dev-page .box2{padding-top: .5rem;}
.dev-page .box2 ul{display: flex;flex-wrap: wrap;}
.dev-page .box2 li{width: calc(25% - .15rem);margin-right: .2rem;margin-bottom: .35rem;}
.dev-page .box2 li:nth-child(4n){margin-right: 0;}
.dev-page .box2 .img-div{height: 2.4rem;border-radius: .1rem;border: 1px solid #e5e5e5;margin-bottom: .25rem;}
.dev-page .box2 .img-div>img{max-width: 90%;max-height: 90%;}
.dev-page .box2 li>p{font-size: .18rem;line-height: .28rem;color:#666;text-align: center;}
.dev-page .box2 .page{padding: .15rem 0 .35rem;}

@media (max-width:1024px){
    .dev-page{padding: .6rem 0 .4rem;}
    .dev-page .cate .item{border-radius: .6rem;font-size: .28rem;line-height: .8rem;padding: 0 .4rem}
    .dev-page .cate .img-div{width: .45rem;height: .37rem;margin-right: .2rem;}

    .dev-page .box1{padding: .6rem 0 .4rem;}
    .dev-page .box1>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .dev-page .box1>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-width: 100%;margin: .5rem auto .4rem;}

    .dev-page .box2{padding-top: .6rem;}
    .dev-page .box2 ul{display: block}
    .dev-page .box2 li{width: 100%;margin-right: 0;margin-bottom: .4rem;}
    .dev-page .box2 li:nth-child(4n){margin-right: 0;}
    .dev-page .box2 .img-div{height: 4rem;margin-bottom: .3rem;}
    .dev-page .box2 .img-div>img{max-width: 80%;max-height: 80%;}
    .dev-page .box2 li>p{font-size: .32rem;line-height: .52rem;}
    .dev-page .box2 .page{padding: .2rem 0 .4rem;}
}

@media (any-hover:hover){
    .dev-page .cate .item:not(.active):hover{background: orange;border-color:orange;color:#fff}
    .dev-page .cate .item:hover .img-div{filter: brightness(0%) invert(100%);}

    .dev-page .box2 li:hover .img-div>img{transform: scale(1.1);}
}

/* 联系 */
.contact-page{background: #f8f8f8;}
.contact-page .tit{font-size: .48rem;color:#000;position: relative;}
.contact-page .tit::after{content:'';width: 1.2rem;height: .02rem;background: #cd0e18;position: absolute;left: 0;bottom: -.1rem;}

.contact-page .box1{padding: .9rem 0 1rem;}
.contact-page .box1 .con{display: flex;justify-content: space-between;margin-top: .9rem;align-items: flex-start;}
.contact-page .box1 ul{width: 55%;display: flex;flex-wrap: wrap;}
.contact-page .box1 li{width: calc(50% - .2rem);}
.contact-page .box1 li:first-child{margin-right: .4rem;}
.contact-page .box1 li:last-child{min-width: 60%;margin-top: .5rem;width: auto;}
.contact-page .box1 li>p{font-size: .3rem;margin-bottom: .15rem;}
.contact-page .box1 .item{display: flex;border-bottom: 1px #e5e5e5 solid;padding: .15rem 0;}
.contact-page .box1 .item>p{line-height: .28rem;}
.contact-page .box1 .item .img-div{width: .21rem;height: .19rem;margin: .04rem .4rem 0 0;}
.contact-page .box1 .item>p:nth-of-type(1){width: .9rem;color:#666;}
.contact-page .box1 .item>p:nth-of-type(2){flex:1;font-size: .18rem;}
.contact-page .box1 .medias{width: 37.5%;background: #fff;border-radius: .2rem;box-shadow: 0 0 .2rem rgba(0,0,0,.1);padding: 9% .5rem 8%;}
.contact-page .box1 .qrs{width: 2.4rem;height: 2.4rem;border: 1px solid #e5e5e5;border-radius: .1rem;position: relative;margin: 0 auto .5rem;}
.contact-page .box1 .qr{opacity: 0;transition: .3s;width: 2.1rem;height: 2.1rem;position: absolute;top: .15rem;left: .15rem;}
.contact-page .box1 .qr.show{opacity: 1;z-index: 2;}
.contact-page .box1 .qr>img{width: 100%;height: 100%;}
.contact-page .box1 .media{display: flex;justify-content: center;}
.contact-page .box1 .media>a{width: .4rem;height: .4rem;border-radius: 50%;background: #e5e5e5;margin-right: .1rem;transition: .3s;position: relative;}
.contact-page .box1 .media>a:last-child{margin-right: 0;}
.contact-page .box1 .media>a>img{max-width: 50%;max-height: 50%;transition: .3s;}
.contact-page .box1 .media>a.active{background: #cd0e18;}
.contact-page .box1 .media>a.active>img{filter: brightness(0%) invert(100%);}

.contact-page .box2{background: #fff;padding: .9rem 0 1rem;}
.contact-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.contact-page .box2 li{width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .25rem;}
.contact-page .box2 li:nth-child(3n){margin-right: 0;}
.contact-page .box2 li.w100{width: 100%;margin-right: 0;}
.contact-page .box2 li>p{font-size: .16rem;margin-bottom: .15rem;}
.contact-page .box2 li>p>span{color:red;margin-right: .05rem;}
.contact-page .box2 li input{height: .5rem;border-radius: .05rem;border: 1px solid #eee;width: 100%;flex:1}
.contact-page .box2 li input:focus{border-color: #cd0e18;}
.contact-page .box2 li>textarea{height: 2rem;border-radius: .05rem;border: 1px solid #eee;width: 100%;}
.contact-page .box2 li>textarea:focus{border-color: #cd0e18;}
.contact-page .box2 .codes{display: flex;}
.contact-page .box2 .codes>img{height: .5rem;border: 1px #eee solid;border-radius: .05rem;cursor: pointer;margin-left: .1rem;}
.contact-page .box2 .btn{width: 1.6rem;line-height: .5rem;color:#fff;background: #cd0e18;text-align: center;transition: .3s;cursor: pointer;border-radius: .25rem;font-size: .16rem;margin-top: .1rem;}

.contact-page .box3{padding:.6rem 0 1rem;text-align: center;}
.contact-page .box3 .img-div{width: .8rem;height: .8rem;margin:0 auto}
.contact-page .box3>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;margin:.3rem 0 .1rem}
.contact-page .box3>p:nth-of-type(2){font-size: .18rem;color:#666;line-height: .28rem;}
.contact-page .box3>a{width: 1.6rem;line-height: .5rem;color:#fff;background: #cd0e18;text-align: center;transition: .3s;cursor: pointer;border-radius: .25rem;font-size: .16rem;margin: .3rem auto 0;}

@media (max-width:1440px){
    .contact-page .box1 ul{width: 58%}
}

@media (max-width:1280px){
    .contact-page .box1 ul{display: block;}
    .contact-page .box1 li{width: 100%;}
    .contact-page .box1 li:first-child{margin-right: 0;}
    .contact-page .box1 .medias{padding: 9% .3rem 8%;}
}

@media (max-width:1024px){
    .contact-page .tit{font-size: .5rem;}

    .contact-page .box1{padding: .8rem 0;}
    .contact-page .box1 .con{display: block;margin-top: .2rem;}
    .contact-page .box1 ul{width: 100%;display: block;margin-bottom: .6rem;}
    .contact-page .box1 li{width: 100%;margin-top: .6rem;}
    .contact-page .box1 li:first-child{margin-right: 0;}
    .contact-page .box1 li:last-child{min-width: 100%;margin-top: .6rem;width: 100%;}
    .contact-page .box1 li>p{font-size: .36rem;margin-bottom: 0;}
    .contact-page .box1 .item{flex-wrap: wrap;padding: .3rem 0;}
    .contact-page .box1 .item>p{line-height: .48rem;}
    .contact-page .box1 .item .img-div{width: .36rem;height: .34rem;margin: .06rem .3rem 0 0;}
    .contact-page .box1 .item>p:nth-of-type(1){width: calc(100% - .66rem)}
    .contact-page .box1 .item>p:nth-of-type(2){font-size: .32rem;padding: .1rem 0 0 .66rem;line-height: .52rem;}
    .contact-page .box1 .medias{width: 100%;padding: .6rem .4rem;}
    .contact-page .box1 .qrs{width: 3.5rem;height: 3.5rem;margin: 0 auto .4rem;}
    .contact-page .box1 .qr{width: 3.2rem;height: 3.2rem;}
    .contact-page .box1 .media>a{width: .6rem;height: .6rem;}

    .contact-page .box2{padding: .8rem 0;}
    .contact-page .box2 ul{display: block}
    .contact-page .box2 li{width: 100%;margin-right: 0;margin-bottom: .4rem;}
    .contact-page .box2 li>p{font-size: .28rem;margin-bottom: .2rem;}
    .contact-page .box2 li>p>span{margin-right: .1rem;}
    .contact-page .box2 li input{height: .8rem;}
    .contact-page .box2 li>textarea{height: 3rem;}
    .contact-page .box2 .codes{display: flex;}
    .contact-page .box2 .codes>img{height: .8rem;}
    .contact-page .box2 .btn{width: 2.5rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem}

    .contact-page .box3{padding:.6rem 0 .8rem}
    .contact-page .box3 .img-div{width: 1.2rem;height: 1.2rem}
    .contact-page .box3>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin: .2rem 0 .1rem}
    .contact-page .box3>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .contact-page .box3>a{width: 2.5rem;line-height: .8rem;border-radius: .6rem;font-size: .28rem;margin: .4rem auto 0;}
}

@media (any-hover:hover){
    .contact-page .box2 .btn:hover{background: orange;}
    
    .contact-page .box3>a:hover{background: orange;}
}

/* 单页面 */
.single-page{background: #f7f7f7;padding: 1rem 0;}
.single-page .width{background: #fff;border-radius: .2rem;padding: .9rem 1rem;}
.single-page .width>h1{font-size: .4rem;line-height: .5rem;color:#000;text-align: center;margin-bottom: .4rem;}
.single-page .content{border-top: 1px #eee solid;padding-top: .3rem}
.single-page .content p{font-size: .16rem;line-height: .3rem;color:#666}

@media (max-width:1024px){
    .single-page{padding: .6rem 0 .8rem;}
    .single-page .width{padding: .6rem .4rem .8rem;}
    .single-page .width>h1{font-size: .32rem;line-height: .52rem;margin-bottom: .3rem;}
    .single-page .content{padding-top: .4rem}
    .single-page .content p{font-size: .28rem;line-height: .48rem}
}

/* 搜索 */
.search-page{padding: .8rem 0 .7rem;}
.search-page ul{display: flex;flex-wrap: wrap;}
.search-page li{background: #f8f8f8;border-radius: .2rem;width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .3rem;position: relative;}
.search-page li:nth-child(3n){margin-right: 0;}
.search-page li .img-bg{border-radius: .2rem .2rem 0 0;height: 2.5rem;}
.search-page li .img-div{height: 2.5rem;border-bottom: 1px #e5e5e5 solid;}
.search-page li .img-div>img{max-width: 90%;max-height: 75%;}
.search-page li .info{padding: .35rem .4rem .45rem;}
.search-page li .info>p:nth-of-type(1){font-size: .22rem;margin-bottom: .2rem;}
.search-page li .info>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666}
.search-page .page{padding: .2rem 0 .3rem;}

@media (max-width:1024px){
    .search-page{padding: .6rem 0 .4rem;}
    .search-page ul{display: block}
    .search-page li{width: 100%;margin-right: 0;margin-bottom: .4rem}
    .search-page li .img-bg{height: 4rem;}
    .search-page li .img-div{height: 4rem;}
    .search-page li .info{padding: .5rem .4rem;}
    .search-page li .info>p:nth-of-type(1){font-size: .32rem}
    .search-page li .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .search-page .page{padding: .2rem 0 .4rem;}
}

@media (any-hover:hover){
    .search-page li:hover .img{transform: scale(1.1);}
    .search-page li:hover .img-div>img{transform: scale(1.1);}
    .search-page li:hover .info>p:nth-of-type(1){color:#cd0e18}
}

/* 订阅 */
.subscribe-page{background: #f7f7f7;padding: .8rem 0 1rem;}
.subscribe-page .width{background: #fff;border-radius: .2rem;padding: .6rem .8rem .8rem;}
.subscribe-page .width>p{font-size: .4rem;line-height: .5rem;color:#000;text-align: center;margin-bottom: .3rem;}
.subscribe-page .content{border-top: 1px #eee solid;padding-top: .3rem}
.subscribe-page .content p{font-size: .16rem;line-height: .3rem;color:#666}
.subscribe-page .btn{border-radius: .3rem;width: 1.6rem;line-height: .5rem;background: #cd0e18;color:#fff;text-align: center;font-size: .16rem;cursor: pointer;transition: .3s;margin-top: .2rem;}

@media (max-width:1024px){
    .subscribe-page{padding: .6rem 0 .8rem;}
    .subscribe-page .width{padding: .6rem .4rem .8rem;}
    .subscribe-page .width>p{font-size: .32rem;line-height: .52rem;}
    .subscribe-page .content{padding-top: .4rem}
    .subscribe-page .content p{font-size: .28rem;line-height: .48rem;}
    .subscribe-page .btn{border-radius: .6rem;width: 2.5rem;line-height: .8rem;font-size: .28rem;margin-top: .3rem;}
}

@media (any-hover:hover){
    .subscribe-page .btn:hover{background: orange;}
}