/*****************************
 * D8CMS-web style 
 * 源于 d8zone.com 八度空间
 * 专业精品网站建设、UI设计、软件开发、外包服务
 -----------------------------
 Global.css
 -----------------------------
 $1 - reset & basic
 $2 - header
 $3 - nav 
 $4 - layout
 $5 - footer 
 $6 - pager 
 $7 - QQ
 ****************************/

/*
 * $1 reset & basic
 */

@charset "utf-8"; 
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin:0; padding:0; font-size:100%; -webkit-text-size-adjust:none;}
body, button, input, select, textarea { font: 12px/1.5 "Microsoft YaHei","SimSun","Arial,Helvetica,sans-serif","Lucida Grande", "Lucida Sans Unicode"; }
body { text-align:center; min-width:1000px; _min-width:1000px; background:#fff; -webkit-text-size-adjust: none; }
/* force a vertical scrollbar in firefox, prevents horizontal page shifting */
html { min-height: 100%; margin-bottom: 1px; overflow-y: scroll; -webkit-text-size-adjust:none; }
img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em { font-style: normal; }
ul, ol { list-style: none; }
a { color:#222; text-decoration: none; 
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
a:hover { color:#0088cc; text-decoration:none; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }


.cf:after { content:" "; clear: both; display: block; font-size: 0; height: 0; visibility: hidden; }
.cf { display: inline-table; zoom:1; } 
.ip { width:300px; line-height:24px; border: 1px solid #ddd; }
.iparea { width:300px; height:150px; line-height:18px; border: 1px solid #ddd padding:2px 5px;}
.ip_small { width:150px; line-height:24px;border:#ddd 1px solid; }
.ip_num { width:50px; line-height:24px;border:#ddd 1px solid; }
table .ip { width:300px; line-height:24px; border: 1px solid #ddd; }
table .iparea { width:300px; height:150px; line-height:18px; border: 1px solid #ddd padding:2px 5px;}
table .ip_small { width:150px; line-height:24px;border:#ddd 1px solid; }
table .ip_num { width:50px; line-height:24px;border:#ddd 1px solid; }
.required { color:Red; margin-left:5px; font-family:"Microsoft YaHei","SimSun"; }
/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.hidden { display:none; }
/* End hide from IE-mac */ 
 
input[type='text'], input[type='password'], textarea { border: 1px solid #ddd ; padding:2px 5px; width:300px; font-size:12px; }
input[type='text']:focus, input[type='password']:focus, textarea:focus{ }

table input[type='text'],table input[type='password'],table textarea { border: 1px solid #ddd ; padding:2px 5px; width:300px; font-size:12px;}
table input[type='text']:focus,table input[type='password']:focus, table textarea:focus{ }

select { border:1px #999 solid;}
textarea {width:195px; height:75px;}
.c { width:980px; overflow:hidden; margin:auto; text-align:left; }
.sp { height:10px; overflow:hidden; }
.clear { clear:both; }
.mt20 { margin-top:20px; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.pl100 { padding-left:100px; }

textarea { border:#ddd 1px solid; padding:2px 5px; } 
textarea:focus { border:#ddd 1px solid; } 

.no-data-msg { display:block; padding:20px; text-align:center; font-size:12px; }

.box { border:1px solid #ddd; overflow:hidden; }
.box .box-title { background:url('../images/box.gif') repeat-x; height:47px; line-height:47px; padding:0px 10px 0px 20px; color: #4f5d84; }
.box .box-title2 { border-bottom:solid 1px #d8dcde; background:url('../images/box2.gif') repeat-x; height:40px; line-height:40px; padding:0px 10px 0px 20px; }
.box .box-title h3 { font-size:14px; }
.box .box-title a { float:right; }
.box .box-content { padding:20px; background:#fff; }

/*
 * $2 header
 */ 
 .top { height:70px; overflow:hidden; padding:18px 0px 18px 0px; background:#fff; border-bottom:solid 0px #ddd; }
 .top .logo { float:left; width:160px; height:70px; background:url('../images/skin.gif') -280px 0 no-repeat; overflow:hidden;} 
 .top .logo a { display:block; width:140px; height:46px; padding-top:70px; } 
 .top .right { float:left; width:820px; text-align:right; } 
 .top .links { float:left; width:700px; height:46px; padding-top:20px; padding-left:100px; }
 .top .links li { float:left; line-height:46px; text-align:center; width:95px; overflow:hidden; }
 .top .links li a { font-size:16px; font-family: "微软雅黑", Arial, sans-serif; color:#000;  padding-bottom:5px; /* padding:3px 8px 3px 8px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/ }
 .top .links li a:hover { text-decoration:none; color:#0088cc; border-bottom:solid 3px #0088cc; padding-bottom:5px; }
 .top .top-search { float:right; width:20px; height:46px; overflow:hidden; padding:20px 0px 0px 0px; }
 .top .top-search .search-icon { width:20px; height:46px; background:url('../images/skin.gif') 0 -55px no-repeat; cursor:pointer; }
 .top .top-search .search-key { display:none; }
 .top .top-search #top_search_keyword { border:0px; line-height:14px; width:275px; padding:5px 5px 4px 5px; }
 .top .top-search #top_search_keyword:focus{ background:#fff; border:0; }
 .top .right { } 
 .top .right .top-search .search-icon {} 
 .top .right .top-search .search-key { width:140px; height:46px; background:url('../images/skin.gif') 0 -103px no-repeat #fff; padding:8px 12px 10px 30px; } 
 .top .right .top-search .search-key #top_search_keyword { width:140px; height:30px; line-height:22px !important; color:#666; }
 .top .right .top-search .search-key #top_search_keyword:focus { border:0; outline:none; }

 *html .top .right .top-search .search-key #top_search_keyword { line-height:18px !important; }
 *+html .top .right .top-search .search-key #top_search_keyword { line-height:18px !important; }
 
#mouse_nav { display:none; width:100%; min-width:980px; line-height:30px; text-align:center; position:absolute; z-index:999; left:0px; top:106px; background: #f3f3f3; padding:20px 0 10px 0; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; }
#mouse_nav a { font-size:14px; color:#666; text-align:left; }
#mouse_nav .col { float:left; }
#mouse_nav .col h3 { font-size:14px; font-weight:bold; padding:0 0 10px 0; margin:0; }
#mouse_nav .col h3 a { color:#333; }
#mouse_nav .col-product { width:100%; }
#mouse_nav .col-product ul li { width:20%; padding-left:5%; float:left; }
#mouse_nav .col-product ul li strong a { color:#0f8cd6; font-size:14px; }
#mouse_nav .col-product ul li a { display:block; }
#mouse_nav .col-product .more { padding-left:5%; }
#mouse_nav .col-solution { width:200px; padding: 0 15px 0 50px; border-left:solid 1px #ccc; border-right:solid 1px #ccc; }
#mouse_nav .col-solution li { width:48%; float:left; }
#mouse_nav .more { color:#0f8cd6; }
#mouse_nav .col-links { width:100px; padding-left:50px; }
#mouse_nav .col-links li { }

*html #mouse_nav { top:46px; }
*+html #mouse_nav { top:46px; }
*html #mouse_nav .col-solution  { width:235px !important; }
*html #mouse_nav .col-links { width:180px; }
*+html #mouse_nav .col-solution  { width:235px !important; }
*+html #mouse_nav .col-links { width:180px; }
/*
 * $3 nav
 */ 
.crumbs { font-family:"Microsoft YaHei","SimSun"; color:#999999; padding:5px; font-size:12px; font-weight:lighter; float:right; }
.crumbs span { color:#999999; } 
.crumbs .welcome { color:#ccc; font-family:Verdana; } 
.crumbs a:link { color: #999999; text-decoration: none; }
.crumbs a:visited { color: #999999; text-decoration: none; }
.crumbs a:hover { color: #ff6600; text-decoration::underline; }
.crumbs a:active { color: #999999; text-decoration: none; } 

.page-title{ font-size: 18px; padding :20px 0 10px 0; color: #333;}
 
.menu-us-tel { background:url(../images/logo-contact.jpg) no-repeat ; height:140px; overflow:hidden; line-height:500px; } 
 
.menu-left { }
.menu-left .head { }
.menu-left .bottom { height:40px; overflow:hidden; }
.menu-left ul li { background:url(../images/skin.gif) -1370px -32px no-repeat; height:40px; overflow:hidden; line-height:40px; padding:0px 20px 0px 20px; }
.menu-left ul li a { font-size:16px; font-weight:lighter; color:#595757; font-family: Verdana, "Microsoft YaHei","SimSun"; }
.menu-left ul li a:hover { color:#1a8fd2; text-decoration:underline; }
.menu-left ul li.on { background:url(../images/skin.gif) -1368px -76px no-repeat; }
.menu-left ul li.on a { } 
.menu-left ul li.l3 { background:url(../images/dot-001.jpg) no-repeat 70px 14px ; }
.menu-left ul li.l3 a { margin-left:20px; font-size:12px; }
.menu-left ul li.lf { height:auto; line-height:20px; padding:10px 10px 10px 30px; border-top:solid 1px #eee; background:url(../images/dot_5.gif) no-repeat 10px 14px ; }
.menu-left ul li.lf a { color:#346699; }

.menu-us-tel { background:url(../images/logo-contact.jpg) no-repeat ; height:140px; overflow:hidden; line-height:500px; }

.menu-head-about { background:url(../images/skin.gif) no-repeat -520px -160px ; height:35px; margin-bottom:10px; border-bottom:solid 2px #ccc; }
.menu-head-products { background:url(../images/skin.gif) no-repeat -520px -220px ; height:35px; margin-bottom:10px; border-bottom:solid 2px #ccc; }
.menu-head-news { background:url(../images/skin.gif) no-repeat -520px -280px ; height:35px; margin-bottom:10px; border-bottom:solid 2px #ccc; }
.menu-head-case { background:url(../images/skin.gif) no-repeat -520px -340px ; height:35px; margin-bottom:10px; border-bottom:solid 2px #ccc; }
.menu-head-recruitment { background:url(../images/skin.gif) no-repeat -520px -400px ; height:35px; margin-bottom:10px; border-bottom:solid 2px #ccc; }
.menu-head-contact { background:url(../images/skin.gif) no-repeat -520px -460px ; height:35px; margin-bottom:10px; border-bottom:solid 2px #ccc; }
.menu-head-search { background:url(../images/skin.gif) no-repeat -520px -520px ; height:35px; margin-bottom:10px; border-bottom:solid 2px #ccc; }

/*
 * $4 layout
 */ 
.c .side { padding:0px 0px 0px 0px; margin-left:20px; float:left; overflow:hidden; width:240px; } 
.c .main-content { padding:0px 0px 0px 0px; border-width:0px; width:720px; float:left; overflow:hidden; } 
.c .main-content .crumbs { text-align:right; width:50%; float:right; overflow:hidden; }
.c .main-content .main-content-title { color: #666; font-family: "Microsoft YaHei","SimSun",Verdana, Arial, Helvetica; font-size:20px; font-weight:lighter; padding:3px 0px 3px 0px; border-bottom:solid 1px #9f9d9c; }
.c .main-content .main-content-title i { padding-left:30px; color:#333; font-size:12px; Font-style:normal; text-transform :uppercase; }
.c .main-content .main-content-box { padding:20px; border:solid 1px #ddd; background:#fff; border-top:solid 2px #df0001; }

 .page-head { padding:0px 0px 0px 0px; font-size:14px; color:#000; line-height:29px; background:url(../images/title-bg.gif) no-repeat; overflow:hidden; }
 .page-head h1 { font-size:14px; font-weight:bold; color:#333; line-height:29px; padding:0px 0px 0px 10px; margin:0; }
 .page-head h1 span.small-title { padding-left:10px; font-size:12px; font-weight:lighter; color:#aaa; text-transform : uppercase }
 .page-head div { padding:5px 0px 5px 0px; } 
 .page-head2 { padding:0px 0px 0px 0px; font-size:14px; color:#000; line-height:29px; background:url(../images/title-bg2.gif) no-repeat; overflow:hidden; }
 .page-head2 h1 { font-size:14px; font-weight:bold; color:#333; line-height:29px; padding:0px 0px 0px 10px; margin:0; }
 .page-head2 h1 span.small-title { padding-left:10px; font-size:12px; font-weight:lighter; color:#aaa; text-transform : uppercase }
 .page-head2 div { padding:5px 0px 5px 0px; } 
 
/*
.c .Left{ padding:0px; border-width:0px; width:710px; float:left; overflow:hidden;}
.c .Right{ padding:0px; border-width:0px; width:230px; float:left; padding-left:20px; overflow:hidden; }
.c .Left2{ padding:0px; border-width:0px; width:230px; float:left; overflow:hidden; }
.c .Right2{ padding:0px; border-width:0px; width:710px; float:left; padding-left:20px; overflow:hidden; }
 */ 
/*
 * $5 footer
 */ 
.footer { clear:both; padding:20px 0px 20px 0px; overflow:hidden; border-top:solid 0px #ddd; line-height:26px; margin-top:30px; background:#eee; }
.footer .links { color:#ccc; text-align:left; }
.footer .links a { padding:0px 6px 0px 6px; color:#0088cc; }
.footer .links a.f { padding:0px 6px 0px 0px; }
.footer .txt { font-size:10px; color:#6e6e6e; font-size:12px; border-top:solid 1px #ddd; padding-top:10px; }

.link-groups { width:100%; margin-bottom:20px; }
.link-groups .col { width:162px; float:left; color:#666; }
.link-groups .col h3 { font-size:14px; line-height:30px; color:#000; margin:0; padding:0 0 5px 0; }
.link-groups .col ul { font-size:12px; line-height:22px; }
.link-groups .col ul li a { color:#666; }
.link-groups .col ul li a:hover { color:#66c5f4; }
/*
 * $6 pager
 */ 
.pager { height:35px; padding:20px 0px 10px 0px; font: 12px "Microsoft YaHei","SimSun" ; text-align:center; }
.pager a{text-decoration: none; height:30px; border-style:solid; border-bottom-width:1px ; border-left-width:1px; border-right-width:1px; border-top-width:1px;border-color:#ccc ; color:#666; font-size:12px; padding: 5px 7px 4px 7px; line-height: 16px; margin:1px;background-color:#eee ; }
.pager a:hover{text-decoration: none; height:30px; border-style:solid; border-bottom-width:1px ; border-left-width:1px; border-right-width:1px; border-top-width:1px;border-color:#ccc ; color:#222; font-size:12px; padding: 5px 7px 4px 7px; line-height: 16px; margin:1px;background-color:#ddd ; } 
.pager font{text-decoration: none; height:30px; border-style:solid; border-bottom-width:1px ; border-left-width:1px; border-right-width:1px; border-top-width:1px;border-color:#ccc ; color:#333333; font-size:12px; padding: 5px 7px 4px 7px; line-height: 16px; margin:1px; background-color:#ffffff ; }
 
*html .pager { margin-bottom:20px; }
*+html .pager { margin-bottom:20px; }

/*
 * $7 QQ
 */ 
#qq_float { width:36px; overflow:hidden; position:fixed ;/*ie7 ff*/ _position:absolute; right:0px; top:160px;_top:160px; z-index:999; _top: expression(documentElement.scrollTop + 160 + 'px')} 
#qq_float .bar { display:block; width:36px; height:152px;float:left; cursor:pointer; background:url(../images/qq.png) no-repeat; }
#qq_float .bar div { display:none; width:36px; height:152px; }
*html #qq_float .bar { background:none; }
*html #qq_float .bar div { display:block; width:36px; height:152px; background:url(../images/qq.gif) no-repeat; }
#qq_float .qq { display:none; width:144px; float:left; text-align:left; color:#666; } 
#qq_float .qq li { background:url(../images/qq.png) -180px 0px repeat-y; line-height:30px; padding:0px 0px 5px 0px; text-align:center; }
#qq_float .qq .qq-end { height:34px; background:url(../images/qq.png) -36px -191px no-repeat; }
#qq_float .qq .qq-head { height:158px; background:url(../images/qq.png) -36px 0px no-repeat; }

/*
 * $8 side contact
 */ 
.side-contact{ overflow:hidden; background:#fff; font-size:12px; background:url('../images/hp-contact-preson.gif') no-repeat 150px 90px; }
.side-contact p { padding:10px 0px 20px 18px; line-height:22px; }
.side-contact a { color:#333; text-decoration:none; }

.color-line { background:url('../images/color-bg.gif'); height:5px; overflow:hidden; }

/*
 * $8 banner silder 
 */ 
.hp-banner-continer { }
 .hp-banner { border-top:solid 1px #eee;  border-bottom:solid 1px #eee;  overflow:hidden; margin:auto; width:100%; max-width:1920px; _max-width:1920px;   }
 .hp-banner img { width:100%; }
 .inner-banner-1 { height:300px; background:url(../images/inner-banner-1.jpg) center 0; }
 .inner-banner-2 { height:200px; background:url(../images/inner-banner-2.jpg) center 0; }
 .inner-banner-job { height:200px; background:url(../images/inner-banner-job.jpg) center 0; }
 
/*
 * $9 notice
 */ 
#notice_float { width:300px; height:200px; overflow:hidden; background:url(../images/pop-notice.gif) no-repeat;
position: fixed;
right: 10px;
bottom: 10px;
z-index: 100020;
_position: absolute;
_bottom: 10px;
 
} 
#notice_float .titlebar { height:37px; cursor:pointer; }
#notice_float .content { color:#333; text-align:left; padding:10px 10px 10px 20px; height:243px; }
#notice_float .content .scorl { height:135px; overflow-y: scroll; }
#notice_float .content p { line-height:18px; text-indent:2em; padding:0px 10px 5px 0px; }
#notice_float .content p b { color:#cc0000; font-weight:lighter; }
#notice_float .content p.sign { text-align:right; }

/*首页*/
.features { padding:20px 0px 20px 0px; height:200px; }
*+html .features { height:240px; }
*html .features { height:240px; }
.features ul li { height:130px; float:left; text-align:center; width:230px; padding-top:90px; color:#987f67; font-size:14px; }
.features ul li h3 { font-size:16px; font-weight:bold; line-height:30px; color:#a06f40; }
.features ul li.f1 { background:url('../images/skin.gif') 0px -502px #eee no-repeat; margin-right:20px; }
.features ul li.f2 { background:url('../images/skin.gif') -245px -502px #eee no-repeat; margin-right:20px; }
.features ul li.f3 { background:url('../images/skin.gif') -490px -502px #eee no-repeat; margin-right:20px; }
.features ul li.f4 { background:url('../images/skin.gif') -735px -502px #eee no-repeat; }


.features2 { padding:20px 0px 20px 0px; height:200px; border-bottom:solid 1px #ddd; }
*+html .features2 { height:240px; }
*html .features2 { height:240px; }
.features2 {}
.features2 ul li { float:left; text-align:center; width:244px; border-right:solid 1px #a06f40; padding-top:80px; color:#987f67; font-size:14px; }
.features2 ul li h3 { font-size:16px; font-weight:bold; line-height:30px; color:#a06f40; }
.features2 ul li.f1 { width:234px; background:url('../images/skin.gif') 0px -512px no-repeat; }
.features2 ul li.f2 { background:url('../images/skin.gif') -245px -512px no-repeat; }
.features2 ul li.f3 { background:url('../images/skin.gif') -490px -512px no-repeat; }
.features2 ul li.f4 { border-right:0px; background:url('../images/skin.gif') -735px -512px no-repeat; }

.hp-content-row { padding:20px 0px 0px 0px; height:186px; overflow:hidden; }
*+html .hp-content-row { height:206px; }
*html .hp-content-row { height:206px; }
.hp-content-row .hp-area-label { width:320px; height:30px; overflow:hidden; }
.hp-content-row .hp-area-label a.more { display:block; width:36px; height:11px; overflow:hidden; background:url('../images/skin.gif') 0px -330px no-repeat; float:right; }
.hp-content-row .hp-area-label div { float:left; }

.hp-company-introduce { width:320px; height:186px; overflow:hidden; margin-right:30px; float:left; overflow:hidden; }
.hp-company-introduce .hp-area-label div { width:150px; background:url('../images/skin.gif') 0px -170px no-repeat; }
.hp-company-introduce .hp-area-content { line-height:22px; }
.hp-company-introduce .hp-area-content img { width:120px; height:82px; float:left; padding:0 0px 0 0; margin-right:10px; }
.hp-company-introduce .hp-area-content a { color:#cc0000; }
.hp-news { width:320px; height:186px; overflow:hidden; margin-right:30px; float:left; overflow:hidden; }
*+html .hp-news { margin-right:0px; }
*html .hp-news { margin-right:0px; }
.hp-news .hp-area-label div { width:150px; background:url('../images/skin.gif') 0px -210px no-repeat; }
.hp-news .hp-news-top1 { width:320px; overflow:hidden; line-height:22px; height:88px; overflow:hidden; color:#999; }
.hp-news .hp-news-top1 img { width:120px; height:82px; float:left; padding:0 0px 0 0; margin-right:10px; }
.hp-news .hp-news-top1 h3 { width:190px; overflow:hidden; float:left; font-size:14px; color:#333; }
.hp-news .hp-news-top1 span { width:180px; overflow:hidden; }
.hp-news .hp-news-list { width:320px; overflow:hidden; }
.hp-news .hp-news-list li { line-height:22px; height:22px; overflow:hidden; background:url('../images/arrow-1.gif') 0 8px no-repeat; padding-left:10px; }
.hp-news .hp-news-list li span { float:right; padding-left:20px; color:#919087; font-size:10px; }
.hp-news .hp-news-list li a { color:#555; font-family:"SimSun"; }
.hp-news .hp-news-list li a:hover { color:#cc0000; }
.hp-contact { width:278px; height:184px; border:solid 1px #f1f1f1; overflow:hidden; float:left; overflow:hidden; background:#fff; }
.hp-contact .hp-area-label { padding:14px 0 0px 14px }
.hp-contact .hp-area-label a { float:left; display:block; width:174px; background:url('../images/skin.gif') 0px -290px no-repeat; }
.hp-contact .hp-area-label a:hover { text-decoration:none; }
.hp-contact .hp-area-content { height:160px; overflow:hidden; padding:0 10px 0 14px; line-height:22px; background:url('../images/hp-contact-preson.gif') 170px 3px no-repeat; }
*+html .hp-contact .hp-area-content { padding-top:10px; background:url('../images/hp-contact-preson.gif') 170px 13px no-repeat; }
*html .hp-contact .hp-area-content { padding-top:10px; background:url('../images/hp-contact-preson.gif') 170px 13px no-repeat; }
.hp-contact .hp-area-content span { color:#cc0000; }



.tabs {}
.tabs .tab-title { height:30px; font-family:"SimSun"; }
.tabs .tab-title li { width:71px; height:19px; margin-right:5px; padding-right:10px; text-align:center; line-height:19px; color:#7f4f21; float:left; cursor:pointer; background:url('../images/tab-header-bg.gif') 0px -20px no-repeat; }
*html .tabs .tab-title li { width:81px; }
*+html .tabs .tab-title li { width:81px; }
.tabs .tab-title li.on { color:#fff; background:url('../images/tab-header-bg.gif') 0px 0px no-repeat; }
.tabs .tab-title a.more { float:right; color:#aaa; }
.tabs .tab-content { clear:both; }
.tabs .tab-content .content { display:none; }
.tabs .tab-content .on { display:block; }


*html .hp-news { width:349px; }
*html .hp-products { width:360px; }
*html .hp-news2 { width:249px; }
*+html .hp-news { width:349px; }
*+html .hp-products { width:360px; }
*+html .hp-news2 { width:249px; }

.hp-products { padding-top:20px; }
.hp-products .hp-products-title { height:30px; width:980px; }
.hp-products .hp-products-title a.more { display:block; width:36px; height:11px; overflow:hidden; background:url('../images/skin.gif') 0px -330px no-repeat; float:right; margin:3px 0 0 10px;; }
.hp-products .hp-products-title .title { width:174px; float:left; background:url('../images/skin.gif') 0px -250px no-repeat; }
.hp-products .hp-products-title a { float:right; padding:0 3px 0 3px; }
.hp-products .hp-products-title em { float:right; padding:0 3px 0 3px; color:#ccc; }

.scrol-product { width:980px; clear:both; padding-top:10px; height:160px; overflow:hidden; }
.scrol-product .left-arrow { width:20px; height:150px; float:left; cursor:pointer; padding:30px 0px 0px 0px; overflow:hidden; } 
.scrol-product .products { width:920px; float:left; overflow:hidden; height:150px; } 
.scrol-product .products ul { height:170px; } 
.scrol-product .products ul li { float:left; width:152px; height:140px; overflow:hidden; text-align:center; margin:0px; } 
.scrol-product .products ul li img { width:130px; height:100px; margin-bottom:5px; border:solid 1px #eee; margin:0 6px 0 6px; }
.scrol-product .products ul li a { width:130px; height:105px; padding:0 6px 0 6px; }
.scrol-product .right-arrow { width:20px; height:150px; float:left; cursor:pointer; padding:30px 0px 0px 0px; overflow:hidden; }
.scrol-product .right-arrow img { margin-left:5px; }
 

 /*job*/

.job-list { width:978px; overflow:hidden; }
.job-list .job-item { color:#555; overflow:hidden; padding:0px 80px 20px 80px; font-size:14px; }
.job-list .job-item h2 { background:url(../images/job-line1.gif) no-repeat 0px 50px; padding-left:20px; font-size:18px; font-family:"Microsoft Yahei"; color:#49352c; padding:20px 0px 15px 0px; margin-bottom:10px; } 
 
.job-list .job-item h3 { font-size:14px; font-family:"Microsoft Yahei"; color:#49352c; padding:10px 0px 10px 0px; } 
.job-list .job-item table th { text-align:left; width:100px; font-weight:lighter; color:#555; font-size:14px; }
.job-list .job-item table td { text-align:left; width:300px; font-size:14px; color:#555; }
.job-list .job-item .btn-link { display:block; padding:3px 10px 6px 10px; background-color:#585765; color:#fff; line-height:18px; width:80px; text-align:center; text-decoration:none; }
.job-list .job-item .btn-link:hover { background-color:#64618d; }
.job-list .ddl_jobs { font-size:14px; padding:2px; }
 
.job-text {text-align: left;font-size: 16px; line-height: 30px; }
.job-text p { text-indent:2em; padding:5px 0 5px 0px; }
.job-text div { text-indent:2em; padding:5px 0 5px 0px; }
 
#job-submit table { width:780px; }
#job-submit table td { padding:5px; width:auto; }
#job-submit table td.lb { width:100px; }
#job-submit .btn { padding:3px 20px 6px 20px; background-color:#585765; color:#fff; line-height:18px; }
 
 .friend-links { padding:0px 0px 10px 0px; }
 .friend-links span { font-weight:bold; padding-right:5px; }
 .friend-links a { display:inline-block; padding-right:10px; color:#aaa; }
 .friend-links a:hover { color:#cc0000; }
 
 
 /*联系我们*/
 
 .contact { padding:20px 0px 0px 0px; }
 .contact .contact-details { width:440px; float:left;}
 .contact .contact-details-wrap { background:#e8f1f7; padding:20px 40px 60px 40px; line-height:30px; font-size:14px; height:242px; }
 .contact .contact-details .tel { font-size:24px; color:#d0251f; } 
 .contact .contact-details img { vertical-align:middle; }
 .contact .contact-map { padding-left:10px; width:530px; float:left; }
 
 .notebook-readme { padding:0px 0px 10px 0px; font-size:14px; color:#000; line-height:22px;}
 
 .notebook-write-area { background-color:#f8f8f8; height:320px; }
 .notebook-write-area2 { background-color:#f8f8f8; height:360px; }
 .notebook-write-area table { }
 .notebook-write-area table td { width:384px; padding:3px; }
 .notebook-write-area table td.l { width:80px; text-align:center; font-size:12px; }
 .notebook-write-area .ip-title { width:772px; }
 .notebook-write-area .iparea { width:772px; }
 
 
.notebook-list { text-indent:0em; font-family:"Microsoft YaHei","SimSun"; padding:0px 20px 0px 20px; }
.notebook-list p { text-indent:0em; }
.notebook-list ul { padding:0px; border-top:dotted 1px #ccc; margin-top:10px; }
.notebook-list li { margin:5px 0px 0px 0px; padding:10px 0px 0px 0px; border-bottom:dotted 1px #ccc; }
.notebook-list .content { background:url(../images/faq-q.gif) no-repeat 0px 0px; font-size:12px; margin:0px 0px 10px 0px; padding-left:0px; line-height:22px; text-indent:0em; padding-left:50px; }
.notebook-list .content i { color:#ccc; font-size:12px; font-family:Verdana; } 
.notebook-list .reply { background:url(../images/faq-a.gif) no-repeat 0px 0px; font-size:12px; font-weight:lighter; color:#666; margin-bottom:20px; padding-left:50px; line-height:22px; } 
 
 
.rslides{ position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li{ -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0 ; top: 0;}
.rslides li:first-child{ position: relative; display: block; float: left;}
.rslides img{ display: block; height: auto; float: left; width: 100%; border: 0;}
.slide_container{ margin-bottom:10px; position: relative; float: left; width: 100%;}
.slide{ position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.slide li{ position: absolute; width: 100%; left: 0; top: 0;} 
.slide img{ display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0;}
.slide .caption{ display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; display:none;}
.slide_nav{ position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.5; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/slider-btn.gif") no-repeat left top; margin-top: -45px;}
.slide_nav:active{ opacity: 1.0;}
.slide_nav.next{ left: auto; background-position: right top; right: 0;}
.slide_tabs { text-align:center; height:6px; overflow:hidden; margin:10px 0 10px 0; }
.slide_tabs li { display:inline; height:10px; width:20px; overflow:hidden; padding:0 2px 0 2px; }
.slide_tabs li a { display:inline-block; height:10px; width:20px; background:#ccc; padding-top:20px; }
.slide_tabs li.slide_here a { background:#0f8cd6;width:30px; }

.slide_nav { display:none; }
.slide_tabs { display:none; }

.hp-bts-continer { }
.hp-bts { height:400px; overflow:hidden; border: 0px solid #ddd; background:#fff; }
.hp-bts h3 { height:24px; line-height:24px; border-bottom: 1px solid #eee; font-size:16px; padding:10px 0 10px 20px; font-weight:lighter; }
.hp-bts-items { padding:20px; }
.hp-bts li { float:left; }
.hp-bts li.bt { width:460px; overflow:hidden; height:340px; }
.hp-bts li.bt img { width:460px; height:220px; }
.hp-bts li.bt h4 { height:24px; line-height:24px; font-size:16px; overflow:hidden; padding:10px 0 0px 0px; font-weight:lighter; }
.hp-bts li.bt p { display:block; line-height:18px; height:36px; overflow:hidden; color:#aaa; margin:4px 0 4px 0; }
.hp-bts li.bt a.more { color:#3b73b9; }
.hp-bts li.bt-sp { width:20px; overflow:hidden; height:132px; }
 

.sub-nav {}
.sub-nav li { line-height: 38px; height: 38px; border-bottom: 1px solid #eaeaea; padding-left: 25px; overflow:hidden;  display:inline-block; }
.sub-nav li a { font-size: 14px; }
.sub-nav li a span { color: #aaa;font-size: 13px; }
.sub-nav li.on { background:url(../images/skin.gif) no-repeat 0px -175px #f6f6f6; }
.sub-nav-level li a { padding-left: 25px; }
.sub-nav-level li.l1 a { background:url(../images/icon-tree-plus.gif) no-repeat 0px -2px; font-weight:bold; }
.sub-nav-level li.l2 a { padding-left:45px; font-size:12px; }