/*
 * @author:   cmseasy
 * @version:  v2.0
 * ---------------------------------------------
  
  ---------------------------------------------------------------
  1. base (全局基本属性)
  ---------------------------------------------------------------
  2.link (链接)
  ---------------------------------------------------------------
  3.font (字体)
  ---------------------------------------------------------------
  4. layout (框架)
  ---------------------------------------------------------------
  5. header (头部)
  ---------------------------------------------------------------
  6.content (页中)
  ---------------------------------------------------------------
  7.footer (页底)
  ---------------------------------------------------------------
  8. search (当前位置/文章搜索)
  ---------------------------------------------------------------
  9.assist (辅助)
  ---------------------------------------------------------------
  10.tab (切换)
  ---------------------------------------------------------------
  11.ad (广告)
  ---------------------------------------------------------------
  
*/


/* 
  --------------------------------------
  *****  1. base(全局基本属性)   *****
  --------------------------------------
*/

html {
  scrollbar-face-color : #6EDEDED;
}

body {
  margin: 0 auto;
  padding: 0;
  font:14px Arial,微软雅黑,Helvetica,sans-serif;
  line-height:180%;
  color:#333;
  text-align:left;
  background:#F1F1F1 url(bg.gif) left top repeat-x;
  white-space:normal; 
  word-break:break-all;
}

div,form,img,ul,ol,li,dl,dt,dd,p {
  margin:0;
  padding:0;
  border:0;
}

h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  font-size:100%;
}

table,td,tr,th{
  font-size:12px;
}

ul,ol,li {
  list-style:none;
}

img {
  border:0;
}

.clear {
  clear:both;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}

.clear {
  clear:both;
}

/* table */

table { width:80%; margin:10px auto 7px; font-size:12px; overflow:hidden; border:1px solid #DDD; border-collapse:collapse; }
table * td{ padding:6px; border:1px solid #EEE; } .table thead * th{ background:#FFF url(table_tbg.gif) 0px 1px repeat-x; border:1px solid #E3E3E3; padding:6px; color:#999; } .table tbody * th{ text-align:left; background:#FFA; border:1px solid #DDD; } .table tbody * th strong{ line-height:21px; text-indent:10px; color:#999; } .td1{ text-align:right; color:#666; } .td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9{ text-align:center; } .td5{ background:#FAFAFA; } .td6,.td7,.td8,.td9{ background:#F5F9F0; }

/* 
  --------------------------------------
  *****  2. link(链接)   *****
  --------------------------------------
*/

a {
  text-decoration: none;
  color:#333;
}

a:hover {
  color:#E85B0C;
  text-decoration: underline; 
}

/* 
  --------------------------------------
  *****  3. font (字体)   *****
  --------------------------------------
*/

.shadow {
  filter: DropShadow(Color=black, OffX=1, OffY=1, Positive=1); 
}

.font12 {
  font-size:12px;
}

/* 
  --------------------------------------
  *****  4. layout (框架)   *****
  --------------------------------------
*/

#body {
  margin:0px auto;
  padding:0px auto;
  width:910px;
}

#main,.main {
  margin:0px auto;
  padding:0px auto;
  width:910px;
}

/* 
  --------------------------------------
  *****  5. header (页头)   *****
  --------------------------------------
*/

#logo {
  float:left;
  margin:25px 10px 0px;
}

#header {
  margin:0px auto;
  padding:0px auto;
  height:90px;
  line-height:34px;
  text-align:right;
}

#top {
  float:right;
  width:500px;
  margin:10px 15px 0px;
  text-align:right;
  font-size:12px;
}

#top a {

}

#nav {
  clear:both;
  height:33px;
  line-height:33px;
  padding:0px 16px;
  text-align:center;
  background:url(nav_bg.png) left top repeat-x;
  font-size:14px;
  font-weight:bold;
}

#nav a {
  line-height:33px;
  padding:0px 22px 0px 22px;
  background:url(nav_line.gif) left center no-repeat;
}

#nav a:hover,#nav .on {
  font-weight:bold;
  color:#E85B0C;
  /*background:url(nav_a_hover.gif) left 2px repeat-x;*/
}

/* 
  --------------------------------------
  *****  6. content (页中)   *****
  --------------------------------------
*/

#banner {
  clear:both;
  width:910px;
  height:225px;
  overflow:hidden;
  
}


#i_go_text {
  text-align:right;
  color:#197DB3;
}

#i_go_text a {
  padding:0px 20px 0px 5px;
  background:url(t1.gif) right top no-repeat;
  color:#197DB3;
}

#i_go_text a.t2 {
  background:url(t2.gif) right top no-repeat;
}

#i_go_text a.t3 {
  background:url(t3.gif) right top no-repeat;
}

