@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;}
body{
	background:url(/frontStage/images/bodybg.jpg) top center no-repeat fixed;
	text-align:center;}
body,a,input,select,option{color:#555;
	font:normal 14px Arial, Helvetica, sans-serif normal ;
	text-decoration:none;} 
a:hover{text-decoration:underline;}
table { 
    border-collapse:collapse; 
    border-spacing:0;
} 
img {  
    border:0; 
} 
ol,ul { 
    list-style:none; 
}
#container{
	width:910px;
	height:auto !important;
	margin:0 auto;
	padding:5px;
	text-align:left;}
#top{
	height:80px;
	line-height:25px;
	padding:0 10px;
	
	}
#top p{
	float:right;
	font:normal 14px;}
#nav{
	width:888px;
	margin:0 auto;
	padding:10px 0 0 0;
	*padding:5px 0 0 0;
	
	clear:both;
	}
#nav li{
	width:74px;
	height:35px;
	float:left;}
#nav li a{

	}
#content{
	width:910px;
	}

#menu{
	width:210px;
	float:left;
	clear:right;
	height:auto;
	margin:10px 0 10px 10px !important;
	*margin:5px 0 0 5px;
	}
.menu_top{
	width:200px;
	background:url(/frontStage/images/ciye/gouwuche.png) no-repeat top center !important;
	*background:none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="/frontStage/images/ciye/gouwuche.png", sizingMethod="crop"); 
	height:38px;
	padding:10px 0 0 10px;
	color:#FFF;
	font: bold 14px Arial, Helvetica, sans-serif;
	}
#menu_cart{
	background:#f5f5f5 url(/frontStage/images/001.jpg) left center no-repeat;
	text-align:center;
	padding:15px 0 0 55px;
	font-size:12px;
	}
#menu_cart ul{
	padding:0;
	background:none;
	margin:0;}
#menu_cart ul li{
	padding:0;
	background:none;
	margin:0;
	line-height:14px;}
#menu_cart ul li a{
	font-size:12px;
	color:#333;}
#menu ul{
	background:#EEE;}
#menu li{
	background:url(/frontStage/images/ciye/sonik.white_down.png) top center no-repeat;
	padding:0 0 0 10px;
	height:24px;
	line-height:20px;}
#menu li.sup{
	background:url(/frontStage/images/ciye/sonik.white_up.png) top center no-repeat;}
#menu li.sub{
	background:url(/frontStage/images/ciye/sonik.light_down.png) top center no-repeat;}
#menu li a{
	font:12px Arial, Helvetica, sans-serif;
	}
#menu img{
	margin:5px 0 0 0 !important;
	*margin:2px 0 0 0;}
.menu_buttom{
	background:url(/frontStage/images/ciye/sonik.side_base2.gif) no-repeat ;
	height:9px;
	margin:0 0 10px !important;
	*margin:0 0 5px;}
#menu img{
	margin:0 0 10px 0;
	width:207px;}
#main{
	background:url(/frontStage/images/ciye/ding.jpg) no-repeat center 35px ;
	width:668px;
	height:auto !important;
	height:1070px;
	min-height:1070px;
	float:left;
	clear:right;
	margin:10px 0 10px 10px !important;
	*margin:5px 0 5px 10px;}
#search{
	background:#586554;
	font-size:12px;

	width:658px;
	padding:0 0 0 10px;
	color:#FFF;
	line-height:30px;}
#search a{
	font-size:12px;
	color:#FFF;}
#search form{
	width:200px;
	float:right;}
#search form input {
	width:100px;
	height:15px;
	border:#000 solid 1px;
	font:12px normal  Arial, Helvetica, sans-serif;}
#search form input.go{
	width:30px;
	height:20px;
	background:none;
	border:none;
	color:#FFF;
	font: italic bold 12px  Arial, Helvetica, sans-serif;
	}
.page_box{
	margin:10px 0 10px;
	width:380px;
	float:right;
	text-align:center;
	}
.page_box a{
	display:inline-block;
	width:25px;
	background:#fff;
	border:#ccc solid 1px;
	margin:0 1px;
	float:left;}
.page_box a.est{
	background:#CCC;}
.page_box a.er{
	background:#eee;}
.flash{
	width:661px;
	
	margin:5px auto 0;}
#main ul{
	margin:20px 0 0 10px;
	list-style:disc inside;
	line-height:25px;}
#main ul li{
	margin:10px 5px;}
.ptype{
	background:url(/frontStage/images/product/225.png) no-repeat !important;
	*background:none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="/frontStage/images/product/225.png", sizingMethod="crop"); 
	height:20px;
	width:517px;
	padding:10px 0 0 150px;
	margin:5px 0 0 0;
	float:left;
	color:#FFF;
	font-weight:bold;}
