@charset "utf-8";
/* CSS Document */
body {
	font-size:12px;
	font-family:"宋体", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#333333;
	background:#fff;
	line-height:20px;
	height:auto;
	}
a {
	font-size:12px;
	font-family:"宋体", Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#ff0000;
	text-decoration:underline;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.cl {
	clear:both;
	display:block;
	height:0;
	line-height:0;
	font-size:1px;
	overflow:hidden;
}
 img {
	border:0;
}
ul {
	margin:0;
	padding:0;
}
/*样式开始*/
.header{ height:142px; background:url(../images/menli_01.jpg) repeat-x; width:100%; overflow:hidden;}
.header_con{ width:1002px; margin:0 auto; height:142px; overflow:hidden; background:url(../images/menli_02.jpg) no-repeat; position:relative;}
.header_con .tel{
	position:absolute;
	left: 813px;
	top: 24px;
}
.red{ color:#fb201a;}
.nav{ background:url(../images/menli_10.jpg) repeat-x; height:40px; width:100%;}
.nav ul{ width:1002px; display:block; margin:0 auto;}
.nav ul li{ width:96px; text-align:center;height:40px; line-height:40px; float:left; margin:0 7px;}
.nav ul li a{ display:block;height:40px; width:96px; color:#fff; font-size:14px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }
.nav ul li a:hover,.nav ul li a:active,.nav ul li a:focus,.nav.curr{ background:url(../images/menli_12.jpg) no-repeat; display:block; height:40px; width:96px; text-decoration:none;} 

.banner{ width:1002px; height:453px; overflow:hidden;margin:10px auto; }
.mainbox{
    overflow:hidden;
    position:relative;
}
.mainbox img{ width:1002px; height:453px; overflow:hidden;}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}

.bitdiv{display:inline-block;width:15px;height:15px;margin:0 5px 5px 0px;cursor:pointer;float:right;}
.defimg{background:url(../images/02.png) no-repeat;}
.curimg{background:url(../images/01.png) no-repeat;}


.t{ height:39px; line-height:39px; font-size:14px; font-weight:bold;font-family:"微软雅黑","宋体", 
Arial, Helvetica, sans-serif;  padding-left:30px;}
.c{ border:#E3E3E3 1px solid; border-top:none; height:auto;  }
.more{ margin-right:15px; margin-top:17px; float:right;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.main{ width:1002px; margin:0 auto; height:auto;   }
.cara{ width:270px; height:auto; overflow:hidden;}
.cara .t{ width:240px; background:url(../images/menli_19.jpg) no-repeat;}
.cara .c{ width:268px; overflow:hidden;height:264px;} 
.cara .c ul{ margin-left:30px; padding-top:10px; display:block; background:url(../images/menli_28.jpg) no-repeat right; height:257px; overflow:hidden;}
.cara .c ul li{ background:url(../images/icon.jpg) no-repeat left center; width:174px; height:23px; padding-left:14px; line-height:23px; margin-bottom:5px;} 
.cara .c ul li a{  } 

.about{ width:441px; height:auto; overflow:hidden; margin-left:10px;} 
.about .t{ width:411px; background:url(../images/menli_11.jpg) no-repeat; }
.about .c{ width:409px; padding:15px; line-height:24px;height:234px; overflow:hidden;text-align:justify;text-justify:inter-ideograph;} 
.about .c img{ float:left; margin-right:8px; } 
 
.contact{ width:270px; height:auto; overflow:hidden;} 
.contact .t{ width:240px;  background:url(../images/menli_19.jpg) no-repeat; }
.contact .c{ width:238px; padding:15px; line-height:27px;height:234px; overflow:hidden;} 

.commend{ width:100%; height:auto; overflow:hidden; margin:10px auto;}
.commend .t{ background:url(../images/menli_39.jpg) no-repeat 0px center; color:#0560b2; width:972px; font-weight:bold;   }
.commend .c{  }
/*滚动图片*/
.rollBox{width:768px;overflow:hidden;margin:5px auto; height:164px; }
.img-scroll {position:relative; margin:10px auto; width:988px;}
.img-scroll .prev { position:absolute; display:block; width:28px; height:29px;top:55px;margin-right:5px;}
.img-scroll .next { position:absolute; display:block; width:28px; height:29px;top:55px;margin-left:5px;}
.img-scroll .prev a{ display: block; width:18px;height:39px;cursor:pointer}
.img-scroll .next a{ display: block; width:18px;height:39px;cursor:pointer}
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.img-list { position:relative; width:930px; height:184px;overflow:hidden;margin:0 auto;}
.img-list ul { width:9999px;}
.img-list li {width:227px;height:152px;float:left; display:inline;margin:0 3px;text-align:center;oveflow:hidden; background:url(../images/probg.jpg) no-repeat;}
.img-list li img {width:216px;height:142px; margin:0 auto;margin-top:3px; overflow:hidden;}
.img-list li p a{ display:block;width:100%;height:28px;line-height:28px; margin-top:10px; text-align:center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



/* 新闻*/ 
.news{width:327px; height:auto; overflow:hidden;} 
.news .t{ background:url(../images/menli_49.jpg) no-repeat; width:297px; } 
.news .c{   height:309px; overflow:hidden; padding:10px 0;} 
.news .c img { width:290px; height:60px; overflow:hidden; padding:2px; border:#E7E7E7 1px solid; display:block; margin:0 auto;}
.news .c ul{ margin-left:10px; margin-top:10px;}
.news .c ul li{ border-bottom:#e1e1e1 1px dashed; width:300px; height:22px; line-height:22px; overflow:hidden;} 
.news .c ul li a{ background:url(../images/menli_68.gif) no-repeat left center; padding-left:15px; margin-left:5px; width:200px; height:22px; overflow:hidden; display:block;} 
.ml_12{ margin-left:10px;} 

.commend2 .t{ background:url(../images/menli_39.jpg) no-repeat 0px center; color:#0560b2; width:972px; font-weight:bold;   }
.commend2 .c{ height:auto; overflow:hidden; padding:10px 5px;} 
/*
.commend2 .c ul{ margin:12px 0; margin-left:10px;height:auto; overflow:hidden;}

.commend2 .c ul li{ width:227px; height:170px; float:left; display:inline; margin-left:8px; margin-bottom:10px;}
.commend2 .c ul li img{width:185px;height:122px; overflow:hidden; border:#E7E7E7 1px solid;}
.commend2 .c ul li span{ text-align:center; display:block; height:28px; line-height:28px;}
*/
.fr_link{ background:#f1f1f1; padding:10px; margin:10px 0;}
.fr_link a{ padding:0 10px;}

.copytright{background:#f1f1f1; width:100%; text-align:center; padding-bottom:10px;}
.cr_nav{ width:100%; border-bottom:#ff0000 2px solid; height:40px; line-height:40px; text-align:center; margin-bottom:10px;}
.cr_nav a{ padding:0 10px;}

.ny_left{ width:270px; height:auto; overflow:hidden;}

.nl_about{ width:270px; height:auto; overflow:hidden;}
.nl_about .t{ width:240px; background:url(../images/menli_19.jpg) no-repeat;}
.nl_about .c{ }
.nl_about ul{ margin-left:20px; padding:15px 0; }
.nl_about ul li{ height:24px; line-height:24px; margin-top:8px; margin-bottom:8px; display:block; }
.nl_about ul li a{background:url(../images/ds_11.gif) no-repeat; padding-left:15px; height:24px; font-weight:bold; display:block;  }
.nl_about ul li a:hover,.nl_about ul li a:active,.nl_about ul li a:focus,.nl_about .curr2{ color:#fff; display:block;padding-left:40px; background:url(../images/ds_07.gif) no-repeat; font-weight:bold;} 
.mt_10{ margin-top:10px;}
.mbt_10{ margin-bottom:10px;}

.banner_ny{width:1002px; height:280px; margin:10px auto;}
.banner_ny img{ width:1002px; height:280px; overflow:hidden;}
.ny_right{ width:724px; height:auto; float:right;margin-bottom:10px;}
.ny_right .t{ background:url(../images/position.jpg) no-repeat;  height:39px;}  
.ny_right .c{ padding:15px 5px; width:710px; border:#E3E3E3 1px solid; border-top:none;  height:390px; height:auto!important; min-height:390px;} 
.ny_right .c2{ padding:15px 15px; width:690px;text-align:justify;text-justify:inter-ideograph;border:#E3E3E3 1px solid; border-top:none; height:450px; height:auto!important; min-height:450px; } 

.pos_txt{ font-size:12px; font-weight:normal; color:#333; float:right; margin-right:10px;} 


.pro {  height:auto; overflow:hidden; }
.pro ul{ margin:0; height:auto; overflow:hidden;}
.pro ul li{ width:227px;height:170px;float:left; display:inline;margin:0 4px;text-align:center;oveflow:hidden; background:url(../images/probg.jpg) no-repeat;}
.pro ul li img{ wwidth:216px;height:142px; margin:0 auto;margin-top:3px; overflow:hidden;}
.pro ul li p a{width:227px; text-align:center; display:block; height:28px; line-height:28px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.fenye{ width:620px; height:34px; line-height:34px; text-align:right; font-size:14px; color:#5f5f5f; margin-top:10px;}
.fenye a{color:#5f5f5f;}

.pros {  height:auto; overflow:hidden; }
.pros ul{ margin:0; height:auto; overflow:hidden;}
.pros ul li{ width:227px;height:170px;float:left; display:inline;margin:5px 10px;text-align:center;oveflow:hidden; background:url(../images/probg.jpg) no-repeat;}
.pros ul li img{ wwidth:216px;height:142px; margin:0 auto;margin-top:3px; overflow:hidden;}
.pros ul li p a{width:227px; text-align:center; display:block; height:28px; line-height:28px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


 
 /*相关新闻*/
#show_news{ width:100%; margin:5px 0px 10px 0px; height:auto; overflow:hidden;;}
#show_news ul{ height:auto; overflow:hidden; padding:10px; }
#show_news  h3{ width:100%;  line-height:30px; background-color:#e8e8e8;   display:block;}
#show_news ul li{ float:left; width:300px; padding-left:10px; padding-right:0; border-bottom:1px dashed #d7d7d7; height:30px; line-height:30px; overflow:hidden; background:url(../images/menli_68.gif) no-repeat left center; text-align:left; margin:0; margin-right:15px;  display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#show_news ul li a:hover{}
.art_title{ text-align:center;width:100%; font-weight:bold; display:block; background:#eeeeee; padding:5px 0;}
.src{ width:650px; text-align:right; display:block; color:#999999; margin-bottom:10px;}
.proimg{ width:400px; height:270px; background:#f7f7f7; border:#c9c9c9 1px solid; padding:10px; margin-left:80px; float:left;}
.proimg img{ width:400px; height:265px; overflow:hidden;  }

.xx h3{ width:640; text-align:left; font-weight:bold; font-size:14px; background:#eeeeee; padding:5px 0; padding-left:20px; margin:10px 0;}
.xx{ padding:10px; margin:0 auto;}
/*商品放大镜*/
.cloud-zoom-lens {
	border: 4px solid #fff;
	margin:-4px;	/* Set this to minus the border thickness. */

	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. Download by http://www.codefans.net*/
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #e1e1e1;
	overflow:hidden;
	margin-left:10px;
	width:300px; height:290px;
	
}


/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	padding:3px;
}
.prew {
    float: left;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding-left: 20px;
    text-align: left;
    width: 46%;color:#6b6b6b;
	display:block;
}
.fenye2{ margin:10px 0; height:30px;}
.prew a,.nextw a{ color:#6b6b6b;}
.prew a:hover,.nextw a:hover{ color:#CA0205; text-decoration:none;}
.nextw {
    float: right;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding-right: 20px;
    text-align: right;
	display:block;
    width: 46%;color:#6b6b6b;
}

.c8 ul{ width:100%; }
.c8 ul li {
    border-bottom: 1px dotted #DADADA;
    color: #999999;
    margin-bottom: 10px;

}
.c8 ul li h3 {
	height:30px; overflow:hidden;
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 24px;	background:url(../images/menli_68.gif) no-repeat left center; padding-left:15px;
}
.c8 ul li h3 a {
    font-size: 13px;
    font-weight: bold; color:#545454;
}
.c8 ul li h3 a:hover{color:#CA0205;text-decoration:none;}
.c8 ul li h4 {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
}
.c8 ul li h4 span {
    margin: 0 5px;
}
.c8 ul li h4 span a{ color:#999;}
.c8 ul li h4 a:hover{color:#CA0205;text-decoration:none;}


.snews{padding:20px 15px;}
.snews ul li {
height:30px;line-height:30px;border-bottom:1px dotted #aaa;background:url(../images/menli_68.gif) no-repeat left center; padding-left:15px;padding-right:5px;}
.snews ul li span {
float:right;color:#777;}
.snews h3{ height:40px; line-height:40px; border-bottom:2px solid #eee; text-align:center; font-size:13px; font-weight:bold; margin-top:10px; margin-bottom:10px;}




/*成功案例*/
.c7{  margin-left:7px;padding:10px 0;line-height:24px; border-top:none;}
.c7 .title{padding-bottom:10px;text-align:center;}
.c7 ul li{width:196px;float:left; margin-left:16px;display:inline;overflow:hidden;}
.c7 ul li a.pic{width:184px;height:160px;border:1px solid #ccc; padding:2px;
									display:table-cell;
									vertical-align:middle;
									text-align:center;/* hack for ie */
		
									}
.c7 ul li img{width:184px;height:140px;vertical-align:middle;}
.c7 ul li .name{height:25px;line-height:25px;font-weight:normal;font-size:12px;color:#333;text-align:center;cursor:pointer;display:block;background:url(../images/product_cnt_bg.png) no-repeat;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%;}

.conta_bg{ background:url(../images/con_ta.png) no-repeat 50px 10px;} 

/* 留言薄*/ 
 #guest{ width:530px; margin:0 auto;line-height:22px; color:#545454; background:url(../images/me.jpg) no-repeat 250px 120px; }
.input_on{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC; background-image:none;
}
.input_off{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_move{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #0088cd;
background-color:#FFFFCC; background-image:none;
}
.input_out{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_out1{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:70px;
border:1px solid #CCC;resize:none;
background-color:#FFF; background-image:none;
}
.input_out2{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
width:80px;height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
#guest  .input_test{
   height:450px; padding-bottom:10px;
list-style-type:none;
}
#guest  ul.input_test .hr{ float:left; margin:0; padding:0; width:100%; line-height:27px; display:block; overflow:hidden;}
#guest  ul.input_test li{ float:left;
width:500px;
height:25px;
margin-bottom:10px; background-image:none; display:inline; border:none;
}
#guest  .input_test label{
float:left; margin:0; padding:0;
line-height:25px;
text-align:right;
font-size:12px; background-image:none;
}
#guest  .input_test span{ float:left;margin-left:0;
padding-left:10px;
line-height:25px;
text-align:left;
font-size:12px;
color:#999; background-image:none;
}
#guest .input_test .red{ float:none;color:#f00;}

#sub_btn, #sub_reset {width:50px;  margin-right:10px;}

#sub_btn:hover, #sub_reset:hover {width:50px;  }

#page{ width:100%; text-align:center; height:30px; margin-top:20px; padding-top:5px;}
#page a{ height:22px; line-height:22px; border:solid 1px #838383; color:#838383; padding:2px 3px;}
#page a:hover{ background-color:#838383; color:#FFF;}




.cpfenleiNavs{ padding:5px 0px; padding-left:0px;}
.cpfenleiNavs li{ line-height:22px; padding-left:15px; text-indent:10px; font-size:13px;}