#i_go_text a.t4 {
  background:url(t4.gif) right top no-repeat;
}

#i_info ul img {
  float:left;
}

#i_info ul {
  float:left;
  width:250px;
  height:60px;
  margin:10px 0px 20px;
}

#i_info ul h5 {
  float:right;
  width:190px;
  height:24px;
  line-height:18px;
  color:black;
}

#i_info ul p {
  float:right;
  width:190px;
  line-height:18px;
  font-size:12px;
}

#i_info ul.l {
  width:270px;  
}

#i_info ul.l h5,#i_info ul.l p {
  width:210px;
}


#c {

}

#c_left {
  float:left;
  width:650px;
  overflow:hidden;
}

#c_right {
  float:right;
  width:250px;
}

.right_box {
  clear:both;
  padding-top:12px;
  background:url(right_box_top.gif) left top no-repeat;
}

.right_box_bg {
  padding:5px 20px;
  background:url(right_box_bg.gif) left top repeat-y;
}

.right_box_bottom {
  clear:both;
  height:12px;
  margin-bottom:10px;
  background:url(right_box_bottom.gif) left top no-repeat;
}

.left_box {
  clear:both;
  padding-top:12px;
  background:url(left_box_top.gif) left top no-repeat;
}

.left_box_bg {
  padding:5px 20px;
  background:url(left_box_bg.gif) left top repeat-y;
}

.left_box_bottom {
  clear:both;
  height:12px;
  margin-bottom:10px;
  background:url(left_box_bottom.gif) left top no-repeat;
}


.c_box {
  clear:both;
  padding-top:12px;
  background:url(c_box_top.gif) left top no-repeat;
}

.c_box_bg {
  padding:5px 20px;
  background:url(c_box_bg.gif) left top repeat-y;
}

.c_box_bottom {
  clear:both;
  height:12px;
  margin-bottom:10px;
  background:url(c_box_bottom.gif) left top no-repeat;
}

#product_box {
  clear:both;
  height:70px;
  padding:10px 0px 0px 40px;
  font-size:12px;
}

#product_box a {
  display:block;
  float:left;
  width:140px;
  line-height:16px;
  padding:0px 20px 15px 10px;
  background:url(line2.gif) 165px -20px no-repeat;
}

#product_box img {
  float:left;
  margin-right:10px;
}

#product_box h4 {
  line-height:16px;
}

#product_box .p1 {
  color:#E06D19;
}

#product_box .p2 {
  color:#92AE0C;
}

#product_box .p3 {
  color:#41C1DE;
}

#product_box .p4 {
  color:#DA2260;
}

#product_box .p5 {
  color:#D5070B;
}

#position {
  line-height:26px;
  padding-bottom:5px;
  color:#999;
}

#contact_tm {
  float:right;
  width:353px;
}

#contact_tm a {
  padding:5px;
}

#contact_tm h5 {
  font-weight:normal;
}

#case ul li {
  float:left;
  width:140px;
  height:22px;
  line-height:22px;
  overflow:hidden;
}

a#bay,a#download  {
  float:right;
  display:block;
  width:131px;
  height:56px;
  margin-top:35px;
  background:url(bay.gif) center center no-repeat;
  text-decoration: none;
}

a#download {
  background:url(download.gif) center center no-repeat;
}

a#bay:hover,a#download:hover {
  display:block;
  width:131px;
  height:56px;
  background:url(bay.png) no-repeat left top !important;
  /*For Firefox*/
  *background:none;
  /*For IE7 & IE6*/
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.cmseasy.cn/55/template/locoy/skin/bay.png',sizingMethod='crop');
  /*For IE6*/
  display: block; 
}

a#download:hover {
  background:url(download.png) no-repeat left top !important;
  /*For Firefox*/
  *background:none;
  /*For IE7 & IE6*/
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.cmseasy.cn/55/template/locoy/skin/download.png',sizingMethod='crop');
  /*For IE6*/
}

#tm {

  font-size:12px;
}

#tm a {
  display:block;
  width:150px;
  height:26px;
  line-height:12px;
}

#tm a span {
  height:12px;
  line-height:12px;
}

.custom {
  float:left;
  width:360px;
}

.custom span {
  float:right;
}

.custom strong {
  margin-right:5px;
  padding:5px;
  text-align:center;
  font-weight:normal;
  color:white;
  background:url(h_1.gif) center center no-repeat;
}

#links {
  clear:both;
}

#links .img_links img {
  float:left;
  width:88px;
  height:31px;
  line-height:31px;
  margin:5px 4px 0px 4px;
  overflow:hidden;
}


#links .text_links a {
  float:left;
  /* display:inline; */ 
  white-space: nowrap;
  padding:0px 10px;
  font-size:12px;
}

