@charset "utf-8";
body{ min-width: 1200px; background: #F2F4F8; }

.header{ width: 100%; height: 130px; margin: auto; background: #fff; }
.header .head{ width: 1200px; height: 130px; margin: auto; background: url('../img/head.png') center center no-repeat; }

.nav{ width: 100%; height: 45px; margin: auto; background: #0060A9; }
.nav-list{ width: 1200px; height: 45px; margin: auto;  }
.nav-list>li{ position: relative; float: left; width: 10%; height: 45px; }
.nav-list>li>a{ display: block; font-size: 15px; line-height: 45px; text-align: center; color: #fff; }
.nav-list>li:hover>a{ background: #004E8A;  }
.nav-list .sub{ position: absolute; top: 45px; right: 0; width: 100%; z-index: 99; display: none; }
.nav-list .sub li a{ display: block;  padding: 10px; text-align: center; font-size: 13px; line-height: 20px; color: #fff; background: #2276d1; }
.nav-list .sub li:nth-child(even) a{background: #0060A9; }
.nav-list .sub li a:hover{ background: #004E8A; }

.wrap{ width: 1200px; height: auto; margin: auto; overflow: hidden; }

.nk-slider{ position: relative; float: left; width: 1200px; height: 355px; background: #fff;}

.slider-list{ width: 100%!important; height: 355px!important; overflow: hidden; }
.slider-list li{ width: 100%!important; height: 355px; }
.slider-list li a{ position: relative; display: block; width: 100%; height: 100%; }

.nk-slider .prev,
.nk-slider .next{ position:absolute; left:10px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; opacity:0.5; z-index: 4;  }
.nk-slider .next{ left:auto; right:10px; background-position:8px 5px; }
.nk-slider .prev:hover,
.nk-slider .next:hover{ opacity:1; }

.nk-box{ float: left; padding: 0 15px; background: #fff;}
.nk-box .box-tit{ position: relative; height: 45px; overflow: hidden;}
.nk-box .box-tit:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #eee; z-index: 0;}
.nk-box .box-tit span{ position: relative; float: left; font-size: 18px; line-height: 45px; font-weight: bold; color: #222;}
.nk-box .box-tit span:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 2px; background: #0060A9; z-index: 1;}
.nk-box .box-tit i{ float: left; font-size: 12px; line-height: 45px; color: #ccc;}
.nk-box .box-tit a{ float: right; font-size: 13px; line-height: 45px; color: #0060A9;}
.nk-box .box-con{ padding-top: 10px; padding-bottom: 15px; overflow: hidden;}
 
.nk-news{ width: 320px; }
.nk-news2{ width: 375px; }
.nk-notice{ width: 800px; }
.nk-login{ width: 1170px; padding: 15px; }
.nk-tab{ width: 320px; }
.nk-recruit{ width: 800px; }

.nk-list li{ position: relative;}
.nk-list li:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 0px; border-bottom: 1px dotted #ddd; z-index: 0;}
.nk-list li a{ position: relative; display: block; font-size: 14px; line-height: 35px; overflow: hidden;}
.nk-list li a:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 5px; margin: auto; background: #999;}
.nk-list li a span{ float: left; width: 100%; text-indent: 1em;}
.nk-list li a i{ position: absolute; top: 0; right: 0; color: #0060A9;}

.notice-slide{ position: relative; float: left; width: 430px; height: 240px; margin-top: 5px; margin-right: 15px;}

.notice-pic{ width: 100%!important; height: 240px!important; overflow: hidden; }
.notice-pic li{ width: 100%!important; height: 240px; }
.notice-pic li a{ position: relative; display: block; width: 100%; height: 100%; }

.notice-list{ float: left; width: 355px; }
.notice-list li{ position: relative; font-size: 14px; height: 35px; line-height: 35px;}
.notice-list li:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 0px; border-bottom: 1px dotted #ddd; z-index: 0;}
.notice-list li a{ display: block; overflow: hidden;}
.notice-list li a i{ float: left; color: #0060A9}
.notice-list li a span{ float: left; text-indent: 1em;}

.nk-login a{ float: left; width: 380px; height: 60px; margin-right: 15px;}

.search-box{ float: left; width: 400px; height: 60px;}
.search-box span{ float: left; width: 100%; font-size: 14px; line-height: 30px; color: #666;}
.search-box input{float: left; border: none; background: none; outline: none;}
.search-box input[type=text]{ width: 320px; height: 30px; border-radius: 4px 0 0 4px; font-size: 14px; line-height: 30px; text-indent: 10px; background: #f3f3f3; }
.search-box input[type=submit]{ width: 80px; height: 30px; border-radius: 0 4px 4px 0; font-size: 14px; line-height: 30px; color: #fff; background: #0060A9; cursor: pointer; }

.nk-tab .tab-tit{ position: relative; height: 45px; overflow: hidden;}
.nk-tab .tab-tit:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #eee; z-index: 0;}
.nk-tab .tab-tit span{ position: relative; float: left; margin-right: 1em; font-size: 18px; line-height: 45px; font-weight: bold; color: #999; cursor: pointer;}
.nk-tab .tab-tit span:after{ content: ''; position: absolute; right: 0; bottom: 0; display: none; width: 100%; height: 2px; background: #0060A9; z-index: 1;}
.nk-tab .tab-tit span.on{ color: #222;}
.nk-tab .tab-tit span.on:after{ display: block;}

.nk-list-nodate{ padding: 10px 0 15px 0}
.nk-list-nodate li a:before{ background: #0060A9;}

.nk-recruit{ width: 815px; padding-right: 0;}
.nk-recruit .box-tit{ margin-right: 15px;}
.nk-recruit .box-con{ padding-bottom: 5px;}

.nk-list-img{ width: 100%; overflow: hidden;}
.nk-list-img li{ float: left; width: 50%; padding: 10px 0;}
.nk-list-img li a{ position: relative; display: block; overflow: hidden;}
.nk-list-img li a .thumb{ float: left; width: 65px; height: 65px; overflow: hidden;}
.nk-list-img li a .info{ float: left; padding-left: 10px;} 
.nk-list-img li a .info h5{ font-size: 15px; line-height: 30px; font-weight: normal;}
.nk-list-img li a .info h6{ font-size: 12px; line-height: 30px; font-weight: normal; color: #666;}
.nk-list-img li a i{ position: absolute; top: 0; right: 15px; font-size: 12px; line-height: 25px; color: #aaa;}
.nk-list-img li a em{ position: absolute; right: 15px; bottom: 0; font-size: 12px; line-height: 25px; color: #aaa; text-indent: 1.5em; background: url('../img/eye.png') left center no-repeat;}

.footer{ width: 100%; background: #0060A9; }
.foot{ width: 1200px; padding: 30px 0; margin: auto; font-size: 14px; line-height: 30px; text-align: center; color: #fff; }


.column{ width: 1200px; padding: 20px 0; margin: auto;}
.column:after{ content: ''; display: block; clear: both; }

.column-left{ float: left; width: 260px; background: #fff;}
.column-left a{ position: relative; display: block; height: 45px; font-size: 14px; line-height: 45px; text-indent: 1.5em;}
.column-left a:before{ content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #0060A9;}
.column-left a:nth-child(even){ background: #fafafa;}
.column-left a:nth-child(even):before{ background: #004E8A;}

.column-main{ float: right; width: 880px; padding: 15px 20px; background: #fff; }
.column-main .caption{ position: relative; height: 40px;}

.bread-list{ position: absolute; top: 0; left: 0; bottom: 0; height: 40px; margin: auto; line-height: 40px; font-size: 0; }
.bread-list span,
.bread-list a{ display: inline-block; font-size: 14px; color: #999; }
.bread-list span{ color: #666; font-weight: bold; }
.bread-list a:after{ content: '>'; display: inline-block; padding: 0 .25em; }
.bread-list a:last-child{ color: #0060A9; }
.bread-list a:last-child:after{ display: none; }

.list-news{ overflow: hidden; }
.list-news li{ border-bottom: 1px dashed #ddd; }
.list-news li a{ position: relative; display: block; height: 39px; padding: 0 .5em 0 1.5em; line-height: 39px; }
.list-news li a span{ font-size: 14px; color: #333; }
.list-news li a i{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999; }
.list-news li a:before{ position: absolute; top: 0; bottom: 0; left: 0; content: ''; display: block; width: 4px; height: 4px; margin: auto; border-radius: 50%; background: #aaa; }
.list-news li a:hover{ background: #fafafa; }
.list-news li a:hover span,
.list-news li a:hover i{ color: #0060A9 }

.page{ padding: 20px 0 5px; text-align: center; font-size: 0; background: #fff; }
.page span,
.page a{ display: inline-block; font-size: 12px; margin: 0 .5em; }

.left-list{ background: #fff; padding: 0 10px; }
.left-list dt{ position: relative; height: 50px;}
.left-list dt span{ position: relative; float: left; padding: 0 1em; font-size: 18px; font-weight: bold; text-align: center; line-height: 50px; color: #0060A9 }
.left-list dt span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 4px; height: 40%; margin: auto; background: #2276d1; }
.left-list dt:before{ content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 2px; background: #eee; z-index: 0;}
.left-list dt a{ float: right; padding-right: 10px; line-height: 50px; font-size: 12px; color: #999; }

.left-list dd{ padding: 5px 0 10px; }
.left-list dd a{ display: block; border-bottom: 1px dotted #eee; font-size: 13px; line-height: 34px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.left-list dd a:before{ content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 1em; vertical-align: middle; background: #0060A9; }
.left-list dd a:hover{ color: #0060A9; }

.article-box{ padding: 10px 0; border-top: none; background: #fff; overflow: hidden; }
.article-box .art-tit{ padding: 5px 10px 15px; }
.article-box .art-tit h1{ font-size: 20px; text-align: center; line-height: 1.5; color: #0060A9 }
.article-box .art-info{ text-align: center; font-size: 14px; color: #999; padding: 5px; background: #fafafa; }
.article-box .art-con{ padding: 10px 5px; font-size: 16px; text-align: justify; }
.article-box .art-con img{ max-width: 840px; }
.article-box .art-btn{ padding: 10px 0; }
.article-box .art-btn a{ display: block; width: 120px; height: 30px; margin: auto; line-height: 30px; font-size: 12px; text-align: center; color: #fff; background: #0060A9; }

.address{ position: relative; width: 1200px; height: 40px; margin: 20px auto 0;}

.page-box{ width: 1200px; padding: 15px 0; margin: auto; background: #fff; overflow: hidden;}
.page-info{ position: relative; float: left; width: 900px;}
.page-info:after{ content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #eee;}

.page-info .title{ position: relative; font-size: 16px; line-height: 30px; text-indent: 1em;}
.page-info .title:before{ content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #0060A9;}
.page-info .content{ padding: 20px 30px; font-size: 13px; line-height: 1.75;}

.page-other{ float: right; width: 300px;}
.other-box{ padding: 0 30px;}
.other-box .title{ position: relative; height: 35px;}
.other-box .title:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #eee; z-index: 0;}
.other-box .title span{ position: relative; float: left; font-size: 16px; line-height: 35px;}
.other-box .title span:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 2px; background: #0060A9; z-index: 1;}
.other-box .content{ padding: 15px 0;}

.company-info{ position: relative; overflow: hidden;}
.company-info .thumb{ float: left; width: 90px; height: 90px; background: #fafafa;}
.company-info .info{ float: left; padding-left: 20px;}
.company-info .info span{ display: block; font-size: 14px; line-height: 30px;}
.company-info a{ position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 6em; height: 2.5em; margin: auto; border-radius: 4px; font-size: 14px; line-height: 2.5; text-align: center; color: #fff; background: #0060A9;}

.job-list li{ margin-bottom: 10px; border-bottom: 1px dashed #eee;}
.job-list li a{ position: relative; display: block; padding-bottom: 10px; overflow: hidden;}
.job-list li a .info{ float: left; width: 80%;}
.job-list li a .info h5{ font-size: 16px; font-weight: normal; line-height: 30px; color: #0060A9;}
.job-list li a .info h6{ font-size: 12px; font-weight: normal; line-height: 25px; color: #333;}
.job-list li a .number{ float: right; width: 20%; text-align: right;}
.job-list li a .number h5{ font-size: 12px; font-weight: normal; line-height: 30px;}
.job-list li a .number h6{ font-size: 12px; font-weight: normal; line-height: 25px;}
.job-list li a .price{ position: absolute; top: 0; right: 25%; font-size: 14px; line-height: 35px; color: #f90; }

#map{ display: block; width: 100%; height: 180px; background: #f2f3f4;}

.table-search{ padding: 25px; margin: 0 15px; font-size: 0; text-align: center; line-height: 40px; background: #f2f3f4;}
.table-search span,
.table-search select{ display: inline-block; font-size: 18px; vertical-align: middle;}
.table-search select{ height: 40px; padding: 0 10px; margin: 0 10px; border: 1px solid #ddd; vertical-align: middle;}

.table-box{ padding: 0 15px;}
.table-box table{ width: 100%!important;}
.table-box table{ border-collapse: separate; border-spacing: 1px; empty-cells: show; font-size: 14px; line-height: 1.5; color: #222; background: #eee; margin: auto; }
.table-box table thead{}
.table-box table tbody{}
.table-box table th,
.table-box table td{ padding: .5em .75em; border: 0 !important; word-break: break-all;  }
.table-box table th{ font-weight: bold; }
.table-box table tr{ background: #fff; }
#vsb_content p{margin: 5px 0; text-indent:0em;font-size:14px;}