/*hefang*/
body{position: relative;}
/*first首页*/
/*轮播开始*/
.banner{height:59.375rem;margin-top:5.875rem;}
.swiper-pagination-bullet {width: 1.4375rem;height: 4px;display: inline-block;background: #a9aba8;border-radius: 0;}
.swiper-pagination-bullet-active {background: #20c4f4;}
/*.swiper-slide img{width: 100%;height: 100%;}*/
.swiper-slide.banner01{width: 100%;height: 100%;background: url("../../../../../images/about/banner01_bg.png") no-repeat center/cover;}
.swiper-slide i{position: absolute;width: 100%;height: 100%;transition: all .3s ease;}
.swiper-slide .banner01_logo{background: url("../../../../../images/about/banner01_logo.png") no-repeat 3.2% 26%;    background-size: initial;}
.swiper-slide .banner01_character{background: url("../../../../../images/about/banner01_character.png") no-repeat left bottom;}
.contentBox{width:100%;}
.content{padding:0 0.9375rem;}
.content li{width: 100%;padding: 1.5625rem 0;border-bottom: 1px solid #f0efee;}
.content li a.newsImg{display: inline-block;width: 100%;height: 20rem;}
.content li img{width: 100%;height: 100%;border-radius: 8px;object-fit: cover;object-position: bottom;}
.content li a.newsTitle{display: inline-block;font-size:2rem;margin-top: 1.5625rem;color: #313131;}

/*second 产品*/
.product{background: #e0e0e0;    overflow: hidden;}
.productBox{margin-top:5.875rem;}
.productsList{display: inline-block;float:left;width: 100%;margin-right: -2px;margin-bottom: -2px;background: #f1f1f1;}
.productsList li{width:33.33%;float: left;text-align: center;overflow: hidden;outline: 2px solid #e5e5e5;}
.productsList li a{display: inline-block;width: 100%;height: 100%;}
.product_icon{width:50%;border-radius: 25px;margin-top:12%;}
.product_name{display: inline-block;width: 90%;padding:0 5%;font-size: 1.4rem;line-height: 2rem;color: #555;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.selectMore_btn{display: inline-block;width: 100%;height: 6.25rem;line-height: 6.25rem;text-align: center;background: #e0e0e0;color:#626262;font-size: 1.75rem;}
.product .footer{float: left;}

/*third 招聘*/
.bannerBox{position: relative;width: 90%;height:20.625rem;    margin: 7.75rem auto 1.875rem;}
.bannerImg{    position: absolute;display:inline-block;width: 100%;height: 100%;overflow: hidden;border-radius: 0.5rem;}
.bannerImg img{display:inline-block;width: 100%;height: 100%;}
.bannerTxt_box{position: absolute;top: 50%;text-align: center;}
.bannerTxt{display:inline-block;width:100%;text-align:center;color:#fff;}
.bannerTxt.small{font-size:1.75rem;}
.bannerTxt.large{font-size:2.75rem;margin-top: 1rem;}
.selectJob{display: inline-block; width: 234px;height: 62px;font-size:32px;color: #333;background: #fff;border-radius: 8px;line-height: 62px;margin-top: 26px;margin-bottom: 20px;border: 2px solid #333333;}
.recruitInfo{padding:2rem;float: left;}
.recruitInfo li{position: relative;width: 90%;margin: 0 5%;line-height: 5.625rem;color: #333;float: left; }
.recruitBox{font-size:1.875rem;}
.recruitBox.large{font-size: 2.5rem;text-align: center;  }
.recruitBox .jobType{border-bottom: 1px solid #e4e4e4;    color: #222;
    font-size: 2.125rem;}
.infoBtn{ position: absolute;display: inline-block;float: right;width: 5.625rem;height: 5.625rem;line-height: 5.625rem;transition: all .15s ease;top: 0;right: 0;}
.infoBtn span{display: inline-block;width: 5.625rem;height: 5.625rem;line-height: 5.625rem;position: absolute;transition: all .15s ease;}
.infoBtn.active .add.h{transform: rotate(360deg);}
.infoBtn .add.h{transform: rotate(360deg);}
.infoBtn.active .add.s{transform: rotate(-90deg);}
.infoBtn .bor{display: inline-block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.infoBtn .bor.h{width: 1.5rem;height: 3px;background: #cbcdcd;}
.infoBtn .bor.s{width: 3px;height:1.5rem;background: #cbcdcd;}
.applicationBox{display: none;float: left;}
.applicationBox .jobPerson{line-height: 2.1875rem;color: #222;padding: 0.0625rem 0;margin: 1.25rem 0;font-size: 1.875rem;float: left;}
.applicationBox .jobTitle{ display: inline-block;width:100%; margin: 1.5rem 0;font-weight: bold;float: left;}
.applicationBox .jobTitle:first-child{margin-top: 0;}
.jobContent{background: #fafafa;line-height: 2.875rem;float: left;font-size: 1.625rem;padding-bottom: 1.25rem;border-bottom: 1px dashed #e4e4e4;}
.jobContent span{font-size: 1.5rem;color:#6a6a6a;}
.jobContent .jobRequirement{font-size: 1.375rem;}

/*fourth 关于我们开始*/
.fp-section{position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box;}
.fp-section.fp-table, .fp-slide.fp-table{display: table; table-layout:fixed; width: 100%;}
.fp-tableCell{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
/*边框样式开始*/
.borderLine{position:absolute;background: #59667d;opacity: 0.5;}
.borderLine.left{width: 5px;left:3%;top:calc(1.5% + 94px);bottom:1.5%;}
.borderLine.top{height:5px;left:3%;top:calc(1.5% + 94px);right:3%;}
.borderLine.right{width:5px;right:3%;top:calc(1.5% + 94px);bottom:1.5%;}
.borderLine.bottom{height:5px;left:3%;bottom:1.5%;right:3%;}
/*边框样式结束*/
.section1 .maskBg{display: inline-block;position: absolute;top:0;left: 0;right: 0;bottom:0;background: url("../../../../../images/about/about_p01_bg01.png") no-repeat right top;
    background-size: contain;}
.section2 .maskBg{display: inline-block;position: absolute;top:0;left: 0;right: 0;bottom:0;background: url("../../../../../images/about/about_p02_bg01.png") no-repeat center/cover;
    opacity: 0.1;}
.section3 .maskBg{display: inline-block;position: absolute;top:0;left: 0;right: 0;bottom:0;background: url("../../../../../images/about/about_p03_bg01.png") no-repeat center/cover;}
.section4 .maskBg{display: inline-block;position: absolute;top:0;left: 0;right: 0;bottom:0;background: url("../../../../../images/about/about_p04_bg01.png") no-repeat center/cover;}
/*文字开始*/
.section .text{position: absolute;top: 18.8%;left: 10%;width: 80%;height: 40%;}
.section .text img{position: absolute;opacity: 0;}
.section .text .title{ left: 0;top:5%;height: 11%;-webkit-transform: translateY(1rem);-moz-transform: translateY(1rem);-ms-transform: translateY(1rem);
    -o-transform: translateY(1rem);transform: translateY(1rem);-webkit-transition: all 1.5s linear;-moz-transition: all 1.5s linear;-ms-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;transition: all 1.5s linear;}
.section .text .title.animate{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);
    -o-transform: translateY(0);transform: translateY(0);}
.section .text .font{display: inline-block;width: 90%;height: auto;top:26%;left: 7%;-webkit-transform: translateY(1rem);-moz-transform: translateY(1rem);
    -ms-transform: translateY(1rem);-o-transform: translateY(1rem);transform: translateY(1rem);-webkit-transition: all 1s linear .8s;
    -moz-transition: all 1s linear .8s;-ms-transition: all 1s linear .8s;-o-transition: all 1s linear .8s;transition: all 1s linear .8s;}
.section .text .font.animate{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);
    -o-transform: translateY(0);transform: translateY(0);}
.section.section5 .text .title{height: 15%;left:50%;top:55%;-webkit-transform: translate(-50%,2rem);-moz-transform: translate(-50%,2rem);
    -ms-transform: translate(-50%,2rem);-o-transform: translate(-50%,2rem);transform: translate(-50%,2rem);-webkit-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;-ms-transition: all 1.2s linear;-o-transition: all 1.2s linear;transition: all 1.2s linear;}
.section.section5 .text .title.animate{opacity: 1;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);transform: translate(-50%,0);}
.contactUs{position: absolute;bottom:10%;left: 50%;color: #fff;font-size: 1rem;opacity: 0;-webkit-transform: translate(-50%,2rem);-moz-transform: translate(-50%,2rem);
    -ms-transform: translate(-50%,2rem);-o-transform: translate(-50%,2rem);transform: translate(-50%,2rem);transition: all 1.5s linear .8s;}
.contactUs.animate{opacity: 1;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);transform: translate(-50%,0);}
.contact_box{line-height: 35px;margin-bottom: 2rem;}
.contact_box img{margin-top: 2px;float: left;}
.contact_box span{display:inline-block;line-height: 35px;margin-left:.5rem;}
/*文字结束*/

/*向下按钮开始*/
.next-stage{ position: absolute;display: inline-block;width: 50px;height: 50px;border-radius: 50%;left: 50%;transform: translateX(-50%);
    background: url("../../../../../images/about/about_menu_down.png") no-repeat center;border: 2px solid #9ec5e2;bottom: 4rem;z-index: 1;
    -webkit-animation: next-stage 1.2s linear infinite;-moz-animation: next-stage 1.2s linear infinite;-ms-animation: next-stage 1.2s linear infinite;
    -o-animation: next-stage 1.2s linear infinite;animation: next-stage 1.2s linear infinite;}
.section5 .next-stage{transform: rotate(180deg) translateX(50%);}
@-webkit-keyframes next-stage{0%{bottom: 4rem} 50%{bottom: 3.6rem} 100%{bottom: 4rem}}
@-moz-keyframes next-stage{0%{bottom: 4rem} 50%{bottom: 3.6rem} 100%{bottom: 4rem}}
@-ms-keyframes next-stage{0%{bottom: 4rem} 50%{bottom: 3.6rem} 100%{bottom: 4rem}}
@-o-keyframes next-stage{0%{bottom: 4rem} 50%{bottom: 3.6rem} 100%{bottom: 4rem}}
@keyframes next-stage{0%{bottom: 4rem} 50%{bottom: 3.6rem} 100%{bottom: 4rem}}
/*向下按钮结束*/

/*星星开始*/
.starBg{position: absolute;top:0;left: 0;}
.starBg.st01{width: 100%;height:100%;background: url("../../../../../images/about/about_p01_starBg.png") no-repeat center top;background-size: contain;}
.starBg.st02{top:10%;left:120%;width: 35px;height:29px;background: url("../../../../../images/about/about_p01_meteor01.png") no-repeat;animation: meteor1 2.5s infinite 4.5s;}
.starBg.st03{top:-10%;left:90%;width: 63px;height:52px;background: url("../../../../../images/about/about_p01_meteor02.png") no-repeat;
    -wbkit-animation: meteor2 4.5s infinite 1s; -moz-animation: meteor2 4.5s infinite 1s; -ms-animation: meteor2 4.5s infinite 1s;
    -o-animation: meteor2 4.5s infinite 1s; animation: meteor2 4.5s infinite 1s;}
.starBg.blink{width: 2px;height: 2px;border-radius: 1px;background: #fff;animation: blink 1s infinite;}
.starBg.st04{top:15%;left: 50%;}
.starBg.st05{top:18%;left: 80%;animation-delay: .3s;}
.starBg.st06{top:17%;left: 32%;animation-delay: .5s;}
.starBg.st07{top:16%;left: 61%;animation-delay: .7s;}
.starBg.st08{top:13%;left: 15%;animation-delay: .9s;}
@-webkit-keyframes meteor1 {0%{top:10%;left:120%;}90%{opacity: 0.8;}100%{top: 27%;left: 80%;opacity: 0;}}
@-moz-keyframes meteor1 {0%{top:10%;left:120%;}90%{opacity: 0.8;}100%{top: 27%;left: 80%;opacity: 0;}}
@-ms-keyframes meteor1 {0%{top:10%;left:120%;}90%{opacity: 0.8;}100%{top: 27%;left: 80%;opacity: 0;}}
@-o-keyframes meteor1 {0%{top:10%;left:120%;}90%{opacity: 0.8;}100%{top: 27%;left: 80%;opacity: 0;}}
@keyframes meteor1 {0%{top:10%;left:120%;}90%{opacity: 0.8;}100%{top: 27%;left: 80%;opacity: 0;}}
@-webkit-keyframes meteor2 {0%{top:-10%;left:90%;}90%{opacity: 0.8;}100%{top: 25%;left: 20%;opacity: 0;}}
@-moz-keyframes meteor2 {0%{top:-10%;left:90%;}90%{opacity: 0.8;}100%{top: 25%;left: 20%;opacity: 0;}}
@-ms-keyframes meteor2 {0%{top:-10%;left:90%;}90%{opacity: 0.8;}100%{top: 25%;left: 20%;opacity: 0;}}
@-o-keyframes meteor2 {0%{top:-10%;left:90%;}90%{opacity: 0.8;}100%{top: 25%;left: 20%;opacity: 0;}}
@keyframes meteor2 {0%{top:-10%;left:90%;}90%{opacity: 0.8;}100%{top: 25%;left: 20%;opacity: 0;}}
@-webkit-keyframes blink {0%{opacity: 0;}100%{opacity: 1;}}
@-moz-keyframes blink {0%{opacity: 0;}100%{opacity: 1;}}
@-ms-keyframes blink {0%{opacity: 0;}100%{opacity: 1;}}
@-o-keyframes blink {0%{opacity: 0;}100%{opacity: 1;}}
@keyframes blink {0%{opacity: 0;}100%{opacity: 1;}}
/*星星结束*/

/*背景动画开始*/
.section{width: 100%;height: 100%;overflow: hidden;}
.section .bg{display: inline-block;position: relative;width: 100%;height: 100%;overflow: hidden;
    -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);
    -webkit-transition: all 3.5s linear;-moz-transition: all 3.5s linear;-ms-transition: all 3.5s linear;-o-transition: all 3.5s linear;
    transition: all 3.5s linear; }
.section.section1 .bg{background: url("../../../../../images/about/about_p01_bg.png") no-repeat center/cover;}
.section.section2 .bg{background: url("../../../../../images/about/about_p02_bg.png") no-repeat center/cover;}
.section.section3 .bg{background: url("../../../../../images/about/about_p03_bg.png") no-repeat center/cover;}
.section.section4 .bg{background: url("../../../../../images/about/about_p04_bg.png") no-repeat center/cover;}
.section.section5 .bg{background: url("../../../../../images/about/about_p05_bg.png") no-repeat center/cover;}
.section .bg.animate {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
/*背景动画结束*/
/*关于我们结束*/

/*新闻详情开始*/
.news .topBar{position: fixed;top:-1px;}
.news .mheaderMenu-layer{position: fixed;margin-top: -2px;}
.newsBox{padding: 5% 4%;margin-top: 5.875rem;}
.newsImage {width: 100%;height: auto;border-radius: 8px;}
.newsImage img{width: 100%;height: auto;border-radius: 8px;}
.newsContent{width: 90%;height: auto;text-align: center;background: #fff;padding: 5%;margin-top: 2.1875rem;}
.newsTitle{color:#000;font-size:1.625rem;}
.newsTime{color:#8c8c8c;font-size:1.375rem;margin-top: 1.375rem;}
.newsDetail{margin-top: 1.5rem;}
.newsDetail p{display:inline-block;width: 100%;font-size:1.5rem;color:#868686;line-height: 2.5rem;text-align: left;margin-top: 1.1875rem;}
.newsDetail span{display:inline-block;width: 100%;font-size: 1.5rem;color: #868686;line-height: 2.5rem;text-align: left;margin-top: 1.1875rem;}
.newsDetail img{width:100%;height:auto;margin-top: 1.1875rem;}
/*新闻详情结束*/

/*弹出框*/
.applyPopBox{position: fixed;width:100%;height:100%;top:0;left:0;background: rgba(0,0,0,0.6);z-index: 99999;display: none;}
.applyPopCon{position: relative;width: 75%;top: 50%;background: #fff;border-radius: 4px;margin: 0 auto;z-index: 99999; }
.applyPopCon span{display: inline-block;width: 100%;line-height: 1.875rem;margin-bottom: 4.375rem;text-align: center;font-size: 2.125rem;color: #333;}
.applyPopCon .recruit_icon_closeBtn{display:inline-block;position:absolute;width:1.875rem;height: 1.875rem;right:1.25rem;top:1.25rem;background: url("../../../../../images/about/recruit_icon_close.png") no-repeat center/contain;}
.applyPopCon .recruit_icon_email{height: 4.375rem;background: url(../images/recruit_icon_email.png) no-repeat center/contain;margin: 4.375rem 0 3.125rem;}
.applyPopCon .blueTxt{display: inherit;color: #00b6eb;font-style: normal;font-size: 1.625rem;margin-top: 1.25rem;}
.applyPopCon a.blueTxt:nth-of-type(2){margin: 0.875rem 0 2.25rem;}
.applyPopCon a.blueTxt{width: 84%;text-align: left;padding-left: 16%;}
/*网站建设中弹出框*/
.web_buliding_box {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;}
.web_buliding_box .bg {width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.web_buliding_box .contentBox {position: absolute;top: 50%;left: 50%;width: 60%;padding: 2.5rem 0;text-align: center;background: #fff;border-radius: 8px;
    -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.web_buliding_box .contentBox span {display: inline-block;font-size: 1rem;line-height:1.875rem;color: #666;}
.web_buliding_box .contentBox .st02 {font-weight: 700;}
.menuBox{width: 80%;border: 1px solid #333;border-radius: 0.5rem;margin: 1.25rem 10% 2.25rem;float: left;}
.menuBox a{display: inline-block;width: 50%;text-align: center;padding: 1rem 0;float: left;color: #333;}
.menuBox a:first-child{border-radius: 0.5rem 0 0 0.5rem;}
.menuBox a:last-child{border-radius:0 0.5rem 0.5rem 0;}
.menuBox a.typeActive{background: #333;color: #fff;}
.recruitTitle {width: 100%;line-height: 5.625rem;color: #333;font-size: 2.5rem;text-align: center;}
.recruitInfo {width: 90%;margin: 0 5% 1.875rem;padding: 1.875rem 0;float: left;background: #fff;border-radius: 8px;box-shadow: 0px 0px 8px 3px #eee;}
/*公司简介*/
.companyprofile{position: relative;width: 100vw;height: 100vh;overflow: hidden;}
.companyprofile .container {width: 640px;height: 100%;margin: 0 auto;overflow: hidden;position: relative;background: #f8f8f8;}
#companyprofile .section .text {position: absolute;top: 16.8%;left: 10%;width: 80%;height: 40%;}
#companyprofile{width: 100%;height: 100%;}
#companyprofile .section .maskBg{display: inline-block;position: absolute; top:0;left: 0;right: 0;bottom:0;
    background: url("../../../../../images/about/about_p01_bg01.png") no-repeat right top;background-size: contain;}
#companyprofile .section .text{
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.5rem;
}
#companyprofile .section .text h1{
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}