﻿html, body { height:100%;}
html, body { font-family: Arial,"宋体",Verdana; color:#666; font-size:12px; line-height:140%;text-align: left;background: url(../images/top.jpg) repeat-x;}
html, body, div {margin: 0;padding: 0;}
div,img,ima a,span,ul,li,form{margin:0; padding:0; border:0}
ul,li{list-style:none}
body {
 onselectstart="return false"; onpaste="return false";
-moz-user-select:none;}

/*Links*/
a{ color:#07679C; text-decoration:underline}
a:hover{ text-decoration:none}

.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.hide 		   { display: none; }
.line_right    { border-right: 1px solid #DFDEDE; }
.line_bottom   { border-bottom: 1px dashed #A9B4C3; }
.f_red         { color: #ff0000; }
.f_title       { color: #000; }
.f_title_13    { font-size:13px;color: #8B6C19;font-weight: bold; }
.f_us          { color: #585858; }
.f_data        { color: #999; }
.f_11          { font-size:11px; }
.f_13          { font-size:13px; }
.f_14          { font-size:14px; }
.top_40        { margin:40px 0 0 0;}
.top_30        { margin:30px 0 0 0;}
.top_20        { margin:20px 0 0 0;}
.top_10        { margin:10px 0 0 0;}
.pad_1         { padding:15px;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1             { font-size: 15px;}
h2             { font-size: 14px;}
h3             { font-size: 13px;}
h4             { font-size: 12px;font-weight: bold;}

/* clear float <div class="clear"></div> */
.clear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}

/* 通用 */
/**------ 页面皮肤 ------**/
#sbody     {}
#wrapper   {width:1000px;margin:auto;}

/**------ 页面皮肤 ------**/
.head 	{width:1000px; height: 156px; position:relative; }
.head .logo{ background:url(../images/logo.jpg); width:434px; height:101px;}
.head .top_but{ width:335px; height:101px;position:absolute; right:50px; top:0;}
.head .flash{ position:absolute; top:89px;}
.banner{ height:254px; overflow:hidden;}
/**------ 页面皮肤 ------**/

#wrapper .left   {width:263px; float:left;}
#wrapper .box .title   {width:263px; height:36px; background:url(../images/tab_title.jpg) no-repeat; position:relative;}
#wrapper .box span   { left:20px; top:12px; position:absolute; padding-left:17px; color:#fff; background:url(../images/box_ico1.gif) 0 3px no-repeat; font-size:14px; font-weight:bold;}

#wrapper .box .main,#wrapper .box .main2   {width:261px; border-left: 1px solid #ededed;border-right: 1px solid #ededed; }
#wrapper .box .main2   {background:url(../images/box_bg.jpg) center top no-repeat; position:relative; height:208px;}
#wrapper .box .main2 p   { width:130px; left:100px; top:15px;  position:absolute; color:#da2122; font-weight:bold;line-height:22px; padding:0; margin:0;}
#wrapper .box .main2 form   { width:220px; left:15px; top:80px;  position:absolute;}
#wrapper .box .main2 form select { width:220px; float:left; margin-bottom:10px;}
#wrapper .box .main2 form input { width:207px; height:22px; line-height:22px; float:left; border:1px solid #b5b5b5; margin-bottom:2px; background:url(../images/bg_select.gif) repeat-x; color:#7e683f; padding-left:10px;}
#wrapper .box .main2 form input.img { width:220px; height:28px; margin-top:10px; padding:0; border:0;}


#wrapper .box .main ul li a { display:block;width:226px; height:27px; background:url(../images/bg_li.jpg) no-repeat;color:#685535; font-size:14px; text-decoration:none; padding:8px 0 0 35px; margin-top:1px; font-weight:bold;}
#wrapper .box .main ul li a:hover {background:url(../images/bg_li.jpg) 0 -35px  no-repeat; color:#db0000;}
#wrapper .box .bottom   { height:17px; width:263px;background: url(../images/box_bottom.jpg) bottom no-repeat; }
#wrapper .box .bottom2   { height:17px; width:263px;background: url(../images/box_bottom2.jpg) bottom no-repeat; }
#wrapper .right   {width:727px; padding:10px 0 0 10px; float:left; position:relative;}
#wrapper .right .title   {width:727px; height:37px; float:left; background:url(../images/title_bg1.gif) repeat-x bottom; position:relative; }
#wrapper .right .title span{ left:20px; top:12px; position:absolute; padding-left:17px; color:#d40503; background:url(../images/box_ico1.gif) 0 3px no-repeat; font-size:14px; font-weight:bold;}
#wrapper .right .title span.more{ width:55px; left:650px; top:12px; position:absolute; background:url(../images/more.gif) 20px 3px no-repeat; text-indent:-9999px; }

#wrapper .right .title span.position{ width:392px; left:300px; top:12px; position:absolute; color:#666; background:none; font-size:12px; font-weight: normal; text-align:right;}
#wrapper .right .title span.position a{ color:#333; text-decoration:none;}
#wrapper .right .title span.more a{ width:45px; display:block; line-height:18px; }
#wrapper .right .about img   {width: 173px; float:left; padding:10px 0 0 10px;}
#wrapper .right .about p   {width:520px; float:left; color:#9a7531; padding:10px 0 0 10px; margin:0; line-height:23px;}
#wrapper .right .about p span   {color:#d40503; font-size:14px; font-weight:bold; line-height:25px;}
#wrapper  .right .flash { float:left; padding:14px 0 0 0; margin:0;}
#wrapper  .news { float:left; width:727px; }
#wrapper  .news  li{ background:url(../images/news_bg1.gif) repeat-x bottom; height:42px; line-height:42px; position:relative;}
#wrapper  .news  li a{ display:block; padding:13px 0 0 35px; margin:0;color:#595959; background: url(../images/news_ico1.gif) 20px 15px no-repeat; text-decoration:none; line-height:18px; width:70%;}

#wrapper  .news  li a:hover{ color:#da0000; background: url(../images/news_ico1.gif) 23px -15px no-repeat;text-decoration:none; }
#wrapper  .news  li span{ position:absolute; right:18px; top:0px;}
#wrapper .footer{width:1000px; height:180px; background:url(../images/footer_bg.gif) top center no-repeat; float:left; margin-top:20px; position:relative;}
#wrapper .footer p{
	color:#858585;
	font-size:13px;
	margin:49px 0 0 240px;
	width:630px;
	padding-left:26px;
	line-height:23px;
	background: url(../images/footer_line.jpg) left center no-repeat;
}
#wrapper .footer p span{ color:#801d1c; font-size:14px; line-height:32px;}
#wrapper .footer p a{ color:#9a7531; text-decoration:none; }
#wrapper .footer p a:hover{ color:#d6a344; }


#next   			{float:left; width: 100%; height: 40px; padding-top:33px; text-align:center;}
#next a			{color: #666666; padding:3px;}
#next a:hover	{color: #fff; padding:3px; background:#666666; text-decoration:none;}

.news_hot	  	{ width: 95%; height: 105px; padding:25px 0 0 10px; position:relative;}
 
.news_hot img	{display: block; border:6px solid #f0f0f0; position:absolute; height:75px; width: 110px;}
.news_hot h1		{font-weight:bold; color:#333333; padding:3px 0 0 10px; font-size:12px;position:absolute; left:135px;}

.news_hot p		{
	padding:10px 0 0 10px;	width: 553px;	height: 60px;	position:absolute;
	left:137px;
	top:40px;
	white-space:nowrap; overflow:hidden;
-o-text-overflow: ellipsis;    /* for Opera */text-overflow:ellipsis;        /* for IE */}


.news_hot a.more	  	{ width: 70px; display:block;  background: url(../images/DotCase2Hot.gif) no-repeat 25px 8px; color:#C30; padding-top:4px; position:absolute;}
.news_hot a:hover	  	{ width: 70px; display:block;  background: url(../images/DotCase2Hot.gif) no-repeat 27px 8px; color:#ba3500; padding-top:4px; text-decoration:none;position:absolute;}

.case ul{ padding-left:30px;}
.case ul li{ width: 114px; height:80px; padding:15px 0; float:left; text-align:center;}
.case ul li a{ color:#685535; text-decoration:none;}
.case ul li a:hover{ color:#543e19; text-decoration:none;}
.case ul li img{ width: 84px; height:63px;  float:left;}
.case ul li span{ display:block; float:left;width: 90px; padding-top:10px; white-space:nowrap; overflow:hidden;
-o-text-overflow: ellipsis;    /* for Opera */text-overflow:ellipsis;        /* for IE */}

.rightmain{ float:left; width:90%; padding:20px 0 0 40px;}
.rightmain .map{ padding:0 0 50px 50px;}


#insideLeftNav li ul{
	width:100%;
	display:none;
	background:none;
}
#wrapper .box .main li ul li a{
		font-size:12px;
		background:none;
	padding:0 50px;
		width:160px;
		background:none;
}
#wrapper .box .main li ul li a:hover{
background:url(../images/bg_li.jpg)
}
#insideLeftNav li ul li a{
	font-size:12px;
	height:18px;
	line-height:20px;
	_line-height:21px;
	width:140px;
	padding:0 20px;
	background:#f5f5f5;
}
#insideLeftNav li ul li a:hover{
	background:#FFE1E2;
}


/* 产品及产品详细页 */

ul.product{ width: 710px;padding:10px 0 0 10px;}
ul.product li{  width:230px; height:195px; padding: 0; margin:0; float:left; text-align:center; display:block;}
ul.product li img{ width: 195px; height:146px; border:1px solid #EFEFEF; }
ul.product li span{ width: 195px; padding-left:15px; display:block; white-space:nowrap; overflow:hidden; -o-text-overflow: ellipsis;    /* for Opera */ text-overflow:ellipsis;        /* for IE */ line-height: 19px; text-align: left; }
ul.product li span a{ text-decoration: none; color:#666; }
ul.product li span a:hover{color:#333;}


.sideshow{float:left; width:715px;}
.sideshow .title2{float:left; width:100%; height:65px; text-align:center;   padding:10px 0; background: url(../images/show_bg.jpg) top center no-repeat;}
.sideshow .title2 h1{float:left; width:100%;color:#ec5918; font-size:15px; font-weight:bold; padding-top:5px;}
.sideshow .title2 span.time{float:left; width:100%; font-size:11px; color:#666;}
.sideshow .img{float:left; width:220px; text-align:center; padding:0 10px;}
.sideshow .img img{ border:#dbdbdb 1px solid; width:210px; height:157px;}
.sideshow .text{float:left; width:465px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
.sideshow .text .showimg{ text-align:center;}
.sideshow .text .showimg img{ text-align:center;}

.sideshow .text P.Contact{padding:10px 0 0 76px; line-height:25px; position:relative; margin:0 10px;color:#485048; font-size:1.2em;}
.sideshow .text h1.contact{ font-size:1.5em;  padding:18px 0 15px 66px; color:#263827; display:block;height:20px;margin:0 10px; background:url(img/ico_add.jpg) no-repeat 40px 23px; font-weight:200;}
.sideshow .text P.Contact a{color:#485048; text-decoration:none;!important}

.sideshow .text P span.s1,.sideshow .text P span.s2{ position:absolute; top:0; left:0; color:#0ba835; font-size:13px; font-weight:bold; width:110px; background:#f1f5f0; padding-left:10px;}
.sideshow .text P span.s2{left:120px; color:#3c463e; font-size:12px; font-weight:normal;background:#f8fcf7;width:350px; padding-left:10px;}

.sideshow .proList{width:94%; float:left; padding:20px 0 0 30px; }
.sideshow p{ padding:10px 0; margin:0;}
.sideshow .proList p.str,.sideshow .text p.str{ font-size:14px; font-weight:700; line-height:30px; color:#ec5918; padding:0; margin:0; }

.sideshow .proList td{text-indent:10px; line-height:30px; color:#3f433f;}
.sideshow .proList tr.tit td{ background:#dbeadb; font-size:13px; color:#033; font-weight:bold;}

