/*# sourceMappingURL=style.css.map */ .concept,.policy,.hiring,.form1{ max-width: 1500px; margin: 0 auto; padding-left: 30px; padding-right: 30px; } .concept.on,.policy.on,.hiring.on{ margin-top: 76px; } .concept .row h2{ font-size: 36px; line-height: 40px; color: #006cb8; margin: 0 0 50px; } .concept .row .pic{ width: 100%; overflow: hidden; } .concept .row .pic img{ display: block; width: 100%; } .concept .row .box h3{ font-size: 22px; color: #000; line-height: 30px; margin:15px 0 10px; } .concept .row .pd22{ padding:0 22px; } .concept .row .box .details{ font-size: 14px; line-height: 24px; color: #484848; } .policy .row .box{margin-bottom: 65px} .policy .row .box .box-bor{ height: 100%; border-bottom: 1px solid #e0e0e0; } .policy .row .box:nth-child(odd){ padding-right:27px; } .policy .row .box:nth-child(even){ padding-left:27px; } .policy .row .box i{ display: block; width: 50px; font-size: 48px; color: #0372cd; line-height: 52px; font-family: 'BebasNeueRegular'; font-style: normal; position: absolute; top: -2px; left: 15px; } .policy .row .box:nth-child(even) i{ left: 27px; } .policy .row .box .details,.policy .row .box .details p{ font-size:14px; line-height: 28px; color: #666666; } .policy .row .box .details{ padding: 0 10px 60px 55px; text-align: justify; } .policy .row .box .details p{margin-bottom: 0;} .policy .row .box .details p span{ color: #e60012; line-height: 28px; font-size: 18px; letter-spacing: 1px; } .hiring .search { width: 782px; margin: 0 auto 36px; overflow: hidden; } .hiring .row .search .sel{ float: left; width: 26%; height: 39px; line-height: 39px; margin-right: 20px; color: #969696; font-size: 14px; border:1px solid #dcdcdc; } .hiring .row .search .text{ float: left; width: 26%; height: 39px; line-height: 39px; margin-right: 20px; color: #969696; border:1px solid #dcdcdc; font-size: 14px; padding: 0 10px; } .hiring .row .search .ui-selectbox{ margin:0 17px 0 0; height: 39px; line-height: 39px; float: left; border:1px solid #dcdcdc; } .hiring .row .search .submit{ width: 14%; height: 39px; float: left; background-color: #0372cd; text-align: center; font-size: 14px; color: #fff; border:0; transition: all 0.4s; -webkit-transition: all 0.4s; } .hiring .row .search .submit:hover{ background-color: #006cb8; } /*.hiring .row .tabl{ text-align: center; margin-bottom: 80px; } .hiring .row .tabl tr th{ font-size: 18px; line-height: 24px; padding: 16px 0; font-weight: normal; color: #fff; background-color: #0372cd; text-align: center; } .hiring .row .tabl tr td{ font-size: 16px; line-height: 26px; padding: 18px 10px; color: #666; } .hiring .row .tabl tr td a{ color: #0372cd; } .hiring .row .tabl tr td a:hover{ color: #006cb8; text-decoration: underline; } .inner-main{display: none;} */ .hiring .tabl{margin-bottom: 80px} .hiring .tabl .title tr th{ font-size: 18px; line-height: 24px; padding: 16px 0; font-weight: normal; color: #fff; background-color: #0372cd; text-align: center; } .hiring .tabl .listbox li .tit table tr th{ font-size: 16px; line-height: 26px; padding: 18px 10px; color: #666; font-weight: normal; text-align: center; } .hiring .tabl .listbox li .tit table tr th .btn{ color: #e60012; } .hiring .tabl .listbox li .tit,.hiring .tabl .listbox li .box .list,.hiring .tabl .listbox li .box .details{ border-bottom: 1px solid #dedddd } .hiring .tabl .listbox li .box{ background-color: #eee; padding: 30px 40px 50px; display: none; } .hiring .tabl .listbox li .box .list{ padding-bottom: 20px; margin-bottom: 25px; } .hiring .tabl .listbox li .box .list .fa{ width: 25%; float: left; font-size: 14px; line-height: 24px; color: #808080; margin-bottom: 5px; } .hiring .tabl .listbox li .box .details{ padding-bottom: 30px; margin-bottom: 30px; } .hiring .tabl .listbox li .box .details .left,.hiring .tabl .listbox li .box .details .right{ font-size: 14px; line-height: 24px; color: #808080; } .hiring .tabl .listbox li .box .details .left{ width: 45%; float: left; } .hiring .tabl .listbox li .box .details .right{ width: 47%; float: right; } .hiring .tabl .listbox li .box .details .left h3,.hiring .tabl .listbox li .box .details .right h3{ font-size: 20px; line-height: 30px; color: #444; margin: 0 0 15px; } .hiring .tabl .listbox li .box .btnn{ display: block; width: 130px; height: 42px; line-height: 42px; color: #fff; text-align: center; font-size: 15px; background-color: #0063a9; transition: all 0.4s; -webkit-transition: all 0.4s; } .hiring .tabl .listbox li .box .btnn:hover{ background-color:#0372cd; } @media (min-width:320px) and (max-width:767px){ .concept,.policy,.hiring{ padding-left:4.5%; padding-right:4.5%; } .concept.on,.policy.on,.hiring.on{margin-top:30px;} .concept .mrr{margin-bottom: 30px;} .concept .row .box h3{font-size: 18px;line-height: 26px;} .concept .row .pd22{padding: 0 15px;} .concept .row h2{font-size: 20px;line-height: 26px;margin-bottom: 30px;} .policy .row .box:nth-child(odd),.policy .row .box:nth-child(even){padding:0 15px 0 15px;} .policy .row .box:nth-child(even) i{left: 15px;} .policy .row .box .details{padding: 0 10px 40px 55px;} .policy .row .box{margin-bottom: 30px;} .policy .row .box i{font-size: 40px;line-height: 45px;} .policy .row .box .details, .policy .row .box .details p{line-height: 24px;} .hiring .search{width:100%;} .hiring .row .search .sel{width: 47.5%;margin: 0 ;padding: 0} .hiring .row .search .ui-selectbox{width:90%; margin:0 1% 10px} .hiring .row .search .text{width: 48%;margin:0 1% 0} .hiring .row .search .submit{width: 30%;margin:0 1% 0} /*.hiring .row .tabl tr th{ font-size: 16px; line-height: 20px; padding: 10px 0; } .hiring .row .tabl tr td{ font-size: 14px; line-height: 20px; padding: 10px 3px; } .hiring .row .tabl{margin-bottom: 35px;} .ttpd{ padding-right:0px; padding-left:0px; }*/ .form1 .z-socdtl-box .applay-tb{ width:100%; margin: 0 auto; } .form1 .z-socdtl-box .applay-tb td{ display: block; position: relative; } .form1 .z-socdtl-box .applay-tb td:nth-child(2n+1){ float: left; width: 20%; padding-right: 10px; margin-top: 5px; } .form1 .z-socdtl-box .applay-tb textarea.applay-input{ width: 150px; } .form1 .z-socdtl-box .applay-tb .submit{ display: block; } .form1 .z-socdtl-box .applay-tb .applay-input{ width:150px; } .form1 .z-socdtl-box .applay-tb select.applay-input{ width:172px; } .hiring .tabl .listbox li .box .list .fa{ width: 50%; } .hiring .tabl .listbox li .box{ padding: 20px 10px 30px; } .hiring .tabl .listbox li .box .details .left,.hiring .tabl .listbox li .box .details .right{ width: 100%; float: none; } .hiring .tabl .listbox li .box .details .left{margin-bottom:20px;} .hiring .tabl .listbox li .tit table tr th{ padding: 18px 0px; font-size: 15px; } .hiring .tabl .title tr th{ font-size: 16px; } .hiring .tabl .listbox li .box .btnn{ width: 110px; line-height: 38px; height: 38px; font-size: 14px; } .hiring .tabl .listbox li .box .details .left h3, .hiring .tabl .listbox li .box .details .right h3{ font-size: 17px; line-height: 26px; } .hiring .tabl .listbox li .box .details{ padding-bottom: 20px; margin-bottom: 20px; } } @media (min-width:768px) and (max-width:992px){ .concept,.policy{ padding-left: 30px; padding-right: 30px; } .concept.on,.policy.on,.hiring.on{margin-top:30px;} .concept .mrr .pic{width: 50%;float: left;} .concept .mrr .box{float: right;width: 50%;padding:2% 5%;} .concept .mrr:nth-child(even) .pic{float: right;} .concept .mrr:nth-child(even) .box{float: left;width: 50%;padding:2% 5%;} .policy .row .box:nth-child(odd),.policy .row .box:nth-child(even){padding:0 15px 0 15px;} .policy .row .box:nth-child(even) i{left: 15px;} .policy .row .box .details{padding: 0 10px 40px 55px;} .policy .row .box{margin-bottom: 30px;} .hiring .search{width:100%;} .hiring .tabl .listbox li .box .list .fa{ width: 33.3%; } .hiring .tabl .listbox li .box{ padding: 30px 30px 50px; } } /*@media (min-width:992px){ .form1 .z-socdtl-box .applay-tb{ width:100%; margin: 30px auto 0; /*background-color: #eee;*/ /* } .z-socdtl-box .applay-tb .spred { font-size: 18px; font-family: Arial; color:#F00; margin-left: 12px; } .z-socdtl-box .applay-tb { border:0; border-width: 0 0 1px 1px;} .z-socdtl-box .applay-tb td { border:0; border-width:1px 1px 0 0; font-size: 14px; } .z-socdtl-box .applay-tb td { line-height: 1.8; } .z-socdtl-box .applay-tb .applay-input{ height: 32px; padding: 6px 10px; line-height: 32px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px; } .z-socdtl-box .applay-tb select.applay-input{ height: 34px; } .z-socdtl-box .applay-tb textarea.applay-input{ height: 100px; resize:none; } .z-socdtl-box .applay-tb .applay-input.code{ float:left; width: 70px; margin-right: 8px; } .z-socdtl-box .applay-tb .submit{ width: 150px; height: 32px; background: #f5bc00; font-size: 16px; color: #fff; cursor: pointer; border:1px solid #f5bc00; outline: none; transition:all .3s linear; } .z-socdtl-box .applay-tb .submit:hover{ background: #fff; border:1px solid #f5bc00; color:#f5bc00; } .z-socdtl-box .applay-tb .error { border-color: #D70128; } .z-socdtl-box img{ width:110px; height:32px; float:left; } .z-socdtl-box .applay-tb select.applay-input,.z-socdtl-box .applay-tb .applay-input{ width: 195px; } .z-socdtl-box .applay-tb td{ padding: 8px 4px; } .z-socdtl-box .applay-tb textarea.applay-input{ width: 808px; } } @media (min-width:1100px){ .z-socdtl-box .applay-tb select.applay-input,.z-socdtl-box .applay-tb .applay-input{ width: 200px; } .z-socdtl-box .applay-tb td{ padding: 8px 6px; } }*/ .form1 .z-socdtl-box .applay-tb{ width: 100%; margin: 30px auto 0; } .form1 .z-socdtl-box .applay-tb .spred { font-size: 18px; font-family: Arial; color:#F00; margin-left: 12px; } .form1 .z-socdtl-box .applay-tb { border:0; border-width: 0 0 1px 1px;} .form1 .z-socdtl-box .applay-tb td { padding: 8px 6px; border:0; border-width:1px 1px 0 0; font-size: 14px; } .form1 .z-socdtl-box .applay-tb td { line-height: 1.8; } .form1 .z-socdtl-box .applay-tb .applay-input{ width: 200px; height: 34px; padding: 6px 10px; line-height: 34px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px; } .form1 .z-socdtl-box .applay-tb select.applay-input{ height: 34px; width: 200px; } .form1 .z-socdtl-box .applay-tb textarea.applay-input{ width: 808px; height: 100px; resize:none; } .form1 .z-socdtl-box .applay-tb .applay-input.code{ float:left; width: 70px; margin-right: 8px; } .form1 .z-socdtl-box .applay-tb .submit{ width: 150px; height: 32px; background:#0063a9; /*background:#0372cd;*/ font-size: 16px; color: #fff; cursor: pointer; border:1px solid #0063a9; outline: none; transition:all .3s linear; } .form1 .z-socdtl-box .applay-tb .submit:hover{ background: #0372cd; border:1px solid #0372cd; color:#fff; } .form1 .z-socdtl-box .applay-tb .error { border-color: #D70128; } .form1 .z-socdtl-box img{ width:110px; height:32px; float:left; } @media screen and (max-width: 992px){ .form1 .z-socdtl-box{ margin:10px 0 30px 0; } .form1 .z-socdtl-box .applay-tb{ width:100%; margin: 0 auto; } .form1 .z-socdtl-box .resume{ display: none; } .form1 .z-socdtl-box .applay-tb td{ display: block; position: relative; } .form1 .z-socdtl-box .applay-tb td:nth-child(2n+1){ float: left; width: 12%; padding-right: 10px; margin-top: 5px; } .form1 .z-socdtl-box .applay-tb textarea.applay-input{ width: 62%; } .form1 .z-socdtl-box .applay-tb .submit{ text-align: center; } .form1 .z-socdtl-box .applay-tb input[type="file"]{ width: 180px; } .form1 .z-socdtl-box img{ width:70px; } } /* ----------- ** 应聘表单手机站 ** ----------- */ @media (max-width: 768px){ .form1 .z-socdtl-box .applay-tb{ margin:0 auto; } .form1 .z-socdtl-box .applay-tb{ width:100%; margin: 0 auto; } .form1 .z-socdtl-box .applay-tb td{ display: block; position: relative; } .form1 .z-socdtl-box .applay-tb td:nth-child(2n+1){ float: left; width: 25%; padding-right: 10px; margin-top: 5px; } .form1 .z-socdtl-box .applay-tb textarea.applay-input{ width: 172px; } .form1 .z-socdtl-box .applay-tb .submit{ display: block; } .form1 .z-socdtl-box .applay-tb .applay-input{ width:172px; } .form1 .z-socdtl-box .applay-tb select.applay-input{ width:172px; } .form1 .row .col-md-12{ padding: 0; } }