.product_t {
  width:100%;
  height:82px;
  margin-bottom:10px;
  overflow:hidden;
}


.down_text {
  font-size:12px;
}


/* 基础 */

#position {
  line-height:26px;
  padding-bottom:5px;
  color:#999;
  text-align:right;
  font-size:12px;
}

#position a {
  height:26px;
  line-height:26px;
  padding:0px 10px;
  background:url(icon01.gif) left center no-repeat;
  color:#999;
}

#position h5 {
  text-align:left;
  color:#888;
  font-size:14px;
  border-bottom:1px dotted #789;
}

#position h5 span {
  color:#999;
}

#introduce {
  clear:both;
  margin:30px 0px;
}

#introduce h1,#introduce h4 {
  line-height:30px;
  padding-left:35px;
  color:#FF9933;
  font-size:18px;
  font-weight:bold;
  background:url(h4_bg.gif) left top no-repeat;
}

.news_list {
  padding:10px;
}

.news_list li {
  clear:both;
  line-height:28px;
  padding-left:15px;
  border-bottom:1px dotted #999;
  background:url(icon06.gif) left 12px no-repeat;
}

.news_list li a {
  color:#666;
}

.category_title {
  line-height:50px;
  color:#333;
  padding-left:30px;
  background:url(icon04.gif) 5px 20px no-repeat;
}

.category_title span {
  float:right;
}

.category_title h4 {
  font-size:14px;
}

.news_text h5,.news_text_pic h5,.down_text_pic h5 {
  float:right;
  width:385px;
  font-weight:bold;
  font-size:12px;
  text-align:left;
  color:#333;
}

.down_text_pic h5 {
  width:655px;
}

.down_text_pic ul h4 a {
  font-size:14px;
  color:#FE3626;
}

.down_text_pic ul {
  float:left;
  width:460px;
  margin:0px 80px;
  font-size:12px;
  color:#666;
}

.news_text h5 {
  width:640px;
}

.news_text h5,.news_text_pic h5 a,.down_text_pic h5 a {
  color:#333;
}

.news_list .date,.news_text h5 .date,.news_text_pic h5 .date,.down_text_pic h5 date {
  float:right;
  padding-right:15px;
  color:#999;
  font-weight:normal;
}

.news_list p {
  margin:5px;
  padding:5px 5px 5px 20px;
  background:#FFF;
  text-indent:2em;
}

.news_text,.news_text_pic {
  clear:both;
  height:auto;
  margin-bottom:20px;
  padding:10px 0px;
}


.news_text p,.news_text_pic p,.down_text_pic p {
  float:right;
  width:380px;
  text-align:left;
  color:#999;
  padding:5px;
  text-indent:2em;
}

.down_text_pic p {
  width:640px;
}

.news_text p {
  width:650px;
}

a.news_text_img {
  display:block;
  float:left;
  width:120px;
  height:auto;
  overflow:hidden;

}

.news_text_img img {
  
  width:120px;
  height:auto;
  margin-right:15px;
}

.list1 a,.list2 a,.list3 a {
  padding-right:30px;
  background:url(new.gif) right 2px no-repeat;
}

/************* 产品 */
.pic_box {
  float:left;
  width:130px;
  margin:5px;
  padding:5px;
  background:#F5F5F5;
  border:1px solid #DDD;
  overflow:hidden;
}
.pic_box img {
  width:130px;
  border:1px solid #DDD;
}

.pic_box a {
  display:block;
  width:130px;
  height:110px;
  overflow:hidden;
}

.pic_box h5 {
  margin-top:5px;
  background:#FFF;
  border:1px solid #DDD;
  text-align:center;
}

.pic_box h5 a {
  height:44px;
  line-height:22px;
}

.p_info {
  height:20px;
  line-height:20px;
  padding-left:30px;
  background:url(bullet1.gif) left top no-repeat;
  color:#888;
  font-size:14px;
  font-weight:bold;
}

/************* 分页 */

.pages {
  clear:both;
  margin:0px 10px;
  font-size:12px;
}

.pages strong {
  color:#888;
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  background:#F5F5F5;
  border:1px solid #888;
  margin: 0px 3px 0px 0px;
}
.pages a {
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  border:1px solid #CCC;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#888;
}

.pages span {
  float:right;
}

/****************内容*/
#title h1 {
  line-height:40px;
  font-size:22px;
  text-align:center;
  background:url(point.gif) left bottom repeat-x;
  color:#0064CB;
  font-weight:bold;
}

.contentinfo {
  line-height:38px;
  text-align:center;
}

.text {
  padding:10px 0px;
  text-align:14px;
  line-height:200%;
  color:#333;
}

/****************评论*/
#comment {
  margin-top:20px;
}

#comment .input {
  width:108px;
  height:27px;
  border:none;
  background:url(search_btn.gif) left top no-repeat;
  font-weight:bold;
  color:#888;
  font-size:12px;
}

