﻿/*****************************
 * TangCMS-web style  
 * 源于 tangcms.com 大唐建站
 * 专业精品网站建设、UI设计、软件开发、外包服务
 -----------------------------
  Global.css
 -----------------------------
  $1 - reset & basic
  $2 - header
  $3 - nav 
  $4 - layout
  $5 - footer  
  $6 - pager  
  $7 - QQ
  $8 - Float Layer
 ****************************/

/*
 * $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:100%}
body, button, input, select, textarea { font: 12px/1.5 Verdana,'Microsoft YaHei',"SimSun",Arial, Sans-Serif; }
body { background: #f1f1f1; text-align:center; min-width:1000px; _min-width:1000px; margin:10px 0 0 0; /*filter: grayscale(1);*/}
/* 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:#164d91; text-decoration: none; font-family:'Microsoft YaHei',"SimSun"; }
a:hover { color:#cc0000; text-decoration:underline; }

.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:#afafaf 1px solid; }
.iparea { width:300px; height:150px;  line-height:18px;border-color: #ddd #ddd #ccc #ddd; padding:2px 5px;}
.ip_small { width:150px; line-height:24px;border:#afafaf 1px solid; }
.ip_num { width:50px; line-height:24px;border:#afafaf 1px solid; }
.required { color:Red; margin-left:5px; font-family:"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 #ccc solid; border-color: #ddd #ddd #ccc #ddd; padding:2px 5px; width:300px; font-size:12px;}
input[type='text']:focus, input[type='password']:focus, textarea:focus{ }
select { border:1px #999 solid;}
textarea {width:195px; height:75px;}
.c { width:960px; overflow:hidden; margin:auto; text-align:left; position:relative; }
.sp { height:10px; overflow:hidden; }
.sp10 { height:10px; overflow:hidden; }
.clear { clear:both; }

textarea  { border-color: #f1f1f2 #f1f1f2 #f1f1f2 #d6d6d7; padding:2px 5px; } 
textarea:focus { border:1px solid #cc0000; } 

 
/*
 * $2 header
 */ 
 .top-slider { width:960px; height:370px; overflow:hidden; }
 .top-slider .hd{ display:none; }
 .top-slider .bd{ position:relative; height:100%; z-index:0;   }
 .top-slider .bd li{ zoom:1; vertical-align:middle; }
 .top-slider .bd img{ width:960px; height:370px; display:block;  }

 
 .top { height:115px; overflow:hidden; padding:0px 0px 0px 0px; }
 .top .logo { float:left; width:360px; height:120px; background:url('../images/logo.gif') 0px 33px no-repeat; overflow:hidden; } 
 .top .logo a { display:block; width:320px; height:138px; padding-top:200px; } 
 .top .right { float:left; width:600px; height:107px; background:url('../images/top-banner.jpg') 60px 25px no-repeat; padding:0px 0px 0px 0px; text-align:right; } 
 .top .links { float:right; color:#aaa; padding-top:33px; width:75px; background:url('../images/top-icons.gif') 0px 36px no-repeat; }
 .top .links li { height:18px; padding-left:5px; line-height:18px; }
 .top .links li a { padding-left:5px; color:#666; }
 
.nav { margin-bottom:10px; }   
.nav .c { clear:both; height:43px; overflow:hidden; background:url('../images/nav-bg.gif') repeat-x 0px 0px #52b6e5; }   
.nav ul { padding-left:10px; }   
.nav li { width:80px; float:left; height:43px; overflow:hidden; line-height:43px; font-size:14px; font-family:"SimSun"; font-weight:bold; text-align:center; }  
.nav li.sp { width:5px; text-align:center; overflow:hidden; padding:0px; font-size:12px; color:#82cff9; font-weight:lighter; } 
.nav li a { color:#fff; display:block;  height:22px; font-size:14px; }
.nav li a:hover { color:#fff; }
.nav li.on a { color:#bbeff7; }
.nav .date { line-height:43px; color:#fff; width:180px; float:right; font-size:12px; font-weight:lighter; padding:0px 10px 0px 0px; text-align:right; }
.top-notice { background:#fff !important; height:30px !important; line-height:30px; border:solid 1px #e4e4e4; border-top:0px; }
.top-notice-content { display:block; padding:0px 10px 0px 10px; }
.top-notice-content span { display:block; }
/*
 * $3 nav
 */ 
.crumbs { font-family:"SimSun"; color:#444; padding:5px; font-size:12px; font-weight:lighter; }
.crumbs span { color:#444; } 
.crumbs .welcome { color:#ccc; font-family:Verdana; } 
.crumbs a:link { color: #444; text-decoration: none; }
.crumbs a:visited { color: #444; text-decoration: none; }
.crumbs a:hover { color: #ff6600; text-decoration::underline; }
.crumbs a:active { color: #444; text-decoration: none; } 
 
.hp-products { height:120px; overflow:hidden; padding-top:5px; }
.hp-products li { width:248px; height:120px; overflow:hidden; float:left; background:url(../images/skin.gif) -1075px 88px  no-repeat; }
.hp-products li.l { width:236px; }
.hp-products li a:hover img { padding-top:5px; } 

.menu-us-tel  { background:url(../images/logo-contact.jpg) no-repeat ;  height:140px; overflow:hidden; line-height:500px; } 
 
.menu-left { border:solid 1px #ddd; background:#fff; }
.menu-left .head { height:34px; border-bottom:solid 1px #e4e4e4; background: #c9ddf3;; }
.menu-left h2 { line-height:34px; color:#333; font-size:14px; font-weight:bold;  padding:0px 0px 0px 15px; }
.menu-left .bottom { display:none; height:1px; overflow:hidden; }
.menu-left .links { padding:10px 10px 10px 10px; }
.menu-left ul { padding:0px 0px 0px 0px; list-style:none;  }
.menu-left ul li { list-style:none; height:30px; overflow:hidden; line-height:30px; padding:0px 0px 0px 0px; width:78px; float:left; text-align:center; }
.menu-left ul li a {  font-size:14px; font-weight:lighter; color:#595757; font-family: Verdana, "SimSun"; }
.menu-left ul li a:hover { color:#1a8fd2; text-decoration:underline; } 

.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 { float:left; overflow:hidden; width:260px; padding-left:0px; position:relative; }
.c .main-content { padding:0px 0px 0px 0px; border-width:0px; width:638px; float:right; position:relative; overflow:hidden; padding:10px 20px 20px 20px; border:solid 1px #ddd; background:#fff;  } 
.c .main-content .crumbs { text-align:right; width:50%; float:right; overflow:hidden; }
.c .main-content .main-content-title { color: #222; font-family: "SimSun",Verdana, Arial, Helvetica; font-size:14px; font-weight:bold; padding:3px 0px 10px 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 .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:0px 0px 20px 0px; overflow:hidden; line-height:26px; }
.footer .links { text-align:center; color:#ccc; } 
.footer .links a { padding:0px 5px 0px 5px; } 
.footer .copy { text-align:center; }
/*
 * $6 pager
 */ 
.pager { height:35px; padding:20px 0px 10px 0px; font: 14px "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:14px;   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:#2bb2c6 ; color:#fff;  font-size:14px;  padding: 5px 7px 4px 7px; line-height: 16px; margin:1px;background-color:#2bb2c6 ; } 
.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:#999;  font-size:14px;  padding: 5px 7px 4px 7px; line-height: 16px; margin:1px; background-color:#ffffff ; }
.pager .current{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:#2bb2c6 ; color:#fff;  font-size:14px;  padding: 5px 7px 4px 7px; line-height: 16px; margin:1px; background-color:#2bb2c6 ; font-weight:bold; }
   
/*
 * $7 QQ
 */ 
#qq_float { text-align:center; width:215px; height:54px; position:fixed !important;/*ie7 ff*/ position:absolute; right:10px; bottom:60px;  z-index:999; _top:expression(eval(document.documentElement.scrollTop));}
#qq_float a { display:block; width:215px; height:54px; background:url(../images/qq.gif) no-repeat; line-height:100px;  }
/*
 * $8 side contact
 */ 
.side-contact{ overflow:hidden; }
.side-contact p { padding:0px 0px 20px 10px; line-height:20px; }
.side-contact a { color:#333; text-decoration:none; }

.color-line { background:url('../images/color-bg.gif'); height:5px; overflow:hidden; }

/*
 * $8 banner silder 
 */ 
.hp-slideBox{ width:960px; height:360px; overflow:hidden; position:relative; }
.hp-slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.hp-slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.hp-slideBox .hd ul li{ float:left; margin-right:5px;  width:13px; height:13px; line-height:50px; text-align:center; background:url('../images/banner-btns.png') -23px 0px; cursor:pointer; }
.hp-slideBox .hd ul li.on{ color:#fff; background:url('../images/banner-btns.png'); }
.hp-slideBox .bd{ position:relative; height:350px; overflow:hidden; z-index:0}
.hp-slideBox .bd img{ width:960px; height:350px; }

.inner-banner { height:100px; }
/*首页*/

.hp-row-1 { overflow:hidden;  position:relative; }
.hp-row-1 .col1 { float:left; width:270px; overflow:hidden; position:relative; }
.hp-row-1 .col2 { float:right; width:680px; overflow:hidden; position:relative;}
.hp-row-1 .col2 h2 { font-family:"Microsoft YaHei"; font-size:16px; font-weight:bold; padding:0px 0px 0px 30px; line-height:40px; }
.hp-row-1 .col2 .more { float:right; line-height:40px; font-size:12px; color:#666; padding-right:10px; }
.hp-row-1 .col2 .bts {  overflow:hidden; }
.hp-row-1 .col2 .bts .bt { height:75px; clear:both; border-bottom: dotted 1px #ddd; font-family:'Microsoft YaHei'; padding:10px 10px 10px 15px; }
.hp-row-1 .col2 .bts .bt img { float:left; width:90px; height:60px; margin-top:5px; }
.hp-row-1 .col2 .bts .bt h3 { float:left; width:240px; padding:5px 0px 0px 15px; text-align:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; }
.hp-row-1 .col2 .bts .bt h3 a { color:#000 }
.hp-row-1 .col2 .bts .bt h3 a:hover { color:#000; }
.hp-row-1 .col2 .bts .bt p { float:left; width:235px; padding:0px 5px 0px 15px; font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#333; text-align:left; }
.hp-row-1 .col2 .bts .bt p a { color:#017f00 }
.hp-row-1 .col2 .bts .bt p a:hover { color:#cc0000; }
.hp-row-1 .col2 .box {width:370px; float:left; }
.hp-row-1 .col2 .slider {width:297px; height:291px; float:right; position:relative; overflow:hidden;  zoom:1;  }
.hp-row-1 .col2 .slider .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.hp-row-1 .col2 .slider .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.hp-row-1 .col2 .slider .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.hp-row-1 .col2 .slider .hd ul li img{ width:66px; height:50px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.hp-row-1 .col2 .slider .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.hp-row-1 .col2 .slider .hd ul li.on img{ border-color:#f60;  }
.hp-row-1 .col2 .slider .bd li{ vertical-align:middle; }
.hp-row-1 .col2 .slider .bd img{ width:297px; height:223px; display:block;  }
.hp-row-1 .hp-latest-news { height:368px; overflow:hidden; }
.hp-row-1 .notice { height:173px; overflow:hidden; }
.hp-row-1 .col3 { float:left; width:228px; height:273px; overflow:hidden; padding:0px 20px 0px 20px; border:solid 1px #f6f6f6;  background:url('../images/notice-bg.jpg') 0px 0px no-repeat; }
.hp-row-1 .box { overflow:hidden; border:solid 1px #ddd; background:#fff;  }
.hp-row-1 .box .box-title { height:30px; border-bottom:solid 1px #e4e4e4; background: #c9ddf3; overflow:hidden; }
.hp-row-1 .box .box-title h2 { line-height:30px; color:#064e75; font-size:14px; font-weight:bold;  padding:0px 0px 0px 8px;  width:50%; float:left; }
.hp-row-1 .box .box-title .more { float:right; color:#064e75 !important; line-height:30px; font-size:12px; color:#444; padding:0px 10px 0px 0px; position:relative; }
.hp-row-1 .box .list {  padding:10px 20px 10px 20px; }
.hp-row-1 .box .list ul li { background:none; font-size:14px; line-height:24px; height:24px; overflow:hidden; padding-left:0px; }
.hp-row-1 .box .list ul li a { color:#31465d }
.hp-row-1 .box .list ul li a:hover { color:#cc0000; }
.hp-row-1 .box .list ul li span { display:block; width:60px; float:right; text-align:right;font-size:12px; color:#aaa; }
.hp-row-1 .school { height:130px; overflow:hidden; line-height:19px; }
*html .hp-row-1 .school { height:153px; }
.hp-row-1 .btn-link { float:right; padding:10px 0px 0px 0px; }

.hp-row-2 { width:960px; clear:both; height:340px; overflow:hidden; padding:10px 0px 0px 0px; position:relative;  }
.hp-row-2 .col1 { float:right; width:685px; height:340px; overflow:hidden; position:relative; }
.hp-row-2 .col1 .hp-news-box { width:331px; height:337px; overflow:hidden; border:solid 1px #ddd; background:#fff;  }
.hp-row-2 .col1 .hp-news-box .hp-news-box-title { height:30px; border-bottom:solid 1px #e4e4e4; background: #c9ddf3; overflow:hidden; }
.hp-row-2 .col1 .hp-news-box .hp-news-box-title h2 { line-height:30px; color:#064e75; font-size:14px; font-weight:bold; padding:0px 0px 0px 8px; }
.hp-row-2 .col1 .hp-news-box .hp-news-box-title .more { float:right; color:#064e75 !important; line-height:30px; font-size:12px; color:#444; padding:0px 10px 0px 0px; }
.hp-row-2 .col1 .hp-news-box .list { height:283px; padding:10px 20px 10px 20px; }
.hp-row-2 .col1 .hp-news-box .list ul li { background:url('../images/dot-001.gif') 0px 12px no-repeat; font-size:14px; line-height:24px; height:24px; overflow:hidden; padding-left:10px; }
.hp-row-2 .col1 .hp-news-box .list ul li a { color:#31465d }
.hp-row-2 .col1 .hp-news-box .list ul li a:hover { color:#cc0000; }
.hp-row-2 .col1 .bt { width:295px; height:80px; clear:both; border-bottom: dotted 1px #ccc; font-family:'Microsoft YaHei'; margin-bottom:5px; }
.hp-row-2 .col1 .bt img {float:left; width:90px; height:60px; margin-top:5px; }
.hp-row-2 .col1 .bt h4 {float:left; width:185px; padding:5px 5px 0px 15px; text-align:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; }
.hp-row-2 .col1 .bt h4 a { color:#000 }
.hp-row-2 .col1 .bt h4 a:hover { color:#000; }
.hp-row-2 .col1 .bt .desp { float:left; width:185px; padding:0px 5px 0px 15px; font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#333; text-align:left; }
.hp-row-2 .col1 .bt .desp a { color:#017f00 }
.hp-row-2 .col1 .bt .desp a:hover { color:#cc0000; }
.hp-row-2 .fl { float:left; position:relative; margin-left:7px !important; }
*html .hp-row-2 .fl { float:left; position:relative; margin-left:4px !important; }
*+html .hp-row-2 .fl { float:left; position:relative; margin-left:7px !important; }
.hp-row-2 .fr { float:right; position:relative; }

.hp-row-2 .col2 { float:left; width:270px; height:340px; overflow:hidden; padding:0px 0px 0px 0px; position:relative;  } 
.hp-row-2 .col2 .hp-news-box { float:left; width:268px; height:337px; *height:341px; overflow:hidden; background:#fff; border:solid 1px #ddd; }
.hp-row-2 .col2 .hp-news-box .hp-news-box-title { height:30px; border-bottom:solid 1px #e4e4e4; background: #c9ddf3; }
.hp-row-2 .col2 .hp-news-box .hp-news-box-title h2 { line-height:30px; color:#064e75; font-size:14px; font-weight:bold; padding:0px 0px 0px 10px; }
.hp-row-2 .col2 .hp-news-box .hp-news-box-title .more { float:right; color:#064e75 !important; line-height:30px; font-size:12px; color:#444; padding:0px 10px 0px 0px; }
.hp-row-2 .col2 .hp-news-box .list { height:283px; padding:10px 20px 10px 20px; }
.hp-row-2 .col2 .hp-news-box .list ul li { background:url('../images/dot-001.gif') 0px 12px no-repeat; font-size:14px; line-height:24px; height:24px; overflow:hidden; padding-left:10px; }
.hp-row-2 .col2 .hp-news-box .list ul li a { color:#31465d }
.hp-row-2 .col2 .hp-news-box .list ul li a:hover { color:#cc0000; }
.hp-row-2 .col2 .bt { width:285px; height:80px; border-bottom: dotted 1px #ccc; margin-bottom:5px; }
.hp-row-2 .col2 .bt img { float:left; width:90px; height:64px;  border:solid 1px #eee; padding:3px; }
.hp-row-2 .col2 .bt h4 {float:left; width:135px; padding:5px 5px 0px 10px; text-align:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; }
.hp-row-2 .col2 .bt h4 a { color:#000 }
.hp-row-2 .col2 .bt h4 a:hover { color:#000; }
.hp-row-2 .col2 .bt .desp { float:left; width:135px; padding:0px 5px 0px 10px; font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#333; text-align:left; }
.hp-row-2 .col2 .bt .desp a { color:#017f00 }
.hp-row-2 .col2 .bt .desp a:hover { color:#cc0000; }

.hp-banner { padding:10px 0px 0px 0px; }
.hp-banner2 { padding:0px 0px 0px 0px; }


.hp-area { background:#eeeeef; padding:20px 20px 20px 20px }
.hp-area .row1 { height:280px; overflow:hidden; }
.hp-area .row2 { height:260px; overflow:hidden; padding-top:20px; }
*html.hp-area .row2 { height:280px; overflow:hidden; padding-top:0px; }
.hp-area .case { height:150px; overflow:hidden; padding-top:0px; }
.hp-area .col1 { width:330px; float:left; padding:0px 20px 0px 0px; }
.hp-area .col2 { width:330px; float:left; padding:0px 20px 0px 20px; }
.hp-area .col3 { width:200px; float:left; padding:0px 0px 0px 20px; }
*html .hp-area .col1 { width:330px; float:left; padding:0px 20px 0px 0px; }
*html .hp-area .col2 { width:330px; float:left; padding:0px 20px 0px 20px; }
*html .hp-area .col3 { width:220px; float:left; padding:0px 0px 0px 20px; }

.hp-title { height:30px; border-bottom:solid 2px #c9c9c9; margin-bottom:10px; overflow:hidden; }
.hp-title a { display:block; padding-top:50px; }
.hp-title-news { background:url('../images/skin.gif') -20px -160px no-repeat; width:330px; }
.hp-title-new-product { background:url('../images/skin.gif') -20px -220px no-repeat; width:330px;}
.hp-title-case { background:url('../images/skin.gif') -20px -280px no-repeat; width:330px; }
.hp-title-news-industry { background:url('../images/skin.gif') -20px -340px no-repeat;width:330px; }
.hp-title-contact { background:url('../images/skin.gif') -20px -400px no-repeat; }
.hp-title-know { background:url('../images/skin.gif') -20px -460px no-repeat; }
.hp-new-product img { width:330px; height:240px; }
.hp-title hp-title-know img { width:330px; height:240px; }

.hp-news-company {}
.hp-news-company li { height:25px; border-bottom:solid 1px #d9dfdf; line-height:25px; overflow:hidden; padding-left:10px; background:url('../images/arrow-2.gif') 0px 12px no-repeat; }

.hp-news-industry{}
.hp-news-industry img { width:110px; height:150px; float:left; padding:20px 20px 100px 0px; }
*html .hp-news-industry img { width:110px; height:150px; float:left; margin:20px 20px 100px 0px; }
.hp-news-industry li { height:24px; border-bottom:solid 1px #d9dfdf; line-height:24px; overflow:hidden; padding-left:10px; background:url('../images/arrow-2.gif') 0px 12px no-repeat; }

.hp-news-know {}
.hp-news-know li { height:25px; line-height:25px; overflow:hidden; padding-left:10px; background:url('../images/arrow-2.gif') 0px 12px no-repeat; }
  
  
.hp-honor { padding:15px 0px 0px 0px;  height:120px; overflow:hidden; }

.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .bd{ }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; width:131px; height:110px; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:131px; height:84px; display:block; padding:2px; border:0px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:22px; height:22px; text-align:center; }


.hp-contact { line-height:22px; }

 .job-list {}
 .job-list .job-item { color:#999; width:500px; overflow:hidden; padding:0px 0px 20px 80px; background:url(../images/job-line2.jpg) no-repeat 80px bottom; }
 .job-list .job-item h2 { background:url(../images/job-line1.jpg) no-repeat 0px 40px; padding-left:20px; font-size:18px; color:#49352c; padding:10px 0px 15px 0px; } 
 .job-list .job-item h3 { font-size:12px; color:#49352c; padding:10px 0px 10px 0px; } 
 .job-list .job-item table th { text-align:left; font-weight:lighter;color:#555; }
 .job-list .job-item table td { text-align:left; width:150px;  }
 .job-list .job-item .btn-link { display:block; padding:3px 10px 6px 10px; background-color:#ea5513; color:#fff; line-height:18px; width:80px; text-align:center; text-decoration:none; }
 .job-list .ddl_jobs { font-size:14px; padding:2px; }
 .job-submit table td { padding:5px; }
 .job-submit table td.lb { width:100px; }
 .job-submit .btn {  padding:3px 10px 6px 10px; background-color:#ea5513; color:#fff; line-height:18px; }
 
 .friend-links { padding:0px 0px 0px 0px; background:#fff; }
 .friend-links .link-box { padding: 10px 20px 10px 20px; border: solid 1px #ddd; }
 .friend-links .link-box h4 { font-size:14px; font-weight:bold; color:#064e75; padding:0px 0px 5px 0px; }
 .friend-links .link-box a { display:inline-block; padding-right:10px; font-size:14px; }
  
  
  
.box { overflow:hidden; border:solid 1px #ddd; background:#fff; }
.box .box-title { height:34px; border-bottom:solid 1px #e4e4e4; background: #c9ddf3;; }
.box .box-title h2 { line-height:34px; color:#064e75; font-size:14px; font-weight:bold;  padding:0px 0px 0px 15px; }
.box .box-title .more { float:right; line-height:30px; font-size:12px; color:#444;  padding:0px 10px 0px 0px; }
.box .list { padding:10px 20px 10px 20px; }
.box .list ul li { background:url('../images/dot-001.gif') 0px 12px no-repeat; font-size:12px; line-height:24px; height:24px; overflow:hidden; padding-left:10px; }
.box .list ul li a { color:#444; }
.box .list ul li a:hover { color:#cc0000; }

.search-news-box { padding-left:0px; height:22px; overflow:hidden; padding:15px;  }
.search-news-box #news_keyword { width:150px; height:18px; border:solid 1px #adadad; float:left; line-height:14px; padding:3px 10px 3px 10px; }
.search-news-box #btn_search_news { display:block; height:26px; width:30px; text-align:center; padding:0px 5px 0px 5px; cursor:pointer; background-color:#2bb2c6; color:#fff; float:left; margin-left:10px; line-height:24px; font-size:14px; }

.search-product-box { padding-left:0px; height:30px; overflow:hidden; padding-top:15px;   }
.search-product-box #product_keyword { width:130px; height:14px; border:solid 1px #adadad; float:left; line-height:14px; padding:3px 10px 3px 10px; }
.search-product-box #btn_search_product { display:block; height:22px; width:30px; text-align:center; padding:0px 5px 0px 5px; cursor:pointer; background-color:#959493; color:#fff; float:left; margin-left:10px; line-height:20px; font-size:12px;  }

.total_count { padding:10px 0px 10px 0px; text-align:right; }


/*
 * $8 - Float Layer
 */
 
 .float-layer {z-index: 99999; left: 2px; width: 240px; position: absolute; top: 43px; visibility: visible; padding:0; background:#fff; box-shadow: 0 0 5px #ddd; }
 .float-layer .float-layer-img { padding:20px 20px 10px 20px; margin:auto;}
 .float-layer .float-layer-img img { width:100px; height:100px; }
 .float-layer .float-layer-text { line-height:1.8; font-size:12px; margin:auto; }
 .float-layer .float-layer-text .float-layer-text-readme { padding-top:10px; margin-top:10px; border-top: 1px #eee solid; }