@charset "utf-8";
/* CSS Document */

.warp{ min-width:1200px; max-width:1920px; border:solid #F00 0px; overflow:hidden}

/*public*/
.center{ width:1200px; margin:0 auto}
.subtitle{ overflow:hidden}
.subtitle h3{ float:left; font-size:20px; color:#008e50; line-height:25px; height:25px; padding-left:12px; position:relative}
.subtitle h3:before{ content:""; position:absolute; background:#008E50; width:3px; height:19px; top:3px; left:0}
.subtitle .more{ float:right; font-size:14px; color:#000}
.classify{ background:#F5F5F5; height:32px; padding:10px}
/*public end*/


/*index*/
.banner{ background:url(../../image/nxs/banner.jpg) center no-repeat; height:500px}

.subbanner{ padding:12px 0 14px}

.section1{ background:#F5F5F5; padding:41px 53px 42px 47px}
.section1 dt{ float:left; background:#FFF; width:703px; height:351px; border-radius:4px}
.section1 dt .recruitment{ padding:24px 45px 0 39px}
.section1 dt .recruitment-cont{ padding-top:12px; position:relative}
.section1 dt .recruitment-cont:before{ content:""; position:absolute; background:#868686; width:1px; height:204px; margin-top:-102px; top:50%; left:50%}
.section1 dt .recruitment-cont li{ width:240px; font-size:16px; color:#333333; line-height:23px; padding:5px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.section1 dt .recruitment-cont li a{ color:#333333; text-decoration:none}
.section1 dt .recruitment-cont li a:hover{ color:#008e50}
.section1 dd{ float:right; width:352px}
.section1 dd .quickQuery{ background:#FFF; height:112px; padding:24px 0 0 42px; border-radius:4px}
.section1 dd .quickQuery-cont{ margin-top:21px}
.section1 dd .quickQuery-cont li{ float:left; padding:0 38px 13px 0}
.section1 dd .quickQuery-cont li a{ display:block; background:#008E50; font-size:16px; color:#ffffff; line-height:19px; padding:0 2px; text-decoration:none; border-radius:3px}
.section1 dd .liveCourse{ background:#FFF; height:151px; padding:24px 38px 0 44px; margin-top:40px; border-radius:4px}
.section1 dd .liveCourse-cont{ margin-top:16px}
.section1 dd .liveCourse-cont li{ font-size:16px; color:#383838; line-height:22px; padding:5px 0; overflow:hidden}
.section1 dd .liveCourse-cont li i{ float:left; font-style:normal; width:56px}
.section1 dd .liveCourse-cont li a{ float:right}
.section1 dd .liveCourse-cont li a.liveCourse-name{ float:left; width:170px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.section2 .switch dt{ background:#F5F5F5; height:47px}
.section2 .switch dt span{ float:left; width:120px; height:47px; text-align:center; line-height:47px; font-size:20px; color:#008e50; transition:all 0.3s linear; cursor:pointer}
.section2 .switch dt span.active{ background:#008E50; color:#FFF}
.section2 .switch dd{ margin-top:26px; padding-bottom:10px}
.section2 .switch dd ul{ display:none}
.section2 .switch dd ul:first-child{ display:block}
.section2 .switch dd li{ float:left; margin-left:21px; background:#FFF; width:284px; height:343px; box-shadow:rgba(4,0,0,.6) 0 0 10px; border-radius:4px}
.section2 .switch dd li:first-child{ margin-left:0}
.section2 .switch dd li .switch-pic{ height:157px}
.section2 .switch dd li .switch-name{ font-size:16px; color:#000000; line-height:24px; font-weight:bold; padding:0 12px; margin-top:19px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.section2 .switch dd li .switch-price{ margin:0 14px; border-bottom:solid 1px #BBBBBB; text-align:right; font-size:14px; color:#f25739; line-height:20px; padding:10px 0 16px}
.section2 .switch dd li .switch-hour{ padding:20px 12px 22px; line-height:20px; border-bottom:solid 1px #BBBBBB; border-bottom-left-radius:4px; border-bottom-right-radius:4px; overflow:hidden}
.section2 .switch dd li .switch-hour p{ float:left; font-size:12px; color:#008e50}
.section2 .switch dd li .switch-hour span{ float:right; font-size:12px; color:#000000}

.section3{ padding:3px 0 33px}
.section3 li.part3{ float:left; background:#F5F5F5; height:524px; padding-top:16px}
.section3 li.part3-1{ width:369px; margin-right:34px}
.section3 li.part3-1 .guidelines{ background:#FFF; width:230px; height:478px; padding:24px 29px 0 39px; margin:0 auto; border-radius:4px}
.section3 li.part3-1 .guidelines-cont{ margin-top:12px}
.section3 li.part3-1 .guidelines-cont dd{ font-size:16px; color:#333333; line-height:23px; padding:5px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.section3 li.part3-1 .guidelines-cont dd a{ text-decoration:none}
.section3 li.part3-1 .guidelines-cont dd a:hover{ color:#008e50}
.section3 li.part3-1 .guidelines-cont dt{ margin-top:17px}
.section3 li.part3-2{ width:339px; margin-right:35px}
.section3 li.part3-2 dd{ background:#FFFFFF; width:230px; height:219px; padding:24px 29px 0 39px; margin:0 auto 16px; border-radius:4px}
.section3 li.part3-2 dd .part3-cont{ margin-top:12px}
.section3 li.part3-2 dd .part3-cont p{ font-size:16px; color:#333333; line-height:23px; padding:5px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.section3 li.part3-2 dd .part3-cont p a{ text-decoration:none}
.section3 li.part3-2 dd .part3-cont p a:hover{ color:#008e50}
.section3 li.part3-3{ width:423px}
.section3 li.part3-3 dd{ background:#FFFFFF; width:352px; height:243px; margin:0 auto 16px}
.section3 li.part3-3 dd .home-form{ padding:24px 58px 0 43px}
.section3 li.part3-3 dd .home-form .enroll-ctr{ overflow:hidden; padding:14px 0px 6px 0px}
.section3 li.part3-3 dd .home-form .enroll-ctr .opt{ float:left; max-width:125px; height:20px; line-height:16px; margin-bottom:4px}
.section3 li.part3-3 dd .home-form .enroll-ctr .opt:nth-child(2n+2){ float:right}
.section3 li.part3-3 dd .home-form .enroll-ctr .gender-radio{ position: absolute; display: none;}
.section3 li.part3-3 dd .home-form .enroll-ctr label{position: relative; display: block; line-height:19px; padding-left:17px; cursor: pointer; vertical-align: middle; color:#333333; font-size:16px}
.section3 li.part3-3 dd .home-form .enroll-ctr .gender-radio + label:after{ position: absolute; display: none; content: ''; }
.section3 li.part3-3 dd .home-form .enroll-ctr label:before{ position: absolute; top:5px; left:0; display: inline-block; width: 11px; height: 10px; content: ''; background:#FEB506}
.section3 li.part3-3 dd .home-form .enroll-ctr .gender-radio + label:after{ top:5px; left:0px; width:11px; height:10px; background:url(../../image/nxs/icon.png) no-repeat; background-position:-16px 0}
.section3 li.part3-3 dd .home-form .enroll-ctr .gender-radio:checked + label:after{ display: block; }
.section3 li.part3-3 dd .home-form .ipt{ padding:0}
.section3 li.part3-3 dd .home-form .ipt label{ float:left; font-size:16px; color:#383838; line-height:26px}
.section3 li.part3-3 dd .home-form .ipt input{ float:right; width:185px; height:14px; border:solid 1px #777777; padding-left:6px; font-size:12px; color:#333; outline:none; margin-top:5px}
.section3 li.part3-3 dd .home-form .submit{ padding:10px 0 0 23px; overflow:hidden}
.section3 li.part3-3 dd .home-form .submit input{ display:block; background:#35AF57; width:110px; height:26px; text-align:center; border:solid 0px #29A770; border-radius:3px; font-size:14px; color:#FFF; margin:0 auto; cursor:pointer}
.section3 li.part3-3 dd .social-contact{ padding:34px 0 0 65px}
.section3 li.part3-3 dd .social-contact a{ float:left; width:65px; text-align:center; margin:0 23px; text-decoration:none; position:relative}
.section3 li.part3-3 dd .social-contact span{ display:block; font-size:12px; color:#383838; line-height:31px; padding-bottom:4px}
.section3 li.part3-3 dd .social-contact a .wx-qrCode{ position:absolute; background:#FFF; width:130px; height:130px; padding:6px; box-shadow:rgba(0,0,0,.3) 0 0 16px; margin-left:-71px; top:-150px; left:50%; display:none}
.section3 li.part3-3 dd .social-contact a:nth-child(2):hover .wx-qrCode{ display:block}
/*index end*/