@charset "utf-8";

/* 首页 */
.Banner .item{overflow: hidden; height: 100vh;}
.Banner .item .img{width: 100%; height: 100%;}
.Banner .item .sj{display: none;}
.Banner .BanTxt,.Banner .BanTxt::after{position: absolute; right: 0; bottom: 0;}
.Banner .BanTxt{left: 0; top: 1.1rem; display: flex; align-items: center;}
.Banner .BanTxt::after{content: ''; top: 0; left: 6.25%; border-left: 1px solid rgba(255,255,255,0.15);}
.Banner .BanTxt .con{padding-left: 6.96%;}
.Banner .BanTxt .con .line{border-left: 2px solid #fff; height: 28%; position: absolute; left: 0; top: 0;}
.Banner .BanTxt .con .line::after,.Banner .BanTxt .con .line::before{content: ''; position: absolute; left: -6px; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 50%;}
.Banner .BanTxt .con .line::before{top: -9px;}
.Banner .BanTxt .con .line::after{bottom: -9px;}
.Banner .BanTxt img{width: 50%;}
.Banner .item.active .img,.Banner .item.slick-current .img{-webkit-animation: scale-bg 6.5s ease-in-out 0s 1 alternate forwards; animation: scale-bg 6.5s ease-in-out 0s 1 alternate forwards;}
.Banner .slick-current .BanTxt img{-webkit-animation: fadeInUp 1s ease-in-out 1 alternate forwards; animation:fadeInUp 1s ease-in-out 1 alternate forwards;}
/* .Banner .slick-dots{bottom: 1.8rem;}
.Banner .slick-dots li{margin:0 0.16rem;} */

@media ( max-width:1480px){ 
    .Banner .BanTxt::after{left: 4%;}
}

@media ( max-width:1200px){ 
    .Banner .item{height: auto;}
    .Banner .BanTxt{top: 70px;}
}

@media ( max-width:640px){
    .Banner .BanTxt{top: 50px;}
    .Banner .BanTxt img{width: 57%;}
}

/* index */
.HomeTit{font-size: 0.5rem; line-height: 0.56rem; font-weight: bold;}
.HomeTit img,.HomeTit span{display: inline-block; vertical-align: middle;}
.HomeTit img{width: 0.5rem;}
.HomeTit .i1{margin-right: 0.1rem;}
.HomeTit .i2{margin-left: 0.1rem;}

.HomeTit2{line-height: 0.34rem; margin-bottom: 0.2rem;}
.HomeTit2 .name{font-size: 0.34rem; color: #005da9; font-weight: bold;}
.HomeTit2 .more{color: #005da9;}
.HomeMore{display: block; width: 2rem; line-height: 0.75rem; font-size: 0.18rem; background-image: url(../images/morebg.png); background-size: 100% 100%; color: #fff; text-align: center;}
.HomeMore i{margin-left: 0.1rem; font-size: 0.14rem;}
.HomeMore.auto{margin: 0 auto; padding: 0;}
/* .section-3{background-image: url(../images/newsbg.jpg);} */

.HomeAbout .box{width: 46.527%;}
.HomeAbout .p{/*margin: 0.47rem 0 0.78rem;*/ margin: 4% 0 7%; font-size: 0.18rem; color: #fff; line-height: 0.3rem; text-align: justify; -webkit-line-clamp: 5;}
.HomeAbout .DataList{margin-bottom: 14%;}
.HomeAbout .DataList dd{width: 33.333%; float: left; color: rgba(255,255,255,0.6);}
.HomeAbout .DataList dd .data{line-height: 0.5rem; margin-bottom: 0.1rem;}
.HomeAbout .DataList dd .data span{display: inline-block; color: #fff; font-size: 0.6rem;}

.HomeNews{margin-top: 0.34rem;}
.HomeNews .box{padding: 0.4rem; height: 5.6rem; overflow: hidden;}
.Company_News{width: 62.5%;}
.Company_News .focus{background: #f6f9fb; margin-bottom: 0.3rem;}
.Company_News .focus dd .Scale-img{width: 48.78%; padding-top: 27%;}
.Company_News .focus dd .con{width: 40.24%; margin: 0.36rem 0 0 0.3rem; line-height: 0.25rem;}
.Company_News .focus dd .con .title{margin: 0.12rem 0; -webkit-line-clamp: 2; font-size: 0.2rem; font-weight: bold;}
.Company_News .focus dd .con .info{-webkit-line-clamp: 3; color: #666;}
.Company_News .focus .slick-dots{text-align: right; right: 0.3rem;}
.Company_News .list dd{margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px dotted #d5d5d5;}
.Company_News .list dd:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.Company_News .list dd a{display: block; position: relative; padding: 0.15rem 0.15rem 0.15rem 1.04rem;}
.Company_News .list dd .date{position: absolute; left: 0; top: 0; width: 0.83rem; text-align: center; padding: 0.15rem 0 0.17rem; background-size: 100% 100%; background-image: url(../images/datebg.png);}
.Company_News .list dd .date span{font-size: 0.42rem; line-height: 0.4rem;}
.Company_News .list dd .date p{font-size: 14px; line-height: 0.18rem;}
.Company_News .list dd .date p i{display: none;}
.Company_News .list dd .tit{font-size: 0.2rem; line-height: 0.3rem; font-weight: bold; margin-bottom: 0.06rem;}
.Company_News .list dd .p{-webkit-line-clamp: 1;}

.Notice_News{width: 35.416%;}
.Notice_News .list{border-top: 1px solid #e3ebf0; padding-top: 0.24rem;}
.Notice_News .list li{padding: 0 0 0.24rem 0.18rem; border-bottom: 1px dotted #d5d5d5; margin-bottom: 0.24rem; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: 0.03rem 0.1rem;}
.Notice_News .list li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.Notice_News .list li .p{-webkit-line-clamp: 1; font-size: 0.18rem; line-height: 0.32rem;}

.section-4::before{content: ''; position: absolute; width: 50%; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.1); z-index: 1;}
.HomeJob{text-align: center;}
.HomeJob .info{font-size: 0.18rem; line-height: 0.3rem; color: rgba(255,255,255,0.8); margin: 0.4rem 0 10%;}
.HomeJob .info i{display: block;}
.HomeJob .btns dd{width: 50%; float: left;}
.HomeJob .btns dd img{display: inline-block; width: 0.88rem;}
.HomeJob .btns dd p{font-size: 0.36rem; line-height: 0.42rem; margin: 0.24rem 0 0.65rem; color: #fff;}

.fp-viewing-2 #fp-nav ul li a{border: 2px solid #a0bdd6;}
.fp-viewing-2 #fp-nav ul li a.active{border: 2px solid #004f8f;}
.fp-viewing-2 #fp-nav ul li a.active::after{background: #004f8f;}

@media ( max-width:1480px){
    .HomeTit{font-size: 0.4rem; line-height: 0.46rem;}
    .HomeTit2{line-height: 0.3rem;}
    .HomeTit2 .name{font-size: 0.3rem;}
    .HomeNews .box{padding: 0.3rem; height: 4.6rem;}
    .Company_News .list dd a{padding: 0 0 0 1.04rem;}
    .Company_News .list dd .date{padding: 0.05rem 0;}
    .Notice_News .list li{padding-bottom: 3%; margin-bottom: 3%;}
}

@media ( max-width:1200px){
    .section-1,.section-5{padding: 0 !important;}
    .section{padding: 0.5rem 0;}
}

@media ( max-width:768px){
    .HomeTit{font-size: 0.36rem; line-height: 0.42rem;}
    .HomeAbout .box{width: auto;}
    .HomeAbout .DataList dd .data span{font-size: 0.5rem;}
    .HomeNews .box{height: auto;}
    .Company_News,.Notice_News{width: auto; float: none;}
    .Notice_News{margin-top: 0.25rem;}
    .HomeJob .btns dd p{font-size: 0.25rem;}
    .HomeJob .btns dd img{width: 0.58rem;}
}

@media ( max-width:640px){
    .Company_News .focus dd .Scale-img{padding-top: 36%;}
}

@media ( max-width:480px){
    .HomeTit{font-size: 0.3rem; line-height: 0.36rem;}
    .HomeTit2 .name{font-size: 0.26rem;}
    .HomeMore{width: 1.5rem; line-height: 0.55rem;}
    .HomeAbout .p{font-size: 0.16rem;}
    .HomeAbout .DataList dd .data span{font-size: 0.32rem;}
    .Company_News .focus dd .Scale-img,.Company_News .focus dd .con{width: auto; float: none;}
    .Company_News .focus dd .Scale-img{padding-top: 0; height: 2rem;}
    .Company_News .focus dd .con{padding: 0.2rem; margin: 0;}
    .Company_News .focus .slick-dots{text-align: center; bottom: 0.1rem; right: 0;}
    .Company_News .list dd .date{position: static; background: none;}
    .Company_News .list dd .date span{display: none;}
    .Company_News .list dd .date p i{display: inline-block;}
    .Company_News .list dd a{padding-left: 0;}
    .Company_News .list dd .tit{font-size: 0.18rem;}
    .HomeJob .info i{display: inline-block;}
    
}

/* 关于我们 */
.Title01{padding-top: 0.2rem; margin-bottom: 0.55rem;}
.Title01 p{position: absolute; left: 0; top: 0; font-size: 0.64rem; color: #efefef; line-height: 0.46rem; height: 0.46rem; text-transform: uppercase;}
.Title01 h2{font-size: 0.36rem; line-height: 0.36rem; position: relative; z-index: 3;}
.AboutBox{background: #f8fafb;}
.AboutBox .box .con{width: 44.097%;}
.AboutBox .box .con .info{margin: 0 0 0.86rem; font-size: 0.18rem; line-height: 0.5rem; color: #746f6f;}
.AboutBox .box .DataList{position: absolute; left: 0; right: 0; bottom: 0.9rem; z-index: 7;}
.AboutBox .box .DataList dl{display: inline-block; padding: 0.48rem 0.2rem 0.42rem; background: rgba(255,255,255,0.95);}
.AboutBox .box .DataList dd{display: inline-block; padding: 0 0.56rem 0 0.45rem; border-right: 1px solid #dcdcdc;}
.AboutBox .box .DataList dd:last-child{border: none !important;}
.AboutBox .box .DataList dd .data{line-height: 0.63rem; height: 0.63rem; font-size: 0.15rem; color: #b2b2b2; margin-bottom: 0.16rem;}
.AboutBox .box .DataList dd .data span{font-size: 0.8rem; color: #005bbf;}
.AboutBox .box .DataList dd p{color: #555454; text-align: center;}
.AboutBox .box .Scale-img{width: 52.5%; margin-top: 0.6rem;}

.CultureBox .list dl{margin-left: -1%;}
.CultureBox .list dd{width: 15.6666%; float: left; margin-left: 1%; position: relative;}
.CultureBox .list dd::after{content: ''; position: absolute; width: 100%; height: 8px; background: #033e93; left: 0; bottom: -0.42rem;}
.CultureBox .list dd .title,.CultureBox .list dd .mask{position: absolute; left: 0; right: 0; bottom: 0;}
.CultureBox .list dd .title{line-height: 0.6rem; color: #fff; text-align: center; z-index: 8;}
.CultureBox .list dd .mask{background-color: #005bbf; height: 0.6rem; z-index: 7;}
.CultureBox .list dd:hover .mask,.CultureBox .list dd.slick-current .mask{height: 100%; background-color: transparent; background-image: url(../images/maskbg.png); cursor: pointer;}

.CultureBox .qjsm{margin-top: 0.42rem;}
.CultureBox .qjsm dd{border: 1px solid #033e93; padding: 0.7rem 0.55rem; background-color: #fff; background-position: right bottom; background-repeat: no-repeat; background-image: url(../images/boxbg.png);}
.CultureBox .qjsm dd .line{position: absolute; width: 2.3rem; height: 8px; background: #033e93; left: 0; top: -1px;}
.CultureBox .qjsm dd .Title01{padding: 0;}
.CultureBox .qjsm dd .con{font-size: 0.23rem; line-height: 0.32rem; margin-left: 10%;}
.CultureBox .qjsm dd .icon{position: absolute; right: 0.9rem; top: 50%; width: auto; height: 1rem; margin-top: -0.5rem;}

.SystemBox{background: #f8fafb;}
.SystemBox .con{text-align: center; padding: 0.58rem; background: #fff;}

@media ( max-width:768px){
    .Title01{margin-bottom: 0.3rem;}
    .Title01 p{font-size: 0.45rem; line-height: 0.45rem;}
    .AboutBox .box .Scale-img,.AboutBox .box .con{width: auto; float: none;}
    .AboutBox .box .con .info{margin-bottom: 0.4rem; line-height: 0.3rem;}
    .AboutBox .box .DataList{position: static; text-align: center;}
    .AboutBox .box .DataList dl{padding: 0.25rem;}
    .AboutBox .box .DataList dd .data{margin-bottom: 0.1rem;}
    .AboutBox .box .DataList dd .data span{font-size: 0.5rem;}
    .AboutBox .box .Scale-img{margin-top: 0.25rem;}
    /* .CultureBox .list dd{width: 32.333%; margin-bottom: 1%;} */
    .CultureBox .qjsm dd .icon{height: 0.7rem; margin-top: -0.35rem;}
    .CultureBox .qjsm dd .con{margin-left: 5%;}

    .CultureBox .slick-prev{left: 2.5%;}
    .CultureBox .slick-next{right: 1%;}
}

@media ( max-width:640px){
    .Title01{padding-top: 0; margin-bottom: 0.15rem;}
    .CultureBox .qjsm dd{padding: 0.3rem;}
    .CultureBox .qjsm dd .line{width: 1.65rem; height: 5px;}
    .CultureBox .qjsm dd .icon{height: 0.5rem; margin-top: -0.55rem; right: 0.3rem;}
    .CultureBox .qjsm dd .con,.CultureBox .qjsm dd .Title01{float: none;}
    .CultureBox .qjsm dd .con{margin-left: 0; font-size: 0.2rem;}
}

@media ( max-width:480px){
    .Title01{padding-top: 0.15rem;}
    .Title01 p{font-size: 0.3rem; line-height: 0.3rem;}
    .Title01 h2{font-size: 0.28rem; line-height: 0.28rem;}
    .AboutBox .box .con .info{margin-bottom: 0.25rem; font-size: 0.16rem;}
    .AboutBox .box .DataList dl{display: block; padding: 0;}
    .AboutBox .box .DataList dd{display: block; border-right: none; border-bottom: 1px solid #dcdcdc; padding: 0.25rem 0;}
    .AboutBox .box .DataList dd .data{height: 0.3rem; line-height: 0.3rem;}
    .AboutBox .box .DataList dd .data span{font-size: 0.3rem;}
}

/* 产品与服务 */
.ProductBox .con{width: 32.98%; font-size: 0.18rem; line-height: 0.45rem; color: #746f6f;}
.ProductBox .imgbox{width: 62.5%; text-align: right; margin-top: -0.5rem;}

@media ( max-width:768px){
    .ProductBox .con,.ProductBox .imgbox{width: auto; float: none;}
    .ProductBox .con{line-height: 0.3rem;}
    .ProductBox .imgbox{text-align: center; margin-top: 0.25rem;}
}

@media ( max-width:480px){
    .ProductBox .con{font-size: 0.16rem;}
}

/* 新闻中心 */
.NewsList dd{border-bottom: 1px solid #f5eae7; padding: 0.78rem 0;}
.NewsList dd a{display: block; position: relative; padding: 0 1.3rem 0 1.9rem;}
.NewsList dd .date{position: absolute; left: 0; top: 0; width: 1.42rem; text-align: center; border-right: 1px solid #dfdfdf;}
.NewsList dd .date span{font-size: 0.6rem; line-height: 0.52rem; color: #517bc7;}
.NewsList dd .date p{color: #909090; line-height: 0.22rem;}
.NewsList dd .date p i{display: none;}
.NewsList dd .tit{font-size: 0.2rem; line-height: 0.34rem; font-weight: bold;}
.NewsList dd .p{-webkit-line-clamp: 1; line-height: 0.3rem;}
.NewsList dd .more{position: absolute; right: 0.3rem; top: 50%; margin-top: -0.12rem; color: #aac3e0; font-weight: bold; font-size: 0.4rem;}
.NewsList dd:hover{background: #edf6fe;}

@media ( max-width:1024px){
    .NewsList dd{padding: 0.4rem 0;}
    .NewsList dd .date span{font-size: 0.45rem;}
}

@media ( max-width:640px){
    .NewsList dd{padding: 0.3rem 0;}
    .NewsList dd a{padding: 0;}
    .NewsList dd .date{position: static; border-right: none; text-align: left;}
    .NewsList dd .date span{display: none;}
    .NewsList dd .date p{color: #005bbf;}
    .NewsList dd .date p i{display: inline-block;}
    .NewsList dd .more{position: static; margin-top: 0; font-size: 0.3rem;}
}

@media ( max-width:480px){
    .NewsList dd .tit{font-size: 0.18rem;}
}

/* 详情页 */
.NewsDetail .title{padding-bottom: 0.34rem; border-bottom: 3px solid #112953; margin-bottom: 0.46rem;}
.NewsDetail .title h2{font-size: 0.34rem; line-height: 0.4rem; margin-bottom: 0.28rem;}
.NewsDetail .title p{font-size: 0.18rem;}
.NewsDetail .title p i{display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #e1e1e1; margin: 0 0.25rem;}
.NewsDetail .title .iconfont{font-size: 0.28rem; margin-right: 0.05rem;}

.PrevNextBox{margin-top: 0.56rem; padding-top: 0.2rem; border-top: 1px solid #eee;}
.PrevNextBox dl{margin-top: 0.3rem; line-height: 0.5rem; font-size: 0.2rem;}
.PrevNextBox dl b{padding: 0 0.25rem; background: #efefef; border-radius: 0.3rem; margin-right: 0.22rem; font-weight: normal;}
.PrevNextBox dl span{margin-left: 0.15rem;}
.PrevNextBox dl:hover a{font-weight: bold; color: #06328b;}
.PrevNextBox dl:hover b{background: #06328b; color: #fff;}

@media(max-width:1024px){ 
    .NewsDetail .title{padding: 0.25rem 0; margin-bottom: 0.25rem;}
    .NewsDetail .title h2{font-size: 0.28rem; line-height: 0.34rem; margin-bottom: 0.15rem;}
    .PrevNextBox{margin-top: 0.3rem;}
    .PrevNextBox dl{margin-top: 0.15rem; line-height: 0.4rem;}
} 

@media(max-width:480px){
    .NewsDetail .title{padding-top: 0.1rem;}
    .NewsDetail .title h2{font-size: 0.22rem; line-height: 0.26rem;}
    .NewsDetail .title p i{margin: 0 0.1rem;}
    .PrevNextBox dl{font-size: 0.18rem;}
    .PrevNextBox dl span{display: none;}
    .PrevNextBox dl b{padding: 0 0.15rem; margin-right: 0.15rem;}
}

/* 人才招聘 */
.JobList .info{padding: 0.47rem 0 0.4rem;}
.JobList .info .item{display: inline-block; font-size: 0.18rem; line-height: 0.3rem;}
.JobList .info .item:last-child{margin-left: 1rem;}
.JobList .info .item i{font-size: 0.28rem; color: #7390b1; margin-right: 0.1rem;}
.JobList .list dd{margin-bottom: 0.1rem;}
.JobList .list dd .box{background: #f4f4f4; line-height: 0.48rem; padding: 0 0.42rem 0 0.32rem; font-size: 0.18rem;}
.JobList .list dd .box span,.JobList .list dd .box i{display: inline-block; vertical-align: middle;}
.JobList .list dd .box .title i{width: 0.05rem; height: 0.16rem; background: #005bc0; margin-right: 0.3rem;}
.JobList .list dd .box .detail i{margin-right: 0.15rem; color: #999;}
.JobList .list dd .Con{padding: 0.34rem 0.66rem; font-size: 0.18rem; line-height: 0.32rem;}
.JobList .list dd .Con p i{padding: 0 0.3rem;}
.JobList .list dd.on .box{background: #005bc0; color: #fff;}
.JobList .list dd.on .box .title i{background: #fff;}
.JobList .list dd.on .box .detail i{color: #fff;}

@media ( max-width:768px){
    .JobList .list dd .box{padding: 0 0.25rem;}
    .JobList .list dd .box .title i{margin-right: 0.1rem;}
    .JobList .list dd .box .detail i{margin-right: 0.1rem;}
    .JobList .list dd .Con{padding: 0.3rem 0.25rem 0.15rem 0.4rem;}
    .JobList .list dd .Con p i{padding: 0 0.1rem;}
}

@media ( max-width:480px){
    .JobList .info{padding: 0.3rem 0 0.2rem;}
    .JobList .info .item{display: block; line-height: 0.4rem;}
    .JobList .info .item:last-child{margin-left: 0;}
    .JobList .list dd .box{padding: 0 0.15rem; font-size: 0.16rem;}
    .JobList .list dd .Con{font-size: 0.16rem; line-height: 0.3rem; padding: 0.25rem 0.15rem 0.15rem 0.3rem;}
}

/* 联系我们 */
.ptb6{padding: 0.6rem 0;}
.ContactBox{border-bottom: 1px solid #ddd;}
.ContactBox .Map{width: 52.7%; height: 4.13rem;}
.ContactBox .con{width: 45.555%;}
.ContactBox .con dl{margin-top: -0.08rem;}
.ContactBox .con dd{background: #f8f9ff; border: 1px solid #f2f2f2; margin-top: 0.08rem; padding: 0.3rem 0.44rem; font-size: 0.23rem; line-height: 0.35rem;}
.ContactBox .con dd img{position: absolute; left: 0; top: 50%; width: 0.44rem; margin-top: -0.22rem;}
.ContactBox .con dd .info{margin-left: 0.82rem; height: 0.7rem; display: flex; align-items: center;}

.MessageBox .title{margin-bottom: 0.56rem;}
.MessageBox .title span{display: block; font-size: 0.28rem; font-weight: bold; line-height: 0.4rem; margin-bottom: 0.22rem;}
.MessageBox .title p{font-size: 0.18rem; line-height: 0.32rem;}
.MessageBox .form dl{margin-left: -1.5%;}
.MessageBox .form dd{margin-bottom: 0.24rem; width: 48.5%; margin-left: 1.5%; float: left;}
.MessageBox .form dd .input,.MessageBox .form dd textarea{border: 1px solid #ddd; background: #f5f5f5; width: 100%; height: 0.68rem; line-height: 0.68rem; padding: 0 0.37rem;}
.MessageBox .form dd textarea{height: 2.38rem;}
.MessageBox .form dd.w100{float: none; width: auto;}
.MessageBox .form .btn{width: 2.32rem; height: 0.6rem; color: #fff; background: #005bc0;}

@media ( max-width:768px){
    .ptb6{padding: 0.4rem 0;}
    .ContactBox .Map,.ContactBox .con{width: auto; float: none;}
    .ContactBox .con dl{margin-top: 0.08rem;}
    .MessageBox .title{margin-bottom: 0.25rem;}
    .MessageBox .form dd .input, .MessageBox .form dd textarea{height: 0.5rem; line-height: 0.5rem;}
    .MessageBox .form dd textarea{height: 1.5rem;}
}

@media ( max-width:480px){
    .ContactBox .Map{height: 2.4rem;}
    .ContactBox .con dd{padding: 0.2rem; line-height: 0.28rem;}
    .ContactBox .con dd .info{font-size: 0.18rem;}
    .MessageBox .title span{font-size: 0.24rem; line-height: 0.3rem; margin-bottom: 0.1rem;}
    .MessageBox .title p{font-size: 0.16rem; line-height: 0.3rem;}
    .MessageBox .form dd{width: 98.5%; float: none;}
    .MessageBox .form .btn{font-size: 0.18rem; margin: 0 auto; display: block; width: 2rem; height: 0.5rem;}
}

.IngBox{padding: 5% 0; text-align: center;}

@media ( max-width:1024px){
    .IngBox{padding: 5% 4%;}
}