/* 初始化/reset */
@charset "utf-8";
*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td
 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {position:relative;overflow-x:hidden;background:#fff;line-height:1.5;box-sizing:border-box;color:#646464;font-family:Microsoft Yahei,"微软雅黑",Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0.05em;}
a{color:#000;text-decoration:none;}
a:hover{color:#138451;}
h1,h2,h3,h4,h5,h6 {font-weight:700;line-height:normal;margin-bottom:8px;}
ol,ul,li{list-style:none;}
img{max-width:100%;height:auto;display:block;border:0;}
i{margin-right:5px;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#e2e2e2;}
input,select,textarea{border:1px solid #ddd;background:#fff;-webkit-appearance:none;outline:none;width:100%;color:#464646;padding:10px;font-size:14px;font-family:Microsoft Yahei,"微软雅黑",Arial,Helvetica,sans-serif;}
textarea{resize:none;overflow-y:hidden;display:block;}
table{border-collapse:collapse;max-width:100%;width:100%;margin-bottom:0.8em;}
table td {border:1px solid #e2e2e2;padding:2px;}
.clearfix:after,.clearfix:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.hidden{display:none;}
.radius5{border-radius:3px;-webkit-border-radius:5px;}

/* public */
.public{width:1100px;margin:0 auto;}
.public h2.title{text-align:center;font-size:26px;color:#343434;margin-bottom:20px;}
.public p.tip{font-size:16px;text-align:center;}

/* wrap */
.wrap{}

/* header */
.header-content{padding:15px 0 10px 0;}
.sticky{background:#fff;border-bottom:1px solid #138451;}
.header .logo{width:37%;}
.header .logo img{width:143px;}
.header .nav{width:63%;}

/* menu */
ul.menu{overflow:hidden;}
ul.menu li{margin:0 10px;}
ul.menu li a{display:block;line-height:normal;font-size:14px;padding:4px 12px 6px 12px;}
ul.menu li a:hover,ul.menu li a.active{background:#138451;color:#fff;}

/* banner */
.banner{background:#78c1a0 url(../../images/hr/banner_bg.png) bottom center no-repeat;}
.m-banner{display:none;}
.pic-ground{position:relative;height:768px;text-align:center;}
.pic-ground img{position:absolute;left:50%;}
.pic-ground img.bigcloud,.pic-ground img.year,.pic-ground img.topic{display:none;}
.pic-ground img.bigcloud{width:957px;margin-left:-700px;top:198px;z-index:2;}
.pic-ground img.year{width:356px;margin-left:230px;top:22px;}
.pic-ground img.topic{width:454px;margin-left:200px;top:496px;}
.pic-ground img.windmill{top:116px;width:305px;margin-left:-469px;z-index:1;}
 .pic-ground img.windmill2{margin-left:-66px;width:192px; margin-top:300px;}
 .pic-ground img.windmill3{width:94px;margin-left:-20px; margin-top:20px;}
.pic-ground .workroom{position:absolute;bottom:0;left:-62px;width:1225px;height:332px;background:url(resource:/images/hr/workroom.png) center bottom no-repeat;}

/* our-services */
.our-services{padding:50px 0;background:#f8f8f8;}
ul.services-list li{cursor:pointer;width:20%;padding-left:90px;}
ul.services-list li h3{color:#343434;font-size:20px;margin-top:10px;    padding-left: 12px;}
ul.services-list li span.icon {position:absolute;left:0;top:0;border:6px solid #138451;padding:4px;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;}
ul.services-list li span.icon em{display:block;width:70px;height:70px;background: url(../../images/hr/icon.png) no-repeat;background-position:10px 5px;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;}
ul.services-list li span.icon2 em{background-position:10px -54px;}
ul.services-list li span.icon3 em{background-position:10px -128px;}
ul.services-list li span.icon4 em{background-position:10px -190px;}
ul.services-list li p.readmore{font-size:16px;}
ul.services-list li p.readmore em{color:#138451;margin-right:5px;font-weight:700;}
ul.services-list li:hover p.readmore{color:#138451;}

/* full-mask */
.full-mask{position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;display:none;background:url(resource:/images/hr/mask.png) repeat;}

/* modal */
.modal{display:none;cursor:default;position:fixed;z-index:1002;width:774px;height:590px;left:50%;top:50%;margin-left:-387px;margin-top:-295px;background:#fff;overflow:hidden;}
.modal h3.tip-title{font-size:18px;font-weight:100;color:#fff;background:#138451;padding:15px 20px;margin:0;}
.modal .detail{padding:20px;}
.modal a.close-modal,.faq h2.tip a.close-faq{cursor:pointer;position:absolute;z-index:4;top:10px;right:15px;width:32px;height:32px;background:url(../../images/hr/icon.png) no-repeat;background-position:-1px -266px;}
.modal a.apply-job{width:120px;background:#138451;margin-top:20px;color:#fff;font-size:16px;display:none;margin:0 auto;text-align:center;padding:5px 0 7px 0;}
.modal a.apply-job:hover{}

/* modal for services */
.services-detail{min-height:180px;height:auto;margin-top:-90px;}

/* history */
.history{height:630px;position:relative;overflow:hidden;}
.historybg{display:none;position:absolute;z-index:1;left:0;bottom:0;height:626px;width:100%;background:url(../../images/hr/his_bg.png) left bottom no-repeat;}
ul.history-list{position:relative;height:626px;z-index:2;}
ul.history-list li{width:60%;position:absolute;height:127px;display:none; }
ul.history-list li h4{color:#138451;font-size:16px;font-weight:700;}
ul.history-list li.history0{left:395px;top:23px; background:url(../../images/hr/his_01.png) left center no-repeat; padding-left:230px;}
ul.history-list li.history1{left:449px;top:150px; background:url(../../images/hr/his_02.png) left center no-repeat; padding-left:230px;}
ul.history-list li.history2{left:475px;top:294px; background:url(../../images/hr/his_03.png) left center no-repeat; padding-left:230px;}
ul.history-list li.history3{left:415px;top:423px; background:url(../../images/hr/his_04.png) left center no-repeat; padding-left:230px;}
ul.history-list li.history4{left:615px;top:241px; background:url(resource:/images/hr/his_05.png) left center no-repeat; padding-left:230px;}
ul.history-list li.history5{left:760px;top:44px; background:url(../../images/hr/his_01.png) left center no-repeat; padding-left:230px;}
ul.history-list li span.line{position:absolute;z-index:1;bottom:0;display:block;left:50%;width:1px;margin-left:-0.5px;height:0;background:#b2b0b0;margin:0 auto;}
ul.history-list li.history2 span.line{left:35%;}
ul.history-list li.history3 span.line{left:42%;}
ul.history-list li.history5 span.line{left:55%;}

/* we-need */
.we-need{background:#ebebeb url(../../images/hr/weneedbg2.jpg) left top repeat;padding:85px 0 0 0;overflow:hidden;}/*height:760px;*/
ul.job-list{margin-top:70px;}
ul.job-list li{width:33.3333333%;padding:0 35px 0 120px;margin-bottom:85px;cursor:pointer;}
ul.job-list li span.icon{position:absolute;left:0;top:0;width:100px;height:100px;z-index:1;}
ul.job-list li h3{font-size:16px;}
ul.job-list li h3 span.nickname{font-size:20px;margin-right:8px;}
ul.job-list li a.read-more{display:block;margin-top:20px;padding:6px 0 6px 42px;cursor:pointer;background:url(../../images/hr/icon.png) no-repeat;background-position:-265px -1px;}
ul.job-list li:hover h3 span.nickname{color:#138451;}

/* modal for job */
.detail .job-header{position:relative;padding-left:120px;margin-bottom:40px;}
.detail .job-header span.icon{top:8px;}
.detail .job-header h3{font-size:20px;}
.detail .job-header p{padding:2px 0;}
.detail .job-header p span{color:#138451;margin-left:5px;}
.detail .job-requirements p strong{margin:15px 0 3px 0;display:block;}

/* itinerary */
.itinerary{padding:55px 0;overflow:hidden;}
.itinerary-list{margin-top:100px;padding:320px 150px 0 150px;position:relative;}
.itinerary-list img.step{position:absolute;top:-44.5px;left:50%;margin-left:-547px;}
.itinerary-list ul li .fix-width{width:800px;margin:0 auto;}
.itinerary-list ul li .school{width:265px;padding:0 0 0 30px;margin-bottom:40px;min-height:175px;}
.itinerary-list ul li .school h3{font-size:16px;margin-bottom:14px;}
.itinerary-list ul li .school span.icon{position:absolute;left:0;top:0;width:17px;height:121px;background:url(../../images/hr/markbg.png) no-repeat;}
.itinerary-list ul li .school p{padding:1px 0;}
.itinerary-list .flex-viewport{height:385px;}
.itinerary-list .flex-direction-nav a{width:28px;height:48px;background:url(../../images/hr/icon.png) no-repeat;}
.itinerary-list .flex-direction-nav a:after,.itinerary-list .flex-direction-nav a:before{display:none;}
.itinerary-list .flex-direction-nav a.flex-next{background-position:-270px -168px;}
.itinerary-list .flex-direction-nav a.flex-prev{background-position:-270px -250px;}
.itinerary-list .flex-direction-nav a.flex-next.flex-disabled{background-position:-237px -168px;opacity:1!important;filter:alpha(opacity=100);}
.itinerary-list .flex-direction-nav a.flex-prev.flex-disabled{background-position:-237px -250px;opacity:1!important;filter:alpha(opacity=100);}

/* welfare */
.welfare{padding:75px 0;background:#fafafa;}
ul.welfare-list{width:1031px;margin:0 auto;height:700px;position:relative;background:url(../../images/hr/welfarebg.png) no-repeat;}
ul.welfare-list li{position:absolute;width:650px;font-weight: bold;}
ul.welfare-list li .welfare-info{color:#595757;text-align:left;font-weight: bold;margin:0 auto;}
ul.welfare-list li.welfare0{left:230px;top:520px;font-size: 30px;}
ul.welfare-list li.welfare1{width:650px;left:370px;top:420px;font-size: 22px;}
ul.welfare-list li.welfare2{width:380px;left:530px;top:320px;font-size: 20px;}
ul.welfare-list li.welfare3{width:650px;left:620px;top:240px;font-size: 20px;}
ul.welfare-list li.welfare4{width:250px;left:770px;top:160px;font-size: 14px;}
ul.welfare-list li.welfare5{width:200px;left:820px;top:110px;font-size: 14px; color: #138451;}
ul.welfare-list li.welfare5 .welfare-info{color:#138451;}

/* plan */
.plan{padding:80px 0 100px 0;position:relative;overflow:hidden;}

/* plan tab-change */
.tab-change{margin:50px 0 30px 0;}
.tab-change a{cursor:pointer;width:20%;margin-right:6.666666666666667%;font-size:16px;font-weight:700;text-align:center;padding:6px 0;border:1px solid #909090;}
.tab-change a:last-child{margin:0;}
.tab-change a:hover,.tab-change a.active{border-color:#138451;color:#138451;}
.tab-change a span.icon{margin-right:5px;background:url(../../images/hr/icon.png) no-repeat;width:30px;height:30px;display:inline-block;vertical-align:middle;*display:inline;zoom:1;}
.tab-change #show1 span.icon{background-position:-87px -19px;}
.tab-change #show2 span.icon{background-position:-87px -72px;}
.tab-change #show3 span.icon{background-position:-87px -125px;}
.tab-change #show4 span.icon{background-position:-87px -182px;}
.tab-change #show1:hover span.icon,.tab-change #show1.active span.icon{background-position:-131px -19px;}
.tab-change #show2:hover span.icon,.tab-change #show2.active span.icon{background-position:-131px -72px;}
.tab-change #show3:hover span.icon,.tab-change #show3.active span.icon{background-position:-131px -125px;}
.tab-change #show4:hover span.icon,.tab-change #show4.active span.icon{background-position:-131px -182px;}

/* change-content show public */
.change-content .show-public{overflow:hidden;}
.change-content .show-public h3{color:#138451;margin:25px 0 10px 0;font-size:16px;}
.change-content .show-public p.tip{font-size:14px;padding:0 50px;margin-top:20px;}
.change-content .show2,.change-content .show3,.change-content .show4{height:0;overflow:hidden;}

/* change-content for plan show1 */
ul.life-photo{margin-top:45px;}
ul.life-photo li{width:19%;margin-right:1.25%;}
ul.life-photo li:last-child{margin:0;}

/* change-content for plan show2 */
.growing{width:1000px;margin:40px auto 0;padding-bottom:40px;position:relative;}
.growing ul li .people{width:23%;margin-right:2.666666666666667%;}
.growing ul li .people:last-child{margin:0;}
.growing ul li .people .pp-header{width:109px;height:130px;overflow:hidden;margin:0 auto 15px;text-align:center;background:url(resource:/images/hr/peopleicon.png) no-repeat;}
.growing ul li .people .pp-header span{display:block;font-size:16px;font-weight:700;}
.growing ul li .people .pp-header span.name{color:#fff;margin:20px 0 30px 0;}
.growing ul li .people .pp-header span.year{color:#f5a538;}
.growing ul li .people .pp-detail{background:#f5a538;padding:12px;color:#fff;min-height:108px;}
.growing .flex-control-nav{bottom:0;height:11px;}
.growing .flex-control-nav li a{width:11px;height:11px;background:#a5a5a5;border-radius:50%;-webkit-border-radius:50%;}
.growing .flex-control-nav li a.flex-active,.growing .flex-control-nav li a:hover{background:#138451;}
/* people1 for part1 */
.growing ul li.part1 .people1 .pp-header{background-position:0 -147px;}
.growing ul li.part1 .people1 .pp-header span.year{color:#ed6d49;}
.growing ul li.part1 .people1 .pp-detail{background:#ed6d49;}
/* people2 for part1 */
.growing ul li.part1 .people2 .pp-header{background-position:0 -294px;}
.growing ul li.part1 .people2 .pp-header span.year{color:#c8a063;}
.growing ul li.part1 .people2 .pp-detail{background:#c8a063;}
/* people3 for part1 */
.growing ul li.part1 .people3 .pp-header{background-position:-139px 0;}
.growing ul li.part1 .people3 .pp-header span.year{color:#90c31f;}
.growing ul li.part1 .people3 .pp-detail{background:#90c31f;}
/* people0 for part2 */
.growing ul li.part2 .people0 .pp-header{background-position:-139px -147px;}
.growing ul li.part2 .people0 .pp-header span.year{color:#a2a7b2;}
.growing ul li.part2 .people0 .pp-detail{background:#a2a7b2;}
/* people1 for part2 */
.growing ul li.part2 .people1 .pp-header{background-position:-139px -294px;}
.growing ul li.part2 .people1 .pp-header span.year{color:#80b0d7;}
.growing ul li.part2 .people1 .pp-detail{background:#80b0d7;}
/* people2 for part2 */
.growing ul li.part2 .people2 .pp-header{background-position:-278px 0;}
.growing ul li.part2 .people2 .pp-header span.year{color:#31b9ce;}
.growing ul li.part2 .people2 .pp-detail{background:#31b9ce;}
/* people3 for part2 */
.growing ul li.part2 .people3 .pp-header{background-position:-278px -147px;}
.growing ul li.part2 .people3 .pp-header span.year{color:#48648c;}
.growing ul li.part2 .people3 .pp-detail{background:#48648c;}

/* change-content for plan show3 */
.change-content .show3 img.plansetp{margin:40px 0 0 0;}
ul.setp-list li{width:25%;text-align:center;}
.change-content .show3 ul.setp-list li h3{margin:15px 0 20px 0;color:#f39801;}
ul.setp-list li .setp-item{border:1px solid #f39801;width:150px;margin:0 auto 8px;padding:5px 0;}
ul.setp-list li.setp1 .setp-item{padding:9.5px 0;}
ul.setp-list li.setp2 .setp-item{padding-top:15px;}
ul.setp-list li.setp2 .setp-item,ul.setp-list li.setp4 .setp-item{height:135px;}
ul.setp-list li.setp4 .setp-item{line-height:135px;padding:0;}

/* change-content for plan show4 */
.change-content .show4 img.safe{width:617px;margin:70px auto 0;}

/* faq */
.faq{position:fixed;width:1100px;height:0;overflow:hidden;z-index:1002;background:#fff;top:50%;margin-top:-325px;bottom:0;left:50%;margin-left:-550px;}
.faq h2.tip{font-size:18px;color:#343434;margin:20px 0 40px 0;padding:0 20px;position:relative;}
.faq h2.tip span{font-size:28px;}
.faq h2.tip a.close-faq{background-position:-41px -266px;}
.faq-list ul li .faq-item{width:49%;margin:0 2% 30px 0;padding:5px 20px 0 55px;}
.faq-list ul li .faq-item:nth-child(2n+2){margin-right:0;}
.faq-list ul li .faq-item h3.question{color:#138451;font-size:16px;font-weight:100;margin-bottom:10px;position:relative;}
.faq-list ul li .faq-item h3.question span.icon{position:absolute;left:-35px;top:-2px;width:28px;height:28px;background:url(../../images/hr/icon.png) no-repeat;background-position:-89px -247px;}
.faq-list .flex-direction-nav a{top:inherit;bottom:0;}
.faq-list .flex-direction-nav a.flex-prev{left:inherit;right:30px;}
.faq-list .flex-direction-nav a.flex-next{right:0;}
.faq-list .flex-direction-nav a.flex-disabled{opacity:1!important;}
.faq-list .flex-direction-nav a.flex-next.flex-disabled,.faq-list .flex-direction-nav a.flex-prev.flex-disabled{background:#999;}

/* ie7 tip! */
.NotSupport{position:fixed;width:500px;height:110px;left:50%;top:50%;margin-left:-250px;margin-top:-55px;text-align:center;background:#138451;color:#fff;padding:10px;z-index:10;}
.NotSupport h1{padding:5px 0;font-size:18px;}
.NotSupport p{padding:5px;font-size:14px;}
.NotSupport i{position:absolute;right:0;top:0;font-size:16px;cursor:pointer;z-index:1000; font-size:16px; padding:10px;}

/* fixed-tools */
.fixed-tools{position:fixed;z-index:10;width:60px;height:190px;right:10px;bottom:10px;}
.fixed-tools a{display:block;height:60px;cursor:pointer;margin-bottom:5px;background:#fff;color:#646464;text-align:center;border:1px solid #bbb;}
.fixed-tools a:last-child{margin-bottom:0;}
.fixed-tools a:hover,.fixed-tools a.active{color:#138451;}
.fixed-tools a span.icon{display:block;width:20px;height:20px;margin:10px auto 2px;background:url(../../images/hr/icon.png) no-repeat;background-position:-181px -77px;}
.fixed-tools a span.icon2{background-position:-181px -25px;}
.fixed-tools a span.icon3{background-position:-179px -128px;}
.fixed-tools .right-qr{display:none;position:absolute;width:142px;height:142px;top:0px;right:82px;z-index:3;}

/* footer */
.footer-content{padding:35px 0 120px 0;background:#757575;color:#f5f5f5;}
.footer a{color:#f5f5f5;position:relative;}
.footer a:hover{color:#fff;text-decoration:underline;}
.foot-logo{width:23%;border-right:1px solid #858585;margin-right:1.5%;}
.foot-logo img.f-logo{width:130px;position:absolute;left:0;top:2px;}
.foot-logo h1.groupname{font-size:24px;padding-left:140px;margin:0;color:#bbb;}
.foot-logo h1.groupname span{display:block;font-size:14px;}
.copyright{width:44%;margin-right:1.5%;}
.copyright .foot-nav{padding-top:5px;}
.copyright .foot-nav a{margin-right:6px;}
.copyright .foot-nav a:after{position:absolute;content:"";right:-6px;top:6px;width:1px;height:10px;background:#f5f5f5;}
.copyright .foot-nav a:last-child:after,.copyright .foot-nav a.noafter:after{display:none;}
.qrcode{width:30%;margin-top:5px;}
.qrcode img{position:absolute;right:0;top:0;width:130px;height:130px;z-index:1;}
.qrcode p{padding-right:130px;}

/* animate */
.animate{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;}
.animate-1{-webkit-animation:bounceIn 1.2s .2s ease both;-moz-animation:bounceIn 1.2s .2s ease both;-ms-animation:bounceIn 1.2s .2s ease both;} /*弹*/
.animate-2{-webkit-animation:fadeInUp .5s .2s ease both;-moz-animation:fadeInUp .5s .2s ease both;-ms-animation:fadeInUp .5s .2s ease both;}/*向上淡入*/
.animate-3{-webkit-animation:fadeInDown .5s .2s ease both;-moz-animation:fadeInDown .5s .2s ease both;-ms-animation:fadeInDown .5s .2s ease both;}/*向下淡入*/
.animate-4{-webkit-animation:fadeOut .6s .2s ease both;-moz-animation:fadeOut .6s .2s ease both;-ms-animation:fadeOut .6s .2s ease both;}/*淡出*/
.animate-5{-webkit-animation:fadeIn .6s .2s ease both;-moz-animation:fadeIn .6s .2s ease both;-ms-animation:fadeIn .6s .2s ease both;}/*淡入*/
.animate-6{-webkit-animation:lightSpeedIn .6s .2s ease both;-moz-animation:lightSpeedIn .6s .2s ease both;-ms-animation:lightSpeedIn .6s .2s ease both;}
.animate-6o{-webkit-animation:lightSpeedOut .6s .2s ease both;-moz-animation:lightSpeedOut .6s .2s ease both;-ms-animation:lightSpeedOut .6s .2s ease both;}
.animate-7{-webkit-animation:flipInY .6s .2s ease both;-moz-animation:flipInY .6s .2s ease both;-ms-animation:flipInY .6s .2s ease both;}
.animate-8{-webkit-animation:flipOutY .6s .2s ease both;-moz-animation:flipOutY .6s .2s ease both;-ms-animation:flipOutY .6s .2s ease both;}
.animate-9{-webkit-animation:zoomIn .6s .2s ease both;-moz-animation:zoomIn .6s .2s ease both;-ms-animation:zoomIn .6s .2s ease both;}
.animate-10{-webkit-animation:bounceIn .6s .2s ease both;-moz-animation:bounceIn .6s .2s ease both;-ms-animation:bounceIn .6s .2s ease both;} /*快速弹*/
.loop{animation-iteration-count:infinite;animation-duration:.8s}
.animate-5fast{animation:fadeIn .2s .1s ease both;--webkit-animation:fadeIn .2s .1s ease both;-moz-animation:fadeIn .2s .1s ease both;-ms-animation:fadeIn .2s .1s ease both;}/*淡入*/