/*公共*/
.header{position: fixed;top:0;left:0;width: 100%;z-index: 998;transition: .5s;}
.header .width{max-width:15.5rem;display: flex;align-items: center;justify-content: space-between;}
.header .logo{width: 2.8rem;height: .48rem;filter: brightness(0%) invert(100%);transition: .5s;}
.header .con{flex:1;display: flex;justify-content: flex-end;}
.header ul{display: flex;}
.header li>a{font-size: .18rem;color:#fff;height: 1rem;display: flex;align-items: flex-end;padding:0 .4rem .2rem .4rem;position: relative;overflow: hidden;transition: .5s;}
.header li>a::after{content:'';width: 100%;height: 100%;background: url(../images/1.png) no-repeat center -.2rem/.13rem;transition:.5s;position: absolute;top:0;left:0;filter: brightness(0%) invert(100%)}
.header li>a.active::after{background-position:center .4rem}
.header .menu{display: none;}
.header.fixed{background: #fff;box-shadow: 0 0 .05rem rgba(0,0,0,.1);}
.header.fixed .logo{filter:none}
.header.fixed li>a{color:#18324f}
.header.fixed li>a::after{filter:none}

.footer{background: #141d2b;padding: 1rem 0;}
.footer .logo{width: 2.48rem;height: .46rem;filter: brightness(0%) invert(100%)}
.footer .con{display: flex;align-items: flex-end;border-bottom: 2px solid rgba(255,255,255,.2);padding-bottom:.45rem;margin: .1rem 0 .35rem;}
.footer .nav{display: flex;flex:1}
.footer .nav>a{margin-right: .7rem;color:#fff;font-size: .16rem;}
.footer .con>a{line-height: .6rem;background: #2d81b1 url(../images/11.png) no-repeat .3rem center/.31rem;color:#fff;font-size: .16rem;padding: 0 .3rem 0 .75rem;transition: .3s;}
.footer .copyright{display: flex;align-items: center;}
.footer .copyright>p{color:#fff;opacity: .4;flex:1}
.footer .media{display: flex;flex:1;align-items: center;justify-content: flex-end;}
.footer .media>p{color:#fff;opacity: .7;font-size: .16rem}
.footer .media>a{border: 1px solid rgba(255,255,255,.15);width: .45rem;height: .45rem;border-radius:50%;margin-left: .15rem;transition: .3s;}
.footer .media>a:last-child{margin-right: 0;}
.footer .media>a>img{max-width: 40%;max-height: 40%;}

.inner-banner{position: relative;}
.inner-banner .img{height: 7.28rem;}
.inner-banner .m{display: none;}
.inner-banner .width{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.inner-banner .info{max-width: 6.2rem;color:#fff}
.inner-banner .info>p:nth-of-type(1){font-size: .65rem;line-height: .75rem;margin-bottom: .05rem;}
.inner-banner .info>p:nth-of-type(2){font-size: .22rem;line-height: .32rem;}

.tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 999;display: none;}
.tc .con{background: #fff;margin: 5% auto;position: relative;padding: 1rem;}
.tc .close{width: .45rem;height: .45rem;background: #18324f url(../images/close-w.svg) no-repeat center center/.2rem;right: 0;top: 0;position: absolute;cursor: pointer;}
.tc .con>p{font-size: .4rem;line-height: .5rem;}
.tc .con>a{width: 2rem;line-height: .55rem;font-size: .16rem;padding-left: .6rem;background: #f0aa44 url(../images/6.png) no-repeat .2rem center/.3rem;transition: .3s;}
.tc .content{margin: .45rem 0 .6rem;}
.tc .content p{line-height: .3rem;color:#6e6e6e}
.tc .attr{border-bottom: 1px #d8d8d8 solid;display: flex;padding: .35rem 0 .3rem;}
.tc .attr>p{font-size: .16rem;display: flex;width: calc(100% / 3 - .2rem);margin-right: .3rem;}
.tc .attr>p:last-child{margin-right: 0;}
.tc .attr>p>span:nth-of-type(1){margin-right: .05rem;}

.nav-m{display: none;}

@media (max-width:1279px){
    .header .width{max-width:100%;}
    .header .logo{width: 2.95rem;height: .5rem;}
    .header ul{display: none;}
    .header .menu{display: block;width: .5rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;filter: brightness(0%) invert(100%)}
    .header.fixed .menu{filter:none}

    .footer{padding: 1rem 0 .6rem;}
    .footer .logo{width: 3.54rem;height: .6rem;margin: 0 auto;}
    .footer .con{flex-direction: column;margin: .5rem 0 .4rem;align-items: center;}
    .footer .nav{flex-wrap: wrap;margin-bottom: .1rem;justify-content: center;}
    .footer .nav>a{margin-right: .24rem;font-size: .32rem;width: calc(100% / 3 - .16rem);margin-bottom: .3rem;text-align: center;}
    .footer .nav>a:nth-child(3n){margin-right: 0;}
    .footer .con>a{line-height: .9rem;background-position:.4rem center;background-size:.45rem;font-size: .28rem;padding: 0 .4rem 0 1.1rem;}
    .footer .copyright{display: block}
    .footer .copyright>p{text-align: center;margin-bottom: .3rem;}
    .footer .media{justify-content: center;}
    .footer .media>p{font-size: .28rem}
    .footer .media>a{width: .7rem;height: .7rem;margin-left: .2rem;}

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

    .tc .con{margin: 8% auto;padding: .7rem .4rem;}
    .tc .close{width: .6rem;height: .6rem;background-size:.3rem;}
    .tc .con>p{font-size: .36rem;line-height: .56rem;}
    .tc .con>a{width: 3.3rem;line-height: .8rem;font-size: .28rem;padding-left: .9rem;background-position: .3rem center;background-size:.4rem}
    .tc .content{margin: .4rem 0;}
    .tc .content p{line-height: .48rem;}
    .tc .attr{display: block;padding: .35rem 0 .3rem;}
    .tc .attr>p{font-size: .28rem;width: 100%;margin: 0 0 .1rem;line-height: .4rem;}
    .tc .attr>p>span:nth-of-type(1){margin-right: .1rem;}

    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:1000;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 2.95rem;height: .5rem;}
    .nav-m .close{width:.5rem;height:.5rem;background:url(../images/close.svg) no-repeat center center/100%}
    .nav-m ul{border-top:1px solid #eee;overflow-y: auto;height:calc(100% - 1.2rem);position: absolute;top: 1.2rem;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;font-size:.32rem}
}

@media (any-hover:hover){
    .header li>a:hover::after{background-position:center .4rem}

    .footer .nav>a:hover{text-decoration: underline;}
    .footer .con>a:hover{opacity: .8;}
    .footer .media>a:hover{border-color:#fff;background: #fff;}
    .footer .media>a:hover>img{filter: invert(100%) brightness(0%)}
    
    .tc .con>a:hover{opacity: .8;}
}

/* 首页 */
.index-page .tit{text-align: center;}
.index-page .tit>p:nth-of-type(1){font-size: .65rem;line-height: .75rem;}
.index-page .tit>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;max-width: 10.7rem;margin:.15rem auto 0}
.index-page .more{width: 2.15rem;line-height: .53rem;border: 1px solid #18324f;font-size: .18rem;padding-left: .45rem;margin:0 auto;position: relative;transition: .3s;}
.index-page .more::after{content:'';position: absolute;top:0;right:.4rem;background: url(../images/arrow2.png) no-repeat center center/100%;width: .14rem;height: 100%;transition: .3s;}

.index-page .box1 .img{height: 100vh;}
.index-page .box1 .m{display: none;}
.index-page .box1 .swiper-pagination{bottom: .3rem;}
.index-page .box1 .swiper-pagination-bullet{background: #fff;width: .1rem;height: .1rem;}

.index-page .box2{padding:1.05rem 0 .7rem}
.index-page .box2 .more{margin: .4rem auto 1rem;}
.index-page .box2>img{max-width: 100%;margin: 0 auto;}

.index-page .box3{position: relative;}
.index-page .box3 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-page .box3 .m{display: none;}
.index-page .box3 .width{position: relative;z-index: 2;}
.index-page .box3 .tit-box{display:flex;align-items: flex-end;padding:1.05rem 0 .8rem}
.index-page .box3 .tit{text-align: left;color:#fff;flex:1;padding-right: 1rem;}
.index-page .box3 .tit>p:nth-of-type(2){margin:.15rem 0 0;max-width: 9.4rem;}
.index-page .box3 .more{border-color: rgba(255,255,255,.4);color:#fff}
.index-page .box3 .more::after{filter:brightness(0%) invert(100%)}
.index-page .box3 ul{display: flex;height: 7.07rem;}
.index-page .box3 li{flex:1;border-right: 1px solid rgba(255,255,255,.3);color:#fff;position: relative;}
.index-page .box3 li::after{content:'';position: absolute;top: 0;left: -1px;width: calc(100% + 2px);height: 100%;background: url(../images/2.jpg) no-repeat center center/cover;opacity: 0;transition: .3s;}
.index-page .box3 .con{text-align: center;position: relative;z-index: 2;padding: 1.2rem .25rem 0;}
.index-page .box3 .img-div{width: .46rem;height: .49rem;margin: 0 auto;}
.index-page .box3 .con>p:nth-of-type(1){font-size: .16rem;line-height: .28rem;margin: .2rem 0;}
.index-page .box3 .con>p:nth-of-type(2){line-height: .24rem;opacity: 0;transition: .3s;transform: translateY(.2rem);margin-bottom: 1.1rem;}
.index-page .box3 .con>p:nth-of-type(3){font-size: .16rem;position: relative;opacity: 0;transition: .3s;transform: translateX(-100%)}
.index-page .box3 .con>p:nth-of-type(3)::after{content:'';width: .14rem;height: .12rem;background: url(../images/arrow2.png) no-repeat center center/.14rem;filter:brightness(0%) invert(100%);position: absolute;left: 50%;bottom: -.3rem;opacity: .7;transform: translateX(-50%);}

.index-page .box4{padding:1.05rem 0 1.25rem}
.index-page .box4 ul{padding: .5rem 0 .4rem;}
.index-page .box4 li{margin-bottom: .4rem;display: flex;align-items: flex-start;justify-content: space-between;border-bottom: 1px #ddd solid;padding: .25rem 0 .3rem;transition: .3s;position: relative;}
.index-page .box4 .con{width: calc(100% - 2.5rem);position: relative;padding-left: .35rem;}
.index-page .box4 .con::before{content:'';position: absolute;top: .08rem;left: 0;width: .1rem;height: calc(100% - .15rem);background: #18324f;}
.index-page .box4 .con>p:nth-of-type(1){font-size: .3rem;margin-bottom: .15rem;}
.index-page .box4 .con>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;}
.index-page .box4 li>p{width: 1.58rem;line-height: .32rem;background: #f0aa44;font-size: .18rem;text-align: center;margin-top: .1rem;cursor: pointer;}
.index-page .box4 .hide{display: none;}

@media (max-width:1279px){
    .index-page .tit>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;}
    .index-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;max-width: 100%;margin:.1rem 0 0}
    .index-page .more{width: 3rem;line-height: .8rem;font-size: .28rem;padding-left: .5rem;}
    .index-page .more::after{right:.5rem;width: .2rem}

    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .swiper-pagination-bullet{width: .18rem;height: .18rem;}

    .index-page .box2{padding:1rem 0}
    .index-page .box2 .more{margin: .4rem auto .8rem;}

    .index-page .box3{padding-bottom: .6rem;}
    .index-page .box3 .pc{display: none;}
    .index-page .box3 .m{display: block;}
    .index-page .box3 .tit-box{display:block;padding:1.2rem 0 .8rem}
    .index-page .box3 .tit{text-align: center;padding-right: 0;}
    .index-page .box3 .tit>p:nth-of-type(2){margin:.1rem 0 .4rem;max-width: 100%;}
    .index-page .box3 ul{display: block;height: auto;}
    .index-page .box3 li{border-right: 0;background: url(../images/2.jpg) no-repeat center center/cover;margin-bottom: .4rem;}
    .index-page .box3 .con{padding: .8rem .4rem;}
    .index-page .box3 .img-div{width: .7rem;height: .7rem;}
    .index-page .box3 .con>p:nth-of-type(1){font-size: .32rem;line-height: .48rem;margin: .3rem 0 .1rem;}
    .index-page .box3 .con>p:nth-of-type(2){line-height: .44rem;opacity: 1;transform: translateY(0);font-size:.28rem;margin-bottom: .3rem;}
    .index-page .box3 .con>p:nth-of-type(3){font-size: .3rem;opacity: 1;transform: translateX(0);background: url(../images/arrow2.png) no-repeat right center/.18rem;filter:brightness(0%) invert(100%);display: inline-block;padding-right: .4rem;}
    .index-page .box3 .con>p:nth-of-type(3)::after{display: none;}

    .index-page .box4{padding:1rem 0}
    .index-page .box4 ul{padding: 0 0 .6rem;}
    .index-page .box4 li{margin-bottom: 0;display: block;padding: .5rem 0;}
    .index-page .box4 .con{width: 100%;padding-left: .25rem;margin-bottom: .3rem;}
    .index-page .box4 .con::before{top: .07rem;width: .05rem;}
    .index-page .box4 .con>p:nth-of-type(1){font-size: .36rem;}
    .index-page .box4 .con>p:nth-of-type(2){font-size: .28rem;line-height: .44rem;}
    .index-page .box4 li>p{width: 2.5rem;line-height: .7rem;font-size: .28rem;margin: 0 0 0 .25rem;}
}

@media (any-hover:hover){
    .index-page .more:hover{background: #18324f;color:#fff}
    .index-page .more:hover::after{filter:brightness(0%) invert(100%)}

    .index-page .box3 .more:hover{background: #fff;border-color:#fff;color:#18324f}
    .index-page .box3 .more:hover::after{filter:none}
    .index-page .box3 li:hover::after{opacity: 1;}
    .index-page .box3 li:hover .con>p:nth-of-type(2){opacity: 1;transform: translateY(0)}
    .index-page .box3 li:hover .con>p:nth-of-type(3){opacity: 1;transform: translateX(0)}

    .index-page .box4 li:hover{background: #dcdcdc;}
}

/* 关于 */
.about-page .box1{padding:1rem 0 1.2rem}
.about-page .box1>p:nth-of-type(1){font-size: .65rem;line-height: .75rem;}
.about-page .box1>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;margin: .2rem 0 1.15rem;}
.about-page .box1 ul{display: flex;}
.about-page .box1 li{width: calc(50% - .28rem);}
.about-page .box1 li:first-child{margin-right: .56rem;}
.about-page .box1 .img{overflow: hidden;}
.about-page .box1 .img>img{width: 100%;}
.about-page .box1 li>p{font-size: .2rem;line-height: .3rem;margin-bottom: .85rem;}
.about-page .box1 li:last-child>p{margin: 1.35rem 0 0 .3rem;}
.about-page .box1 li>p>b{font-size: .24rem;line-height: .34rem;margin-bottom: .05rem;display: inline-block}

.about-page .box2{background: #f2f2f2;padding: .65rem 0 .4rem;}
.about-page .box2 .width>p{max-width: 8.8rem;}
.about-page .box2 .width>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.about-page .box2 .width>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;margin: .1rem 0 .65rem;}
.about-page .box2 .width>img{max-width: 100%;margin: 0 auto;}

@media (max-width:1279px){
    .about-page .box1{padding:1rem 0 .6rem}
    .about-page .box1>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;}
    .about-page .box1>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .1rem 0 .6rem;}
    .about-page .box1 ul{display: block;}
    .about-page .box1 li{width: 100%;display: flex;flex-direction: column;}
    .about-page .box1 li:first-child{margin-right: 0;}
    .about-page .box1 .img{margin-bottom: .3rem;}
    .about-page .box1 li>p{font-size: .28rem;line-height: .48rem;margin-bottom: .6rem;order:2}
    .about-page .box1 li:last-child>p{margin: 0 0 .6rem}
    .about-page .box1 li>p>b{font-size: .36rem;line-height: .56rem;}

    .about-page .box2{background: #f2f2f2;padding: 1rem 0;}
    .about-page .box2 .width>p{max-width: 100%;}
    .about-page .box2 .width>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;}
    .about-page .box2 .width>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
}

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

/* 服务 */
.service-page .tit{font-size: .36rem;line-height: .46rem;}

.service-page .box1{padding: 1.35rem 0 1.05rem;}
.service-page .box1 ul{display: flex;flex-wrap: wrap;padding-top: .7rem;}
.service-page .box1 li{width: calc(100% / 3 - .2rem);margin-right: .3rem;height: 6.83rem;position: relative;margin-bottom: .3rem;}
.service-page .box1 li::after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom,#18324f,#09494a);opacity: 0;transition: .3s;}
.service-page .box1 li:nth-child(3n){margin-right: 0;}
.service-page .box1 .img-bg{height: 100%;}
.service-page .box1 .con{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to bottom,transparent 10%,rgba(24,50,79,.8) 90%);padding: 20% .4rem .6rem;z-index: 2;transition: .8s;}
.service-page .box1 .con>p:nth-of-type(1){font-size: .24rem;line-height: .36rem;color:#fff;margin-bottom: .1rem;}
.service-page .box1 .con>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;color:#e1e8f0}

.service-page .box2{position: relative;padding: 1.45rem 0 2.2rem;}
.service-page .box2 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.service-page .box2 .m{display: none;}
.service-page .box2 .con{position: relative;z-index: 2;max-width: 7.3rem;color:#fff}
.service-page .box2 .con>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;margin-top: .25rem;}
.service-page .box2 .con>p:nth-of-type(2)>b{font-size: .24rem;line-height: .34rem;margin-bottom: .1rem;}

.service-page .box3{padding-bottom: 1.35rem;}
.service-page .box3 li{padding-top: 1.35rem;display: flex;justify-content: space-between;}
.service-page .box3 li:last-child{margin-bottom: 0;}
.service-page .box3 .img-bg{width: 50%;height: 8.1rem;}
.service-page .box3 .con{width: 44.44%;min-height: 8.1rem;display: flex;flex-direction: column;justify-content: center;}
.service-page .box3 .con>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;margin-top: .3rem;}
.service-page .box3 .con>p:nth-of-type(2)>b{font-size: .24rem;line-height: .34rem;margin-bottom: .1rem;display: inline-block;}
.service-page .box3 li:nth-child(2n) .img-bg{order:2}

@media (max-width:1279px){
    .service-page .tit{font-size: .46rem;line-height: .66rem;}

    .service-page .box1{padding: 1rem 0 .6rem;}
    .service-page .box1 ul{display: block;padding-top: .5rem;}
    .service-page .box1 li{width: 100%;margin-right: 0;height: auto;margin-bottom: .4rem;}
    .service-page .box1 .img-bg{height: auto;}
    .service-page .box1 .img{padding-bottom: 130%;}
    .service-page .box1 .con{padding: 50% .4rem .5rem;}
    .service-page .box1 .con>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;margin-bottom: .1rem;}
    .service-page .box1 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .service-page .box2{padding: 1.2rem 0;}
    .service-page .box2::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;top:0;left: 0;}
    .service-page .box2 .pc{display: none;}
    .service-page .box2 .m{display: block;}
    .service-page .box2 .con{max-width: 100%;}
    .service-page .box2 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .service-page .box2 .con>p:nth-of-type(2)>b{font-size: .36rem;line-height: .56rem;}

    .service-page .box3{padding-bottom: 1rem;}
    .service-page .box3 li{padding-top: 1rem;display: block}
    .service-page .box3 .img-bg{width: 100%;height: auto;margin-bottom: .3rem;}
    .service-page .box3 .img{padding-bottom: 112%;}
    .service-page .box3 .con{width: 100%;min-height: 0;display: block}
    .service-page .box3 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-top: .2rem;}
    .service-page .box3 .con>p:nth-of-type(2)>b{font-size: .36rem;line-height: .56rem;}
}

@media (any-hover:hover){
    .service-page .box1 li:hover::after{opacity: .9;}
    .service-page .box1 li:hover .con{height: 100%;justify-content: center;background: none;display: flex;flex-direction: column;}
    .service-page .box1 li:hover .con>p:nth-of-type(2){padding-bottom: .5rem;}
}

/* 招聘 */
.recruit-page{padding: 1rem 0 .6rem;}
.recruit-page>p:nth-of-type(1){font-size: .65rem;line-height: .75rem;}
.recruit-page>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;margin: .25rem 0 .5rem;}
.recruit-page ul{display: flex;flex-wrap: wrap;}
.recruit-page li{border: 1px solid #d8d8d8;margin-bottom: .4rem;width: calc(50% - .2rem);transition: .3s;padding: .4rem .65rem;position: relative;}
.recruit-page li:nth-child(2n+1){margin-right: .4rem;}
.recruit-page li>p:nth-of-type(1){font-size: .3rem;line-height: .36rem;padding-left: .3rem;position: relative;}
.recruit-page li>p:nth-of-type(1)::before{content:'';width: .05rem;height: calc(100% - .12rem);position: absolute;top: .08rem;left: 0;background: #18324f;}
.recruit-page li>p:nth-of-type(2){line-height: .3rem;color:#666;margin: .35rem 0 .4rem;}
.recruit-page li>p:nth-of-type(3){width: 1.7rem;line-height: .48rem;border: 1px solid #d8d8d8;font-size: .16rem;padding-left: .25rem;position: relative;transition: .3s;cursor: pointer;}
.recruit-page li>p:nth-of-type(3)::after{content:'';width: .14rem;height: 100%;position: absolute;top: 0;right: .2rem;background: url(../images/arrow2.png) no-repeat center center/100%;}
.recruit-page li .attr{border-bottom: 1px #d8d8d8 solid;padding: .35rem 0 .25rem;}
.recruit-page li .attr>p{font-size: .16rem;margin-bottom: .03rem;display: flex;}
.recruit-page li .attr>p>span:nth-of-type(1){margin-right: .05rem;}
.recruit-page li .hide{display: none;}
.recruit-page .page{padding: .1rem 0 .4rem;}

@media (max-width:1279px){
    .recruit-page>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;}
    .recruit-page>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .recruit-page ul{display: block;}
    .recruit-page li{width: 100%;padding: .5rem .4rem;}
    .recruit-page li:nth-child(2n+1){margin-right: 0;}
    .recruit-page li>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;padding-left: .25rem}
    .recruit-page li>p:nth-of-type(1)::before{height: calc(100% - .2rem);top: .12rem;}
    .recruit-page li>p:nth-of-type(2){line-height: .44rem;font-size: .28rem;}
    .recruit-page li>p:nth-of-type(3){width: 2.9rem;line-height: .7rem;font-size: .28rem;padding-left: .35rem}
    .recruit-page li>p:nth-of-type(3)::after{width: .2rem;right: .35rem;}
    .recruit-page li .attr{padding: .35rem 0 .25rem;}
    .recruit-page li .attr>p{font-size: .28rem;margin-bottom: .1rem;}
    .recruit-page li .attr>p>span:nth-of-type(1){margin-right: .1rem;}
}

@media (any-hover:hover){
    .recruit-page li:hover{border-color: #18324f;}
    .recruit-page li:hover>p:nth-of-type(3){background: #f0aa44;border-color:#f0aa44;}
}

/* 联系 */
.contact-page{display: flex;padding: .95rem 0 1rem;justify-content: space-between;}
.contact-page .tit{font-size: .48rem;line-height: .58rem;margin-bottom: .25rem;}
.contact-page .con{width: 29.6%;}
.contact-page .info{background: #f8f8f8;padding: .45rem .4rem .75rem;text-align: center;}
.contact-page .img-div{width: 1.44rem;height: 1.47rem;margin: 0 auto;}
.contact-page .info>p:nth-of-type(1){border-top: 1px solid #e5e5e5;margin: .5rem 0 .1rem;color:#666;padding-top: 1.05rem;background: url(../images/13.png) no-repeat center .65rem/.3rem;}
.contact-page .info>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;}
.contact-page .form{width: 64.58%;}
.contact-page .form ul{display: flex;flex-wrap: wrap;margin-top: .5rem;}
.contact-page .form li{width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .35rem;}
.contact-page .form li:nth-child(3n){margin-right: 0;}
.contact-page .form li:last-child{width: 100%;margin-right: 0;}
.contact-page .form li>p{font-size: .16rem;margin-bottom: .1rem;}
.contact-page .form li>p>span{color: red;margin-right: .05rem;}
.contact-page .form li>input{height: .55rem;border: 1px solid #eee;width: 100%;font-size: .16rem;}
.contact-page .form li>input::placeholder{font-size: .16rem;}
.contact-page .form li>input:focus{border-color:#18324f}
.contact-page .form .select>select{height: .55rem;border: 1px solid #eee;width: 100%;font-size: .16rem;}
.contact-page .form .select>select:focus{border-color:#18324f}
.contact-page .form li>textarea{height: 1.8rem;border: 1px solid #eee;width: 100%;font-size: .16rem;}
.contact-page .form li>textarea::placeholder{font-size: .16rem;}
.contact-page .form li>textarea:focus{border-color:#18324f}
.contact-page .form .btn{width: 1.6rem;line-height: .5rem;background: #2d81b1;color:#fff;font-size: .16rem;text-align: center;cursor: pointer;transition: .3s;}

@media (max-width:750px){
    .contact-page{display: block;padding: 1rem 0}
    .contact-page .tit{font-size: .5rem;line-height: .7rem;margin-bottom: .4rem;text-align: center;}
    .contact-page .con{width: 100%;margin-bottom: 1rem;}
    .contact-page .info{padding: .6rem .4rem;}
    .contact-page .info>p:nth-of-type(1){margin: .4rem 0 .1rem;padding-top: 1.25rem;background-position:center .65rem;background-size:.5rem;}
    .contact-page .info>p:nth-of-type(2){font-size: .36rem;line-height: .56rem;}
    .contact-page .form{width: 100%;}
    .contact-page .form ul{display: block;}
    .contact-page .form li{width: 100%;margin-right: 0}
    .contact-page .form li>p{font-size: .28rem;margin-bottom: .15rem;}
    .contact-page .form li>p>span{margin-right: .1rem;}
    .contact-page .form li>input{height: .8rem;font-size: .26rem;}
    .contact-page .form li>input::placeholder{font-size: .26rem;}
    .contact-page .form .select:after{width:.8rem;background-size:.3rem}
    .contact-page .form .select>select{height: .8rem;font-size: .26rem;}
    .contact-page .form li>textarea{height: 2.5rem;font-size: .26rem;}
    .contact-page .form li>textarea::placeholder{font-size: .26rem;}
    .contact-page .form .btn{width: 2.5rem;line-height: .8rem;font-size: .28rem;margin: 0 auto;}
}

@media (any-hover:hover){
    .contact-page .form .btn:hover{opacity: .8;}
}