﻿html, body, div, p, img, ul, li, h1, h2 {padding: 0px; margin: 0px; border: none;}

html{  
	background-color: #607596;
}

body{
	font-family:宋体;
}

#wrapper{
	background: #fff;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	background: url(uploads/images/bg.gif);
}

#top{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	font-size:12px;
	background:#fff;
}

#wrapper2{
	margin-left:auto;
	margin-right:auto;
	width:790px;
	font-size:12px;
	background:#fff;
	padding:10px 0px 5px 10px;
}

#bg_bottom{
	margin-left:auto;
	margin-right:auto;
	height:23px;
	width:840px;
	background: url(uploads/images/bottom_bg.gif);
}

#bottom_img2{
	margin-left:auto;
	margin-right:auto;
	width:790px;
	font-size:12px;
	background:#fff;
	padding:0px 0px 12px 10px;
}
/******************************************
 * Header Styles
 ******************************************/
#top_link{
	margin-left:auto;
	margin-right:auto;
	width:785px;
	height:30px;
	line-height:30px;
	padding-left:15px;
}

#top_link a{
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

#top_link a:hover{
	text-decoration:underline;
}


#top_link span{
	color:#fff;
	font-size:11px;
	font-family:宋体;
	padding-left:8px;
	padding-right:8px;
}

#top_bg{
	background:#1F2441;
	height:122px;
}

#logo_bg{
	width:367px;
	height:122px;
	float:left;
	padding-left:33px;
}

#nav_rihgt{
	width:400px;
	height:122px;
	float:left;
}

#nav_rihgt ul{
	list-style:none;
}

#nav_rihgt li{
	display:block;
	float:left;
}

#nav_rihgt a{display:block;text-align:center;height:122px; text-indent:-1000em;}

#nav_rihgt #nav_1 a {background: url(uploads/images/nav_home.gif); width: 40px;}
#nav_rihgt #nav_1 a:hover {background: url(uploads/images/nav_home_hr.gif); width: 40px;}

#nav_rihgt #nav_2 a {background: url(uploads/images/nav_outdoor.gif); width: 40px;}
#nav_rihgt #nav_2 a:hover {background: url(uploads/images/nav_outdoor_hr.gif);  width: 40px;}

#nav_rihgt #nav_3 a {background: url(uploads/images/nav_photo.gif); width: 40px;}
#nav_rihgt #nav_3 a:hover {background: url(uploads/images/nav_photo_hr.gif);  width: 40px;}

#nav_rihgt #nav_4 a {background: url(uploads/images/nav_equipment.gif); width: 40px;}
#nav_rihgt #nav_4 a:hover {background: url(uploads/images/nav_equipment_hr.gif);width: 40px;}

#nav_rihgt #nav_5 a {background: url(uploads/images/nav_accompanying.gif); width: 40px;}
#nav_rihgt #nav_5 a:hover {background: url(uploads/images/nav_accompanying_hr.gif);width: 40px;}

#nav_rihgt #nav_6 a {background: url(uploads/images/nav_capturing.gif); width: 40px;}
#nav_rihgt #nav_6 a:hover {background: url(uploads/images/nav_capturing_hr.gif);width: 40px;}

#nav_rihgt #nav_7 a {background: url(uploads/images/nav_star.gif); width: 40px;}
#nav_rihgt #nav_7 a:hover {background: url(uploads/images/nav_star_hr.gif);width: 40px;}

#nav_rihgt #nav_8 a {background: url(uploads/images/nav_new.gif); width: 41px;}
#nav_rihgt #nav_8 a:hover {background: url(uploads/images/nav_new_hr.gif);width: 41px;}

/******************************************
 * Login
 ******************************************/
 
/******************************************
 * breadcrumb
 ******************************************/
 
#breadcrumb{
	height:26px;
	padding-left:12px;
	color: #777777; 
	font-size: 12px;
}

#breadcrumb a{
	text-decoration: none;
	font-size: 12px;
	color: #777777;
	line-height:26px;
}

#breadcrumb span{
	font-size: 11px;
	padding-left:5px;
	padding-right:5px;
}

#breadcrumb a:hover{text-decoration: underline;
}

/******************************************
 * navigation
 ******************************************/
 
 
 
 
 /******************************************
 * banner
 ******************************************/

#slider {
    width: 780px; /* important to be same as image width */
    height: 280px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slider img{
    border: 0px;
}

