/*公共*/
.header{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 998;font-size: .12rem;border-bottom: 1px #eee solid;}
.header .width{max-width: 17.6rem;display: flex;align-items: center;justify-content: space-between;height: .7rem;}
.header .logo{width: 1.27rem;height: .2rem;margin: 0 .5rem;}
.header .nav{display: flex;flex:1}
.header .nav>a{margin-right: .3rem;}
.header .nav>a:last-child{margin-right: 0;}
.header .nav>a.active{text-decoration: underline;}
.header .menu{display: none;}
.header .con{flex: 1;display: flex;justify-content: flex-end;}
.header .lang{padding:0 .4rem 0 .25rem;background: url(../images/lang.svg) no-repeat left center/.14rem;margin-right: .4rem;padding-right: .4rem;border-right: 1px #bbb solid;}
.header .search{position: relative;cursor: pointer;}
.header .search>a{padding-left:.25rem;background: url(../images/search.png) no-repeat left center/.14rem;}
.header .search .popup{position: absolute;top: .42rem;right: 0;display: none;}
.header .search .popup>div{display: flex;}
.header .search .popup>div>input{width: 3rem;height: .5rem;background: #eee;}
.header .search .btn{width: .5rem;height: .5rem;background: #000 url(../images/search-w.png) no-repeat center center/.2rem;}
.header-space{height: .7rem;}

.footer{background: #f8f8f8;padding:.8rem 0 .7rem}
.footer .width{max-width: 16rem;}
.footer ul{display: flex;justify-content: center;position: relative;margin-bottom: .8rem;}
.footer ul::after{content:'';width: 1px;height: 100%;background: #e5e5e5;position: absolute;top: 0;left: 50%;}
.footer li{width: 3.6rem;padding: .45rem 0 .65rem;}
.footer li:first-child{margin-right: 5.9rem}
.footer li>p{text-align: center;}
.footer li>p:nth-of-type(1){font-size: .18rem;}
.footer li>p:nth-of-type(2){font-size: .12rem;color:#666;margin: .2rem 0 .65rem;}
.footer li .link{justify-content: space-between;margin-bottom: .1rem;}
.footer .line{height: 1px;background: rgba(0,0,0,.1);}
.footer .con{border-top: 1px solid #e5e5e5;font-size: .12rem;padding-top: .55rem;}
.footer .con .width{display: flex;align-items: center;}
.footer .nav{flex:1;display: flex;}
.footer .nav>a{margin-right: .3rem;}
.footer .info{flex:1;display: flex;justify-content: flex-end;}
.footer .media{display: flex;margin-right: .1rem;}
.footer .media>a{display: flex;align-items: center;margin-right: .3rem;}
.footer .img-div{width:.15rem;height: .15rem;margin-right: .05rem;}
.footer .info>p{color:#666}

.menu-tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.menu-tc .con{background: #fff;margin: 5% auto;display: flex;padding: 4% 4% 5%;position: relative;}
.menu-tc .close{width:.3rem;height: .3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .15rem;right: .15rem;cursor: pointer;transition: .3s;}
.menu-tc .img-bg{height: 5.8rem;width: 33.33%;}
.menu-tc .info{flex:1;margin-left: 5.5%;border-bottom: 1px solid rgba(0,0,0,.1)}
.menu-tc .info>p{font-size: .12rem;color:#999;}
.menu-tc .info>p:nth-of-type(1){border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom: .1rem;}
.menu-tc .info>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;color: #000;margin: .45rem 0 .15rem;}
.menu-tc .info>p:nth-of-type(4){color: #000;line-height: .26rem;margin: .4rem 0;}

.link{overflow: hidden;display: flex;align-items: center;}
.link>p:nth-of-type(1){position: relative;font-size: .12rem;line-height: .16rem;}
.link>p:nth-of-type(1)::after{content:attr(data-name);position: absolute;top:0;left: 0;transition: .5s;transform: translateY(100%);}
.link>p:nth-of-type(1)>span{display: block;transition: .5s;}
.link>p:nth-of-type(2){background: url(../images/arrow1.svg) no-repeat center center/100%;width: .14rem;height: .16rem;}

.nav-m{display: none;}

@keyframes arrow{
    30%{transform:translateX(100%) scaleY(0.1)}
    50%{transform:translateX(-150%) scaleY(0.1)}
    100%{transform:translateX(0) scaleY(1)}
}

@media (max-width:1279px){
    .header .width{max-width: 100%;height: 1rem;}
    .header .logo{width: 1.9rem;height: .3rem;margin:0}
    .header .nav{display: none}
    .header .menu{display: block;flex:1;height: 100%;background: url(../images/menu.svg) no-repeat left center/.4rem;}
    .header .con{height: 100%;}
    .header .lang{height:100%;padding:0;background:none;margin-right: .2rem;padding-right: 0;border-right: 0;}
    .header .search>a{padding-left:0;background-position:center center;background-size:100%;width:.35rem;height:100%;}
    .header .search>a>p{display: none;}
    .header .search .popup{position: fixed;top: 1rem;width:100%}
    .header .search .popup>div>input{width: calc(100% - .8rem);height: .8rem;}
    .header .search .btn{width: .8rem;height: .8rem;background-size:.3rem;}
    .header-space{height: 1rem;}

    .footer{padding:1rem 0 .8rem}
    .footer .width{max-width: 100%;}
    .footer ul{margin-bottom: .6rem;display: block;}
    .footer ul::after{display: none;}
    .footer li{width: 100%;padding:0;margin-bottom: .6rem;}
    .footer li:first-child{margin-right: 0;}
    .footer li>p:nth-of-type(1){font-size: .32rem;}
    .footer li>p:nth-of-type(2){font-size: .24rem;margin: .2rem 0 .5rem;}
    .footer li .link{margin-bottom: .2rem;}
    .footer .con{border-top: 0;font-size: .24rem;padding-top: 0;}
    .footer .con .width{display: block;}
    .footer .nav{display: flex;justify-content: center;margin-bottom: .4rem;}
    .footer .nav>a:last-child{margin-right: 0;}
    .footer .info{justify-content: center;}
    .footer .media{margin-right: 0;}
    .footer .img-div{width:.25rem;height: .25rem;margin-right: .1rem;}

    .menu-tc .con{margin: .8rem auto;display: block;padding: .9rem .4rem .8rem}
    .menu-tc .close{width:.4rem;height: .4rem;top: .3rem;right: .2rem}
    .menu-tc .img-bg{height: auto;width: 100%;}
    .menu-tc .img{padding-bottom: 120.83%;}
    .menu-tc .info{margin: .4rem 0 0;border-bottom: 0;}
    .menu-tc .info>p{font-size: .24rem}
    .menu-tc .info>p:nth-of-type(1){padding-bottom: .2rem;}
    .menu-tc .info>p:nth-of-type(2){font-size: .36rem;line-height: .56rem}
    .menu-tc .info>p:nth-of-type(4){line-height: .44rem;margin: .4rem 0 0;font-size: .24rem;}

    .link>p:nth-of-type(1){font-size: .24rem;line-height: .24rem;}
    .link>p:nth-of-type(1)::after{display: none;}
    .link>p:nth-of-type(2){width: .25rem;height: .28rem;}

    .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:1rem;background: #fff;}
    .nav-m .logo{width: 1.9rem;height: .3rem;}
    .nav-m .close{flex:1;height:.35rem;background:url(../images/close.svg) no-repeat left center/.35rem}
    .nav-m .info>div{flex:1}
    .nav-m ul{border-top:1px solid #eee;overflow-y: auto;height:calc(100% - 1rem);position: absolute;top: 1rem;left: 0;width: 100%;padding: 0 .4rem;}
    .nav-m li{border-bottom:1px solid #eee;padding:.4rem 0;position:relative}
    .nav-m li:last-child{border-bottom: 0;}
    .nav-m li::after{position:absolute;top:.42rem;right:0;content:'';width:.35rem;height:.35rem;background:url(../images/arrow1.svg) no-repeat center center/100%;transition:.3s}
    .nav-m li>a{display:block}
}

@media (any-hover:hover){
    .link:hover>p:nth-of-type(1)::after{transform:translateY(0)}
    .link:hover>p:nth-of-type(1)>span{transform:translateY(-100%)}
    .link:hover>p:nth-of-type(2){animation:arrow .8s forwards}
    
    .menu-tc .close:hover{transform: rotate(180deg);}
}

/* 首页 */
.index-page .tit{display: flex;font-size: .12rem;border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom: .15rem;align-items: center;}
.index-page .tit>p{flex:1}
.index-page .tit>p:nth-of-type(2){color:#666;text-align: right;}

.index-page .main{transition: 1s;}
.index-page .main.show{transform: translateY(-100vh);}

.index-page .box1{height: 100vh;transition:1s;}
.index-page .box1.hide{transform: translateY(-100%);}
.index-page .box1 .m{display: none;}
.index-page .box1 .width{max-width: 17.6rem;position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: .7rem 0;}
.index-page .box1 .logo{width: 1.9rem;height: .3rem;}
.index-page .box1 .con{display: flex;justify-content: space-between;color:#fff}
.index-page .box1 .info{display: flex;flex:1;padding-right: 1rem;align-items: center;}
.index-page .box1 .txt{padding-right: .7rem;margin-right:.7rem;border-right: 1px #fff solid;}
.index-page .box1 .txt>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin-bottom: .1rem;}
.index-page .box1 .txt>p:nth-of-type(2){font-size: .12rem;opacity: .7;}
.index-page .box1 .link>p:nth-of-type(1){color:#fff;margin-right: .05rem;}
.index-page .box1 .tip{display: flex;align-items: flex-end;flex-direction: column;}
.index-page .box1 .tip>p:nth-of-type(1){width: 1px;height: .55rem;background: #999;margin-bottom: .05rem;position: relative;overflow: hidden;}
.index-page .box1 .tip>p:nth-of-type(1)::after{content:'';width: 1px;height: 100%;background: #fff;position: absolute;top: -100%;left: 0;animation: index-tip 2s linear infinite}
.index-page .box1 .tip>p:nth-of-type(2){font-size: .12rem;}

@keyframes index-tip{
    20%{top: -50%;opacity: 1}
    40%{top:0;opacity: 1}
    60%{top:50%;opacity: 1;}
    80%{top:100%;;opacity: 1}
    81%{opacity:0}
    100%{height: -100%;opacity: 0}
}

.index-page .box2{padding: 1.45rem 0 1.4rem;}
.index-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.index-page .box2 li{width: calc(50% - .4rem);background: #f8f8f8;min-height: 3.2rem;display: flex;}
.index-page .box2 li:first-child{margin-right: .8rem;}
.index-page .box2 .img-bg{height: 100%;width: 42.1%;}
.index-page .box2 .con{flex:1;padding: .4rem .6rem;display: flex;flex-direction: column;justify-content: center;}
.index-page .box2 .link{margin-bottom: .2rem}
.index-page .box2 .link>p{font-size: .2rem;line-height: .3rem;}
.index-page .box2 .con>p{line-height: .24rem;color:#666;margin-bottom: .15rem;padding-left: .3rem;}
.index-page .box2 .address{background: url(../images/1.png) no-repeat .02rem .01rem/.18rem;}
.index-page .box2 .phone{background: url(../images/2.png) no-repeat .03rem .01rem/.15rem;}
.index-page .box2 .email{background: url(../images/3.png) no-repeat left .04rem/.21rem;}

.index-page .box3{position: relative;min-height: 9.6rem;}
.index-page .box3 .img-bg{width: 33.33%;height: 9.6rem;position: absolute;top: 0;left: 0;}
.index-page .box3 .width{display: flex;justify-content: flex-end;}
.index-page .box3 .con{width: 62.5%;padding: 1.2rem 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.index-page .box3 .info{display: flex;justify-content: space-between;margin-top: 1.1rem;}
.index-page .box3 .info>p{width: 40%;font-size: .24rem;line-height: .4rem;}
.index-page .box3 .txt{width: 49%;}
.index-page .box3 .txt>p{font-size: .12rem;line-height: .26rem;}
.index-page .box3 .txt>p>span{color:#666;margin-right: .2rem;}
.index-page .box3 .txt>p>span:last-child{margin-right: .2rem;}
.index-page .box3 .link{margin: .65rem 0 .1rem;}
.index-page .box3 .link>p:nth-of-type(1){margin-right: .9rem;}
.index-page .box3 .line{width: 1.6rem;height: 1px;background: #000;}

.index-page .box4{padding: 1.4rem 0;}
.index-page .box4 .tit{padding-bottom: 0;}
.index-page .box4 ul{display: flex;border-right: 1px solid rgba(0,0,0,.1);}
.index-page .box4 li{line-height: .4rem;padding: 0 .3rem;border-left: 1px solid rgba(0,0,0,.1);border-top: 1px solid rgba(0,0,0,.1);cursor: pointer;transition: .3s;font-size: .14rem;min-width: 1.2rem;text-align: center;}
.index-page .box4 li.active{border-color:#000;background: #000;color:#fff}
.index-page .box4 .con{position: relative;min-height: 7.05rem}
.index-page .box4 .info{width: 30%;padding-top: 1.4rem;}
.index-page .box4 .info>p:nth-of-type(1){font-size: .24rem;line-height: .4rem;}
.index-page .box4 .info>p:nth-of-type(2){font-size: .12rem;line-height: .26rem;margin: .2rem 0 .9rem;}
.index-page .box4 .info>p:nth-of-type(2)>span{color:#666;margin-right: .2rem;}
.index-page .box4 .info>p:nth-of-type(2)>span:last-child{margin-right: 0;}
.index-page .box4 .info .link{margin-bottom: .1rem;}
.index-page .box4 .info .link>p:nth-of-type(1){margin-right: 1rem;}
.index-page .box4 .info .line{width: 1.6rem;height: 1px;background: #000;}
.index-page .box4 .swiper-container{position: absolute;width: 60.41%;top: .6rem;right: 0;height: 6.45rem;opacity: 0;transition: .3s;}
.index-page .box4 .swiper-container.show{opacity: 1;z-index: 2;}
.index-page .box4 .swiper-slide{width: 4rem;height: auto;border-bottom: 1px #000 solid;}
.index-page .box4 .img-bg{height: 4.8rem;margin-bottom: .25rem;}
.index-page .box4 .swiper-slide>a:nth-of-type(2){font-size: .2rem;color:#000;margin: .05rem 0 .15rem;transition: .3s;}
.index-page .box4 .swiper-slide>p{font-size: .12rem;color:#999}
.index-page .box4 .swiper-slide .link{justify-content: space-between;margin-top: .35rem;}
.index-page .box4 .hide{display: none;}

.index-page .box5{position: relative;padding: 1.2rem 0;height: 9.6rem;}
.index-page .box5 .swiper-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-page .box5 .m{display: none;}
.index-page .box5 .width{max-width: 11.2rem;color:#fff;position: relative;z-index: 2;}
.index-page .box5 .tit{border-color: rgba(255,255,255,.1);margin-bottom: 1.35rem;}
.index-page .box5 .con{max-width: 8.8rem;display: flex}
.index-page .box5 .info{flex:1;padding-right: 1rem;}
.index-page .box5 .info>p:nth-of-type(1){font-size: .32rem;line-height: .42rem;}
.index-page .box5 .info>p:nth-of-type(2){line-height: .24rem;margin: .2rem 0 .75rem;}
.index-page .box5 .arrow{background: url(../images/arrow1-w.svg) no-repeat left center/.25rem;font-size:.12rem;padding-left: .25rem;display: flex;cursor: pointer;}
.index-page .box5 .arrow>span:nth-of-type(2){margin: .15rem 0 0 .08rem;position: relative;}
.index-page .box5 .arrow>span:nth-of-type(2)::before{content:'';width: 1px;height: 100%;background: #fff;transform: rotate(22deg);position: absolute;top: -.1rem;left: -.03rem;}
.index-page .box5 .detail{width: 2.3rem;}
.index-page .box5 .detail>p{font-size: .12rem;line-height: .26rem;}
.index-page .box5 .link{width: 1.6rem;justify-content: space-between;margin: .8rem 0 .1rem;}
.index-page .box5 .link>p:nth-of-type(1){color:#fff}
.index-page .box5 .line{width: 1.6rem;height: 1px;background: #fff;}

.index-page .box6{padding: 1.4rem 0;}
.index-page .box6 .con{display: flex;justify-content: space-between;margin: .9rem 0 .8rem;}
.index-page .box6 .info{width: 22.5%;}
.index-page .box6 .info>p:nth-of-type(1){font-size: .24rem;line-height: .4rem;margin-bottom: .2rem;}
.index-page .box6 .info>p:nth-of-type(2){line-height: .26rem;font-size: .12rem;}
.index-page .box6 .detail{width: 37.5%;}
.index-page .box6 .detail>p{font-size: .12rem;line-height: .26rem;}
.index-page .box6 .con .link{width: 1.6rem;justify-content: space-between;margin: .75rem 0 .1rem;}
.index-page .box6 .con .line{width: 1.6rem;height: 1px;background: #000;}
.index-page .box6 ul{display: flex;}
.index-page .box6 li{width: calc(100% / 3 - .54rem);margin-right: .81rem;border-bottom: 1px #000 solid;height: 5rem;display: flex;flex-direction: column;justify-content: space-between;padding-bottom: .1rem;}
.index-page .box6 li:last-child{margin-right: 0;}
.index-page .box6 .img-bg{height: 3.3rem;}
.index-page .box6 li>div>a:nth-of-type(2){font-size: .2rem;margin: .35rem 0 .15rem;transition: .3s;}
.index-page .box6 li>div>p{font-size: .12rem;color:#333}
.index-page .box6 li .link{justify-content: space-between;}

@media (max-width:1279px){
    .index-page .tit{font-size: .24rem;padding-bottom: .2rem}
    .index-page .tit>p:nth-of-type(2){flex:1.5}

    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .width{max-width: 100%;padding: .6rem 0;}
    .index-page .box1 .logo{width: 2.84rem;height: .45rem;}
    .index-page .box1 .con{display: block;}
    .index-page .box1 .info{display: block;padding-right: 0;}
    .index-page .box1 .txt{padding-right: 0;margin-right:0;border-right:0;margin-bottom: .4rem;}
    .index-page .box1 .txt>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box1 .txt>p:nth-of-type(2){font-size: .24rem}
    .index-page .box1 .link>p:nth-of-type(1){margin-right: .1rem;}
    .index-page .box1 .tip>p:nth-of-type(1){width: 1px;height: 1rem;margin-bottom: .2rem;}
    .index-page .box1 .tip>p:nth-of-type(2){font-size: .24rem;}

    .index-page .box2{padding: 1.5rem 0 .6rem;}
    .index-page .box2 ul{display: block;}
    .index-page .box2 li{width: 100%;min-height: 0;display: block;margin-bottom: .4rem;}
    .index-page .box2 li:first-child{margin-right: 0;}
    .index-page .box2 .img-bg{height: auto;width: 100%;}
    .index-page .box2 .img{padding-bottom: 100%;}
    .index-page .box2 .con{padding: .5rem .4rem .4rem;display: block;}
    .index-page .box2 .link>p{font-size: .4rem;line-height: .6rem;}
    .index-page .box2 .con>p{line-height: .44rem;padding-left: .5rem;}
    .index-page .box2 .address{background-position:.02rem .03rem;background-size:.25rem;}
    .index-page .box2 .phone{background-position:.03rem .03rem;background-size:.25rem;}
    .index-page .box2 .email{background-position:left .08rem;background-size:.3rem;}

    .index-page .box3{min-height: 0;padding: 1.5rem 0 1.8rem;}
    .index-page .box3 .img-bg{width: 100%;height: 100%;}
    .index-page .box3 .width{display: block}
    .index-page .box3 .con{width: 100%;padding: 0;border-bottom: 0;position: relative;z-index: 2;filter: brightness(0%) invert(100%)}
    .index-page .box3 .info{display: block;margin-top: .4rem;}
    .index-page .box3 .info>p{width: 100%;font-size: .4rem;line-height: .6rem;margin-bottom: .3rem;}
    .index-page .box3 .txt{width: 100%;}
    .index-page .box3 .txt>p{font-size: .24rem;line-height: .44rem;}
    .index-page .box3 .link{margin: .5rem 0 .2rem;}
    .index-page .box3 .line{width: 2.3rem}

    .index-page .box4{padding: 1rem 0;}
    .index-page .box4 li{line-height: .7rem;font-size: .26rem;min-width: 1.8rem}
    .index-page .box4 .con{min-height: 0}
    .index-page .box4 .info{width: 100%;padding: .6rem 0 .8rem;}
    .index-page .box4 .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box4 .info>p:nth-of-type(2){font-size: .24rem;line-height: .44rem;margin: .3rem 0 .5rem;}
    .index-page .box4 .info .link{margin-bottom: .2rem;}
    .index-page .box4 .info .line{width: 2.2rem}
    .index-page .box4 .swiper-container{position: static;width:100%;padding:0 .3rem;height: auto;opacity: 1;display: none;}
    .index-page .box4 .swiper-container.show{display: block}
    .index-page .box4 .swiper-slide{width: 85%;height: auto}
    .index-page .box4 .img-bg{height: auto;margin-bottom: .3rem;}
    .index-page .box4 .img{padding-bottom: 120.83%;}
    .index-page .box4 .swiper-slide>a:nth-of-type(2){font-size: .36rem;margin: .1rem 0 .2rem}
    .index-page .box4 .swiper-slide>p{font-size: .24rem}
    .index-page .box4 .swiper-slide .link{margin: .35rem 0 .2rem;}

    .index-page .box5{padding: 1.5rem 0 1.8rem;height:auto;min-height: 10rem;}
    .index-page .box5 .pc{display: none;}
    .index-page .box5 .m{display: block;}
    .index-page .box5 .width{max-width: 100%}
    .index-page .box5 .tit{margin-bottom: .6rem;}
    .index-page .box5 .con{max-width: 100%;display: block}
    .index-page .box5 .info{padding: 0 0 .6rem;}
    .index-page .box5 .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box5 .info>p:nth-of-type(2){line-height: .44rem;margin: .2rem 0 .6rem;}
    .index-page .box5 .arrow{background-size:.35rem;font-size:.24rem;padding-left: .35rem;}
    .index-page .box5 .arrow>span:nth-of-type(2){margin: .15rem 0 0 .15rem;}
    .index-page .box5 .arrow>span:nth-of-type(2)::before{transform: rotate(22deg);top: -.08rem;left: -.07rem;}
    .index-page .box5 .detail{width: 100%;}
    .index-page .box5 .detail>p{font-size: .24rem;line-height: .44rem;}
    .index-page .box5 .link{width: 2.2rem;margin: .5rem 0 .2rem;}
    .index-page .box5 .line{width: 2.2rem}

    .index-page .box6{padding: 1rem 0 0;}
    .index-page .box6 .con{display: block;margin: .6rem 0;}
    .index-page .box6 .info{width: 100%;margin-bottom: .2rem;}
    .index-page .box6 .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box6 .info>p:nth-of-type(2){line-height: .44rem;font-size: .24rem;}
    .index-page .box6 .detail{width: 100%;}
    .index-page .box6 .detail>p{font-size: .24rem;line-height: .44rem;}
    .index-page .box6 .con .link{width: 2.2rem;margin: .5rem 0 .2rem;}
    .index-page .box6 .con .line{width: 2.2rem;}
    .index-page .box6 ul{display: block;}
    .index-page .box6 li{width: 100%;margin-right: 0;height: auto;display: block;padding-bottom: .2rem;margin-bottom: .6rem;}
    .index-page .box6 .img-bg{height: auto;}
    .index-page .box6 .img{padding-bottom: 68.75%;}
    .index-page .box6 li>div>a:nth-of-type(2){font-size: .36rem}
    .index-page .box6 li>div>p{font-size: .24rem;margin-bottom: .3rem;}
}

@media (any-hover:hover){
    .index-page .box4 .swiper-slide:hover>a:nth-of-type(2){transform: translateX(.05rem);}

    .index-page .box6 li:hover>div>a:nth-of-type(2){transform: translateX(.05rem);}
}

/* 关于 */
.about-page{position: relative;min-height: 9.6rem;display: flex;align-items: flex-start;}
.about-page>.img{position: absolute;top: 0;left: 0;width: 100%;height: 9.6rem;}

.about-page .tab{position: sticky;z-index: 2;width: 25%;padding: 1.6rem 1rem 0 8%;top: 0;}
.about-page .tab .link{margin-bottom: .3rem;}
.about-page .tab .link:last-child{margin-bottom: 0;}
.about-page .tab .link>p{color:#fff;position: relative;transition: .3s;}
.about-page .tab .link>p::before{content:'';position: absolute;left: 0;bottom:2px;width: 0;height: 1px;background: #fff;transition: .3s;}
.about-page .tab .link.active>p::before{width: 100%;}
.about-page .tab.black .link>p{color:#000}
.about-page .tab.black .link>p::before{background: #000;}

.about-page .body{flex:1;position: relative;z-index: 2;}
.about-page .width{max-width: 12.8rem;margin: 0;}
.about-page .tit{font-size: .12rem;border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: .1rem;}
.about-page .stit>p:nth-of-type(1){font-size: .32rem;line-height: .42rem;margin-bottom: .25rem;}
.about-page .stit>p:nth-of-type(2){line-height: .24rem;}

.about-page .box1{padding: 1.6rem 0 2.5rem 0;color:#fff;}
.about-page .box1 .img{display: none;}
.about-page .box1 .con{display: flex;padding: 1.1rem 0 1.8rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.about-page .box1 .stit{width:53.12%;padding-right: 1rem;}
.about-page .box1 .con>p{flex:1;font-size: .12rem;line-height: .26rem;}

.about-page .box2{padding: 1.4rem 0;}
.about-page .box2 .tit{border-color:rgba(0,0,0,.1)}
.about-page .box2 .stit{margin: .75rem 0 .45rem;}
.about-page .box2>.img-bg{height: 6rem;}
.about-page .box2 li{margin-top: .8rem;display: flex;}
.about-page .box2 li .img-bg{height: 4.3rem;width: 57.81%;}
.about-page .box2 .con{flex:1;padding-left: 7.8%;}
.about-page .box2 .con>p{font-size: .12rem;display: flex;align-items: center;height: .16rem;}
.about-page .box2 .con>p>span:nth-of-type(2){flex:1;height: 1px;background: rgba(0,0,0,.1);margin-left: .1rem;}
.about-page .box2 .info{min-height: calc(4.3rem - .16rem);display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid rgba(0,0,0,.1);padding: .5rem 0 .8rem;}
.about-page .box2 .info>p:nth-of-type(1){font-size: .24rem;line-height:.34rem;margin-bottom: .2rem;}
.about-page .box2 .info>p:nth-of-type(2){font-size: .12rem;line-height:.26rem}

@media (max-width:1279px){
    .about-page{min-height: 0;display: block;}
    .about-page>.img{display: none;}

    .about-page .tab{display: none;}

    .about-page .width{max-width: 100%;margin: 0 auto;}
    .about-page .tit{font-size: .24rem;padding-bottom: .2rem;}
    .about-page .stit>p:nth-of-type(1){font-size: .4rem;line-height: .6rem}
    .about-page .stit>p:nth-of-type(2){line-height: .48rem;}

    .about-page .box1{padding: 1.5rem .3rem 1.8rem;position: relative;width: 100%;}
    .about-page .box1 .img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .about-page .box1 .tit{position: relative;z-index: 2;}
    .about-page .box1 .con{display: block;padding: .6rem 0 0;border-bottom: 0;position: relative;z-index: 2;}
    .about-page .box1 .stit{width:100%;padding: 0 0 .4rem;}
    .about-page .box1 .con>p{font-size: .24rem;line-height: .44rem;}

    .about-page .box2{padding: 1rem 0;}
    .about-page .box2 .stit{margin: .6rem 0;}
    .about-page .box2>.img-bg{height: auto;}
    .about-page .box2>.img-bg .img{padding-bottom: 41.66%;}
    .about-page .box2 li{margin-top: .8rem;display: block;}
    .about-page .box2 li .img-bg{height: auto;width: 100%;}
    .about-page .box2 li .img{padding-bottom: 58.1%;}
    .about-page .box2 .con{padding: .6rem 0 0;}
    .about-page .box2 .con>p{font-size: .24rem;height: .2rem;}
    .about-page .box2 .con>p>span:nth-of-type(2){margin-left: .2rem;}
    .about-page .box2 .info{min-height: 0;display: block;padding: .6rem 0;}
    .about-page .box2 .info>p:nth-of-type(1){font-size: .4rem;line-height:.6rem;margin-bottom: .1rem;}
    .about-page .box2 .info>p:nth-of-type(2){font-size: .24rem;line-height:.44rem}
}

/* 菜单 */
.menu-page .box1 .space{height: .3rem;}
.menu-page .box1 .first{border-bottom: 1px #eee solid;background: #F8F8F8;display: flex;justify-content: center;padding:.18rem 0;position: fixed;top: .7rem;left: 0;width:100%;z-index: 2;}
.menu-page .box1 .link{color:#999;position: relative;}
.menu-page .box1 .link:last-child{margin-right: 0;}
.menu-page .box1 .link>p:nth-of-type(1){font-size: .14rem;}
.menu-page .box1 .link.active>p:nth-of-type(1){color:#000}
.menu-page .box1 .line{width:1px;height:.15rem;background: #ddd;margin: 0 .28rem;}
.menu-page .box1 .line:last-child{display: none;}
.menu-page .box1 .second{display: flex;justify-content: center;margin-top: .85rem;}
.menu-page .box1 .second>a{min-width: 1.2rem;padding: 0 .3rem;text-align: center;line-height: .38rem;border: 1px solid rgba(0,0,0,.1);border-right: 0;transition: .3s;}
.menu-page .box1 .second>a:last-child{border-right: 1px solid rgba(0,0,0,.1);}
.menu-page .box1 .second>a.active{background: #000;color: #fff;}
.menu-page .box1 .third{display: flex;justify-content: center;padding: .35rem 0 .2rem;border-bottom: 1px solid rgba(0,0,0,.1);}
.menu-page .box1 .third>a{margin-right: .3rem;color: #666;position: relative;font-size: .12rem;}
.menu-page .box1 .third>a:last-child{margin-right: 0;}
.menu-page .box1 .third>a::after{content:'';width: 0;height: 1px;background: #000;position: absolute;left: 0;bottom: -.21rem;transition: .3s;}
.menu-page .box1 .third>a.active{color: #000;}
.menu-page .box1 .third>a.active::after{width: 100%;}

.menu-page .box2{padding: .5rem 0 .6rem;}
.menu-page .box2 ul{display: flex;flex-wrap: wrap;}
.menu-page .box2 li{width: calc(100% / 3 - .54rem);margin-right: .81rem;margin-bottom: .8rem;border-bottom: 1px solid #000;padding-bottom: .1rem;}
.menu-page .box2 li:nth-child(3n){margin-right: 0;}
.menu-page .box2 .img-bg{height: 5.8rem;margin-bottom: .25rem;}
.menu-page .box2 li>a:nth-of-type(2){font-size: .2rem;color:#000;margin: .05rem 0 .15rem;transition: .3s;}
.menu-page .box2 li>p{font-size: .12rem;color:#999}
.menu-page .box2 .link{justify-content: space-between;margin-top: .35rem;}
.menu-page .box2 .page{padding-bottom: .8rem;}
.menu-page .box2 .hide{display: none;}

@media (max-width:1279px){
    .menu-page .box1 .space{height: .4rem;}
    .menu-page .box1 .first{padding:.25rem 0;top: 1rem;}
    .menu-page .box1 .link>p:nth-of-type(1){font-size: .26rem;}
    .menu-page .box1 .line{width:1px;height:.25rem;margin: 0 .4rem;}
    .menu-page .box1 .second{margin-top: 1.2rem;flex-wrap: wrap;}
    .menu-page .box1 .second>a{min-width: 1.8rem;line-height: .7rem;font-size: .26rem;margin-bottom: .2rem;}
    .menu-page .box1 .third{justify-content: flex-start;padding: .3rem 0 .2rem;white-space: nowrap;overflow: auto hidden;}
    .menu-page .box1 .third>a{font-size: .24rem;}
    .menu-page .box1 .third>a::after{bottom: -.2rem;}

    .menu-page .box2{padding: .6rem 0 .2rem;}
    .menu-page .box2 ul{display: block;}
    .menu-page .box2 li{width: 100%;margin-right: 0;margin-bottom: .8rem;padding-bottom: .2rem;}
    .menu-page .box2 .img-bg{height: auto;}
    .menu-page .box2 .img{padding-bottom: 120.83%;}
    .menu-page .box2 li>a:nth-of-type(2){font-size: .36rem;margin: .1rem 0 .2rem;}
    .menu-page .box2 li>p{font-size: .24rem}
    .menu-page .box2 .page{padding-bottom: .8rem;}
}

@media (any-hover:hover){
    .menu-page .box1 .second>a:not(.active):hover{text-decoration: underline;}
    .menu-page .box1 .third>a:hover{color:#000}
    .menu-page .box1 .third>a:hover::after{width: 100%;}
    
    .menu-page .box2 li:hover>a:nth-of-type(2){transform: translateX(.05rem);}
}

/* 环境 */
.environment-page .box1{padding-top:.8rem}
.environment-page .box1 .parent{display: flex;justify-content: center}
.environment-page .box1 .parent>a{min-width: 1.2rem;padding: 0 .3rem;text-align: center;line-height: .38rem;border: 1px solid rgba(0,0,0,.1);border-right: 0;transition: .3s;}
.environment-page .box1 .parent>a:last-child{border-right: 1px solid rgba(0,0,0,.1);}
.environment-page .box1 .parent>a.active{background: #000;color: #fff;}
.environment-page .box1 .child{display: flex;justify-content: center;padding: .35rem 0 .2rem;border-bottom: 1px solid rgba(0,0,0,.1);}
.environment-page .box1 .child>a{margin-right: .3rem;color: #666;position: relative;font-size: .12rem;}
.environment-page .box1 .child>a:last-child{margin-right: 0;}
.environment-page .box1 .child>a::after{content:'';width: 0;height: 1px;background: #000;position: absolute;left: 0;bottom: -.21rem;transition: .3s;}
.environment-page .box1 .child>a.active{color: #000;}
.environment-page .box1 .child>a.active::after{width: 100%;}

.environment-page .box2{padding: .5rem 0 .9rem;}
.environment-page .box2 ul{display: flex;flex-wrap: wrap;}
.environment-page .box2 li{margin-bottom: .5rem;width: calc(100% / 3 - .34rem);margin-right: .51rem;margin-bottom: .5rem;border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom: .3rem;}
.environment-page .box2 li:nth-child(3n){margin-right: 0;}
.environment-page .box2 .img-bg{height: 2.5rem;}
.environment-page .box2 li>p{font-size: .12rem;color:#999;margin: .25rem 0 .05rem;}
.environment-page .box2 li>a:nth-of-type(2){font-size: .2rem;transition: .3s;}
.environment-page .box2 .page{padding-bottom: .5rem;}

.environment-page .tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.environment-page .tc .con{background: #fff;margin: 5% auto;display: flex;padding: .6rem .5rem .8rem;position: relative;}
.environment-page .tc .close{width:.3rem;height: .3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .15rem;right: .15rem;cursor: pointer;transition: .3s;}
.environment-page .tc .swiper-container{width:100%}
.environment-page .tc .swiper-slide{opacity: 0 !important;}
.environment-page .tc .swiper-slide-active{opacity: 1 !important;}
.environment-page .tc .img{height: 7.5rem;margin-bottom: .25rem;}
.environment-page .tc .m{display: none;}
.environment-page .tc .swiper-slide>p:nth-of-type(1){font-size: .12rem;color:#999;line-height: .22rem;}
.environment-page .tc .swiper-slide>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;}
.environment-page .tc .arrow{width: .6rem;height: .6rem;background: rgba(0,0,0,.5) url(../images/arrow1-w.svg) no-repeat center center/.25rem;transition: .3s;cursor: pointer;position: absolute;top: 3.45rem;right: 0;z-index: 2;}
.environment-page .tc .prev{right: auto;left: 0;transform: rotate(180deg);}

@media (max-width:1279px){
    .environment-page .box1{padding-top:.6rem}
    .environment-page .box1 .parent{flex-wrap: wrap;}
    .environment-page .box1 .parent>a{min-width: 1.8rem;line-height: .7rem;font-size: .26rem;margin-bottom: .2rem;}
    .environment-page .box1 .child{padding: .3rem 0 .2rem;}
    .environment-page .box1 .child>a{font-size: .24rem;}

    .environment-page .box2{padding: .6rem 0 .4rem;}
    .environment-page .box2 ul{display: block}
    .environment-page .box2 li{margin-bottom: .8rem;width: 100%;margin-right: 0;margin-bottom: .6rem;padding-bottom: .3rem;}
    .environment-page .box2 .img-bg{height: auto;}
    .environment-page .box2 .img{padding-bottom: 50%;}
    .environment-page .box2 li>p{font-size: .24rem;margin: .3rem 0 .2rem;}
    .environment-page .box2 li>a:nth-of-type(2){font-size: .36rem;}
    .environment-page .box2 .page{padding-bottom: .6rem;}

    .environment-page .tc .con{margin: .8rem auto;display: block;padding: .9rem .4rem .8rem}
    .environment-page .tc .close{width:.4rem;height: .4rem;top: .3rem;right: .2rem;}
    .environment-page .tc .img{height: auto;margin-bottom: .25rem;padding-bottom: 160%;}
    .environment-page .tc .pc{display: none;}
    .environment-page .tc .m{display: block;}
    .environment-page .tc .swiper-slide>p:nth-of-type(1){font-size: .24rem;line-height: .44rem;}
    .environment-page .tc .swiper-slide>p:nth-of-type(2){font-size: .36rem;line-height: .56rem;}
    .environment-page .tc .arrow{width: .6rem;height: .7rem;background-size:.28rem;top: 4.4rem}
}

@media (any-hover:hover){
    .environment-page .box1 .parent>a:not(.active):hover{text-decoration: underline;}
    .environment-page .box1 .child>a:hover{color:#000}
    .environment-page .box1 .child>a:hover::after{width: 100%;}
    
    .environment-page .box2 li:hover>a:nth-of-type(2){transform: translateX(.05rem);}
    
    .environment-page .tc .close:hover{transform: rotate(180deg);}
    .environment-page .tc .arrow:hover{background-color: #000;}
}

/* 新闻 */
.news-page.list{padding:.8rem 0 .6rem}
.news-page.list .cate{display: flex;justify-content: center;margin-bottom: .5rem;}
.news-page.list .cate>a{min-width: 1.5rem;padding: 0 .3rem;text-align: center;line-height: .38rem;border: 1px solid rgba(0,0,0,.1);border-right: 0;transition: .3s;}
.news-page.list .cate>a:last-child{border-right: 1px solid rgba(0,0,0,.1);}
.news-page.list .cate>a.active{background: #000;color: #fff;}
.news-page.list ul{display: flex;flex-wrap: wrap;}
.news-page.list li{width: calc(100% / 3 - .54rem);margin-right: .81rem;margin-bottom: .8rem;border-bottom: 1px solid #000;padding-bottom: .1rem;height: 5rem;display: flex;flex-direction: column;justify-content: space-between;}
.news-page.list li:nth-child(3n){margin-right: 0;}
.news-page.list .img-bg{height: 3.3rem;}
.news-page.list li>div>a:nth-of-type(2){font-size: .2rem;transition: .3s;margin: .35rem 0 .15rem;}
.news-page.list li>div>p{font-size: .12rem;color:#333;}
.news-page.list .link{justify-content: space-between;}
.news-page.list .page{padding-bottom: .8rem;}

.news-page.detail{padding:.5rem 0 1rem}
.news-page.detail .crumb{display: flex;align-items: center;font-size: .12rem;margin-bottom: .8rem;}
.news-page.detail .crumb>a:first-child{background: url(../images/4.png) no-repeat left center/.12rem;padding-left: .2rem;}
.news-page.detail .crumb>em{margin: 0 .05rem;font-style: normal;}
.news-page.detail .crumb>span{color:#666}
.news-page.detail .con>p:nth-of-type(1){text-align: center;font-size: .25rem;line-height: .35rem;}
.news-page.detail .con>p:nth-of-type(2){color: #999;background: url(../images/5.png) no-repeat left center/.14rem;padding-left: .2rem;width: 1.45rem;margin: .2rem auto .4rem;line-height: .2rem;font-size: .12rem;}
.news-page.detail .content{border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding: .4rem 0;margin-bottom: .4rem;}
.news-page.detail .content p{line-height: .3rem;color:#666}
.news-page.detail .content a{display: inline-block;}
.news-page.detail .content img,.news-page.detail .content video{max-width: 100%;height: auto !important;}
.news-page.detail .jump{display: flex;align-items: center;}
.news-page.detail .info{flex:1;padding-right: 1rem;}
.news-page.detail .info>a{font-size: .12rem;line-height: .26rem;color:#666}
.news-page.detail .jump>a{width: 1.5rem;line-height: .5rem;border-radius: .25rem;text-align: center;color:#fff;background: #000;transition: .3s;}

@media (max-width:1279px){
    .news-page.list{padding:.6rem 0 .2rem}
    .news-page.list .cate{margin-bottom: .4rem;flex-wrap: wrap;}
    .news-page.list .cate>a{min-width: 1.8rem;line-height: .7rem;font-size: .26rem;margin-bottom: .2rem;}
    .news-page.list ul{display: block;}
    .news-page.list li{width: 100%;margin-right: 0;padding-bottom: .2rem;height: auto;display: block}
    .news-page.list .img-bg{height: auto;}
    .news-page.list .img{padding-bottom: 68.75%;}
    .news-page.list li>div>a:nth-of-type(2){font-size: .36rem;}
    .news-page.list li>div>p{font-size: .24rem;margin-bottom: .3rem;}

    .news-page.detail{padding:.6rem 0 1rem}
    .news-page.detail .crumb{font-size: .24rem;margin-bottom: .6rem;flex-wrap: wrap;}
    .news-page.detail .crumb>a:first-child{background-size:.24rem;padding-left: .35rem;}
    .news-page.detail .crumb>em{margin: 0 .1rem;}
    .news-page.detail .con>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .news-page.detail .con>p:nth-of-type(2){background-size:.25rem;padding-left: .4rem;width: 3rem;margin: .3rem auto .4rem;line-height: .24rem;font-size: .24rem;}
    .news-page.detail .content p{line-height: .48rem;}
    .news-page.detail .jump{display: block}
    .news-page.detail .info{padding: 0 0 .3rem;}
    .news-page.detail .info>a{font-size: .24rem;line-height: .44rem}
    .news-page.detail .jump>a{width: 2rem;line-height: .7rem;border-radius: .6rem;}
}

@media (any-hover:hover){
    .news-page.list .cate>a:not(.active):hover{text-decoration: underline;}
    .news-page.list li:hover>div>a:nth-of-type(2){transform: translateX(.05rem);}

    .news-page.detail .info>a:hover{text-decoration: underline;}
    .news-page.detail .jump>a:hover{opacity: .8;}
}

/* 联系 */
.contact-page{max-width: 12.8rem;display: flex;justify-content: space-between;padding: .8rem 0;align-items: flex-start;}
.contact-page .tit{font-size: .36rem;line-height: .46rem;margin-bottom: .35rem;}

.contact-page .box1{width: 42.18%;padding-top: .4rem;}
.contact-page .box1 li{margin-bottom: .25rem;}
.contact-page .box1 li:last-child{margin-bottom: 0;}
.contact-page .box1 .items{display: flex;flex-wrap: wrap;}
.contact-page .box1 .item{width: calc(50% - .1rem);border: 1px solid rgba(0,0,0,.1);padding: .5rem .4rem;margin-bottom: .2rem;position: relative;}
.contact-page .box1 .item:nth-child(2n+1){margin-right: .2rem;}
.contact-page .box1 .item::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/8.jpg) no-repeat center center/cover;opacity: 0;transition: .3s;}
.contact-page .box1 .img-div{width:.18rem;height: .21rem;}
.contact-page .box1 .con{position: relative;z-index: 2;transition: .3s;}
.contact-page .box1 .con>p:nth-of-type(1){color:#666;line-height: .24rem;margin: .25rem 0 .05rem;}
.contact-page .box1 .con>p:nth-of-type(2){font-size: .12rem;line-height: .22rem;}

.contact-page .box2{width: 46.87%;background: #f8f8f8;padding: .4rem .5rem .5rem;}
.contact-page .box2 input{height: .5rem;border: 1px #eee solid;background: #fff;width: 100%;margin-bottom: .2rem;}
.contact-page .box2 input:focus{border-color:#000}
.contact-page .box2 .select:after{width: .5rem;}
.contact-page .box2 .select>select{height: .5rem;border: 1px #eee solid;background: #fff;width: 100%;}
.contact-page .box2 .select>select:focus{border-color:#000}
.contact-page .box2 .select>select.active{color:#000}
.contact-page .box2 textarea{height: 1.6rem;border: 1px #eee solid;background: #fff;width: 100%;margin: .2rem 0 .3rem;}
.contact-page .box2 textarea:focus{border-color:#000}
.contact-page .box2 .btn{line-height: .6rem;text-align: center;font-size: .16rem;color:#fff;background: #000;cursor: pointer;transition: .3s;}

@media (max-width:1279px){
    .contact-page{max-width: 100%;display: block;padding: .6rem 0 1rem}
    .contact-page .tit{font-size: .4rem;line-height: .6rem;margin-bottom: .3rem;}

    .contact-page .box1{width: 100%;padding: 0 0 .4rem;}
    .contact-page .box1 li{margin-bottom: .6rem;}
    .contact-page .box1 .items{display: block}
    .contact-page .box1 .item{width: 100%;padding: .5rem .4rem;margin-bottom: .3rem}
    .contact-page .box1 .item:nth-child(2n+1){margin-right: 0;}
    .contact-page .box1 .img-div{width:.3rem;height: .42rem;}
    .contact-page .box1 .con>p:nth-of-type(1){line-height: .48rem;margin: .2rem 0 .05rem;}
    .contact-page .box1 .con>p:nth-of-type(2){font-size: .24rem;line-height: .44rem;}

    .contact-page .box2{width: 100%;padding: .6rem .4rem .8rem;}
    .contact-page .box2 input{height: .8rem;margin-bottom: .3rem;}
    .contact-page .box2 .select:after{width: .8rem;}
    .contact-page .box2 .select>select{height: .8rem;}
    .contact-page .box2 textarea{height: 2.5rem;margin: .3rem 0 .4rem;}
    .contact-page .box2 .btn{line-height: .8rem;font-size: .28rem}
}

@media (any-hover:hover){
    .contact-page .box1 .item:hover::after{opacity: 1;}
    .contact-page .box1 .item:hover .con{filter: brightness(0%) invert(100%)}

    .contact-page .box2 .btn:hover{opacity: .8;}
}

/* 搜索 */
.search-page{padding:.5rem 0}
.search-page .crumb{display: flex;align-items: center;font-size: .12rem;margin-bottom: .5rem;}
.search-page .crumb>a:first-child{background: url(../images/4.png) no-repeat left center/.12rem;padding-left: .2rem;}
.search-page .crumb>em{margin: 0 .05rem;font-style: normal;}
.search-page .crumb>span{color:#666}
.search-page ul{display: flex;flex-wrap: wrap;}
.search-page li{width: calc(100% / 3 - .54rem);margin-right: .81rem;margin-bottom: .8rem;border-bottom: 1px solid #000;padding-bottom: .1rem;}
.search-page li:nth-child(3n){margin-right: 0;}
.search-page .img-bg{height: 3.3rem;}
.search-page li>a:nth-of-type(2){font-size: .2rem;transition: .3s;margin: .2rem 0 .25rem;}
.search-page .link{justify-content: space-between;}
.search-page .page{padding-bottom: .8rem;}
.search-page .hide{display: none;}

.environment-tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.environment-tc .con{background: #fff;margin: 5% auto;display: flex;padding: 4% 4% 5%;position: relative;}
.environment-tc .close{width:.3rem;height: .3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .15rem;right: .15rem;cursor: pointer;transition: .3s;}
.environment-tc .con>img{max-width: 100%;margin:0 auto}

@media (max-width:1279px){
    .search-page{padding:.6rem 0 .2rem}
    .search-page .crumb{font-size: .24rem;margin-bottom: .6rem;flex-wrap: wrap}
    .search-page .crumb>a:first-child{background-size:.24rem;padding-left: .35rem;}
    .search-page .crumb>em{margin: 0 .1rem;}
    .search-page ul{display: block}
    .search-page li{width: 100%;margin-right: 0;padding-bottom: .2rem;}
    .search-page .img-bg{height: auto;}
    .search-page .img{padding-bottom: 60%;}
    .search-page li>a:nth-of-type(2){font-size: .32rem;margin: .3rem 0;}
    .search-page .page{padding-bottom: .2rem;}

    .environment-tc .con{margin: .8rem auto;display: block;padding: .9rem .4rem .8rem}
    .environment-tc .close{width:.4rem;height: .4rem;top: .3rem;right: .2rem;}
}

@media (any-hover:hover){
    .search-page li:hover>a:nth-of-type(2){transform: translateX(.05rem);}
}