.etype{
	background:url(/frontStage/images/ciye/daohang.png) no-repeat !important;
	*background:none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="/frontStage/images/ciye/daohang.png", sizingMethod="crop");
padding:10px 0 0 20px;
width:647px;}
.eventType{
	width:214px;
	float:left;
	overflow:hidden;
	background:#FFF;
	height:auto !important;
	height:300px;
	min-height:300px;
	position:relative;
	clear:right;
	border:#999 solid 1px;
	margin:3px 1px;
	padding-bottom:25px;}
.eventType ul{
	width:200px;
	margin:0;
	padding:0;}
.eventType ul li{}
.eventType span{
	display:block;
	width:40px;
	height:15px;
	position:absolute;
	bottom:5px;
	right:10px;
	float:right;
	background:url(/frontStage/images/event/1249527.gif) no-repeat;}

.eventType img{
	width:214px;
	height:125px;}

	
#eventTitle{padding:10px;}
#eventTitle img{width:214px; height:125px; border:0;}
ul#eventList {  margin:0 10px;}
#eventList li{ margin:0 10px; border-bottom:#DDD solid 1px;}
#eventList li span{}
#eventList .first{ border-bottom:#999 solid 2px; font-weight:bold; margin:0; }
#eventList .first span{ border:none;}
#eventList span.eventdate{ width:150px; float:right; clear:left;}


.events{
	width:666px;
	margin:35px 0 0 0 !important;
	_margin:0;
	background:#FFF;}
#dataOption{
	
	height: 20px;
	padding: 5px 10px 0px 10px;
	margin:10px 0 0;
	border-style: solid none solid none;
	border-color: #FFFFFF #D8D5D1 #D8D5D1 #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	
	background-color: #EDEDE5;
}
.managerData {
	float: left;
	font-size: 0.8em;
	color: #000;

	text-decoration: none;
}
#event1{
	width:45%;
	font-weight:bold;
}
#event2{
	width:20%;
	font-weight:bold;
	
}
#event3{
	width:20%;
	font-weight:bold;
}
#event4{
	width:15%;
	font-weight:bold;
	text-align:center;}
.managerRow {

	float: left;
	width: 645px;
	padding: 8px 10px 10px 10px;
	
	color: #000;

	border-style: solid none solid none;
	border-color: #FFFFFF #D8D5D1 #D8D5D1 #D8D5D1;
	border-size: 1px;
	border-width: 1px;
}
.comment{
	height:auto;
	min-height:100px;
	clear:both;
	margin:15px;
	background:#fff;
	border-style: solid none solid none;
	border-color: #FFFFFF #D8D5D1 #D8D5D1 #D8D5D1;
	border-size: 1px;
	position:relative;
	border-width: 1px;}
.dealer_result {
	height:auto;
	min-height:50px;
	padding:15px;
	background:#eee;
	border-style: solid none solid none;
	border-color: #FFFFFF #D8D5D1 #D8D5D1 #D8D5D1;
	border-size: 1px;
	border-width: 1px;}
.comment h3,.dealer_result h3{
	width:200px;
	float:left;}
.comment span.contacts,.dealer_result span.contacts{
	float:right;}
.comment p,.dealer_result p{
	clear:both;
	line-height:22px;
	padding:10px 0;}
.comment a img,.dealer_result a img{
	width:50px;
	height:50px;
	}
.comment span.time,.dealer_result span.time{
	display:block;
	width:600px;
	text-align:right;
	}
#forms,.forms,#form0,#form1,#form2,#form3{
	background:#fff;
	padding:10px;
	border-style: solid none solid none;
	border-color: #eee #D8D5D1 #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	}
#forms form ul,#form0 form ul,#form1 form ul,#form2 form ul,#form3 form ul{
	margin:0;}
#forms form li,.forms form li{
	height:auto;
	min-height:20px;
	line-height:20px;}
#forms form span,.forms form span{
	display:block;
	width:100px;
	float:left;
	clear:both;}
#forms form input.text,.forms form input.text{
	width:200px;}
#forms form input#submit,.forms form input#submit{
	margin:0 0 0 130px;
	border:none;
	width:54px;
	height:23px;
	background:url(images/contact/4.jpg) center no-repeat;}
#forms form input#reset,.forms form input#reset{
	margin:0 0 0 30px;
	width:54px;
	border:none;
	height:23px;
	background:url(images/contact/5.jpg) center no-repeat;}
#forms form textarea,.forms form textarea{
	width:400px;
	height:100px;}
