body{color:#222;-webkit-text-size-adjust:none;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%; line-height:1.5;}

ol,ul{list-style:none;}
body::-webkit-scrollbar{
    display: none;
}


html,body{ width:100%; height:100%; overflow:hidden;}
img{
    display: block;
    width: 100%;
    height: 100%;
}
a{
    text-decoration:none
}
input,textarea{
    border: none;
    outline:none;
}

.box{
    width:100%;
    height:100%;
    overflow:visible;
    transition:transform 1s cubic-bezier(0.86,0,0.03,1);
    -webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);
    position: relative
}

.box .w-1200{
    opacity:0;
    /*margin-top: 100px;*/
	margin-top: 10px;
}

.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;z-index: 1000}

.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
.box .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;overflow: hidden}
.section .w-1200{
    width: 12rem!important;
}
.section .w-1200.active{
    opacity:1;
    transform:translateY(-0.25rem);
    -webkit-transform:translateY(-0.25rem);
    transition:all 2s cubic-bezier(0.86,0,0.8,1);
    -webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
}

.banner .swiper{
    width: 100%;
    height: 100%;
}

.about{
    width: 100%;
    height: 100vh;
    background: url(../images/index1.png) no-repeat center;
    overflow: hidden;
    padding-top: 2.5rem;
    box-sizing: border-box;
}
.about .about-box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.about-box .about-le{
    width: 7.28rem;
    height: 4.6rem;
    border-radius: 0.1rem;
	background:#000000;
	overflow:hidden;
}
.about-le video{
    display: block;
    width: 100%;
    height: 100%;
}
.about-box .about-ri{
    width: 6.3rem;
    height: 4.6rem;
    overflow: hidden;
    position: relative;
}
.about-ri .about-name{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 0.4rem;
    margin-top: 0.14rem;
}
.about-ri .about-line{
    width: 0.8rem;
    height: 0.06rem;
    background: #b47437;
    border-radius: 0.05rem;
    margin: 0.2rem auto 0;
}
.about-ri .about-text{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.4rem;
    text-indent: 2em;
    margin-top: 0.25rem;
}
.about-ri .about-btn{
    width: 1.6rem;
    height: 0.5rem;
    background: #b47437;
    border-radius: 0.5rem;
    font-size: 0.18rem!important;
    color: #ffffff;
    text-align: center;
    line-height: 0.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor:pointer;
}

.serve{
    width: 100%;
    height: 100vh;
    background: url(../images/index2.png) no-repeat center;
    overflow: hidden;
    padding-top: 1.4rem;
    box-sizing: border-box;
}

.serve .ser-name{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 0.4rem;
    margin-top: 0.24rem;
}
.serve .ser-line{
    width: 0.8rem;
    height: 0.06rem;
    background: #b47437;
    border-radius: 0.05rem;
    margin: 0.2rem auto 0;
}
.serve .ser-span{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.3rem;
    margin-top: 0.1rem;
    text-align: center;
}

.serve .ser-box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 1.2rem;
}
.ser-box .ser-item{
    width: 1.6rem;
    height: auto;
    overflow: hidden;
    cursor:pointer;
}

