body{ background: #fff; min-width: 320px}
dt, th{ font-weight: normal;}
a{color:#333;text-decoration:none;} 
a:focus,a:hover{color:#fe0000;} 
.nav a:hover{color:#fe0000;}
a.active{ color: #fe0000;}
.input{ border-color: #999; }
.input:focus,.input:hover{border-color:#fe0000;}
.table th{border-bottom: none;}
.detail p {text-indent: 1em;}

.header-div{ padding-top: 1px; background: #fff; }
.header-padding{ padding: 6px 0; }
.header-div img{ height: 52px; }
.search-index {padding-top: 8rem; width: 100%;}
.nav { text-align: left; text-indent: 2rem; line-height: 45px; font-size: 16px; padding-bottom: 10px;}
.nav a{color:#999999;}
.index-div{ padding-bottom: 25px; background: url('../image/bg-index-mini.png') no-repeat center top;}
.search-style .button { border-radius:0; padding: 6px 25px;} 
.search-key{ display: none; color:#999; }
.search-key a{color:#999}
.search-key a:hover{color:#fe0000;}
.icon-search:before{ color:#999;}
.index-work{margin-top: 8rem;}
.index-new , .index-hot{margin: 0 -10px; background: #fff; }
.index-new dt, .index-hot dt, .sidebar dt, .sidebar-career dt{ border-bottom: solid 1px #e5e5e5; line-height: 30px; padding: 0.8rem 1rem; text-indent: 45px; font-size: 20px; }
.index-new dd, .index-hot dd, .sidebar dd{ list-style-type: disc; border-bottom: solid 1px #e5e5e5; line-height: 50px; padding: 0 1rem;}
.sidebar dt span{ padding-top: 8px; font-size: 14px; }
.index-new dd a, .index-hot dd a, .sidebar dd a{ display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.index-other{ margin-top: 2rem; padding-bottom: 1rem;}
.index-other-1, .index-other-2, .index-other-3{ width: 100%; height: 115px; border-radius:10px;}
.index-other-1{background: #ffe900;}
.index-other-2{background: #9ff3dc;}
.index-other-3{background: #fed7ae;}
.index-other a {display: block;}
.index-other img{ height: 115px; }
.footer-div span{ display: block; }
.career-style1{ height: 166px; background: url('../image/career_mini_1.png') no-repeat center; }
.career-style2{ height: 166px; background: url('../image/xy-1-760.jpg') no-repeat center; }
.about-style{ height: 166px; background: url('../image/about_mini.jpg') no-repeat center #a1caf0; }
.career-trem{ padding: 15px 0; }
.career-trem dl{ padding: 3px 0px; line-height: 28px;}
.career-trem dl dt{ text-align: left;}
.career-trem dl dd{ padding: 0 0 0 0; }
.career-trem dl a{ padding: 0 10px; display: inline-block; }
.career-jobs table p{display: block; margin-bottom: 0;}
.career-jobs table tbody tr{ line-height: 28px; background: #fff; border-bottom: solid 1px #f1f1f1; }
.career-jobs table tbody a{ display: block; }
.career-jobs table .jobs-trc, .career-jobs table thead{display: none;}
.career-jobs table .jobs-trf{ padding: 8px 10px;}
.article-lists dt{ border-bottom: solid 1px #e5e5e5; line-height: 30px; padding: 0.8rem 1rem; text-indent: 45px; font-size: 20px;  }
.article-lists dd{ list-style-type: disc; border-bottom: solid 1px #e5e5e5; line-height: 50px; padding: 0 1rem;}
.article-lists dd a{ display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.article-lists dd span{ display: none; }
.con-h2{ border-bottom: solid 1px #f1f1f1; text-indent: 1rem; line-height: 25px; padding: 13px 0; color:#fe0000; }
.con-info{ text-indent: 1rem; line-height: 35px;}
.detail { padding: 20px 0; }
.detail .detail-span{ display: inline-block; width: 310px; text-indent: 1rem; line-height: 35px; }
.sidebar-career dd{ float: left; margin-left: 12px; margin-top: 12px; height: 110px; border-radius:6px; padding: 0; }
.sidebar-career dd img{ height: 110px; }
.career-zhaoping{border: solid 2px #ffe900;}
.career-lagou{border: solid 2px #9ff3dc;}
.career-lietou{border: solid 2px #fed7ae;}
.right-icon1{ background: url('../image/icon_1.png') no-repeat 10px 8px #f5f5f5; }
.right-icon2{ background: url('../image/icon_2.png') no-repeat 10px 8px #f5f5f5; }
.right-icon3{ background: url('../image/icon_3.png') no-repeat 10px 8px #f5f5f5; }
.right-icon4{ background: url('../image/icon_4.png') no-repeat 10px 8px #f5f5f5; }
.tab .tab-head{ background: #f5f5f5;}
.tab .tab-nav{text-align: center;}
.tab .tab-body{ border: none; padding: 20px 15px; font-size: 16px;}
.tab .tab-nav li a{border: none;border-radius: 0; color: #999; font-size:14px; padding: 10px 7px;}
.tab .tab-nav .active{ background: #fe0000; }
.tab .tab-nav .active a{ color: #fff;}
.about-title{ color: #fe0000; font-size: 20px; padding-top: 20px;  }
.about-c{ padding-top: 20px; padding-bottom: 10px;}
.about-pay{ padding-bottom: 10px; }
.about-pay span{ border: solid 1px #fe0000; margin-top: 20px; margin-left: 10px; line-height: 32px; font-size: 14px; display: inline-block; text-align: center; width: 84px; border-radius:6px; }

.about-img ,.about-work{ padding-top: 20px; }
.about-img span{ display: block; padding: 10px 0; }
.about-img img{ width:100% }
.udz-page{ margin: 15px 0 5px 0; text-align: center;  }
.udz-page .current{ padding: 0 20px; line-height: 30px; }
.udz-page .pager-prev,.udz-page .pager-next {font-size: 20px;padding: 0;color: #fff;border: solid 1px #f1f1f1;background-color: rgba(0,0,0,.2); border-radius: 15px; width: 80px;height: 30px;line-height: 26px;}
.pager-prev:hover , .pager-next:hover{color: #fff; background-color: rgba(255,0,0,.8);} 
.about-work{ padding-bottom: 10px; }

@media(min-width: 360px) {
    .tab .tab-nav li a{font-size:16px; padding: 10px 8px;}
    .about-pay span{ border: solid 1px #fe0000; margin-top: 20px; margin-left: 10px; line-height: 35px; font-size: 16px; display: inline-block; text-align: center; width: 97px; border-radius:6px; }
}

@media(min-width: 760px) {
    .index-div{ padding-bottom: 25px; background: url('../image/bg-index-big.png') no-repeat center top;}
	.header-div img{ height: 60px; }
    .search-index {padding-top: 14rem; max-width: 708px; }
    .nav { text-align: right; text-indent: 0; border-right: solid 1px #f2f2f2; padding-bottom: 0;}
    .nav li {height: 72px; border-left: solid 1px #f2f2f2;}
    .nav-inline li a{ padding-top:3px; line-height: 61px;}
    .nav li a.active{ border-bottom: solid 3px #fe0000; color: #fe0000; }
    .nav a:hover{ border-bottom: solid 3px #fe0000;}
    .search-key{ display: block; }
    .search-key a{ padding: 0 10px; display: inline-block; }
    .index-work{margin-top: 6rem; background: none;}
    .index-new, .index-hot{ border-radius:10px; width: 320px; padding: 14px; margin: 0 0; border-bottom: none;}
    .index-new dt, .index-hot dt{ float: left; width: 130px; height: 176px; text-indent: -9999px; padding: 0 0; border-bottom: none; background: none;}
    .index-new dd, .index-hot dd{ float: left; border-bottom: none; width: 162px; line-height: 35px; padding: 0 0; color: #fff; }
    .index-new a, .index-hot a{ color: #fff; }
    .index-new{ background: url('../image/bg-index-new.png') no-repeat 22px 50px #1bbaf4; float: left;}
    .index-hot{ background: url('../image/bg-index-hot.png') no-repeat 22px 50px #cb4ae2; float: right;}
    .index-other{margin-top: 6rem; padding-bottom: 40px;}
    .index-other-1, .index-other-2, .index-other-3{width: 155px; height: 110px; border-radius:10px;}
    .index-other-1{ float: left;}
    .index-other-3{ float: right;}
    .footer-div span{ display: inline-block; }
    .career-style1{ height: 300px; background: url('../image/career_middle_1.png') no-repeat center; }
    .career-style2{ height: 300px; background: url('../image/xy-1-1280.jpg') no-repeat center; }
    .about-style{ height: 300px; background: url('../image/about_middle.jpg') no-repeat center #a1caf0; }
    .div-left{}
    .career-search{ padding: 15px; background: #faf8f9; }
    .career-trem{ padding: 15px; }
    .career-trem dl dd{ padding: 0 0 0 15px; }
    .career-jobs{ background: #faf8f9; }
    .career-jobs table th{ line-height:38px; text-align: left; color:#fe0000; font-size: 16px; }
    .career-jobs table thead{ display: table-row-group;}
    .career-jobs table .jobs-trf{ padding-left: 15px; }
    .career-jobs table .jobs-trc{ display: table-cell; width: 100px }
    .career-jobs table tbody tr{ line-height: 33px; background: #fff; border-bottom: solid 1px #f1f1f1; }
    .career-jobs table p {display: none;}
    .article-lists dd span{ float: right; display: block; }
    .tab .tab-nav li a{border: none;border-radius: 0; color: #999; font-size: 16px; padding: 18px 25px;}
    .tab .tab-body{ border: none; padding: 25px 30px; font-size: 16px;}
    .about-title{ color: #fe0000; font-size: 24px; padding-top: 60px;  }
    .about-c{ padding-top: 30px; padding-bottom: 10px;}
    .about-pay{ margin: 0 -25px; padding-bottom: 10px; }
    .about-pay span{ border: solid 1px #fe0000; margin-top: 20px; margin-left: 25px; line-height: 38px; font-size: 16px; display: inline-block; text-align: center; width: 116px; border-radius:6px; }
    .about-img span{ display: inline-block; padding: 7px;  width: 49.6%; }
    .about-img span.all{ width: 100%; }
    .about-img img{ max-width:100% }
}
@media(min-width: 1000px) {
    .header-div img{ height: 70px; }
    .search-index {padding-top: 14rem; max-width: 708px; }
    .nav li {height: 82px;}
    .nav-inline li a{ padding-top:8px; line-height: 66px;}
    .bg-line{ position: relative; }
	.div-left:before{ content: ""; width:1px; right: 20px; top: 0px; bottom: 0px; background: #f5f5f5; position: absolute; }
    .div-right:before{ content: ""; width:1px; left: -21px; top: 20px; bottom: 0px; background: #f5f5f5; position: absolute; }
    .div-left{ padding-right: 40px;}
	.sidebar dt , .sidebar-career dt{ line-height: 35px; padding: 10px 15px; text-indent: 45px; font-size: 20px; }
	.sidebar dd{ line-height: 40px; padding: 0 15px;}
    .sidebar-career dd{ float: left; margin-left: 15px; margin-top: 15px; width: 216px; text-align: -webkit-center; height: 80px; border-radius:6px; padding: 0; }
    .sidebar-career dd img{ height: 80px; }
    .career-zhaoping{border: solid 2px #ffe900;}
    .career-lagou{border: solid 2px #9ff3dc;}
    .career-lietou{border: solid 2px #fed7ae;}
    .udz-page{ text-align: right;  }
    .pager-prev, .pager-next {border-radius: 50%; width: 30px;height: 30px;}
    .tab .tab-body{ border: none; padding: 25px 50px; font-size: 16px;}
    .about-pay{ margin: 0 -40px; padding-bottom: 10px; }
    .about-pay span{ border: solid 1px #fe0000; margin-top: 30px; margin-left: 40px; line-height: 38px; font-size: 16px; display: inline-block; text-align: center; width: 116px; border-radius:6px; }
    .about-img span{ display: inline-block; padding: 10px;  width: 49.7%; }
}
@media(min-width: 1200px) {
    .career-style1{ height: 420px; background: url('../image/career_1.png') no-repeat center; }
    .career-style2{ height: 420px; background: url('../image/xy-1-1920.jpg') no-repeat center; }
    .about-style{ height: 420px; background: url('../image/about.jpg') no-repeat center #a1caf0; }
	.div-left{ padding-right: 50px;}
    .sidebar-career dd{ width: 125px; height: 90px;}
    .sidebar-career dd img{ height: 90px; }
    .tab .tab-body{ border: none; padding: 25px 100px; font-size: 16px;}
}
@media(min-width: 1930px) {
    .index-div{ padding-bottom: 25px; background: url('../image/bg-index-2560.jpg') no-repeat center top;}
    .career-style1{ height: 420px; background: url('../image/career_1-2560.jpg') no-repeat center; }
    .career-style2{ height: 420px; background: url('../image/xy-1-2560.jpg') no-repeat center; }
}

.footer-div{ background: #212224; color: #fff; }
.footer-div a{ color: #fff; }
.doc-backtop { position: fixed; right: 10px; bottom: 50px; color: #999; font-size: 30px; cursor: pointer; z-index: 9;}
.doc-backtop:hover{color:#fe0000;}