body {background:#eeeeee; font-size:16px; color:#333333; font-family:'微软雅黑','黑体','华文黑体','黑体-简','文泉驿微米黑',"Helvetica Neue",Helvetica,'Droid Sans Fallback',Arial;}
a {color:#333333; text-decoration:none;}
a:hover {color:#ea9f36; text-decoration:underline;}
img {border:none;}
.w1200 {width:1200px;}
.w100p {width:100%;}
.m10a {margin:10px auto;}
.m20a {margin:20px auto;}
.m30a {margin:30px auto;}
.mlr5 {margin:0px 5px;}
.mlr10 {margin:0px 10px;}
.mlr15 {margin:0px 15px;}
.ml10 {margin:0px 0px 0px 10px;}
.ofh {overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.tc {text-align:center;}
.red {color:#FF5722;}
.green {color:#5FB878;}
.blue {color:#1E9FFF;}
.gold {color:#ffd700;}
.orange {color:#FFB800;}
.grayish {color:#e2e2e2;}

header {width:100%; min-height:60px; line-height:60px;}
header .logo {width:200px; text-align:center; float:left;}
header .mobile-icon {display:none;}
header nav {float:left;}
header nav a:hover {text-decoration:none;}
header nav .layui-nav * {font-size:16px;}
header nav .nav {float:left;}
header nav .companyname {max-width:280px; height:60px; font-size:14px; line-height:60px; padding:0px; float:right;}
header nav .companyname i {max-width:30px; margin:0px; padding:0px; float:left;}
header nav .companyname .name {max-width:190px; float:left;}
header nav .companyname .logout {max-width:40px; font-size:14px; float:right;}
header nav .companyname .logout:hover {color:#ea9f36; text-decoration:underline;}
header nav .companyname .layui-nav-item a {padding:0px 5px 0px 10px;}
header nav .layui-nav-child dd {margin-top:-12px;}

@media screen and (max-width: 1200px) {
    header .logo {text-align:left;}
    header nav {width:100%; position:absolute; z-index:99; top:61px; margin-left:-15px; display:none;}
    header nav .layui-nav {border-top-left-radius:0; border-top-right-radius:0;}
    header nav li {width:100%; text-align:center;}
    header .mobile-icon {font-size:30px; color:#FFF; line-height:30px; margin-top:15px; float:right; display:block;}
    .layui-nav .layui-this:after,
    .layui-nav-bar,
    .layui-nav-tree .layui-nav-itemed:after {height:1px; background-color:#5FB878;}
	header nav .nav {float:none;}
    header nav .companyname {max-width:100%; height:60px; font-size:14px; line-height:60px; text-align:center; float:none;}
    header nav .companyname .layui-nav-item {width:280px;}
	header nav .companyname .name {max-width:190px; float:left;}
	header nav .layui-nav-child dd {margin-top:0px; float:left;}
}

footer {width:100%; min-height:200px; text-align:center; line-height:36px; padding:30px 0px;}
footer a {color:#ffffff; text-decoration:none;}
@media screen and (max-width: 400px) {
	footer {font-size:10px;}
}

.main {min-height:700px; margin:30px auto; border-radius:10px;}
.main fieldset {background:#ffffff; border-radius:10px;}
.main legend {font-size:18px; color:#01AAED;}
.main .company-logo {width:130px; height:130px; text-align:center; line-height:130px; margin:0px 5px 20px 5px; overflow:hidden;  float:left; border:1px solid #cccccc; border-radius:10px;}
.main .company-logo .gray {opacity:0.3; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.main .company-logo img {width:80px;}
.main .service {min-width:180px; font-size:14px; margin:0px 5px; float:right;}
.main .badge {height:36px; line-height:36px; margin-bottom:5px;}
.main .badge a:hover {text-decoration:none;}
.main .info-list {min-width:300px; margin:0px 10px 20px 10px; float:left;}
.main .info-list h3 {width:310px;}
.main .info-list p {height:36px; line-height:36px;}
.main .job-message {width:33%; text-align:center; margin:10px auto; float:left; border-bottom:1px dashed #cccccc;}
.main .job-message .tit-tips {height:60px; font-weight:bold; line-height:60px;}
.main .job-message dl {height:85px;}
.main .job-message dt {font-size:14px; color:#cccccc;}
.main .job-message dd {height:60px; line-height:60px;}
.main .job-message dd a {font-size:30px; color:#1E9FFF;}
.main .job-message dd a:hover {color:#ea9f36; text-decoration:none;}
.main .k-menu {width:330px; text-align:center; margin:0px auto 15px auto;}
.main .k-menu a:hover {text-decoration:none;}
.main .k-menu .layui-btn {margin:0px auto;}
.main .layui-card li {height:35px; line-height:35px;}
.main .func dl {background:#ffffff; height:150px; border:1px solid #cccccc; border-radius:10px;}
.main .func dl a:hover {color:#ea9f36; text-decoration:underline;}
.main .func dt {height:36px; line-height:36px; margin:10px 10px 0px 10px;}
.main .func dt a {font-size:18px; color:#01AAED;}
.main .func dd {height:30px; line-height:30px; margin:5px 10px; float:left;}
.main .func .job{ background:url('../images/default-ico04.gif') #f7faff 15px 33px no-repeat; padding-left:105px;}
.main .func .resume{ background:url('../images/default-ico02.gif') #f7faff 15px 33px no-repeat; padding-left:105px;}
.main .func .company{ background:url('../images/default-ico01.gif') #f7faff 15px 33px no-repeat; padding-left:105px;}
.main .func .i-message{ background:url('../images/default-ico03.gif') #f7faff 15px 33px no-repeat; padding-left:105px;}

.alertPaper {max-width:300px; font-size:14px; padding:20px; overflow:hidden;}
.alertPaper b {line-height:26px;}
.alertPaper p {text-indent:2em; text-align:justify; text-justify:inter-ideograph; line-height:26px;}
.alertPaper div {width:100%; text-align:center;}
.alertPaper div a {width:100px; margin:20px auto;}

@media screen and (max-width:400px) {
	.main .company-logo {width:100px; height:100px; text-align:center; line-height:100px; margin:0px 0px 20px 0px; overflow:hidden; float:left; border:1px solid #cccccc; border-radius:10px;}
	.main .company-logo img {width:90px;}
	.main .service {min-width:100px; max-width:150px; font-size:11px; float:left;}
	.main .badge {height:36px; line-height:36px; margin-bottom:5px;}
	.main .badge a:hover {text-decoration:none;}
	.main .info-list {min-width:180px; max-width:230px; margin:0px 10px 20px 10px; float:left;}
	.main .info-list h3 {max-width:230px;}
	.main .info-list p {height:36px; line-height:36px;}
	.main .job-message {width:33%; text-align:center; margin:10px auto; float:left; border-bottom:1px dashed #cccccc;}
	.main .job-message .tit-tips {height:60px; font-weight:bold; line-height:60px;}
	.main .job-message dl {height:85px;}
	.main .job-message dt {font-size:11px; color:#cccccc;}
	.main .job-message dd {height:60px; line-height:60px;}
	.main .job-message dd a {font-size:20px; color:#1E9FFF;}
	.main .job-message dd a:hover {color:#ea9f36; text-decoration:none;}
	.main .k-menu {width:250px; text-align:center; margin:10px auto 20px auto; float:left;}
	.main .k-menu a:hover {text-decoration:none;}
	.main .k-menu .layui-btn {font-size:12px; padding:0px 5px;}
	.main .func dt {height:36px; line-height:36px; margin:10px 10px 0px 10px;}
	.main .func dt a {font-size:14px; color:#01AAED;}
	.main .func dd {height:20px; font-size:14px; line-height:20px; margin:5px 10px; float:left;}
}

.content {min-height:700px; margin:30px auto;}
.content .layui-card-header {font-size:18px; border-bottom:1px solid #eeeeee;}
.content .mmc-form > .layui-form-item > .required:after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: 4px;
    font-weight: bold;
    line-height: 1.8em;
    top: 6px;
    right: 5px;
}
.content .mmc-form > .layui-form-item > .layui-input-block > tip {
    display: inline-block;
    margin-top: 10px;
    line-height: 10px;
    font-size: 10px;
    color: #a29c9c;
}
.content .mmc-form > .layui-form-item > .layui-input-inline > tip {
    display: inline-block;
    margin-top: 10px;
    line-height: 10px;
    font-size: 10px;
    color: #a29c9c;
}
.content .mmc-form > .layui-form-item > .layui-input-block > .hand {cursor:pointer;}
.content .mmc-form > .layui-form-item > .layui-input-inline > .hand {cursor:pointer;}

.content .map-tips {font-size:14px; line-height:36px; margin:10px auto;}
.content #allmap {overflow:hidden; zoom:1; position:relative;}
.content #map {width:630px; height:400px; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.content .paper-tips {font-size:14px; line-height:36px; margin:10px auto;}
.content .paper-tips span {color:#ff0000;}
.content .paper{width:96%; border:1px solid #cccccc;}
.content .paperForm p {line-height:36px;}
.content .lw220 .layui-form-item .layui-input-inline {width:300px; float:left;}
.content .lw220 .layui-form-radio {line-height:36px; margin:0px 10px; padding:0px; float:left;}
.content .lw220 .layui-form-radio>i {margin:0px; padding:0px; float:left;}

.message fieldset {color:#999999; border:1px solid #e2e2e2; border-radius:10px;}
.message .layui-form-label span {font-size:12px; margin:0px 10px;}
.message .layui-form-label b {color:#fd9800;}

.register .captcha {display:block; cursor:pointer;}

.Resume .selector {padding:20px 10px;}
.Resume .selector .hand {cursor:pointer;}

.aiqb .qbnormal {overflow:hidden;}
.aiqb .qb .newqb {text-align:center;}
.aiqb .qb .newqb span {font-size:26px; line-height:142px;}
.aiqb .qb .question {width:255px; height:142px; color:#ffffff; margin:10px auto; border-radius:10px;}
.aiqb .qb .question h3 {width:230px; font-size:22px; line-height:40px; text-indent:0.8em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.aiqb .qb .question p {line-height:20px; text-indent:1.3em; margin:0px 15px;}
.aiqb .qb .question a {color:#ffffff;}
.aiqb .qb .question a:hover {color:#ea9f36; text-decoration:underline;}
.aiqb .qb .question ul {width:160px; text-align:center; margin:30px auto;}
.aiqb .qb .question li {font-size:20px; font-weight:bold; margin:0px 20px; float:left;}
.aiqb .qb .question li a {color:#3a3a3a;}
.aiqb .qb .question li a:hover {color:#ffffff; text-decoration:underline;}
.aiqb .qb:nth-child(4n-3) .question {background:url('../images/ai/b.png') center center no-repeat;}
.aiqb .qb:nth-child(4n-2) .question {background:url('../images/ai/c.png') center center no-repeat;}
.aiqb .qb:nth-child(4n-1) .question {background:url('../images/ai/d.png') center center no-repeat;}
.aiqb .qb:nth-child(4n) .question {background:url('../images/ai/e.png') center center no-repeat;}
.aiqb .ai-button {height:300px; text-align:center;}
.aiqb .ai-button a {margin:10px;}
.aiqb .custom {overflow:hidden;}
.aiqb #list {padding:30px 10px;}
.aiqb #list .layui-input-block {margin:5px 0px; overflow:hidden;}
.aiqb #list .layui-input-block > .layui-form-checkbox > span {width:230px; word-wrap:break-word; white-space:pre-wrap;}
.aiqb .careerForm {padding:0px 5px;}
.aiqb .careerForm .layui-input-block {margin:5px 0px 20px 0px; overflow:hidden;}
.aiqb .careerForm .careerBtn {width:100%; height:100px; line-height:100px;}
.aiqb .layui-carousel {margin:20px auto;}

.careerQb .questionWrap {margin:20px 5px 0px 5px;}
.careerQb .questionWrap .question {height:100px; margin:15px 0px; padding:10px 15px; overflow:hidden; border:1px solid #1E9FFF;}
.careerQb .questionWrap .question p {line-height:30px; margin:5px 0px;}
.careerQb .questionWrap .question span {font-size:14px; color:#1E9FFF; margin:5px 5px;}
.careerQb .questionWrap .question span:first-child {font-size:14px; margin:5px 5px 5px 0px;}
.careerQb .questionWrap .question span i {cursor:pointer;}