@charset "utf-8";
/*------------------------------在线客服-------------------------*/

#scroll_div{ width:179px; height:304px; background:url(../images/offline_cn1.png) no-repeat; }
#btn_close,#btn_gotop{ cursor:pointer;}
#btn_close{ width:11px;margin-top:10px;margin-left:165px;}


#scroll_div .kf {
	margin-top: 195px; 
	height:35px;
	line-height:35px;
	width:179px;
	color:#fff;
	
	text-align:center;
}

#btn_gotop {
	display:block;
	width:115px;
	height:15px;
	overflow: hidden;
	color: #fff;
	background:url(../images/top.png) no-repeat;
	margin-left: 35px;}
/*-----------------翻页样式----------------------------------*/
.page {
	width: 880px;
	height: auto;
	margin: 10px 0;
	float: left;
}
.list_page {font-size:14px;text-align:center;padding-bottom:10px;}

.list_page span {background:#C80100;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;}
.list_page b {background:#fff;margin:0 1px;color:#333;overflow:hidden;}
.list_page b input {border:1px solid #ccc;margin:0;padding:4px 4px;font-size:12px;font-weight:normal;width:15px;height:15px;text-align:center; margin-top:-4px;}
.pre {height:auto;float:left;text-align:left;}
.next {height:auto;float:right;text-align:right; }

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0 auto;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px; border-left:none; float:left;}
.list_page ul li:first-child{border-left:solid 1px #ddd;}
.list_page ul .active a{ background:#c5140c; color:#fff;}
.list_page ul li a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}

/*翻页css*/
.list_page{ font-size:12px;  text-align:center; padding-bottom:10px; }
.list_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#333;}
.list_page span{background: #c5140c;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #90CBF9;}
.list_page b{background:#fff;margin:0 1px;color:#333;overflow:hidden;}
.list_page b input{border:1px solid #ccc;margin:0;padding:4px 8px;font-size:12px;font-weight:normal;width:16px;text-align:center;}
.nalist {margin:10px 10px 10px 0px;padding:0;list-style:none;overflow:hidden;}
.nalist  li{border-bottom:1px dashed #ccc; padding:8px 0 0 0;  text-indent:15px;}
/*----------------------------------------在线留言------------------------*/

.book{overflow:hidden;clear:both;margin-bottom:20px;}
.book .face{float:left;width:60px;height:60px;}
.book .text{border:1px solid #dadada;margin-left:70px;}
.book .text .div{padding:10px 20px;}
.book .text .div .icon{position:absolute;width:20px;height:20px;margin:6px 0 0 -40px;background:url(../images/dot.gif) no-repeat top right;}
.book .text .div .base{font-family:verdana;color:#000;border-bottom:1px dashed #ccc;line-height:30px;margin-bottom:10px;}
.book .text .div .base span{float:right;color:#999;}
.book .text .div .content{line-height:20px;}
.book .text .div .reply{font-family:verdana;border-top:1px dashed #ccc;line-height:30px;margin-top:10px;color:#000;padding-top:5px;}
.book .text .div .reply strong{color:#f60;}
.bookadd{margin:10px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;font-family:KaiTi,楷体;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ccc;padding:5px 10px;vertical-align:middle;overflow:hidden;}
.bookadd .enter .bnt{border:1px solid #ccc;background:#fff;padding:5px 10px;vertical-align:middle;}
.bookadd .enter label{display:block;}
.bookadd .enter #booklen{color:#f30;}
/*<!-----------------导航开始-------------------------->*/

/*------------------产品列表二级下拉-------------------------*/
.sidetest {overflow:hidden; width: 251px;padding-bottom:10px; margin:0; padding:0;background:url(../images/cp_pro_center.gif) repeat-y center; }
.sidetest li {line-height: 46px; margin-left:15px; width:228px;background:url(../images/plist_hoveri1.gif);}
.sidetest li:hover{background:url(../images/plist_hoveri2.gif) no-repeat; color:#fff; }

.sidetest li a {padding-left:15px;display: block; display: block;height:42px;line-height:42px;color:#222; }
.sidetest li a:hover{ color:#fff; background:url(../images/ico02.jpg) no-repeat left;  }
.sidetest ul { width: 170px; text-align: left;display: none; margin:0; padding:0;}
.sidetest ul li a{color: #999;}
.sidetest ul li a:hover{ color:#fff;}


.sidetestt {overflow:hidden; width: 266px;padding-bottom:10px; margin:0; padding:0;background:url(../images/cp_pro_center.gif) repeat-y center; }
.sidetestt li {line-height: 46px; margin-left:15px; width:243px;background:url(../images/plist_hover.gif);}
.sidetestt li a {padding-left:15px;display: block; display: block;height:42px;line-height:42px;color:#222; background:url(../images/ico03.jpg) no-repeat left;}
.sidetestt li a:hover{ color:#000;   }
.sidetestt ul { width: 220px; text-align: left;display: none; margin:0; padding:0;}
.sidetestt ul li a{color: #999;}
.sidetestt ul li a:hover{ color:#fff;}

/* -----------------------------------------------------导航css-------------------------------------------- */
/*带三级目录导航*/
.header_menu{ width:100%; background:url(../images/nav_bj1.jpg) no-repeat center; height:70px;}

.abc{  margin:0 auto} 
@media screen and (min-width: 1201px) { 
.abc {width:100%} 
} 

/* css注释：设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ 

@media screen and (max-width: 1200px) { 
.abc {width: 1200px} 
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ 

} 
/* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */ 

 
.abc {width: 100px;} 
.menu{ width:1160px; margin:0px auto; height:46px; }
.menu_left{ width:900px; float:left; margin-left:70px;}
.nav_right{ width:150px; float:right; margin-top:8px; z-index:10000}
.nav {height: 70px;  text-align: center; width: 900px; }
.nav li { float: left; }
.nav a { display: block; color: #FFF; text-align: center; }
.nav ul { z-index: 9999; line-height: 27px; text-align: left; width: 87px; position: absolute; color: #FFF; background-color: #FFFFFF; display:none; }

.nav ul ul { left: 120px; top: 3px; }
.bo {width: 125px;  line-height: 46px;  height: 70px; font-size:15px;   }
.bo:hover {  width: 125px; height: 70px; display: block; color: #ffffff; }
.subMenuItem { width: 120px ; height: 27px ; background:#201e1f; border-top: 1px solid #fff ;  }
.subMenuItem a { width: 120px ; height: 27px ; }
.subMenuItem a:hover { color: #fff; background:#f30000;}
.t{ color:#fff; font-size:14px; line-height:25px;}
/*点击展开*/

#brandList{float: left;
    padding: 15px 15px 0 15px;
    width: 1010px;
    line-height: 25px;}
#brandList a{text-decoration:none;}
#brandList dl dt{width:120px;float:left;list-style-type:none;line-height:25px;text-align:center;}
#brandList #showMore{clear:both;padding:15px;width:150px;margin:0 auto;}
#brandList #showMore span{display:block;height:30px;line-height:30px;border:1px solid #999;text-align:center;}
#brandList #showMore .hide{background:url(../images/plus.png) no-repeat 10% 50%;}
.show{background:url(../images/minus.png) no-repeat 10% 50%;}




/*-----------流程动画-----------*/
.lcdh li {
    display: inline;
    float: left;
    width: 190px;
	padding:5px;
	margin:12px;
	text-align:center;
	background:#201e1f;
}
.lcdh li:hover{background:#c5140c;}
.lcdh li img {
	
    height: 173px;
    width: 210px;
	padding:2px;
	border:1px solid #CCC;
}

.lcdh li span h4 {
  
    font-size: 16px;
    padding-left: 10px;
}
.lcdh li span h4 a{color:#fff; display:block;font-size: 14px;
    font-weight: normal;}