#forms form img#preview{
	width:50px;
	height:50px;
}

.product,.team{
	background:#FFF;
	padding:10px 9.5px 10px 10px;
	float:left;
	word-wrap:break-word;
	}
#main p{
	}
#main table{
	background:#FFF;}
#main table tr td{
	vertical-align:top;}
.team{
	float:none;
	padding:10px;
	font:normal 14px "Times New Roman", Times, serif ;
	line-height:23px;}
.team a{
		font:bold 14px "Times New Roman", Times, serif;}
.product a{
	display:block;
	margin:5px 0;
	width:314px;
	height:31px;
	text-align:center;
	text-decoration:underline;
	line-height:30px;
	font-weight:bold;
	background:url(/frontStage/images/product/tiao.png);}
.product img{
	width:314px;
	height:145px;
}
.margin{
	margin:40px 0 0 0;
	_margin:0;
	word-wrap:break-word; }
.wordwrap
{
     word-wrap:break-word;
     word-break:break-all;
	width:600px;
    -moz-binding: url('./wordwrap.xml.wordwrap');
     overflow: hidden;
}
.team img{
	width:314px;
	display:block;}
.team h3{
	width:309px;
	height:26px;
	padding:5px 0 0 5px;
	margin:0 0 5px 0;
	background:url(/frontStage/images/product/tiao.png);

	}
.porduct_title,.team_title{
	background:;}
#product_sample{
	width:668px;}
#product_sample img{
	width:668px;}
#product_sample ul{
	margin:0;}
#product_sample ul li{
	float:left;
	margin:0;}
#product_sample ul li img{
	width:163px;
	height:92px;
	border:#eee solid 2px;}
#product_spec{
	width:668px;
	float:left;
	clear:both;
	height:auto;
	min-height:200px;}
#product_spec table{
	text-align:center;
	background:#fff;
	width:668px;}
#product_spec table th{
	background:#586554;
	font-size:10px;
	vertical-align:top;
	color:#FFF;}
#product_spec table tr.changeColor{
	background:#eee;}
#product_spec table tr{
	background:#FFF;
	height:25px;}
#product_description{
	width:363px;
	background:#eee;
	height:400px;
	overflow:auto;
	float:left;
	padding:10px;
	clear:left;
	margin:5px 5px 5px 0;}
#product_review{
	width:255px;
	background:#eee;
	height:400px;
	overflow:auto;
	float:left;
	padding:10px;
	margin:5px 0 5px 5px;
	}

#product_competition{
	width:255px;
	background:#eee;
	height:160px;
	overflow:auto;
	float:left;
	padding:10px;

	margin:5px 0 5px 5px;}
#product_confidence{
	width:648px;
	background:#eee;
	float:left;
	margin:5px 0 10px;
	padding:10px;
	}
#product_testimonial{
	width:668px;
	background:#eee;
	clear:both;
	margin:5px 0;
	padding:0;}
	#product_testimonial h3{
	padding:10px;}
.media{
	padding: 0px;
	float: left; 
	width: 153px; 
	margin-bottom: 15px; 
	margin-right: 10px; 
	background-color: rgb(255, 255, 255); 
	text-align: center;}
.media a{
	color: rgb(0, 0, 0); 
	font-weight: bold;}
.media a img{width: 133px; height: 191px; display:block; margin: 10px auto 5px auto;}
.media p{padding: 0px 10px; width: 133px; text-align: left;font-weight: bold;}
.float{
	float:left;
	display:inline;
	padding:3px 0 3px 10px;
	_padding:0 0 1px 10px;
	}
.floats{

	}
.floats img{
	display:inline;
	padding:4px 0 0 4px;
	*padding:4px 0 0 4px;
	_padding:0px 0 5px 2px;}
.clear{
	clear:both;
	height:10px;
	margin:0;
	background:url(/frontStage/images/dash.gif) 10px 1px no-repeat;}
.tab{
	padding:2px 0 5px 10px;
	_padding:0 0 5px 10px;}
.tab img{
	padding:0;
	margin:0 3px 0 0;}
.tab img.up{
	margin:0 5px 5px 0;
	_margin:0 5px 3px 0;}
#contact-top{
	width:628px;
	margin:0 auto;
	padding:10px 0 3px 20px;
	clear:both;
	font-weight:bold;
	border-bottom:#548e47 solid 1px;
	}
#contact-top b{
	color:#548e47;}
#contact-con{
	width:300px;
	float:left;
	}
#contact-con ul{
	}
#contact-con ul li{
	background:url(/frontStage/images/contact/1.jpg) left center no-repeat;
	line-height:20px;
	padding:0 0 0 15px;}
