/* CSS Document */

/***********通用基本类1************/  
  
/*格式化样式*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-family:"Microsoft Yahei",Arial, Verdana, Tahoma, Helvetica, sans-serif;  }  
table {border-collapse:collapse;border-spacing:0;}   
fieldset,img {border:0;}   
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}   
ol,ul {list-style:none;}   
caption,th {text-align:left;}   
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}   
q:before,q:after {content:'';}   
abbr,acronym { border:0;} 
a:hover{ text-decoration:none;} 


/*文字排版、颜色*/  
.f12{font-size:12px;}  
.f13{font-size:13px;}  
.f14{font-size:14px;}  
.f16{font-size:16px;}  
.f20{font-size:20px;}  
.fb{font-weight:bold;}  
.fn{font-weight:normal;}  
.fl{ float:left !important;}
.fr{ float:right !important;}
.t2{text-indent:2em;}  
.red,a.red{color:#c66631;}  
.darkblue,a.darkblue{color:#039;}  
.gray,a.gray{color:#878787;}  
.lh150{line-height:150%;}  
.lh180{line-height:180%;}  
.lh200{line-height:200%;}  
.unl{text-decoration:underline;}  
.no_unl{text-decoration:none;}  
  
/*定位*/  
.tl{text-align:left;}  
.tc{text-align:center;}  
.tr{text-align:rightright;}  
.fl{float:left;display:inline;}  
.fr{float:rightright;display:inline;}  
.cb{clear:both;}  
.cl{clear:left;}  
.cr{clear:rightright;}  
.vm{vertical-align:middle;}   
.pr{position:relative;}   
.pa{position:absolute;}  
.abs-rightright{position:absolute;rightright:0;}  
.zoom{zoom:1;}   
.hidden{visibility:hidden;}   
.none{display:none;}  
  
/*长度高度*/  
.w10{width:10px;}  
.w20{width:20px;}  
.w50{width:50px;}  
.w90{width:90px;}  
.w100{width:100px;}  
.w200{width:200px;}  
.w250{width:250px;}  
.w500{width:500px;}  
.w800{width:800px;}  
.w{width:100%;}  
.h50{height:50px;}  
.h80{height:80px;}  
.h100{height:100px;}  
.h200{height:200px;}  
.h{height:100%;}  
  
/*边距*/  
.m10{margin:10px;}  
.m15{margin:15px;}  
.m30{margin:30px;}  
.mt5{margin-top:5px;}  
.mt10{margin-top:10px;}  
.mt15{margin-top:15px;}  
.mt50{margin-top:50px;}  
.mt100{margin-top:100px;}  
.mb5{margin-bottom:5px;}  
.mb10{margin-bottom:10px;}  
.mb15{margin-bottom:15px;}  
.mb100{margin-bottom:100px;}  
.ml5{margin-left:5px;}  
.ml10{margin-left:10px;}  
.ml15{margin-left:15px;}  
.ml20{margin-left:20px;}  
.ml30{margin-left:30px;}  
.ml50{margin-left:50px;}  
.ml100{margin-left:100px;}  
.mr5{margin-right:5px;}  
.mr10{margin-right:10px;}  
.mr15{margin-right:15px;}  
.mr50{margin-right:50px;}  
.mr100{margin-right:100px;}  
.p10{padding:10px;}  
.p15{padding:15px;}  
.p30{padding:30px;}  
.pt5{padding-top:5px;}  
.pt10{padding-top:10px;}  
.pt15{padding-top:15px;}  
.pt20{padding-top:20px;}  
.pt30{padding-top:30px;}  
.pt50{padding-top:50px;}  
.pb5{padding-bottom:5px;}  
.pb100{padding-bottom:100px;}  
.pl5{padding-left:5px;}  
.pl10{padding-left:10px;}  
.pl50{padding-left:50px;}  
.pl100{padding-left:100px;}  
.pr5{padding-right:5px;}  
.pr10{padding-right:10px;}  
.pr15{padding-right:15px;}  
.pr100{padding-right:100px;}  
  
/***********通用基本类2************/  
  
/* Copyright 2008 TSXMLOVE. All Rights Reserved. */  


 
td {  
padding: 3px; 
font-size:12px; 
}  
 
input {  padding: 0 5px;  vertical-align: middle;  line-height: normal;  }  
.main-box {  clear: both;  overflow:hidden;  margin-right: auto;  margin-left: auto;  width: 1000px;   zoom:1;  }  

.text-overflow-hidden {  
overflow: hidden;  
word-spacing: normal;  
letter-spacing: normal;  
whitewhite-space: nowrap;  
}  
.box-align-center {  
margin-right: auto;  
margin-left: auto;  
}  
/*css定义超链接四个状态也有顺序的。*/  
  
a:link, a:visited {  
color: #666;  
text-decoration: none;
cursor:pointer !important;
}  
a:hover, a:active {  
border: none;  
color: #f00;  
text-decoration:underline;  
}  
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。 
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/  

.valign {  display:table-cell;  vertical-align:middle;  zoom:1;  *display: inline;  }  
.text{overflow:hidden;word-wrap:break-word;word-break:break-all;}  
/*======================CSS垂直居中=======================*/  
.holder {  display:table-cell;  width:740px;  height:300px;  border:1px solid #777;  vertical-align:middle;  text-align:center;  }  
/*以下样式针对IE*/  
.edge {  display:inline-block;  width:0;  height:100%;  vertical-align:middle;  }  
.container {  display:inline-block;  vertical-align:middle;  }  
/*===============================================*/  
  
/*CSS Hack*/  
.class {  background-color:#FFFF00;/*所有浏览器*/  *background-color:#00FF00;/*IE*/  _background-color:#00FFFF;/*IE6*/  }  
/*======万能Float闭合======*/  
.clear:after {   clear: both;   display: block;  visibility: hidden;  height: 0;   content: ".";  }  
  
.clear {display: inline-block;} /* for IE/Mac */  
  
/*<!-- main stylesheet ends, CC with new stylesheet below... -->*/  
  
.clear {  display: block;     /* resets display for IE/Win */  zoom: 1;     /* triggers hasLayout */  } /* Only IE can see inside the conditional comment 
    and read this CSS rule. Don't ever use a normal HTML 
    comment inside the CC or it will close prematurely. */  
/*======万能Float闭合2======*/  
.blue{ color:#234fb2 !important;}  
/*======万能Float闭合3======*/  
  .clearfix{ clear:both;}
.clear{ clear:both;  height:0px;  font-size:0px;  line-height:0px;  zoom: 1;  }  


/*==========首页===========*/
.header{ width:100%; }
.top{ width:100%; background:url(top_bg.png) repeat center; height:123px;border-top:2px solid #06C;}
.top .fl{ margin:40px 0 30px 0;}
.top .fr{ padding-left:5px; color:#454546; margin-top:45px;}
.top .fr a{color:#454546; }
.top .fr a:hover{color:#234fb2; text-decoration:underline; }
.top .fr span{ display:block; margin-bottom:12px; text-align:right;}

/*==========导航===========*/

.nav{ background:#234fb2; height:55px;}
.nav ul{ padding:0 -20px; }
.nav ul li{ float:left; z-index: 99999999999;position: relative;}
.nav ul .last-child{ background:none; }
.nav a{ line-height:55px; height:55px; background:url(line_nav.png) right center no-repeat;  text-align:center; font-size:16px; font-weight:bold; color:#fff; display:inline-block; width:142px;  }
.nav a:hover{ opacity:0.9;  text-decoration:none; color:#9fcaf2; }
.nav .on{  opacity:0.9; text-decoration:none; color:#99f; }

.nav .list{  background:#06C; display:none; width:142px; padding:10px 0; position: relative; z-index: 99999999; }
.nav .list li{ display:block; float:none;}
.nav .list a{ font-weight:normal ; height:30px; color:#fff; width:100%; text-align:center;  line-height:30px; color:#fff; font-size:14px; display:block; float:none;}
.nav .list a:hover{ text-decoration:underline;}

/*==========焦点图===========*/
.banner{ background:#fff; }
.DB_tab25 {width:100%; height:430px;position:relative;overflow:hidden;cursor:pointer;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:429px;display:none; z-index:-1;}
.DB_tab25 .DB_imgSet{position:absolute;width:430px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:200px;top:150px;}
.DB_tab25 .DB_menuWrap{width:100%;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:60px;top:200px;cursor:pointer;}
.DB_tab25 .DB_next{position:absolute;right:60px;top:200px;cursor:pointer;}



 /*==========内页===========*/
 
.n_main {  margin-bottom: 50px;}
.n_left{ margin-top:10px;width:210px;  position:absolute; z-index:999; }
.n_left_up{ margin-bottom:30px;}
.n_left .h1{ font-size:16px; color:#fff; padding:15px 20px; background:#234fb2;}

.n_left ul{border:1px solid #e0e0e0;}
.n_left ul li a{ height:47px; line-height:47px;  padding:0 20px; color:#79797a; font-size:14px; background:url(icon_n_left_m.png) 180px center no-repeat; border-bottom:1px solid #e0e0e0; display:block;}
.n_left ul li a:hover{ color:#234fb2; background:url(icon_n_left.png) 180px center no-repeat;}
.n_left ul li .on{color:#234fb2; background:url(icon_n_left.png) 180px center no-repeat;}
.n_left_un{border:1px solid #e0e0e0;}
.n_left_un img{ width:195px; height:60px; margin:0 auto 8px auto; display:block;}
.n_left_un h1{ font-size:16px; font-weight:bold; padding:15px 20px;}
.n_left_un tr{ margin: 0 16px;display: block;}
.n_left_un td{ font-size:12px;   color:#79797a; line-height:26px}

.n_p_left .sideMenu{border:1px solid #e0e0e0;}
.n_p_left ul{ border:none;}
.n_p_left  h3{ height:47px; line-height:47px;  padding:0 20px; color:#79797a; font-size:14px; background:url(icon_n_left_r.png) 180px center no-repeat; border-bottom:1px solid #e0e0e0; display:block;}
.n_p_left ul li a{ height:47px; line-height:47px;  padding:0 20px; background:#fff;  color:#79797a; font-size:14px; border-bottom:1px solid #e0e0e0; display:block;}
.n_p_left ul li a:hover{ background-image:none;}
.n_p_left ul li .on{ background-image:none;}
.n_p_left  h3:hover{color:#234fb2;  background:url(icon_n_left_on.png) 180px center no-repeat; }
.n_p_left .on{color:#234fb2;  background:url(icon_n_left_on.png) 180px center no-repeat; }
/*==========内容right===========*/
.n_right{ width:760px; float:right; padding-bottom:30px; min-height:700px; overflow:hidden;}
.n_title{ border-bottom:1px solid #eceaea;  height:32px; line-height:30px; padding-bottom: 20px; margin:30px 0;}
.n_title .fl { font-size:16px; color:#234fb2; font-weight:bold; }
.n_title .fl span{ font-size:14px; color:#666; padding-left:10px;}
.n_title .position { font-size:14px; line-height: 53px; }
.n_title .position a{ padding:0 5px; color:#666;}
.n_title .position a:last-child{  color:#06F;}
.n_title .position a:hover{ color:#06F;}

.n_title .position span{ padding-left:5px; color:#234fb2;}



/*==========首页1F===========*/
.s_main { margin:40px auto; margin-top:10px; position:relative; z-index:999;}
.s_left{ width:230px; float:left; }
.s_left_up{ margin-bottom:10px;}
.s_left .h1{ font-size:16px; color:#fff; padding:15px 20px; background:#234fb2;}
.s_left .no_border a{ border:none;}
.s_left ul{border:1px solid #e0e0e0;}
.s_left ul li a{ height:35px; line-height:38px;  padding:0 10px; color:#79797a; font-size:14px; border-bottom:1px solid #e0e0e0; display:block;}
.s_left ul li a:hover{ color:#234fb2;}
.s_left_un{border:1px solid #e0e0e0;}
.s_left_un img{ width:195px; height:60px; margin:0 auto 8px auto; display:block;}
.s_left_un h1{ font-size:16px; font-weight:bold; padding:15px 20px;}
.s_left_un tr{ margin: 0 16px;display: block;}
.s_left_un td{ font-size:12px;   color:#79797a; line-height:22px}
.s_right,.n_right{ width:750px; float:right;}

.s_title{ font-size:16px; font-weight:bold; color:#234fb2; padding:10px 0; border-bottom:1px #999999 dotted;}
.s_title a{ float:right; }
.s_about,.s_news{border:1px solid #e0e0e0; width:330px; color:#80807f; font-size:12px; padding:20px 15px; padding-bottom: 15px;background:#fff; }
/*==========首页关于我们===========*/
.s_about .content p a{ color:#da251d; float:right; }
.s_about .content p{line-height:28px;}
.s_abou img{ width:330px; height:130px;}
/*==========首页新闻===========*/
.s_news img:hover{ opacity:0.8;}
.s_news ul li{ line-height:28px; height:28px; background:url(hdd.png) no-repeat left center; padding-left:15px;}
.s_news ul li a{ color:#80807f; font-size:12px;}
.s_news ul li span{ color:#c5c5c5;  font-size:12px; float:right;}
.s_case{border:1px solid #e0e0e0; margin-top:25px;   width:748px; color:#80807f; }
.s_case .title{ padding:0 20px;}

/*==========首页案例===========*/
.s_case_slid{   }
.s_case_slid .bd{ margin:0 auto;}
.s_case_slid .bd ul{ overflow:hidden; zoom:1; margin:0 -5px; }
.s_case_slid .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.s_case_slid .bd ul li .pic{ text-align:center; }
.s_case_slid .bd ul li .pic a{ display:block; text-align:center; padding:0px 0 15px 0; color:#777878; font-size:14px; line-height:30px;}
.s_case_slid .bd ul li .pic img{ width:220px; margin:0 auto; height:170px; display:block; padding:2px; border:#cccccc 2px solid;}
.s_case_slid .bd ul li .pic a:hover img{ border-color:#999;  }
.s_case_slid .bd ul li .title{ line-height:24px;   }
.border1 img{border:#cccccc 2px solid;padding:2px;}



 /*==========footer===========*/
.footer{ background:#234fb2; font-size:12px;  padding:30px 0; text-align:center; color:#9fcaf2; line-height:30px;}
.footer p{ text-align:center;}
.footer  a{ margin:0 5px; color:#9fcaf2; }
.footer a:hover{ opacity:0.7}