#bsWXBox{width: auto!important; height: auto!important;}
/* 分页样式 */
.Pages{text-align: center; padding: 5% 0 0;}
.Pages a{ display:inline-block; vertical-align: top;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{display: none;}
.Pages .p_page{vertical-align: top;}
.Pages .a_prev,
.Pages .a_next{font-size: 0; width: 50px; height: 50px; border-radius: 4px; border: 1px solid #eeeeee; transition: all .3s ease-in-out;}
.Pages .a_prev{background: url(../images/a_prev.png)no-repeat center #fff; margin-right: 5px;}
.Pages .a_next{background: url(../images/a_next.png)no-repeat center #fff; margin-left: 5px;}
.Pages .a_prev:hover{background: url(../images/a_prev_on.png)no-repeat center #0084ff; border: 1px solid #0084ff;}
.Pages .a_next:hover{background: url(../images/a_next_on.png)no-repeat center #0084ff; border: 1px solid #0084ff;}
.Pages .num a{color: #bbb; width: 50px; height: 50px; border-radius: 4px; border: 1px solid #eeeeee; background-color: #fff; margin: 0 5px; transition: all .3s ease-in-out; text-align: center; line-height: 50px; font-style: normal;}
.Pages .num a.a_cur,
.Pages .num a:hover{color: #fff; background-color: #0084ff; border: 1px solid #0084ff;}
@media(max-width: 1024px){
  .Pages .num a{width: 40px; height: 40px; line-height: 40px;}
  .Pages .a_next,
  .Pages .a_prev{width: 40px; height: 40px;}
}
@media (max-width: 768px) {
  .Pages .p_page .num{display: none;}
}

/* 二级菜单 */
.second-menu{padding: 3% 0;}
.second-menu ul{text-align: center;}
.second-menu ul::before,
.second-menu ul::after{content: none!important;}
.second-menu li{display: inline-block; margin: 1.875%; padding: 0 3%; border: 1px solid #dcdcdc; background-color: #fff; transition: all .3s ease-in-out;}
.second-menu li:first-child{margin-left: 0;}
.second-menu li:last-child{margin-right: 0;}
.second-menu li a{display: block; line-height: 70px; font-size: 24px; color: #333; cursor: pointer; transition: all .3s ease-in-out;}
.second-menu li:hover,
.second-menu li.aon{background-color: #0084ff; border: 1px solid #0084ff; color: #fff;}
.second-menu li:hover a,
.second-menu li.aon a{color: #fff;}
@media(max-width: 768px){
  .second-menu li a{font-size: 18px; line-height: 50px;}
}
@media(max-width: 640px){
  .second-menu li{padding: 0 2%; margin: 1%;}
  .second-menu li a{font-size: 14px; line-height: 40px;}
}

.category-menu{padding: 3% 0;}
.category-menu ul{text-align: center;}
.category-menu li{display: inline-block; margin: 1.875% 0; border: 1px solid #dcdcdc; background-color: #fff; width: auto!important; padding: 0 3%;}
.category-menu li:not(:last-child){margin-right: 6%;}
.category-menu li a{display: block; line-height: 70px; font-size: 24px; color: #333; cursor: pointer; transition: all .3s ease-in-out;}
.category-menu li:hover,
.category-menu li.aon{background-color: #0084ff; border: 1px solid #0084ff; color: #fff;}
.category-menu li:hover a,
.category-menu li.aon a{color: #fff;}
@media(max-width: 768px){
  .category-menu li a{font-size: 18px; line-height: 50px;}
}
@media(max-width: 640px){
  .category-menu li{padding: 0 2%; margin: 1%;}
  .category-menu li a{font-size: 14px; line-height: 40px;}
}

/* 可持续发展 */
.sustainable{padding: 5% 0; font-family: 'AlibabaPH';}
.sustainable .title{font-style: 40px; color: #333; text-align: center; padding-bottom: 3%;}
.sustainable .ul1 li{width: 50%; padding: 0 2%; margin: 2% 0; float: left;}
.sustainable .num{font-size: 62px; color: #0084ff; opacity: .5; display: inline-block; font-family: 'Roboto';}
.sustainable .ul1 p{display: inline-block; line-height: 1.8; padding-left: 2%;}
@media(max-width: 1600px){
  .sustainable .ul1 p{display: block; padding-left: 0;}
}
@media(max-width: 1024px){
  .sustainable .ul1 li{width: 100%;}
}
@media(max-width: 640px){
  .sustainable .num{font-size: 40px;}
}

.sustainable .material{padding: 5% 0;}
.sustainable .part1{background: url(../images/material_bg.jpg)no-repeat center; background-size: cover; padding: 5% 0;}
.sustainable .tit{font-size: 40px; color: #0084ff; text-align: center;}
.sustainable .list-box .parent{width: 33.3333%; float: left; padding: 0 2%; margin-top: 3%;}
.sustainable .pic{width: 100%; border-radius: 5px; overflow: hidden;}
.sustainable .pic img{transition: all .3s ease-in-out; width: 100%;}
.sustainable .pic:hover img{transform: scale(1.1);}
.sustainable .parent p{font-size: 22px; padding: 2% 0 3%; font-weight: bold; text-transform: uppercase;}
.sustainable .part1 .item{line-height: 1.8; position: relative; padding-left: 4%; font-size: 20px;}
.sustainable .part1 .item span{font-weight: bold;}
.sustainable .part1 .item::before{content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #0084ff; position: absolute; top: 15px; left: 0;}
.sustainable .underpic{padding: 2% 0; width: 100%; overflow: hidden;}
.sustainable .underpic img{width: 100%; transition: all .3s ease-in-out;}
.sustainable .underpic img:hover{transform: scale(1.1);}
.sustainable .subtit{font-size: 20px; text-align: center; padding: 3% 0 5%; border-bottom: 1px solid #f2f2f2;}
@media(max-width: 1024px){
  .sustainable .parent p{font-size: 18px;}
  .sustainable .part1 .item{font-size: 16px;}
  .sustainable .part1 .item::before{top: 12px;}
}
@media(max-width: 768px){
  .sustainable .list-box .parent{width: 50%; margin: 3% 0;}
}
@media(max-width: 640px){
  .sustainable .list-box .parent{width: 100%;}
  .sustainable .subtit{font-size: 14px;}
}

.sustainable .packing{padding: 3% 0 1%;}
.sustainable .text{font-size: 18px; text-align: center; color: #333; padding: 2% 0;}
.sustainable .text span{font-weight: bold;}
.sustainable .packing ul{margin: 0; vertical-align: baseline; padding-bottom: 3%; border-bottom: 1px solid #f2f2f2;}
.sustainable .packing ul li{width: 31%; padding: 0 3.25%; margin: 1% 0; display: inline-block;}
.sustainable .img{text-align: center;}
.sustainable .packing ul li img{transition: all .3s ease-in-out;}
/* .sustainable .packing ul li:first-child img:hover{filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%);} */
.sustainable .packing ul li:nth-child(1) .img1,
.sustainable .packing ul li:nth-child(1) .img2{display: none; margin: 0 auto;}
.sustainable .packing ul li:nth-child(1) .img1.show,
.sustainable .packing ul li:nth-child(1) .img2.show{display: block;}
.sustainable .packing ul li:nth-child(2) .img2{display: none;}
.sustainable .packing ul li:nth-child(3) .img2{display: none;}
.sustainable .packing ul li:nth-child(2) img:hover,
.sustainable .packing ul li:nth-child(3) img:hover{transform: scale(1.1);}
.sustainable .subtit1{font-size: 20px; text-align: center; padding: 5% 0;}
.sustainable .no{background: url(../images/no_icon.png)no-repeat right center; padding: 0 30px 0 0; margin-bottom: 5px;}
.sustainable .yes{background: url(../images/yes_icon.png)no-repeat right center; padding: 0 30px 0 10px; margin-top: 5px;}
@media(max-width: 1024px){
  .sustainable .subtit1{font-size: 16px;}
}
@media(max-width: 960px){
  .sustainable .packing ul li{width: 48%;}
}
@media(max-width: 640px){
  .sustainable .packing ul li{width: 100%;}
}

.sustainable .green{padding: 5% 0 0;}
.sustainable .green ul{margin: 0 -1%;}
.sustainable .green li{width: 25%; padding: 0 1%; margin: 2% 0; float: left; text-align: center;}
.sustainable .green .pic{padding-top: 58.8235%; transition: all .3s ease-in-out; background-size: 100%; background-position: center; background-repeat: no-repeat;}
.sustainable .green li:hover .pic{background-size: 110%;}
.sustainable .subtit2{font-size: 20px; line-height: 50px;}
.sustainable .txt{color: #666;}
@media(max-width: 1024px){
  .sustainable .subtit2{font-size: 18px;}
  .sustainable .txt{font-size: 14px;}
}
@media(max-width: 960px){
  .sustainable .green li{width: 50%;}
  .sustainable .subtit2{line-height: 40px; font-size: 16px;}
}
@media(max-width: 640px){
  .sustainable .tit{font-size: 28px;}
  .sustainable .text{font-size: 14px;}
}





/* 新闻中心 */
.news_center{padding: 5% 0; background: url(../images/news_bg1.png)no-repeat; background-position: center -20%; background-size: cover; font-family: 'AlibabaPH';}
.news_center .title{font-size: 38px; font-family: 'AlibabaPH'; text-align: center; font-weight: bold;}
/* .news_center ul{padding-top: 3%;} */
.news_center li{cursor: pointer; padding: 3% 0; border-bottom: 1px solid #f3f3f3;}
.news_center .pic{float: left; width: 15%; max-width: 240px; height: auto; overflow: hidden;}
.news_center .pic img{width: 100%; transition: all .3s ease-in-out;}
.news_center .content-box{float: right; width: 85%; position: relative; padding-left: 15.625%;}
.news_center .date{position: absolute; width: 100px; height: 100px; text-align: center; border: 1px solid #e0e0e0; top: 0; left: 5%; padding: 5px 0; transition: all .3s ease-in-out; background-color: #fff;}
.news_center .day{font-size: 38px; color: #666; transition: all .3s ease-in-out;}
.news_center .ym{font-size: 14px; color: #999; transition: all .3s ease-in-out;}
.news_center .tit{font-size: 24px; color: #000; padding-bottom: 1%; transition: all .3s ease-in-out;}
.news_center .intro{color: #999; line-height: 2;}
.news_center .more{color: #000; margin-top: 3%; background: url(../images/detail.png)no-repeat right center; padding-right: 35px; display: inline-block;}
.news_center li:hover .tit{color: #0084ff;}
.news_center li:hover .date{background: #0084ff; border: 1px solid #0084ff;}
.news_center li:hover .day,
.news_center li:hover .ym{color: #fff;}
.news_center li:hover img{transform: scale(1.1);}
@media(max-width: 1200px){
  .news_center .date{width: 80px; height: 80px; padding: 2px 0;}
  .news_center .day{font-size: 28px;}
}
@media(max-width: 1024px){
  .news_center .pic{float: none; width: 40%; max-width: none;}
  .news_center .content-box{float: none; width: 100%; margin-top: 3%; padding-left: 100px;}
  .news_center .date{left: 0;}
}
@media(max-width: 768px){
  .news_center .tit{font-size: 20px;}
}
@media(max-width: 640px){
  .news_center .title{font-size: 28px;}
  .news_center .pic{width: 100%;}
  .news_center .tit{font-size: 18px;}
  .news_center .intro,
  .news_center .more{font-size: 14px;}
}


/* 新闻专题 */
.news_topics{padding: 5% 0; background: url(../images/news_bg.png)no-repeat; background-position: center -20%; background-size: cover; font-family: 'AlibabaPH';}
.news_topics .title{font-size: 38px; text-align: center; color: #333;}
.news_topics ul{margin: 0 -1.5625%;}
.news_topics li{padding: 0 1.5625%; float: left; width: 33.3333%; margin: 2% 0 1%; cursor: pointer;}
.news_topics .date{color: #999; line-height: 40px;}
.news_topics .pic{width: 100%; height: 0; padding-top: 66.6666%; position: relative; transition: all .3s ease-in-out; background-size: 100%;}
.news_topics .content{ border-bottom: 1px solid #eee; padding-bottom: 12%;}
.news_topics .tit{font-size: 24px; line-height: 60px;}
.news_topics .intro{line-height: 1.8; color: #999; font-size: 14px;}
.news_topics li:hover .pic{background-size: 110%;}
@media(max-width: 1024px){
  .news_topics li{width: 33.3333%;}
  .news_topics .tit{font-size: 16px; line-height: 50px;}
}
@media(max-width: 640px){
  .news_topics .title{font-size: 28px;}
  .news_topics li{width: 50%;}
  .news_topics .tit{font-size: 14px; line-height: 40px;}
}



/* 视频中心 */
.video_center{padding: 5% 0; background: url(../images/news_bg.png)no-repeat; background-position: center -20%; background-size: cover; font-family: 'AlibabaPH';}
.video_center .title{font-size: 38px; text-align: center; color: #333;}
.video_center .ul1{margin: 0 -1.5625%;}
.video_center .ul1 li{padding: 0 1.5625%; float: left; width: 33.3333%; margin: 2% 0 1%; cursor: pointer;}
.video_center .pic{width: 100%; height: 0; padding-top: 55.556%; position: relative; transition: all .3s ease-in-out; background-size: 100%;}
.video_center .icon{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/video_play.png)no-repeat center rgba(0, 0, 0, .3);}
.video_center .tit{font-size: 18px; line-height: 60px; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 3%; transition: all .3s ease-in-out;}
.video_center li:hover .pic{background-size: 110%;}
.video_center li:hover .tit{color: #0084ff;}

.video_center .video-box{position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); display: none; top: 0; left: 0; z-index: 200;}
.video_center video{position: absolute; width: 70%; max-height: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.video_center .video-box.show{display: block;}
.video_center .close{position: absolute; top: 5%; right: 5%; color: #fff; font-size: 18px; cursor: pointer;}
@media(max-width: 1024px){
  .video_center .tit{font-size: 16px; line-height: 50px;}
}
@media(max-width: 640px){
  .video_center .title{font-size: 28px;}
  .video_center li{width: 50%;}
  .video_center .tit{font-size: 14px; line-height: 40px;}
}




/* 缤纷职场 */
.colorful_workplace{
  padding: 3% 0 5%;
  font-family: 'AlibabaPH';
  /* background-color: #FCFCFC; */
}
.colorful_workplace.nopaddB{ padding-bottom: 0;}
.colorful_workplace .intro-part{padding: 8% 0 5%; background-color: #FFFCDE; margin-top: -3%;}
/* .colorful_workplace .auto-1600{background: url(../images/workplace_bg1.png)no-repeat right top;} */
.colorful_workplace .title{font-size: 40px; text-align: center; padding-bottom: 3%;}
.colorful_workplace .intro{font-size: 18px; line-height: 1.8;}
.colorful_workplace .ul1{margin: 0 -0.8333%;}
.colorful_workplace .ul1 li{width: 25%; padding: 0 0.8333%; margin: 1% 0; float: left;}
.colorful_workplace .pic{width: 100%; height: 0; padding-top: 146.927%; background-size: 100%; transition: all .3s ease-in-out; position: relative; overflow: hidden;}
.colorful_workplace .pic .txt{ position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 5%; color: #fff; opacity: 0; transform: translateY(100%); transition: all 0.5s;}
.colorful_workplace li:hover .pic{background-size: 110%;}
.colorful_workplace li:hover .pic .txt{ transform: translateY(0); opacity: 1;}
.colorful_workplace .tit{color: #bfbda9; font-size: 20px; margin-top: 5%; border-left: 6px solid #e4e0b5; padding-left: 10px; line-height: 1;}

.colorful_workplace .video-part{background-image: url(../images/colorful_bg.jpg); padding: 5% 0; text-align: center;}
.colorful_workplace .title1{font-size: 30px; text-align: center; line-height: 2; color: #333; font-family: 'YouShe';}
.colorful_workplace video{width: 80%; padding-top: 1%; max-width: 918px;}

.colorful_workplace .pic-part{ padding: 5% 0; text-align: center; background-size: 70%; background-position: center 45%;}
.colorful_workplace .title2{font-size: 40px; line-height: 2; font-weight: bold; color: #333;}
.colorful_workplace .intro1{text-align: center; color: #333; line-height: 1.8; padding-top: 1%; font-style: 18px;}
.colorful_workplace .ul2{margin: 1% 0; background-image: url(../images/workplace_bg4.png); vertical-align: bottom; background-position: center -300%;}
.colorful_workplace .ul2 li{width: 23%; padding: 0 3%; margin: 2% 0; display: inline-block;}
.colorful_workplace .pic1{width: 100%; position: relative; position: relative;-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 30%, transparent 100%);}
.colorful_workplace .pic1::before{content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 20px; background: url(../images/pic_bottom.png)no-repeat center; background-size: cover;}
.colorful_workplace .pic1 i{ -moz-transform: scaleY(-1); padding: 1px 0px;background-origin: padding-box, content-box; background-clip: padding-box, content-box; position: absolute; height: 30%; width: 100%; top: 100%; left: 0px; opacity: 1;}
.colorful_workplace .tit1{font-size: 18px; color: #333; margin-top: 30px; text-align: center;}
.colorful_workplace .ul2 li img{transition: all .3s ease-in-out;}
.colorful_workplace .ul2 li:hover img{transform: scale(1.1);}

.colorful_workplace p,
.colorful_workplace span{font-size: 18px!important; line-height: 1.8; font-family: "Microsoft YaHei"!important;}
.colorful_workplace strong span{font-size: 24px!important; line-height: 1.8; font-weight: normal;}
@media(max-width: 1500px){
  .colorful_workplace .pic-part{padding: 2%;}
}
@media(max-width: 1024px){
  .colorful_workplace .intro{font-size: 16px;}
  .colorful_workplace .auto-1600{background: url(../images/workplace_bg1.png)no-repeat center top;}
  .colorful_workplace .tit{font-size: 16px;}
  .colorful_workplace .title1{font-size: 18px;}
  .colorful_workplace .title2{font-size: 18px;}
  .colorful_workplace .intro1{font-size: 14px;}
  .colorful_workplace .ul2 li{padding: 0 3%;}
  .colorful_workplace .tit1{font-size: 14px;}
  .colorful_workplace .intro-part{margin-top: 0; padding: 5% 0;}
}
@media(max-width: 640px){
  .colorful_workplace .title{font-size: 28px;}
  .colorful_workplace .ul1 li{width: 50%; margin: 3% 0;}
  .colorful_workplace .title1{font-size: 14px;}
  .colorful_workplace .ul2 li{width: 45%; padding: 0 4%;}

  .colorful_workplace p,
  .colorful_workplace span{font-size: 16px!important;}
  .colorful_workplace strong span{font-size: 20px!important;}
}


/* 常春藤项目 */
.ivy_project{padding: 5% 0; background-color: #FCFCFC; font-family: 'AlibabaPH';}
.ivy_project .title{font-size: 40px; text-align: center;}
.ivy_project .title1{font-size: 30px; color: #333; padding-bottom: 2%;}
.ivy_project .part1{background: url(../images/ivy_project_bg1.jpg)no-repeat center 70%;}
.ivy_project .video-box{width: 50%; float: left;}
.ivy_project video{width: 100%;}
.ivy_project .content-right{width: 50%; float: right; padding: 2% 2% 2% 5%;}
.ivy_project .txt{text-align: justify; line-height: 1.8;}
.ivy_project .ul1{margin: 5% -0.625%;}
.ivy_project .ul1 li{width: 33.3333%; float: left; padding: 0 0.625%; margin: 1% 0;}
.ivy_project .ul1 li .content{padding: 7% 12% 7% 24%; border: 1px solid #eeeeee;}
.ivy_project .tit{font-size: 20px; color: #0084ff; padding-bottom: 2.5%;}
.ivy_project .text{font-size: 16px; color: #666; min-height: 75px;}
.ivy_project .ul1 li:nth-child(1) .content{background-image: url(../images/ivy_project_bg2.png), url(../images/ivy_icon1.png); background-repeat: no-repeat, no-repeat; background-position: right top, 5% center; background-color: #fff;}
.ivy_project .ul1 li:nth-child(2) .content{background-image: url(../images/ivy_project_bg2.png), url(../images/ivy_icon2.png); background-repeat: no-repeat, no-repeat; background-position: right top, 5% center; background-color: #fff;}
.ivy_project .ul1 li:nth-child(3) .content{background-image: url(../images/ivy_project_bg2.png), url(../images/ivy_icon3.png); background-repeat: no-repeat, no-repeat; background-position: right top, 5% center; background-color: #fff;}
@media(max-width: 1200px){
  .ivy_project .tit{font-size: 18px;}
  .ivy_project .text{font-size: 14px; min-height: 57px;}
}
@media(max-width: 1024px){
  .ivy_project .ul1 li{width: 50%;}
}
@media(max-width: 960px){
  .ivy_project .txt{width: 100%; float: none; padding: 3% 0;}
  .ivy_project .video-box{width: 100%; float: none;}
}
@media(max-width: 640px){
  .ivy_project .title{font-size: 28px;}
  .ivy_project .ul1 li{width: 100%;}
}

.ivy_project .part2,
.ivy_project .part3,
.ivy_project .part4{padding-bottom: 5%;}
.ivy_project .subtit{font-size: 40px; color: #333; padding-bottom: 2%; text-align: center;}
.ivy_project .pic-box{position: relative;}
.ivy_project .pic-box li:nth-child(1){width: 38.0625%;}
.ivy_project .pic-box li:nth-child(2){width: 34.9375%; position: absolute; left: 38.5%; top: 0;}
.ivy_project .pic-box li:nth-child(3){width: 34.9375%; position: absolute; left: 38.5%; bottom: 0;}
.ivy_project .pic-box li:nth-child(4){width: 26.3125%; position: absolute; right: 0; top: 0;}
.ivy_project .pic-box li .pic{width: 100%; background-size: 100%; transition: all .3s ease-in-out;}
.ivy_project .pic-box li:hover .pic{background-size: 110%;}
.ivy_project .pic-box li:nth-child(1) .pic{padding-top: 90.804%;}
.ivy_project .pic-box li:nth-child(2) .pic{padding-top: 49.016%;}
.ivy_project .pic-box li:nth-child(3) .pic{padding-top: 49.016%;}
.ivy_project .pic-box li:nth-child(4) .pic{padding-top: 131.353%;}
.ivy_project .tit1{position: absolute; bottom: 0; left: 0; color: #FCFCFC; font-size: 18px; line-height: 50px; padding: 0 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
@media(max-width: 640px){
  .ivy_project .tit1{font-size: 14px; line-height: 30px; padding-left: 10px;}
}
@media(max-width: 480px){
  .ivy_project .pic-box li:nth-child(1),
  .ivy_project .pic-box li:nth-child(2),
  .ivy_project .pic-box li:nth-child(3),
  .ivy_project .pic-box li:nth-child(4){width: 100%; position: relative; left: 0;}
}

.ivy_project .ul3{position: relative; margin: 0 -30px;}
.ivy_project .ul3 li{width: 33.3333%; padding: 0 30px;}
.ivy_project .pic3{width: 100%; padding-top: 60.869%; background-size: 100%; transition: all .3s ease-in-out;}
.ivy_project .tit3{text-align: center; font-size: 18px; line-height: 60px; font-family: 'AlibabaPH';}
.ivy_project .ul3 .slick-next,
.ivy_project .ul3 .slick-prev{width: 18px; height: 35px; font-size: 0; border: none; background: none; position: absolute; top: 40%; z-index: 10; cursor: pointer;}
.ivy_project .ul3 .slick-next{right: -1%; background: url(../images/next_arrow1.png)no-repeat center;}
.ivy_project .ul3 .slick-prev{left: -1%; background: url(../images/prev_arrow1.png)no-repeat center;}
.ivy_project .ul3 li:hover .pic3{background-size: 110%;}
@media(max-width: 960px){
  .ivy_project .ul3 li{padding: 0 15px;}
  .ivy_project .ul3 .slick-next,
  .ivy_project .ul3 .slick-prev{width: 12px; height: 25px; background-size: cover;}
  .ivy_project .tit3{font-size: 16px; line-height: 40px;}
}

.ivy_project .ul4{position: relative;}
.ivy_project .ul4 li{width: 66.25%; padding: 0 5px;}
.ivy_project .pic4{width: 100%; padding-top: 54.7169%; position: relative; background-size: 100%; transition: all .3s ease-in-out;}
.ivy_project .ul4 .slick-next,
.ivy_project .ul4 .slick-prev{width: 46px; height: 46px; font-size: 0; border: none; background: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; transform: translateY(-50%);}
.ivy_project .ul4 .slick-next{right: 7%; background: url(../images/next_arrow2.png)no-repeat center;}
.ivy_project .ul4 .slick-prev{left: 7%; background: url(../images/prev_arrow2.png)no-repeat center;}
.ivy_project .pic4::before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(189, 167, 125, .8); top: 0; left: 0; transition: all .3s ease-in-out;}
.ivy_project li.slick-current .pic4::before{background-color: rgba(189, 167, 125, 0);}
.ivy_project .ul4 li:hover .pic4{background-size: 110%;}
.ivy_project .slider-for,
.ivy_project .slider-nav{ max-width: 1100px; margin: 0 auto 2%;}
.ivy_project .slider-for .pic{ position: relative; padding-top: 50%;}
.ivy_project .slider-for .pic .tit1 { position: absolute; left: 0; bottom: 0; width: 100%;}
.ivy_project .slider-nav .pic{ padding-top: 26%; margin: 0 10px; position: relative;}
.ivy_project .slider-nav .pic::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
.ivy_project .slider-nav .slick-current .pic::before{ opacity: 0;}
.ivy_project .slider-nav .slick-arrow{ width: 30px;}
.ivy_project .slider-nav .slick-prev{ left: 0;}
.ivy_project .slider-nav .slick-next{ right: 0;}
@media(max-width: 640px){
  .ivy_project .subtit{font-size: 20px;}
  .ivy_project .slider-nav .pic{ margin: 0 5px;}
}



/* 2022届校园招聘 */
.recruitment{padding: 5% 0 0; background-color: #FCFCFC; font-family: 'AlibabaPH'; text-align: center;}
.recruitment .title{font-size: 40px; color: #333; text-align: center;}
.recruitment .tit{font-size: 30px; color: #333; text-align: center; padding-top: 3%; font-family: 'YouShe';}
.recruitment .subtit{font-size: 24px; color: #333; position: relative; display: inline-block; margin: auto; padding: 1% 0;}
.recruitment .subtit::before,
.recruitment .subtit::after{content: ''; background-color: #e6e6e6; width: 65px; height: 1px; position: absolute; top: 50%;}
.recruitment .subtit::before{left: 0; transform: translate(-120%, -50%);}
.recruitment .subtit::after{right: 0; transform: translate(120%, -50%);}
.recruitment .text{font-size: 18px; color: #333; text-align: center; line-height: 2; padding-top: 3%;}
.recruitment .text span{font-size: 24px; color: #0084ff;}
.recruitment .send{width: 140px; line-height: 50px; background-color: #0084ff; color: #fff; border-radius: 5px; text-align: center; margin: 3% auto; cursor: pointer;}

.recruitment .part2{background: url(../images/recruitment_bg1.jpg)no-repeat center top; /* background-size: contain; */ padding-bottom: 5%;}
.recruitment .video-box{width: 80%; max-width: 790px; margin: 0 auto; padding: 3% 0 2%;}
.recruitment .part3{ padding: 5% 0;}
.recruitment #video{width: 100%;}
.recruitment .tit1{font-size: 26px; padding-top: 8%;}
.recruitment .propaganda{margin: 1% -5px;}
.recruitment .propaganda li{float: left; padding: 0 5px; margin: 1% 0;}
.recruitment .propaganda li:nth-child(1){width: 19.25%;}
.recruitment .propaganda li:nth-child(2){width: 30.125%;}
.recruitment .propaganda li:nth-child(3){width: 21.0625%;}
.recruitment .propaganda li:nth-child(4){width: 27.8125%;}
.recruitment .propaganda li .pic{width: 100%; background-size: 100%; transition: all .3s ease-in-out;}
.recruitment .propaganda li:nth-child(1) .pic{padding-top: 210.8%;}
.recruitment .propaganda li:nth-child(2) .pic{padding-top: 133%;}
.recruitment .propaganda li:nth-child(3) .pic{padding-top: 192.58%;}
.recruitment .propaganda li:nth-child(4) .pic{padding-top: 144%;}
.recruitment .propaganda li:hover .pic{background-size: 110%;}

.recruitment .video-for{padding-top: 3%; width: 80%; max-width: 820px; margin: 0 auto;}
.recruitment .video-for video{width: 100%;}
.recruitment .video-nav{  margin: 3% auto 0; max-width: 1024px; }
.recruitment .video-nav::before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #ccc;}
.recruitment .inner{ text-align: left; cursor: pointer; position: relative; padding-left: 5px;}
.recruitment .inner .info{ position: relative; padding: 3%; height: 150px;}
.recruitment .inner .info::before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #ccc;}
.recruitment .inner .info::after{ content: ''; width: 6px; height: 6px; background-color: #fff; border: 3px solid #0084ff; left: -5px; bottom: -6px; border-radius: 100%; position: absolute;}
.recruitment .date{color: #0084ff; font-size: 24px;}
.recruitment .inner:nth-child(2n) .info{ margin-top: 150px;}
.recruitment .inner:nth-child(2n) .info::after{ top: -6px; bottom: auto;}

.recruitment .form-box{width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, .5); top: 0; left: 0; display: none; z-index: 200;}
.recruitment .close{position: absolute; top: 15px; right: 15px; cursor: pointer;}
.recruitment form{position: absolute; width: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 5%;}
.recruitment .tit2{font-size: 30px; text-align: center;}
.recruitment .upload{display: none;}
.recruitment .upload_btn{width: 120px; line-height: 40px; border-radius: 5px; text-align: center; color: #fff; background-color: #0084ff; cursor: pointer; margin: 8% auto 5% auto;}
.recruitment .form-box.show{display: block;}
.recruitment .placeholder{height: 100px; padding-top: 21px!important;}
input[type="button"], input[type="submit"], input[type="reset"]{width: 120px; line-height: 40px; text-align: center; color: #fff; background-color: #0084ff; border: none; outline: 0; border-radius: 5px; cursor: pointer;}
.placeholder .webuploader-pick{background-color: #0084ff!important;}
.filelist li p.title{font-size: 20px;}
#filePicker140450 > div:nth-child(2){left: 50%!important; transform: translateX(-50%)!important; height: 44px!important; line-height: 44px!important; min-width: 120px!important;}
@media(max-width: 640px){
  .recruitment .title{font-size: 28px;}
  .recruitment .tit1{font-size: 18px;}
  .recruitment .tit{font-size: 20px;}
  .recruitment .subtit{font-size: 18px;}
  .recruitment .text{font-size: 14px;}
  .recruitment .text span{font-size: 18px;}
  .recruitment .send{width: 110px; line-height: 40px; font-size: 14px;}
  .recruitment .date,
  .recruitment .name{font-size: 14px;}
}


/* 全球青年人才项目 */
.global_talent{padding: 5% 0; background-color: #FCFCFC; font-family: 'AlibabaPH';}
.global_talent .title{font-size: 40px; color: #333; text-align: center; padding-bottom: 3%;}
.global_talent .text{padding: 0 0 12% 0; font-size: 18px; color: #333; background: url(../images/global_talent_bg1.png)no-repeat center bottom; background-size: cover; line-height: 2; text-align: center; border-bottom: 1px solid #e6e6e6;}
.global_talent .text span{color: #0084ff;}
.global_talent .tit{font-size: 40px; color: #333; line-height: 1.8; font-family: 'YouShe';}
.global_talent .subtit{font-size: 18px; color: #555;}

.global_talent .part1{padding: 3% 0; background: url(../images/global_talent_bg2.jpg)no-repeat center; background-size: cover;}
.global_talent .ul1{position: relative; height: 0; opacity: 0; z-index: -1; margin: 0 -30px;}
.global_talent .ul1.show{height: auto; opacity: 1; z-index: 1;}
.global_talent .ul1 li{width: 33.3333%; padding: 0 30px;}
.global_talent .pic1{width: 100%; padding-top: 60.869%; position: relative; background-size: 100%; transition: all .3s ease-in-out;}
.global_talent .ul1 li:hover .pic1{background-size: 110%;}
.global_talent .tit1{text-align: center; font-size: 18px; line-height: 60px; font-family: 'AlibabaPH';}
.global_talent .ul1 .slick-next,
.global_talent .ul1 .slick-prev{width: 18px; height: 35px; font-size: 0; border: none; background: none; position: absolute; top: 40%; z-index: 10; cursor: pointer;}
.global_talent .ul1 .slick-next{right: -2%; background: url(../images/next_arrow1.png)no-repeat center;}
.global_talent .ul1 .slick-prev{left: -2%; background: url(../images/prev_arrow1.png)no-repeat center;}
.global_talent .ul1 .slick-next::before,
.global_talent .ul1 .slick-prev::before{display: none;}
.global_talent .tab-box1{padding: 3% 0; text-align: center;}
.global_talent .tab-box1 li{display: inline-block; margin: 0 1.875%; cursor: pointer; line-height: 50px; border-radius: 3px; background-color: #fff; border: 1px solid #e9e9e9; text-align: center; color: #666; transition: all .3s ease-in-out; width: 150px; font-size: 18px;}
.global_talent .tab-box1 li.aon{background-color: #0084ff; border: 1px solid #0084ff; color: #fff;}
.global_talent .tab-box1 li:first-child{margin-left: 0;}
.global_talent .tab-box1 li:last-child{margin-right: 0;}

.global_talent .part2{padding: 3% 0; background-color: #fff;}
.global_talent .part2 .pic1::before{content: ''; background-color: #F5F5F5; width: 100%; height: 100%; position: absolute; top: 8px; left: 8px; z-index: -1;}
.global_talent .tab-box2{padding-top: 3%; margin-bottom: 4%; text-align: center; background: url(../images/split_line.png)no-repeat center bottom;}
.global_talent .tab-box2 li{display: inline-block; font-size: 20px; color: #666; margin: 0 4.375%;padding-bottom: 25px; transition: all .3s ease-in-out; cursor: pointer; position: relative;}
.global_talent .tab-box2 li::before{content: ''; background: url(../images/a_dot.png)no-repeat center bottom; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 30%); width: 28px; height: 28px; transition: all .3s ease-in-out;}
.global_talent .tab-box2 li:first-child{margin-left: 0;}
.global_talent .tab-box2 li:last-child{margin-right: 0;}
.global_talent .tab-box2 li.aon{color: #0084ff;}
.global_talent .tab-box2 li.aon span{font-size: 32px;}
.global_talent .tab-box2 li.aon::before{background: url(../images/aon_dot.png)no-repeat center bottom; transform: translate(-50%, 40%);}

.global_talent .part3{padding: 3% 0; background: url(../images/global_talent_bg3.jpg)no-repeat center; background-size: cover;}
.global_talent .part3 .subtit{padding-bottom: 4%;}
.global_talent .tab-box3{margin-top: -3%; text-align: center; padding-bottom: 3%;}
.global_talent .tab-box3 li{display: inline-block; margin: 0 2.5%; width: 90px; height: 90px; border-radius: 50%; background-color: #d7d7d7; color: #666; font-size: 20px; letter-spacing: 5px; line-height: 90px; cursor: pointer; transition: all .3s ease-in-out; position: relative;}
.global_talent .tab-box3 li:first-child{margin-left: 0;}
.global_talent .tab-box3 li:last-child{margin-right: 0;}
.global_talent .tab-box3 li.aon{color: #fff; background: url(../images/aon_bg.png)no-repeat center;}
.global_talent .tab-box3 li.aon::before{content: ''; width: 110px; height: 110px; border-radius: 50%; 
  background-color: rgb(33 150 243 / 22%);
   position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.global_talent .part4{padding: 5% 0 0 0; background-color: #fff;}
.global_talent .tit2{font-size: 26px; color: #333; padding-bottom: 2%;}
.global_talent .ul4{position: relative;}
.global_talent .ul4 li{width: 66.25%; padding: 0 5px;}
.global_talent .pic4{width: 100%; padding-top: 54.7169%; position: relative; background-size: 100%; transition: all .3s ease-in-out;}
.global_talent .ul4 li:hover .pic4{background-size: 110%;}
.global_talent .ul4 .slick-next,
.global_talent .ul4 .slick-prev{width: 46px; height: 46px; font-size: 0; border: none; background: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; transform: translateY(-50%);}
.global_talent .ul4 .slick-next{right: 7%; background: url(../images/next_arrow2.png)no-repeat center;}
.global_talent .ul4 .slick-prev{left: 7%; background: url(../images/prev_arrow2.png)no-repeat center;}
.global_talent .pic4::before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(171, 174, 176, .8); top: 0; left: 0; transition: all .3s ease-in-out;}
.global_talent li.slick-current .pic4::before{background-color: rgba(189, 167, 125, 0);}
@media(max-width: 640px){
  .global_talent .title{font-size: 28px;}
  .global_talent .text{font-size: 14px; line-height: 1.8;}
  .global_talent .tit{font-size: 20px;}
  .global_talent .subtit{font-size: 14px;}
  .global_talent .ul1{padding: 3% 0;}
  .global_talent .ul1 li{padding: 0 20px;}
  .global_talent .tab-box1 li{width: 100px; line-height: 40px; font-size: 14px;}
  .global_talent .tit1{font-size: 14px; line-height: 40px;}
  .global_talent .tab-box2 li{font-size: 16px; padding-bottom: 15px;}
  .global_talent .tab-box2 li.aon span{font-size: 24px;}
  .global_talent .tab-box3 li{width: 50px; height: 50px; line-height: 50px; font-size: 14px; letter-spacing: 1px;}
  .global_talent .tab-box3 li.aon::before{width: 70px; height: 70px;}
  .global_talent .tit2{font-size: 18px;}
}


/* 加入我们 */
.join_us{padding: 5% 0 3%; background-color: #FCFCFC; font-family: 'AlibabaPH';}
.join_us .title{font-size: 40px; text-align: center; padding-bottom: 5%;}
.join_us .text{font-size: 30px; text-align: center; line-height: 1.8; padding-bottom: 6%; background: url(../images/joinus_bg1.png)no-repeat center bottom; background-size: cover;}
.join_us .text span{font-size: 36px; color: #0084ff; font-weight: bold;}
.join_us pre{display: inline-block; position: relative;}
.join_us pre::before,
.join_us pre::after{content: ''; position: absolute; width: 53px; height: 46px; z-index: 1;}
.join_us pre::before{left: -80px; top: 0; background: url(../images/left_quota.png)no-repeat center;}
.join_us pre::after{right: -80px; bottom: 0; background: url(../images/right_quota.png)no-repeat center;}

.join_us .below{padding: 5% 0 0; background-size: 32%;}
.join_us .tit{font-size: 18px; text-align: center; color: #333;}
.join_us ul{padding: 3% 0; text-align: center;}
.join_us li{display: inline-block; margin: 0 5.8125%; cursor: pointer; position: relative;}
.join_us li figure{ position: absolute; width: 150px; left: 115%; top: 50%; transform: translateY(-50%); background-color: #fff;  box-shadow:0 0 12px -12px rgba(0, 0, 0, .5); display: none; }
.join_us li figure::before{ content: ''; position: absolute; right: 100%; top: 50%; border: 9px solid transparent; border-right-color: #fff;}
.join_us li:first-child{margin-left: 0;}
.join_us li:last-child{margin-right: 0;}
.join_us .pic{width: 100px; padding-top: 100px; background-repeat: no-repeat; background-position: center; background-color: #fff; border-radius: 30px; box-shadow:10px 12px 12px -12px rgba(0, 0, 0, .5); border: 1px solid #eeeeee; background-size: 40%; transition: all .3s ease-in-out; position: relative;}
.join_us li:hover .pic{background-size: 50%;}
.join_us li:hover figure{ display: block;}
.join_us .name{color: #999; font-size: 18px; line-height: 60px;}
@media(max-width: 640px){
  .join_us .title{font-size: 28px;}
  .join_us .text{font-size: 20px;}
  .join_us .text span{font-size: 24px;}
  .join_us pre::before,
  .join_us pre::after{width: 26px; height: 23px; background-size: cover;}
  .join_us pre::before{left: -40px;}
  .join_us pre::after{right: -40px;}
  .join_us .tit{font-size: 16px;}
  .join_us .pic{width: 60px; padding-top: 60px; border-radius: 10px; background-size: 50%;}
  .join_us .name{font-size: 14px; line-height: 50px;}
}


/* 联系我们 */
.contact_us{padding: 0 0 90px 0; font-family: 'AlibabaPH'; position: relative; z-index: 0;}
.contact_us .intro-left{width: 50%; float: left; padding: 3% 0;}
.contact_us .intro-right{width: 50%; float: right; border-radius: 5px; overflow: hidden;}
.contact_us h1{font-size: 38px; font-weight: bold; color: #333;}
.contact_us p{color: #666; line-height: 2; padding: 2% 18% 0 0; text-align: justify;}
.contact_us .intro-right img{width: 100%; transition: all .3s ease-in-out;}
.contact_us .intro-right img:hover{transform: scale(1.1);}
@media(max-width: 1024px){
  .contact_us .intro-left, 
  .contact_us .intro-right{width: 100%; float: none;}
  .contact_us p{padding-right: 0;}
}

.contact_us .contact_form{background: url(../images/contact_us_bg1.jpg)no-repeat center; background-size: cover; padding: 7% 0; margin:  -3% 0 5% 0;}
.contact_us .title{font-size: 38px; font-weight: bold; color: #333; padding-bottom: 2%;}
.contact_us .ul1{margin: 0 -1.09375%;}
.contact_us .ul1 li{width: 33.3333%; float: left; padding: 0 1.09375%; margin: 1% 0;}
.contact_us .ul1 .content{padding: 10% 7%; background: #fff;}
.contact_us .name{font-size: 18px; color: #0084ff; padding-bottom: 4%;}
.contact_us .phone{font-size: 24px; color: #333; font-weight: bold;}

.contact_us .hot-line{position: relative; margin: 5% 0 0;}
.contact_us .title1{font-size: 32px; color: #333; font-weight: bold; padding-bottom: 4%;}
.contact_us .input-box{position: absolute; top: 0; right: 0; width: 44%;}
.contact_us select{height: 60px; color: #333; padding: 0 3%; width: 48%; border: 1px solid #e2e2e2; outline: 0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../images/select_icon.png)no-repeat 95% center #fff;}
.contact_us .search{width: 48%; margin-left: 4%; line-height: 60px; height: 60px; border: 1px solid #e2e2e2; padding: 0 3%; background: url(../images/search.png)no-repeat 95% center #fff;}
.contact_us .search::placeholder{color: #d7d7d7;}
.contact_us table{width: 100%;}
.contact_us td{line-height: 60px; width: 25%; background-color: #fff; border: 2px solid #FFFCDB; padding: 0 2%; font-size: 16px;}
.contact_us tr:first-child td{background-color: #0084ff; color: #fff;}
.contact_us .table1 tr:nth-child(1) td,
.contact_us .table1 tr:nth-child(3) td{background-color: #f8f2ac; color: #333;}
@media(max-width: 1024px){
  .contact_us .contact_form{margin-top: 0; padding-top: 4%;}
  .contact_us .ul1 li{width: 50%;}
  .contact_us .name{font-size: 16px;}
  .contact_us .phone{font-size: 20px;}
  .contact_us tr td:nth-child(1),
  .contact_us tr td:nth-child(3){width: 10%;}
  .contact_us .input-box{width: 60%;}
}
@media(max-width: 768px){
  .contact_us .table-box{overflow: hidden; overflow-x: scroll;}
  .contact_us .table-box::-webkit-scrollbar{width: 1px; height: 5px;}
  .contact_us .table-box::-webkit-scrollbar-thumb{border-radius: 5px; background-color: #0084ff;}
  .contact_us .table-box::-webkit-scrollbar-track{border-radius: 5px; background-color: #e6e9f1;}
  .contact_us .table-box::-webkit-scrollbar-button{display: none;}
  .contact_us table{width: 800px;}
}
@media(max-width: 640px){
  .contact_us .ul1 li{width: 100%;}
  .contact_us .input-box{position: initial; width: 100%; padding-bottom: 2%;}
  .contact_us select{height: 40px;}
  .contact_us .search{line-height: 40px; height: 40px;}
  .contact_us td{line-height: 40px;}
}

.contact_us .recruit_area{padding: 3% 0; background: url(../images/contact_us_bg3.jpg)no-repeat center; background-size: 100%; padding: 20px; transition: all .3s ease-in-out;}
.contact_us .recruit_area:hover{background-size: 110%;}
.contact_us .recruit_area .content{width: 22.5%; min-width: 300px; background: url(../images/contact_us_bg4.jpg)no-repeat center; background-size: cover; border-radius: 5px; padding: 5% 3%;}
.contact_us .title2{font-size: 38px; color: #fff; font-weight: bold;}
.contact_us .text{font-size: 24px; font-weight: lighter; color: #fff; padding-bottom: 25%;}
.contact_us .go{color: #fff; font-weight: lighter; padding-right: 30px; background: url(../images/go_icon.png)no-repeat right center; cursor: pointer;}
@media(max-width: 1024px){
  .contact_us .title2{font-size: 30px;}
  .contact_us .text{font-size: 20px; padding-bottom: 15%;}
}
@media(max-width: 640px){
  .contact_us .recruit_area{padding: 5%;}
  .contact_us .recruit_area .content{width: 100%; min-width: 0;}
}

.contact_us .question_list{padding: 5% 0;}
.contact_us .question_list .title{padding-bottom: 5%;}
.contact_us .item{padding-bottom: 10px;}
.contact_us .question{line-height: 65px; background-color: #F7F7F7; position: relative; padding: 0 2.5%; cursor: pointer;}
.contact_us .icon{width: 22px; height: 22px; text-align: center; line-height: 22px; color: #fff; font-size: 14px; background-color: #b8b8b8; position: absolute; top: 21.5px; left: 2.5%;}
.contact_us .qtitle{padding-left: calc(2.5% + 22px); float: left; width: 80%;}
.contact_us .btn{float: right; text-align: right; background: url(../images/open_icon.png)no-repeat right center; padding-right: 20px;}
.contact_us .answer{padding-top: 35px; padding-bottom: 3%; padding-left: calc(5% + 22px); padding-right: 11%; text-align: justify; color: #666; line-height: 1.8; position: relative; border: 1px solid #eee; border-top: none; display: none;}
.contact_us .answer .icon{top: 40px; opacity: .5;}
.contact_us .item.show .icon{background-color: #0084ff;}
.contact_us .item.show .btn{background: url(../images/fold_icon.png)no-repeat right center;}
@media(max-width: 640px){
  .contact_us h1,
  .contact_us .title,
  .contact_us .title1,
  .contact_us .title2{font-size: 28px;}
  .contact_us .btn{font-size: 14px;}
  .contact_us .answer{padding-right: 2.5%; font-size: 14px; padding-top: 20px;}
  .contact_us .answer .icon{top: 20px;}
}

.contact_us .kefu{position: absolute; top: 90px; right: 20px; width: 60px; height: 90px; border-radius: 5px; text-align: center; background: url(../images/kefu_icon.png)no-repeat center 10px #0084ff; padding: 40px 12px 12px 12px; color: #fff; cursor: pointer;}
.contact_us .kefu.fixed{position: fixed; top: 100px;}

.detail{padding: 5% 0; font-family: 'AlibabaPH';}
.detail .title{text-align: center; font-size: 30px; color: #333; padding-bottom: 1%;}
.detail .date{text-align: center; font-size: 16px; color: #999; padding-bottom: 4%; border-bottom: 1px solid #f2f2f2;}
.detail img{width: 100%; height: auto!important;}
.detail p{line-height: 1.8;}

/* 产品列表页 */
.product-list{margin: 0 -1.5625%;}
.product-list>li{width: 25%; padding: 0 1.5625%; margin: 1% 0; float: left;}
.product-list .pic{width: 100%; padding-top: 97.2222%; background-size: 100%; transition: all .3s ease-in-out; border: 1px solid #f2f2f2; position: relative;}
.product-list>li:hover .pic{background-size: 110%; box-shadow: 0 0 10px rgba(0, 0, 0, .18);}
.product-list .name{font-size: 20px; color: #333; line-height: 60px; text-align: center; transition: all .3s ease-in-out;}
.product-list .intro{font-size: 14px; color: #0084ff; text-align: left; transition: all .3s ease-in-out; position: absolute; width: 100%; left: 0; bottom: 0; opacity: 0; background-color: rgba(230,0,0,0.8); transition: all .3s ease-in-out; padding: 3% 5%; line-height: 1.8;}
.product-list .intro .title{font-size: 18px;color: #fff;text-align: center;font-weight: bold;}
.product-list .intro .text{font-size: 16px;color: #fff;text-align: center;}
.product-list>li:hover .name{color: #0084ff;}
.product-list>li:hover .intro{opacity: 1;}
@media(max-width: 1024px){
  .product-list>li{width: 33.3333%;}
}
@media(max-width: 640px){
  .product-list>li{width: 50%;}
}

/* 网站地图 */
.sitemap{padding: 5% 0;}
.sitemap li{padding: .5% 0;}
.sitemap li > a{font-size: 20px; padding-bottom: 1%; display: block;}
.sitemap dd{display: inline-block; margin: 1% 1.5% 1% 0; line-height: 40px; border-radius: 40px; padding: 0 2%; background-color: #0084ff1f;}


/* 2022/9/9 */

@font-face {
  font-family: "Oswald";
  src: url(../fonts/Oswald-Regular.ttf);
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Regular";
  src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Bold";
  src: url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);
}
@font-face {
  font-family: "IMPACT";
  src: url(../fonts/IMPACT.ttf);
}
*{
  font-family: "HarmonyOS_Sans_SC_Regular";
}
.sy_banner{
  width: 100%;
}
.sy_banner .bj{
  width: 100%;
}
.app{
  display: none;
}
.sy_con1{
  width: 100%;
  padding-top: 4.2%;
}
.bt{
  width: 100%;
  text-align: center;
}
.bt .p1 span{
  font-size: 36px;
  color: #333333;
  position: relative;
  padding: 0 5px;
}
.bt .p1 span::before{
  content: '';
  width: 100%;
  height: 9px;
  background-image: url(../images/z_img2.png);
  background-size: cover;
  background-position: center bottom;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bt .p1 em{
  width: 42px;
  height: 41px;
  background-image: url(../images/z_img1.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: -8px;
  margin-right: 15px;
}
.sy_con1 .rq{
  width: 100%;
  padding-top: 7.3%;
}
.sy_con1 .rq .lef{
  width: 42.86%;
  float: left;
  position: relative;
  z-index: 2;
}
.sy_con1 .rq .lef::before{
  content: '';
  width: 110%;
  height: 126%;
  background-image: url(../images/z_img3.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 53.5%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.sy_con1 .rq .lef img{
  width: 100%;
  border-radius: 30px;
}
.sy_con1 .rq .rig{
  width: 50%;
  float: right;
  font-size: 16px;
  color: #333333;
  line-height: 2.25;
}

/* sy_con2 */
.sy_con2{
  width: 100%;
  padding-top: 8.9%;
  padding-bottom: 5.8%;
  position: relative;
  z-index: 2;
}
.sy_con2::before{
  content: '';
  width: 100%;
  /* height: 843px; */
  height: 100%; 
  background-image: url(../images/z_img44.png);
  /* background-size: contain; */
  background-size: cover;
  /* background-position: center top; */
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sy_con2 .rq{
  width: 100%;
  padding-top: 6.3%;
  display: flex;
  justify-content: space-between;
}
.sy_con2 .rq .div{
  width: 21.93%;
  position: relative;
}
.sy_con2 .rq .div:nth-child(1){
  padding-top: 2%;
}
.sy_con2 .rq .div:nth-child(2){
  padding-top: 4.6%;
}
.sy_con2 .rq .div:nth-child(3){
  padding-top: 2.6%;
}
.sy_con2 .rq .div img{
  display: block;
  width: 100%;
}
.sy_con2 .rq .div p{
  font-size: 24px;
  color: #333333;
  text-align: center;
  padding-top: 9%;
}
.sy_con2 .rq .intro_{
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a5d0f569;
  padding: 20%;
  line-height: 1.8;
  transition: .5s;
  opacity: 0;
  color: rgb(255, 255, 255);
}
.sy_con2 .rq .div:hover .intro_{
  opacity: 1;
  transition: .5s;
}

.sy_con3{
  width: 100%;
  padding-top: 3.2%;
  position: relative;
}
.sy_con3::before{
  content: '';
  width: 50.61%;
  height: 1223px;
  background-image: url(../images/z_img5.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  left: 53%;
  top: 100%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.sy_con3 .rq{
  width: 100%;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sy_con3 .div{
  width: 45.7%;
  float: left;
  margin-top: 5%;
}
.sy_con3 .div .lef{
  width: 30.7%;
  float: left;
  overflow: hidden;
}
.sy_con3 .div .lef img{
  width: 100%;
  transition: all .5s;
}
.sy_con3 .div:hover .lef img{
  transform: scale(1.05);
}
.sy_con3 .div .rig{
  width: 64%;
  float: right;
  padding-top: 3%;
}
.sy_con3 .div .rig .p1{
  font-size: 28px;
  color: #333333;
  line-height: 1;
  display: flex;
  align-items: center;
}
.sy_con3 .div .rig .p1 span{
  font-size: 30px;
  color: #3184dc;
  font-family: "Oswald";
  line-height: 1;
  margin-right: 19px;
}
.sy_con3 .div .rig .text{
  width: 100%;
  padding-top: 7.2%;
  margin-top: 6%;
  border-top: 1px solid #eaeaea;
  font-size: 16px;
  color: #888888;
  line-height: 2.25;
  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.sy_con4{
  width: 100%;
  padding-top: 5%;
}
.bt .p2{
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-size: 40px;
  color: #000000;
}
.bt .p3{
  font-size: 16px;
  color: #999999;
  padding-top: 10px;
}
.sy_con4 .rq{
  width: 100%;
  position: relative;
  margin-top: 3%;
}
.sy_con4 .rq img{
  width: 100%;
}
.sy_con4 .rq .video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.sy_con4 .rq .div{
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
  background-image: url(../images/z_img6.png);
  background-size: 29px 32px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
}

/* sy_con5 */
.sy_con5{
  width: 100%;
  padding-top: 3.4%;
  padding-bottom: 5%;
  position: relative;
}
.sy_con5::before{
  content: '';
  width: 100%;
  height: 1156px;
  background-image: url(../images/z_img7.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.sy_con5::after{
  content: '';
  width: 89%;
  height: 345px;
  background-image: url(../images/z_img8.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 61%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.sy_con5 .p{
  font-size: 20px;
  color: #333333;
  text-align: center;
  margin-top: 2.6%;
  margin-bottom: 4%;
}
.sy_con5 .rq{
  width: 100%;
  z-index: 2;
}
.sy_con5 .rq .div{
  width: 25%;
  float: left;
}
.sy_con5 .rq .div .top{
  width: 100%;
  padding-bottom: 90%;
  position: relative;
  overflow: hidden;
}
.sy_con5 .rq .div .top img{
  max-width: 80%;
  max-height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .5s;
}
.sy_con5 .rq .div:hover .top img{
  transform: translateX(-50%) scale(1.05);
}
.sy_con5 .rq .div p{
  font-size: 18px;
  color: #333333;
  text-align: center;
  position: relative;
}
.sy_con5 .rq .div p::before{
  content: '';
  width: 30px;
  height: 2px;
  background: #259ad9;
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
}
@media(max-width:1459px){
  .bt .p1 span {
    font-size: 28px;
}
.bt .p1 em {
  width: 34px;
  height: 33px;
  margin-bottom: -8px;
  margin-right: 7px;
}
.sy_con2 .rq .div p {
  font-size: 20px;
}
.sy_con3 .div .rig .p1 {
  font-size: 22px;
}
.sy_con3 .div .rig .p1 span {
  font-size: 24px;
  margin-right: 19px;
}
.bt .p2 {
  font-size: 30px;
}
.sy_con5 .p {
  font-size: 16px;
}

}
@media(max-width:991px){
  .sy_con1{
    padding-top: 40px;
  }
  .sy_con1 .rq .lef{
    width: 90%;
    float: none;
    margin: 0 auto;
  }
  .sy_con1 .rq .rig{
    width: 100%;
    float: none;
    padding-top: 10%;
  }
  .sy_con1 .rq {
    padding-top: 8%;
}
.sy_con2 .rq .div p {
  font-size: 16px;
}
.sy_con3 .div .rig .p1 {
  font-size: 16px;
}
.sy_con3 .div .rig .p1 span {
  font-size: 16px;
  margin-right: 6px;
}
.sy_con3 .div .rig .text {
  padding-top: 10px;
  margin-top: 10px;
  font-size: 14px;
}
.sy_con4 .rq .div {
  width: 55px;
  height: 55px;
  background-size: 18px 22px;
}
.sy_con5 .rq .div p {
  font-size: 14px;
}
}
@media(max-width:500px){
  .sy_con1 .rq {
    padding-top: 10%;
}
.sy_con1 .rq .rig {
  font-size: 14px;
}
.bt .p1 span {
  font-size: 22px;
}
.bt .p1 em {
  width: 28px;
  height: 28px;
}
.sy_con2{
  padding: 30px 0;
  padding-bottom: 20px;
}
.sy_con2 .rq .div {
  width: 26%;
}
.sy_con2 .rq .div p {
  font-size: 14px;
}
.bt .p1 span::before {
  height: 6px;
}
.sy_con3{
  padding-top: 30px;
}
.sy_con3 .div{
  width: 100%;
}
.sy_con3 .div .rig{
  padding-top: 0;
}
.sy_con3 .div .lef {
  width: 32%;
}
.sy_con3 .div .rig .text {
  line-height: 1.8;
}
.sy_con4{
  padding-top: 40px;
}
.bt .p2 {
  font-size: 22px;
}
.bt .p3 {
  font-size: 14px;
  padding-top: 6px;
}
.sy_con4 .rq .div {
  width: 44px;
  height: 44px;
}
.sy_con5{
  padding: 40px 0;
  padding-bottom: 15px;
}
.sy_con5 .p {
  font-size: 14px;
  margin-top: 14px;
  margin-bottom: 16px;
}
.sy_con5 .rq .div{
  width: 50%;
  margin-bottom: 25px;
}
.sy_con5::after{
  display: none;
}
.sy_con5 .rq .div p::before {
  top: -12px;
}
}

/* 校园招聘 */
.ny_con1{
  width: 100%;
  padding-top: 4%;
}
.TitBox.TitBox_ny{
  padding: 0;
}
.TitBox.TitBox_ny .cn span::before{
  right: -33%;
}
.ny_con1 .rq{
  width: 100%;
  padding-top: 2.3%;
  padding-bottom: 3%;
  text-align: center;
}
.ny_con1 .rq a{
  display: inline-block;
  font-size: 18px;
  color: #666666;
  width: 260px;
  height: 50px;
  line-height: 48px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  text-align: center;
  margin-right: 16px;
}
.ny_con1 .rq a:last-child{
  margin-right: 0;
}
.ny_con1 .rq a.on{
  background: #0084ff;
  border: 1px solid #0084ff;
  color: #fff;
}
.ny_con2{
  width: 100%;
  position: relative;
}
.ny_con2::before{
  content: '';
  width: 100%;
  height: 248px;
  background-image: url(../images/z_img10.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  left: 0;
  top: 12%;
  z-index: -1;
}
.ny_con2 .top{
  width: 100%;
}
.ny_con2 .top .lef{
  width: 47.75%;
  float: left;
  position: relative;
}
.ny_con2 .top .lef img{
  width: 100%;
}
.ny_con2 .top .lef .video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.ny_con2 .top .lef .div{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
}
.ny_con2 .top .lef .div .bf{
  width: 57px;
  height: 57px;
  background-image: url(../images/z_img9.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.ny_con2 .top .lef .div p{
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  padding-top: 10px;
}
.ny_con2 .top .rig{
  width: 48.58%;
  float: right;
  padding-top: 6%;
}
.bt .p4{
  font-size: 24px;
  color: #333333;
  position: relative;
}
.bt .p4 span{
  font-size: 80px;
  color: #cde4f7;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: -140%;
  transform: translateX(-50%);
  font-family: "IMPACT";
  z-index: -1;
}
.ny_con2 .bt{
  text-align: left;
}
.ny_con2 .bt span{
  left: 0;
  transform: translate(0);
}
.ny_con2 .top .rig .text{
  font-size: 18px;
  color: #333333;
  line-height: 1.777;
  padding-top: 5%;
}
.ny_con2 .bot{
  width: 100%;
  padding-top: 3%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ny_con2 .bot .div{
  width: 32%;
  background: #fff;
  border: 1px solid #eeeeee;
  padding: 2.5% 1.45%;
  padding-left: 7.75%;
  position: relative;
}
.ny_con2 .bot .div img{
  width: 60px;
  position: absolute;
  left: 4%;
  top: 50%;
  transform: translateY(-50%);
}
.ny_con2 .bot .div .p1{
  font-size: 20px;
  color: #0ea5ea;
}
.ny_con2 .bot .div .text{
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
  padding-top: 12px;
}

/* ny_con3 */
.ny_con3{
  width: 100%;
  padding-top: 5%;
  padding-bottom: 3.2%;
}
.ny_con3 .rq{
  width: 100%;
  padding-top: 3.5%;
}
.ny_con3 .rq .lef{
  width: 72.86%;
  float: left;
}
.ny_con3 .rq .lef img{
  width: 100%;
}
.ny_con3 .rq .rig{
  width: 23.58%;
  padding-bottom: 37.15%;
  position: relative;
  float: right;
}
.ny_con3 .rq .rig .rq1{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.ny_con3 .rq .rig .swiper-container {
  width: 100%;
  height: 94%;
}
.ny_con3 .rq .swiper-slide{
  width: 100%;
  position: relative;
}
.ny_con3 .rq .rig .swiper-slide img{
  width: 100%;
}
.ny_con3 .rq .lef p{
  font-size: 18px;
  color: #fcfcfc;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 50px;
  background-image: url(../images/z_img11.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 20px;
}
.ny_con3 .rq .rig p{
  font-size: 16px;
  color: #fcfcfc;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 44px;
  background-image: url(../images/z_img12.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 18px;
}
.ny_con3 .rq .rig .div{
  width: 100%;
  height: 4.2%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
}
.ny_con3 .rq .rig .div .swiper-button-next,
.ny_con3 .rq .rig .div .swiper-button-prev{
  position: static;
  margin-top: 0;
  width: 49%;
  height: 100%;
  background: #d9d9d7;
  position: relative;
  opacity: 1;
  top: 0;
  left: 0;
}
.ny_con3 .rq .rig .div .swiper-button-next:hover,
.ny_con3 .rq .rig .div .swiper-button-prev:hover{
  background: #0084ff;
}
.ny_con3 .rq .rig .div .swiper-button-next::before,
.ny_con3 .rq .rig .div .swiper-button-prev::before{
  content: '';
  width: 6px;
  height: 12px;
  background-image: url(../images/z_img13.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.ny_con3 .rq .rig .div .swiper-button-prev::before{
  transform: translate(-50%,-50%) rotate(180deg);
}

/* ny_con4 */
.ny_con4{
  width: 100%;
  background: #f1f5f9;
  position: relative;
  padding-top: 5%;
  padding-bottom: 3.7%;
  z-index: 1;
  overflow: hidden;
}
.ny_con4::before{
  content: '';
  width: 963px;
  height: 1223px;
  background-image: url(../images/z_img15.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  opacity: 0.6;
}
.ny_con4 .rq{
  width: 100%;
  margin-top: 2.5%;
  position: relative;
}
.ny_con4 .rq .top{
  width: 100%;
  overflow: hidden;
}
.ny_con4 .rq .top img{
  width: 100%;
  transition: all .5s;
}
.ny_con4 .rq .swiper-slide:hover .top img{
  transform: scale(1.05);
}
.ny_con4 .rq p{
  font-size: 22px;
  color: #333333;
  text-align: center;
  padding-top: 5%;
}
.sw_next,.sw_prev{
  width: 50px;
  height: 50px;
  background-image: url(../images/z_img14.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 0;
  right: -110px;
  top: 40%;
  transform: translateY(-50%);
}
.sw_prev{
  left: -110px;
  transform:translateY(-50%) rotate(180deg);
}
/* ny_con5 */
.ny_con5{
  width: 100%;
  padding-top: 5%;
  padding-bottom: 2.6%;
  z-index: 1;
}
.ny_con5 .top{
  width: 100%;
  position: relative;
  margin-top: 2.8%;
}
.ny_con5 .bot img,
.ny_con5 .top img{
  width: 100%;
}
.ny_con5 .bot{
  width: 100%;
  margin-top: 15px;
}
.ny_con5 .sw_prev,
.ny_con5 .sw_next{
  top: 50%;
}
.ny_con5 .bot .swiper-slide{
  position: relative;
  overflow: hidden;
}
.ny_con5 .bot .swiper-slide::before{
  content: '';
  width: 100%;
  height: 100%;
  background: #bda77d;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.ny_con5 .bot .swiper-slide.swiper-slide-thumb-active::before{
  opacity: 0.8;
}
@media(max-width:1459px){
  .ny_con2 .top .rig .text {
    font-size: 16px;
  }
  .ny_con2 .bot .div .text {
    font-size: 14px;
  }
  .ny_con3 .rq .rig p {
    font-size: 14px;
}
.ny_con3 .rq .lef p {
  font-size: 16px;
}
.ny_con4 .rq p {
  font-size: 18px;
}
}
@media(max-width:991px){
  .ny_con1 .rq a {
    width: auto;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    margin-right: 6px;
    padding: 0 10px;
}
.ny_con2 .top .lef{
  width: 100%;
}
.ny_con2 .top .rig{
  width: 100%;
}
.ny_con2 .top .rig .text{
  padding-top: 20px;
}
.ny_con2 .bot .div img {
  width: 46px;
}
.ny_con3 {
  padding-top: 8%;
}
.ny_con3 .rq .lef{
  width: 100%;
}
.ny_con3 .rq .rig{
  width: 100%;
  padding-bottom: 0;
  margin-top: 10px;
}
.ny_con3 .rq .rig .rq1{
  position: static;
}
.sw_next, .sw_prev,
.ny_con3 .rq .rig .div .swiper-button-next, .ny_con3 .rq .rig .div .swiper-button-prev{
  display: none;
}

}
@media(max-width:500px){
.TitBox.TitBox_ny .cn span::before {
  right: -20%;
  width: 28px;
  height: 28px;
  background-size: contain;
}
.ny_con1{
  padding-top: 40px;
}
.ny_con1 .rq{
  padding: 20px 0;
}
.ny_con2 .top .lef .div .bf {
  width: 35px;
  height: 35px;
}
.ny_con2 .top .lef .div p {
  font-size: 14px;
  padding-top: 8px;
}
.bt .p4 {
  font-size: 18px;
}
.bt .p4 span {
  font-size: 56px;
}
.ny_con2 .top .rig {
  padding-top: 50px;
}
.ny_con2 .top .rig .text {
  padding-top: 8px;
  font-size: 14px;
}
.ny_con2 .bot{
  padding-top: 20px;
}
.ny_con2 .bot .div{
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  padding-left: 70px;
}
.ny_con2 .bot .div .p1 {
  font-size: 16px;
}
.ny_con2 .bot .div .text {
  padding-top: 5px;
}
.ny_con2::before{
  display: none;
}
.ny_con5,
.ny_con4,
.ny_con3 {
  padding-top: 60px;
  padding-bottom: 40px;
}
.ny_con3 .rq{
  padding-top: 14px;
}
.ny_con3 .rq .lef p {
  font-size: 14px;
  line-height: 36px;
  padding: 0 10px;
}
.ny_con3 .rq .rig p {
  font-size: 12px;
  line-height: 24px;
  padding: 0 5px;
}
.ny_con4 .rq{
  margin-top: 14px;
}
.ny_con4 .rq p {
  font-size: 14px;
}
.ny_con4::before {
  width: 255px;
  height: 500px;
}
.ny_con5 .bot {
  margin-top: 10px;
}
.ny_con5 .top{
  margin-top: 14px;
}
}

.ny2_con1{
  width: 100%;
  padding-bottom: 3.5%;
}
.ny2_con1 .p1{
  font-size: 40px;
  color: #333333;
  font-family: "HarmonyOS_Sans_SC_Bold";
  text-align: center;
}
.ny2_con1 .p2{
  text-align: center;
  margin-top: 1%;
}
.ny2_con1 .p2 span{
  font-size: 24px;
  color: #333333;
  text-align: center;
  position: relative;
}
.ny2_con1 .p2 span::before,
.ny2_con1 .p2 span::after{
  content: '';
  width: 65px;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  right: -48%;
  top: 50%;
  transform: translateY(-50%);
}
.ny2_con1 .p2 span::before{
  right: auto;
  left: -48%;
}
.ny2_con1 .text{
  width: 100%;
  padding-top: 2%;
  padding-bottom: 3%;
  font-size: 18px;
  color: #333333;
  line-height: 1.7778;
  text-align: center;
}
.ny2_con1 .text span{
  font-size: 24px;
  color: #e60000;
}
.ny2_con1 a{
  display: block;
  font-size: 18px;
  color: #fcfcfc;
  width: 140px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin: 0 auto;
  border-radius: 5px;
  background: #e60000;
}

.ny2_con2{
  width: 100%;
  padding-top: 4.2%;
  padding-bottom: 5%;
  position: relative;
}
.ny2_con2::before{
  content: '';
  width: 100%;
  height: 963px;
  background-image: url(../images/z_img17.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.ny2_con2 .rq{
  margin: 0 auto;
  width: 56.5%;
}
.ny2_con2 .rq .div{
  margin: 0 auto;
  position: relative;
}
.ny2_con2 .rq .div img{
  width: 100%;
}
.ny2_con2 .rq .div .video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ny2_con2 .rq .div1{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.ny2_con2 .rq .div1 .bf{
  width: 57px;
  height: 57px;
  background-image: url(../images/z_img9.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  cursor: pointer;
}
.ny2_con2 .rq .div1 p{
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  margin-top: 12px;
}
.ny2_con2 .rq1{
  width: 100%;
  padding-top: 7.5%;
  padding-bottom: 6%;
}
.ny2_con2 .rq1 .div{
  width: 100%;
  padding-top: 3%;
}
.ny2_con2 .rq1 .div img{
  width: 100%;
}
.ny2_con2 .rq2{
  width: 58.5%;
  margin: 0 auto;
}
.ny2_con2 .rq2 .div{
  margin: 0 auto;
  position: relative;
  margin-top: 3%;
}
.ny2_con2 .rq2 .div img{
  width: 100%;
}
.ny2_con2 .rq2 .div .video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ny2_con2 .rq2 .div1{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.ny2_con2 .rq2 .div1 .bf{
  width: 57px;
  height: 57px;
  background-image: url(../images/z_img9.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  cursor: pointer;
}
.ny2_con2 .rq2 .div1 p{
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  margin-top: 12px;
}
.ny2_con2 .rq2 .div2{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 5.2%;
}
.ny2_con2 .rq2 .div3 .p1{
  font-size: 16px;
  color: #999999;
  position: relative;
}
.ny2_con2 .rq2 .div3 .p1::before{
  content: '';
  width: 11px;
  height: 6px;
  background-image: url(../images/z_img16.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -16px;
}
.ny2_con2 .rq2 .div3 .p2{
  font-size: 16px;
  color: #333333;
  margin-top: 8px;
}
@media(max-width:1459px){
  .ny2_con1 .p1 {
    font-size: 30px;
}
.ny2_con1 .p2 span {
  font-size: 18px;
}
.ny2_con1 .p2 span::before, .ny2_con1 .p2 span::after {
  width: 50px;
}
.ny2_con1 .text {
  font-size: 16px;
}
.ny2_con1 .text span {
  font-size: 18px;
}
}
@media(max-width:991px){
  .ny2_con2 .rq2,
  .ny2_con2 .rq{
    width: 100%;
  }
}
@media(max-width:500px){
  .ny2_con1 .p1 {
    font-size: 20px;
}
.ny2_con1{
  padding-bottom: 40px;
}
.ny2_con1 .p2 span {
  font-size: 16px;
}
.ny2_con1 .p2 span::before, .ny2_con1 .p2 span::after {
  width: 35px;    right: -38%;
}
.ny2_con1 .p2 span::before {
  left: -38%;
}
.ny2_con1 .p2{
  margin-top: 10px;
}
.ny2_con1 .text {
  font-size: 14px;
  padding: 15px 0;
}
.ny2_con1 .text span {
  font-size: 16px;
}
.ny2_con1 a {
  font-size: 14px;
  width: 100px;
  height: 36px;
  line-height: 36px;
}
.ny2_con2 .rq2 .div1 .bf,
.ny2_con2 .rq .div1 .bf {
  width: 40px;
  height: 40px;
}
.ny2_con2 .rq2 .div1 p,
.ny2_con2 .rq .div1 p {
  font-size: 14px;
  margin-top: 8px;
}
.ny2_con2{
  padding: 40px 0;
}
.ny2_con2 .rq1 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.ny2_con2 .rq1 .div {
  padding-top: 14px;
}
.ny2_con2 .rq2 .div{
  margin-top: 14px;
}
.ny2_con2 .rq2 .div2{
  flex-wrap: wrap;
  justify-content: left;
  padding-top: 10px;
}
.ny2_con2 .rq2 .div3 .p1 {
  font-size: 14px;
}
.ny2_con2 .rq2 .div3 .p2 {
  font-size: 14px;
  margin-top: 4px;
}
.ny2_con2 .rq2 .div3{
  margin-top: 30px;
  width: 33.3333%;
}

}

.itemOne ul{
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  color: #fff;
  flex-wrap: wrap;
}
.itemOne ul li{
  position: relative;
  width: 23%;
  background: #0084ff;
}
.itemOne ul .title{
  font-size: 30px;
  background: #0084ff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .5s;
}
.itemOne ul .liste{
  padding: 10%;
  text-align: center;
}
.itemOne ul .liste h1{
  font-size: 20px;
}
.itemOne ul .liste h2{
  font-size: 12px;
  padding: 5px 0 15px;
}
.itemOne ul li:hover .title{
  opacity: 0;
  transition: .5s;
}
.Happywork .article_tit {
  margin: unset;
}
.columns_{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.columns_>div,.columns_ .article_tit{
  width: 30%;
}

.Happywork .itemTwo .list .slick-slide{
      border: 0px solid transparent;
}

@media(min-width:768px){
  .itemOne ul .title{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media(max-width:768px){
  .columns_>div,.columns_ .article_tit{
    width: 100%;
  }
  .itemOne ul li{
    width: 50%;
  }
  .itemOne ul .liste {
      padding: 5% 0;
  }
}

.fixedItem .edit{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0px !important
}

.qingnian{
  padding-bottom: 200px
}
.qingnian ul{
  width: 50%;
  margin: auto;
}
.fixedItem #ul{
  list-style-type: none;
  display: flex;
  justify-content: center;
}

.fixedItem #ul li{
  padding: 5px 20px;
}
.fixedItem #ul li.on{
    background: #0084ff;
    color: #fff;
}


.train>img{
  width: 100%;
}
.train .columns{
  display: flex;
  justify-content: space-between;
  background: aliceblue;
  padding: 3%;
  align-items: center;
}
.train .columns .column:nth-child(1){
  width: 60%;
}

.train .columns .column:nth-child(2){
  width: 30%;
  text-align: center;
}

.train .columns .column h1{
  color: #0084FF;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 2px;
}
.train .columns .column p{
  font-size: 18px;
  color: #333333;
  line-height: 1.8;
  padding-bottom: 15px;
}

.train .columns .column .li{
  display: none;
}

.train .columns .column .li:nth-child(1){
  display: block;
}

.train .columns .column .list{
  flex-grow: 1;
  background: #38b4ed;
  color: #fff;
  border-bottom: 1px solid #fff;
  line-height: 3;
}

.train .columns .column .list.on{
  background: #0084ff;
}

.train .columns .column .list:hover{
  background: #0084ff;
}

.Newforce .bot .div{
  width: 49%;
}

.Newforce .intro{
  padding-top: 30px;
}

.Newforce .image img{
  width: 100%;
}

.bot{
  padding: 3% 0;
}