#contact-cor{
	padding:0 0 0 330px;}
#contact-cor b{
		color:#548e47;}
#contact-cor dl{
	list-style:none;
	line-height:20px;
	}
#contact-cor dl dt{
	font-weight:bold;}

#contact-cob{
	background:url(/frontStage/images/contact/2.jpg) left top no-repeat;
	position:relative;
	margin:20px 0 0;
	height:120px;
	width:200px;
	}
#contact-cob a{
	position:absolute;
	left:17px;
	top:60px;
	color:#000;
	width:100px;
	text-decoration:underline;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}
a.target{
	display:block;
    color:#548e47;
	line-height:25px;
	padding:5px 0 0 25px;
	font-weight:bold;}
#white{
	background-color:#FFF; padding-top:15px; clear:both; margin-right:3px;	height:auto !important; height:1070px; min-height:1070px;}
.gallery{
	padding: 0px;
	float: left; 
	width: 218px; 
	margin-bottom: 15px; 
	background-color: rgb(255, 255, 255);
	text-align: center;}
.gallery a{
	color: rgb(0, 0, 0); font-weight: bold;}
.gallery a img{
	margin: 10px 0px 10px 8px; width: 213px; height: 339px;}
#waranty-top,#waranty-body{
	padding:10px;
	}
#waranty-top .waranty-sup,#waranty-body .waranty-sup{
	clear:both;
	padding:0;
	}
#waranty-top .waranty-sup{
	float:left;
	width:180px;}
#waranty-top .w-sub{
	margin:0 0 0 180px;
	float:none;
    }
#waranty-top .w-sub ul{
}
#waranty-top ul{
	
	padding:10px;
	margin:0;}
.waranty-sup div{
	float:left;
	text-align:center;
	width:160px;}

.waranty-sup div img{
	width:154px;
	height:102px;
	margin: 10px 0px 10px;}
#waranty-body .waranty-type{
	font-size:12px;
	font-weight:bold;
	background:#586554 url(/frontStage/images/warranty/war.jpg) no-repeat 10px center;
	clear:both;
	padding:0 0 0 110px;
	color:#FFF;
	line-height:30px;}
#waranty-body .waranty-type a{
	font-size:12px;
	color:#FFF;}
#waranty-body .waranty-sup{
	border:#CCC solid 2px;}
#order{
	padding:10px;}
	
#sidebar{
	width:180px;
	float:right;}
.blog_title{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;}
#blog_content{
	margin:0 190px 0 10px;
	line-height:20px;
	}
#blog_content img{
	float:left;}
.blog{
	border-bottom: 1px solid rgb(221, 221, 221); font-size: 1em; padding:10px 0 15px 0;
	clear:left;
	}
.blog img{
	float:left;
	display:inline;
	margin:5px;}
	
.date{
	float: left; font-size: 0.9em; width: 70%; text-align: left;}
.date a{ font-size: 0.9em;}	
.more{
	text-align:center;
	float:right;}
.sideblock {
	margin:10px 0 0 0;}
.sideblock ul#blogul{
	
	margin:0;}
.sideblock ul#blogul li{
	padding-left: 3px; font-size: 1.0em; padding-bottom: 10px;
	line-height:16px;
	margin:0;
	}
.sideblock ul#blogul li a{
	font-size: 1.0em;
	text-decoration:underline;}
.sideblock ul#blogul li.btitle{
	background:url(/frontStage/images/ciye/sonik.light_down.png) -30px top no-repeat;
	padding:3px 0 10px 3px;
	}
	
#order{
	padding:10px;
	background:url(/frontStage/images/sonik.sk_background.jpg) left bottom no-repeat;}	
#order p{
	padding:10px 0;}
#cart{
	width:600px;
	background:none;
	}
#cart td{
	padding:5px;}
#cartSbm{
	text-align:right;
	padding:15px 70px 0 0;}
fieldset {
	float: left;
	width: 643px;
	border: 1px solid #DDD;
	padding: 10px;
}

legend {
	padding: 0px 10px;
}

form fieldset label {
	float: left;
	width: 120px;
	padding: 0px; 
	margin: 5px 0px;
	text-align: right;
	font-size: 0.89em;
}

form fieldset label.full {
	width: 645px;
	text-align: left;
}

form fieldset label.wide {
	width: 140px;
}

.formError {
	color: red;
}

form fieldset input, form fieldset select, form fieldset textarea {
	float: left;
	margin: 5px 0 0 10px;
}

form fieldset textarea {
	height: 100px;
}

form fieldset input.fileupload {
	width: 200px;
	height: 22px;
}

