@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	font-size:12px;
	font-style:normal;
	font-family:Arial;
	color:#333;
	background-color:#454545;
}
a{text-decoration:none;}
a:link,a:visited{color:#535353;}
a:hover,a:active{color:#FF3300;}

form{
	padding:0;
	margin:0;
}
.empty{
	line-height:40px;
	text-align:center;
}

.container{
	width:940px;
	margin:0 auto;
	padding:0 10px;
	background-color:#333;
}
.container .header{
	height:74px;
	background:url(../images/header.jpg) no-repeat;
	position:relative;
}
.container .header .search{
	position:absolute;
	top:23px;
	right:23px;
}
.container .header .search input{
	vertical-align:middle;
}
.container .header .search #key{
	width:160px;
	border:solid 1px #666;
	background-color:#333;
	color:#FFF;
	font-size:12px;
	margin-right:5px;
}
.TopMenu{
	height:30px;
	line-height:30px;
	background:url(../images/TopMenu.jpg) repeat-x;
	padding:0 26px;
	/*overflow:hidden;
	zoom:1;*/
}
.TopMenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
.TopMenu ul li{
	display:block;
	float:left;
	padding:0 5px;
	position:relative;
	z-index:50000;
}
.TopMenu ul li.line{
	width:1px;
	height:10px;
	padding:0;
	background-color:#FFF;
	margin:10px 0;
}
.TopMenu ul li a{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.TopMenu ul li a:link,.TopMenu ul li a:visited{color:#FFF;}
.TopMenu ul li a:hover,.TopMenu ul li a:active,.TopMenu ul li.hover a,.TopMenu ul li.on a{
	color:#FFFF00;
	background:url(../images/TopMenu.jpg) repeat-x 0 -30px;
}
.TopMenu ul li ul{
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	background-color:#AE5E5D;
	position:absolute;
	width:200px;
	top:30px;
	left:5px;
	line-height:25px;
}
.TopMenu ul li ul li{
	display:block;
	clear:both;
	padding:0;
}
.TopMenu ul li ul li a{
	display:block;
	width:180px;
	height:25px;
	line-height:25px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding:0 10px;
}
.TopMenu ul li.on ul li a,.TopMenu ul li.hover ul li a{
	white-space:nowrap;
	background:none;
}
.TopMenu ul li ul li a:link,.TopMenu ul li ul li a:visited{color:#FFF;}
.TopMenu ul li ul li a:hover,.TopMenu ul li ul li a:active,.TopMenu ul li.on ul li.on a{
	color:#FFFF00;
	background-color:#666;
}

.slide{
	height:254px;
	position:relative;
	overflow:hidden;
	padding:5px 0;
	z-index:1;
}
.slide ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	z-index:1;
}
.slide ul li{
	display:block;
	float:left;
}
.slide ul.btn{
	height:15px;
	position:absolute;
	right:15px;
	bottom:15px;
}
.slide ul.btn li{
	display:block;
	width:15px;
	height:15px;
	margin-left:2px;
	text-align:center;
	cursor:pointer;
	float:left;
	background:url(../images/btn_slide.gif) no-repeat -15px 0px;
}
.slide ul.btn li.on{
	color:#FFF;
	background-position:0px 0px;
}

.location{
	position:absolute;
	top:5px;
	right:10px;
	color:#666;
	font-size:12px;
	font-weight:normal;
}
.location span{
	font-size:16px;
	padding:0 5px;
}

.body{
	overflow:hidden;
	zoom:1;
	padding-bottom:10px;
}
.body .left{
	width:230px;
	float:left;
}
.body.about .left .title{
	background:url(../images/left_about.jpg) no-repeat;
}
.body.index .left .title{
	background:url(../images/left_category.jpg) no-repeat;
}
.body .left .title{
	height:30px;
	background:url(../images/left_category.jpg) no-repeat;
}
.body.news .left .title{
	background:url(../images/left_news.jpg) no-repeat;
}
.body.index .left .img{
	padding-top:6px;
}
.body .main{
	width:680px;
	float:right;
	padding:10px;
	background-color:#FFF;
}
.body .main .title{
	height:30px;
	background:url(../images/title.jpg) no-repeat;
	position:relative;
}
.body.products .main .title{
	background-position:0 -60px;
}
.body.news .main .title{
	background-position:0 -30px;
}
.body.certificate .main .title{
	background-position:0 -90px;
}
.body.faq .main .title{
	background-position:0 -120px;
}
.body.projects .main .title,.body.project .main .title{
	background-position:0 -150px;
}
.body.contact .main .title{
	background-position:0 -180px;
}
.body .main .content{
	padding:5px 0;
}
.body .right{
	width:700px;
	float:right;
	overflow:hidden;
	zoom:1;
}
.body .right .item1{
	width:440px;
	height:450px;
	float:left;
	padding:10px;
	background-color:#FFF;
	margin-bottom:4px;
}
.body .right .item1 .title{
	height:30px;
	background:url(../images/title.jpg) no-repeat;
}
.body .right .item1 .title.news{
	background-position:0 -30px;
}
.body .right .item1 .title .more{
	display:block;
	width:44px;
	height:13px;
	overflow:hidden;
	float:right;
	margin:9px 10px 0 0;
	background:url(../images/more.gif) no-repeat;
}
.body .right .item1 .content{
	padding:5px 0;
	font-size:11px;
	line-height:20px;
}
.body .right .item1 .content.about{
	height:240px;
	overflow:hidden;
}
.body .right .item1 .content .item{
	display:block;
	padding-left:20px;
	background:url(../images/icon.gif) no-repeat 10px center;
	overflow:hidden;
	zoom:1;
}
.body .right .item1 .content .item .name{
	width:350px;
	float:left;
}
.body .right .item1 .content .item .date{
	width:60px;
	float:right;
}
.body .right .item1 .content .line{
	height:1px;
	line-height:1;
	overflow:hidden;
	background:url(../images/line.jpg) no-repeat;
}
.body .right .item2{
	width:230px;
	float:right;
}
.body .right .item2.contact{
	margin-top:4px;
	background-color:#FFF;
}
.body .right .item2 .title{
	height:30px;
	margin-bottom:3px;
	background:url(../images/right_certificate.jpg) no-repeat;
}
.body .right .item2.contact .title{
	height:30px;
	margin-bottom:3px;
	background:url(../images/right_contact.jpg) no-repeat;
}
.body .right .item2 .content{
	background-color:#FFF;
	overflow:hidden;
}
.body .right .item2.contact .content{
	height:160px;
	margin:10px 4px;
	line-height:20px;
	position:relative;
	overflow:hidden;
}
.body .right .item2.contact .content .online{
	width:224px;
	height:50px;
	background:url(../images/right_contact_img.jpg) no-repeat;
	position:absolute;
	left:0;
	bottom:0px;
}
.body .right .item2.contact .content .online a{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
}
.body .right .item2.contact .content .online .online_item1{
	left:0;
}
.body .right .item2.contact .content .online .online_item2{
	left:54px;
}
.body .right .item2.contact .content .online .online_item3{
	right:64px;
}
.body .right .item2.contact .content .online .online_item4{
	right:4px;
}
.body .right .item3{
	clear:both;
}
.body .right .item3 .title{
	height:30px;
	margin-bottom:3px;
	background:url(../images/right_newproduct.jpg) no-repeat;
}
.body .right .item3 .title .more{
	display:block;
	width:44px;
	height:13px;
	overflow:hidden;
	float:right;
	margin:9px 10px 0 0;
	background:url(../images/more.gif) no-repeat;
}
.body .right .item3 .content{
	overflow:hidden;
	zoom:1;
	height:140px;
	background-color:#F9F9F9;
	padding:3px 0 2px 0;
	position:relative;
}
.body .right .item3 .content .items{
	position:absolute;
}
.body .right .item3 .content .item{
	width:160px;
	height:120px;
	background:url(../images/product.jpg) no-repeat;
	float:left;
	margin:5px 0 5px 4px;
	padding:5px;
}


.TreeMenu{
	list-style:none;
	margin:0;
	padding:0;
	line-height:30px;
}
.TreeMenu li{
	padding-top:3px;
}
.TreeMenu li a{
	display:block;
	width:205px;
	padding-left:25px;
	font-size:11px;
	font-weight:bold;
	background:url(../images/icon_1.gif) no-repeat 10px center #5F5F5F;
}
.TreeMenu li a:link,.TreeMenu li a:visited{color:#FFF;}
.TreeMenu li a:hover,.TreeMenu li a:active,.TreeMenu li.on a{color:#FFCC00;}
.TreeMenu li ul{
	display:none;
	list-style:none;
	margin:0;
	padding:5px 0 5px 15px;
	line-height:25px;
	background-color:#B3B3B3;
}
.TreeMenu li.on ul{
	display:block;
}
.TreeMenu li ul li{
	padding:0;
}
.TreeMenu li ul li a{
	width:190px;
	background:url(../images/icon_2.gif) no-repeat 10px center transparent;
}
.TreeMenu li ul li a:link,.TreeMenu li ul li a:visited{color:#000;}
.TreeMenu li ul li a:hover,.TreeMenu li ul li a:active,.TreeMenu li.on ul li.on a{color:#FFCC00;}

.BottomMenu{
	/*height:20px;*/
	line-height:20px;
	background-color:#454545;
	margin:0 -10px;
	padding:0 156px;
	overflow:hidden;
	zoom:1;
	text-align:center;
}
.BottomMenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
.BottomMenu ul li{
	display:inline;
	float:left;
}
.BottomMenu ul li.line{
	width:1px;
	height:10px;
	overflow:hidden;
	padding:0;
	background-color:#CCC;
	margin:5px 0;
}
.BottomMenu ul li a{
	display:block;
	width:80px;
	height:20px;
	font-family:Arial;
	font-size:12px;
	text-align:center;
	white-space:nowrap;
}
.BottomMenu ul li a:link,.BottomMenu ul li a:visited{color:#CCC;}
.BottomMenu ul li a:hover,.BottomMenu ul li a:active,.BottomMenu ul li.on a{color:#FFF;}

.footer{
	font-size:11px;
	padding:5px 10px;
	line-height:20px;
	color:#CCC;
}

.body.products .main .content{
	padding-top:10px;
}
.body.products .main .content .category{
	padding-bottom:10px;
}
.body.products .main .content .more{
	clear:both;
	text-align:right;
	padding-bottom:10px;
}
.products .item{
	padding:5px;
	margin-bottom:10px;
	background-color:#F3F3F3;
	overflow:hidden;
	zoom:1;
}
.products .item .img{
	width:200px;
	height:150px;
	padding:7px 7px 8px 7px;
	float:left;
	background:url(../images/product2.jpg) no-repeat;
}

.products .item .img a{
	display:block;
	height:150px;
	text-align:center;
	position:relative;
}
.products .item .img a .state{
	height:15px;
	position:absolute;
	top:0;
	right:0;
}
.products .item .img a .state div{
	float:left;
	background:url(../images/state.png) no-repeat;
	margin-left:2px;
}
.products .item .img a .state .new{
	width:50px;
	height:31px;
}
.products .item .img a .state .hot{
	width:50px;
	height:31px;
	background-position:-50px 0;
}
.products .item .img a .state .dimmer{
	width:50px;
	height:31px;
	background-position:-100px 0;
}
.products .item .img a img.align{
	width:0px;
	height:100%;
	border:none;
}
.products .item .img a img{
	vertical-align:middle;
}
.products .item .info{
	width:450px;
	/*height:130px;*/
	float:right;
	line-height:20px;
}
.products .item .info table{
	border-collapse:collapse;
	margin-top:2px;
}
.products .item .info table td{
	border:solid 1px #CCC;
	padding:3px 10px;
}
.products .item .info .name{
	height:20px;
}
.products .item .info .remark{
	height:90px;
	line-height:18px;
	overflow:hidden;
	color:#999;
	font-size:11px;
}
.product .name{
	line-height:20px;
}
.product .images{
	overflow:hidden;
	zoom:1;
	padding-top:10px;
}
.product .images .img{
	padding:4px;
	width:500px;
	height:375px;
	float:left;
	text-align:center;
	background:url(../images/product_img.jpg) no-repeat;
}
.product .images .img img.align{
	width:0px;
	height:100%;
}
.product .images .img img{
	vertical-align:middle;
}
.product .images .imglist{
	width:140px;
	height:381px;
	float:right;
	padding-right:15px;
	padding-top:2px;
}
.product .images .imglist .prevPage,.product .images .imglist .nextPage{
	width:21px;
	height:11px;
	margin:0 auto;
	cursor:pointer;
}
.product .images .imglist .disabled{
	cursor:default;
}
.product .images .imglist .prev{
	background:url(../images/prev.jpg) no-repeat;
}
.product .images .imglist .prev.disabled{
	background-position:0 -11px;
}
.product .images .imglist .next{
	background:url(../images/next.jpg) no-repeat;
}
.product .images .imglist .next.disabled{
	background-position:0 -11px;
}
.product .images .imglist .items{
	position:relative;
	height:355px;
	overflow:hidden;
}
.product .images .imglist ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}
.product .images .imglist ul li{
	text-align:center;
	padding:8px 0;
}
.product .images .imglist ul li a{
	display:block;
	width:120px;
	height:90px;
	padding:5px;
	background:url(../images/product_imglist.jpg) no-repeat;
}
.product .images .imglist ul li a img.align{
	width:0px;
	height:100%;
	border:none;
}
.product .images .imglist ul li a img{
	vertical-align:middle;
}

.product .details_title{
	line-height:20px;
	background-color:#CCC;
	padding-left:10px;
	margin-top:10px;
}
.product .details_content{
	line-height:20px;
}
.related{
	padding:5px 0;
}
.related .related-item{
	margin-left:8px;
	float:left;
}
.related .related-item .img{
	width:160px;
	height:120px;
	border:solid 1px #CCC;
	text-align:center;
}
.related .related-item .img a{
	display:block;
}
.related .related-item .name{
	width:160px;
	height:20px;
	text-align:center;
}
.related .related-item .name a{
	display:block;
}

.body.news .main .content{
	padding-top:10px;
}
.news .item{
	padding:3px 5px 3px 20px;
	margin-bottom:5px;
	font-size:11px;
	background:url(../images/icon.jpg) no-repeat 10px center;
	color:#666;
	overflow:hidden;
	zoom:1;
}
.news .item.odd{
	background-color:#F3F3F3;
}
.news .item.even{
	background-color:#F9F9F9;
}
.news .item .name{
	float:left;
}
.news .item .date{
	float:right;
}

.news .news-subject{
	font-size:16px;
	text-align:center;
}
.news .news-date{
	font-size:11px;
	text-align:center;
}
.news .news-content{}

.body.certificate .main .content{
	padding-top:10px;
}
.certificate .item{
	float:left;
	padding:5px 9px;
}
.certificate .item .img{
	border:solid 1px #DBDBDB;
	padding:3px;
}
.certificate .item .name{
	text-align:center;
	padding-top:5px;
}
.certificate .item .name a{
	display:block;
}
.certificate .Page{
	clear:both;
}

.body.faq .main .content{
	padding-top:10px;
}
.faq .item{
	padding-bottom:20px;
}
.faq .item .name{
	font-size:13px;
	color:#730000;
	padding-left:20px;
	padding-bottom:5px;
	background:url(../images/icon_3.gif) no-repeat 10px 5px;
}
.faq .item .remark{
	padding-left:20px;
	font-size:11px;
	color:#666;
}

.body.projects .main .content{
	padding-top:10px;
	margin:0 -2px;
}
.projects .item{
	float:left;
	padding:5px 5px;
}
.projects .item .img{
	border:solid 1px #DBDBDB;
	padding:5px;
}
.projects .item .name{
	text-align:center;
	padding-top:5px;
}
.projects .item .name a{
	display:block;
}
.projects .Page{
	clear:both;
	padding-left:2px;
}

.project .name{
	font-weight:bold;
	padding-bottom:8px;
}
.project .model{
	padding-bottom:8px;
}

fieldset.message{
	width:400px;
	margin:40px auto;
}
fieldset.form.feedback{
	padding:0px;
	padding-top:10px;
	border:none;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
}
fieldset.form.feedback p.even{
	margin:0;
	padding:4px 20px;
	background-color:#F9F9F9;
}
fieldset.form.feedback p.odd{
	margin:0;
	padding:4px 20px;
	background-color:#EFEFEF;
}
fieldset.form.feedback p samp{
	width:100px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
fieldset.form.feedback p label{
	width:60px;
}
fieldset.form p .red{
	color:#F00;
	font-family:"黑体", "宋体";
}
fieldset.form.feedback p .input{
	width:170px;
}
fieldset.form.feedback p .w170{
	width:170px;
}
fieldset.form.feedback p .w250{
	width:250px;
}
fieldset.form.feedback p .w300{
	width:300px;
}
fieldset.form.feedback p .w500{
	width:500px;
}

fieldset.form.feedback .buttons{
	padding:4px 0;
	padding-left:110px;
}
fieldset.form.feedback .buttons input{
	margin:0 10px;
}

.login{
	width:400px;
	margin:0 auto;
	margin-top:15%;
}