@charset   "utf-8";

body{
font-size:0.75em;
letter-spacing:normal;
background:url(../image/bg_02.gif) repeat-x top;
}

body a{
color:#000;
text-decoration:none;
}
body a:hover{
color:#F00;
text-decoration:none;
}


#container{
width:930px;
margin:0 auto;
}
#header{
	position:relative;
	background:url(../image/header_bg.gif) repeat-x;
}
.hight_control_01{
height:57px;
}
.hight_control_02{
height:45px;
}
#swf_area{
	height:271px;
	position:relative;
}
/*scorlling news bar*/
.news{
color:#FFF;
height:18px;
width:270px;
position:absolute;
top:6px;
left:18px;
background-image:url(../image/news_bg.gif);
background-repeat:no-repeat;
}
.news a{
color:#FFF;
text-decoration:none;
}
.news a:hover{
color:#F00;
text-decoration:none;
}
.news ul{
height:18px;
line-height:18px;
overflow:hidden;
}
.news ol {
float: right;
margin: -20px 8px 0px 0px!important;
_margin: -17px 4px 0px 0px;
}
.news ol li {
display:inline; 
margin:0px 0px 0px 3px;
width:10px;
}
.news ol li a{
background:url(../image/switcher.gif) 0 11px;
}
.news ol li a:hover {
background: url(../image/switcher.gif) 0px 11px;
}
.news ol li a.active {
background: url(../image/switcher.gif) 0px 1px;
}
.news ol li a.active:hover {
background: url(../image/switcher.gif) 0px 1px;
}
/*scorlling news bar*/
#content{
margin:0 auto;
width:930px;
margin-bottom:20px;
}
#content h2.product_list_title{
width:930px;
height:59px;
background:url(../image/product_list_head.gif) no-repeat;
}
#content h2.product_data_title{
width:930px;
height:59px;
background:url(../image/product_data_head.gif) no-repeat;
}
#content h2.about_title{
width:930px;
height:59px;
background:url(../image/about_head.gif) no-repeat;
}
#content h2.news_title{
width:930px;
height:59px;
background:url(../image/news_head.gif) no-repeat;
}
#content h2.sales_title{
width:930px;
height:59px;
background:url(../image/sales_head.gif) no-repeat;
}
#content h2.support_title{
width:930px;
height:59px;
background:url(../image/support_head.gif) no-repeat;
}
#content h2.video_title{
width:930px;
height:59px;
background:url(../image/video_head.gif) no-repeat;
}
#content h3.catalog_kind_01{
width:930px;
height:75px;
background:url(../image/catalog_kind_01.jpg) no-repeat;
margin-bottom:15px;
}
#content h3.catalog_data_01{
width:930px;
height:57px;
background:url(../image/catalog_data_01.gif) no-repeat;
margin-bottom:15px;
}
#content h3.about_title_01{
background:url(../image/about_title_01.gif) no-repeat;
width:930px;
height:56px;
}