#sliderContent {
    width: 780px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 12px/14px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 780px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/******************************************
 * Main content styles
 ******************************************/
#banner{
	width:780px;
	height:280px;
}

#home_main{
	width:780px;
	border-bottom: #E0E0E0 1px solid;
	margin-top:26px;	
}

#home_news{
	float:left;
	width:264px;
	line-height:17px;
}

#home_news h2{
	font-size:13px;
	font-weight:bold;
	color:#607596;
	margin-bottom:15px;
	padding-left:20px;
}

#home_news ul{
	list-style:none;
	margin-left:10px;
}

#home_news li{
	background: url(uploads/images/news_list.gif) left no-repeat;
	padding-left:13px;
}

#home_news li a{
	color:#6C6E70;
	text-decoration:none;
}

#home_news li a:hover{
	color:#F69220;
	text-decoration:underline;
}


#home_center{
	float:left;
	width:259px;
	border-left: #E0E0E0 1px solid;	
	border-right: #E0E0E0 1px solid;
}

#home_recommends{
	float:left;
	width:255px;
}

#home_recommends h2{
	font-size:13px;
	font-weight:bold;
	color:#607596;
	margin-bottom:15px;
	padding-left:25px;
}

#home_recommends_bg1{
	width:210px;
	padding-left:25px;	
}

#home_recommends_1a{
	width:210px;
	float:left;

}

#home_recommends_1a_pic{
	border-left: #E0E0E0 1px solid;	
	border-right: #E0E0E0 1px solid;
	border-top: #E0E0E0 1px solid;	
	border-bottom: #E0E0E0 1px solid;	
}

#home_recommends_1a_wd{
	color:#6C6E70;
	font-size:12px;
	margin-top:5px;
	text-align:center;
}

#home_recommends_2a{
	width:80px;
	float:left;
	margin-left:25px;		
}

#home_recommends_2a_pic{

	border-left: #E0E0E0 1px solid;	
	border-right: #E0E0E0 1px solid;
	border-top: #E0E0E0 1px solid;	
	border-bottom: #E0E0E0 1px solid;	
}

#home_recommends_2a_wd{
	color:#6C6E70;
	font-size:12px;
	margin-top:5px;
	text-align:center;

}
#sec_banner_bg{
	width:780px;
	height:120px;
}

#page_title{
	width:256px;
	height:120px;
	float:left;
}

#sec_banner{
	width:520px;
	height:120px;
	float:left;
	margin-left:4px;
}

#sec_main{
	width:780px;
	background: url(uploads/images/sec_bottom.gif) bottom no-repeat;
	margin-top:11px;

}

#sec_main_left{
	width:260px;
	float:left;
}

#sec_main_right{
	width:519px;
	border-left: #E0E0E0 1px solid;
	float:left;
	padding-bottom:150px;
}

#sec_left_menu{
	width:260px;
	background: url(uploads/images/left_menu_line.gif) bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:10px;
	line-height:21px;
}

#sec_left_menu ul{
	list-style:none;
	margin-left:10px;
}

#sec_left_menu li{
	background: url(uploads/images/sec_left_menu_list.gif) left no-repeat;
	padding-left:25px;
}

#sec_left_menu li a{
	color:#777777;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#sec_left_menu li a:hover{
	text-decoration:underline;
}

#sec_main_right_cnt{
	padding-left:12px;
	margin-top:20px;
}

#sec_main_right_cnt h1{
	font-size:14px;
	color:#B35738;
	margin-bottom:20px;
}

#sec_main_right_cnt2{
	border-bottom: #846D74 1px solid;
	padding-bottom:12px;
	color:#846D74;
	font-size:12px;
	line-height:21px;
	margin-top:10px;
}

#sec_main_right_cnt2 ul{
	list-style:none;
}

#sec_main_right_cnt2 h2{
	color:#000;
	font-size:12px;
	margin-bottom:3px;
}

.rank1{
	background: url(uploads/images/1_1.gif) left no-repeat;
	padding-left:45px;
}

.registration_ico{
	background: url(uploads/images/registration_ico.gif) left no-repeat;
	padding-left:10px;
}  
/******************************************
 * Footer styles
 ******************************************/
   
#footer{
	margin-left:auto;
	margin-right:auto;
	height:23px;
	width:820px;
	margin-bottom:30px;
	text-align:right;
	color:#DDDDDD;
	font-size:12px;
	font-family:Verdana;
	padding-right:20px;	
}

.clear{clear: both;}