.comm {
  height:28px;
  line-height:28px;
  padding-left:35px;
  border-top:1px solid #ccc;
  background:url(comment.gif) 10px 7px no-repeat;
}

#textarea {
  width:100%;
  height:50px;
  background:#FFF url(cmslogo.gif) right bottom no-repeat;
  border:1px solid #D4E3A4;
}

#link {
  clear:both;
  margin-left:1px;
}

.link_top {
  height:33px;
  line-height:33px;
  text-align:center;
  background:url(link_top.gif) no-repeat;
}

.link_bg {
  height:auto;
  padding:10px;
  background:url(link_bg.gif) repeat-y;
  color:#888;
}

.link_bottom {
  height:7px;
  background:url(link_bottom.gif) no-repeat;
}

#related li {
  line-height:22px;
  padding-left:20px;
  background:url(up.gif) left top no-repeat;
  border-bottom:1px dotted #ccc;
}

#related ul li.l1,#related ul li.l2,#related ul li.l3, {
  background:url(up.gif) left top no-repeat;
}

/* 
  --------------------------------------
  *****  7. footer (页底)   *****
  --------------------------------------
*/
#footer {
  clear:both;
  position: relative;
  height:30px;
  line-height:30px;
  padding:0px 40px 0px 20px;
  background:#CCC;
  border-bottom:5px solid #E85B0C;
}

#footer a {
  /*text-decoration: underline; */
}



/* 
  --------------------------------------
  *****  8. search (搜索)   *****
  --------------------------------------
*/
#search {
  clear:both;
  float:right;
  width:185px;
  height:18px;
  line-height:18px;
  text-align:right;
  margin-top:10px;
}

#inputsearch { 
  float:left;
  border:none;
  margin:0px;
  padding:0px 0px 0px 17px;
  width:140px;
  height:18px;
  line-height:16px;
  font-size:12px;
  color:#CCC;
  background:url(search_input.gif); 
}

/* 
  --------------------------------------
  *****  9. assist (辅助)   *****
  --------------------------------------
*/
.p5 {
  padding:5px;
}

.p10 {
  padding:10px;
}

.blank5 {
  clear:both;
  height:5px;
  overflow:hidden;
}

.blank10,.blank30 {
  clear:both;
  height:10px;
  overflow:hidden;
}

.blank20 {
  height:20px;
}

.blank30 {
  height:30px;
}

.padding10 {
  padding:10px;
}

.padding20 {
  padding:20px;
}

.margin5 {
  margin:5px;
}

.padding5 {
  padding:5px;
}

.blank5 {
  clear:both;
  height:5px;
  overflow:hidden;
}

.hr {
  clear:both;
  height:1px;
  background:url(point.gif) repeat-x;
}

.button {
  height:22px;
  line-height:22px;
  font-size:12px;
  text-align:center;
  border:none;
  background:#0E6DC1;
  color:white;
}

.title h3 {
  line-height:28px;
  margin-bottom:10px;
  border-bottom:1px dotted #ccc;
  padding-left:25px;
  background:url(icon2.gif) 5px 8px no-repeat;
  font-size:14px;
}

.line {
  clear:both;
  height:11px;
  background:url(line.jpg) center top no-repeat;
  overflow:hidden;
}


.clearfooter {   clear: both;}

/* 
  --------------------------------------
  *****  10.tab (切换)   *****
  --------------------------------------
*/

.dis {display:block;}
.undis {display:none;}



/* 
  --------------------------------------
  *****  11.ad (广告)   *****
  --------------------------------------
*/

/* QQ客服 */
.QQbox{ z-index:99; width: 150px; right: 0; top: 40px; position: absolute;}
.QQbox .press{float: right; width: 33px; height:158px; background:url(qq_1.png) no-repeat;text-indent : 16px;}
.QQbox .Qlist{ left: 0; width: 138px; background: url(qq_listbg.gif) repeat-y -155px 0;  position: absolute;}
.QQbox .Qlist .t,
.QQbox .Qlist .b{ float: left; height: 6px; width: 138px; font-size: 1px; }
.QQbox .Qlist .t{ background: url(qq_listbg.gif) no-repeat left; }
.QQbox .Qlist .b{ background: url(qq_listbg.gif) no-repeat right; }
.QQbox .Qlist .con{ background: #fff; width: 80%; margin: 0 auto; }
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(qq_listbg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
.QQbox .Qlist .con ul{  }
.QQbox .Qlist .con ul li{  padding: 5px 0 0 8px;height: 20px; background: #e8e8e8;}
.QQbox .Qlist .con ul li.odd{ background: #fff; }
/*.QQbox .Qlist .con A IMG { width:23px; }*/