#content h3.about_title_02{
background:url(../image/about_title_02.gif) no-repeat;
width:930px;
line-height:21px;
}
#content h3.about_title_03{
background:url(../image/about_title_03.gif) no-repeat;
width:930px;
line-height:21px;
}
#content h3.about_title_04{
background:url(../image/about_title_04.gif) no-repeat;
width:930px;
line-height:21px;
}
#content h4.product_others{
width:930px;
height:27px;
background:url(../image/product_others.gif) no-repeat;
}
#content h4.video_others{
width:930px;
height:27px;
background:url(../image/video_others.gif) no-repeat;
}
/*top nav*/
#header .top_nav {
	float:left;
	width: 800px;

}
#header .top_nav ul{
	float:left;
	margin-left: -40px ;
	margin-left: -40px \9;
	*margin-left: 0px ;
	
	


}
.top_nav li{
display:block;
float:left;
height:45px;
}
.top_nav li a{
height:45px;
display:block;
text-indent:-9999px;
}
.top_nav li.btn_01{
	background:url(../image/btn_top_nav_bg.gif) no-repeat 0 0;
	width:202px;
	height:45px;
	float: left;
}
.top_nav li.btn_01 a:hover{
cursor:pointer;
background:url(../image/btn_top_nav_bg.gif) no-repeat 0 0;
width:202px;
height:45px;
}
.top_nav li.btn_02{
background:url(../image/btn_top_nav_bg.gif) no-repeat -202px 0;
width:106px;
height:45px;
}
.top_nav li.btn_02 a:hover{
cursor:pointer;
background:url(../image/btn_top_nav_bg.gif) no-repeat -202px 0;
width:106px;
height:45px;
}
.top_nav li.btn_03{
background:url(../image/btn_top_nav_bg.gif) no-repeat -308px 0;
width:106px;
height:45px;
}
.top_nav li.btn_03 a:hover{
cursor:pointer;
background:url(../image/btn_top_nav_bg.gif) no-repeat -308px 0;
width:106px;
height:45px;
}
.top_nav li.btn_04{
background:url(../image/btn_top_nav_bg.gif) no-repeat -414px 0;
width:106px;
height:45px;
}
.top_nav li.btn_04 a:hover{
cursor:pointer;
background:url(../image/btn_top_nav_bg.gif) no-repeat -414px 0;
width:106px;
height:45px;
}
.top_nav li.btn_05{
background:url(../image/btn_top_nav_bg.gif) no-repeat -520px 0;
width:106px;
height:45px;
}
.top_nav li.btn_05 a:hover{
cursor:pointer;
background:url(../image/btn_top_nav_bg.gif) no-repeat -520px 0;
width:106px;
height:45px;
}
.top_nav li.btn_06{
background:url(../image/btn_top_nav_bg.gif) no-repeat -626px 0;
width:97px;
height:45px;
}
.top_nav li.btn_06 a:hover{
cursor:pointer;
background:url(../image/btn_top_nav_bg.gif) no-repeat -626px 0;
width:97px;
height:45px;
}
.search_tab{
	position:absolute;
	left:723px;
	top:0;
	background:url(../image/btn_top_nav_bg.gif) no-repeat -723px 0;
	width:220px;
	height:45px;
}
.search_tab_layout{
	width: 155px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	float: left;
}
.search_tab_layout input.txt{
	color:#898989;
	padding:1px 0 1px 18px;
	width:85px;
	background:url(../image/search_pic.gif) no-repeat 2px 3px;
	border:1px solid #979797;
	background-color:#FFF;

}
.search_tab_layout input.btn{
vertical-align:bottom;
width:auto;
}
#footer{
color:#6F6F6F;
clear:both;
}
#footer a{
color:#6F6F6F;
text-decoration:none;
}
#footer a:hover{
color:#F00;
text-decoration:none;
}
/*product list layout*/
.product_list{
width:54%;
float:right;
}
.product_list_box{
margin-left:8px;
margin-bottom:8px;
padding:0 0 4px 0;
width:22.5%;
text-align:center;
background-color:#eee;

border:1px solid #ccc;
float:left;
}
.product_list_pic{
width:100%;
background-color:#FFF;

}
.product_list_box div{
background-color:none;
text-align:center;
}
.product_list_info{
width:42%;
float:left;
}
.product_list_info .product_name{
font-size:1.6em;
font-weight:bold;
}
.product_list_info .product_preview{
text-align:center;
}
.product_list_info .product_feature{
padding:10px 0 0 0;
border-top:1px solid #aeaeae;
margin-bottom:10px;
}
.product_readmore{
background:url(../image/option_icon.gif) no-repeat 0 -11px;
padding:0 0 0 15px;
float:right;
}
.product_back{
background:url(../image/option_icon_03.gif) no-repeat 0 4px;
padding:0 0 0 15px;
}
/*product list layout*/

/*product data layout*/

.product_list_info .product_color{
font-weight:bold;
}
.product_list_info .product_color img{
margin:0 3px;
}
.product_list .bread{
margin-bottom:10px;
font-weight:bold;
}
.product_list .product_data_info{
float:right;
width:48%;
}
.product_list .product_data_info .info_kind{
background:url(../image/option_icon_02.gif) no-repeat 0 4px;
font-weight:bold;
padding:0 0 0 15px;
}
.product_list_info .product_photo img{
margin:0 8px 10px 0;
}
.product_others_bg{
background:url(../image/product_others_bg.gif) no-repeat 0 bottom;
padding:10px 0 5px 60px;
height:160px;
}
.product_others_box{
margin-bottom:10px;
width:15%;
float:left;
}
.product_others_box div{
text-align:center;
}

