/*----------全局样式开始-----------*/

html{ background:#ffffff}

body{ margin:0; padding:0; font:12px "宋体",Arial, Helvetica, sans-serif; line-height:22px; color:#555555;}

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:#000000; text-decoration: underline}

.clear{ clear:both; height:0; overflow:hidden}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.box{ width:970px; margin:0px auto; background:url(../images/bj.jpg) repeat-y center top; padding:10px 0px 0px 0px}

.wrapper{ width:970px; margin:0px auto}





/*头部*/

.header{width:100%; margin:0 auto;  height:60px}

.logo{ margin:10px 20px 0px 0px; display:block; float:left}

.header_right{width:270px;right:65px; float:right; padding-top:5px; text-align:right; color:#666}

.infobar{ margin-bottom:10px; color:#333333;font-size:14px;}

.infobar a{ margin:0 3px}

.infotop{ margin-bottom:0px; padding-top:-3px;}

/*菜单*/

.menu{ background:url(../images/menubj.jpg) repeat-x center center; line-height:42px; height:42px; font-size:14px; clear:both}

.menu ul{ width:970px; margin:0px auto}

.menu li{ width:120px; height:42px;text-align: center;float:left; font-size:14px; line-height:42px; color:#000; position:relative; z-index:50}

.menu li a{ color:#FFFFFF;display:block; margin:-5px auto}

.menu i{ overflow:hidden;background:url(../images/fenge.jpg) no-repeat center center; width:2px; float:left;height:42px;line-height:42px;}

.menu li a:hover,.menu li.current a{ color:#FFFFFF;  no-repeat center top;text-decoration: none}

.menu li.current a:hover{ text-decoration: none; color:#ffffff; }

#sddm div

{	
	position: absolute;
	display: none;
	margin: 0;
	padding: 0 20px 0 10px;
	top:32px;
	left:0;
	background: #014099;
	border: 1px solid #014099; width:130px;
	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: #014099;

		color: #ffffff;

		font: 14px arial}



	#sddm div a:hover

	{	background: #0365f0;

		color: #FFF}



/*内容*/



.product_scroll{ margin:0px auto;  position:relative; width:960px}

.product_scroll_inner{ height:220px;overflow:hidden; float:left; margin:0px 5px; width:900px}



.product_scroll .btn_l, .product_scroll .btn_r{

	display:block;

	width:24px;

	height:210px;

	background:url(../images/roll.jpg) no-repeat 0 0;

	margin-top:50px;

	cursor:pointer;

}

.product_scroll .btn_l{ float:left}

.product_scroll .btn_r{ background:url(../images/roll.jpg) no-repeat right 0;float:right}



.list3 ul{ display:block;clear:both}

.list3 li{width:217px;margin:10px 5px 0 4px;float:left; white-space:nowrap; overflow:hidden; display:inline; text-indent:0}

.list3 .pic a{ display:block; margin:0px auto;  border:5px solid #eeeeee; height:170px;width:170px}



.list3 .pic a:hover{ border:5px solid #9dc34a}

.list3 .pic img{ text-indent:0}



.list3 .name{ text-align:center;height:30px;line-height:30px;}

.list3 .name a:hover{color:#000;}



.listpc ul{ display:block;clear:both}

.listpc li{width:170px;margin:4px 2px;float:left; white-space:nowrap; overflow:hidden; display:inline; text-indent:0}

.listpc .pic a{ display:block; margin:0px auto;  border:1px solid #eeeeee; height:165px;width:165px}



.listpc .pic a:hover{ border:1px solid #9dc34a}

.listpc .pic img{ text-indent:0}



.listpc .name{ text-align:center;height:30px;line-height:30px;}

.listpc .name a:hover{color:#000;}



.fl{ float:left}

.fr{ float:right} 

.fi{ float:none}

.mr{ margin-right:12px}

.ml{ margin-left:12px}

.mt{ margin-bottom:12px}

.sidebar{ width:236px; height:700px; overflow:hidden;  no-repeat center bottom;border:1px solid #ccc;}

.sidebaryou{ width:715px;height:700px; overflow:hidden;  no-repeat center bottom; border:1px solid #ccc;}

.main{ width:717px; height:400px; background:url(../images/mainbj.jpg) no-repeat center bottom }

.main1{width:717px; height:180px; background:none; border:1px solid #ccc}

.banner{ width:970px;}

.topbox{ width:970px;height:100%;}

.mainbox .content{overflow:hidden;zoom:1; margin: 0 auto;position:relative;}

.mainbox .changeDiv a{position:absolute;top:0px;left:0px;display:none;}

.mainbox .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}

.mainbox .change i {color:#999999;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;background:#f5f5f5;}

.mainbox .change i.cur { background:#FD7E8B;color: #FFFFFF;}

.gg{ height:700px; background:none}

.gi{ height:80px; background:none}

.list5{ line-height:24px; padding:8px 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 .title{ background:url(../images/tt.jpg) no-repeat bottom left;height: 35px;line-height: 35px;text-indent: 1.5em; color:#014099;  width:97%; margin:0px auto; }

.border1 .title h3{ background:url(../images/icon05.jpg) no-repeat center left ; width:150px; margin-left:10px; text-align:left;  text-indent:5;font-size:12px; float:left}

.border1 .cont{ padding:5px;}

.border1 .more{ float:right; margin:7px 3px 0 0;}

.border1 .more2{ float:right; margin:7px 3px 0 0;}

.border{ margin-top:5px;border:1px solid #ccc;}

.line { height:1px; width:710px; background:#808080; overflow:hidden;}



 .cont2{ padding:1px;}

.list1{padding:3px; }	

.list1 span{ float:right}

.list1 li{line-height:30px;height:30px;color:#666666;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; border-bottom:1px dashed #ccc }	

.list1 .date{color:#999999;float:right;font-size:12px;white-space:nowrap;overflow:hidden }

.ico1 li{ background:url(../images/icon22.gif) no-repeat 5px center; text-indent:25px; }

.ico2 li{ background:url(../images/icon3.gif) no-repeat 5px center; text-indent:25px;}
.lfnavigation{ float:left;}
.lfmenu1{ font-weight:bold;}
.lfmenu2{ text-indent:0.5cm;font-weight:lighter;}
.lfmenu3{ text-indent:1.0cm;font-weight:lighter;}

.leftfont li{font-size:12px;margin-left:5px;font-weight:bold;}
.pagelink{ float:right; height:26px; line-height:26px; background-color:#DCD9D4; margin:20px 0 0 0; padding:0 10px;}

.pagelink a, .pagelink span{ padding:0 3px;}

.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.listside .contact1{ width:228px}

.contact1{width:220px;margin:0px auto;  }

.contact2{width:220px; margin:0px auto; }

.contact{  width:100%; height:100%; margin:2px auto}

.contact3{  width:100%; height:100%; margin:2px}

.contact p{ line-height:23px}

.border1 ul.list4{ height:100%}

.border2 ul.list4 li{ margin:5px 8px}

.border2 .title{ background:#85b61f; width:100%; height:40px; color:#fff;}

.border2 .title .more{ margin-top:12px}

.border4 .title .more{ margin:9px 2px 0px 0px}

.list4 li{ padding:5px 0px; margin:6px 9px; float:left; display:inline}

.list4 li img{  border:1px solid #d3d3d3}

.sidebar1{ background:none; height:182px}

.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{ line-height:30px}

.footer{ line-height:22px; text-align:center; background:#014099; padding:10px 0; color:#fff; clear:both}

.footer a{ color:#fff}



.lie{ width:125px; padding:5px 0 10px 0; margin:0px 20px 0px 22px; display:inline}

.lie img{ display:block; margin:10px auto}

/*内页*/



.listside{ width:250px;background:url(../images/listbj.jpg) repeat-y right top; border-bottom:1px solid #ccc;border-left:1px solid #ccc; padding-top:10px;}

.listside .border1{ border:0}

.mainbox{ width:700px }

.mainbox .border1{ border:0; padding-top:10px}



.left100{ height:100% }



.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:340px}

.buy_top{ width:340px; 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}

.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}

.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: 42px;HEIGHT: 42px; 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;}







/*----------tab选项卡-----------*/

.tabbox{width:715px;font-size:12px; border:1px solid #cdcdcd; height:368px}

.tabbox ul{margin:0;padding:0;list-style:none}

.tabbox #tab{height:42px;padding-left:0px;border-bottom:1px solid #cdcdcd}

.tabbox #tab li{width:130px;height:35px;padding-top:7px;text-align:center;float:left;background:#fff;cursor:pointer; border-right:1px solid #cdcdcd;}

.tabbox #tab li.on{width:130px;height:38px;padding-top:5px;color:#00f;background:#fff;position:relative;top:0px;}

.tabbox #tab_con{border-top:none;padding:20px}

.tabbox #tab_con li{display:none}

.tabbox #tab_con #tab_con_1{display:block;}





.bt{ border-bottom:1px dashed #ccc}

.list4 li{ padding:15px 0 0px 0; width:330px;overflow: hidden; float:left}

.list4 li .pic{  float:left; width:80px; height:100px; margin-right:5px;}

.list4 li a{ color:#014099}

.list4 li .pic img{ width:77px; height:79px; display:block}

.list4 li .name{}

.price em{ font-size:14px; font-weight:bold; color:#ff4400}

.dlsimg{ 

    float:left;                    /*图片向左浮动*/

    margin-right:5px;      /*图片右侧与文字的边距*/

    margin-bottom:3px;   /*图片下部与文字的边距*/

}

.m-ft{margin-top:12px;line-height:20px;font-size:12px;text-align:center}

.m-ft a{padding:0 12px;}

.m-ft a.first{border:none}.w-btn{display:block;width:143px;height:31px;line-height:31px;margin-top:7px;text-indent:32px;background-position:0 0;text-indent:-20000px}

.m-ft li{ width:1px; padding:0px 5px 0px 12px; font-size:13px;  border-left:1px dotted #808080; display:inline; word-break:keep; white-space:nowrap;}

.g-ft{height:87px;margin-top:20px;border-top:2px solid #014099;background:#e7e7e7}

.g-doc{width:980px;margin:0 auto}



.demo_line_02{height: 1px;border-top: 1px solid #ddd;text-align: left;}

.demo_line_02 span{position: relative;top: -8px;background: #fff;padding: 0 20px;}



.products{ float:right; margin:5px 10px 0px 0px; width:730px; overflow:hidden;}

.products ul{ margin:0px 0px;}

.products ul li{ float:left; margin:10px 6px; overflow:hidden;}

.products ul li img{ padding:1px 1px; width:155px; height:155px; border:1px solid #8BC7F8;}

.products ul li .product_name{ width:168px; height:28px; line-height:25px; text-align:center; display:block; overflow:hidden;}