/*----------全局样式开始-----------*/
html{ background:#ffffff}
body{ margin:0; padding:0; font:12px "宋体",Arial, Helvetica, sans-serif; line-height:22px; color:#555555;p}
ul,li,h1,h2,h3,p{ margin:0; padding:0; list-style:none}
img{ border:0}
input, label, img, th {vertical-align: middle;}
a{ color:#444; text-decoration:none}
a:hover{ color:#6ba80d; text-decoration: underline}
.clear{ clear:both; height:0; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.box{ width:1001px; margin:0px auto; background:url(../images/bj.jpg) repeat-y center top; padding:10px 0px}
.wrapper{ width:970px; margin:0px auto}


/*头部*/
.header{width:100%; margin:0 auto;  height:90px}
.logo{ margin:10px 20px 0px 0px; display:block; float:left}
.header_right{width:270px; float:right; padding-top:5px; text-align:right; color:#666}
.infobar{ margin-bottom:10px; color:#333333}
.infobar a{ margin:0 3px}
/*菜单*/
.menu{ background:url(../images/menubj.jpg) repeat-x center center; line-height:39px; height:39px; font-size:14px; clear:both}
.menu ul{ width:970px; margin:0px auto}
.menu li{ width:107px; height:39px;text-align: center;float:left; font-size:14px; line-height:39px; color:#000; position:relative; z-index:50}
.menu li a{ color:#FFFFFF;display:block; }
.menu li a:hover,.menu li.current a{ color:#FFFFFF;  no-repeat center top;text-decoration: none; background:url(../images/hover.jpg) no-repeat center}
.menu li.current a:hover{ text-decoration: none; color:#ffffff; }
#Marquee{ height:30px; overflow:hidden; width:850px; margin-left:30px; } 
#Marquee div{  height:30px; line-height:30px; width:100%} 

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	top:39px;
	left:0;
	background: #6ca701;
	border: 1px solid #6ca701; width:105px;
	z-index:100;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #6ca701;
		color: #ffffff;
		font: 12px arial}

	#sddm div a:hover
	{	background: #8ac000;
		color: #FFF}

/*内容*/
.fl{ float:left}
.fr{ float:right} 
.mr{ margin-right:12px}
.ml{ margin-left:12px}
.mt{ margin-bottom:12px}
.sidebar{ width:269px; overflow:hidden }
.main{ width:408px; }
.banner{ width:970px; background:url(../images/banbj.jpg) repeat-x center top; border-top:1px solid #fff; padding-top:22px}
.fontjs{ background:url(../images/fontbj.jpg) repeat-x bottom; height:32px; line-height:32px}

.list5{ line-height:24px; padding:10px 0px; width:95%; margin:0px auto}
.list5 img{ display:block; margin:0px 10px 0px 0px; float:left}

.tr{ background:#fdf8e6; height:320px}
.tr p{ font-size:18px; font-family:"微软雅黑"; margin:10px 17px}


.biaoti{ background:url(../images/bt.jpg) no-repeat; width:100%; height:108px; font-size:18px; font-family:"微软雅黑"; color:#fff; text-align:center; line-height:108px}
.biaoti span{ font-size:12px}
.border1{  }
.border1 .title{background:url(../images/title1.jpg) no-repeat center top ;height: 37px;line-height: 37px;text-indent: 1.5em; color:#fff;  width:100%; margin-bottom:5px }
.border1 .title h3{ width:90px; margin-left:25px; text-align:center;text-indent:0;font-size:12px; float:left}
.border1 .title span{ float:right; margin-right:15px; font-family:Arial, Helvetica, sans-serif}
.border1 .title span a{ color:#fff}
.border1 .cont{ padding:0px 5px}
.border1 .more{ float:right; margin: 9px 8px 0 0;}
.border1 .more a{width:44px; height:13px; overflow:hidden; text-indent:10000em; white-space:nowrap;display:block; background:url(../images/more.gif) no-repeat;}
.main .border1 .title{ background:url(../images/title3.jpg) no-repeat center right; color:#333; font-weight:700; font-size:14px; text-indent:0}
.main .border1 span{ color:#090; float:none;font-size:16px}
.main .list5 a{ color:#C00}

.cont1 img{height:150px;width:252px; display:block; margin:10px auto}

.list1{padding:8px 10px 10px 0px; }	
.list1 span{ float:right}
.list1 li{line-height:25px;height:25px;color:#666666;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }	
.list1 .date{color:#999999;float:right;font-size:12px;white-space:nowrap;overflow:hidden }
.ico1 li{ background:url(../images/icon2.gif) no-repeat 5px center; text-indent:20px;}
.fanye{ line-height:32px; width:98%; margin:0px auto }
.fanye span{ float:right}
.fanye a{ margin:0px 3px; }
.fanye a:hover{ text-decoration:underline}
.listside .contact1{ border:1px solid #ccc; width:248px}

.contact2{width:269px; height:200px; margin:0px auto}
.contact2 .contact{ width:100%; height:100%; margin:0px auto}
.contact2 .contact img{ display:block; margin:10px auto; border:1px solid #CCCCCC}
.contact2 .contact p{ line-height:22px; width:95%; margin:10px auto 0px auto}
.mainbox .border1 .title1{ background:none; font-size:14px; line-height:30px; background:#eee; border-bottom:1px solid #ccc; text-indent:10px}
.border1 ul.list4{ height:100%}
.border2 .title{ background:none;  color:#333; text-indent:0 }
.border2 .title h3{font-size:15px; margin:0; }
.border2 .title span a{ color:#060}
.border2 ul.list4 li{ margin:5px 8px}

.border4{ clear:both;}
.border4 .title{background:url(../images/border2_title.gif) no-repeat;height: 41px;line-height:41px;text-indent:33px;}
.border4 .cont{line-height: 24px;padding: 20px 0px 10px 10px;}
.border4 .cont .border{height:200px;overflow:hidden;border:1px solid #CCCCCC;margin-bottom:10x; _margin-bottom:10px;}
.border4 .cont .border p{margin:0px 10px;}
.border4 .title1{font-weight:700;font-size:12px;}
.border4 .ptitle{width:100%; text-align:center;}
.border4 .cont #preview{float:left;width:300px;}
.border4 .cont .proinfo{margin:0 10px;}
.border4 .more{ color:#ffffff; float:right; margin-right:10px;}
.border4 .title h3,.border2 .title h3 a{color:#FFFFFF; font-size:14px;float: left;}
/************列表样式*********/
.list4 li{ padding:5px 0px; margin:6px 9px; float:left; display:inline;}
.list4 li img{  border:1px solid #d3d3d3}
.cont2 ul.list4 li{margin:5px 6px 0px 5px; padding:5px 0px 0px 0px; width:170px; text-align:center;}
.cont2 ul.list4 li img{ margin-right:10px; vertical-align:top; display:block; float:left; }
.list2{padding:8px 10px 10px 0px; }	
.list2 li{line-height:26px;height:26px;color:#666666;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; border-bottom:1px dashed #e2e2e2}	
.list2 .date{color:#999999;float:right;font-size:12px;white-space:nowrap;overflow:hidden }

.list2 span{ float:right}

.footmenu{ width:100%;  color:#ffffff;margin-bottom:5px;}
.footmenu .box{  background:#00aff7 ; margin:0px auto;height:31px; text-align:center; padding:0; line-height:30px}
.footmenu .box a{ margin:0px 3px; color:#ffffff}
.footer{ line-height:22px; text-align:center}

/*内页*/

.listside{ width:269px}
.mainbox{ width:670px; background:none; float:right;}
.mainbox .border1 .title{ background:url(../images/title4.jpg) no-repeat center right; color:#333; text-indent:0; font-size:14px; }
.list3 ul{ display:block;clear:both}
.list3 li{width:122px;margin:10px 18px 0 25px;float:left; white-space:nowrap; overflow:hidden; display:inline}
.list3 .pic img{width:120px;height:120px;border:1px solid #ccc;}
.list3 .pic a:hover img{border:1px solid #090}
.list3 .name{ text-align:center;height:30px;line-height:30px;}
.list3 .name a:hover{color:#6ba80d;}

.newspage_titilt{ font-size:16px; font-weight:700; text-indent:15px; color:#F30; height:30px; margin:0; padding:0; line-height:30px;border-bottom:1px solid #ccc;}
.newspage_xian{ float:left; background:#7399c0; height:4px; overflow:hidden; width:85%; margin:12px 0px 0px 20px}
.newspagecont{width:100%; margin:0px auto;  margin-bottom:10px; font-size:12px; color:#444}
.newspagecont h2{height:40px; text-align:center; margin:20 0px 0px 0px; padding:0; line-height:40px; font-size:18px;}
.newspagetime{border-bottom:1px dashed #666; line-height:30px; text-align:center; padding-right:20px;margin-bottom:10px}
.newspage_cont01{ width:97%; margin:10px auto; line-height:24px; text-indent:2em}
.newspage_cont01 img{ display:block; margin:10px auto}

.message .title{ background      
:#f3f3f3 ; height:30px; line-height:30px; font-size:14px; font-family:"微软雅黑"; text-indent:15px; color:#F60; margin-bottom:7px}
.message .cont{ padding:0px 10px; margin-bottom:10px; }
.message .cont span{ margin:0px 5px 0px 0px ; color:#000}

.message_ly { width:700px; font-size:12px; color:#333; border:1px solid #eaeaea; background:#eeeeee;}

.message_cont{ margin:10px; border:1px solid #dedede; }
.yz{ width:70px}

.mainbox h2{ font-size:16px; font-weight:700;  color:#444; margin-bottom:13px}
.product_pic{ float:left; }
.product_pic img{ display:block; margin-bottom:10px;border:1px solid #ccc}
.pic_small{ background:url(../images/list02bj.gif) no-repeat left top; width:49px; height:55px}
.pic_small img{ margin:0px auto; padding-top:8px; border:none}
.buy{ float:right; width:320px}
.buy_top{ width:320px; border:1px solid #d1f3ca; background:#efffea; height:38px; line-height:38px; text-indent:35px; position:relative }
.buy_top .img01{  top:7px; left:10px; position:absolute}
.buy_top .img02{  top:7px; left:210px; position:absolute}
.buy_top span{}
.list_jg{ line-height:30px; margin-top:10px}
.list_jg b{ font-size:22px; color:#fa7c0e; }
.list_jg span{ color:#393; font-weight:700}
.bounge_box{ border:1px solid #ffb758; background:#fffdf0; padding:10px 10px; margin:7px 0px; line-height:50px; width:92% }
.bounge_box img{ margin:0px 0px 0px 30px; border:none}
.fenxiang{ line-height:50px;}
.pingjia{ background:url(../images/dh.gif) no-repeat left bottom; height:34px; line-height:34px; color:#444; font-weight:700; text-indent:25px; width:100%; position:relative}
.border3{ margin-bottom:20px; padding-bottom:20px; overflow:hidden;}
.product{ width:96%; margin:10px auto}
.product .title1{ background:url(../images/titlebj3.jpg) no-repeat center bottom; height:30px; line-height:30px; font-weight:700}

#site-nav{ font-size:14px; padding-top:20px;}

.mall-prev {BACKGROUND: url(../images/T1NaBCXfplXXXXXXXX-365-720.png) no-repeat}
.mall-next {BACKGROUND: url(../images/T1NaBCXfplXXXXXXXX-365-720.png) no-repeat}
.f-trigger li {FLOAT: left}
.f-slider .f-content {BACKGROUND: #ccc; OVERFLOW: hidden; WIDTH: 510px; HEIGHT: 210px}
.f-slider .f-content A {DISPLAY: block; OVERFLOW: hidden; WIDTH: 510px; HEIGHT: 210px}
.f-carousel {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; POSITION: relative}
.f-carousel .f-content-wrapper {BORDER: #f0f0f0 1px solid;  OVERFLOW: hidden; WIDTH: 350px;  HEIGHT: 200px; text-align:left;}

.f-carousel .f-trigger {MARGIN: 10px 0px 0px; WIDTH: 350px}
.f-carousel .f-trigger li {border: #f2f2f4 1px solid; WIDTH: 40px; liNE-HEIGHT: 40px; MARGIN-RIGHT: -1px;TEXT-AliGN: center; margin:0px 4px;_margin:0px 3px}
.f-carousel .f-trigger li A {BORDER: #fff 2px solid;  WIDTH: 36px;HEIGHT: 36px; display:block; overflow:hidden; }

.f-carousel .f-trigger .active {POSITION: relative}
.f-carousel .f-trigger .active A {BORDER: #bd4453 2px solid; OVERFLOW: hidden; }

.f-carousel .f-trigger B { background:url(../images/arrow05.gif) no-repeat; DISPLAY: none; LEFT: 15px; OVERFLOW: hidden; WIDTH: 9px; TEXT-INDENT: -999em;POSITION: absolute; TOP: -5px; HEIGHT: 5px}
.f-carousel .f-trigger .active B {DISPLAY: block;}
.mall-prev {WIDTH: 20px; CURSOR: pointer; POSITION: absolute; left:-40px; TOP: 90px; HEIGHT: 30px; background:url(../images/arrow02.gif) no-repeat;}
.mall-prev:hover{ background:url(../images/arrow04.gif) no-repeat;}
.mall-next {WIDTH: 20px; CURSOR: pointer; POSITION: absolute; left:370px; TOP: 90px; HEIGHT: 30px; background:url(../images/arrow01.gif) no-repeat;}
.mall-next:hover{ background:url(../images/arrow03.gif) no-repeat;}

#floor-4{ width:350px; margin:0 auto;}

*********产品详细页******/
#preview{ float:left;width:300px;height:335px; overflow:hidden;border:1px solid #CCCCCC;position:relative;}
#preview .jqzoom{height:280px;overflow:hidden;border:1px solid #cccccc;text-align:center;display:table-cell;width:300px;vertical-align:middle;display:block;font-size:176px;}
#preview .jqzoom img{margin-left:auto;margin-right:auto;vertical-align:middle;max-width:300px;max-height:280px; }

#spec-n5{height:62px;margin:2px 0 0;overflow:hidden;}
.list-h li{ float:left;}
#spec-n5{width:310px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:2px; display:inline; position:relative; width:275px; margin-left:10px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;_left:-200px;width:340px;height:340px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:750px;height:750px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;cursor:move;}
.proinfo{ float:right; width:330px; height:362px; overflow:hidden; background:url(../images/fdqy.jpg) 0 -60px no-repeat}
.proinfo p{line-height:26px; text-indent:2em;}

.list_wrap .column_m{  width:760px; float:right; padding-right:20px;}
.list_wrap .column_m .bt{ height:27px; line-height:20px; background:url(../images/title792.jpg) no-repeat 0 0; text-indent:0; position:relative;}
.list_wrap .column_m .bt h4{ font-size:14px; color:#09731A; padding-left:20px;}
.list_wrap .column_m .bt span{ position:absolute; right:0; top:0;}
.list_wrap .column_m .nr ul{ padding-top:20px;}
.list_wrap .column_m .nr li{ padding-left:20px; margin-top:10px; height:30px; position:relative; background:url(../images/line.jpg) no-repeat 0 bottom;}
.list_wrap .column_m .nr li a:hover{ color:#FFA605; text-decoration:underline;}
.list_wrap .column_m .nr li span{ position:absolute; right:0; top:0; color:#999;}
.propalist{float: left;list-style: none outside none;width:275px;margin:0px;padding:0px}
.propalist dt{float: left;width:70px;margin:0px;padding:0px}
.propalist dd{float: left;width:150px;margin:0px;padding:0px}