﻿body{background: #fbfbfb;}
/*选项卡*/
.tablist{display: none;}
.tablist:nth-child(1){display: block;}

/*招聘*/
.recruit .rebody{max-width: 1920px;margin: 0 auto;padding: 0 5% 60px;padding-top: 0;}
.recruit .rebody .join{position: relative;z-index: 9;width: 70%;margin: 0 auto;padding: 50px;background: #fff;text-align: center;font-size: 16px;color: #666;line-height: 20px;}
.recruit .rebody .join p.title{color: #333;font-size: 24px;}
.recruit .rebody .join span.line{display: block;width: 50px;height: 2px;background: #1972B4;margin: 0 auto 20px;}
.recruit .rebody .join p:last-child{color: #1972B4;}
.recruit .rebody .join p:nth-child(4){margin-bottom: 25px;}

.recruit .rebody .suit{position: relative;z-index: 8;background-image: url(../images/rebg.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: top center;display: flex;color: rgba(255,255,255,.8);margin-top: -100px;}
.recruit .rebody .suit .suit_l{width: 50%;padding: 200px 0 90px 15%;background: rgba(42,125,187,.9);}
.recruit .rebody .suit .suit_l span{display: inline-block;width: 12px;height: 12px;border: 2px solid #fff;border-radius: 50%;margin-right: 10px;}
.recruit .rebody .suit .suit_r{width: 50%;padding: 190px 15% 80px 0;background: rgba(124,48,52,.9);}
.recruit .rebody .suit .suit_r .suit_rbox{display: table;float: right;}
.recruit .rebody .suit .suit_r span{display: inline-block;width: 12px;height: 12px;margin-right: 10px;background-image: url(../images/cha.png);background-size: 100% auto;background-position: left top;}
.recruit .rebody .suit p{padding-left: 50px;margin-bottom: 25px;}
.recruit .rebody .suit .title{position: relative;font-size: 24px;color: #fff;margin-bottom: 30px;}
.recruit .rebody .suit .title:before{content: '';position: absolute;display: block;width: 40px;height: 2px;background: #fff;left: 0;top: 16px;}


/*瀑布流招聘*/
.recruit_box .rebody{max-width:88%;margin: 0 auto;padding: 90px 5% 100px;padding-top: 0;-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;}
.recruit_box .rebody .relist{-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;background: #fff;border: 1px solid #d6d6d6;padding:5% 8%;margin-bottom: 18px;font-size: 16px;color: #666;line-height: 26px;}
.recruit_box .rebody .relist p.title{font-size: 24px;color: #333;}
.recruit_box .rebody .relist p.title_eng{font-size: 14px;color: #666;}
.recruit_box .rebody .relist span.location{display: block;margin: 28px 0 25px;background-image: url(../images/location.png);background-repeat: no-repeat;background-size: 20px auto;background-position: left center;padding-left: 25px;color: #1972B4;font-size: 18px;}
.recruit_box .rebody .relist a{width: 120px;height: 40px;text-align: center;line-height: 40px;background: #333;color: #666;display: block;text-decoration: none;color: #fff;margin-top: 40px;cursor: pointer;}
.recruit_box .rebody .relist a:hover{background: #0073B0;}

p.title{color: #333;font-size: 20px;font-weight: 600;margin-bottom: 3px;}
.line{display: block;width: 50px;height: 2px;background: #0073B0;margin: 0 auto 15px;}

/*印象*/
.impre_box .impre{position: relative;z-index: 9;max-width: 1100px;background: #fff;margin: 0 auto;padding: 60px 0;}
.impre_box .impre .imprebd{max-width: 780px;margin: 0 auto;font-size: 15px;color: #666;text-align: center;}
.impre_box .impre .imprebd p:last-child{color: #0073B0;}
.impre_box .impre .imprebd p:nth-child(3){color: #7a7979;}
.impre_box .impre .imprebd p:nth-child(4){margin-bottom: 20px;color: #7a7979;}

.imgbg{position: relative;z-index: 8;margin-top: -70px;}
.imgbg img{width: 100%;}

	/*公司环境*/
.envir{background: #fff;padding: 50px 0 100px;}
.envir .sample{max-width: 1920px;margin: 0 auto;padding: 5px 5% 60px;}
.sample .samplebox {width: 100%;margin-top: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.sample .samplebox ul.row {margin: 0;padding: 0;overflow: hidden;min-width: 1280px;}
.sample .samplebox ul.row li {padding: 5px;overflow: hidden;box-sizing: border-box;position: relative;}
.sample .samplebox ul.row li a {display: block;width: 100%;position: relative;overflow: hidden;min-height: 210px;}
.sample .samplebox ul.row li a span.showwindow {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);opacity: 0;}
.sample .samplebox ul.row li a img {width: 100%;transform: translateZ(0) scale(1);-moz-transform: translateZ(0) scale(1);-webkit-transform: translateZ(0) scale(1);transition: all 1.2s;-moz-transition: all 1.2s;-webkit-transition: all 1.2s;}
.sample .samplebox ul.row li a:hover img {transform: translateZ(0) scale(1.1);-moz-transform: translateZ(0) scale(1.1);-webkit-transform: translateZ(0) scale(1.1);transition: -moz-transition:all 1.2s;-webkit-transition: all 1.2s;}
.sample p.videomore {margin-top: 40px;text-align: center;padding-bottom: 40px;}
.sample p.videomore a {display: inline-block;width: 150px;height: 45px;color: #fff;background-color: #191b1c;font-size: 14px;line-height: 45px;font-weight: 600;letter-spacing: 3px;transition: background-color 0.3s;-moz-transition: background-color 0.3s;-webkit-transition: background-color 0.3s;}
.sample p.videomore a:hover {background-color: #fc000d;transition: background-color 0.2s;-moz-transition: background-color 0.2s;-webkit-transition: background-color 0.2s;}

/*图片弹窗*/
.showimg {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.95);top: 0;left: 0;z-index: 9999999;opacity: 0;z-index: -999;}
.showimg .swiperbox{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 80%;max-width: 1000px;padding: 0 60px;}
.showimg .swiperbox .btn_swiper{position: absolute;display: block;width: 40px;height: 40px;cursor: pointer;}
.showimg .swiperbox .btn_swiper img{width: 100%;}
.showimg .swiperbox .tenfullprev1{top: 50%;left: 0;margin-top: -20px;}
.showimg .swiperbox .tenfullnext1{top: 50%;right: 0;margin-top: -20px;}
.showimg .showimgswiper{width: 100%;height: 100%;position: relative;}
.showimg .showimgswiper .swiper-wrapper{width: 100%;}
.showimg .showimgswiper .swiper-slide {width: 100%;position: relative;overflow: hidden;line-height: 100%;}
.showimg .showimgswiper .swiper-slide img {width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.showimg .closeanddown{position: absolute;width: 60px;height: 60px;right: 0;top: 0;z-index: 9999;}
.showimg .closeanddown a{display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);text-align: center;line-height: 60px;}
.showimg .closeanddown a span {display: block;width: 100%;height: 100%;}
.showimg .closeanddown a.closebtn span {background-image: url('/Public/Mobile/images/close.png');background-position: center;background-repeat: no-repeat;background-size: 15px;cursor: pointer;}
.showimg .perfectpagination1 {position: absolute;display: table;margin: 0;padding: 0;right: 0;background: rgba(0, 0, 0, 0.3);height: 60px;z-index: 99999;bottom: 0;}
.showimg .perfectpagination1 li {float: left;display: block;width: auto;height: 100%;}
.showimg .perfectpagination1 li.tenfullpagination,.showimg .perfectpagination1 li.tenbeautypagination {width: auto;}
.showimg .perfectpagination1 li:nth-child(1),.showimg .perfectpagination1 li:nth-child(3) {width: 60px;text-align: center;line-height: 60px;color: #fff;font-size: 14px;font-weight: 400;cursor: pointer;}
.showimg .perfectpagination1 li:nth-child(1) span,
.showimg .perfectpagination1 li:nth-child(3) span{color: #fff;}
.showimg .perfectpagination1 li:nth-child(1):hover span,
.showimg .perfectpagination1 li:nth-child(3):hover  span{color: #fc000d;}
.showimg .perfectpagination1 li:nth-child(2) span {display: block;width: auto;float: left;}
.showimg .perfectpagination1 li:nth-child(2) span.current {line-height: 60px;font-size: 14px;color: #fc000d;margin: 0 15px;}
.showimg .perfectpagination1 li:nth-child(2) span.division {width: 10px;height: 1px;background-color: #fff;margin-top: 30px;}
.showimg .perfectpagination1 li:nth-child(2) span.total {line-height: 60px;font-size: 14px;color: #fff;margin: 0 15px;}
