﻿/* Global CSS */
body{font:12px/1.5  "",Arial,"Times New Roman";background:#fff url(../images/bg.jpg) no-repeat center top;color:#333;}
body,div,p,img,h1,h2,h3,h5,h4,h6,form,ul,ol,li,dl,dt,dd,table,th,td,input,textarea{margin:0;padding:0;}
img{border:none;}
div{margin:0 auto;}
img,input,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
body,dl,dt,dd,table,th,td{word-break:normal;word-wrap:break-all;}
li{list-style-type:none;}
em{font-style:normal; }

a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:underline;color: #F30;}

.f_l{float:left;}
.f_r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.border{border:1px solid #dfdfdf;}

table{ text-align: center; border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8; margin-bottom:10px; width:100%; font-size:12px; color:#333;}
table a:link,.contact table a:visited{ color:#e8e8e8; text-decoration:none; font-size:12px;}
table a:hover{ color:#ec5a04; text-decoration:underline;}
table tr td{ border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8; height:20px;line-height:20px;}

.clearbox{clear:both;line-height:0;font-size:0;}
.clearbox10{clear:both;height:10px;font-size:0;}
.clearfix:after{content:'.';clear:both;visibility:hidden;height:0;display:block;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}



/*Font color*/
.f1{color:#666;}
.f2{color:#000;}



/*Layout*/
.wrap{width:965px;margin:0 auto;background-color:#fff;}
.AreaL{float:left;width:735px;}
.AreaR{float:right;width:218px;}
.AreaL_l{width:212px;}
.AreaL_r{width:510px;}
.content{width:745px; overflow:hidden}
.box{padding:5px;border:1px solid #dfdfdf;border-top:none;}
.box2{padding:5px;}


/*Top*/
#head{color:#666;width:977px;margin:0 auto;}
.logo{margin:18px 0 10px 10px;}

.banner{margin:2px auto; background:url(../images/banner.jpg) no-repeat;width:977px; text-align:center; padding-top:7px; height:173px;}
/*mainNav*/
/*#mainNav{height:34px;background:url(../images/Menubg.gif) repeat-x left top #fff;text-align:center;}
#mainNav ul{line-height:normal;width:965px;margin:0 auto;}
#mainNav ul li{float:left;background:url(../images/nav_line.jpg) no-repeat right top;padding-right:2px;}
#mainNav ul li.none{background:none;}
#mainNav ul li a{display:inline-block;line-height:34px;height:34px;padding:0 35px;zoom:1;}
#mainNav ul li a:link,#mainNav ul li a:visited{color:#333;text-decoration:none;}
#mainNav ul li a:hover,#mainNav ul li a:active{color:#000;text-decoration:none;background:url(../images/nav_hbg.jpg) repeat-x 0 0;}*/

#menu {width:937px;padding:0px;margin:auto;height:75px;overflow:hidden; padding-left:40px;background:url(../images/Menubg.gif) repeat-x left top;}
#menu_top_list{list-style-type:none; height:52px;}
#menu_top_list li{margin:0px;float:left;background:url(../images/Menu_line.gif) no-repeat top right;text-align:left;height:52px;width:110px}
#menu_top_list li a{color:#fff;text-decoration:none;font-size:14px;font-weight:bold;line-height:14px;padding:15px 25px 0px 25px;display:block;height:30px;}
#menu_top_list li a:hover{background:url(../images/Menu_line_On.gif) repeat-x 10px 5px; color:#1F5289;}
#menu_top_list li p{color:#ccc;line-height:10px;font-family: Arial;margin:0px;font-size:10px;}
#menu_top_list li p a:hover{ color:#1F5289;}
#menu_top_list li.none{background:none;}
.sub_menu{ text-align:center; }
.sub_menu a{ color: #ccc; margin-left:10px;}
.sub_menu a:hover{ color: #FC0}

h2{background:url(../images/h2_bg.jpg) repeat-x 0 0;border:#dfdfdf 1px solid;line-height:26px;height:26px;}
h2 span{float:left; background:url(../images/ico1.gif) no-repeat;width:auto; height:26px; line-height:26px; text-align:left;font-weight:bold; color:#515151; padding-left:10px;}
h2 span.more{position:relative; top:2px;right:-385px;background:none;font-size:12px;font-weight:normal;}
h2 span.ico1{background:url(../images/ico3.gif) no-repeat 0px 0px;}
h2 span.ico2{background:url(../images/ico2.gif) no-repeat;}
h2 span.here{font-weight:normal;}
input{ margin:5px}
/*About*/
.about{padding:5px;}
.about p{line-height:22px;}
.about p span.more{position:relative; bottom:0px;right:0px;}

/*Category*/
ul.category{}
ul.category li{background:url(../images/ico4.gif) no-repeat 8px 50%;line-height:26px;height:26px;}
.dashed a{background:url(../images/lineBg.gif) repeat-x left bottom; display:block;font-weight:bold; color: #f30; padding-left:20px;}
.dashed1 a{background:url(../images/lineBg.gif) repeat-x left bottom; display:block; margin-left:10px; padding-left:20px;}

/*Home product*/
ul.goodslist {}
ul.goodslist  li{float:left;margin:0 8px 5px 7px;text-align:center;display:inline; width:109px;}
ul.goodslist  li img{margin-bottom:6px!important;border:#bbb 1px solid; height:80px; width:108px}
ul.goodslist  li p{width:109px;height:20px;}

ul.prolist {}
ul.prolist  li{float:left;margin:0 8px 5px 7px;text-align:center;display:inline; width:132px;}
ul.prolist  li img{margin-bottom:6px!important;border:#bbb 1px solid; height:100px; width:130px}
ul.prolist  li p{width:120px;height:20px; margin-bottom:4px}

/*itemnew*/
ul.itemnew{}
ul.itemnew li{}

.list_icon{background:url(../images/icon-link.gif) no-repeat 2px 9px;padding-left:10px;line-height:22px;}/*common */

/*news*/
dl.news{margin:10px;padding:0 0 10px 0;background:url(../images/lineBg.gif) repeat-x left bottom;}
dl.news dt{background:url(../images/ico5.gif) no-repeat 5px 50%;padding-left:25px; margin-bottom:15px;}
dl.news dt a:link,dl.news dt a:visited{text-decoration:underline;color:#666;}
dl.news dt a:hover,dl.news dt a:active{text-decoration:none;color:#333;}
dl.news dt span{ float:right; margin-right:8px}
news dd{color:#8c8d8d;text-indent:24px;}
dl.news dd a.view{float:right;text-indent:0px;text-align:center;background:url(../images/ico6.jpg) no-repeat 50% 50%;width:79px;height:21px;padding-top:3px;display:block;color:#666;}



	
	/* Ʒ ϸ */
	#cp_xx{margin-right:8px}
	#cp_xx .title{ color:#FF6600; text-align:center;padding:20px 0px 0px;}
	#cp_xx h3{ background:#f7f7f7;margin:10px auto; font-weight:bold;padding-left:20px;padding-top:3px;}
	/*ƷͼƬ*/
	#cp_xx_img{ width:202px; float:left;padding-left:20px;}
	#cp_xx_img img{border:1px solid #ccc; padding:2px; margin-bottom:5px}
	#cp_xx_img span img{border:none;padding:0;}
	/*Ʒs*/
	#cp_xx_lr{ float:left; margin-left:10px;line-height:20px;}
	#cp_xx_lr div{border-top:1px dashed #ccc;margin-top:10px; padding-top:10px; width:450px}
	#cp_xx_lr div span{ display:block; float:left;width:210px;padding:3px;}
	#cp_lr{line-height:23px; color:#717171; text-indent:24px;}


/*link*/
.link{background-color:#f1f1f1;border:#efefef 1px solid;padding:5px 0 5px 30px;color:#666;}
.link a{ margin-right:10px;}
.copy{text-align:center;color:#666;padding:20px 0;line-height:25px; background:url(../images/Butom_bg.gif) repeat-x; margin-top:4px; border-top:2px #0365A2 solid;}


.kingwrod{ background:#fcfcfc; border:1px #e0e0e0 solid; padding:10px;  margin-bottom:15px;}