/*product data layout*/

/*about layout*/
.about_box{
line-height:2em;
background:url(../image/about_box_bg.gif) repeat-x top;
padding:15px;
}

.about_box .txt_layout_01{
width:55%;
}
.about_box .txt_layout_02{
width:30%;
}
.about_box .txt_layout_03{
width:33%;
}
.about_box .txt_layout_04{
width:45%;
}
.about_box .info_kind{
background:url(../image/option_icon_02.gif) no-repeat 0 0;
font-weight:bold;
padding:0 0 0 15px;
}
.about_box_bg_01{
background:url(../image/about_box_bg_01.gif) no-repeat right bottom;
}
.about_box_bg_02{
background:url(../image/about_box_bg_01.jpg) no-repeat;
height:286px;
width:930px;
position:relative;
margin-bottom:20px;
}
.about_box_bg_03{
background:url(../image/about_box_bg_02.jpg) no-repeat;
height:274px;
width:930px;
position:relative;
margin-bottom:20px;
}
/*about layout*/


/*news & sales & event layout*/
.column_set{
background:url(../image/content_bg.gif) repeat-x;
padding:20px 10px 0 10px;
}

.content_right{
width:72.5%;
float:right;
}
.content_left{
width:24.2%;
float:left;
}
.option_box h3{
background:url(../image/column_list_head.gif) no-repeat;
width:225px;
height:27px;
line-height:27px;
padding:0 0 0 20px;
}
.option_box_bg {
background:url(../image/option_box_bg.gif) repeat-y;
width:225px;
}
.option_box_bg p{
padding:2px 0 2px 15px;
height:24px;
}
.option_box_bg p select{
width:180px;
}
.option_box_bg span{
background:url(../image/option_box_bg_end.gif) no-repeat;
width:225px;
height:25px;
display:block;
}
.option_box li{
background:url(../image/option_box_option_bg.gif) no-repeat 11px 14px;
padding:6px 0 0 18px;
}
.option_box li p{
padding:4px 0;
}
.news_list li{
background:url(../image/option_icon_02.gif) no-repeat 0 10px;
padding:5px 0 5px 18px;
border-bottom:1px dashed #aeaeae;
}
.news_list li span{
margin-top: 0em;
#margin-top:-2.2em;
float:right;
}
.news_box h3{
background:url(../image/news_head_bg.gif) no-repeat;
height:29px;
line-height:29px;
padding:0 0 0 20px;
}
.news_article{
	position:relative;
	padding:12px;
	width:98%;
	background:url(../image/news_box_bg.gif) repeat-y;
}
.news_end{
background:url(../image/news_box_end.gif) no-repeat;
height:18px;
}
.news_box h3 span{
padding:0 0 0 20px;
color:#fff;
}
.news_box h4{
text-align:center;
background:url(../image/sale_h4_title.gif) no-repeat;
font-weight:bold;
padding:0 0 0 15px;
margin-bottom:10px;
}
.news_box .product_back{
background:url(../image/option_icon_03.gif) no-repeat 0 0;
padding:0 0 0 15px;
}
.content_right .bread{
margin-bottom:10px;
font-weight:bold;
border-bottom:1px solid #ccc;
}
.sales_bg{
background:url(../image/sales_bg.gif) no-repeat 0 bottom;
margin-bottom:10px;
padding:0 15px 15px 15px;
}
.sales_table{
margin-bottom:10px;
font-size:0.9em;
border-collapse:collapse;
width:100%;
border-left:none;
border-right:none;
}
.sales_table thead th{
padding:2px 0;
text-align:center;
background-color:#E9E1DE;
border:1px solid #CCC;
}
.sales_table thead td{
padding:2px 0 2px 8px;
background-color:#eee;
border:1px solid #CCC;
}
.sales_table tbody td{
padding:2px 0 2px 8px;
background-color:#fff;
border:1px solid #CCC;
}
.content_right .txt_layout_01{
width:46%;
height:50px;
float:left;
margin-bottom:15px;
padding-right:5px;
margin-right:15px;
background-color:#FFF;
border:2px solid #aeaeae;
}
.content_right .txt_layout_01 img{
border:none;
vertical-align:text-bottom;
}
.content_right .txt_layout_01 span{
float:right;
margin-top:-2em;
}
.content_right .txt_layout_02{
	width:98%;
	float:left;
	margin-bottom:15px;
	margin-right:15px;
	padding-top: 10px;
}
.content_right .txt_layout_02 img{
border:none;
background:none;
vertical-align:text-bottom;
}
.event_box{
width:28%;
margin-right:30PX;
float:left;
}
.event_box img{
padding:5px;
background-color:#BEBEBE;
}
.event_page_pre{
position:absolute;
top:75px;
left:10px;
}
.event_page_next{
position:absolute;
top:75px;
right:22px;
}