.ser-img img{
    width: auto;
    height: 3.8rem;
    margin: 0 auto;
}
.ser-item .ser-on{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ser-on .ser-top{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.3rem;
    text-align: center;
    margin-top: 0.2rem;
}
.ser-top .iconfont{
    width: 0.2rem;
    height: 0.2rem;
    background: #b2b2b2;
    margin-top: 0.05rem;
    padding: 0.02rem;
    box-sizing: border-box;
    font-size: 0.16rem!important;
    border-radius: 50%;
    color: #ffffff;
}
.ser-on .ser-last{
    width: 100%;
    height: 0.04rem;
    background: #d1d1d1;
    border-radius: 0.02rem;
    margin-top: 0.2rem;
}
.ser-item:hover .ser-top{
    color: #b47437;
}
.ser-item:hover .iconfont{
    background: #b47437;
}
.ser-item:hover .ser-last{
    background: #b47437;
}


.new{
    width: 100%;
    height: 100vh;
    background: url(../images/index3.png) no-repeat center;
    overflow: hidden;
    padding-top: 1.2rem;
    box-sizing: border-box;
}

.new .new-name{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 0.4rem;
    margin-top: 0.14rem;
}
.new .new-line{
    width: 0.8rem;
    height: 0.06rem;
    background: #b47437;
    border-radius: 0.05rem;
    margin: 0.2rem auto 0;
}
.new .new-span{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.3rem;
    margin-top: 0.1rem;
    text-align: center;
}

.new .new-box{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.new-box .new-le{
    width: 5.2rem;
    height: 5.5rem;
    margin-top: 0.45rem;
}
.new-le .new-item{
    width: 100%;
    height: 1.1rem;
    border-bottom: 0.01rem solid #999999;
    box-sizing: border-box;
    overflow: hidden;
}
.new-item a{
    display: block;
    width: 100%;
    height: 100%;
}
.new-item .new-name1{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.28rem;
    margin-top: 0.3rem;
    text-align: left;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new-item:hover .new-name1{
    color: #b47437;
}
.new-item .new-con{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    margin-top: 0.1rem;
}
.new-con .new-li{
    width: auto;
    height: auto;
    overflow: hidden;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.3rem;
}
.new-li .iconfont{
    font-size: 0.2rem!important;
    margin-right: 0.1rem;
}
.new-con .new-li:last-child{
    margin-left: 0.3rem;
}
.new-box .new-ri{
    width: 8.05rem;
    height: 5.15rem;
    margin-top: 0.75rem;
}
.new-ri .swiper{
    width: 100%;
    height: 100%;
}
.new-ri .swiper .swiper-slide{
    width: 5.76rem;
    height: 5.15rem;
}
.swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.new-ri .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #bc8f66!important;
}

.new-ri .swiper-button-next{
    background: url(../images/add2.png) no-repeat center center;
}
.new-ri .swiper-button-prev{
    left: 6.3rem!important;
    background: url(../images/add1.png) no-repeat center center;
}
.new-ri .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 4rem!important;
    width: 0.7rem!important;
    height: 0.7rem!important;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    outline: none;
    border: 3px solid #ffffff;
    box-sizing: border-box;
}

.new-ri .swiper-button-prev:after, .swiper-button-next:after {
    display: none;
}



.recruiting{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url(../images/recruiting.png) no-repeat left!important;
    box-sizing: border-box;
    background: #ffffff;
}
.recruiting .up{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    display: none;
	z-index:20
}
.up.active{
    display: block;
}
.up .up-box{
    width: 5rem;
    height: 6rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}
.up-box .up-img{
    width: 4.56rem;
    height: 6rem;
    margin: 0 auto;
}
.up-box .up-down{
    width: 0.24rem;
    height: 0.24rem;
    position: absolute;
    top: 0;
    right: 0.1rem;
    cursor:pointer;
}
.recruiting .rec-top{
    width: 100%;
    height: 5.9rem;
    margin-top: 1rem;
}
.rec-top .w-1400{
    display: flex;
    justify-content: space-between;
}
.rec-top .rec-le{
    width: 2.42rem;
    height: auto;
    overflow: hidden;
}
.rec-le .rec-name{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.46rem;
    margin-top: 1.4rem;
}
.rec-le .rec-line{
    width: 0.8rem;
    height: 0.06rem;
    background: #ffffff;
    border-radius: 0.02rem;
    margin: 0.2rem auto 0;
}
.rec-top .rec-ri{
    width: 11.32rem;
    height: 3.95rem;
    display: flex;
    justify-content: space-between;
    margin-top: 1.45rem;
}
.rec-ri .rec-item{
    width: 3.5rem;
    height: 3.95rem;
    border: 0.01rem solid #eeeeee;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
	cursor:pointer;
}
.rec-item .rec-img{
    width: 3.5rem;
    height: 2.4rem;
}
.rec-item .rec-span{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 0.2rem;
    box-sizing: border-box;
    font-size: 0.26rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.32rem;
    margin-top: 0.15rem;
}
.rec-item .rec-text{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 0.2rem;
    box-sizing: border-box;
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.3rem;
    margin-top: 0.1rem;
}







*{
    margin: 0;
    padding: 0;
    list-style: none;
}
img{
    display: block;
    width: 100%;
    height: 100%;
}
a{
    text-decoration:none
}
/*.iconfont{*/
/*    font-size: 12px!important;*/
/*}*/
input,textarea{
    border: none;
    outline:none;
}
.head{
    width: 100%;
    height: 1rem;
    background: #ffffff;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.w-1200{
    width: 12rem;
    height: 100%;
    /*overflow: hidden;*/
    margin: 0 auto;
}
.w-1400{
    width: 14rem;
    height: 100%;
    /*overflow: hidden;*/
    margin: 0 auto;
}
.w-1340{
    width: 13.4rem;
    height: 100%;
    /*overflow: hidden;*/
    margin: 0 auto;
}
.head .w-1200{
    display: flex;
    justify-content: space-between;
}
.head .head-le{
    width: 1.84rem;
    height: 0.59rem;
    margin-top: 0.15rem;
}
.head .head-ri{
    width: auto;
    height: 100%;
    overflow: hidden;
    display: flex;
}
.head-ri .head-box{
    width: auto;
    height: 100%;
    display: flex;
}
.head-box .head-item{
    width: 0.98rem;
    height: 100%;
    font-size: 0.16rem;
    color: #333333;
    line-height: 1rem;
    margin-right: 0.1rem;
    text-align: center;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.head-item a{
    display: block;
    width: 100%;
    height: 100%;
    color: #333333;
    position: relative;
}
.head-item .head-line{
    width: 0.4rem;
    height: 0.05rem;
    background: #b47437;
    position: absolute;
    bottom: 0.2rem;
    left: 0.19rem;
    border-radius: 0.02rem;
    display: none;
}

.head-item:last-child{
    margin-right: 0;
}
.head-item.active{
    font-weight: bold;
}
.head-item.active .head-line{
    display: block;
}
.head-item.active a{
    color: #b47437;
}
.head-ri .head-con{
    width: 0.75rem;
    height: 0.25rem;
    margin-top: 0.15rem;
    margin-left: 0.2rem;
    display: flex;
    border-radius: 0.05rem;
    overflow: hidden;
    border: 0.01rem solid #eeeeee;
    box-sizing: border-box;
}
.head-con .head-li{
    width: 50%;
    height: 0.25rem;
    font-size: 0.14rem;
    color: #113496;
    text-align: center;
    line-height: 0.25rem;
}
.head-li.active{
    background: #113496;
    color: #ffffff;
}

.title a{
    color: #999999;
}


.foot{
    width: 100%;
    height: 2.8rem;
    overflow: hidden;
}
.foot .foot-top{
    width: 100%;
    height: 2.4rem;
    background: url(../images/foot.png) no-repeat center;
    overflow: hidden;
}
.foot-top .w-1400{
    display: flex;
    justify-content: space-between;
}

.foot-top .foot-le{
    width: 2.43rem;
    height: 0.78rem;
    margin-top: 0.88rem;
}

.foot-top .foot-on{
    width: 4.9rem;
    height: 100%;
    overflow: hidden;
}
.foot-on .foot-head{
    width: 100%;
    height: 0.35rem;
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.35rem;
    margin-top: 0.27rem;
}
.foot-on .foot-line{
    width: 0.7rem;
    height: 0.02rem;
    background: #460105;
}
.foot-on .foot-box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.foot-box .foot-li{
    width: 100%;
    height: 0.27rem;
    overflow: hidden;
    display: flex;
    margin-top: 0.24rem;
}
.foot-li .foot-icon{
    width: 0.27rem;
    height: 0.27rem;
}
.foot-li .foot-span{
    width: auto;
    height: 0.27rem;
    font-size: 0.14rem;
    color: #000000;
    line-height: 0.27rem;
    margin-left: 0.1rem;
}




.foot-top .foot-ri{
    width: 3rem;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: right;
}
.foot-ri .code-li{
    width: 1.3rem;
    height: 1.57rem;
    margin-top: 0.5rem;
    overflow: hidden;
}
.code-li .code-img{
    width: 1.24rem;
    height: 1.24rem;
    margin: 0 auto;
}
.code-li .code-name{
    width: 100%;
    height: 0.26rem;
    overflow: hidden;
    background: #b8793d;
    font-size: 0.12rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.26rem;
    margin-top: 0.07rem;
    border-radius: 0.05rem;
}

.foot .foot-last{
    width: 100%;
    height: 0.4rem;
    font-size: 0.12rem;
    color: #333333;
    text-align: center;
    line-height: 0.4rem;
    background: #e7e5e3;
}