form fieldset input.button {
	float: none;
	margin: 5px 0 0 0px;
}

form fieldset input.topbutton {
	float: none;
	margin: 0px;
}

form fieldset input#submit {
	width: auto;
}

.checkboxList li input {
	float: none;
}

.formRow {
	clear: both;
}
p.basketNotice {
	float: left;
	width: 625px;
	background-color: #BEAB44;
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 0px 0px 10px 0px;
}

p.basketNotice a {
	color: #000;
	text-decoration: none;
}

p.basketNotice a:hover {
	text-decoration: underline;
}

p.formNote {
	margin-bottom: 0px;
}


p.formNotice {
	float: left;
	width: 625px;
	background-color: #DDF;
	font-size: 1.2em;
	text-align: center;
	padding: 20px;
	margin: 0px 0px 10px 0px;
}


fieldset.generalForm {
	border: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(images/sonik.sk_background.jpg) left bottom no-repeat;
}

fieldset.generalForm legend {
	font-size: 1.0em;
	color: #000;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

fieldset.generalForm .formRow {
	clear: both;
	width:100%;
	float: left;
	margin-top: 10px;
}

fieldset.generalForm .firstHeading {
	width: 100%;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
}

fieldset.generalForm .heading {
	width: 645px;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #DDF;
}

.checkboxSpan {
	_margin-top: 7px !important;
	font-size: 0.89em;
}

.formSubNote {
	clear: both;
	margin-left: 130px;
	font-size: 0.8em;
}

fieldset.generalForm .formRow span {
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

fieldset.generalForm .formRow span.required {
	float: none;
	color: red;
}
#sidebar{
	width:180px;
	float:right;}
#blog_content{
	margin:0 190px 0 10px;
	line-height:20px;
	}
#blog_content img{
	float:right;}
.blog{
	border-bottom: 1px solid rgb(221, 221, 221); font-size: 1em; padding:10px 0 15px 0;
	clear:left;
	}
.blog img{
	float:left;
	display:inline;
	margin:5px;}
	
.date{
	float: left; font-size: 0.8em; width: 70%; text-align: left;}	
.more{
	text-align:center;
	float:right;}
#footer{
	background:url(/frontStage/images/baide.png) center top no-repeat !important;
	*background:none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="/frontStage/images/baide.png", sizingMethod="crop"); 
	height:100px;
	margin:3px 10px;
	clear:both;
	width:888px;
	}
#footer a{position:relative;}
.pad{
	margin:5px;}
#footer #contact{
	float:right;
	padding:3px 30px 0 0;}
#footer #contact b,span{
	margin:0 10px;
	}
#card{
	float:left;
	clear:right;
	width:480px;
	padding:0 0 0 10px;
}
#card img{
	margin:0 2px 0 0;
	padding:0;
	float:left;}
#partner{
	width:187px;
	height:33px;
	font:12px "Arial Black", Gadget, sans-serif  ;
	line-height:30px;
	text-align:center;
	float:left;
	clear:right;
	background:#FFF;
	margin:4px;
	}
#help{
	width:187px;
	margin:0 15px 0 0;
	height:40px;
	line-height:20px;
	text-align:center;
	float:left;
	clear:right;
	background:#999;}
#help a{
	text-decoration:underline;
	line-height:20px;
	color:#FFF;
	font:normal 12px  Arial , Gadget, sans-serif;
	}
#bottom{
	background:url(/frontStage/images/xia.png) center top no-repeat !important;
	*background:none;
	text-align:center;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="/frontStage/images/xia.png", sizingMethod="crop"); 
	clear:both;
	height:20px;
	font:normal 12px  Arial , Gadget, sans-serif;
	padding:5px 20px;
	margin:0 10px;
	}
#bottom p{position:relative;}
#job{ position:fixed; top:0; left:-3px;  _position:absolute; }













.floats {
	background: url(../images/jianjiebj.jpg) no-repeat center 3px;
	float: left;
	width: 338px;
	height: 314px;
	padding-top: 4px;
	padding-left: 4px;

}
.jj {
	padding: 20px 25px;
}
.jj2 {
	padding: 25px 25px 0;

}
.accc{ color:#CCCCCC;}
.accc a:link, .accc a:visited{ color:#CCCCCC; text-decoration:none;		font-size:12px;
	line-height:24px;}
.accc a:hover, .accc a:active{ color:#eeeeee; text-decoration:none;		font-size:12px;
	line-height:24px;}
#qudao {
	float: left;
	width: 658px;
}
#qudao li {
	list-style-type: none;
}
.gf {
	float: none;
}