/*news & sales layout*/

/*question layout*/

.question_box{
margin-bottom:30px;
width:96%;
}
.question{
background:url(../image/option_icon_02.gif) no-repeat 0 5px;
padding:0 0 5px 18px;
border-bottom:1px solid #E0E0E0;
font-weight:bold;
}
.answer{
background:url(../image/answer_bg.gif) repeat-y left;
padding:0 0 0 18px;
margin-top:10px;
color:#1A859C;
}
/*question layout*/

/*download & search layout*/
.download_box{
margin-bottom:15px;
width:96%;
}
.download_title{
background:url(../image/option_icon_02.gif) no-repeat 0 5px;
padding:0 0 5px 18px;
border-bottom:1px solid #E0E0E0;
font-weight:bold;
}
.download_title img{
float:right;
background:none;
}
.download_info{
margin-top:10px;
}
.download_btn{
float:right;
width:200px;
}
.download_btn img{
background:none;
}
.search_result_pic img{
float:left;
background-color:#fff;
border:1px solid #aeaeae;
margin-right:8px;
}

/*download layout*/


/*contact layout*/
.contact_bg_01{
background:url(../image/contact_bg.gif) no-repeat right bottom;
height:235px;
}
.contact_bg_02{
background:url(../image/warranty.gif) no-repeat right bottom;
height:128px;
}
.contact_bg_03{
background:url(../image/question_bg.gif) no-repeat right bottom;
height:128px;
}
.contact_bg_04{
background:url(../image/download_bg.gif) no-repeat right bottom;
height:128px;
}
.contact_bg_05{
background:url(../image/result_bg.gif) no-repeat right bottom;
height:128px;
}
.contact_bg_06{
background:url(../image/3csale_bg.gif) no-repeat right bottom;
height:128px;
}
.contact_bg_07{
background:url(../image/websale_bg.gif) no-repeat right bottom;
height:128px;
}
.contact_form img{
background:none;
border:none;
}
.contact_form p{
margin-bottom:10px;
}
.contact_form p label{
background:url(../image/option_icon_02.gif) no-repeat 0 5px;
padding:0 0 0 15px;
float:left;
width:80px;
}
.contact_form p input:text{
width:330px;
}
.contact_form p input.normal_set{
background-color:none;
width:auto;
}
.contact_form p textarea.word_column{
width:95%;
height:120px;
}
/*contact layout*/

/*spec effect*/
.mypets{
margin-bottom:10px;
height:22px;
width:100%;
cursor: pointer;
}
.thepet{
color:#666;
margin-bottom:10px;
}
.openpet{
margin-bottom:10px;
width:100%;
}
/*spec effect*/

/*video layout*/
.bread{
margin:10px 0;
font-weight:bold;
border-bottom:1px solid #aeaeae;
}
.video_box{
text-align:center;
}
/*video layout*/
.video_others_bg{
background:url(../image/product_others_bg.gif) no-repeat 0 bottom;
padding:10px 40px 5px 50px;
position:relative;
}
.video_page_pre{
position:absolute;
bottom:45px;
left:10px;
}
.video_page_next{
position:absolute;
bottom:45px;
right:10px;
}

.video_others_bg .event_box{
width:21%;
float:left;
margin:0;
}

.column_line{
background-color:#ccc;
width:1px;
height:130px;
margin:0 20px;
float:left;
}
.video_others_bg .event_box img{
padding:5px;
background-color:#BEBEBE;
}
.search_tab_layout img {
	float: left;
}
.search_tab .facebook {
	padding-top: 7px;
	float: left;
}