*{margin:0px; padding:0px;}
body
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#333;
	}
a {text-decoration:none;outline:none;color:#4D4D4D;}
a:hover {text-decoration:none;color:#AA0000;}
a img {border:none; outline:none;}
ul, ol {list-style-type:none;}

h2 {font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:10px 0;}
	h2.title-news {font-weight:normal; color:#eee; margin-top:15px;}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
#wrapper
{
	width:885px;
	position:relative;
	margin:0 auto;
	}

#content {float:left;padding-top:15px; width:885px; position:relative;}
#footer {clear:both; margin-top:30px; text-align:right; padding-bottom:10px; width:885px;	position:relative;	margin:0 auto;}
#footer-links { clear:both; margin-top:20px; border-top:#DDD 1px solid; padding-top:10px;}
#footer-links ul li {display:inline; margin-left:7px;}
	#footer-links ul li a {color:#333;}
.com {float:left; width:0px;}

/*---------------------------------------TOP--------------------------------------------------------*/
.lmenu {width:0px;height:30px;}
.rmenu {width:0px;height:30px;}
.nav-list {background: url(../images/_bg_menu_nanoblue.jpg) repeat-x; float:left; height:30px; width:885px;border-top:1px solid #CCCCCC;border-bottom:3px solid #006ba3;}
	.nav-list li {float: left;display:inline;line-height:27px;}
	.nav-list a {float: left;border-right:1px solid #EEEEEE;color:#333; font-weight:bold;display:inline;height:30px; line-height:27px; padding:0 15px;}
	.nav-list .selected a, .nav-list a:hover {background: url(../images/_bg_menu_nanoblue_selected.jpg) repeat-x; background-color:#006ba3;  color:#fff; text-decoration:none;}
	
.sub-nav-list {
background-color:#F9F9F9;
border:1px solid #CCCCCC;
float:left;
padding-left:3px;
width: 880px;}
	.sub-nav-list li {display:inline; line-height:23px; padding:0 10px;}
	.sub-nav-list li a {color:#535353;}
	.sub-nav-list .selected a {background-color:#006ba3; color:#fff; }
.sub-nav { height:27px;}
	.sub-nav li {display:inline; line-height:27px; padding:0 10px;}
	.sub-nav li a {color:#1db6e0; font-weight:bold;}
/*---------------------------------------MainContent--------------------------------------------------------*/
.excerpt {width:660px; float:left; text-align:left; line-height:20px; }
	.excerpt img {border:#f8ad96 1px solid;}
	.excerpt a {color:#333; font-size:20px;}

.sitebar-news {width:170px; padding:10px; float:right; background:#006BA3; height:auto !important; }
.sub-menu {width:170px; padding:10px; float:right; background:#DDD; margin-bottom:10px;}
.sub-menu .sub-nav-list{width:170px;clear:none; height:auto;padding-left:0px;}
.sub-menu .sub-nav-list li{ width:170px;display: block; font-weight: bold; }
.loginbox{float:right;width:100%;text-align:right;}
.txt {background:url(../images/bg_txt_search.png) top left repeat-x; width:140px; padding:2px; border:none; vertical-align:middle; margin-right:3px;}
	.btn {background:url(../images/bg_btn_search.png) top left no-repeat; height:18px; width:18px; border:none; vertical-align:middle;overflow:hidden;padding:15px 0 0;}
.wdg-topnewsbox {}
	.wdg-topnewsbox li {text-align:left; background:url(../images/white_bullet.png) 0 6px no-repeat; line-height:normal; margin-bottom:7px;}
		.wdg-topnewsbox li a {color:#eee; font-size:11px;}
.nav-thumbs {margin-top:10px; position:relative;_height:90px;}
.lslide { height:190px;}
.rslide { height:190px;}
.slide-pro {height:350px; float:left; width:809px; padding:0 30px; overflow: hidden;  position: relative; z-index:1;}
.slide-pro ul {position: absolute;list-style: none;overflow: none;white-space: nowrap;padding: 0;margin: 0;}
 	.slide-pro UL LI {display: inline; margin-right:62px; text-align:center;}
	.slide-pro UL LI img {margin-top:4px; border:#48bede 1px solid;}
	.slide-pro UL LI a {color:#333; font-weight:bold; font-size:10px;}
.slider {width: 855px; height: 17px;margin:0 auto;margin-top: 7px; position: relative; z-index:9999; background: url(../images/bg_slide_bar.png) no-repeat;}
.handle { position: absolute;cursor: pointer;height: 14px;width: 136px;top: 1px;background: url(../images/handle.gif) no-repeat;z-index: 100;}
.mypro {background: #DDD; width:257px; height:27px; margin:0 auto; text-align:center; line-height:27px; color:#333; font-size:18px; margin-top:20px;}
.product  {position:relative;z-index:1000;margin-top:30px; border-bottom:#DDD 1px solid; padding-bottom:15px;}
	.pro-item-inner {width:98%;}
.head-cat {border-bottom:#DDD 1px solid; float:left; width:100%; margin-bottom:10px;}	
	.head-cat div {display: block;float: left; height:23px; background: #DDD;}
	.head-cat div span {float:left; padding:3px 0px 2px 0px; display:block; color:#333; font-weight:bold; font-size:13px;}
	.head-cat div span a {color:#880000; text-decoration:none;text-transform:uppercase;}
.left-pro {width:65%; float:left; text-align:left; }
	.left-pro img {float:left; margin-right:5px; border:#DDD 1px solid; width:130px;}
	.left-pro a {font-size:13px; color:#000; font-weight:bold;}
.right-pro {width:33%; float:right;}
	.right-pro ul {}
		.right-pro ul li {clear:both; padding:10px 0; _padding:5px 0;*padding:5px 0;}
		.right-pro ul li img {float:left; margin-right:5px;border:#DDD 1px solid; width:43px; height:43px;}
		.right-pro ul li a {color:#000;} 
.five-reason {width:879px;  margin:0 auto; margin-top:50px; position:relative; position:relative;}
	.head-re {background:url(../images/bg_five_reason.png) top left no-repeat; width:251px; height:28px; position:absolute; top:-14px;_top:-20px; left:50px; z-index:999; text-align:center; color:#333; font-size:18px; line-height:28px;}
	.reson-content {width:835px; height:141px; padding:0 10px; float:left; background:url(../images/bg_re.png) top left repeat-x;position:relative;}
	.bg-left-re {background:url(../images/bg_left_re.png) top left no-repeat; width:10px; float:left; height:141px;}
	.bg-right-re {background:url(../images/bg_right_re.png) top left no-repeat; width:10px; float:left; height:141px;}
.list-re { margin:0px;}
	.list-re li {display:inline;width:166px; height:111px; padding:30px 0 0px; float:left; text-align:center; border-right:#e4bdb7 1px solid;}
	.list-re li span {color:#108eb0; font-weight:bold;}
	.list-re li.last {border:none;}
.bg-top {width:879px; height:10px;}
.bg-bot {width:879px; height:10px;}
.info {width:859px;padding:10px;  _margin-top:-8px;}
.tbl-info td {width:50%; text-align:left; vertical-align:top; font-weight:bold;}
	.tbl-info td span {color:#f15a2b;}
/*---------------------------------------RIGHT--------------------------------------------------------*/
.sitePro {width:680px; float:left; }
.post_title{padding: 5px 0 5px 0;}
.post_price{font-weight:bold;color:#000; }
.post_content{padding: 5px 0 5px 0;}
.post_note{margin: 10px; padding:10px; border: solid 1px #DDD; background: #ddd; }
.post_author{padding:10px; font-weight:bold; text-align:right;}
.grid{display:block;}
.grid li{padding:5px;padding-top:10px;border:1px solid #DDD;margin:0 12px 12px 0;background:#fff;height:310px;float:left;width:200px;text-align:center;}
.grid li:hover{background: #EEE;}
.grid li .post_file{text-align:center;height:165px;}
	.grid li .post_file img {max-width:180px; height:165px;}
.grid li .post_title{text-align:left;font-weight:bold; padding-left:10px;}
	.grid li .post_title a {color:#000; font-size:14px;}
.grid li .post_desc{text-align:left;font-size:11px;height:90px;padding-left:10px;}
.grid .post_price{padding:5px;text-align:right;}
.full .post_price{padding:10px;text-align:left;}
.support {background-color:#006BA3; float:right; color:#333;}
	.wdg-onlinesupport{margin:10px;width:170px;}
	.wdg-onlinesupport a {color:#eee;}
	.post_title {font-size:16px; font-weight:bold; color:#000;}
	.post_body  {font-size: 13px; line-height:20px;}
.bg-slide {margin-top:15px; width:680px;}
.photos .photo{padding:3px; margin-bottom:10px; background:#eee; color:#333;}
.slideshow {background:url(../images/bg_detail.png) top left repeat-x; width:597px; padding:14px 10px 0 10px; float:left; border-left:#e6bbaa 1px solid;border-right:#e6bbaa 1px solid; min-height:290px; height:auto !important; height:290px;}
.slideshow .photos{position:absolute;}
.slideshow .photos span{display:block;}
.slideshow .photos .photo{height:285px;}
.slideshow .photos .photo .text{font-weight:normal;}
.slideshow .photos img{height:245px;}
.slideshow .thumbs{float:right;width:60px;}
.slideshow .thumbs img{border:solid 1px #DDD; margin-bottom:7px;}
.slideshow .marks{float:left;position:absolute;width:400px;height:285px;overflow:hidden;}
.slideshow .buttons{clear:both;text-align:center;}
.bg-slide-left {background:url(../images/bg_left_detail.png) top left no-repeat; width:619px; height:10px; float:left;}
.bg-slide-right {background:url(../images/bg_right_detail.png) top left no-repeat; width:619px; height:10px; float:left;}
.detail-pro {margin-top:30px; padding-bottom:20px; width:650px;}
ul.fields { list-style-type:none; margin:0px; padding:0px; _margin-top:-30px;}
	ul.fields li {padding:5px 0 5px 17px;}
#gridlist {margin-top:25px;}
	#gridlist li {border:1px solid #DDD;float:left;height:180px;margin:3px;padding:10px;position:relative;width:195px;	}
	#gridlist li:hover{background: #EEE;}
	#gridlist li img {margin-right:5px; height:115px;}
	#gridlist li span.price {position:absolute; bottom:10px; right:10px; font-weight:bold;}
	#gridlist li a {color:#333; font-weight:bold;}
.news{margin:0 6px;}
.news li{float:left;padding:0;margin:0;padding:10px 0;width:100%;}
.head{border-bottom:#DDD 1px solid;margin:0 7px;}
.parent-left{width:493px;position:relative;float:left;}
.news li img{float:left;margin-right:15px;border:solid 1px #ddd;width:150px;}
	.news li a {color:#000; font-size:14px; font-weight:bold;}
ol#linklist {padding:10px 0 0 10px;}
	ol#linklist li {padding:2px 0;}
	ol#linklist li a{color:#108EB0;}

#crumb li{font:bold 12px Arial,Helvetica,sans-serif;display:block;float:left;color:#34363e;}
#crumb li a{padding:0 20px 0 0;margin:0 10px 0 0;background:url(../images/crumb.gif) no-repeat right center;}
#crumb li a:link,#crumb li a:visited{color:#adac9c;text-decoration:none;}
#crumb li a:hover,#crumb li a:focus{color:#108EB0;}

label{font:bold 1em Arial,Helvetica,sans-serif;}
fieldset{border:none;margin-bottom:2em;}
fieldset em{color:#e22f2d;font-weight:bold;font-style:normal;}
legend{font:bold 1.2em Arial,Helvetica,sans-serif;color:#34363e;padding:0 0 1em 0;}
.box-form fieldset{margin:20px 0 0 0;}
.box-form legend{padding:7px 0 10px 214px;margin:0;}
.box-form legend span{padding:0 10px;}
.box-form p{margin:15px 20px 1em 0;}
.box-form h2{color:#34363e;font:bold 1.1em Arial,Helvetica,sans-serif;margin:0 0 1em 0;padding:8px 10px 8px 25px;text-align:left;}
.box-form{padding-bottom:5px;}
.box-form .txt{color:#666; border:#DDD 1px solid; padding:3px;}
.box-form .item span{width:184px;display:block;float:left;margin-right:42px;text-align:right;font:bold 1em Arial,Helvetica,sans-serif;}
.box-form .item span.special{margin:0 30px 0 0;background-color:transparent;border:none;padding:0;}
.box-form .item span label,.item span{line-height:28px;text-align:right;}
.box-form .radio label{margin:0 20px 0 0;}
.box-form .item{padding-bottom:6px;position:relative;min-height:2.3em;}
.box-form .checkbox{padding:15px 0 20px 222px;}
.box-form em{color:#e22f2d;font-weight:bold;font-size:1.2em;font-style:normal;width:20px;position:absolute;top:5px;left:190px;background-color:transparent;}
.box-form p em{position:relative;display:inline;left:0;}
.box-form .submit-bttn{margin-left:223px;text-align:left;}
.box-form .bttn-help a{position:absolute;top:3px;left:190px;text-align:left;}
.box-form .txt{width:300px;}
.box-form .info-txt p{font-size:.9em;margin:0;}
.search-right {float:right;}
	.search-right input.txt {width:200px;}

.post_controls{padding:5px;text-align:right;white-space:nowrap;color:#a8b1ba;}
.post_controls a{margin-left:10px;text-decoration:none;color:#F15A2B; font-weight:bold;}
.post_controls a:hover{color:#7b8994;}
.wdg-post-update a {color:#F15A2B;}

.herobox{
	background: #DDD;
	color: #fff;
	padding:10px;
	width: 170px;
	text-align: center;
	float:left;
	}
.herobox a{
	color: #333;
	}
.herobox img{
		width: 160px;
		border: solid 1px #fff;
	}
.herobox li{
		padding-bottom: 5px;
		}

/*---------------------------------------ABOUT--------------------------------------------------------*/
		
		.about div.row{padding: 5px;width: 100%;clear: both;float: left;}
	 	.about div.row div{float: left;width: 450px;}
	 	.about div.row p.title{float: left;width: 180px;}
	 	.about .panel-left{float: left;width: 680px;}	
	 	.about .panel-right{}
	 	.about .tab, .about .tab2{padding: 5px;float: left;width: 160px;}
	 	.about .sitebar-news li a{}
	 	.about .sitebar-news li .selected{color: #333;background: #fff;}

	 	.hotline{color: #AA0000;}
	 	.support .hotline{color: #fff;}
	 	.navbar{
	 		text-align: right;
	 	}
	 	.navbar img{
	 		width: 25px;
	 	}
	 	.center{
	 		text-align: center;
	 	}