﻿@charset "utf-8";
/*全局-------------------------------------------------------------------------------------------------------------*/
body {width:100%;background-color:#f6f9fa;margin-left:auto;margin-right:auto;font-family:Arial, Helvetica, sans-serif;line-height:1.5;font-size:12px;color:#3c3c3c;height:100%;height:100% !important;	margin:0 auto;}
.wrapper {margin:0 auto 0px auto;text-align:left;width: 100%;color:#3c3c3c;background:url(../images/bj_wap.gif) center top no-repeat;overflow:hidden;}
.box{width:973px;margin:0 auto 0px auto;}
.header{ height:103px;background:url(../images/top.jpg) top center no-repeat;}
  .top{ height:103px;}
  
/*搜索*/
.search{padding-top:40px;width:390px;height:30px;}
.wbk{float:left; width:290px; height:30px;line-height:30px;background:none;border:0 !important;color:#000;margin-left:15px;}
.button{ width:72px; margin-left:8px; height:32px; display:inline-block; cursor:pointer; border:0px; background:none;}


/*导航---------------------------------------------------------------------------------------------------------------------------------------*/
.dh{background:url(../images/dhbj.jpg) top center no-repeat;}
	.nav{background:url(../images/a_r5_c6.jpg) repeat-x;height:35px;line-height:25px;padding-left:10px;}
		.nav li{float:left;position:relative;z-index:50;text-align:center;font-size:14px;background:url(../images/dhbj-1.jpg) right top no-repeat;width:120px;}
		
		.nav li a:link,
			.nav li a:visited,
			.nav li a:active{color:#FFF;display:block;height:35px;line-height:35px;}
			.nav li a:hover{background:#58adc9;color:#fff !important;}
		
		.down_nav{position:absolute;top:35px; left:0px;background-color:#06779d; filter:alpha(opacity=80);-moz-opacity:0.5;display:none;text-align:center; width:120px;}
			.down_nav li{border-bottom:1px dotted #23aac8;width:120px;text-align:center;font-size:14px; background-image:none;}
			.down_nav li a{color:#000;height:35px;line-height:35px;font-size:12px !important;}


/*大图切换*/
.ban{height:300px;background:url(../images/ban_bj.jpg) top center no-repeat;}
.ban ul{position:absolute;}
	#productMenu{ bottom:20px; right:20px; font-family:'微软雅黑'; }
	.menu_yuan li{float:left;background:#5a585d;width:16px;height:16px;text-align:center;margin-right:3px;color:#fff;}
	.menu_yuan li.vary_img{background:#ff493a;width:25px;}
	.tab_c_img{width:973px;height:343px;display:none;}
	.tab_c_img img{width:973px;height:343px;}
	
.ban_l{ width:490px; padding:23px 15px 0px 0px;}

.ban_r{padding-top:30px;padding-left:10px;}
.ban_nr{padding-top:20px; width:400px; color:#00656f; font-family:"宋体";}




/*主体*/
.main{margin-top:13px; background:url(../images/left.jpg) top left repeat-y #fff;}
.left{width:197px;}

.left_fl{}
.left_fl h5{ height:57px;color:#fff; text-indent:15px;background:url(../images/a_r1_c2.jpg) top left repeat-x;}
.left_fl h5 span{display:block;padding-top:5px;}
.left_fl h5 small{ display:block; font-family: Arial, Helvetica, sans-serif;line-height: normal; font-weight:normal;}

/*左侧导航栏*/

	/*首个h3样式*/
	.l_nav h3{font-weight:normal;border-bottom:1px solid #cfdeb2;font-size:12px; height:35px;line-height:35px;}
	.l_nav h3 span{ font-size:13px;font-weight:bold;padding-right:15px;padding-left:15px;}
		.l_nav h3 a:link,
		.l_nav h3 a:visited,
		.l_nav h3 a:active{height:35px;line-height:35px;color:#366703; text-decoration:none;background:#e8f9cd !important;display:block;}
		.l_nav h3 a:hover{height:35px;line-height:35px;color:#366703; text-decoration:none;background:url(../images/left_b.jpg) top left no-repeat!important;display:block;}
		.l_nav h3 a.checked{height:35px;line-height:35px;color:#366703;text-decoration:none;background:url(../images/left_b.jpg) top left no-repeat!important;display:block;}
		/*点开下拉导航*/
		.l_nav ul li ul{display:none; line-height:25px;background:url(../images/a_r10_c1.jpg) left center repeat-y!important; font-family:"宋体";}
		.l_nav aul li ul li{padding:0;color:#366703;text-decoration:none;}
		.l_nav ul li ul li a:link,
		.l_nav ul li ul li a:visited,
		.l_nav ul li ul li a:active{height:25px; line-height:25px;color:#366703;padding-left:37px;text-decoration:none;dispaly:block}
		.l_nav ul li ul li a:hover{height:25px; line-height:25px;color:#366703;text-decoration:underline;padding-left:37px;dispaly:block}
		
		.left_ny_bt{line-height:25px;background:url(../images/a_r10_c1.jpg) left center repeat-y!important; display:block;}
		
		
/*内页左侧分类样式*/
.l_nav_1 ul {text-indent:15px;}
.l_nav_1 ul li a:link,
.l_nav_1 ul li a:visited,
.l_nav_1 ul li a:active{height:35px;line-height:35px;color:#366703; text-decoration:none;background:#e8f9cd !important;display:block;border-bottom:1px solid #cfdeb2;}
.l_nav_1 ul li a:hover{height:35px;line-height:35px;color:#366703; text-decoration:none;background:url(../images/left_b.jpg) top left no-repeat!important;display:block;border-bottom:1px solid #cfdeb2;}

.l_nav_1 ul li a.checked{height:35px;line-height:35px;color:#366703; text-decoration:none;background:url(../images/left_b.jpg) top left no-repeat!important;display:blockborder-bottom:1px solid #cfdeb2;}




.left_link h5{height:35px;color:#fff; text-indent:15px;background:url(../images/a_r31_c27.jpg) top left repeat-x !important;}
.left_link h5 small{ font-weight:normal;}
.left_link ul{text-align:center; background:#DAEBE1; display:block;padding:10px;}
.left_link ul li{margin-top:5px;*margin-top:7px;}
.left_link a{}

.mid{width:533px;margin:0px 14px;}
.index_jj{ color:#666;}
.index_jj h5{height:51px;color:#098094; border-bottom:6px solid #E5E5E5; text-indent:20px; margin-bottom:25px;}
.index_jj h5 span{display:block;padding-top:5px;}
.index_jj h5 small{ display:block; font-family: Arial, Helvetica, sans-serif;line-height: normal; font-weight:normal;}
.index_c{background:url(../images/a_r13_c11.jpg) top left no-repeat; height:41px; line-height:41px; margin-top:-6px;}
.index_c a:link,
.index_c a:visited,
.index_c a:active{padding-left:38px; color:#fff;}
.index_c a:hover{padding-left:38px; text-decoration:underline;}
.index_news{width:250px;padding-left:25px;}
.padding-t20{padding-top:20px;*padding-top:10px;}

.index_n{}
.index_n ul{}
.index_n ul li{height:25px; line-height:25px; background:url(../images/a_r11_c15.jpg) center left no-repeat; text-indent:45px; *height:21px; *line-height:21px;}
.index_n ul li a{}
.index_p{ padding:9px; border:1px solid #bbdadd; width:512px; background:#eef8f9;margin-top:14px;*margin-top:29px;}
.index_p_nr{ background:#fff;}
.index_p_nr h6{color:#0677b3; padding-left:20px; line-height:35px;}
.index_p_nr h6 span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.index_p_nr h6 a img{ padding-top:15px;}
.width225{ width:225px;}
.gutter-r5{margin-right:19px;}
.index_jszl{ margin-top:11px;*margin-top:12px;}

.right{width:213px;background:url(../images/a_r31_c28.jpg) top left repeat-y; }
.dt h5{color:#87a469; text-indent:15px;}
.dt h5 span {display:block;padding-top:8px;}
.dt h5 small{display:block; font-family: Arial, Helvetica, sans-serif;line-height: normal; font-weight:normal;}
.dt h5 a{font-weight:normal;color:#b3b3b3;}

.gutter-b23{margin-bottom:23px;*margin-bottom:20px;}
 #scrollDiv{width:213px;height:205px;min-height:25px;overflow:hidden}
 #scrollDiv li{height:25px;}

.new{padding-left:15px;padding-top:5px;}
.new li{ height:22px; line-height:22px;}
.new li a:link,
.new li a:visited,
.new li a:active{color:#2896d0;}
.new li a:hover{ text-decoration:underline;}

.jsfw h5{color:#0677b3; text-indent:15px; height:45px; background:#dde8ea; border-top:1px solid #c0d6d9;border-bottom:1px solid #c0d6d9;margin-top:10px;}
.jsfw h5 span {display:block; padding-top:5px;}
.jsfw h5 small{display:block; font-family: Arial, Helvetica, sans-serif;line-height: normal; font-weight:normal;}
.jsfw h5 a{font-weight:normal;color:#2d7c8a;}
.jsfw ul{padding-left:15px;padding-top:10px;}
.jsfw ul li{ height:22px; line-height:22px;}
.jsfw ul li a:link,
.jsfw ul li a:visited,
.jsfw ul li a:active{color:#404040;}
.jsfw ul li a:hover{ text-decoration:underline;}

.gg{ height:73px;margin-top:5px;}
.gg1{ height:76px;margin-top:3px;}

/*产品列表---------------------------------------------------------------------------------------------------------------------------------------*/
.pro_list{padding:10px 15px;}
	.pro_list li{float:left;margin:10px 10px;line-height:30px;text-align:center;}
	.pro_list li a{display:block;}
	.pro_list li a img{width:150px;height:122px;border:1px solid #aacbee;}
	
	
.footer{background:url(../images/foot.jpg) top left no-repeat; position: relative;top:-1px; height:61px; color:#959595;}


.link{margin-top:12px;background:#fff;}
.link h5{ width:38px; color:#088191; height:87px; display:block; background:#eaeaea;}

/*留言板---------------------------------------------------------------------------------------------------------------------------------------*/
.liuyan_box{padding:10px 25px 20px; text-decoration:none;}

	.liuyan_box li label{float:left;width:70px;text-align:right;line-height:20px; font-weight:normal;margin-top:10px;}
	.liuyan_box li div{float:left;width:520px; margin-top:10px;}
	.liuyan_box li div textarea{border:1px solid #007ac0;width:440px;font-size:12px;color:#555;padding:5px;}
.input_m,.input_b,.input_s{border:1px solid #007ac0;background:#fff;margin-right:5px;height:20px;line-height:20px;color:#555;}
.input_m{width:185px;}
.input_b{width:360px;}
.input_s{width:65px;}
	.yanzheng{border:1px solid #9e8e8e;display:inline-block;width:70px;height:20px;vertical-align:top; margin-left:10px;padding-left:2px;}
.up_but{cursor:pointer;}


/*新闻列表---------------------------------------------------------------------------------------------------------------------------------------*/
.news_list{}
.news_list li{background:url(../images/3.gif) left center no-repeat;list-style-type:none; text-indent:10px;height:25px;line-height:25px;}
.news_list li small{padding-left:10px;}

/*上一页 下一页---------------------------------------------------------------------------------------------------------------------------------------*/
.article{ margin:20px 0;  padding:10px;width:700px; text-align:right}
.butons a { margin:0 5px 0 0;display:inline-block;color:#656d87; padding:1px 10px; text-decoration:none;  border:1px solid #ebe8e8; background:#fbfbfc;}
.butons a:hover { border:1px solid #d9f0ff; background:#04819c; color:#fff; text-decoration:none;}
.butons .the_page {  border:1px solid #ebe8e8;  background:#04819c; color:#fff; text-decoration:none;margin:0 5px 0 0;display:inline-block;padding:1px 10px; }


.xiangxi{background-color:#f3f2f2;line-height:30px; text-align:center;}
.xuxian{ border-top:1px dotted #CCC;}

/*品牌代理滚动*/
.img-scroll { position:relative; margin:0px auto; width:930px;}
 .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:50px; height:87px;top:0; color:#FFF; text-align:center; line-height:87px;}
 .img-scroll .prev { left:0; width:20px; cursor:pointer;}
  .img-scroll .prev img {padding-top:40px;}
 .img-scroll .next { right:0;width:20px;cursor:pointer;}
  .img-scroll .next img{ right:0;padding-top:40px;}
 .img-list { position:relative; width:860px; height:87px; margin-left:37px;*margin-left:5px;overflow:hidden}
 .img-list ul { width:9999px;}
 .img-list li { float:left; display:inline; width:118px; margin-right:15px; height:87px; background:url(../images/a_r29_c18.jpg) right top no-repeat; text-align:center;padding-right:15px;}
 .img-list li img{padding-top:20px;}
 
 .ban_ny{ height:171px; background:#ddf4f9;}
 .ny_main{ width:760px; margin-left:14px;}
 .gutter-ra{margin-right:18px; *margin-right:15px;_margin-right:8px;}
 .content{padding:12px;}
 .content  table td{border:#cccccc solid 1px; padding:1px 3px; margin-bottom:5px; border-collapse:collapse;}
 .content img{max-width:700px;_width:expression(document.body.clientWidth > 700 ? "700px" : "auto");}
 .ban_ny_pro{height:216px;background:url(../images/pro.jpg) center top no-repeat;}
 .ban_pro{padding-top:90px;} 
  .wbk_01{ width:183px; height:30px; line-height:30px; font-size:14px; color:#5e5e5e; border:1px solid #ccc;margin-right:8px; text-indent:10px;}
#nav_box_lb{height:32px; width:660px; float:left;}
.nav_lb{margin: 0 auto;padding: 0;z-index: 30;height:32px;position:relative;color:#363636; font-size:14px;}
.nav_lb li{margin: 0;padding: 0;list-style: none;float:left;font:14px arial;color:#363636;background:url(../images/lb_bj.gif) right top no-repeat #fff;border:1px solid #ccc;margin-right:8px;}

.nav_lb li a:link,
.nav_lb li a:visited,
.nav_lb li a:active{display:block; width:140px;color:#363636;text-align: left;text-decoration: none;line-height:32px; text-indent:10px;}
.nav_lb li a:hover{color:#363636;}

.nav_lb div{position: absolute;color:#363636; width:55%;visibility: hidden; border:1px solid #ccc; background-color:#fff; text-align:left;}
.nav_lb div a:link,
.nav_lb div a:visited,
.nav_lb div a:active{position: relative;display:block;text-align: left;height:22px;line-height:22px;text-decoration: none;color:#363636;font:lighter 14px arial; width:100%;padding:5px 0px;_width:250px;}
.nav_lb div a:hover{background: #e6f3f8;position: relative;display:block;text-align: left;height:22px;line-height:22px;text-decoration: none;color:#363636;font:lighter 14px arial; width:100%;padding:5px 0px;_width:250px;}

.b_search{background:url(../images/b.gif) left top no-repeat; width:89px; height:34px; display:block; border:0px; cursor: pointer;}
.search_02{*padding-left:10px;}
.search_02 input{float:left;margin-top:20px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}

.xm_wbk{margin-right:8px; height:32px; line-height:32px; background:#e5f7fa;color:#025c8d; border:1px solid #3ab3bf;font-size:14px;}
.phone_wbk{background:url(../images/x.gif) right center no-repeat;}
.search_03{ width:88px; height:36px;background:url(../images/c.gif) left top no-repeat; display:block;border:0px; cursor: pointer;}
.xuxian_x{ border-bottom:1px dashed #CCC;}
.news_ny li{ height:30px; line-height:30px;border-bottom:1px dashed #CCC; background:url(../images/j_01.gif) left center no-repeat !important; text-indent:20px;}
.news_ny li a{}

#demoa{overflow:hidden;width:860px; height:87px; margin-left:37px;*margin-left:5px;}
	#indemoa{float:left;width:800%;}
	#demo1a,#demo2a{float:left;}





@charset "utf-8";
/*全局-------------------------------------------------------------------------------------------------------------*/
html, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub,sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{margin:0px;padding:0px;border:0px;outline:0px;font-size:100%;vertical-align: baseline;background:transparent;list-style-type:none;-webkit-text-size-adjust:none;/*谷歌浏览器中文字号的BUG解决*/}


/*清除左右浮动-------------------------------------------------------------------------------------------------------------*/
.clr {clear:both;padding:0px;margin:0px;overflow:hidden;width:100%;height:1px;font-size:0px;line-height:0px;}
.column {display:block;float:left;}/*列*/
.colgroup{float:left;width:100%;}/*组*/
.first {margin-left:0;clear:left;}/*左边距为零，清除左浮动

/*伪类声明-----------------------------------------------------------------------------------------------------------------------------------------------*/
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */ 

a:link,
a:visited,

a:active{text-decoration: none;color:#3f3f3f;} /*链接正常状态*/
a:hover{color:#087138;}
img a { border:1px solid #36F; padding:1px; margin:0;}/*图片链接 无边距 无描边*/

.lj_lu:link,
.lj_lu:visited,
.lj_lu:active{ color:#366703; text-decoration:none;}
.lj_lu:hover{ text-decoration: underline; }

.lj_b:link,
.lj_b:visited,
.lj_b:active{ color:#088191; text-decoration:none; font-weight:bold;}
.lj_b:hover{ text-decoration: underline; }


/*-标题标签声明---------------------------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {position:relative;/*相对定位*/color:#2c2c2c;word-spacing:-0.1em;font-family:宋体,Arial, Helvetica, sans-serif;}

/*标题标签字体大小单独声明------------------------------------------------------------------------------*/
h1{ font-size:25px; font-family:"微软雅黑"; color:#087138; font-weight: normal;}
h3{font-size:12px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

/* 通用----------------------------------------------------------------------------------------------*/
.align-left {float:left;}/*左浮动*/
.align_center {margin-left:auto;margin-right:auto;}/*居中排列*/
.align-right {float:right;}/*右浮动*/
.block{display:block; }/*块*/

/* 布局----------------------------------------------------------------------------------------------*/
.gutter-l{margin-left:18px;}/*外左边距*/
.gutter-r {margin-right:18px;}/*外右边距*/
.gutter-t {margin-top:15px;}/*外右边距*/
.gutter-b {margin-bottom:15px;}/*外右边距*/
.no-gutter {margin-left:0;}/*无外边距*/
.padding-lr{padding-left:12px; padding-right:12px;}/*内左右边距*/
.padding-tb{padding-top:5px; padding-bottom:5px;}/*内上下边距*/
.padding-left {padding-left:30px;}/*内左边距*/
.padding-right {padding-right:18px;}/*内右边距*/
.line-bt {border-bottom:1px solid #dcdcdc;}
.line-x-l {border-left:1px solid #dcdcdc;}
.line-x-r {border-right:1px solid #dcdcdc;}
.line {border:1px solid #e4e6e6;}
.line-img {border:1px solid #ededed;padding:2px;}
.gutter-t5{margin-top:5px;}

.gutter-la{margin-left:18px;_margin-left:10px;}

/* 宽度共用------------------------------------------------------------------------------------------*/
.full {width:100%;}
.half {width:50%;}
.width1 {width:100px;}
.width2 {width:200px;}
.width3 {width:300px;}
.width4 {width:400px;}
.width5 {width:500px;}
.width6 {width:600px;}
.width6a{width:650px;}
.width7 {width:700px;}
.width8 {width:800px;}
.width9 {width:900px;}

/* 文字排版------------------------------------------------------------------------------------------*/
.tx-left {text-align:left !important;}
.tx-center {text-align:center !important;}
.tx-right {text-align:right !important;}
.tx-justify {text-align: justify !important;}
.tx-spc { letter-spacing:8px; }
.tx-b { font-weight:bold; }
.tx-u { text-decoration:underline; }
.tx-u-no ,#tx-u-no { text-decoration: none; }
.tx-u-no ,#tx-u-no { text-decoration: none; }
.tx-align{text-align:justify;text-justify:inter-ideograph}/*两端对齐*/
.tx-hight{line-height:25px;}/*行高*/
.tx-indent {text-indent:25px;}
.ta-14 {font-size:14px;}
.ta-12 {font-size:12px;}
.tx_red {color: #C00; }/*文字红色*/
.tx_blue {color: #3366cc; }/*文字蓝色*/
.tx_green {color: #297E29; }/*文字绿色*/
.tx_gray{color:#666;}
.tx_white{color:#fff;}
.zt_en{ font-family: Arial, Helvetica, sans-serif;}/*字体*/

/* 表单开始---------------------------------------------------------------------------------------------------------------------*/

textarea {line-height:18px;overflow:auto;}
textarea.small {height:5.5em;}
textarea.medium {height:10em;}
textarea.large {height:20em;}

fieldset {border:0 none;border-top:1px solid #ddd;margin:10px 0;padding:10px 0;}

legend {background:#fff;color: #cf5656;font-weight:bold;padding:0 6px 0 0;}

label {font-size:12px;text-transform:uppercase;font-weight:bold;}
label.required:before {content:"*";	color:red;padding:0 5px;}
label.ok {padding-left:16px;}
label.error {color:#d00;text-transform:none;margin-left:6px;}
label.choice {vertical-align:middle;font-weight:normal;text-transform:none;}
fieldset small {color:#999;font-size:12px;display: block;}

/* 按钮---------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn {display:inline-block;padding: 5px 10px;color: #555555 !important;text-decoration: none;font-weight: bold;font-size: 12px;_padding:3px 10px;/*ie6*/	font-family: Tahoma, Arial, sans-serif;position: relative;cursor: pointer;border:1px solid #ccc !important;background: #ededed !important;}
.btn:hover, .btn:focus, .btn:active {border:1px solid #329ECC !important;background-color:#06C;color:ffffff;}
.btn-green {color: #fff !important;	border:1px solid #749217 !important;_border:1px solid #dcdcdc;background-color: #390 !important;}
.btn-green:hover, .btn-green:focus, .btn-green:active {border:1px solid #329ECC !important;	background-color: #060;	color:ffffff;}

.btn-blue {color: #fff !important;border:1px solid #2D69AC !important;background-color: #3C6ED1 !important;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {border:1px solid #329ECC !important;background-color: #06C;	color:ffffff;}

.btn-red {color: #fff !important;border:1px solid #AE2B2B !important;background-color: #C30 !important;}
.btn-red:hover, .btn-red:focus, .btn-red:active {border:1px solid #329ECC !important;background-color: #900;color:ffffff;}

/* 分页按钮---------------------------------------------------------------------------------------------------------------------------------------------*/
.pagination  a {padding:2px 6px;border:0 none !important;}
.pagination a.pagination-active, .pagination a.pagination-active:hover {background-color:#266DBB !important;color:#fff !important;}
.pagination span.pagination-active, .pagination span.pagination-active:hover {background-color:#266DBB !important;color:#fff !important;padding:2px 6px;}

/* 留言---------------------------------------------------------------------------------------------------------------------------------------------------*/



.bj_b{ background-color:#FFF;}
.margin-t12{margin-top:12px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*custom css*/
.img-box{padding:10px;}
.img-box li{float:left; margin-right:17px; padding:3px; border:1px solid #ccc; _overflow:hidden;}
.img-box li a{float:left; overflow:hidden; text-align:center; position:relative;}
.img-box li a img{position:relative; vertical-align:text-top;}
/*themes*/

.themes4 li{width:150px; height:140px; margin-bottom:40px;}
.themes4 li a{width:150px; height:140px;}
.themes4 li small a{ height:30px;}













	
