﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }   
fieldset,img { border: 0; } 
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; } 
ol,ul,dl,dd,li { list-style: none; zoom:1; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;} 
q:before,q:after { content:''; } 
abbr,acronym { border: 0; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both; 
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
/*-- All --*/
body{ color:#6D6D6D; text-align:center;font:normal 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif; }
a{ color:#6D6D6D; text-decoration:none; outline:none;}
a:hover {color:#3F97E9; text-decoration:none; } 
.footer-bottom .copyRight,#footer .siteWidth{max-width: 1200px!important;}

/*-- Public --*/
.big-title h3{font-size: 50px;line-height: 50px;text-align: center;color: #333333;margin-bottom: 40px;}
.big-title em{display: block;width: 100px;height: 8px;background: #3879FE;border-radius: 5px;margin: auto;}
.fl{ float:left !important; _display:inline; }
.fr{ float:right !important; _display:inline;}
.clear{clear: both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
body{width: 100%;min-width: 1200px; }
.siteWidth{ max-width: 1200px;min-width: 1200px;  margin:0 auto; overflow:hidden;  text-align:left; position:relative;   }

#header{z-index:1; width:100%; height: 500px; background:url(pageimg/header.jpg) center no-repeat;  }
#header .siteWidth .logo-box{ overflow:visible; height: 42px;margin: 52px 0 100px;}
#header .logo{ display:block; width:200px; height:42px;  float: left; background:url(pageimg/logo.png) no-repeat; }
#header .p1{font-size: 64px;line-height: 64px;color: #FFFFFF;margin-bottom: 45px;font-family: Roboto;text-align: center;}
#header .p2{font-size: 36px;line-height: 40px;color: #FFFFFF;text-align: center;}
#header .logo-dy {width: 120px;height: 36px;background-color: #6860f7;border-radius: 18px;line-height: 36px;text-align: center;color: #fff;font-size: 18px;position: absolute;top: 55px;right: 0;}
.saas-footer{height: 300px;background:url(pageimg/Recruitment-fbg.png) no-repeat;background-size: cover;display: none;}
.saas-footer .siteWidth{text-align: center;}
.saas-footer a{display: inline-block;width: 300px;height: 80px;background: #FFFFFF;border-radius: 10px;text-align: center;line-height: 80px;color: #3879FE;font-size: 24px;margin: 110px 18px;}
.saas-footer a:hover{color: #E83232;}
.Newborn-box{padding: 80px 60px 80px 65px;border-bottom: 1px solid #EBEBEB;display: flex;}
.pub-round-text{position: relative;margin: auto;}
.pub-img{margin: auto;}
.pub-img img{width: 100%;}
.pub-round-text em{width: 95px;height: 95px;background: rgba(56, 121, 254, 0.05);border-radius: 50%;display: block;position: absolute;top: -45px;}
.pub-round-text .p-box{margin: 0 0 0 20px;}
.pub-round-text .p-box .p1{font-size: 32px;line-height: 32px;height: 32px;color: #000;margin-bottom: 20px;}
.pub-round-text .p-box .p2{font-size: 21px;line-height: 40px;color: #666666;}
.pub-round-text .p-box .p3{font-size: 21px;line-height: 40px;color: #666666;background: url(pageimg/Recruitment-icon.png) 0 12px no-repeat;padding-left: 36px;}
.pub-round-text .line{width: 72px;height: 5px;background: #3879FE;margin: 25px 0 0 20px;}


.Recruitment-body{background: #F9FAFF;padding: 95px 0 20px;}
.RecruitmentA{background-color: #fff;height: 200px;}
.RecruitmentA .left-box{width: 280px;float: left;font-size: 18px;line-height: 36px;margin: 46px 0;}
.RecruitmentA .right-box{float: right;height: 90px;margin: 55px 0;}
.RecruitmentA .right-box ul li{float: left;}
.RecruitmentA .right-box ul em{display: block;float: left;width: 53px;height: 11px;background:url(pageimg/zsdh-icon.png) no-repeat;margin: 38px 17px;}
.RecruitmentA .right-box ul li a i{display: block;background:url(pageimg/zs-icons.png) no-repeat;height: 60px;}
.RecruitmentA .right-box ul li p{font-size: 18px;line-height: 26px;text-align: center;}

.RecruitmentA .right-box ul .li1.on a i{background-position: -290px -19px;}
.RecruitmentA .right-box ul .li2.on a i{background-position: -282px -146px;}
.RecruitmentA .right-box ul .li3.on a i{background-position: -278px -274px;}
.RecruitmentA .right-box ul .li4.on a i{background-position: -285px -404px;}
.RecruitmentA .right-box ul .li5.on a i{background-position: -289px -531px;}
.RecruitmentA .right-box ul .li6.on a i{background: url(pageimg/lq-active.png) 11px 3px no-repeat;background-size: 52px;}
.RecruitmentA .right-box ul li.on a p{color: #E83232;}

.RecruitmentA .right-box ul .li1{width: 72px;}
.RecruitmentA .right-box ul .li1 a i{background-position: -30px -19px;}
.RecruitmentA .right-box ul .li2{width: 90px;}
.RecruitmentA .right-box ul .li2 a i{background-position: -22px -146px;}
.RecruitmentA .right-box ul .li3{width: 77px;}
.RecruitmentA .right-box ul .li3 a i{background-position: -27px -274px;}
.RecruitmentA .right-box ul .li4{width: 72px;}
.RecruitmentA .right-box ul .li4 a i{background-position: -34px -404px;}
.RecruitmentA .right-box ul .li5{width: 72px;}
.RecruitmentA .right-box ul .li5 a i{background-position: -38px -531px;}
.RecruitmentA .right-box ul .li6{width: 72px;}
.RecruitmentA .right-box ul .li6 a i{background: url(pageimg/lq-off.png) 11px 3px no-repeat;background-size: 52px;}
.RecruitmentA .right-box ul .li1:hover a i{background-position: -160px -19px;}
.RecruitmentA .right-box ul .li2:hover a i{background-position: -152px -146px;}
.RecruitmentA .right-box ul .li3:hover a i{background-position: -148px -274px;}
.RecruitmentA .right-box ul .li4:hover a i{background-position: -155px -404px;}
.RecruitmentA .right-box ul .li5:hover a i{background-position: -159px -531px;}
.RecruitmentA .right-box ul .li6:hover a i{background: url(pageimg/lq-on.png) 11px 3px no-repeat;background-size: 52px;}
.RecruitmentA .right-box ul li:hover p{color: #3879FE!important;}



.Recruitment-text{width: 655px;margin: auto;}
.Recruitment-img{width: 498px;margin: auto;} 
.Recruitment-text .big-title{margin-bottom: 28px;}
.Recruitment-text .big-title .round{display: inline-block;position: relative;width: 48px;height: 48px;border-radius: 50%;background: #3879FE;text-align: center;line-height: 48px;font-size: 36px;color: #fff;}
.Recruitment-text .big-title .round i{display: block;position: absolute;width: 48px;height: 48px;border-radius: 50%;top: 0;bottom: 0;background: rgba(56, 121, 254, 0.2);left: 10px;}
.Recruitment-text .big-title .title{font-size: 36px;color: #333;line-height: 48px;margin-left: 16px;}
.Recruitment-text .p1{font-size: 20px;line-height: 40px;color: #758296;margin-bottom: 15px;}
.Recruitment-text .p2{font-size: 18px;line-height: 30px;color: #758296;margin-bottom: 12px;background:url(pageimg/Recruitment-icon.png) 0 8px no-repeat;padding-left: 38px;}
.Recruitment-text .p2.fl{width: 310px;}
.Recruitment-text .p2.fr{width: 200px;}
.Recruitment-img img{width: 100%;}
#applicant{margin-top: 90px;}
#enroll{margin-top: 85px;}
#written{margin-top: 45px;}
#interview{margin-top: 60px;}
#Enrollment,#order{margin-top: 60px;}
#intend,#applicant,#enroll,#written,#interview,#Enrollment,#order{display: flex;}
#written .Recruitment-text,#interview .Recruitment-text{margin-top: 50px;}


.double .Newborn-box{padding: 80px 20px 80px 20px;}
.double-box .p-box .p1,.Appointment .p-box .p1{margin-bottom: 30px;}
.box1 .p-box .p3,.box4 .p-box .p3{width: 380px;}
.box2 .p-box .p3{width: 425px;}
.box3 .p-box .p3{width: 475px;}
.box5 .p-box .p3{width: 430px;}
.Appointment .p-box .p2{margin-bottom: 10px;}
.Appointment .p-box .p4{font-weight: 400;font-size: 18px;line-height: 40px;color: #999999;padding-left: 36px;}
.Appointment .Newborn-box{padding: 120px 80px 60px 80px;display: block;}
.Appointment .pub-img img{width: auto;display: block;margin: 20px auto 0;}

#footer .honor H3{line-height: inherit;}
#header.zsheader{background: url(zsimg/header.png) center no-repeat;}

.Recruit{width: 1200px;margin: auto;}
.Recruit .rowA{padding: 65px 0;border-bottom: 1px solid #EEEEEE;}
.Recruit .rowB{padding: 65px 0;}
.highlights{width: 420px;height: 100px;line-height: 100px;background: url(zsimg/gn_bg.png) no-repeat;margin: auto;color: #fff;font-size: 48px;text-indent: 100px;font-weight: 600;letter-spacing: 3px;margin-bottom: 65px;}
.Recruit .p1{position: relative;font-size: 36px;line-height: 1;color: #333333;font-weight: 600;text-align: center;}
.Recruit .p1 em{display:block;position: absolute;left: 0;right: 0;bottom: -10px;width: 300px;background: rgba(56, 121, 254, 0.1);border-radius: 10px;height: 15px;margin: auto;}
.recruit_ul{display: flex;margin-top: 55px;}
.recruit_ul li{width: 370px;height: 360px;margin: auto;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);border-radius: 10px;}
.recruit_ul li .p2{font-size: 24px;line-height: 40px;height: 40px;margin: 20px 0 14px;}
.recruit_ul li .p3{padding: 0 25px;text-align: justify;font-size: 18px;line-height: 30px;color: #666666;}
.recruit_ul li .line{width: 300px;height: 1px;left: 1195px;top: 1032px;background: #EEEEEE;border-radius: 10px;margin: 60px auto 36px;}
.recruit_ul li .p4{width: 300px;margin: auto;position: relative;padding: 0 30px;font-size: 18px;line-height: 24px;color: #999999;}
.recruit_ul li .p4 em{width: 24px;height: 21px;display: block;position: absolute;display: block;}
.recruit_ul li .p4 .left{top: 0;left: 0;background: url(zsimg/dou_left.png) no-repeat;}
.recruit_ul li .p4 .right{bottom: 0;right: 0;background: url(zsimg/dou_right.png) no-repeat;}
.recruit_ul .li1{background: url(zsimg/gn_img1.png) no-repeat;}
.recruit_ul .li2{background: url(zsimg/gn_img2.png) no-repeat;}
.recruit_ul .li3{background: url(zsimg/gn_img3.png) no-repeat;}
.subscribe{display: flex;}
.subscribe_p2{text-align: justify;font-size: 18px;line-height: 30px;color: #666666;margin: 45px 0;}
.subscribe .img-box{margin: 0  0 0 auto;}
.subscribe2 .img-box{margin: auto;}
.subscribe2 .panel-default>.panel-heading{width: 650px;background: rgba(245, 248, 255, 1);border-radius: 5px;padding: 12px 0;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border: none;background: rgba(245, 248, 255, 1);border-radius: 5px;padding: 5px 70px 20px 30px;text-align: left;width: 650px;}
.panel-group .panel{border: none;border-radius: 0;margin-bottom: 10px;}
.subscribe2 .panel-title a{text-decoration: none;font-size: 18px;line-height: 30px;color: #333333;text-align: justify;padding: 0 80px 0 30px;display: block;position: relative;}
.subscribe .nav .dropdown{width: 650px;margin-bottom: 20px;background: rgba(245, 248, 255, 1);border-radius: 5px;padding: 22px 0;}
.subscribe .nav .dropdown a{font-size: 18px;line-height: 30px;color: #333333;text-align: justify;padding: 0 80px 0 30px;}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background: rgba(245, 248, 255, 1);}
.subscribe .nav .dropdown-menu{position: relative;margin: 0;border-radius: 5px;border: none;background: rgba(245, 248, 255, 1);float: none;box-shadow: 0 0 0;padding: 0 70px 0 30px;margin-top: 5px;}
.subscribe .nav .dropdown-menu .p3,.panel-default>.panel-heading+.panel-collapse>.panel-body .p3{font-size: 16px;line-height: 30px;color: #999999;}
.subscribe .nav .dropdown a .ico,.subscribe2 .panel-title a .ico{display: block;width: 16px;height: 9px;position: absolute;background: url(zsimg/dowm.png) no-repeat;top: 0;bottom: 0;right: 30px;margin: auto;}
.subscribe .nav .dropdown.open a .ico,.subscribe2 .on .panel-title a .ico{background: url(zsimg/up.png) no-repeat;}
.workbench,.enlist{display: flex;margin-top: 52px;}
.workbench .text1{width: 381px;margin: 0 30px 0 auto;}
.workbench .text2{width: 420px;margin: 0 auto 0 0;}
.workbench .text3{width: 381px;margin: 0 50px 0 auto;}
.workbench .text4{margin: 0 150px 0 auto;}
.workbench .text5{margin: 0 auto 0 0;}
.workbench .p2,.enlist .p2,.text-box2 .p2{font-size: 18px;line-height: 30px;color: #666;margin-bottom: 12px;background: url(pageimg/Recruitment-icon.png) 0 8px no-repeat;padding-left: 38px;text-align: justify;}
.enlist{margin-top: 62px;}
.enlist .text,.enlist .img-box{margin: auto;}
.enlist .text{width: 530px;}
.msg_p2{width: 450px;height: 40px;background: #F9F9F9;border-radius: 20px;text-align: center;line-height: 40px;margin: 20px auto 25px;font-size: 24px;color: #3879FE;}
.msg_p3{font-size: 18px;color: #666666;}
.pic-box{display: flex;margin: 40px 0 60px;}
.pic-box li{width: 346px;margin: auto;}
.pic-box li img{width: 100%;margin-bottom: 7px;}
.pic-box li p{font-size: 14px;line-height: 24px;color: #999999;}
.flex-box{display: flex;}
.flex-box .img-box,.flex-box .text-box{margin: auto;}
.flex-box .text-box .msg_p3{margin: 46px 0 0;}
.text-box2{width: 510px;margin: auto;}
.Recruit .text-box2 .p1{line-height: 48px;margin-bottom: 40px;}
.Recruit .text-box2 .p1 em{bottom: -5px;}
.highlights2{width: 550px;height: 100px;line-height: 100px;background: url(zsimg/dmzc_bg.png) no-repeat;color: #fff;font-size: 48px;text-indent: 100px;font-weight: 600;letter-spacing: 1px;margin: 80px auto 0;}
.highlights3{width: 510px;height: 50px;background: rgba(56, 121, 254, 0.1);border-radius: 0px 0px 20px 20px;margin: 0 auto;font-size: 18px;color: #3879FE;line-height: 50px;position: relative;left: 20px;}
.row-box{padding-top: 26px;}
.minutia li{width: 560px;padding-left: 90px;}
.minutia li .p1{font-weight: 400;font-size: 24px;line-height: 40px;color: #333333;text-align: justify;margin-bottom: 9px;}
.minutia li .p2{width: 323px;font-weight: 400;font-size: 16px;line-height: 24px;color: #666666;text-align: justify;margin-bottom: 30px;}
.minutia li .p3{font-size: 16px;line-height: 26px;color: #666666;text-align: justify;}
.minutia li .p3 span{font-weight: 700;color: #3879FE;}
.minutia li .p4{font-size: 16px;line-height: 24px;color: #666666;text-align: justify;margin-bottom: 30px;}
.minutia li .p4 span{font-size: 11px;}
.minutia .li1,.minutia .li3,.minutia .li5{margin: 58px 35px 46px auto;}
.minutia .li2,.minutia .li4,.minutia .li6{margin: 58px auto 46px 0;}
.minutia .li1{background: url(zsimg/one.png) 0 0 no-repeat;}
.minutia .li2{background: url(zsimg/two.png) 0 0 no-repeat;}
.minutia .li3{background: url(zsimg/three.png) 0 0 no-repeat;}
.minutia .li4{background: url(zsimg/four.png) 0 0 no-repeat;}
.minutia .li5{background: url(zsimg/five.png) 0 0 no-repeat;}
.minutia .li6{background: url(zsimg/six.png) 0 0 no-repeat;}
.minutia .li7{background: url(zsimg/seven.png) 0 0 no-repeat;width: 100%;}
.minutia .li2 .p2{width: 291px;}
.minutia .li3 .p2{margin-bottom: 55px;}
.minutia .li4 .p2{width: auto;margin-bottom: 60px;}







