/*公共*/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 998;transition:background,transform .5s;background-image: linear-gradient(rgba(0,0,0,0.3),transparent);}
.header .width{max-width: 16rem;display: flex;align-items: center;height: 1rem;}
.header .img-div{width: 1.42rem;height: .41rem;}
.header .con{flex:1;padding-left: .5rem;display: flex;justify-content: flex-end;}
.header ul{display: flex;}
.header li{margin-right: .8rem;}
.header li:last-child{margin-right: .6rem;}
.header li>a{line-height: 1rem;font-size: .16rem;color:#fff}
.header li>a.active{color: #a77f5b;}
.header .child{position: absolute;top: 100%;left: 0;width: 100%;background: #f5f7fa;padding:0 .5rem;display: none;line-height: .8rem;text-align: center;border-top: 1px #eee solid;z-index: 999;}
.header .child>a{font-size: .16rem;margin-right: .3rem;}
.header .child>a:last-child{margin-right: 0;}
.header .lang{width:.5rem;height: 1rem;background: url(../images/lang-w.svg) no-repeat center center/.2rem;cursor: pointer;position: relative;}
.header .lang .popup{position: absolute;top: 100%;left: 50%;transform:translateX(-50%);width:1rem;background: #fff;border-radius: .15rem;padding:.15rem 0;box-shadow: 0 0 .1rem rgba(0,0,0,.1);display: none;z-index: 2;}
.header .lang .popup>a{font-size: .16rem;line-height: .3rem;display: block;text-align: center;}
.header .search{width: .22rem;height: 1rem;background: url(../images/search-w.svg) no-repeat center center/100%;cursor: pointer;position: relative;}
.header .search .popup{position: absolute;top:100%;right:0;display: none;}
.header .search .popup>div{width:3rem;display: flex;}
.header .search .popup input{height:.5rem;flex:1;border-radius: .05rem 0 0 .05rem}
.header .search .btn{width:.5rem;height: .5rem;background: #a77f5b url(../images/search-w.svg) no-repeat center center/.22rem;border-radius: 0 .05rem .05rem 0;transition: .3s;}
.header .menu{display: none;}
.header.active{background: #fff;}
.header.active li>a{color:#333}
.header.active li>a.active{color: #a77f5b;}
.header.active .lang{background-image: url(../images/lang.svg);}
.header.active .search{background-image: url(../images/search.svg);}
.header.hide{transform: translateY(-2rem);}
.header-space{height: 1rem;display: none;}
.header-space.show{display: block;}

.nav-m{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000}
.nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem}
.nav-m .logo{width: 2.42rem;height: .7rem;}
.nav-m .close{width:.4rem;height:.4rem;background:url(../images/close.svg) no-repeat center center/100%}
.nav-m ul{border-top:1px solid #eee}
.nav-m li{border-bottom:1px solid #eee;padding:.4rem 0;position:relative;font-size:.32rem}
.nav-m li::after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:'';width:.35rem;height:.35rem;background:url(../images/arrow1.svg) no-repeat center center/100%;transition:.3s}
.nav-m li.rotate::after{transform:translateY(-50%) rotate(90deg);top:50%}
.nav-m li.block>a{display:block}
.nav-m .child{display:none;margin-left:.3rem;}
.nav-m .child>a{display:block;padding:.36rem 0;border-bottom:1px #eee solid;font-size: .3rem;}

.footer{padding:1rem 0}
.footer .width{max-width: 16rem;}
.footer1{display: flex;border-bottom: 1px solid #eee;padding-bottom: .4rem;margin-bottom: .4rem;}
.footer1 .info{width: 25%}
.footer1 .info .img-div{width: 1.78rem;height: .51rem;margin-bottom: .35rem;}
.footer1 .info li{margin-bottom: .25rem;}
.footer1 .info li>p:nth-of-type(1){color:#666;margin-bottom: .05rem;}
.footer1 .info li>p:nth-of-type(2){color:#000;font-size: .3rem;line-height: .4rem;}
.footer1 .info li:nth-of-type(2)>p:nth-of-type(1){margin-bottom: .1rem;}
.footer1 .info li:nth-of-type(2)>p:nth-of-type(2){color:#000;font-size: .2rem;line-height: .3rem;}
.footer1 .nav{display:flex;justify-content: flex-end;flex:1;}
.footer1 .nav li{margin-right: 1.5rem;}
.footer1 .nav li:last-child{margin-right: 0;}
.footer1 .nav li>a{font-size: .18rem;margin-bottom: .2rem;}
.footer1 .child>a{font-size: .16rem;color: #666;display: block;margin-bottom: .1rem;}
.footer1 .medias{width: 22%;display: flex;flex-direction: column;align-items: flex-end;}
.footer1 .medias>p{width: 1.2rem;text-align: center;font-size: .18rem;}
.footer1 .medias>img{width: 1.2rem;height: 1.2rem;margin: .25rem 0 .3rem}
.footer1 .media{display: flex;justify-content: flex-end;}
.footer1 .media>a{width: .55rem;height: .55rem;border: 1px #eee solid;border-radius: 50%;margin-right: .15rem;transition: .3s;position: relative;}
.footer1 .media>a:last-child{margin-right: 0;}
.footer1 .media>a>img{max-width: 50%;max-height: 50%;}
.footer1 .media>a>.img-div{display: none;width: 1.6rem;height: 1.6rem;transform: translateX(-50%);top: .7rem;left: 50%;position: absolute;}
.footer2{display: flex;}
.footer2>p{color:#666;flex:1;line-height: .4rem;}
.footer2>p>a{color:#666}
.footer2 .beian{text-align: right;flex:1;}

.float{position: fixed;top: 50%;right: .2rem;margin-top: -.85rem;z-index: 998;}
.float li{width: .8rem;height: .8rem;text-align: center;border-radius: .05rem;cursor: pointer;transition: .3s;}
.float .ask{background: #1a67b3 url(../images/9.png) no-repeat center .15rem/.29rem;color:#fff;margin-bottom: .1rem;padding-top: .48rem;}
.float .back{box-shadow: 0 0 .1rem rgba(0,0,0,.1);background: #fff url(../images/10.png) no-repeat center .25rem/.13rem;padding-top: .45rem;}

.inner-banner{position: relative;}
.inner-banner .img{height: 6.5rem;}
.inner-banner .m{display: none;}
.inner-banner video{position: absolute;top: 0;left:0;width:100%;height:100%;object-fit: cover;}
.inner-banner>.width{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color:#fff}
.inner-banner>.width>p{max-width: 60%;}
.inner-banner>.width>p:nth-of-type(1){font-size: .6rem;line-height: .7rem;margin-bottom: .15rem;}
.inner-banner>.width>p:nth-of-type(2){font-size: .24rem;line-height: .34rem;}

.crumb{position: absolute;top: 0;left: 0;width: 100%;height: .8rem;z-index: 2;}
.crumb .width{display: flex;justify-content: flex-end;align-items: center;height: 60%;}
.crumb .width>a{color:#999}
.crumb .width>em{font-style: normal;margin: 0 .1rem;color:#999}
.crumb .width>a:nth-of-type(1){background: url(../images/8.png) no-repeat left center/.17rem;padding-left: .3rem;}

.more{width: 2rem;line-height: .58rem;border-radius: .3rem;border: 1px #999 solid;font-size: .16rem;position: relative;padding-left: .45rem;transition: .3s;display: block;}
.more::after{content:'';position: absolute;top: .12rem;right: .35rem;width: .34rem;height: .34rem;background: #a77f5b url(../images/arrow2-w.png) no-repeat center center/.12rem;border-radius: 50%;transition: .3s;}
.more.white{border-color:#fff;color:#fff}
.more.center{margin: 0 auto;}
.more.w180{width: 1.8rem;padding-left: .35rem;}
.more.w180::after{right: .3rem;}

.comment{display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 999;}
.comment .con{position: absolute;top: 50%;left:50%;width: 10.7rem;height: 5.5rem;background: #fff;border-radius: .1rem;margin-top: -2.75rem;margin-left: -5.35rem;display: flex;align-items: center;}
.comment .img-bg{width: 50%;height: 100%;}
.comment .info{flex:1;padding:0 .7rem}
.comment .info>p{text-align: center;}
.comment .info>p:nth-of-type(1){font-size: .3rem;color:#000;margin-bottom: .2rem;}
.comment .info>p:nth-of-type(2){color:#999}
.comment .info>p:nth-of-type(2)>span{color:#a77f5b;font-size: .18rem;margin: 0 .05rem;}
.comment .info>input{width: 100%;border:0;border-bottom: 1px #eee solid;height: .4rem;margin-bottom: .2rem;padding: 0;}
.comment .info>input:focus{border-color:#a77f5b}
.comment .info>input.field4{padding-right: 2rem;}
.comment .info>img{position: absolute;right: .7rem;bottom: 2rem;cursor: pointer;height:.4rem}
.comment .btn{line-height: .5rem;border-radius: .05rem;text-align: center;font-size: .16rem;background: #a77f5b;color:#fff;cursor: pointer;transition: .3s;margin: .2rem 0 .15rem;}
.comment .close{width: .4rem;height: .4rem;border-radius: 50%;background: #f5f5f5 url(../images/close.svg) no-repeat center center/.16rem;position: absolute;top: .2rem;right: .2rem;cursor: pointer;transition: .3s;}

@media (max-width:750px){
    .header .width{height: 1.2rem;}
    .header .img-div{width: 2.42rem;height: .7rem;}
    .header ul{display: none;}
    .header .lang{width:.4rem;height: 1.2rem;background-size:100%;}
    .header .lang .popup{width:1.8rem;padding:.2rem 0}
    .header .lang .popup>a{font-size: .28rem;line-height: .5rem;}
    .header .search{width: .44rem;height: 1.2rem;margin:0 .2rem;}
    .header .search .popup{position: fixed;top:1.2rem;right:auto;left:0;width: 100%;}
    .header .search .popup>div{width:100%;}
    .header .search .popup input{height:.8rem;border-radius: 0}
    .header .search .btn{width:.8rem;height: .8rem;background-size:.4rem;border-radius: 0}
    .header .menu{width: .44rem;height: 1.2rem;background: url(../images/menu-w.svg) no-repeat center center/100%;display: block;}
    .header.active{border-bottom: 1px #f2f2f2 solid;}
    .header.active .menu{background-image: url(../images/menu.svg);}
    .header-space{height: 1.2rem}

    .footer{padding:.8rem 0 .3rem;background: #F8F8F8 !important;}
    .footer1{display: block;padding-bottom: .3rem;margin-bottom: .3rem;}
    .footer1 .info{width: 100%;margin-bottom: .2rem;}
    .footer1 .info .img-div{width: 2.42rem;height: .7rem;margin:0 auto .4rem;}
    .footer1 .info li{text-align: center;}
    .footer1 .info li>p:nth-of-type(1){margin-bottom: .1rem;font-size: .24rem;}
    .footer1 .info li>p:nth-of-type(2){font-size: .36rem;line-height: .56rem;}
    .footer1 .info li:nth-of-type(2)>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;}
    .footer1 .nav{display: block;margin-bottom: .4rem;}
    .footer1 .nav li{margin-right: 0;border-bottom: 1px #eee solid;padding:.3rem 0 .15rem}
    .footer1 .nav li>a{font-size: .32rem;}
    .footer1 .child{display: flex;flex-wrap: wrap;}
    .footer1 .child>a{font-size: .28rem;margin-bottom: .15rem;width: calc(50% - .2rem);}
    .footer1 .child>a:nth-child(2n+1){margin-right: .4rem;}
    .footer1 .medias{width: 100%;display: block;}
    .footer1 .medias>p{width: 100%;text-align: center;font-size: .28rem;}
    .footer1 .medias>img{width: 2.5rem;height: 2.5rem;margin: .2rem auto .3rem}
    .footer1 .media{justify-content: center;}
    .footer1 .media>a{width: .8rem;height: .8rem;margin-right: .2rem}
    .footer1 .media>a>.img-div{width: 2rem;height: 2rem;top: 1rem;}
    .footer2{display: block;font-size: .24rem;}
    .footer2>p{text-align: center;margin-bottom: .1rem;}
    .footer2 .beian{text-align: center}

    .float{bottom:2.1rem;right: .2rem;margin-top: 0;top:auto}
    .float li{width: .7rem;height: .7rem}
    .float .ask{background-position:center center;background-size:.4rem;padding-top: 0;margin-bottom: .2rem;}
    .float .back{background-position:center center;background-size:.25rem;padding-top: 0;}
    .float li>span{display: none;}

    .inner-banner .img{height: auto;padding-bottom: 66.66%;}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner video{display: none;}
    .inner-banner>.width>p{text-align: center;max-width: 100%;}
    .inner-banner>.width>p:nth-of-type(1){font-size: .5rem;margin-bottom: .1rem;}
    .inner-banner>.width>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}

    .crumb{position: static;height: .8rem;background: #fff !important;}
    .crumb .width{justify-content: flex-start;height: 100%;overflow-x: auto;white-space: nowrap;font-size: .26rem;}
    .crumb .width>a:nth-of-type(1){background-size:.3rem;padding-left: .5rem;}

    .more{width: 2.7rem;line-height: .78rem;border-radius: .6rem;font-size: .28rem;padding-left: .5rem}
    .more::after{right: .3rem;width: .55rem;height: .55rem;background-size:.18rem;}
    .more.w180{width: 2.7rem;padding-left: .5rem;}
    .more.w180::after{right: .3rem;}

    .comment .con{width: 95%;height: auto;margin-top: 0;margin-left:0;display: block;transform: translate(-50%,-50%);}
    .comment .img-bg{display: none;}
    .comment .info{padding:.5rem .4rem}
    .comment .info>p:nth-of-type(1){font-size: .44rem;margin-bottom: .4rem;}
    .comment .info>p:nth-of-type(2)>span{font-size: .28rem}
    .comment .info>input{height: .8rem;margin-bottom: .15rem}
    .comment .info>input.field4{padding-right: 2.5rem;}
    .comment .btn{line-height: .8rem;border-radius: .1rem;font-size: .28rem;margin: .25rem 0 .2rem;}
    .comment .close{width: .7rem;height: .7rem;background-size:.3rem;top: .3rem;right: .3rem}
    .comment .info>img{right:.4rem;bottom:2.3rem;height:.7rem}
}

@media (any-hover:hover){
    .header li>a:hover{color:#a77f5b}
    .header .child>a:hover{color:#a77f5b}
    .header .lang .popup>a:hover{color:#a77f5b}

    .footer1 .nav li>a:hover{color:#a77f5b}
    .footer1 .child>a:hover{color:#a77f5b}
    .footer1 .media>a:hover{border-color:#a77f5b}
    .footer2>p>a:hover{color:#a77f5b}
    .footer2 .beian>a:hover{color:#a77f5b}

    .float li:hover{opacity: .8;}

    .comment .btn:hover{opacity: .8;}
    .comment .get-code:hover{color: #a77f5b;}
    
    .more:hover{background: #a77f5b;border-color:#a77f5b;color:#fff}
    .more:hover::after{background-color: #fff;background-image: url(../images/arrow2-m.png);}

    .crumb .width>a:hover{color:#a77f5b}
}

/* 首页 */
.index-page .width{max-width: 16rem;}
.index-page .tit{font-size: .6rem;line-height: .7rem;}
.index-page .tit.center{text-align: center;}
.index-page .tit.white{color:#fff;}

.index-page .slogan{position:absolute;width:300%;height:300%;top:-100%;left: -100%;background:#fff url(../images/slogan.svg) no-repeat 53.5% center/auto 5.5rem;z-index: 2;mask-image:radial-gradient(circle, transparent 9%, black 9%);transform: scale(4);display: none;transition: .3s;}
.index-page .slogan>p{font-size: .8rem;line-height: .9rem;text-align: center;color:#666;position: absolute;bottom: 30%;width: 60%;left: 20%;display: none;padding-left: 5%;}

.index-page .box2-spaces{height: 300vh;position: relative;}
.index-page .box2-space{position: sticky;top: 0;left: 0;}
.index-page .box2{height: 100vh;position: sticky;top: 0;left: 0;}
.index-page .box2 video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.index-page .box2 .img{height: 100vh;}
.index-page .box2 .m{display: none;}
.index-page .box2 .width{position: absolute;top: 35%;left: 50%;transform: translateX(-50%);color:#fff;z-index: 30;}
.index-page .box2 .tit{max-width: 65%;}
.index-page .box2 .width>p{max-width: 65%;}
.index-page .box2 .width>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;margin:.15rem 0 .05rem;}
.index-page .box2 .width>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;margin-bottom: .45rem;}
.index-page .box2 .swiper-pagination{bottom:.4rem}
.index-page .box2 .swiper-pagination-bullet{background:#fff;border-radius:50%;opacity:1;margin:0 .2rem !important;width:.08rem;height:.08rem}
.index-page .box2 .swiper-pagination-bullet-active{position:relative;}
.index-page .box2 .swiper-pagination-bullet-active:after{border-radius:50%;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.15rem;border:1px #fff solid}

.index-page .box3 .con{position: relative;height:8.5rem;margin-top: .5rem;}
.index-page .box3 .imgs{display: flex;width:22.5rem;height:100%;}
.index-page .box3 .imgs li{width:50%;position: relative;height:100%;transition: .8s;}
.index-page .box3 .imgs li>div{position: absolute;top:0;left:0;width:100%;height:100%;transform: skew(-10.15deg) scale(1.001);transform-origin: left top;overflow: hidden;}
.index-page .box3 .imgs li>div::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: rgba(0,0,0,.5);z-index: 2;opacity: 0;transition: .3s;}
.index-page .box3 .img{position: absolute;top:0;left:0;width:12rem;height:100%;transform: skew(10.15deg);transition: 1s;}
.index-page .box3 .imgs li:nth-child(2) .img{left:auto;right:0;}
.index-page .box3 .info{position: absolute;width:22.5rem;height: 100%;top:0;left: 0;display: flex;}
.index-page .box3 .info li{width:50%;color:#fff;}
.index-page .box3 .txt{max-width: 5.7rem; margin: 1.35rem 0 0 2.2rem; transition:0.3s;} 
.index-page .box3 .info li:nth-of-type(2) .txt{margin: 1.35rem 0 0 .6rem; } 
.index-page .box3 .txt .img-div{width: .51rem;height: .51rem;margin: 0 auto;}
.index-page .box3 .txt>p{text-align: center;}
.index-page .box3 .txt>p:nth-of-type(1){font-size: .36rem;margin: .2rem 0 .1rem;}
.index-page .box3 .txt>p:nth-of-type(2){font-size: .16rem;line-height: .34rem;}
.index-page .box3 .txt .more{opacity: 0;margin-top: .3rem;transition: .3s;}
.index-page .box3 .imgs li.active>div::after{opacity: 1;}
.index-page .box3 .info li.active .more{opacity: 1;}
.index-page .box3 .imgs li.active .img{ transform:skew(10.15deg) scale(1.1);}
.index-page .box3 .m{display: none;}

.index-page .box4{padding: 1.1rem 0 1.2rem;}
.index-page .box4>p{font-size: .18rem;line-height: .28rem;color:#666;text-align: center;margin: .2rem 0 .45rem;}
.index-page .box4 .con{height: 7.2rem;position: relative;display: flex;align-items: center;justify-content: flex-end;}
.index-page .box4 .cates{width: 77.5%;background: #f5f5f5;border-radius: .2rem;height: 5.4rem;display: flex;align-items: center;position: absolute;top: 50%;left:0;transform: translateY(-50%);}
.index-page .box4 .cate{margin: 0 0 0 .9rem;width: 1.7rem;position: relative;}
.index-page .box4 .line{width: 1px;height: calc(100% - .16rem);position: absolute;top: .08rem;left: 0;border-left: 1px #ccc dashed;}
.index-page .box4 .cate>p{font-size: .2rem;color:#999;position: relative;padding-left: .3rem;margin-bottom: .5rem;cursor: pointer;}
.index-page .box4 .cate>p:last-child{margin-bottom: 0;}
.index-page .box4 .cate>p::before{content:'';width: .1rem;height: .1rem;border-radius: 50%;background: #fff;border: 2px solid #ccc;position: absolute;top: .08rem;left: -.05rem;}
.index-page .box4 .cate>p.active{color:#000}
.index-page .box4 .cate>p.active::before{width: .2rem;height: .2rem;border-color:#a77f5b;left: -.1rem;top: .04rem;}
.index-page .box4 .cate>p.active::after{content:'';position: absolute;width: .06rem;height: .06rem;background: #a77f5b;border-radius: 50%;top: .11rem;left: -.03rem;}
.index-page .box4 .info{width: 81.25%;height: 100%;position: relative}
.index-page .box4 .swiper-container{height:100%;display: none;}
.index-page .box4 .swiper-slide{display: flex;align-items: center;}
.index-page .box4 .img{width: 7.2rem;height: 100%;position: absolute;top: 0;right: 0;opacity: 0;transition: 2s;}
.index-page .box4 .img.show{opacity: 1;}
.index-page .box4 .img>img{width: 100%;height:100%;border-radius: 50%;}
.index-page .box4 .img>svg{position: absolute;top: 0;right: 0;width: 7.2rem;height: 7.2rem;display: none;}
.index-page .box4 .img>svg>path{fill: none;stroke: #a77f5b;stroke-width: .08rem;}
.index-page .box4 .txt{width: 36%;display: none;}
.index-page .box4 .txt>a:nth-of-type(1){font-size: .3rem;}
.index-page .box4 .txt>p{font-size: .16rem;line-height: .3rem;color:#666;margin: .15rem 0 .4rem;}
.index-page .box4 .swiper-pagination{bottom:1.8rem;left: 0;width: auto;}
.index-page .box4 .swiper-pagination-bullet{width: .1rem;height: .1rem;border-radius: .02rem;background: #ccc;opacity: 1;}
.index-page .box4 .swiper-pagination-bullet-active{background: #a77f5b;}

.index-page .box5{height: 9.6rem;}
.index-page .box5 ul{display: flex;height: 100%;}
.index-page .box5 li{width: 50%;height: 100%;}
.index-page .box5 li:nth-of-type(1){border-right: 1px solid rgba(255,255,255,.2);}
.index-page .box5 .item{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;color:#fff;padding: 1rem;transition: .3s;}
.index-page .box5 li:nth-of-type(1) .item{height: 50%}
.index-page .box5 li:nth-of-type(1) .item:nth-of-type(1){border-bottom: 1px solid rgba(255,255,255,.2);}
.index-page .box5 .info{transform: translateY(.6rem);transition: .3s;}
.index-page .box5 .img-div{width: .54rem;height: .47rem;}
.index-page .box5 .img-div>img{filter: brightness(0%) invert(100%)}
.index-page .box5 .info>p:nth-of-type(1){font-size: .36rem;margin: .2rem 0 .3rem;line-height: .36rem;}
.index-page .box5 .info>p:nth-of-type(2){font-size: .18rem;line-height: .18rem;}
.index-page .box5 .more{position: relative;z-index: 20;opacity: 0;transition: .3s;}

.index-page .box6{height: 300vh;}
.index-page .box6-con{position: sticky;top: 0;left: 0;}
.index-page .box6-1{position: sticky;top:0;left:0;height:100vh;width:100%;z-index: 2;}
.index-page .box6-1 .width{height: 100vh;padding-top: 1rem;}
.index-page .box6-1 .width>p{text-align: center;font-size: .18rem;line-height: .3rem;color:#666;max-width: 9.9rem;margin: .2rem auto;}
.index-page .box6-1 .num{display: flex;justify-content: center;}
.index-page .box6-1 ul{display: flex;}
.index-page .box6-1 li{margin-right: .8rem;display: flex;}
.index-page .box6-1 li:last-child{margin-right: 0;}
.index-page .box6-1 li .img-div{width: .8rem;height: .8rem;border:1px #eee solid;border-radius: 50%;margin: .2rem .3rem 0 0;}
.index-page .box6-1 li .img-div>img{max-width: 40%;max-height: 40%;}
.index-page .box6-1 .info{flex:1}
.index-page .box6-1 .info>p:nth-of-type(1){display: flex;align-items: flex-end;}
.index-page .box6-1 .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;}
.index-page .box6-1 .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: .16rem;margin-bottom: .2rem;}
.index-page .box6-1 .info>p:nth-of-type(2){font-size: .2rem;line-height: .28rem;}
.index-page .box6-1 .borders{width: 4.8rem;height: 4.8rem;margin: .4rem auto 0;position: relative;z-index: 30;display: flex;justify-content: center;align-items: center;}
.index-page .box6-1 .borders>img{width:2.8rem;height: 2.8rem}
.index-page .box6-1 .border{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 3rem;height: 3rem;opacity: .5;}
.index-page .box6-1 .border:nth-of-type(1){animation: index-box6-play 1.6s 1.2s linear infinite;}
.index-page .box6-1 .border:nth-of-type(2){animation: index-box6-play 1.6s .8s linear infinite;}
.index-page .box6-1 .border:nth-of-type(3){animation: index-box6-play 1.6s .4s linear infinite;}
.index-page .box6-1 .border:nth-of-type(4){animation: index-box6-play 1.6s linear infinite;}
.index-page .box6-1 .border>img{position: absolute;top: 0;left: 0;}
.index-page .box6-1 .border>img:nth-of-type(1){width: 52%;}
.index-page .box6-1 .border>img:nth-of-type(2){width: 100%;}
.index-page .box6-1 .keli{position: absolute;left:0;bottom:0;height:7rem;width:100%;opacity: .5;}
.index-page .box6-1 .keli canvas{height: 100% !important;}
@keyframes index-box6-play {
    to{width: 4.8rem;height: 4.8rem;opacity: 0;}
}
.index-page .box6-2{width:100%;height:100vh;position: absolute;top:0;left:0}
.index-page .box6-2 .width{display: flex;flex-direction: column;justify-content: center;height:100vh}
.index-page .box6-2 .tits{display: flex;align-items: center;width: 48.75%;border-bottom: 1px solid rgba(255,255,255,.2);padding-bottom: .35rem;}
.index-page .box6-2 .tit{flex:1;padding-right: .5rem;}
.index-page .box6-2 .more{border: 0;}
.index-page .box6-2 .more::after{background-image: url(../images/arrow2-m.png);background-color: #fff;}
.index-page .box6-2 .num{display: flex;flex-wrap: wrap;width: 48.75%;margin: .3rem 0 .7rem;color:#fff}
.index-page .box6-2 .num li{width:25%;padding-right: .2rem;margin-bottom: .35rem;}
.index-page .box6-2 .num li:nth-child(4n){padding-right: 0;}
.index-page .box6-2 .num li>p:nth-of-type(1){display: flex;align-items: flex-end;}
.index-page .box6-2 .num li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .36rem;}
.index-page .box6-2 .num li>p:nth-of-type(1)>span:nth-of-type(2){margin:0 0 .08rem .05rem;}
.index-page .box6-2 .num li>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;}
.index-page .box6-2 .con{display: flex;}
.index-page .box6-2 .con li{width: calc(25% - .39rem);margin-right: .52rem;background: #fff;text-align:center;border-radius: .1rem;padding: .6rem .5rem .7rem;transition: .3s;}
.index-page .box6-2 .con li:last-child{margin-right: 0;}
.index-page .box6-2 .img-div{width: .64rem;height: .61rem;margin: 0 auto;}
.index-page .box6-2 .con li>p:nth-of-type(1){font-size: .24rem;line-height: .32rem;margin: .35rem 0 .1rem;}
.index-page .box6-2 .con li>p:nth-of-type(2){font-size: .18rem;line-height: .26rem;color:#666}

.index-page .box7{padding:1.1rem 0 1.2rem}
.index-page .box7 .con{display: flex;justify-content: space-between;margin-top: .45rem;height: 6.2rem;}
.index-page .box7 .head{display: flex;width: 65.62%;}
.index-page .box7 .head li{width: calc(50% - .25rem);position: relative;}
.index-page .box7 .head li:first-child{margin-right: .5rem;}
.index-page .box7 .head .img-bg{height: 3rem;border-radius: .2rem;margin-bottom: .4rem;}
.index-page .box7 .head .info{border-left: 1px #eee solid;padding:0 .3rem 0 .4rem;}
.index-page .box7 .head .info>p:nth-of-type(1){border:1px solid rgba(167,121,97,.1);color:#a77f5b;line-height: .35rem;border-radius: .2rem;padding: 0 .25rem;display: inline-block;}
.index-page .box7 .head .info>p:nth-of-type(2){font-size: .22rem;line-height: .32rem;margin: .25rem 0 .2rem;}
.index-page .box7 .head .info>p:nth-of-type(3){font-size: .16rem;line-height: .26rem;color:#666;margin-bottom: .45rem;}
.index-page .box7 .head .info>p:nth-of-type(4){font-size: .16rem;color:#666;padding-right: .45rem;position: relative;display: inline-block;line-height: .35rem;}
.index-page .box7 .head .info>p:nth-of-type(4)::after{content:'';position: absolute;top: 0;right: 0;width: .35rem;height: .35rem;border-radius: 50%;background: #ccc url(../images/arrow2-w.png) no-repeat center center/.12rem;}
.index-page .box7 .best{width: 31.25%;background: #f8f8f8;border-radius: .2rem;padding: .5rem .4rem 0;}
.index-page .box7 .best>p{border:1px solid rgba(167,121,97,.1);color:#a77f5b;line-height: .35rem;border-radius: .2rem;padding: 0 .25rem;display: inline-block;}
.index-page .box7 .best li{border-bottom:1px solid #e5e5e5;padding: .35rem 0 .3rem;position: relative;}
.index-page .box7 .best li:last-child{border-bottom: 0;}
.index-page .box7 .best li>p:nth-of-type(1){font-size: .22rem;line-height: .32rem;margin-bottom: .15rem;}
.index-page .box7 .best li>p:nth-of-type(2){font-size: .16rem;color:#999;}

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

    .index-page .slogan{display: none;}

    .index-page .box2-spaces{height: 100vh;}
    .index-page .box2-space{position: relative;height: 100%;}
    .index-page .box2{position: relative;height: 100%;}
    .index-page .box2 video{display: none;}
    .index-page .box2 .img{height: 100%;}
    .index-page .box2 .pc{display: none;}
    .index-page .box2 .m{display: block;}
    .index-page .box2 .width{top: 30%;}
    .index-page .box2 .tit{max-width: 100%;}
    .index-page .box2 .width>p{max-width: 100%;}
    .index-page .box2 .width>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin:.2rem 0 .1rem;}
    .index-page .box2 .width>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .45rem;}
    .index-page .box2 .swiper-pagination{bottom:.6rem}
    .index-page .box2 .swiper-pagination-bullet{margin:0 .3rem !important;width:.12rem;height:.12rem}
    .index-page .box2 .swiper-pagination-bullet-active:after{padding:.2rem;}

    .index-page .box3{padding-top: .8rem;}
    .index-page .box3 .con{height:auto;margin-top: .4rem;}
    .index-page .box3 .imgs{display: none;}
    .index-page .box3 .info{display: none;}
    .index-page .box3 .m{display: block;}
    .index-page .box3 .item{padding:1px .4rem 40%;margin-bottom: .6rem;border-radius: .2rem;position: relative;}
    .index-page .box3 .item:last-child{margin-bottom: 0;}
    .index-page .box3 .item::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;top: 0;right: 0;border-radius: .2rem;}
    .index-page .box3 .item .img-div{width: .8rem;height: .8rem;margin: 1.5rem auto 0;position: relative;z-index: 2;}
    .index-page .box3 .item>p{text-align: center;color:#fff;position: relative;z-index: 2;}
    .index-page .box3 .item>p:nth-of-type(1){font-size: .45rem;margin: .3rem 0 .2rem;}
    .index-page .box3 .item>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .index-page .box3 .more{margin-top: .3rem;position: relative;z-index: 2;}

    .index-page .box4{padding: .8rem 0;}
    .index-page .box4>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .5rem;}
    .index-page .box4 .con{height: auto;display: block}
    .index-page .box4 .cates{width: 100%;border-radius: .1rem;height: auto;display: block;position: static;transform: translateY(0)}
    .index-page .box4 .cate{margin: 0 .4rem .6rem;width: auto;display: flex;white-space: nowrap;overflow-x: auto;padding-bottom: .3rem;}
    .index-page .box4 .line{height: 1px;top: .5rem;left: 0;border-top: 1px #ccc dashed;border-left:0}
    .index-page .box4 .cate>p{font-size: .28rem;padding: .8rem 0 0;margin: 0 .6rem 0 0;}
    .index-page .box4 .cate>p:last-child{margin-right: 0;}
    .index-page .box4 .cate>p::before{width: .2rem;height: .2rem;top: .4rem;left: 50%;transform: translateX(-50%);}
    .index-page .box4 .cate>p.active::before{width: .3rem;height: .3rem;left: 50%;top: .36rem;}
    .index-page .box4 .cate>p.active::after{width: .1rem;height: .1rem;top: .46rem;left: 50%;transform: translateX(-50%);}
    .index-page .box4 .info{width: 100%;height: auto}
    .index-page .box4 .swiper-container{height:auto;}
    .index-page .box4 .swiper-slide{display: block;height: auto;}
    .index-page .box4 .img{width: 80%;height: auto;position: relative;margin: 0 auto .4rem;display: block;}
    .index-page .box4 .img>svg{width: 100%;height: 100%}
    .index-page .box4 .img>svg>path{stroke-width: .2rem}
    .index-page .box4 .txt{width: 100%}
    .index-page .box4 .txt>a:nth-of-type(1){font-size: .32rem;}
    .index-page .box4 .txt>p{font-size: .28rem;line-height: .48rem;margin: .15rem 0 .25rem;}
    .index-page .box4 .swiper-pagination{bottom:0;text-align: center;position: static;margin-top: .5rem;}
    .index-page .box4 .swiper-pagination-bullet{width: .15rem;height: .15rem}

    .index-page .box5{height: auto;}
    .index-page .box5 ul{display: block;height: auto;padding:.1rem 0}
    .index-page .box5 li{width: 100%;height: auto;}
    .index-page .box5 li:nth-of-type(1){border-right: 0;}
    .index-page .box5 .item{height: auto;display: block;padding: .6rem .4rem .4rem;}
    .index-page .box5 li:nth-of-type(1) .item{height: auto;border-bottom: 1px solid rgba(255,255,255,.2);}
    .index-page .box5 .info{transform: translateY(0)}
    .index-page .box5 .img-div{width: .74rem;height: .67rem;}
    .index-page .box5 .info>p:nth-of-type(1){font-size: .36rem;margin: .25rem 0;line-height: .36rem;}
    .index-page .box5 .info>p:nth-of-type(2){font-size: .28rem;line-height: .28rem;margin-bottom: .3rem;}
    .index-page .box5 .more{opacity: 1}
    .index-page .box5 .more.white{border-color:rgba(255,255,255,.5)}

    .index-page .box6-1 .width{padding-top: .8rem;}
    .index-page .box6-1 .width>p{font-size: .28rem;line-height: .48rem;max-width: 100%;margin:.1rem 0 .3rem}
    .index-page .box6-1 .num{display: block;}
    .index-page .box6-1 ul{flex-wrap: wrap;}
    .index-page .box6-1 li{margin-right: .4rem;display: block;width: calc(50% - .2rem);margin-bottom: .3rem;}
    .index-page .box6-1 li:nth-child(2n){margin-right: 0;}
    .index-page .box6-1 li .img-div{width: 1rem;height: 1rem;margin: 0 auto .1rem;}
    .index-page .box6-1 .info>p:nth-of-type(1){justify-content: center;}
    .index-page .box6-1 .info>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;font-size: .5rem;}
    .index-page .box6-1 .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: .24rem;margin: 0 0 .1rem .2rem;}
    .index-page .box6-1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;text-align: center;}
    .index-page .box6-1 .borders{margin: 0 auto;}
    .index-page .box6-2 .width{display: block;padding-top: .8rem;}
    .index-page .box6-2 .tits{width: 100%;padding-bottom: .2rem;}
    .index-page .box6-2 .tit{padding-right: .3rem;}
    .index-page .box6-2 .num{width: 100%;margin: .4rem 0 .1rem;}
    .index-page .box6-2 .num li{width:calc(50% - .2rem);padding-right: .4rem;margin-bottom: .3rem;}
    .index-page .box6-2 .num li:nth-child(4n){padding-right: .4rem;}
    .index-page .box6-2 .num li:nth-child(3n){padding-right: 0;}
    .index-page .box6-2 .num li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .5rem;}
    .index-page .box6-2 .num li>p:nth-of-type(1)>span:nth-of-type(2){margin:0 0 .1rem .2rem;}
    .index-page .box6-2 .num li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .index-page .box6-2 .con{flex-wrap: wrap;}
    .index-page .box6-2 .con li{width: calc(50% - .1rem);margin-right: .2rem;padding: .5rem .4rem .4rem;margin-bottom: .2rem;}
    .index-page .box6-2 .con li:nth-child(2n){margin-right: 0;}
    .index-page .box6-2 .img-div{width: .8rem;height: .8rem}
    .index-page .box6-2 .con li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin: .25rem 0 .05rem;}
    .index-page .box6-2 .con li>p:nth-of-type(2){font-size: .26rem;line-height: .46rem;}

    .index-page .box7{padding:.8rem 0}
    .index-page .box7 .tit{text-align: center;}
    .index-page .box7 .con{display: block;margin-top: .4rem;height: auto;}
    .index-page .box7 .head{display: block;width: 100%;}
    .index-page .box7 .head li{width: 100%;margin-bottom: .6rem;}
    .index-page .box7 .head li:first-child{margin-right: 0;}
    .index-page .box7 .head .img-bg{height: auto;margin-bottom: .5rem;}
    .index-page .box7 .head .img{padding-bottom: 60%;}
    .index-page .box7 .head .info{padding:0 0 0 .4rem;}
    .index-page .box7 .head .info>p:nth-of-type(1){line-height: .5rem;padding: 0 .3rem;border-radius: .6rem;}
    .index-page .box7 .head .info>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin: .2rem 0 .1rem;}
    .index-page .box7 .head .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin-bottom: .2rem;}
    .index-page .box7 .head .info>p:nth-of-type(4){font-size: .28rem;padding-right: .7rem;line-height: .5rem;}
    .index-page .box7 .head .info>p:nth-of-type(4)::after{width: .5rem;height: .5rem;background-size:.18rem;}
    .index-page .box7 .best{width: 100%;padding: .5rem .4rem .15rem;}
    .index-page .box7 .best>p{line-height: .5rem;border-radius: .6rem;padding: 0 .3rem}
    .index-page .box7 .best li{padding: .35rem 0}
    .index-page .box7 .best li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin-bottom: .1rem;}
    .index-page .box7 .best li>p:nth-of-type(2){font-size: .28rem}
}

@media (any-hover:hover){
    .index-page .box3 .info li:nth-of-type(1):hover .txt{ margin: 1.95rem 0 0 2.2rem; }
    .index-page .box3 .info li:nth-of-type(2):hover .txt{margin: 1.95rem 0 0 .6rem; }

    .index-page .box4 .txt>a:nth-of-type(1):hover{color:#a77f5b}

    .index-page .box5 .item:hover{ background:rgba(0,0,0,.5)}
    .index-page .box5 .item:hover .info{transform: translateY(-.4rem);}
    .index-page .box5 .item:hover .more{opacity: 1;}
    
    .index-page .box6-2 .con li:hover{transform: translateY(-.1rem);}

    .index-page .box7 .head li:hover .img{transform: scale(1.1);}
    .index-page .box7 .head li:hover .info>p:nth-of-type(2){color:#a77f5b}
    .index-page .box7 .head li:hover .info>p:nth-of-type(4){color:#a77f5b}
    .index-page .box7 .head li:hover .info>p:nth-of-type(4)::after{background-color: #a77f5b;}
    .index-page .box7 .best li:hover>p:nth-of-type(1){color:#a77f5b}
}

/* 方案 */
.solution-page .tit{text-align: center;}
.solution-page .tit>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;color:#000;margin-bottom: .05rem;}
.solution-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}

.solution-page .box1{padding: .95rem 0 1rem;}
.solution-page .box1 .con{height: 4.69rem;margin-top: .65rem;}
.solution-page .box1 ul{display: flex;flex-wrap: wrap;}
.solution-page .box1 li{width: 35%;height: 2.34rem;display: flex;padding: 0 .7rem 0 .3rem;}
.solution-page .box1 li:nth-child(3){width: 30%;padding-right: 0;}
.solution-page .box1 li:nth-child(4){margin: 1.13rem 0 0 17.14%;}
.solution-page .box1 li:nth-child(5){margin-top: 1.13rem;}
.solution-page .box1 .img-div{width: 1.2rem;height: 1.2rem;border: 2px solid #eee;border-radius: .1rem;transition: .3s;}
.solution-page .box1 .img-div>img{max-width: 50%;max-height: 50%;transition: .3s;}
.solution-page .box1 .info{flex:1;padding: .2rem 0 0 .2rem;}
.solution-page .box1 .info>p:nth-of-type(1){font-size: .2rem;line-height: .3rem}
.solution-page .box1 .info>p:nth-of-type(2){line-height: .24rem;color:#666}

.solution-page .box2{padding: .95rem 0 1rem;}
.solution-page .box2 .tit-box{display: flex;align-items: center;}
.solution-page .box2 .tit{flex:1;padding-right: 3rem;}
.solution-page .box2 .tit>p{color:#fff !important;text-align: left;}
.solution-page .box2 ul{display: flex;margin-top: .45rem;justify-content: space-between;}
.solution-page .box2 li{width:21.42%;background: #fff;border-radius: .05rem;padding:.25rem .3rem 0;position: relative;height: 4.2rem;transition: .3s;}
.solution-page .box2 li::after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/14.jpg) no-repeat center center/cover;opacity: 0;transition: 1s;border-radius: .05rem;}
.solution-page .box2 .info{position: relative;z-index: 2;height: 100%;}
.solution-page .box2 .info>p:nth-of-type(2){font-size: .24rem;color:#000;border-bottom: 1px solid #eee;padding: .05rem 0 .15rem;margin-bottom: .15rem;}
.solution-page .box2 .attr>p{line-height: .2rem;color:#666}
.solution-page .box2 .img-div{width:100%;height: 1.65rem;position: absolute;bottom: .5rem;left: 0;transition: .3s;}
.solution-page .box2 li.active{width: 31.42%;}
.solution-page .box2 li.active::after{opacity: 1;}
.solution-page .box2 li.active .info>p:nth-of-type(2){color: #a77f5b;}
.solution-page .box2 li.active .img-div{height: 1.9rem;bottom: .4rem;}

.solution-page .box3{padding:1.1rem 0 1rem;}
.solution-page .box3 .tit-box{display: flex;align-items: center;margin-bottom: .4rem;}
.solution-page .box3 .tit{flex:1;padding-right: .5rem;text-align: left;}
.solution-page .box3 .tit>p:nth-of-type(1){margin-bottom: 0;}
.solution-page .box3 .swiper-container{padding-left: 13.5%;}
.solution-page .box3 .swiper-slide{width: 6.4rem;}
.solution-page .box3 .img-bg{height: 3.8rem;border-radius: .1rem;margin-bottom: .25rem;}
.solution-page .box3 .swiper-slide>p:nth-of-type(1){font-size: .2rem;}
.solution-page .box3 .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666;margin-top: .2rem;}
.solution-page .box3 .attr{display: flex;border-bottom: 1px #ccc solid;padding:.2rem 0}
.solution-page .box3 .attr>p{font-size: .16rem;padding-left: .25rem;color:#a77f5b;margin-right: .3rem;}
.solution-page .box3 .attr>p:last-child{margin-right: 0;}
.solution-page .box3 .pos{background: url(../images/36.png) no-repeat left center/.14rem;}
.solution-page .box3 .industry{background: url(../images/37.png) no-repeat left center/.17rem;}
.solution-page .box3 .arrow{display: flex;}
.solution-page .box3 .arrow>div{width: .48rem;height: .48rem;border-radius: 50%;border:1px #eee solid;background: url(../images/arrow1.svg) no-repeat center center/.16rem;cursor: pointer;transition: .3s;}
.solution-page .box3 .prev{transform: rotate(180deg);margin-right: .1rem;}

@media (max-width:750px){
    .solution-page .tit>p:nth-of-type(1){font-size: .47rem;line-height: .67rem;margin-bottom: .1rem;}
    .solution-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .solution-page .box1{padding: .8rem 0 .4rem;}
    .solution-page .box1 .con{height: auto;margin-top: .6rem;background: none !important;}
    .solution-page .box1 li{width: 100%;height: auto;padding: 0;margin-bottom: .4rem;}
    .solution-page .box1 li:nth-child(3){width: 100%;}
    .solution-page .box1 li:nth-child(4){margin: 0 0 .4rem;}
    .solution-page .box1 li:nth-child(5){margin-top: 0;}
    .solution-page .box1 .img-div{width: 1.5rem;height: 1.5rem;border-width: 1px;margin-top: .1rem;}
    .solution-page .box1 .info{padding: 0 0 0 .3rem;}
    .solution-page .box1 .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem}
    .solution-page .box1 .info>p:nth-of-type(2){line-height: .44rem;font-size: .28rem;}

    .solution-page .box2{padding: 1rem 0 .6rem;}
    .solution-page .box2 .tit-box{display: block}
    .solution-page .box2 .tit{padding: 0 0 .3rem;}
    .solution-page .box2 .tit>p{text-align: center;}
    .solution-page .box2 .more{margin:0 auto}
    .solution-page .box2 ul{display: block;margin-top: .6rem}
    .solution-page .box2 li{width:100%;border-radius: .1rem;padding:.6rem .4rem;height: auto;margin-bottom: .4rem;}
    .solution-page .box2 li::after{background: url(../images/14.jpg) no-repeat center center/cover;opacity: 1;border-radius: .1rem;}
    .solution-page .box2 .info{height: auto;}
    .solution-page .box2 .info>p:nth-of-type(2){border-color:#e5e5e5;font-size: .4rem;padding: .1rem 0 .2rem;margin-bottom: .25rem;}
    .solution-page .box2 .attr{margin-bottom: .4rem;}
    .solution-page .box2 .attr>p{line-height: .44rem;font-size: .28rem;}
    .solution-page .box2 .img-div{height: 3rem;position: static}
    .solution-page .box2 li.active{width: 100%;}
    .solution-page .box2 li.active .img-div{height: 3rem}

    .solution-page .box3{padding:.8rem 0;}
    .solution-page .box3 .tit{padding-right: .4rem}
    .solution-page .box3 .swiper-container{padding: 0 .4rem;}
    .solution-page .box3 .swiper-slide{width: 100%;}
    .solution-page .box3 .img-bg{height: auto;margin-bottom: .25rem;}
    .solution-page .box3 .img{padding-bottom: 59.37%;}
    .solution-page .box3 .swiper-slide>p:nth-of-type(1){font-size: .32rem;}
    .solution-page .box3 .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-top: .2rem;}
    .solution-page .box3 .attr{padding:.3rem 0}
    .solution-page .box3 .attr>p{font-size: .28rem;padding-left: .45rem;margin-right: .4rem;}
    .solution-page .box3 .pos{background-size:.25rem;}
    .solution-page .box3 .industry{background-size:.3rem;}
    .solution-page .box3 .arrow>div{width: .7rem;height: .7rem;background: url(../images/arrow1.svg) no-repeat center center/.28rem}
    .solution-page .box3 .prev{margin-right: .2rem;}
}

@media (any-hover:hover){
    .solution-page .box1 li:hover .img-div{background: #a77f5b;border-color:#a77f5b}
    .solution-page .box1 li:hover .img-div>img{filter: brightness(0%) invert(100%)}
    .solution-page .box1 li:hover .info>p:nth-of-type(1){color: #a77f5b;}

    .solution-page .box3 .swiper-slide:hover .img{transform: scale(1.1);}
    .solution-page .box3 .swiper-slide:hover>p:nth-of-type(1){color:#a77f5b}
    .solution-page .box3 .arrow>div:hover{background-color: #a77f5b;border-color: #a77f5b;background-image: url(../images/arrow1-w.svg);}
}

/* 产品 */
.goods-page .info>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;}
.goods-page .info>p:nth-of-type(2){font-size: .6rem;line-height: .7rem;color:#a77f5b;;}
.goods-page .attr>p{font-size: .2rem;line-height: .4rem;color:#666;padding-left: .4rem;background-position: left .07rem;background-repeat: no-repeat;background-size: .25rem;}
.goods-page .attr1{background-image: url(../images/16.png)}
.goods-page .attr2{background-image: url(../images/17.png)}
.goods-page .attr3{background-image: url(../images/18.png)}
.goods-page .attr4{background-image: url(../images/19.png)}
.goods-page .attr5{background-image: url(../images/20.png)}

.goods-page .box1{padding: 2.5rem 0 .9rem;position: relative;}
.goods-page .box1 .con{position: relative;min-height: 4.6rem;}
.goods-page .box1 .info{width: 35%;}
.goods-page .box1 .info>p:nth-of-type(2){margin-bottom: .15rem;}
.goods-page .box1 .img-div{width: 50%;height: 4.6rem;position: absolute;top: 0;right: 0;}

.goods-page .box2 .width{position: relative;padding: 1rem 0 5.3rem;}
.goods-page .box2 .con{display: flex;margin-bottom: 1.15rem;}
.goods-page .box2 .info{width: 30%;}
.goods-page .box2 .attrs{flex:1;display: flex;justify-content: flex-end;}
.goods-page .box2 .attr{padding-left: .95rem;position: relative;}
.goods-page .box2 .attr::before{content:'';width: 1px;height: calc(100% - .15rem);background: #e5e5e5;position: absolute;top: .07rem;left: 0;}
.goods-page .box2 .img-div{height: 4.3rem;position: absolute;bottom: 1rem;left: 0}

.goods-page .box3{min-height: 9rem;display: flex;align-items: flex-end;padding-top: 1rem;}
.goods-page .box3 .con{position: relative;background: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,.15);}
.goods-page .box3 .info{width: 50%;padding:.9rem 1.1rem .9rem .8rem;}
.goods-page .box3 .info>p:nth-of-type(2){margin-bottom: .2rem;}
.goods-page .box3 .img-div{width: 50%;position: absolute;top: 0;right:0;height: 100%;}
.goods-page .box3 .img-div>img{max-width: 80%;max-height: 80%;}

.goods-page .box4{padding: 1.4rem 0;}
.goods-page .box4 .con{display: flex;justify-content: space-between;}
.goods-page .box4 .img-div{width: 44%;height: 5.7rem;}
.goods-page .box4 .info{width: 43%;padding-top: .65rem;}
.goods-page .box4 .info>p:nth-of-type(2){margin-bottom: .15rem;}

@media (max-width:750px){
    .goods-page .info>p:nth-of-type(1){font-size: .28rem;line-height: .48rem;}
    .goods-page .info>p:nth-of-type(2){font-size: .5rem;}
    .goods-page .attr>p{font-size: .28rem;line-height: .48rem;padding-left: .6rem;background-size: .35rem;margin-bottom: .1rem;}

    .goods-page .box1{padding: 0 0 1rem}
    .goods-page .box1 .con{min-height: 0;}
    .goods-page .box1 .info{width: 100%;padding: 1rem 0 0;}
    .goods-page .box1 .info>p:nth-of-type(2){margin-bottom: .15rem;}
    .goods-page .box1 .img-div{width: 80%;position: static;margin: .4rem auto 0;height: 3.5rem;}

    .goods-page .box2 .width{padding: .8rem 0;}
    .goods-page .box2 .con{display: block;margin-bottom: .4rem;}
    .goods-page .box2 .info{width: 100%;margin-bottom: .2rem;}
    .goods-page .box2 .attrs{display: block}
    .goods-page .box2 .attr{padding-left: 0;position: relative;}
    .goods-page .box2 .attr::before{display: none;}
    .goods-page .box2 .img-div{height: 2.5rem;position: static}

    .goods-page .box3{min-height: 0;display: block;padding-top: 1.5rem;}
    .goods-page .box3 .info{width: 100%;padding:.6rem .4rem;}
    .goods-page .box3 .img-div{width: 100%;position: static;height: 5rem;}

    .goods-page .box4{padding: 1rem 0;}
    .goods-page .box4 .con{display: block}
    .goods-page .box4 .img-div{width: 80%;height: 5.2rem;margin: .4rem auto 0;}
    .goods-page .box4 .info{width: 100%;padding-top: 0;}
}

@media (any-hover:hover){
    .goods-page .img-div:hover>img{transform: scale(1.05);}
}

/* 工程 */
.project-page{padding: 1rem 0 1.3rem;position: relative;}
.project-page::before{content:'';position: absolute;top: 34%;left: 0;width: 14rem;background: url(../images/28.png);height: 7.85rem;z-index: 2;}
.project-page::after{content:'';position: absolute;top: 0;left: 0;width: 14rem;background: linear-gradient(to right,#fafafa,#eef0f2);height: 100%;}
.project-page ul{position: relative;z-index: 3;}
.project-page li{width: 16.9rem;position: relative;display: flex;justify-content: flex-end;height: 6.4rem;margin-bottom: 1.3rem;}
.project-page li:last-child{margin-bottom: 0;}
.project-page li .img-bg{position: absolute;top: 0;left: 0;width: 59.17%;height: 100%;border-radius: 0 .1rem .1rem 0;}
.project-page .con{width: 40.83%;padding-left: 1rem;position: relative;}
.project-page .info .img-div{width: .62rem;height: .51rem;}
.project-page .info{height: 5rem;display: flex;flex-direction: column;justify-content: center;}
.project-page .info>p:nth-of-type(1){font-size: .36rem;color:#000;line-height: .46rem;margin: .3rem 0 .15rem;}
.project-page .info>p:nth-of-type(2){font-size: .16rem;color:#666;line-height: .3rem;max-height: 3.3rem;}
.project-page .con>p{font-size: 1.8rem;color:rgba(0,0,0,.1);position: absolute;bottom: -.5rem;left: 2.15rem;z-index: 2}
.project-page li:nth-child(2n){justify-content: flex-start;margin-left: 2.5rem;}
.project-page li:nth-child(2n) .img-bg{left:auto;right:0;border-radius: .1rem 0 0 .1rem;}
.project-page li:nth-child(2n) .con{padding-left: 0;padding-right: .8rem;}
.project-page li:nth-child(2n) .con>p{left:-.1rem}
.project-page li:nth-child(3) .con>p{left:1.93rem}
.project-page .cases{padding:1.1rem 0 1rem;position: relative;z-index: 2;}
.project-page .cases .tit{display: flex;align-items: center;margin-bottom: .4rem;}
.project-page .cases .tit>p{font-size: .48rem;color:#000;flex:1;padding-right: .5rem;}
.project-page .cases .swiper-container{padding-left: 13.5%;}
.project-page .cases .swiper-slide{width: 6.4rem;}
.project-page .cases .img-bg{height: 3.8rem;border-radius: .1rem;margin-bottom: .25rem;}
.project-page .cases .swiper-slide>p:nth-of-type(1){font-size: .2rem;}
.project-page .cases .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666;margin-top: .2rem;}
.project-page .cases .attr{display: flex;border-bottom: 1px #ccc solid;padding:.2rem 0}
.project-page .cases .attr>p{font-size: .16rem;padding-left: .25rem;color:#a77f5b;margin-right: .3rem;}
.project-page .cases .attr>p:last-child{margin-right: 0;}
.project-page .cases .pos{background: url(../images/36.png) no-repeat left center/.14rem;}
.project-page .cases .industry{background: url(../images/37.png) no-repeat left center/.17rem;}
.project-page .cases .arrow{display: flex;}
.project-page .cases .arrow>div{width: .48rem;height: .48rem;border-radius: 50%;border:1px #eee solid;background: url(../images/arrow1.svg) no-repeat center center/.16rem;cursor: pointer;transition: .3s;}
.project-page .cases .prev{transform: rotate(180deg);margin-right: .1rem;}

@media (max-width:750px){
    .project-page{padding: .8rem 0;background: linear-gradient(to right,#fafafa,#eef0f2);}
    .project-page::before{display: none;}
    .project-page::after{display: none;}
    .project-page ul{padding:0 .4rem}
    .project-page li{width: 100%;display: block;height: auto;margin-bottom: .6rem;}
    .project-page li .img-bg{position: static;width: 100%;height: auto;border-radius: .1rem;}
    .project-page li .img{padding-bottom: 64%;}
    .project-page .con{width: 100%;padding: .4rem 0 0}
    .project-page .info .img-div{width: .72rem;height: .61rem;}
    .project-page .info{height: auto;display: block}
    .project-page .info>p:nth-of-type(1){font-size: .44rem;line-height: .64rem;margin: .2rem 0 .15rem;}
    .project-page .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-height: 1000rem;}
    .project-page .con>p{display: none;}
    .project-page li:nth-child(2n){margin-left: 0;}
    .project-page li:nth-child(2n) .img-bg{border-radius: .1rem;}
    .project-page li:nth-child(2n) .con{padding-right: 0;}
    .project-page .cases{padding:.8rem 0 0;}
    .project-page .cases .swiper-container{padding: 0 .4rem;}
    .project-page .cases .swiper-slide{width: 100%;}
    .project-page .cases .img-bg{height: auto;margin-bottom: .25rem;}
    .project-page .cases .img{padding-bottom: 59.37%;}
    .project-page .cases .swiper-slide>p:nth-of-type(1){font-size: .32rem;}
    .project-page .cases .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-top: .2rem;}
    .project-page .cases .attr{padding:.3rem 0}
    .project-page .cases .attr>p{font-size: .28rem;padding-left: .45rem;margin-right: .4rem;}
    .project-page .cases .pos{background-size:.25rem;}
    .project-page .cases .industry{background-size:.3rem;}
    .project-page .cases .arrow>div{width: .7rem;height: .7rem;background: url(../images/arrow1.svg) no-repeat center center/.28rem;border-color:#ddd}
    .project-page .cases .prev{margin-right: .2rem;}
}

@media (any-hover:hover){
    .project-page .cases .swiper-slide:hover .img{transform: scale(1.1);}
    .project-page .cases .swiper-slide:hover>p:nth-of-type(1){color:#a77f5b}
    .project-page .cases .arrow>div:hover{background-color: #a77f5b;border-color: #a77f5b;background-image: url(../images/arrow1-w.svg);}
}

/* 智慧城市 */
.smart-page .tit>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;color:#000;margin-bottom: .25rem;}
.smart-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666}

.smart-page .box1{padding:1rem 0 1.35rem;background-color:#FAFAFA;background-size: 100%;background-position: center bottom;}
.smart-page .box1 .width{max-width: 10.7rem;}
.smart-page .box1 .img-div{width: .67rem;height: .67rem;margin: 0 auto .3rem;}
.smart-page .box1 .tit>p{text-align: center;}

.smart-page .box2{padding-top: 1rem;}
.smart-page .box2 li{margin-bottom: 1rem;display: flex;height: 5rem;background: #fff;border-radius: .1rem;box-shadow: 0 0 .1rem rgba(0,0,0,.1);position: relative;}
.smart-page .box2 .img-bg{width: 50%;height: 100%;border-radius: .1rem 0 0 .1rem;}
.smart-page .box2 .tit{width:50%;padding: .5rem .6rem .5rem .7rem;position: absolute;height: 100%;right: 0;top: 0;display: flex;flex-direction: column;justify-content: center;}
.smart-page .box2 .tit>p:nth-of-type(2){max-height: 3rem;}
.smart-page .box2 li:nth-child(2n){justify-content: flex-end;}
.smart-page .box2 li:nth-child(2n) .img-bg{border-radius: 0 .1rem .1rem 0;}
.smart-page .box2 li:nth-child(2n) .tit{right:auto;left:0}

.smart-page .box3{padding-bottom:1rem;}
.smart-page .box3 .tit-box{display: flex;align-items: center;margin-bottom: .4rem;}
.smart-page .box3 .tit{flex:1;padding-right: .5rem;text-align: left;}
.smart-page .box3 .tit>p:nth-of-type(1){margin-bottom: 0;}
.smart-page .box3 .swiper-container{padding-left: 13.5%;}
.smart-page .box3 .swiper-slide{width: 6.4rem;}
.smart-page .box3 .img-bg{height: 3.8rem;border-radius: .1rem;margin-bottom: .25rem;}
.smart-page .box3 .swiper-slide>p:nth-of-type(1){font-size: .2rem;}
.smart-page .box3 .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666;margin-top: .2rem;}
.smart-page .box3 .attr{display: flex;border-bottom: 1px #ccc solid;padding:.2rem 0}
.smart-page .box3 .attr>p{font-size: .16rem;padding-left: .25rem;color:#a77f5b;margin-right: .3rem;}
.smart-page .box3 .attr>p:last-child{margin-right: 0;}
.smart-page .box3 .pos{background: url(../images/36.png) no-repeat left center/.14rem;}
.smart-page .box3 .industry{background: url(../images/37.png) no-repeat left center/.17rem;}
.smart-page .box3 .arrow{display: flex;}
.smart-page .box3 .arrow>div{width: .48rem;height: .48rem;border-radius: 50%;border:1px #eee solid;background: url(../images/arrow1.svg) no-repeat center center/.16rem;cursor: pointer;transition: .3s;}
.smart-page .box3 .prev{transform: rotate(180deg);margin-right: .1rem;}

@media (max-width:750px){
    .smart-page .tit>p:nth-of-type(1){font-size: .44rem;line-height: .64rem;margin-bottom: .15rem;}
    .smart-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .smart-page .box1{padding:1rem 0;}
    .smart-page .box1 .width{max-width: 100%;}
    .smart-page .box1 .img-div{width: .87rem;height: .87rem;}

    .smart-page .box2{padding: .8rem 0 .2rem;}
    .smart-page .box2 li{margin-bottom: .6rem;display: block;height: auto}
    .smart-page .box2 .img-bg{width: 100%;height: auto;border-radius: .1rem .1rem 0 0;}
    .smart-page .box2 .img{padding-bottom: 71.42%;}
    .smart-page .box2 .tit{width:100%;padding: .5rem .4rem;position: static;height: auto;display: block}
    .smart-page .box2 .tit>p:nth-of-type(2){max-height: 10000rem;}
    .smart-page .box2 li:nth-child(2n) .img-bg{border-radius: .1rem .1rem 0 0;}

    .smart-page .box3{padding-bottom:.8rem;}
    .smart-page .box3 .tit{padding-right: .4rem}
    .smart-page .box3 .swiper-container{padding: 0 .4rem;}
    .smart-page .box3 .swiper-slide{width: 100%;}
    .smart-page .box3 .img-bg{height: auto;margin-bottom: .25rem;}
    .smart-page .box3 .img{padding-bottom: 59.37%;}
    .smart-page .box3 .swiper-slide>p:nth-of-type(1){font-size: .32rem;}
    .smart-page .box3 .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-top: .2rem;}
    .smart-page .box3 .attr{padding:.3rem 0}
    .smart-page .box3 .attr>p{font-size: .28rem;padding-left: .45rem;margin-right: .4rem;}
    .smart-page .box3 .pos{background-size:.25rem;}
    .smart-page .box3 .industry{background-size:.3rem;}
    .smart-page .box3 .arrow>div{width: .7rem;height: .7rem;background: url(../images/arrow1.svg) no-repeat center center/.28rem}
    .smart-page .box3 .prev{margin-right: .2rem;}
}

@media (any-hover:hover){
    .smart-page .box3 .swiper-slide:hover .img{transform: scale(1.1);}
    .smart-page .box3 .swiper-slide:hover>p:nth-of-type(1){color:#a77f5b}
    .smart-page .box3 .arrow>div:hover{background-color: #a77f5b;border-color: #a77f5b;background-image: url(../images/arrow1-w.svg);}
}

/* 研发 */
.research-page .tit>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;color:#000;margin-bottom: .25rem;}
.research-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .32rem;color:#666}

.research-page .box1{display: flex;justify-content: space-between;padding:1rem 0;}
.research-page .box1 .img-bg{width: 51.42%;height: 4.6rem;border-radius: .2rem;}
.research-page .box1 .tit{width: 42.85%;min-height: 4.6rem;display: flex;flex-direction: column;justify-content: center;padding-bottom: .5rem;}

.research-page .box2{padding: 2rem 0 1.8rem;}
.research-page .box2 .width{display: flex;justify-content: space-between;align-items: flex-start;}
.research-page .box2 .tit{width: 45.71%;padding-top: .3rem;}
.research-page .box2 .tit>p{color:#fff !important}
.research-page .box2 ul{width: 6.04rem;display: flex;flex-wrap: wrap;}
.research-page .box2 li{width: 2.67rem;margin-bottom: .25rem;height: 1.4rem;background: #fff;border-radius: .1rem;}
.research-page .box2 li:nth-child(2n+1){margin-right: .25rem;}
.research-page .box2 li:nth-child(4n-3){margin-left: .45rem;}
.research-page .box2 li>img{max-width: 75%;max-height: 75%;}

.research-page .box3{padding:1rem 0;position: relative;}
.research-page .box3 .con{width: 44.28%;min-height: 4.8rem;display: flex;flex-direction: column;justify-content: center;}
.research-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: .35rem;}
.research-page .box3 li{margin-right: .75rem;}
.research-page .box3 li:last-child{margin-right: 0;}
.research-page .box3 li>p:nth-of-type(1){display: flex;align-items: flex-end;color:#a77f5b;font-size: .48rem;}
.research-page .box3 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .16rem;margin-bottom:.1rem}
.research-page .box3 li>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}
.research-page .box3 .img-bg{width: 42.71%;height: 4.8rem;border-radius: .2rem;position: absolute;top: 1rem;right: 0;}

@media (max-width:750px) {
    .research-page .tit>p:nth-of-type(1){font-size: .44rem;line-height: .64rem;margin-bottom: .15rem;}
    .research-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}

    .research-page .box1{display: block;padding:.8rem 0;}
    .research-page .box1 .img-bg{width: 100%;height: auto;}
    .research-page .box1 .img{padding-bottom: 63.88%;}
    .research-page .box1 .tit{width: 100%;min-height: 0;display: block;padding: .4rem 0 0;}

    .research-page .box2{padding: 1rem 0 .7rem;}
    .research-page .box2 .width{display: block}
    .research-page .box2 .tit{width: 100%;padding-top: 0;margin-bottom: .6rem;}
    .research-page .box2 .tit>p{color:#fff !important}
    .research-page .box2 ul{width: 100%}
    .research-page .box2 li{width: calc(50% - .15rem);margin-bottom: .3rem;height: 2rem;}
    .research-page .box2 li:nth-child(2n+1){margin-right: .3rem;}
    .research-page .box2 li:nth-child(4n-3){margin-left: 0;}

    .research-page .box3{padding:.8rem 0 .6rem;}
    .research-page .box3 .con{width: 100%;min-height: 0;display: block}
    .research-page .box3 ul{margin-top: .4rem;}
    .research-page .box3 li{margin-right: .4rem;width: calc(50% - .2rem);margin-bottom: .2rem;}
    .research-page .box3 li:nth-child(2n){margin-right: 0;}
    .research-page .box3 li>p:nth-of-type(1){font-size: .6rem;}
    .research-page .box3 li>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;}
    .research-page .box3 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .26rem;margin:0 0 .1rem .2rem}
    .research-page .box3 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .research-page .box3 .img-bg{width: 100%;height: 4.8rem;position: static;margin-bottom: .3rem;}
}

@media (any-hover:hover){
    .research-page .box2 li:hover>img{transform: scale(1.05);}
}

/* 关于 */
.about-page .box1{background-size: 100%;background-position: left bottom;display: flex;padding: .9rem 0 .8rem;}
.about-page .box1 .info{width: 40%;}
.about-page .box1 .info>p{font-size: .48rem;line-height: .58rem;margin-bottom: .15rem;}
.about-page .box1 .num{display: flex;align-items: flex-end;}
.about-page .box1 .num>p:nth-of-type(1){position: relative;}
.about-page .box1 .num>p:nth-of-type(1)>span:nth-of-type(1){font-size: 1.2rem;position: relative;z-index: 2;}
.about-page .box1 .num>p:nth-of-type(1)>span:nth-of-type(2){width: 0;height: .22rem;background: #a77f5b;position: absolute;bottom: .28rem;left: .05rem;animation: about-box1-play 2s linear forwards;}
.about-page .box1 .num>p:nth-of-type(2){font-size: .72rem;margin: 0 0 .1rem .2rem;}
.about-page .box1>p{flex:1;font-size: .16rem;line-height: .36rem;color:#666}
@keyframes about-box1-play {
    to{width: calc(100% - .05rem);}
}

.about-page .box2{display: flex;justify-content: flex-end;padding-bottom: 2.8rem;position: relative;}
.about-page .box2::after{content:'';position: absolute;width: 100%;left: 0;height: 5.53rem;bottom: 1.2rem;background: url(../images/30.jpg) no-repeat center center/cover;}
.about-page .box2 .con{height: 5.5rem;border-radius: .8rem 0 0 0;width: 86.45%;position: relative;z-index: 2;}
.about-page .box2 ul{background: rgba(22,85,148,.95);border-radius: .8rem 0 .8rem 0;margin:0;display: flex;height: 2.7rem;padding: 0 .8rem .1rem;align-items: center;}
.about-page .box2 li{margin-right: .9rem;display: flex;color:#fff}
.about-page .box2 li:last-child{margin-right: 0;}
.about-page .box2 .img-div{border:1px solid rgba(255,255,255,.3);border-radius: 50%;width: .8rem;height: .8rem;margin: .1rem .3rem 0 0;}
.about-page .box2 .img-div>img{filter: brightness(0%) invert(100%);max-width: 45%;max-height: 45%;}
.about-page .box2 .info>p:nth-of-type(1){display: flex;align-items: center;margin-bottom: .05rem;}
.about-page .box2 .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;}
.about-page .box2 .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: .16rem;}
.about-page .box2 .info>p:nth-of-type(2){font-size: .16rem;}

@media (max-width:750px){
    .about-page .box1{background:none !important;display: block;padding: .8rem 0;}
    .about-page .box1 .info{width: 100%;margin-bottom: .3rem;}
    .about-page .box1 .info>p{font-size: .5rem;line-height: .7rem;margin-bottom: 0;}
    .about-page .box1 .num>p:nth-of-type(2){font-size: .6rem;margin: 0 0 .2rem .3rem;}
    .about-page .box1>p{font-size: .28rem;line-height: .48rem}

    .about-page .box2{display: block;padding: 0 .4rem .8rem}
    .about-page .box2::after{display: none;}
    .about-page .box2 .con{height: auto;border-radius: .4rem;width: 100%;}
    .about-page .box2 ul{background: rgba(22,85,148,.7);border-radius: .4rem;flex-wrap: wrap;height: auto;padding: 1rem .4rem .6rem;width: 100%;}
    .about-page .box2 li{margin-right: .2rem;display: block;width: calc(50% - .1rem);margin-bottom: .4rem;}
    .about-page .box2 li:nth-child(2n){margin-right: 0;}
    .about-page .box2 .img-div{border-color:rgba(255,255,255,.7);width: 1rem;height: 1rem;margin: 0 auto .15rem}
    .about-page .box2 .info>p:nth-of-type(1){justify-content:center;margin-bottom: .05rem;}
    .about-page .box2 .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;width: auto !important;margin-right: .15rem;}
    .about-page .box2 .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: .26rem;}
    .about-page .box2 .info>p:nth-of-type(2){font-size: .26rem;line-height: .4rem;text-align: center;}
}

/* 荣誉 */
.honor-page .tit>p:nth-of-type(1){font-size: .42rem;line-height: .52rem;color:#000}
.honor-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .32rem;color:#666}

.honor-page .box1{display: flex;justify-content: space-between;padding: .95rem 0;}
.honor-page .box1>p:nth-of-type(1){width: 33%;}
.honor-page .box1>p:nth-of-type(2){width: 56%;}

.honor-page .box2{height: 8rem;}
.honor-page .box2 .width{height: 100%;}
.honor-page .box2 .tit{width: 38%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.honor-page .box2 .tit>p:nth-of-type(2){color:#333;margin: .25rem 0 .6rem;max-height: 3.96rem;line-height: .36rem;}

.honor-page .box3{padding: .95rem 0 .8rem;}
.honor-page .box3 .tit{text-align: center;}
.honor-page .box3 .tab{display: flex;justify-content: center;padding:.35rem 0 .4rem}
.honor-page .box3 .tab>p{line-height: .38rem;border:1px solid #eee;border-radius: .2rem;color:#666;padding: 0 .4rem;font-size: .18rem;margin-right: .15rem;transition: .3s;cursor: pointer;}
.honor-page .box3 .tab>p:last-child{margin-right: 0;}
.honor-page .box3 .tab>p.active{background: #a77f5b;border-color:#a77f5b;color:#fff}
.honor-page .box3 .con{display: none;}
.honor-page .box3 ul{display: flex;flex-wrap: wrap;}
.honor-page .box3 li{width: calc(25% - .15rem);margin-right: .2rem;margin-bottom: .2rem;background: #f8f8f8;position: relative;padding: .4rem .3rem;border-radius: .1rem;cursor: pointer;transition: .3s;}
.honor-page .box3 li:nth-child(4n){margin-right: 0;}
.honor-page .box3 li .img-div{width: .36rem;height: .33rem;margin: 0 auto .15rem;}
.honor-page .box3 li>p:nth-of-type(1){background:#c2bab3;color:#fff;position: absolute;top: 0;right: 0;line-height: .3rem;border-radius: 0 .1rem 0 .1rem;padding: 0 .05rem;}
.honor-page .box3 li>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;color:#000;text-align: center;}
.honor-page .box3 .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 999;display: none;}
.honor-page .box3 .swiper-container{width: 8rem;position: absolute;top: 50%;left: 50%;transform:translateY(-50%);margin-left: -4rem;background: #fff;border-radius: .2rem;}
.honor-page .box3 .swiper-slide{padding: .9rem 0 .65rem;}
.honor-page .box3 .swiper-slide .img-div{width: 4.7rem;height: 3.4rem;margin:0 auto .25rem}
.honor-page .box3 .swiper-slide>p{font-size: .2rem;line-height: .3rem;text-align: center;padding:0 .2rem}
.honor-page .box3 .close{width: .4rem;height: .4rem;background: #f5f5f5 url(../images/close.svg) no-repeat center center/.16rem;position: absolute;top: .3rem;right: .3rem;border-radius: 50%;cursor: pointer;z-index: 2;transition: .3s;}
.honor-page .box3 .arrow{width: .5rem;height: .5rem;border-radius: 50%;background: #ccc url(../images/arrow1-w.svg) no-repeat center center/.2rem;position: absolute;z-index: 2;top: 2.3rem;right: .5rem;cursor: pointer;transition:.3s}
.honor-page .box3 .prev{right:auto;left: .5rem;transform: rotate(180deg);}

@media (max-width:750px){
    .honor-page .tit>p:nth-of-type(1){font-size: .44rem;line-height: .64rem}
    .honor-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .honor-page .box1{display: block;padding: .8rem 0;}
    .honor-page .box1>p:nth-of-type(1){width: 100%;margin-bottom: .2rem;}
    .honor-page .box1>p:nth-of-type(2){width: 100%;}

    .honor-page .box2{height: auto;}
    .honor-page .box2 .width{height: auto;padding: 1rem 0 5rem;}
    .honor-page .box2 .tit{width: 100%;height: auto;display: block}
    .honor-page .box2 .tit>p:nth-of-type(2){margin: .1rem 0 0;max-height: 1000rem;line-height: .55rem;font-size: .26rem;line-height: .46rem;}

    .honor-page .box3{padding: .8rem 0 .6rem;}
    .honor-page .box3 .tab{padding:.4rem 0 .6rem}
    .honor-page .box3 .tab>p{line-height: .7rem;border-radius: .6rem;padding: 0 .5rem;font-size: .28rem;margin-right: .2rem}
    .honor-page .box3 li{width: calc(50% - .1rem);margin-right: .2rem;padding: .5rem .4rem;}
    .honor-page .box3 li:nth-child(4n){margin-right: .2rem;}
    .honor-page .box3 li:nth-child(2n){margin-right: 0;}
    .honor-page .box3 li .img-div{width: .56rem;height: .53rem;margin: 0 auto .25rem;}
    .honor-page .box3 li>p:nth-of-type(1){line-height: .4rem;padding: 0 .15rem;font-size: .24rem;}
    .honor-page .box3 li>p:nth-of-type(2){font-size: .26rem;line-height: .4rem;}
    .honor-page .box3 .swiper-container{width: 90%;transform:translate(-50%,-50%);margin-left: 0}
    .honor-page .box3 .swiper-slide{padding: 1.3rem .4rem .6rem;}
    .honor-page .box3 .swiper-slide .img-div{width: 100%;height: 4rem}
    .honor-page .box3 .swiper-slide>p{font-size: .28rem;line-height: .48rem;padding:0}
    .honor-page .box3 .close{width: .6rem;height: .6rem;background-size:.25rem;top: .4rem;right: .4rem}
    .honor-page .box3 .arrow{width: .7rem;height: .7rem;background-size:.35rem;top: 3rem;right: .2rem}
    .honor-page .box3 .prev{left: .2rem}
}

@media (any-hover:hover){
    .honor-page .box3 li:hover{transform: translateY(-.05rem);}
    .honor-page .box3 li:hover>p:nth-of-type(2){color:#a77f5b}
    .honor-page .box3 .close:hover{background-color: #a77f5b;background-image: url(../images/close-w.svg);}
    .honor-page .box3 .arrow:hover{background-color: #a77f5b;}
}

/* 新闻 */
.news-page.list{padding: 1rem 0 .45rem;}
.news-page.list .best{margin-bottom: .6rem;}
.news-page.list .swiper-slide{display: flex;align-items: center;border-radius: .2rem;background: #f8f8f8;height: 4.8rem;}
.news-page.list .swiper-slide .img-bg{width: 57.14%;border-radius: .2rem 0 0 .2rem;height: 100%;}
.news-page.list .swiper-slide .info{flex:1;padding: 0 .8rem .85rem;position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.news-page.list .swiper-slide .info>p:nth-of-type(1){border:1px solid rgba(167,127,91,.1);color:#a77f5b;display: inline-block;line-height: .33rem;padding: 0 .25rem;border-radius: .2rem;transition: .3s;}
.news-page.list .swiper-slide .info>p:nth-of-type(2){font-size: .22rem;line-height: .32rem;margin: .2rem 0;}
.news-page.list .swiper-slide .info>p:nth-of-type(3){font-size: .16rem;line-height: .26rem;color:#666;}
.news-page.list .swiper-slide .info>p:nth-of-type(4){font-size: .16rem;color:#666;padding-right: .5rem;line-height: .34rem;position: absolute;left: .8rem;bottom: 1rem;}
.news-page.list .swiper-slide .info>p:nth-of-type(4)::after{content:'';width: .34rem;height: .34rem;border-radius: 50%;background: #ccc url(../images/arrow2-w.png) no-repeat center center/.14rem;position: absolute;top: 0;right: 0;transition: .3s;}
.news-page.list .swiper-pagination{width: auto;left: auto;right: .8rem;bottom:1.1rem}
.news-page.list .swiper-pagination-bullet-active{background: #a77f5b;}
.news-page.list ul{display: flex;flex-wrap: wrap;}
.news-page.list li{width: calc(100% / 3 - .36rem);margin-right: .54rem;margin-bottom: .55rem;position: relative;}
.news-page.list li:nth-child(3n){margin-right: 0;}
.news-page.list li .img-bg{border-radius: .2rem;height: 2.6rem;margin-bottom: .3rem;}
.news-page.list li .info{position: relative;height: 2.8rem;padding: 0 .4rem;}
.news-page.list li .info::before{content:'';position: absolute;left: 0;top: 0;background: #eee;width: 1px;height: 100%;}
.news-page.list li .info>p:nth-of-type(1){border:1px solid rgba(167,127,91,.1);color:#a77f5b;display: inline-block;line-height: .33rem;padding: 0 .25rem;border-radius: .2rem;transition: .3s;}
.news-page.list li .info>p:nth-of-type(2){font-size: .22rem;line-height: .32rem;margin: .25rem 0 .2rem;}
.news-page.list li .info>p:nth-of-type(3){font-size: .16rem;line-height: .26rem;color:#666;}
.news-page.list li .info>p:nth-of-type(4){font-size: .16rem;color:#666;padding-right: .5rem;line-height: .34rem;position: absolute;left: .4rem;bottom: .1rem;}
.news-page.list li .info>p:nth-of-type(4)::after{content:'';width: .34rem;height: .34rem;border-radius: 50%;background: #ccc url(../images/arrow2-w.png) no-repeat center center/.14rem;position: absolute;top: 0;right: 0;transition: .3s;}
.news-page.list .page{padding: .05rem 0 .55rem;}

.news-page.detail{padding: .95rem 0 1rem;}
.news-page.detail>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;color:#000;text-align: center;}
.news-page.detail>p:nth-of-type(2){display: flex;justify-content: center;margin: .2rem 0 .35rem;}
.news-page.detail>p:nth-of-type(2)>span{font-size: .16rem;color:#999;}
.news-page.detail>p:nth-of-type(2)>span:nth-of-type(1){margin-right: .3rem;}
.news-page.detail .content{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: .4rem 0 .7rem;margin-bottom: .45rem;}
.news-page.detail .jump{display: flex;align-items: center;justify-content: space-between;}
.news-page.detail .info{width: calc(100% - 3rem);}
.news-page.detail .info>a{font-size: .16rem;line-height: .3rem;color:#666;display: block;}
.news-page.detail .jump>a{width: 1.7rem;line-height: .55rem;text-align: center;background: #a77f5b;color:#fff;border-radius: .3rem;font-size: .16rem;transition: .3s;}

@media (max-width:750px){
    .news-page.list{padding: .8rem 0 .2rem;}
    .news-page.list .swiper-slide{display: block;height: auto;}
    .news-page.list .swiper-slide .img-bg{width: 100%;border-radius: .2rem .2rem 0 0;height: auto;}
    .news-page.list .swiper-slide .img{padding-bottom: 60%;}
    .news-page.list .swiper-slide .info{padding: .6rem .4rem;height: auto;display: block;}
    .news-page.list .swiper-slide .info>p:nth-of-type(1){line-height: .5rem;padding: 0 .3rem;border-radius: .6rem;font-size: .24rem;}
    .news-page.list .swiper-slide .info>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin: .2rem 0 .1rem;}
    .news-page.list .swiper-slide .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin-bottom: .2rem;}
    .news-page.list .swiper-slide .info>p:nth-of-type(4){font-size: .28rem;padding-right: .7rem;line-height: .5rem;position: relative;left: 0;bottom: 0;display: inline-block;}
    .news-page.list .swiper-slide .info>p:nth-of-type(4)::after{width: .5rem;height: .5rem;background-size:.18rem}
    .news-page.list .swiper-pagination{right: .4rem;bottom:.6rem}
    .news-page.list ul{display: block}
    .news-page.list li{width: 100%;margin-right: 0;margin-bottom: .6rem}
    .news-page.list li .img-bg{height: auto;margin-bottom: .4rem;}
    .news-page.list li .img{padding-bottom: 60.46%;}
    .news-page.list li .info{height: auto;padding: 0 0 0 .4rem;}
    .news-page.list li .info>p:nth-of-type(1){line-height: .5rem;padding: 0 .3rem;border-radius: .6rem;font-size: .24rem;}
    .news-page.list li .info>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin: .2rem 0 .1rem;}
    .news-page.list li .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin-bottom: .2rem;}
    .news-page.list li .info>p:nth-of-type(4){font-size: .28rem;padding-right: .7rem;line-height: .5rem;position: relative;left: 0;bottom: 0;display: inline-block;}
    .news-page.list li .info>p:nth-of-type(4)::after{width: .5rem;height: .5rem;background-size:.18rem}
    .news-page.list .swiper-pagination{right: .4rem;bottom:.6rem}
    .news-page.list .page{padding: .2rem 0 .6rem;}

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

@media (any-hover:hover){
    .news-page.list .swiper-slide:hover .img{transform: scale(1.1);}
    .news-page.list .swiper-slide:hover .info>p:nth-of-type(1){background: #a77f5b;border-color:#a77f5b;color:#fff}
    .news-page.list .swiper-slide:hover .info>p:nth-of-type(2){color:#a77f5b}
    .news-page.list .swiper-slide:hover .info>p:nth-of-type(4){color: #a77f5b}
    .news-page.list .swiper-slide:hover .info>p:nth-of-type(4)::after{background-color: #a77f5b}
    .news-page.list li:hover .img{transform: scale(1.1);}
    .news-page.list li:hover .info>p:nth-of-type(1){background: #a77f5b;border-color:#a77f5b;color:#fff}
    .news-page.list li:hover .info>p:nth-of-type(2){color:#a77f5b}
    .news-page.list li:hover .info>p:nth-of-type(4){color: #a77f5b}
    .news-page.list li:hover .info>p:nth-of-type(4)::after{background-color: #a77f5b}

    .news-page.detail .info>a:hover{color:#a77f5b}
    .news-page.detail .jump>a:hover{opacity: .8;}
}

/* 案例 */
.cases-page{padding: .95rem 0 1rem;}
.cases-page>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;color:#000;text-align: center;}
.cases-page>p:nth-of-type(2){display: flex;justify-content: center;margin: .2rem 0 .35rem;}
.cases-page>p:nth-of-type(2)>span{font-size: .16rem;color:#999;}
.cases-page>p:nth-of-type(2)>span:nth-of-type(1){margin-right: .3rem;}
.cases-page .content{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: .4rem 0 .7rem;margin-bottom: .45rem;}
.cases-page .jump>a{font-size: .16rem;line-height: .3rem;color:#666;display: block;}

@media (max-width:750px){
    .cases-page{padding: .8rem 0;}
    .cases-page>p:nth-of-type(1){font-size: .32rem;line-height: .52rem}
    .cases-page>p:nth-of-type(2){margin: .2rem 0 .4rem;}
    .cases-page>p:nth-of-type(2)>span{font-size: .28rem}
    .cases-page>p:nth-of-type(2)>span:nth-of-type(1){margin-right: .4rem;}
    .cases-page .content{padding: .4rem 0 .6rem;margin-bottom: .4rem;}
    .cases-page .jump>a{font-size: .28rem;line-height: .48rem}
}

@media (any-hover:hover){
    .cases-page .jump>a:hover{color:#a77f5b}
}

/* 资料 */
.manual-page{display: flex;flex-wrap: wrap;padding: 1rem 0 .95rem;}
.manual-page li{width: calc(100% / 3 - .36rem);margin-right: .54rem;margin-bottom: .45rem;position: relative;}
.manual-page li:nth-child(3n){margin-right: 0;}
.manual-page .img{height: 5.2rem;border-radius: .2rem;position: relative;box-shadow: 0 0 .15rem rgba(0,0,0,.1);}
.manual-page .btn{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius: .2rem;display: flex;align-items: center;opacity: 0;transition: .3s;}
.manual-page .btn>p{width: 1.8rem;line-height: .6rem;border-radius: .3rem;position: relative;background: #a77f5b;color:#fff;font-size: .16rem;padding-left: .35rem;margin: 0 auto;}
.manual-page .btn>p::after{content:'';width: .34rem;height: .34rem;border-radius: 50%;background: #fff url(../images/31.png) no-repeat center center/.16rem;position: absolute;top: .12rem;right: .3rem;}
.manual-page li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin: .25rem 0 .15rem;}
.manual-page li>p:nth-of-type(2){color:#999;background: url(../images/32.png) no-repeat left center/.17rem;padding-left: .25rem;}

@media (max-width:750px){
    .manual-page{display: block;padding: .8rem 0 .2rem;}
    .manual-page li{width: 100%;margin-right: 0;margin-bottom: .6rem}
    .manual-page .img{height:auto;padding-bottom:120.93%;}
    .manual-page .btn{opacity: 1}
    .manual-page .btn>p{width: 3rem;line-height: .9rem;border-radius: .6rem;font-size: .28rem;padding-left: .5rem}
    .manual-page .btn>p::after{width: .6rem;height: .6rem;background-size:.3rem;top: .15rem;right: .4rem;}
    .manual-page li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem}
    .manual-page li>p:nth-of-type(2){background-size:.3rem;padding-left: .45rem;}
}

@media (any-hover:hover){
    .manual-page li:hover .btn{opacity: 1;}
    .manual-page li:hover>p:nth-of-type(1){color:#a77f5b}
}

/* 联系 */
.contact-page{display: flex;padding: 1rem 0;justify-content: space-between;}
.contact-page .con{width: 42.85%;padding-top: .55rem;}
.contact-page .con>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#999}
.contact-page .con>p:nth-of-type(2){font-size: .42rem;line-height: .52rem;color:#000;margin: .05rem 0 .35rem;}
.contact-page ul{border-top: 1px #eee solid;}
.contact-page li{border-bottom: 1px #eee solid;display: flex;padding: .3rem 0;}
.contact-page li>p{line-height: .28rem;}
.contact-page li>p:nth-of-type(1){width: 1.4rem;text-align: right;color:#a77f5b;font-size: .16rem;}
.contact-page li>p:nth-of-type(2){font-size: .18rem;padding-left: .55rem;flex:1}
.contact-page .address{background: url(../images/33.png) no-repeat .02rem .03rem/.18rem;}
.contact-page .phone{background: url(../images/34.png) no-repeat .03rem .03rem/.15rem;}
.contact-page .qr{background: url(../images/35.png) no-repeat left .02rem/.22rem;}
.contact-page .img-div{width: 1.6rem;height: 1.6rem;margin-left: .55rem;}
.contact-page>img{width: 47.71%;height: 6.81rem;}

@media (max-width:750px){
    .contact-page{display: block;padding: .8rem 0}
    .contact-page .con{width: 100%;padding-top:0;}
    .contact-page .con>p:nth-of-type(1){font-size: .28rem;line-height: .48rem}
    .contact-page .con>p:nth-of-type(2){font-size: .45rem;line-height: .65rem;margin: .05rem 0 .3rem;}
    .contact-page li{display: flex;padding: .4rem 0;}
    .contact-page li>p{line-height: .48rem;}
    .contact-page li>p:nth-of-type(1){width: 1.7rem;font-size: .28rem;}
    .contact-page li>p:nth-of-type(2){font-size: .28rem;padding-left: .4rem;}
    .contact-page .address{background-position:.02rem .05rem;background-size:.3rem;}
    .contact-page .phone{background-size:.3rem;}
    .contact-page .qr{background-size:.35rem;}
    .contact-page .img-div{width: 2rem;height: 2rem;margin-left: .4rem;}
    .contact-page>img{width: 90%;height: auto;margin: .6rem auto 0;}
}

/* 搜索 */
.search-page{padding: .8rem 0 .25rem;}
.search-page ul{display: flex;flex-wrap: wrap;}
.search-page li{width: calc(100% / 3 - .36rem);margin-right: .54rem;margin-bottom: .55rem;position: relative;}
.search-page li:nth-child(3n){margin-right: 0;}
.search-page li .img-bg{border-radius: .2rem;height: 2.6rem;margin-bottom: .3rem;}
.search-page li .info{position: relative;height: 2.1rem;padding: 0 .4rem;}
.search-page li .info::before{content:'';position: absolute;left: 0;top: 0;background: #eee;width: 1px;height: 100%;}
.search-page li .info>p:nth-of-type(1){font-size: .22rem;line-height: .32rem;margin-bottom: .2rem;}
.search-page li .info>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666;}
.search-page li .info>p:nth-of-type(3){font-size: .16rem;color:#666;padding-right: .5rem;line-height: .34rem;position: absolute;left: .4rem;bottom: .1rem;}
.search-page li .info>p:nth-of-type(3)::after{content:'';width: .34rem;height: .34rem;border-radius: 50%;background: #ccc url(../images/arrow2-w.png) no-repeat center center/.14rem;position: absolute;top: 0;right: 0;transition: .3s;}
.search-page .page{padding: .05rem 0 .55rem;}

@media (max-width:750px){
    .search-page{padding: .8rem 0 .2rem;}
    .search-page ul{display: block}
    .search-page li{width: 100%;margin-right: 0;margin-bottom: .6rem}
    .search-page li .img-bg{height: auto;margin-bottom: .4rem;}
    .search-page li .img{padding-bottom: 60.46%;}
    .search-page li .info{height: auto;padding: 0 0 0 .4rem;}
    .search-page li .info>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin-bottom: .1rem;}
    .search-page li .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .2rem;}
    .search-page li .info>p:nth-of-type(3){font-size: .28rem;padding-right: .7rem;line-height: .5rem;position: relative;left: 0;bottom: 0;display: inline-block;}
    .search-page li .info>p:nth-of-type(3)::after{width: .5rem;height: .5rem;background-size:.18rem}
    .search-page .page{padding: .2rem 0 .6rem;}
}

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