@charset "UTF-8";
/**
 *
 * @authors Wen Peng (wencoding@gmail.com)
 * @date    2014-02-14 10:27:00
 * @website http://pengblog.com
 */
/* 全局通用 */
body { font-family: Arial,\5b8b\4f53,\5FAE\8F6F\96C5\9ED1; font-size:14px; color:#444; line-height:180%; margin:0; padding:0; }
body, button, input, textarea { font-size:14px; line-height:1.6; outline:none; }
p, ul, ol, dl, dt, dd, form, blockquote { margin:0; padding:0; }
ul, ol { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:14px; margin:0; padding:0; }
em, b, i { font-style:normal; font-weight:normal; }
img { border:0; }
a { text-decoration:none; color:#444; }
a:hover { color:#044aac; }
input, img, select { vertical-align:middle; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
*html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clear { clear:both; height:0; line-height:0; font-size:0; }
.hide { display:none; }
.fl{ float: left; }
.fr{ float: right; }
.fw{ width: 980px; margin: 0 auto; }
/* Page Nav */
.page_nav{ clear: both; margin:20px auto; display: inline-block; text-align: center; }
.page_nav span,.page_nav a{ background-color: #fff; color: #333; font: 14px/20px arial,sans-serif; padding:2px 8px; border:1px solid #ccc; margin:0 3px; display: block; float: left; }
.page_nav span{ color: #999; }
.page_nav a:hover{ text-decoration: none; background-color: #eee; }
/* Message */
.message{ width:960px; margin:20px auto; font-size:14px; padding:10px; background-color: #fff; }
.message .title{ color:#cc0000; font-size:14px; font-weight:800; line-height:30px; border-bottom:1px solid #999; }
.message .content{ line-height:25px; }
.message .content ul{ list-style-type:disc; padding-left:20px; }
/* SMALLSLIDER
***********************/
.smallslider { overflow: hidden; position: relative; }
.smallslider h3 { color: #EEE; font-size: 12px; font-weight: 700; line-height: 26px; position: absolute; text-indent: 2%; width: 100%; z-index: 102; margin: 0; }
.smallslider h3 a { color: #FFF; text-decoration: none; }
.smallslider h3 a:hover { color: #F60; text-decoration: underline; }
.smallslider li img { border: 0; vertical-align: top; }
.smallslider ul { list-style-type: none; margin: 0; padding: 0; }
.smallslider-btns { position: absolute; z-index: 103; }
.smallslider-btns .current-btn { background-color: #0e6eb8; border: 1px solid #0e6eb8; color: #FFF; font-size: 12px; font-weight: 700; }
.smallslider-btns span { background-color: #FFF; border: 1px solid #DCDCDC; color: #9F9F9F; cursor: pointer; float: left; font-size: 12px; height: 14px; line-height: 14px; text-align: center; width: 14px; }
.smallslider-lay { background-color: #000; height: 26px; position: absolute; width: 100%; z-index: 101; }
/* Header */
#header{ height: 80px; background: url(../images/header-bg.png) 0 0 repeat-x; }
.logo{ width: 450px; height: 60px; margin-top: 10px; float: left; }
.logo h1{ float: left; text-indent: -9999px; }
.logo h1 a{ display: block; width: 450px; height: 60px; background: url(../images/logo.png) 0 0 no-repeat; }
.search{ margin-top: 30px; width: 200px; height: 26px; background: url(../images/search-bg.png) 0 0 no-repeat; float: right; }
.search input{ float: left; border: none; background: none; }
.search .sbox{ padding: 1px 10px; line-height: 24px; height: 24px; width: 150px; color: #666; }
.search .sbtn{ width:30px; height: 26px; text-indent: -9999px; cursor: pointer; }
#nav{ height: 36px; background: url(../images/nav-bg.png) 0 0 repeat-x; }
#nav li{ float: left; line-height: 36px; background: url(../images/nav-bg-line.png) right center no-repeat; }
#nav li a{ display: block; padding: 0 32px; color: #fff; font-family: Arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53; font-size: 14px; }
#nav li a:hover{ background: url(../images/nav-bg-hover.png) 0 0 repeat-x; }
#nav li.last{ background: none; }
/* Index */
#banner{ width: 100%; height: 350px; overflow: hidden; position: relative; z-index: 0; }
#banner li{ width: 100%; height: 350px; display: block; background-repeat: no-repeat; background-position: top center; }
#index-spance{ height:36px; }
#index{ background: url(../images/index-bg.png) 0 0 repeat-x; }
#index .fw{ padding: 30px 0; }
#index .unit{ float: left; margin-right: 20px; }
#index .unit.video{ width: 240px; }
#index .unit.service{ width: 310px; margin-right: 0; }
#index .unit.about{ width: 390px; }
#index .unit .title{ line-height: 32px; height: 32px; background: url(../images/index-title-bg.png) 0 0 no-repeat; }
#index .unit .title h2{ float: left; margin-left:20px; }
#index .unit .title .more{ float: right; margin-right: 10px; width: 40px; height: 13px; display: block; background: url(../images/more.gif) center center no-repeat; margin-top: 10px; }
#index .unit .text{ padding:10px 10px 5px; line-height: 28px; background-color: #f6f6f6; max-height:170px; overflow: hidden; }
#index .unit .images a{ margin-bottom: 5px; display: block; width: 310px; height: 50px; }
#index .unit .images a.last{ margin-bottom: 0; }
#index .unit .blue{ background: url(../images/index-title-bg-blue.png) 0 0 no-repeat; }
#index .unit .blue h2{ color: #fff; }

#index .unit .btn-list span{ width: 115px; float: right; margin-top: 8px; }
#index .unit .btn-list span.odd{ float: left; }
#index .unit .btn-list span a { text-align: center; border-right: 1px solid #eee; background: url(../images/btn-bg.gif) repeat-x left top; height: 30px; line-height: 30px; display: block; border-left: 1px solid #eee; }
#index .unit .btn-list span a:hover { text-decoration: none; color: #fff; border-left: 1px solid #006dcc; border-right: 1px solid #006dcc; background: url(../images/btn-bg-hover.gif) repeat-x left top; }

.index-news{ line-height: 36px; }
.index-news-title{ float: left; width: 100px; }
.index-news-title h5{ font-weight: bold; float: left; margin-right: 10px; }
.index-news-content{ float: left; width: 860px; height: 36px; overflow: hidden; }
.index-news-content li{ float: left; margin-right: 40px; background: url(../images/arrows_red.gif) left center no-repeat; padding-left: 10px; }
.index-news-content li span{ margin-left: 10px; font-size: 12px; }
/* Page */
#page{ background: #f1f1f1 url(../images/page-bg.png) 0 0 repeat-x; padding: 20px 0; }
.page-banner{ background: url(../images/page-banner.jpg) top center no-repeat; height: 200px; }
.page-banner img{ width: 980px; height: 200px; }
.page-left{ float: left; width: 240px; padding-bottom: 120px; background: url(../images/page-left-bg.png) left bottom no-repeat; }
.widget{ margin-bottom: 20px; }
.widget .title{ height: 40px; line-height: 40px; background: url(../images/widget-title.png) 0 0 no-repeat; margin-bottom: 10px; }
.widget .title h2{ background: url(../images/widget-title-h2.png) left center no-repeat; padding-left: 30px; font-size: 14px; color: #0d3887; }
.page-left .category{ }
.page-left .category h2{ font-size: 16px; font-weight: bold; color: #333; }
.page-left .category .content{ padding: 10px; }
.page-left .category .top-level{ background: url(../images/top-level.png) left 5px no-repeat; }
.page-left .category .top-level > a{ padding: 0 50px 0 20px; line-height: 36px; height: 36px; display: block; border-bottom: 1px solid #ddd; }
.page-left .category .top-level > a:hover , .page-left .category .top-level .active{ background: url(../images/arrows_down.gif) no-repeat 162px center; color: #c30b0b; }
.page-left .category .top-product-level > ul{ display: none; }
.page-left .category .sub-level > a{ line-height: 36px; height: 36px; display: block; padding-left: 40px; background:  url(../images/arrows_red.gif) 24px center no-repeat; }
.page-left .category .sub-level{ }
.page-left .category .sub-level > a:hover{ color: #005aa9; background: #eee url(../images/arrows_red.gif) 24px center no-repeat; }
.page-left .contact{ line-height: 30px;}
.page-left .contact .content{ padding: 10px; }
.page-right{ float: right; width: 700px; }
.page-right .box .title{ background: url(../images/right-title-bg.png) left bottom no-repeat; line-height: 36px; height: 36px; }
.page-right .box .title h2{ float: left; padding-left: 20px; font-size: 16px; color: #444; font-family: \5FAE\8F6F\96C5\9ED1,\5b8b\4f53; }
.page-right .box .title .location{ float: right; padding-right: 10px; font-size: 12px; }
.page-right .box .content{ /* background-color: #fff; */min-height: 600px; padding: 30px 0; margin-top: 10px; }
.page-right .box .content .detail{ padding: 0 10px; }
.page-right .article-info{ text-align: center; margin:0 20px 20px 20px;padding: 20px 0 15px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; }
.page-right .article-info h1{ font-size: 18px; line-height: 36px; }
.page-right .article-info p{ font-size: 12px; color: #666; }
.page-right .product-intro{ width: 450px; float: left; padding: 15px; }
.page-right .product-intro h2{ font-size: 16px; font-weight: bold; line-height: 32px; color: #ee1d24; }
.page-right .product-intro .product-detail{ margin: 20px 0; }
.page-right .product-thumb{ float: right; width: 180px; text-align: center; }
.page-right .product-thumb img{ width:160px; margin: 10px; }
/* List */
.news-list{ line-height: 30px; height: 30px; }
.news-list li{ background: url(../images/news-list-li.gif) left center no-repeat; padding-left: 16px; border-bottom: 1px dashed #ccc; margin-bottom: 5px; }
.news-list li span{ float: right; margin-right: 5px; }
.product-list{ }
.product-list li{ width: 320px; height:120px; overflow: hidden; float: left; margin: 10px; border-bottom: 1px dashed #ccc; }
.product-list li .thumb{ width:120px; height:120px; float: left; text-align: center; }
.product-list li .thumb img{ width: 100px; height: 100px; }
.product-list li .intro{ width: 200px; height:100px; overflow: hidden; float: left; }
.product-list li .intro h5{ font-size: 14px; margin-bottom: 4px; }
.product-list li .intro p{ font-size: 12px; line-height: 24px; }
.joblist,.jobdetail{ border-collapse:collapse; border:none; margin-top: 10px; line-height: 30px; }
.jobtable tr.tr_odd{ background-color: #eeeff5; }
.jobtable tr.job_h{ background-color: #5476a4; color:#fff; }
.jobtable tr.tr_on{ background-color: #91b2dd; color:#333; }
.jobtable th,.joblist td{ text-align: center; border:#eee solid 1px; padding:5px; }
.job_intro{ line-height: 24px; font-weight: bold; margin-bottom: 20px; }

.image-list{}
.image-list li{width: 300px;padding: 10px;margin: 10px;float: left;text-align: center;}
.image-list li a img{width:300px;height: 225px;}
.image-list li a span{line-height: 24px;height: 24px;}
/* Footer */
#footer{ background: url(../images/footer-bg.png) 0 0 repeat-x; width: 100%; height:100%; color: #151c21; line-height: 20px; padding:10px 0px; z-index:999;}
#footer a{ color: #151c21; }
.copyright{ margin-top: 10px; width:500px; float: left; height: 58px; font-size:13px; color:#333;}
.copyright i{ width:48px; height: 48px; float: left; padding-right:10px; background: url(../images/footer-logo.png) 0 0 no-repeat; }
.footer-nav{ float: right; width:480px; height: 58px; /* background: url(../images/copyright-bg.png) right center no-repeat; */}
#friend-link{ border: none; line-height: 24px; float: right; padding: 5px 10px; margin-top: 20px; }
#friend-link:focus{ }
.WxEwm{ width:150px; height:30px; z-index:999;}
.WxEwm a{ display:block; width:150px; height:31px; line-height:31px; font-size:13px; text-indent:36px; color:#000; background:url(../images/wx_icon.png) no-repeat left center; *position:relative; *top:10px;}
.WxEwm .WxImg{ display:none; position:relative; left:-14px; top:-160px; z-index:999;}