﻿@charset "utf-8";
/**------全局CSS定义-------**/
html{}
body{ margin:0; padding:0; font-family:Verdana;background:url(../imgs/bg.gif) top repeat-x #eeeeee;}
body,td,select,textarea,p{font-size:11px; color:#666666;font-weight:normal;font-family:Verdana;}
h1{font-size:15px;font-weight:bold;height:23px;margin:0;text-align:center;border-bottom:1px solid #b4b4b4}
h2{font-size:20px;font-weight:normal;height:21px;margin:0px;padding:0px}
h3{font-size:13px;font-weight:normal;height:21px;margin:0;border-bottom:1px solid #b4b4b4;color:#006600;font-weight:bold}

form{margin:0;padding:0;}
img{border:0px;vertical-align:middle}
ul,ol,li{ margin:0; padding:0;}
a{color:#333333; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}

input{vertical-align:middle;font-family:Verdana;font-size:14px}

.clear{clear:both;}
.float_left{float:left;text-align:center}
.float_right{float:right;text-align:center;}
.un{text-decoration:underline}
.bold{font-weight:bold;}
.f13{font-size:13px}
.white{color:#ffffff}

#container{width:942px;margin:auto;background: #ffffff;}

/**------常用样式定义-------**/
.red{color:#ff0000}
.white{color:#ffffff}
.orange{color:#ff9900}
a.underline{ text-decoration:underline; color:#0033cc;}
a.underline:hover{ text-decoration:underline; color:#000000;}

.right a{color:#006600;text-decoration:underline}
.right a:hover{color:#4AA100;text-decoration:none;}

.center a{color:#ff9900;text-decoration:underline}
.center a:hover{color:#666666;text-decoration:underline}

.bottom a{color:#006600;text-decoration:none}
.bottom a:hover{color:#000000;text-decoration:none}

a.back{margin:0;color:#000000;background:#cccccc;text-decoration:none}
a.back:hover{margin:0;color:#000000;background:#66CC10;text-decoration:none}

.space{height:10px;margin:0;padding:0;clear:both}
.hspace{height:20px;clear:both}
.parent{font-weight:bold;height:20px;line-height:20px}

.img-left {float:left;margin-right:10px;margin-right:8px;margin-bottom:10px}
.img-right {float:right;margin-left:10px;margin-bottom:10px}
.bigpic{width:250px}

.float-left {float:left;margin-right:30px;margin-bottom:10px;width:210px}
.float-right {float:left;margin:0;width:358px}
.ip{margin:auto;border:3px solid #66CC10;background:#F9FFF5;width:400px;height:70px;line-height:160%;padding:10px}
.ip a{color:#ff6600;text-decoration:underline}
.ip a:hover{color:#006600;text-decoration:underline}

.inp{background:#ffffff;height:15px;line-height:15px;color:#636466;width:116px;border:0;font-size:11px}


.finput{color:#333;font-size:11px;height:12px;}

.send,.reset{background:#004974;color:#ffffff;font-weight:bold;line-height:21px;font-size:11px;width:60px}
.hline{height:20px;line-height:20px;background:url(../imgs/h-line.gif) center repeat-x;clear:both}
/**------头部样式定义-------**/
#header{margin:auto;width:940px;padding:0}
.top{margin:0;padding:0;height:9px;margin-top:-1px}
.logo{margin:auto;padding:0;height:110px;width:900px;background:url(../imgs/bg-menutop.gif) bottom no-repeat;}
.logo .logoimg{float:left;width:300px}
.logo .logoright{float:left;width:600px}
.logoright .rightspan{width:220px;float:right;padding-top:2px;text-align:center;}
.rightspan ul li{list-style:none;width:22px;float:left}
.logoright .search{width:600px;text-align:right;padding-top:25px;}
.search ul{float:right;margin:0}
.search ul li{list-style:none;margin-right:5px;float:left}
.searchbar{height:23px;background:#ffffff;border:1px solid #919191;width:350px}
.search input{vertical-align:middle}

.bg-menubot{background:url(../imgs/bg-menubot.gif) no-repeat;height:12px}
.menu{text-align:center}
.menu_title_bg a{
	text-decoration: none;
	display: block;
	background-color: #F6F7F7;
	height: 20px;
	margin: 0px;
	text-indent: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menu_title_bg a:hover {
	text-decoration: none;
	display: block;
	background-color: #ECB33D;
}
.menu_width1{width:150px;}
.menu_width2{width:220px}
.anylinkcss{
	position:absolute;
	visibility: hidden;
	text-align: left;
	float: left;
	padding: 0px;
	margin-top: 1px;
	border: 1px solid #919191;z-index:1000
}

/**------中间样式定义-------**/
.main{margin:auto;width:880px;padding:0;display:table;}
.main .banner{width:880px;margin-bottom:20px;z-index:-1000}

.banner_about{width:880px;height:119px;margin-bottom:20px;z-index:-1000;background:url(../imgs/banner_about.jpg) no-repeat;}
.banner_products{width:880px;height:119px;margin-bottom:20px;z-index:-1000;background:url(../imgs/banner_products.jpg) no-repeat;}
.banner_quality{width:880px;height:119px;margin-bottom:20px;z-index:-1000;background:url(../imgs/banner_quality.jpg) no-repeat;}
.banner_services{width:880px;height:119px;margin-bottom:20px;z-index:-1000;background:url(../imgs/banner_services.jpg) no-repeat;}
.banner_faq{width:880px;height:119px;margin-bottom:20px;z-index:-1000;background:url(../imgs/banner_faq.jpg) no-repeat;}
.banner_contact{width:880px;height:119px;margin-bottom:20px;z-index:-1000;background:url(../imgs/banner_contact.jpg) no-repeat;}

.main .left{float:left;margin:auto;width:220px;}
.left .bg-products{background:url(../imgs/bg-products.gif) no-repeat;height:33px;margin:0;padding:0}
.left .bg-about{background:url(../imgs/bg-about.gif) no-repeat;height:33px}
.left .bg-service{background:url(../imgs/bg-service.gif) no-repeat;height:33px}

.left .smallcate{margin-top:-4px;padding:0}
.left .smallcate ul{list-style:none;margin-bottom:20px;padding:0}
.smallcate ul li{height:20px;padding-top:4px;color:#505E65;width:220px}
.smallcate ul li a{height:20px;padding-top:4px;padding-left:20px;color:#505E65;;background:#F6F7F7;width:200px;display:block}
.smallcate ul li a:hover{height:20px;padding-top:4px;padding-left:20px;color:#FF9000;background:#EEEFF0;width:200px;display:block}

.main .center{float:left;width:640px;margin:0;padding-left:20px;}
.link{background:url(../imgs/bg-border.png) bottom repeat-x;height:40px;line-height:40px;}

.center .content{width:640px;margin:auto;padding-bottom:20px;display:table;}
.content p{line-height:1.8em;margin-bottom:20px}

.list{margin-top:20px;padding:0;display:table}
.list .listdiv{margin-bottom:15px;padding:0;width:160px;text-align:center}
.listdiv p{line-height:130%;height:36px;margin:0;padding:0}
.listimg{height:120px;width:120px;padding:10px;padding:1px;border:1px solid #cccccc}

.content ul li{margin:5px 0;list-style-type:none;background:url(../imgs/arr-d.gif) 0px 5px no-repeat;padding-left:12px;}
.content ul li a{margin:5px 0;list-style-type:none;color:#ff6600;text-decoration:underline}
.content ul li a:hover{margin:5px 0;list-style-type:none;color:#666666;text-decoration:underline}
.content .proimg{width:100%;margin-top:20px;margin-bottom:20px;text-align:center}
.content .productlist ul{margin-top:20px;width:531px;list-style:none}
.productlist ul li{width:132px;float:left;margin-bottom:20px;background:none;text-align:center;padding-left:0}

.page{text-align:right;height:30px;line-height:30px;margin:0;}
.page ul{margin:0;padding:0;float:right;list-style-type:none}
.page ul li{float:left;margin-left:10px}


.display{margin-top:10px;width:100%;display:table;padding:0;}
.display .productimg{float:left;width:302px;}
.showpic{width:300px;margin-bottom:10px;border:1px solid #E9E6E5}
.showpic img{width:300px}
.overpic{width:300px}
.overpic li{margin-right:5px;float:left;list-style:none}
.overpic li img{width:50px;height:50px;padding:1px;border:1px solid #E9E6E5}
.display .productdetail{float:left;margin-left:20px;width:318px;word-wrap:break-word}
.title{font-weight:bold;color:#009DE4;font-size:15px;margin-bottom:10px}
.description{}
.displaycol{font-weight:bold;color:#009DE4;font-size:15px;margin-top:20px;}
.proinfo{margin:0;padding-top:10px;padding-bottom:10px;}
.proinfo .leftdiv{float:left;width:110px;font-weight:bold}
.proinfo .rightdiv{float:left;width:338px}
.proprice{margin-top:60px;padding:0;height:40px;line-height:40px;width:400px}
.proprice span{float:left;width:180px;font-weight:bold;color:#EB5F1F;font-size:28px;}
.proprice input{vertical-align:bottom;padding-top:5px}
/**------底部样式定义-------**/
.bottom{margin:auto;width:940px;background:#696A6D;color:#cccccc}
.bottom .botnav{margin:auto;display:table;text-align:center;padding-top:15px;}
.botnav a{color:#cccccc}
.bottom .copydiv{margin:auto;padding-top:15px;padding-bottom:10px;text-align:center;line-height:1.6em}
