@charset "utf-8";
/* CSS Document */
.pub-sub-nav { width: 100%; margin: 0px auto; }
.pub-sub-nav-contain { max-width: 1400px; margin: 0px auto; box-shadow: 0px 6px 80px 0px rgba(0, 0, 0, 0.16); line-height: 78px; position: relative; margin-top: -32px; height: 78px; background: #fff; }
.sub-nav-list { float: left; }
.sub-nav-list > a, .sub-nav-list .item > a { display: block; line-height: 78px; width: 162px; height: 78px; text-align: center; float: left; background: #fff url(../images/pub_subtit_bg.png) no-repeat right center; font-size: 16px; color: #333; transition: none; }
.sub-nav-list .item { position: relative; float: left; }
.sub-nav-list .drop { z-index: 99; position: absolute; left: 0; top: 100%; width: 100%; box-shadow: 0px 6px 80px 0px rgba(0, 0, 0, 0.16); background: #fff; display: none; }
.sub-nav-list .drop a { transition: none; line-height: 1.5; text-align: center; display: block; padding: 20px 5px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #333; }
.sub-nav-list .drop a:first-child { border-top: unset; }
.sub-nav-list .drop a:hover { color: #fff; background: #e10600; }
.sub-nav-list .item:hover .drop { display: block; }
.sub-nav-list > a:hover, .sub-nav-list > a.active, .sub-nav-list .item:hover > a, .sub-nav-list .item > a.active { color: #fff; background: #e10600 url(../images/nav_act.png) no-repeat right top; }
.pub-sub-nav .crumbs { float: right; color: #888888; margin-right: 30px; }
.pub-sub-nav .crumbs span { font-size: 20px; margin-right: 5px; position: relative; top: 2px; }
/* contact */
.contact { padding: 90px 0 110px; }
.contact .contain { padding: 0 50px; }
.contact .ct-info { float: left; width: 30%; }
.contact .ct-info li { font-size: 18px; color: #555; border-bottom: 1px solid #e8e8e8; padding-left: 50px; height: 95px; line-height: 95px; }
.contact .ct-info li.add { background: url(../images/icon_ct1.png) no-repeat left center; }
.contact .ct-info li.tel { background: url(../images/icon_ct2.png) no-repeat left center; }
.contact .ct-info li.fax { background: url(../images/icon_ct3.png) no-repeat left center; }
.contact .ct-info li.email { background: url(../images/icon_ct4.png) no-repeat left center; }
.contact .ct-map { float: right; width: 66.7%; }
#dituContent { width: 100%; height: 380px; }
/* 劳工关系 */
.worker { padding: 70px 0 50px; position: relative; }
.about-tit { font-size: 36px; color: #333; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 35px; font-weight: bold; }
.about-tit:after { content: ""; position: absolute; left: 50%; bottom: 0px; width: 42px; height: 1px; background: #000; margin-left: -21px; }
.about-info { font-size: 20px; color: #666; text-align: center; line-height: 30px; padding-bottom: 30px; }
.worker-list li { width: 25%; float: left; text-align: center; font-size: 16px; color: #666666; margin-top: 55px; }
.worker-list li span { display: block; width: 131px; height: 131px; margin: 0px auto; position: relative; transition: all 0.5s; top: 0px; }
.worker-list li:hover span { top: -10px; }
.worker-list li h4 { margin-top: 15px; }
/* 废弃物和水 */
.water-list { margin-top: 20px; padding: 25px; }
.water-list .swiper-container { padding: 25px 0; }
.water-list li { width: 18.57%; float: left; margin-right: 1.785%; height: 270px; background: #fff; border: 1px solid #ebebec; border-top: 2px solid #ff8887; padding: 35px 25px 30px; -webkit-transition: all .2s linear; transition: all .2s linear; }
.water-list li:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
.water-list li:last-child { margin-right: 0px; }
.water-list li .com-img img { max-width: 100%; }
.water-list li span { display: block; width: 45px; height: 45px; border-radius: 50%; margin: 0px auto; background: #ffacab; text-align: center; line-height: 45px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 22px; }
.water-list li h4 { font-size: 18px; color: #222222; font-weight: bold; text-align: center; margin: 20px auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.water-list li .note { color: #888; line-height: 26px; font-size: 14px; margin-bottom: 20px; height: 130px; }
.water-list li:nth-child(2) { border-top: 2px solid #28c8e5; }
.water-list li:nth-child(2) span { background: #28c8e5; }
.water-list li:nth-child(3) { border-top: 2px solid #55dec9; }
.water-list li:nth-child(3) span { background: #55dec9; }
.water-list li:nth-child(4) { border-top: 2px solid #79ce81; }
.water-list li:nth-child(4) span { background: #79ce81; }
.water-list li:nth-child(5) { border-top: 2px solid #dabe73; }
.water-list li:nth-child(5) span { background: #dabe73; }
/* 可持续发展 */
.developmentbox { padding: 70px 0 180px; }
.development { margin-top: 45px; }
.development img { max-width: 100%; }
.development .devpmImg { text-align: center; }
.developmentbox .devbgImg { text-align: center; }
.devInfo-flex { justify-content: flex-end; display: flex; flex-wrap: wrap; position: relative; }
.devInfo-flex:nth-child(2n) { justify-content: flex-start; }
.devInfo-flex:nth-child(2n) .devInfo-con { left: auto; right: 0; }
.devInfo-img { width: 74%; }
.devInfo-img img { width: 100%; height: 470px; object-fit: cover; }
.devInfo-con { z-index: 5; overflow: hidden; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 85%; padding: 20px 80px; display: flex; flex-direction: column; justify-content: center; width: 43%; box-shadow: 0px 6px 80px 0px rgba(0, 0, 0, 0.08); border-radius: 120px 0 120px 0; }
.devInfo-con .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.devInfo-con .bg img { width: 100%; height: 100%; object-fit: cover; }
.devInfo-con .title { font-size: 30px; color: #333; font-weight: 700; position: relative; z-index: 2; }
.devInfo-con .list { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; }
.devInfo-con .item { display: flex; font-size: 18px; color: #888; margin-top: 26px; padding-left: 16px; position: relative; transition: none; }
.devInfo-con .item:first-child { margin-top: 0; }
.devInfo-con .item::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #888; }
.devInfo-con .item span { position: relative; }
.devInfo-con .item span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #888; transition: all .5s; }
.devInfo-con .item:hover { color: #e10600; }
.devInfo-con .item:hover span::after { background: #e10600; }
.devInfo-con .item:hover::after { background: #e10600; }
.esg-view { padding: 70px 0 100px; }
.esg-view .devInfo-img { width: 68%; }
.esg-view .devInfo-con { left: calc((100vw - 1400px) / 2); width: 600px; padding-top: 50px; justify-content: flex-start; }
.esg-view .devInfo-con .list { height: calc(100% - 35px); }
.esg-view .devInfo-con .item { margin-top: 20px; }
.esg-view .devInfo-flex:nth-child(2n) .devInfo-con { left: auto; right: calc((100vw - 1400px) / 2); }
.esg-view .devInfo-flex { margin-top: 100px; }
.esg-view .devInfo-flex:first-child { margin-top: 0; }
/* 新闻详情页 */
.w1300 { max-width: 1300px; margin: 0px auto; }
.news-content { padding: 90px 0; }
.news-content .news-cont { float: left; width: 74.23%; position: relative; }
.news-content .news-cont:after { position: absolute; content: ""; width: 1px; height: 100%; right: -5%; top: 0px; background: #e3e3e3; }
.news-content .news-cont h1 { font-size: 24px; color: #111; }
.news-content .news-cont .date { color: #999999; font-size: 13px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 50px; margin-top: 20px; position: relative; }
.news-content .news-cont .date a.returnList { position: absolute; right: 0px; top: 0px; background: url(../images/icon_rl.png) no-repeat right center; padding-right: 20px; }
.news-content .news-cont .date a:hover { text-decoration: underline; }
.news-content #content { color: #888888; line-height: 30px; }
/* .news-content #content p{margin-bottom:30px;} */

.news-content .news-flip-page { float: right; width: 17%; }
.news-flip-page h2 { font-size: 22px; color: #333; font-weight: bold; margin-bottom: 45px; }
.news-flip-page .prev { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding-bottom: 30px; color: #444; line-height: 24px; }
.news-flip-page .prev .time { font-size: 12px; color: #999; margin-top: 15px; }
.news-flip-page .next { border-bottom: 1px solid #e4e4e4; padding-bottom: 30px; color: #444; line-height: 24px; }
.news-flip-page .next .time { font-size: 12px; color: #999; margin-top: 15px; }
.news-flip-page a:hover { color: rgba(15, 6, 99); }
/* 关于我们 */
.aboutwrap { padding: 70px 0 120px; background: url(../images/about_bg.png) no-repeat left bottom; }
.aboutwrap .about-info { text-align: left; }
.aboutwrap .about-info p { text-indent: 20px; margin-bottom: 20px; }
.about-num li { width: 33%; float: left; text-align: center; margin-top: 60px; font-size: 16px; color: #666; position: relative; }
.about-num li:after { position: absolute; right: 0px; bottom: 0px; content: ""; width: 1px; height: 100px; border-right: 1px dashed #d9d9d9; }
.about-num li:last-child:after { display: none; }
.about-num li span { font-size: 70px; color: #e10600; font-family: fantasy, Impact; }
.about-adv { padding: 80px 0 70px; background: #e9f2f9; position: relative; }
.about-adv .swiper-container { padding-bottom: 20px; }
.about-adv ul { position: relative; z-index: 2; margin-top: 30px; padding: 30px 0; }
.about-adv:after { position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 340px; background-image: linear-gradient(to right, #e53632, #c90604); z-index: 0; }
.about-adv .about-tit { position: relative; z-index: 2; color: #fff; }
.about-adv .about-tit:after { background: #fff; }
.about-adv li { width: 23.4285%; float: left; margin-right: 1.785%; min-height: 520px; background: #fff; border: 1px solid #ebebec; border-top: 2px solid #ffacab; padding: 40px 35px; -webkit-transition: all .2s linear; transition: all .2s linear; position: relative; }
.about-adv li:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
.about-adv li:nth-child(4n) { margin-right: 0px; }
.about-adv .com-img { margin: 32px auto; }
.about-adv li .note { color: #888; line-height: 26px; height: 300px; }
.about-adv li h4 { font-size: 22px; color: #333; }
.about-adv li span { position: absolute; right: 35px; top: 40px; color: #dddddd; font-size: 28px; }
.about-adv li:after { position: absolute; content: ""; left: 0px; bottom: -1px; width: 100%; height: 10px; background: #FFD929; opacity: 0; -webkit-transition: all .2s linear; transition: all .2s linear; }
.about-adv li:hover:after { opacity: 1; }
.about-adv li:hover { background: #fff url(../images/icon_hover.png) no-repeat right top; transition: none; }
.about-adv li:hover h4, .about-adv li:hover .note { color: #e10600; }
.about-adv li:hover h4 { font-weight: bold; }
/* 关于我们-核心价值 */
.about-core { padding: 80px 0 100px; background: #fff; position: relative; }
.about-core ul { position: relative; z-index: 2; margin-top: 60px; }
.about-core li { width: 23.57%; float: left; margin-right: 1.785%; height: 375px; background: #fff; padding: 35px 30px; -webkit-transition: all .2s linear; transition: all .2s linear; position: relative; margin-top: 30px; text-align: center; }
.about-core li:hover { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); }
.about-core li:nth-child(4n) { margin-right: 0px; }
.about-core .com-img { margin: 22px auto; height: 60px; border-radius: 5px; padding: 10px 0; }
.about-core .com-img img { max-height: 35px; }
.about-core li .note { color: #999; line-height: 26px; text-align: left; }
.about-core li h4 { font-size: 18px; color: #222; }
.about-core li span { position: absolute; right: 40px; top: 40px; color: #dddddd; font-size: 28px; }
.aboutIdea { padding: 70px 0 65px; background: #f7f7f7 url(../images/lg_bg.png) no-repeat 130px bottom; }
.ideabox { margin-top: 40px; }
.idea-fl { float: left; width: 45%; }
.idea-fl h4 { font-size: 32px; color: #111; margin-bottom: 15px; position: relative; }
.idea-fl p { font-size: 16px; color: #999; }
.idea-fl .vision, .idea-fl .mission { width: 450px; margin: 0px auto; position: relative; padding-top: 35px; }
.idea-fl .vision:after { position: absolute; content: "VISION"; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #dbdbdb; left: 0px; top: 0px; }
.idea-fl .vision:before { position: absolute; content: "VISION"; font-family: Arial, Helvetica, sans-serif; font-size: 14px; left: 0px; top: 12px; font-size: 58px; color: #e5e5e5; font-weight: bold; }
.idea-fl .mission { margin-top: 60px; }
.idea-fl .mission:after { position: absolute; content: "MISSION"; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #dbdbdb; left: 0px; top: 0px; }
.idea-fl .mission:before { position: absolute; content: "MISSION"; font-family: Arial, Helvetica, sans-serif; font-size: 14px; left: 0px; top: 12px; font-size: 58px; color: #e5e5e5; font-weight: bold; }
.idea-fr { float: right; width: 50%; }
/* 关于我们-发展历程 */
.about-history { padding: 70px 0 80px; background: #f7f7f7; }
.hislist { position: relative; height: 800px; }
.hislist .swiper-container { width: calc(100% - 130px); height: 800px; }
.hislist i { position: absolute; width: 90%; height: 1px; border-bottom: 1px dashed #727272; top: 50%; left: 5%; }
.hislist .swiper-slide { position: relative; }
.hislist .swiper-slide:after { position: absolute; content: ""; width: 1px; height: 24px; left: 50%; bottom: 50%; background: #555; margin-left: -0.5px; }
.hislist .swiper-slide:nth-child(2n):after { position: absolute; content: ""; width: 1px; height: 24px; left: 50%; top: 50%; background: #555; margin-left: -0.5px; }
.hislist .swiper-slide span { font-size: 20px; color: #333; font-family: Arial; text-align: center; display: block; position: absolute; top: 52%; width: 100%; }
.hislist .swiper-slide:nth-child(2n) span { font-size: 20px; color: #333; font-family: Arial; text-align: center; display: block; position: absolute; top: 44%; width: 100%; }
.hisbox1 { position: absolute; text-align: center; bottom: 55%; width: 100%; }
.hislist .note { color: #777; }
.hisbox1 .note { background: #fff; padding: 20px; width: 100%; z-index: 99; position: relative; }
.hisbox1 .note img { width: 100%; height: 138px; object-fit: cover; }
.hisbox1 .note:after { position: absolute; content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; font-size: 0px; line-height: 0px; bottom: -10px; margin-left: -10px; }
.hislist .p { font-size: 15px; margin-top: 20px; text-align: left; line-height: 26px; max-height: 120px; overflow: hidden; overflow-y: auto; }
    /* 滚动条 */
    .hislist .p::-webkit-scrollbar {
 background: #fff;
 width: 4px;
 height: 4px;
}
 .hislist .p::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #ffc000;
}
.hisbox2 { position: absolute; text-align: center; top: 55%; width: 100%; }
.hisbox2 .note { display: block; background: #fff; padding: 20px; width: 100%; position: relative; }
.hisbox2 .note img { width: 100%; height: 138px; object-fit: cover; }
.hisbox2 .note:after { position: absolute; content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; font-size: 0px; line-height: 0px; top: -10px; margin-left: -10px; }
.hislist .swiper-slide:hover .note { background: #e10600; color: #fff; }
.hislist .swiper-slide:hover:before { position: absolute; content: ""; width: 10px; height: 10px; left: 50%; top: 50%; background: #e10600; border-radius: 50%; margin-left: -5px; margin-top: -5px; z-index: 2; }
.hislist .swiper-slide:hover .hisbox1 .note:after { border-top: 10px solid#e10600; }
.hislist .swiper-slide:hover .hisbox2 .note:after { border-bottom: 10px solid#e10600; }
.hislist .swiper-slide:hover span { color: #e10600; font-weight: bold; }
/* 全球据点 */
.global-address { width: 100%; padding: 70px 0 95px; }
.global-map { width: 951px; height: 473px; margin: 0px auto 50px; position: relative; }
/* .global-map .global{display:inline-block;background:url(../images/icon_add_blue.png) no-repeat center;padding-top:50px;color:#e10600;position: absolute;}
.global-map .global.active{background:url(../images/icon_add_red.png) no-repeat center;}
.global-map .global-zs{right:182px;top:240px;}
.global-map .global-hk{right:152px;top:260px;}
.global-map .global-taiwan{right:142px;top:230px;}
.global-map .global-miandian{right:222px;top:240px;}
.global-map .global-yuenan{right:202px;top:270px;}
.global-map .global-zhongmeizhou{left:222px;top:200px;} */

.global-map-c { display: none; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
.global-map-tit { background-image: linear-gradient(to right, #e10600, #2da9f0); height: 66px; line-height: 66px; overflow: hidden; padding: 0 10px; }
.global-map-tit a { padding: 0 30px; display: block; color: #fff; font-weight: bold; float: left; font-size: 22px; font-weight: bold; }
.global-map-tit a.active, .global-map-tit a:hover { background: #fff; color: #150d68; font-weight: bold; }
.global-map-c { background: #fff; padding: 60px 60px 40px; }
.global-map-c ul { overflow: hidden; }
.global-map-c ul li { width: 50%; float: left; margin-bottom: 25px; color: #666; font-size: 17px; }
/* 公司新闻 */
.rec-news ul li { width: 31.785%; float: left; margin-left: 2.3225%; padding: 20px; background: #fff; color: #888; font-size: 14px; line-height: 25px; position: relative; }
.rec-news ul li:first-child { margin-left: 0; }
.rec-news ul li h4 { margin: 25px auto; font-size: 20px; color: #111; padding-right: 40px; }
.rec-news ul li img { width: 100%; height: 190px; object-fit: cover; }
.rec-news ul li .info { padding-right: 40px; }
.rec-news ul li span { position: absolute; right: 20px; bottom: 30px; background: url(../images/icon_more.png) no-repeat center; width: 11px; height: 19px; }
.rec-news ul li:hover h4 { color: #e10600; }
.news-listbox { padding: 70px 0; }
.news-list { margin-top: 50px; }
.news-list li { padding: 45px; background: #F4F5F6; transition: all 0.3s; }
.news-list li img { width: 100%; height: 142px; object-fit: cover; }
.news-list li .com-img { width: 297px; float: left; }
.news-list li .note { width: 60%; margin: 0 4%; float: left; color: #999; line-height: 25px; padding-top: 25px; }
.news-list li .note h4 { font-size: 20px; color: #333333; margin-bottom: 20px; }
.news-list li .date { font-size: 12px; color: #999; font-family: Arial, Helvetica, sans-serif; float: right; width: 6%; padding-top: 35px; text-align: center; }
.news-list li .date span { font-size: 40px; color: #888888; display: block; }
.news-list li:hover { background: #fff; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
.news-list li:hover h4, .news-list li:hover .date, .news-list li:hover .date span { color: #e10600; }
/* 首页 - 业务范围 */
.ind-business { padding-top: 100px; }
.ind-tit { text-align: center; font-size: 36px; color: #333333; font-weight: bold; }
.ind-info { text-align: center; color: #666666; font-size: 16px; margin: 20px auto 60px; }
.ind-bus-fl { width: 50%; float: left; height: 630px; }
.ind-bus-fl img { width: 100%; height: 100%; object-fit: cover; }
.ind-bus-fr { width: 50%; float: right; background: #f0f0f0; margin-top: 28px; min-height: 430px; padding: 140px 50px; height: 570px; }
.ind-bus-fr h4 { font-size: 30px; color: #333333; }
.ind-bus-fr ul { margin: 30px auto; }
.ind-bus-fr ul li { width: 20%; float: left; text-align: center; height: 80px; line-height: 80px; }
.ind-bus-fr ul li img { width: 124px; max-height: 70px; object-fit: contain; }
.ind-bus-fr .more { display: inline-block; border: 1px solid #e10600; font-size: 14px; padding: 10px 20px; color: #e10600; border-radius: 25px; }
.ind-bus-fr .more:hover { background: #fff; }
.ind-bus-fr .more i { margin-left: 10px; }
.ind-about { padding: 80px 0 100px; overflow: hidden; }
.ind-about .ind-info { color: #666666; font-size: 16px; line-height: 30px; }
.ind-about ul li { width: 25%; float: left; text-align: center; }
.ind-about ul li p { font-size: 18px; color: #666; margin: 15px auto; }
.ind-about ul li .num { font-size: 18px; color: #666666; }
.ind-about ul li .num span { font-size: 48px; color: #e10600; font-family: fantasy, Impact; margin-right: 5px; }
.ind-cpm-adv { background: url(../images/ind-cpm-advbg.jpg) no-repeat center / cover; padding: 80px 0; overflow: hidden; }
.ind-cpm-adv .ind-tit { color: #fff; margin-bottom: 50px; }
.ind-cpm-adv ul li:first-child { background-color: rgba(246, 137, 0, 0.8); }
.ind-cpm-adv ul li:nth-child(2) { background-color: rgb(251, 6, 99, 0.8); }
.ind-cpm-adv ul li:nth-child(3) { background-color: rgba(221, 205, 0, 0.8); }
.ind-cpm-adv ul li:last-child { background-color: rgba(140, 8, 208, 0.8); }
.ind-cpm-adv ul li { float: left; width: 24%; margin-right: 1.33333%; min-height: 352px; padding: 75px 30px; color: #fff; line-height: 25px; -webkit-transition: all .2s linear; transition: all .2s linear; height: 430px; }
.ind-cpm-adv ul li h4 { text-align: center; margin-bottom: 25px; font-weight: bold; font-size: 24px; color: #fff; }
.ind-cpm-adv ul li:last-child { margin-right: 0px; }
.ind-cpm-adv ul li:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
/* 人才招聘 - 工作生活 */
.join_box { padding: 110px 0 80px; }
.join-tit { text-align: center; }
.join-tit a { font-size: 20px; color: #111; padding: 15px 35px; position: relative; }
.join-tit a:after { position: absolute; left: 50%; bottom: -7px; background: url(../images/icon_sjx.png) no-repeat center; content: ""; width: 15px; height: 7px; margin-left: -7.5px; opacity: 0; transition: all 0.5s; }
.join-tit a:hover, .join-tit a.active { background: #e10600; color: #fff; }
.join-tit a:hover:after, .join-tit a.active:after { opacity: 1; }
.join-active { margin-top: 55px; }
.join-active .swiper-slide { width: 900px; opacity: 0.2; }
.join-active .swiper-slide img { width: 100%; height: 555px; object-fit: cover; }
.join-active .swiper-slide.swiper-slide-active { opacity: 1; }
.join-active .swiper-container { padding-bottom: 50px; }
.join-active .swiper-pagination { bottom: 0px; }
.join-active .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; }
.join-active .swiper-button-prev { width: 66px; height: 66px; left: 0; top: 50%; margin-top: -30px; background: rgba(42,42,42,0.4) url(../images/icon_prev.png) no-repeat center / 24px 8px; border-radius: 50%; z-index: 99; transition: 0.2s; left: 50%; margin-left: -516px; }
.join-active .swiper-button-next { width: 66px; height: 66px; top: 50%; margin-top: -30px; background: rgba(68, 36, 36, 0.4) url(../images/icon_next.png) no-repeat center / 24px 8px; border-radius: 50%; z-index: 99; transition: 0.2s; right: 50%; margin-right: -516px; }
.join-active .swiper-button-prev:hover, .join-active .swiper-button-next:hover { background-color: #3597dd; }
.join-active .swiper-slide.swiper-slide-active h4 { opacity: 0.8; }
.join-active .swiper-slide h4 { position: absolute; left: 0px; bottom: 0px; height: 60px; line-height: 60px; background: #fff; width: 80%; left: 10%; bottom: 5%; text-align: center; font-size: 16px; color: #333; opacity: 0; transition: all 0.5s; }
/* 主题日活动 */
.join-box-bg { background: url(../images/about_bg.png) no-repeat center bottom; }
.join-active-msg { max-width: 1040px; margin: 60px auto 50px; text-align: center; position: relative; background: url(../images/active_bg.png) no-repeat center top / contain; padding-top: 35px; }
.join-active-msg:after { position: absolute; content: "“"; left: -100px; top: 15px; font-size: 80px; font-family: "宋体"; color: #999; }
.join-active-msg::before { position: absolute; content: "”"; right: -100px; top: 15px; font-size: 80px; font-family: "宋体"; color: #999; }
.join-active-msg h4 { font-size: 18px; font-weight: bold; color: #292266; margin-bottom: 20px; }
.join-active-msg p { font-size: 15px; color: #888; line-height: 26px; }
.join-active .active-note { text-align: center; font-size: 15px; color: #999; margin-top: 35px; line-height: 28px; }
/* 人才招聘 */
.joinUs { padding: 80px 0; }
.joinUs ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; }
.joinUs ul li { margin-bottom: 10px; width: calc((100% - 20px)/3); }
.joinUs .swiper-container { padding-bottom: 60px; }
.joinUs .swiper-container ul { display: inline-flex; flex-wrap: nowrap; }
/* 可持续发展ESH */
.eshBox { padding: 80px 0 70px; }
.eshone .esh-note { width: 50%; float: left; background: #f8f8f8; padding: 60px; line-height: 28px; color: #777; height: 257px; text-indent: 2em }
.eshone .esh-img { width: 49%; float: right; height: 257px; }
.eshone { margin-bottom: 65px; }
.esh-belief ul li { width: 25%; text-align: center; float: left; }
.esh-belief ul li p { margin-top: 25px; font-size: 16px; color: #333; }
.esh-belief ul li span { display: block; width: 170px; height: 170px; border-radius: 50%; margin: 0px auto; }
.esh-belief .swiper-container { padding-bottom: 60px; }
.esh-policy { padding: 70px 0 50px; }
/*.esh-policy ul li{width:31.4285%;float:left;margin-right:2.3225%;transition:all 0.5s;-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);margin-bottom:40px;}*/
.esh-policy li { width: 18.57%; float: left; margin-right: 1.785%; height: 400px; background: #fff; border: 1px solid #ebebec; border-top: 2px solid #ffacab; padding: 35px 25px 30px; -webkit-transition: all .2s linear; transition: all .2s linear; }
/*.esh-policy ul li .note{height:150px;padding:35px 40px;background:#fff;}*/
.esh-policy ul li:nth-child(3n) { margin-right: 0px; }
.esh-policy ul li h4 { font-size: 20px; color: #222; margin-bottom: 10px; }
.esh-policy ul li p { font-size: 15px; color: #999; }
.esh-policy ul li:hover { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
/*.esh-policy ul li:hover .note{background:#e10600;}*/
.esh-policy ul li:hover h4 { color: #fff; }
.esh-policy ul li:hover p { color: #fff; }
.esh-security { background: url(../images/esh-security.jpg) no-repeat center / cover; padding: 120px 0; color: #fff; overflow: hidden; }
.esh-security h2 { font-size: 36px; font-weight: bold; position: relative; padding-bottom: 20px; float: left; margin-top: 10px; }
.esh-security h2:after { position: absolute; content: ""; width: 40px; height: 1px; background: #fff; bottom: 0px; left: 0px; }
.esh-security ul { margin-left: 130px; }
.esh-security ul li { display: inline-block; border: 1px solid #837f8b; padding: 15px 60px; font-size: 26px; color: #fff; margin: 0 10px; }
.esh-security ul li:hover { border-color: #fff; }
.esh-security ul li span { font-size: 60px; vertical-align: middle; }
/* 主营业务 */
.about-bus-range { padding: 70px 0 85px; background: #f7f7f7; }
.shose { max-width: 1080px; margin: 40px auto; padding-bottom: 50px; }
.shose:after { position: absolute; left: 0px; top: 50%; width: 100%; height: 1px; background: #ECEBF3; content: ""; margin-top: -25px; }
.shose .swiper-slide span { display: block; width: 100px; height: 100px; border: 7px solid #ECEBF3; border-radius: 50%; line-height: 86px; text-align: center; background: #fff; position: relative; margin: 0px auto; overflow: hidden; }
.shose .swiper-slide span img { max-width: 80%; max-height: 80%; object-fit: contain; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.about-part { background-color: rgb(255, 255, 255); box-shadow: 3.5px 6.062px 21.6px 2.4px rgba(92, 90, 88, 0.08); padding: 50px 70px; border-top-left-radius: 120px; border-bottom-right-radius: 120px; }
.about-part .swiper-slide { text-align: center; padding: 15px 0; }
.about-part .swiper-slide img { width: 124px; max-height: 100px; object-fit: cover; }
.about-part .swiper-container { padding-bottom: 40px; }
.about-honor { padding: 70px 0; background: #fff; }
.about-honor .swiper-container { padding-bottom: 50px; }
.about-honor .swiper-slide .com-img { width: 312px; height: 312px; border: 1px solid #e6e6e6; text-align: center; padding: 30px; display: flex; align-items: center; }
.about-honor .swiper-slide .com-img img { width: 100%; max-height: 250px; object-fit: contain; }
.about-honor .swiper-slide:hover .com-img { border-color: #e10600; }
.about-honor .swiper-slide h4 { color: #666; font-size: 16px; margin-top: 20px; text-align: center; }
.about-honor .swiper-slide:hover h4 { font-weight: bold; color: #e10600; }
.about-video { padding: 70px 0; background: #f7f7f7; }
.about-video .swiper-container { padding-bottom: 50px; }
.about-video .swiper-slide .com-img { text-align: center; position: relative; }
.about-video .swiper-slide .com-img img { width: 100%; height: 297px; object-fit: cover; }
.about-video .swiper-slide h4 { color: #fff; font-size: 16px; margin-top: 20px; text-align: center; position: absolute; bottom: 20px; left: 0px; width: 100%; text-align: center; }
.about-video .com-img .vplay { position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin-left: -31px; margin-top: -31px; background: url(../images/icon_play.png) no-repeat center; cursor: pointer; z-index: 3; display: block; }
.video-iframe-box { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 999; display: none; }
.video-content { width: 80%; height: 80%; background: #000; left: 10%; top: 10%; position: absolute; overflow: hidden; }
.video-content #videos { width: 100%; height: 100%; object-fit: contain; }
.video-content span.video-close { position: absolute; right: 0px; top: 0px; font-size: 24px; color: #999; font-weight: bold; width: 40px; height: 40px; text-align: center; line-height: 40px; cursor: pointer; z-index: 99; }
/* 可持续发展 */
.energy { padding: 75px 0 90px; }
.energy-box { margin-top: 30px; }
.energy-class { padding: 70px 0 90px; }
.energy-class .swiper-container { padding-bottom: 80px; }
.energy-class-list ul { margin-top: 60px; }
.energy-class-list ul li { width: 20%; float: left; text-align: center; position: relative; }
.energy-class-list ul li .cirBox { width: 144px; height: 144px; margin: 0px auto; border-radius: 50%; color: #fff; font-size: 18px; padding: 30px 10px; position: relative; z-index: 2; }
.energy-class-list ul li:first-child .cirBox { background: #ffacab; }
.energy-class-list ul li:nth-child(2) .cirBox { background: #2cc3de; }
.energy-class-list ul li:nth-child(3) .cirBox { background: #44cfba; }
.energy-class-list ul li:nth-child(4) .cirBox { background: #71c779; }
.energy-class-list ul li:last-child .cirBox { background: #edb390; }
.energy-class-list ul li span { display: block; height: 43px; line-height: 43px; margin: 0px auto; text-align: center; }
.energy-class-list ul li span img { width: 75px; }
.energy-class-list ul li .cirBox p { margin-top: 10px; }
.energy-class-list ul li:after { position: absolute; content: ""; width: 182px; height: 182px; background: #ffacab; opacity: 0.2; left: 50%x; top: 50%; border-radius: 50%; z-index: -1; margin-left: -91px; margin-top: -91px; animation: pulse 3s infinite; -moz-animation: pulse 3s infinite; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; }
.energy-class-list ul li:nth-child(2):after { background: #2cc3de; opacity: 0.2; left: 50%x; top: 50%; border-radius: 50%; animation: pulse 3s infinite; -moz-animation: pulse 3s infinite; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; }
.energy-class-list ul li:nth-child(3):after { background: #44cfba; opacity: 0.2; left: 50%x; top: 50%; border-radius: 50%; animation: pulse 3s infinite; -moz-animation: pulse 3s infinite; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; }
.energy-class-list ul li:nth-child(4):after { background: #71c779; opacity: 0.2; left: 50%x; top: 50%; border-radius: 50%; animation: pulse 3s infinite; -moz-animation: pulse 3s infinite; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; }
.energy-class-list ul li:nth-child(5):after { background: #edb390; opacity: 0.2; left: 50%x; top: 50%; border-radius: 50%; animation: pulse 3s infinite; -moz-animation: pulse 3s infinite; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; }
.save-energy { padding: 70px 0; }
.save-energy ul { margin-top: 30px; }
.save-energy ul li { width: 31.4285%; float: left; margin-right: 2.3225%; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 20px; }
.save-energy ul li:nth-child(3n) { margin-right: 0px; }
.save-energy ul li p { font-size: 18px; color: #333; text-align: center; margin-top: 20px; }
.save-energy ul li:hover p { color: #e10600; }
.save-energy ul li .com-img img { width: 100%; height: 188px; object-fit: cover; }
.save-energy .swiper-container { padding-bottom: 35px; }
.proj-energy { padding: 70px 0; }
.proj-energy .swiper-container { padding-bottom: 30px; }
.proj-energy ul { padding-top: 10px; }
.proj-energy ul li { width: 18%; float: left; margin-right: 2.5%; transition: all .5s; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); min-height: 230px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 25px; }
.proj-energy ul li:nth-child(5n) { margin-right: 0; }
.proj-energy ul li h4 { height: 74px; line-height: 74px; font-size: 22px; text-align: center; color: #fff; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.proj-energy ul li:first-child h4 { background: #299BDC; }
.proj-energy ul li:nth-child(2) h4 { background: #26B8D3; }
.proj-energy ul li:nth-child(3) h4 { background: #51C9B6; }
.proj-energy ul li:nth-child(4) h4 { background: #7CC382; }
.proj-energy ul li:nth-child(5) h4 { background: #C2AB6F; }
.proj-energy ul li:nth-child(6) h4 { background: #7EC084; }
.proj-energy ul li:nth-child(7) h4 { background: #CCB476; }
.proj-energy ul li:nth-child(8) h4 { background: #26B8D3; }
.proj-energy ul li:nth-child(9) h4 { background: #51C9B6; }
.proj-energy ul li:hover { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
.proj-energy ul li .note { padding: 30px 20px; font-size: 14px; color: #666; }
/* 人才招聘 - 员工 */
.staff-info { position: relative; }
.staff-info:after { position: absolute; content: "“"; left: 0px; top: 0px; font-size: 80px; font-family: "宋体"; color: #999; }
.staff-info:before { position: absolute; content: "”"; right: 0px; bottom: 0px; font-size: 80px; font-family: "宋体"; color: #999; }
.staffBox li { width: 45%; background: #fff; box-shadow: 0px 1px 65px 0px rgba(0, 0, 0, 0.14); padding: 95px 40px; transition: all 0.5s; text-align: center; color: #999; font-size: 18px; line-height: 30px; }
.staffBox li:nth-child(2n) { float: right; }
.staffBox li:hover { box-shadow: 0px 1px 65px 0px rgba(19, 134, 215, 0.34); }
.staffBox li:hover h4 { color: #1d8edd; font-weight: bold; }
.staffBox li h4 { font-size: 28px; color: #444; margin-bottom: 35px; padding-top: 40px; margin-top: 25px; position: relative; }
.staffBox li h4 span { position: relative; z-index: 2; }
.staffBox li h4:after { position: absolute; content: "WELFARE"; left: 0px; bottom: 0px; color: #f4f4f4; font-size: 50px; font-weight: bold; z-index: 1; left: 50%; top: 0px; margin-left: -120px; }
/* 管理培训蓝图 */
.blueprint { background: #fff url(../images/blueprint_bg.jpg) no-repeat center bottom / contain; padding: 80px 0 100px; }
.blueprint .blueImg { text-align: center; margin-top: 30px; }
.reserve { background-image: linear-gradient(to right, #e53632, #c90604); padding: 80px 0 100px; }
.reserve .about-tit { color: #fff; }
.reserve .about-tit:after { background: #fff; }
.reserve .about-info { color: #fff; }
.reserve .staff-info:after { color: #fff; }
.reserve .staff-info:before { color: #fff; }
.resplan { margin: 35px auto; }
.resplan-fl { width: 51%; border: 18px solid #fff; padding: 50px 40px; color: #fff; line-height: 28px; float: left; }
.resplan-fl h4 { font-size: 24px; color: #fff; margin-bottom: 25px; }
.resplan-fr { width: 45%; float: right; }
.resplan-fr img { max-width: 100%; }
.plan-tit { background-image: linear-gradient(to right, #9d0400, #ff5654); height: 66px; line-height: 66px; }
.plan-tit a { display: block; float: left; padding: 0 30px; font-size: 22px; color: #fff; }
.plan-tit a:hover, .plan-tit a.active { background: #fff; color: #e10600; }
.plan-cont { padding: 70px 60px; background: #fff; overflow: hidden; display: none; }
.plan-cont-fl { float: left; width: 70%; color: #999; font-size: 15px; line-height: 28px; }
.plan-cont-fl h4 { font-size: 28px; color: #e10600; font-weight: bold; margin-bottom: 15px; }
.plan-cont-fl h6 { font-size: 20px; color: #333; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.plan-cont-fr { float: right; width: 25%; }
.plan-cont-fr img { max-width: 100%; }
/* 入职须知 */
.join-notice { padding: 80px 0 200px; background: url(../images/join_bg.png) no-repeat center bottom; }
.join-notice .about-info h4 { font-size: 24px; color: #111; margin-bottom: 10px; }
.join-file { background-image: linear-gradient(to right, #ffacab, #2d78c4); padding: 75px 0; }
.join-file .about-tit { color: #fff; }
.join-file .about-tit:after { background: #fff; }
.join-file .swiper-container { padding-bottom: 50px; }
.join-file .swiper-container .swiper-pagination-bullet-active { background: #fff; opacity: 1; }
.join-file ul li { width: 16.6666667%; float: left; text-align: center; margin-top: 30px; }
.join-file ul li span img { width: 130px; height: 130px; object-fit: cover; }
.join-file li p { font-size: 16px; color: #fff; margin-top: 20px; }
.join-visa { padding: 75px 0px; }
.join-visa li { width: 49%; border: 1px solid #eee; padding: 15px; position: relative; height: 145px; padding-left: 220px; display: flex; align-items: center; font-size: 16px; color: #666; }
.join-visa li span { width: 163px; height: 118px; position: absolute; left: 15px; top: 15px; }
.join-visa li span img { width: 100%; height: 100%; object-fit: cover; }
.join-visa .swiper-container { padding-bottom: 70px; }
.join-map { padding: 75px 0; }
.join-map img { max-width: 100%; }
.join-map-mode1 { display: flex; justify-content: space-between; margin-bottom: 40px; }
.join-map-mode2 { display: flex; justify-content: space-between; }
.join-map-mode1 li { height: 90px; padding: 0 35px; background: #11C0DF; display: inline-block; border-radius: 10px; display: flex; align-items: center; color: #fff; font-size: 18px; position: relative; }
.join-map-mode1 li:nth-child(2) { width: 60%; padding: 0; }
.join-map-mode1 li:nth-child(2) span.airport { display: block; width: 25%; background: #14B7D5; height: 90px; font-size: 22px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; display: flex; align-items: center; }
.join-map-mode1 li:nth-child(2) span.add { display: block; width: 75%; height: 90px; font-size: 22px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; display: flex; align-items: center; }
.join-map-mode1 li:nth-child(2) span.add i { font-size: 16px; font-style: normal; }
.join-map-mode1 li:nth-child(2) span.add i:first-child { margin-right: 10%; }
.join-map-mode1 li:last-child:after { display: none; }
.join-map-mode1 li:after { position: absolute; content: ""; width: 26px; height: 26px; background: url(../images/icon_r.png) no-repeat center; right: -40px; top: 50%; margin-top: -13px; }
.join-map-mode2 li { height: 90px; padding: 0 35px; background: #28aae6; display: inline-block; border-radius: 10px; display: flex; align-items: center; color: #fff; font-size: 18px; text-align: center; width: 18%; justify-content: center; position: relative; }
.join-map-mode2 li:first-child { width: 12%; }
.join-map-mode2 li:first-child:after { display: none; }
.join-map-mode2 li:after { position: absolute; content: ""; width: 26px; height: 26px; background: url(../images/icon_r.png) no-repeat center; left: -40px; top: 50%; margin-top: -13px; }
.join-healthy { padding: 80px 0; }
.join-healthy .swiper-container { padding-bottom: 80px; }
.join-healthy li { float: left; width: 48%; background: #f9f9f9; box-shadow: 0px 30px 65px 0px rgba(0, 0, 0, 0.14); padding: 70px 40px; transition: all 0.5s; text-align: center; color: #999; font-size: 18px; line-height: 30px; border: 20px solid #fff; height: 370px; }
.join-healthy li:nth-child(2n) { float: right; }
.join-healthy li:hover { box-shadow: 0px 30px 65px 0px rgba(19, 134, 215, 0.34); }
.join-healthy li h4 { font-size: 28px; color: #444; font-weight: bold; margin: 25px auto; position: relative; }
.join-healthy li h4 span { position: relative; z-index: 2; }
.join-healthy .remarks { text-align: center; color: #999; font-size: 16px; margin-top: 32px; }
/* 我要应聘 */
.application { padding: 80px 0; }
.join-form h4 { font-size: 22px; color: #e10600; padding-left: 20px; position: relative; margin: 35px auto 30px; }
.join-form h4.line { border-bottom: 1px dashed #c9c9c9; padding-bottom: 20px; }
.join-form h4:after { position: absolute; left: 0px; top: 5px; width: 3px; height: 20px; content: ""; background: #e10600; }
/*隐藏自带的单选框*/
.icheck-radio > input { display: none; }
/*为容器设置felx布局*/ .icheck-radio { display: flex; }
.icheck-radio { padding: 5px 0; cursor: pointer; align-items: center; }
.icheck-media { position: relative; width: 22px; height: 22px; margin-right: 5px; color: #fff; border: 1px solid #d9d9d9; }
.icheck-radio .icheck-media { border-radius: 50%; }
.icheck-radio .icheck-media:after { content: ""; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 50%; background: #adadad; transform: scale(1); transition: .1s ease; }
.icheck-radio > input:checked + .icheck-media { border-color: #adadad; background: #fff; }
.icheck-radio > input:checked + .icheck-media:after { transform: scale(1); background: #e10600; }
.join-form { font-size: 15px; color: #666; }
.join-form .job-name { display: flex; margin: 30px auto; }
.job-name label { margin-right: 90px; }
.join-form .join-data { display: flex; margin: 30px auto 40px; }
.join-form .join-data li { width: 300px; }
.join-form .join-data li span { float: left; margin-right: 20px; height: 30px; display: flex; align-items: center; }
.join-form .join-data li .icheck-radio { width: 60px; float: left; }
.form-input { overflow: hidden; }
.form-input li { width: 24%; float: left; margin-right: 1.33333%; margin-bottom: 20px; }
.form-input li:nth-child(4) { margin-right: 0px; }
.form-input li:nth-child(5) { width: 49.33333%; }
.form-input li:nth-child(6) { width: 49.33333%; margin-right: 0; }
.form-input input { height: 60px; background: #fff; display: block; width: 100%; padding: 0 20px; border: 0px; }
.join-form h4 span { color: #f00; }
.join-form h4 .add_more { position: absolute; right: 0px; top: 0px; font-size: 20px; color: #e10600; background: url(../images/icon_add.png) no-repeat left 4px; padding-left: 25px; }
.join-form textarea { display: block; width: 100%; height: 102px; border: 0px; padding: 20px; margin-top: 20px; }
.from-box { margin-top: 20px; }
.from-box ul { margin-bottom: 20px; position: relative; }
.from-box ul .Fclose { position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; line-height: 30px; cursor: pointer; font-size: 48px; font-weight: lighter; color: #e10600; }
.form-file-zy { position: relative; }
.form-file-zy .Fclose { position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; line-height: 30px; cursor: pointer; font-size: 48px; font-weight: lighter; color: #e10600; }
.code { margin-top: 20px; overflow: hidden; }
.code input { height: 60px; background: #fff; display: block; padding: 0 20px; border: 0px; width: 70%; float: left; }
.code button { width: 15%; height: 60px; background: #e10600; color: #fff; border: 0px; font-size: 18px; float: right; cursor: pointer; }
/* 人才招聘 - 职务专区 */
.position { padding: 80px 0 120px; background: url(../images/about_bg.png) no-repeat center bottom / contain; }
.position-info { padding: 80px 0 120px; background-image: linear-gradient(to right, #e53632, #c90604); }
.position-info .about-tit { color: #fff; }
.position-info .about-tit:after { background: #fff; }
.recruit { padding: 80px 0; text-align: center; }
.join-list { padding: 80px 0; }
.job-content { margin-bottom: 20px; }
.job-content dl { margin-bottom: 13px; }
.job-content span { height: 68px; line-height: 68px; }
.job-content dl dt { height: 68px; line-height: 68px; cursor: pointer; border-bottom: 1px solid #ededed; overflow: hidden; color: #888; font-size: 15px; background: #fff; }
.job-content span.job_cls { width: 10%; font-size: 16px; color: #e10600; font-weight: bold; background: url(../images/icon_job.png) no-repeat 72px center; text-align: left; }
.job-content dl dt.cur { background: #e10600; color: #fff; }
.job-content dl dt.cur span { color: #fff; }
.job-content dl dt.cur span.job_cls { background: url(../images/icon_jobon.png) no-repeat 72px center; }
.job-content dl dt span { display: block; width: 15%; text-align: center; float: left; color: #222; }
.job-content span.job_post { text-align: left; padding-left: 25px; width: 30%; }
.job-content dl dd { background: #fff; padding: 5px 25px 25px; line-height: 28px; }
.job-content dl dd h4 { font-size: 16px; color: #333; margin-bottom: 20px; margin-top: 30px; }
.job-content dl dd p { color: #888; font-size: 14px; }
.pos-info-box { padding-top: 25px; }
.pos-info-left { width: 65%; float: left; }
.pos-info-left li { width: 50%; float: left; position: relative; padding-left: 60px; color: #fff; height: 70px; margin-bottom: 50px; }
.pos-info-left li { font-size: 22px; }
.pos-info-left li p { font-size: 15px; color: #dfdfdf; margin-top: 4px; }
.pos-info-left li span { position: absolute; left: 0px; top: 0px; }
.pos-info-right { width: 35%; float: right; }
.join-list-tit h2 { font-size: 36px; color: #333; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; position: relative; }
.join-list-tit h2:after { position: absolute; left: 0px; bottom: 0px; width: 42px; height: 1px; background: #000000; content: ""; }
.join-list-tit { float: left; }
.join-list-cate { float: right; text-align: right; }
.join-list-cate ul a { display: inline-block; padding: 10px 25px; background: #e9e9eb; margin-left: 10px; margin-bottom: 15px; font-size: 18px; color: #e10600; position: relative; }
.join-list-cate ul a:hover:after, .join-list-cate ul a.active:after { position: absolute; content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e10600; font-size: 0px; left: 50%; line-height: 0px; bottom: -10px; margin-left: -10px; }
.join-list-cate ul a:hover, .join-list-cate ul a.active { background: #e10600; color: #fff; }
.join-list-search { overflow: hidden; margin-bottom: 35px; }
.join-list-search a { color: #e10600; font-size: 15px; padding: 8px 15px; display: inline-block; }
.join-list-search a:hover, .join-list-search a.active { background: #e10600; color: #fff; }
.join-pic-file input[type="file"] { width: 100%; height: 60px; line-height: 60px; background: #fff; opacity: 0; }
.join-pic-file .fl { width: 49.333%; }
.join-pic-file .fr { width: 49.333%; }
.file-upload { position: relative; }
.file-mengban { width: 82%; height: 60px; text-align: center; line-height: 60px; position: absolute; bottom: 0; background: #fff; }
.file-upload button { position: absolute; right: 0px; top: 0px; width: 18% !important; height: 60px; background: #e10600; font-size: 15px; color: #ffffff; border: 0px; cursor: pointer; }
.file-upload label { width: 100%; height: 60px; line-height: 60px; background: #fff; display: block; }
/* 二开 */
.news-flex { display: flex; flex-wrap: wrap; justify-content: center; }
.news-flex .news-content .news-cont { float: none; }
.news-content .news-cont:after { display: none; }




.index_news{ padding:80px 0;}
.index_news_list{ margin-top:40px;}
.index_news_list ul{display: flex; justify-content: flex-start;/* align-items: center;*/ flex-wrap: wrap;}
.index_news_list ul li{ width:32%; margin:0 0 20px 2%;}
.index_news_list ul li:nth-child(3n-2){ margin-left:0;}
.index_news_list ul li .img{ padding-bottom:58%; position:relative; overflow:hidden;}
.index_news_list ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.index_news_list ul li:hover .img img{ transform:scale(1.1);}
.index_news_list ul li .txt{ margin-top:15px;}
.index_news_list ul li .txt .h2{ font-size:18px; line-height:1.5em; margin-bottom:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.index_news_list ul li .txt .h3{ font-size:14px; line-height:2em; color:#666; margin-bottom:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.index_news_list ul li .txt .h5{ font-size:14px; line-height:1em; color:#999;}

.more1{ text-align:center;}
.more1 span{ display:inline-block; text-align:center; border:1px solid #ccc; width:180px; line-height:40px; transition:all .3s ease;}
.more1 span:hover{ background:#e10600; color:#fff;}
@media(max-width:767px){

.index_news{ padding:40px 0;}
.index_news_list{ margin-top:20px;}
.index_news_list ul li{ width:100%; margin:0 0 20px 0;}
.index_news_list ul li .txt{ margin-top:15px;}
.index_news_list ul li .txt .h2{ font-size:18px;  margin-bottom:10px; }
.index_news_list ul li .txt .h3{ font-size:14px; margin-bottom:10px; }
.index_news_list ul li .txt .h4{ font-size:14px; }

.more1 span{ width:120px; line-height:40px; }

}