#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(../image/a_prev.png)no-repeat center #fff; margin-right: 5px;}
.Pages .a_next{background: url(../image/a_next.png)no-repeat center #fff; margin-left: 5px;}
.Pages .a_prev:hover{background: url(../image/a_prev_on.png)no-repeat center #e60000; border: 1px solid #e60000;}
.Pages .a_next:hover{background: url(../image/a_next_on.png)no-repeat center #e60000; border: 1px solid #e60000;}
.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: #e60000; border: 1px solid #e60000;}
@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: #e60000; border: 1px solid #e60000; 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: #e60000; border: 1px solid #e60000; 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: #e60000; 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(../image/material_bg.jpg)no-repeat center; background-size: cover; padding: 5% 0;}
.sustainable .tit{font-size: 40px; color: #e60000; 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: #e60000; 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(../image/no_icon.png)no-repeat right center; padding: 0 30px 0 0; margin-bottom: 5px;}
.sustainable .yes{background: url(../image/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(../image/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(../image/detail.png)no-repeat right center; padding-right: 35px; display: inline-block;}
.news_center li:hover .tit{color: #e60000;}
.news_center li:hover .date{background: #e60000; border: 1px solid #e60000;}
.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(../image/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(../image/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(../image/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: #e60000;}

.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: 0 0 5% 0; 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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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: #e60000; 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(../image/ivy_project_bg2.png), url(../image/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(../image/ivy_project_bg2.png), url(../image/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(../image/ivy_project_bg2.png), url(../image/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,
  .ivy_project .content-right{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(../image/next_arrow1.png)no-repeat center;}
.ivy_project .ul3 .slick-prev{left: -1%; background: url(../image/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(../image/next_arrow2.png)no-repeat center;}
.ivy_project .ul4 .slick-prev{left: 7%; background: url(../image/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: #e60000;}
.recruitment .send{width: 140px; line-height: 50px; background-color: #e60000; color: #fff; border-radius: 5px; text-align: center; margin: 3% auto; cursor: pointer;}

.recruitment .part2{background: url(../image/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 #E9322D; left: -5px; bottom: -6px; border-radius: 100%; position: absolute;}
.recruitment .date{color: #E9322D; 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: #e60000; 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: #e60000; border: none; outline: 0; border-radius: 5px; cursor: pointer;}
.placeholder .webuploader-pick{background-color: #e60000!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(../image/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: #e60000;}
.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(../image/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(../image/next_arrow1.png)no-repeat center;}
.global_talent .ul1 .slick-prev{left: -2%; background: url(../image/prev_arrow1.png)no-repeat center;}

.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: #e60000; border: 1px solid #e60000; 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(../image/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(../image/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: #e60000;}
.global_talent .tab-box2 li.aon span{font-size: 32px;}
.global_talent .tab-box2 li.aon::before{background: url(../image/aon_dot.png)no-repeat center bottom; transform: translate(-50%, 40%);}

.global_talent .part3{padding: 3% 0; background: url(../image/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(../image/aon_bg.png)no-repeat center;}
.global_talent .tab-box3 li.aon::before{content: ''; width: 110px; height: 110px; border-radius: 50%; background-color: rgba(230, 0, 0, .2); 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(../image/next_arrow2.png)no-repeat center;}
.global_talent .ul4 .slick-prev{left: 7%; background: url(../image/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(../image/joinus_bg1.png)no-repeat center bottom; background-size: cover;}
.join_us .text span{font-size: 36px; color: #e60000; 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(../image/left_quota.png)no-repeat center;}
.join_us pre::after{right: -80px; bottom: 0; background: url(../image/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(../image/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: #e60000; 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(../image/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(../image/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: #e60000; 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: #e60000;}
  .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 tr td:nth-child(1), .contact_us tr td:nth-child(3) {
    
    line-height: 24px;
    padding: 2%;
	}
}

.contact_us .recruit_area{padding: 3% 0; background: url(../image/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(../image/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(../image/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(../image/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: #e60000;}
.contact_us .item.show .btn{background: url(../image/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(../image/kefu_icon.png)no-repeat center 10px #e60000; 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{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: #e60000; 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: #e60000;}
.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%;}
  .product-list .name{ font-size:16px; line-height:24px;}
  .product-list>li:nth-child(2n+1){clear: both;}
}

/* 网站地图 */
.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: #e600001f;}