.wrap{ margin:0 auto; width: 100%; min-width: 320px;}

.banner{ padding-bottom: 60%; height: 0; background: url(../images/banner.jpg) center no-repeat; background-size: 100% 100%;}


.section .caption{ font-size: 0.36rem; line-height: 0.6rem; font-weight: bold; color: #333; text-align: center; margin-top: 0.28rem;}
.section .caption span{ color: #1ac0b2;}
.section .captionIcon{ width: 0.3rem; height: 0.3rem; margin: 0 auto; position: relative; background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 5rem 5rem; margin-top: 0.1rem;}
.section .captionIcon:before{ content: ""; display: block; height: 0.05rem; background: #eaeaea; position: absolute; top: 50%; margin-top: -0.025rem;}
.section .captionIcon:after{ content: ""; display: block; height: 0.05rem; background: #eaeaea; position: absolute; top: 50%; margin-top: -0.025rem;}


.section1{ background: #f3f5f7; overflow: hidden; padding-bottom: 0.6rem;}
.section1 .caption{ margin-top: 0.28rem;}
.section1 .captionIcon{ background-position: 0 0;}
.section1 .captionIcon:before{ width: 1.23rem; left: -1.4rem;}
.section1 .captionIcon:after{ width: 1.23rem; right: -1.4rem;}
.section1 .contentTxt{ font-size: 0.28rem; line-height: 0.38rem; color: #666; text-indent: 2em; padding: 0 0.75rem; margin-top: 0.27rem; text-align: justify;}

.section2{ padding-bottom: 0.6rem;}
.section2 .caption{ margin-top: 0.28rem;}
.section2 .captionIcon{ background-position: -0.3rem 0;}
.section2 .captionIcon:before{ width: 2.87rem; left: -3.04rem;}
.section2 .captionIcon:after{ width: 2.87rem; right: -3.04rem;}
.section2 .form{ width: 6rem; margin: 0.3rem auto 0;}
.section2 .formCtrl{ border: 1px solid #eaeaea; height: 0.88rem; border-radius: 0.44rem; background: #fafafa; margin-bottom: 0.4rem;}
.section2 .formCtrl label{ float: left; width: 0.4rem; height: 0.4rem; background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 5rem 5rem; margin: 0.22rem 0.3rem;}
.section2 .formCtrl:nth-of-type(1) label{ background-position: 0 -0.3rem;}
.section2 .formCtrl:nth-of-type(2) label{ background-position: -0.4rem -0.3rem;}
.section2 .formCtrl:nth-of-type(3) label{ background-position: -0.8rem -0.3rem;}
.section2 .formCtrl input{ float: left; width: 4.8rem; font-size: 0.28rem; color: #999; background: none; height: 0.6rem; margin: 0.14rem 0; padding: 0; outline: none;}
.section2 .formSubmit input{ width: 100%; height: 0.88rem; background: #1ac0b2; border-radius: 0.44rem; font-size: 0.32rem; color: #fff; font-weight: bold; appearance: none; -webkit-appearance: none;}

.section3{ height: 8.73rem; background: url(../images/bg1.png) center no-repeat; background-size: 100% 100%; overflow: hidden;}
.section3 .caption{ margin-top: 0.28rem;}
.section3 .captionIcon{ background-position: -0.6rem 0;}
.section3 .captionIcon:before{ width: 1.23rem; left: -1.4rem;}
.section3 .captionIcon:after{ width: 1.23rem; right: -1.4rem;}
.section3 .reasonList{ padding: 0 0.6rem; margin-top: 0.48rem;}
.section3 .reasonItem{ height: 1.8rem; background: #fff; margin-left: 1rem; border-top-right-radius: 0.9rem; border-bottom-right-radius: 0.9rem; position: relative; margin-bottom: 0.5rem;}
.section3 .reasonItem img{ position: absolute; width: 2rem; height: 2rem; margin: -0.1rem 0 -0.1rem -1rem;}
.section3 .reasonItem .txt{ display: table; height: 100%; border-top-right-radius: 0.9rem; border-bottom-right-radius: 0.9rem; }
.section3 .reasonItem span{ font-size: 0.28rem; line-height: 0.36rem; color: #666; display: table-cell; vertical-align: middle; padding-left: 1.2rem; padding-right: 0.62rem; text-align: justify;}

.section4{ background: url(../images/bg2.jpg) center no-repeat; height: 7.94rem; background-size: 100% 100%;}
.section4 .caption{ margin-top: 0.28rem;}
.section4 .captionIcon{ background-position: -0.9rem 0;}
.section4 .captionIcon:before{ width: 2.87rem; left: -3.04rem;}
.section4 .captionIcon:after{ width: 2.87rem; right: -3.04rem;}
.section4 .guideImg{ padding:0 0.2rem; margin-top: 0.5rem;}
.section4 .guideImg img{ width: 100%; height: auto;}
.section4 .btn{ width: 6rem; height: 0.88rem; margin: 0 auto;}
.section4 .btn a{ display: block; line-height: 0.88rem; text-align: center; background: #1ac0b2; font-size: 0.36rem; color: #fff; text-decoration: none; border-radius: 0.44rem;}

.section5{ background: #f3f5f7; overflow: hidden; padding-bottom: 0.4rem;}
.section5 .caption{ margin-top: 0.28rem;}
.section5 .captionIcon{ background-position: -1.2rem 0;}
.section5 .captionIcon:before{ width: 1.23rem; left: -1.4rem;}
.section5 .captionIcon:after{ width: 1.23rem; right: -1.4rem;}
.section5 .introduce{ width: 6rem; margin: 0.2rem auto 0;}
.section5 .introduceItem{ padding: 0.25rem 0 0.32rem 0; background: #fff; border-radius: 0.28rem; margin-bottom: 0.2rem;}
.section5 .introduceItem .itemTitle{ font-size: 0.32rem; line-height: 0.36rem; color: #333; position: relative; margin-left: 0.95rem; margin-right: 0.3rem;}
.section5 .introduceItem .itemTitle:before{ content: ""; display: block; width: 0.4rem; height: 0.4rem; background-image: url(../images/icon.png); background-repeat: no-repeat; position: absolute; left: -0.5rem; top: 50%; margin-top: -0.2rem; background-size: 5rem 5rem;}
.section5 .introduceItem:nth-child(1) .itemTitle:before{ background-position: -1.2rem -0.3rem;}
.section5 .introduceItem:nth-child(2) .itemTitle:before{ background-position: -1.6rem -0.3rem;}
.section5 .introduceItem:nth-child(3) .itemTitle:before{ background-position: -2rem -0.3rem;}
.section5 .introduceItem:nth-child(4) .itemTitle:before{ background-position: -2.4rem -0.3rem;}
.section5 .introduceItem .itemContent{ font-size: 0.28rem; line-height: 0.34rem; color: #999; margin-top: 0.1rem; margin-left: 0.95rem; margin-right: 0.3rem;}
.section5 .introduceItem .process{ margin-top: 0.15rem;}
.section5 .introduceItem .process img{ width: 100%;}
.section5 .btn{ width: 6rem; height: 0.88rem; margin: 0 auto; margin-top: 0.4rem;}
.section5 .btn a{ display: block; line-height: 0.88rem; text-align: center; background: #1ac0b2; font-size: 0.36rem; color: #fff; text-decoration: none; border-radius: 0.44rem;}


.section6{ overflow: hidden; padding-bottom: 0.4rem;     display: none; }
.section6 .caption{ margin-top: 0.28rem;}
.section6 .captionIcon{ background-position: -1.5rem 0;}
.section6 .captionIcon:before{ width: 2.87rem; left: -3.04rem;}
.section6 .captionIcon:after{ width: 2.87rem; right: -3.04rem;}
.section6 .eliteList{ padding-left: 0.6rem; margin-top: 0.4rem;}
.section6 .eliteItem{ overflow: hidden; margin-bottom: 0.28rem;}
.section6 .eliteItem .photo{ float: left; width: 2.39rem; height: 1.52rem; margin-right: 0.18rem; }
.section6 .eliteItem .infor{ margin-top: 0.15rem;}
.section6 .eliteItem .photo img{ width: 100%; height: auto;}
.section6 .eliteItem .eliteName{ font-size: 0.3rem; line-height: 0.4rem; color: #333;}
.section6 .eliteItem .relatedJob{ font-size: 0.26rem; line-height: 0.34rem; color: #666;}

.section7{ overflow: hidden; background: #f3f5f7; display: none;}
.section7 .caption{ margin-top: 0.08rem;}
.section7 .captionIcon{ background-position: -1.8rem 0;}
.section7 .captionIcon:before{ width: 1.23rem; left: -1.4rem;}
.section7 .captionIcon:after{ width: 1.23rem; right: -1.4rem;}
.section7 .startSalary{ text-align: center; font-size: 0.3rem; line-height: 0.34rem; font-weight: bold; color: #333; margin-top: 0.32rem;}
.section7 .salaryList{ padding-left: 0.2rem; margin-top: 0.32rem; margin-bottom: 0.8rem;}
.section7 .salaryItem{ overflow: hidden; margin-bottom: 0.4rem;}
.section7 .jobRange{ float: left; width: 1.45rem; text-align: right; font-size: 0.28rem; line-height: 0.4rem; color: #666; margin-right: 0.08rem;}
.section7 .jobRange.singleH{ line-height: 0.4rem; height: 0.4rem;}
.section7 .jobRange.doubleH{ line-height: 1.1rem; height: 1.1rem;}
.section7 .jobLevel{ float: left;}
.section7 .jobSalary .level{ overflow: hidden; margin: 0.1rem 0;}
.section7 .jobSalary span{ float: left; font-size: 0.28rem; width: 0.6rem; height: 0.4rem; line-height: 0.4rem; color: #999; margin-right: 0.08rem;}
.section7 .jobSalary b{ float: left; height: 0.4rem; line-height: 0.4rem; color: #fff; font-size: 0.28rem; text-align: right; padding-right: 0.1rem;}
.section7 .jobSalary b.c1{ background: #929fab;}
.section7 .jobSalary b.c2{ background: #627384;}
.section7 .jobSalary b.c3{ background: #1ac0b2;}
.section7 .jobSalary b.c4{ background: #28cbd1;}
.section7 .jobSalary b.c5{ background: #33bed7;}
.section7 .jobSalary b.w1{ width: 2.67rem;}
.section7 .jobSalary b.w2{ width: 3.37rem;}
.section7 .jobSalary b.w3{ width: 2.47rem;}
.section7 .jobSalary b.w4{ width: 3.02rem;}
.section7 .jobSalary b.w5{ width: 4.76rem;}
.section7 .jobSalary b.w6{ width: 4.09rem; margin: 0.2rem 0;}
.section7 .jobSalary b.w7{ width: 3.63rem;}
.section7 .btn{ width: 6rem; height: 0.88rem; margin: 0 auto; margin-bottom: 0.4rem;}
.section7 .btn a{ display: block; line-height: 0.88rem; text-align: center; background: #1ac0b2; font-size: 0.36rem; color: #fff; text-decoration: none; border-radius: 0.44rem;}

footer{ height: 2.5rem; line-height: 1.5rem; background: #777e85; text-align: center;}
footer span{ display: inline-block; font-size: 0.3rem; color: #fff; position: relative;}
footer span:before{ content: ""; display: block; width: 1.4rem; height: 0.02rem; background: #fff; position: absolute; left: -1.5rem; top: 50%; margin-top: -0.01rem;}
footer span:after{ content: ""; display: block; width: 1.4rem; height: 0.02rem; background: #fff; position: absolute; right: -1.5rem; top: 50%; margin-top: -0.01rem;}


.top_tips{position:fixed;top:-60px;z-index:9999;width:100%;height:50px;line-height:50px;max-width:640px;background:#000;color:#fff;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips span{ float: left; width:40px; height:40px; background:url(../images/iconAll.png) 0 -231px no-repeat; border-radius:5px; margin:5px}
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }
@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}


.footer { width: 100%; height: 116px; position: fixed; bottom: 0; left: 0; line-height: 116px; z-index: 100; display: none; }
.footer .footerInner { width: 100%; height: 100%; -moz-box-shadow: 6px 0 24px rgba(32,21,18,.72); -webkit-box-shadow: 6px 0 24px rgba(32,21,18,.72); box-shadow: 6px 0 24px rgba(32,21,18,.72); }
.footer a { display: block; float: left; position: relative; }
.footer a em, .footer a i { display: block; position: absolute; }
.footerLink4 { width: 18.125%; height: 100%; background-color: #ff4d8b;border-right:1px solid #464e5b; }
.footerLink1 { width: 18.125%; height: 100%; background-color: #2e3642; }
.homeIcon { left: 50%; top: 18px; width: 59px; height: 50px; margin-left: -29px; background: url(../images/footerLink1.png) no-repeat; }
.sqfqIcon { left: 50%; top: 21px; width: 50px; height: 50px; margin-left: -29px; background: url(../images/footerLink4.png) no-repeat; }
.footerLink1 em,.footerLink4 em { display: block; left: 0; top: 68px; width: 100%; color: #6a7380; font-size: 20px; line-height: 36px; text-align: center; }
.footerLink2 {width: 50%;height: 100%;background-color: #ff4d8b;}
.swtIcon { left: 50%; top: 36px; width: 54px; height: 48px; margin-left: -100px; background: url(../images/footerLink2.png) no-repeat; }
.swtIcon_Counter { left: 50%; top: 30px; width: 28px; height: 28px; margin-left: -68px; text-align: center; line-height: 26px; background-color: #e60012; color: #fff; font-size: 18px; font-style: normal; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8); box-shadow: 0 0 3px rgba(0,0,0,0.8); }
.footerLink2 em { display: block; left: 50%; top: 50%; margin-left: -28px; margin-top: -23px; color: #fff; font-size: 32px; line-height: 46px; }
.footerLink3 {width: 50%;height: 100%;background-color: #1ac0b2;}
.phoneIcon { left: 50%; top: 50%; width: 54px; height: 54px; margin-top: -27px; margin-left: -90px; background: url(../images/footerLink3.png) no-repeat; }
.footerLink3 em { display: block; left: 50%; top: 50%; margin-left: -28px; margin-top: -23px; color: #fff; font-size: 32px; line-height: 46px; }
 @media screen and (min-width:320px) and (max-width:900px) {
.footer { height: 50px; }
.homeIcon { top: 9px; width: 30px; height: 25px; margin-left: -15px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.sqfqIcon { top: 9px; width: 29px; height: 22px; margin-left: -15px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.footerLink1 em,.footerLink4 em { font-size: 10px; top: 34px; line-height: 18px; }
.swtIcon { top: 12px; width: 27px; height: 24px; margin-left: -50px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.swtIcon_Counter { top: 10px; width: 14px; height: 14px; margin-left: -34px; line-height: 13px; font-size: 9px; }
.footerLink2 em { font-size: 14px; line-height: 23px; margin-left: -14px; margin-top: -12px; }
.phoneIcon { width: 27px; height: 27px; margin-top: -14px; margin-left: -45px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.footerLink3 em { font-size: 14px; line-height: 23px; margin-left: -14px; margin-top: -12px; }