.warp{ margin:0 auto; width:100%; min-width:1200px; max-width:1920px;}



.section1{ background: url(../images/bj1.jpg) center no-repeat; background-size: cover;}
.section1 .logo{ width: 16%; position: absolute; left: 14%; top: 5%;}
.section1 .logo img{ width: 100%;}
.section1 .bannerTitle{ width: 50%; position: absolute; left: 25%; right: 25%; top: 30%;}
.section1 .bannerTitle img{ width: 100%;}
.section1 .button{ width: 498px; height: 65px; line-height: 65px; text-align: center; font-size: 30px; color: #fff; background: url(../images/1-3.jpg) repeat-y center; position: absolute; left: 50%; margin-left: -249px; bottom: 20%;}

.section2{}
.section2 .caption{ text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; color: #000000; position: absolute; left: 0; width: 100%; top: 6%;}
.section2 .needReason{ width: 1200px; position: relative; top: 20%; margin: 0 auto;}
.section2 .reasonList{ float: left; width: 50%; height: 250px; margin-bottom: 50px;}
.section2 .reasonList .icon{ float: left; width: 126px; height: 126px; border-width: 15px; border-style: solid; border-radius: 50%; position: relative;}
.section2 .reasonList .icon.blue{ background: url(../images/icon2-1.png) center no-repeat; border-color: #1886ba;}
.section2 .reasonList .icon.green{ background: url(../images/icon2-2.png) center no-repeat; border-color: #56bfa3;}
.section2 .reasonList .icon.pear{ background: url(../images/icon2-3.png) center no-repeat; border-color: #98b440;}
.section2 .reasonList .icon.orange{ background: url(../images/icon2-4.png) center no-repeat; border-color: #eb843d;}
.section2 .reasonList .icon:before{ content: ""; display: block; width: 55px; height: 55px; border-radius: 50%; position: absolute; left: -30px; top: 50%; margin-top: -28px;}
.section2 .reasonList .icon.blue:before{ background: #1886BA;}
.section2 .reasonList .icon.green:before{ background: #56bfa3;}
.section2 .reasonList .icon.pear:before{ background: #98b440;}
.section2 .reasonList .icon.orange:before{ background: #eb843d;}
.section2 .reasonList .text{ float: left; width: 350px; margin-left: 55px;}
.section2 .reasonList .text h2{ font-size: 30px; font-weight: bold; color: #000;}
.section2 .reasonList .text p{ font-size: 20px; line-height: 40px; color: #000; text-align: justify;}


.section3{ background: url(../images/bj2.jpg) no-repeat; background-size: cover;}
.section3 .caption{ text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; color: #000000; position: absolute; left: 0; width: 100%; top: 6%;}
.section3 .meaning{ width: 1200px; position: relative; top: 20%; margin: 0 auto;}
.section3 .meaningItem{ float: left; width: 20%;}
.section3 .meaningItem .icon{ margin: 0 auto; width: 188px; height: 217px; overflow: hidden;}
.section3 .meaningItem .icon span{ display: block; width: 154px; height: 154px; background-color: #fff;  background-repeat:no-repeat; background-position: center; border-radius: 50%; margin: 26px auto;}
.section3 .meaningItem.item1 .icon{ background: url(../images/polygon3-1.png) center no-repeat;}
.section3 .meaningItem.item2 .icon{ background: url(../images/polygon3-2.png) center no-repeat;}
.section3 .meaningItem.item3 .icon{ background: url(../images/polygon3-3.png) center no-repeat;}
.section3 .meaningItem.item4 .icon{ background: url(../images/polygon3-4.png) center no-repeat;}
.section3 .meaningItem.item5 .icon{ background: url(../images/polygon3-5.png) center no-repeat;}
.section3 .meaningItem.item1 .icon span{ background-image: url(../images/icon3-1.png); border: 6px solid #107090;}
.section3 .meaningItem.item2 .icon span{ background-image: url(../images/icon3-2.png); border: 6px solid #29a282;}
.section3 .meaningItem.item3 .icon span{ background-image: url(../images/icon3-3.png); border: 6px solid #6e881c;}
.section3 .meaningItem.item4 .icon span{ background-image: url(../images/icon3-4.png); border: 6px solid #2181a8;}
.section3 .meaningItem.item5 .icon span{ background-image: url(../images/icon3-5.png); border: 6px solid #f48e48;}
.section3 .meaningItem .text{ width: 204px; height: 68px; padding: 25px 0; border: 1px solid #a0a0a0; border-radius: 6px; margin: 126px auto 0; position: relative; font-size: 24px; line-height: 34px; color: #434343; text-align: center;}
.section3 .meaningItem .text:before{ content: ""; display: block; width: 1px; height: 107px; background: #a0a0a0; position: absolute; left: 50%; top: -107px;}
.section3 .meaningItem .text:after{ content: ""; display: block; width: 40px; height: 1px; background: #a0a0a0; position: absolute; left: 50%; top: -109px; margin-left: -20px;}


.section4{ background: url(../images/bj3.jpg) no-repeat; background-size: cover;}
.section4 .caption{ text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; color: #fff; position: absolute; left: 0; width: 100%; top: 6%;}
.section4 .subCaption{ font-size: 36px; color: #fff; font-size: 36px; line-height: 36px; text-align: center; position: absolute; width: 100%; left: 0; top: 18%;}
.section4 .service{ width: 1200px; position: relative; top: 35%; margin: 0 auto;}
.section4 .serviceList{ float: left; width: 50%; height: 150px; margin-bottom: 50px;}
.section4 .serviceList .icon{ float: left; margin: 20px 0; margin-left: 90px; width: 110px; height: 110px; border-radius: 50%;}
.section4 .serviceList .icon.blue{ background: url(../images/icon4-1.png) center no-repeat #1886ba;}
.section4 .serviceList .icon.green{ background: url(../images/icon4-2.png) center no-repeat #56bfa3;}
.section4 .serviceList .icon.pear{ background: url(../images/icon4-3.png) center no-repeat #98b440;}
.section4 .serviceList .icon.orange{ background: url(../images/icon4-4.png) center no-repeat #eb843d;}
.section4 .serviceList .text{ float: left; width: 280px; height: 150px; margin-left: 5px; background: rgba(255,255,255,0.86); border-radius: 8px;}
.section4 .serviceList .text h2{ font-size: 24px; line-height: 24px; margin-top: 28px; font-weight: bold; color: #000; text-align: center;}
.section4 .serviceList .text p{ font-size: 18px; line-height: 30px; margin-top: 10px; color: #000; text-align: center;}

.section5{ background: #e1f2fb;}
.section5 .caption{ text-align: center; font-size: 36px; font-weight: bold; color: #fff; width: 717px; height: 70px; line-height: 70px; background: #1886ba; border-radius: 5px; margin: 0 auto; position: absolute; left: 50%; margin-left: -358px; top: 6%;}
.section5 .force{ width: 1200px; margin: 0 auto; position: relative; top: 22%;}
.section5 .forceItem{ width: 33.33%; float: left; position: relative;}
.section5 .forceItem .itemImg{ width: 322px; height: 215px; margin: 0 auto; border: 9px solid #fff; border-radius: 10px; position: relative;}
.section5 .forceItem .itemTitle{ text-align: center; font-size: 24px; line-height: 24px; font-weight: bold; color: #362e2b; margin-top: 30px;}
.section5 .forceItem .itemText{ font-size: 18px; line-height: 30px; color: #362e2b; padding: 0 60px; margin-top: 20px; text-align: justify;}
.section5 .button{ width: 450px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #fff; background: url(../images/1-3.jpg) repeat-y center; position: absolute; left: 50%; margin-left: -225px; bottom: 5%;}
.section5 .button a{ display: block; color: #fff; text-decoration: none;}

.section6{ background: #ebf6f6;}
.section6 .caption{ text-align: center; font-size: 36px; font-weight: bold; color: #fff; width: 717px; height: 70px; line-height: 70px; background: #56bfa3; border-radius: 5px; margin: 0 auto; position: absolute; left: 50%; margin-left: -358px; top: 4%;}
.section6 .guide{ width: 1200px; margin: 0 auto; position: relative; top: 20%;}
.section6 .guideItem{ margin-bottom: 2%;}
.section6 .guideItem .img{ float: left; width: 280px; height: 200px; margin-right: 18px;}
.section6 .guideItem .txt{ float: left; width: 577px; height: 202px; background: #f5fbfb; display: table; box-shadow: 0 0 30px #ccc; margin-left: 27px;}
.section6 .guideItem .txt .cell{ display: table-cell; vertical-align: middle;}
.section6 .guideItem .txt h6{ font-size: 24px; font-weight: bold; color: #362e2b; line-height: 30px; text-align: center;}
.section6 .guideItem .txt p{ font-size: 18px; line-height: 30px; color: #362e2b; margin-top: 12px; padding: 0 70px;}
.section6 .button{ width: 450px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #fff; background: url(../images/1-3.jpg) repeat-y center; position: absolute; left: 50%; margin-left: -225px; bottom: 5%;}
.section6 .button a{ display: block; color: #fff; text-decoration: none;}

.section7{ background: #eef7e7;}
.section7 .caption{ text-align: center; font-size: 36px; font-weight: bold; color: #fff; width: 717px; height: 70px; line-height: 70px; background: #98b730; border-radius: 5px; margin: 0 auto; position: absolute; left: 50%; margin-left: -358px; top: 5%;}
.section7 .coach{ width: 1200px; margin: 0 auto; position: relative; top: 28%;}
.section7 .coach .face{ position: absolute; left: 115px;}
.section7 .coachItem{ position: absolute; left: 550px;}
.section7 .coachItem.item1{ top: -32px;}
.section7 .coachItem.item2{ top: 110px;}
.section7 .coachItem.item3{ top: 264px;}
.section7 .coachItem .icon{ float: left; width: 100px; height: 100px; border-radius: 50%;}
.section7 .coachItem .icon.blue{ background: url(../images/icon7-1.png) center no-repeat #1886ba;}
.section7 .coachItem .icon.green{ background: url(../images/icon7-2.png) center no-repeat #56bfa3;}
.section7 .coachItem .icon.pear{ background: url(../images/icon7-3.png) center no-repeat #98b440;}
.section7 .coachItem:before{ content: "";  height: 1px; position: absolute; top: 50%; transform-origin: right center;}
.section7 .coachItem.item1:before{ background: #1886BA; transform: rotate(-30deg); width: 200px; left: -200px;}
.section7 .coachItem.item2:before{ background: #56bfa3; transform: rotate(10deg); width: 175px; left: -175px;}
.section7 .coachItem.item3:before{ background: #98b440; transform: rotate(45deg); width: 250px; left: -250px;}
.section7 .coachItem .text{ float: left;  margin-left: 38px; width: 400px;}
.section7 .coachItem .text h2{ font-size: 24px; line-height: 24px; font-weight: bold; color: #000;}
.section7 .coachItem .text p{ font-size: 18px; line-height: 30px; margin-top: 10px; color: #000;}
.section7 .button{ width: 450px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #fff; background: url(../images/1-3.jpg) repeat-y center; position: absolute; left: 50%; margin-left: -225px; bottom: 5%;}
.section7 .button a{ display: block; color: #fff; text-decoration: none;}

.section8{ background: #f1ebe9;}
.section8 .caption{ text-align: center; font-size: 36px; font-weight: bold; color: #fff; width: 781px; height: 70px; line-height: 70px; background: #f0803f; border-radius: 5px; margin: 0 auto; position: absolute; left: 50%; margin-left: -390px; top: 5%;}
.section8 .employer{ text-align: center; width: 70%; margin: 0 auto; position: relative; top: 20%;}
.section8 .employer img{ width: 100%; height: auto;}
.section8 .buttonGroup{ width: 1200px; position: absolute; left: 50%; bottom: 5%; margin-left: -600px;}
.section8 .buttonGroup .btn{ width: 260px; height: 70px; float: left; margin: 0 20px; border-radius: 10px;}
.section8 .buttonGroup .btn1{ background: #1886BA;}
.section8 .buttonGroup .btn2{ background: #56bfa3;}
.section8 .buttonGroup .btn3{ background: #98b440;}
.section8 .buttonGroup .btn4{ background: #eb843d;}
.section8 .buttonGroup .btn a{ display: table; width: 100%; height: 100%; text-decoration: none;}
.section8 .buttonGroup .btn span{ display: table-cell; vertical-align: middle; font-size: 20px; line-height: 28px; color: #fff; text-align: center;}

.section9{ background: #ffffff;}
.section9 .caption{ text-align: center; font-size: 48px; font-weight: bold; color: #000; line-height: 72px; position: absolute; width: 100%; top: 6%;}
.section9 .data{ width: 1200px; margin: 0 auto; position: relative; top: 35%;}

.section10{ height: 100%;}
.section10 .join{ height: 72%; background: url(../images/bj4.jpg) center no-repeat; background-size: cover; position: relative;}
.section10 .join .caption{ font-size: 48px; font-weight: bold; text-align: center; color: #000; position: absolute; width: 100%; left: 0; top: 5%;}
.section10 .form{ position: absolute; left: 50%; top: 25%;}
.section10 .formCtrl{ overflow: hidden; margin-bottom: 25px;}
.section10 .formCtrl label{ float: left; font-size: 30px; color: #000; width: 100px;}
.section10 .formCtrl input{ width: 444px; height: 50px; line-height: 50px; border: 1px solid #a0a0a0; padding: 0; text-indent: 1em; font-size: 16px; color: #333;}
.section10 .formSubmit{ padding-left: 100px; text-align: center; margin-top: 50px;}
.section10 .formSubmit input{ width: 298px; height: 56px; background: url(../images/1-3.jpg) repeat-y center; font-size: 24px; color: #fff; line-height: 56px; border-radius: 8px;}
.section10 .footer{ height: 28%; background: #1b3071;}
.section10 .footer .center{ width: 1200px; margin: 0 auto;}
.section10 .footer .contact{ float: left; border-bottom: 1px solid #fff; width: 707px; margin-left: 64px; margin-top: 54px;}
.section10 .footer .contact p{ font-size: 18px; color: #fff; line-height: 52px; padding-left: 45px;}
.section10 .footer .contact p.address{ background: url(../images/icon-address.png) left center no-repeat;}
.section10 .footer .contact p.tel{ background: url(../images/icon-tel.png) left center no-repeat;}
.section10 .footer .wcode{ float: right; margin-right: 125px; margin-top: 36px;}
.section10 .footer .wcode p{ font-size: 14px; line-height: 18px; color: #fff; text-align: center; margin-top: 5px;}