* {
    margin: 0 auto;
    padding: 0;
}
ol, ul {
    float: left;
    list-style: none outside none;
}
.clear {
    clear: both;
}
a img {
    border: medium none;
}
a{text-decoration:none; color: #484847; font-size: 12px; }
a:hover {color: #093aad;}
p{font-size: 12px;}
ul
{
    list-style:none;
    display:block;
}
img{ border: none;}


body
{
	font-family:Arial,Tahoma,serif;
	font-size:12px;
	margin:0 auto;
	width:100%;
	
}
#body1
{
	margin:0px auto;
	width:100%;
	float: left;
	background:url(../images/body.png) no-repeat center 0 ;	
	background-attachment: fixed;
}
#body
{
	margin:0px auto;
	width:1000px;
}
#wrapper
{
	width:980px;
	float:left;
	background-color: #acdbff;
	padding: 0px 10px;
	
}
#header
{
	width:980px;
	float:left;
	padding:0px 10px;
	
	
}
#primary 
{
	width:980px;
	float:left;
	padding: 10px 0px;
}

/*#####################################################           NAVIGATION               #################################*/
#navigation
{
	float:left;
	padding-left:10px;
	width:980px;
	height: 40px;
	background:url(../images/nav.png) no-repeat;
	
}
#nav, #nav ul {
    list-style:  none;
    position: relative;
    line-height: 1.5em;
	
}

#nav a:link, #nav a:active,
#nav a:visited {
   color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 40px;
    text-decoration: none;
    text-transform: uppercase;
}

#nav li.home a
{
	background:url(../images/ico_home.png) no-repeat scroll 13px 0 transparent;
	width: 30px;
	height: 40px;
}
#nav li.home a:hover
{
	background:url(../images/ico_home.png) no-repeat scroll 13px 0 transparent;
	width: 30px;
	height: 40px;
}
#nav li:hover {
 
 background:url(../images/nav_hover.png) repeat-x scroll 0 0 transparent;
}
#nav li {
    float: left;
    position: relative;
	background: url(../images/nav_line.png) no-repeat right 0px;
}

#nav ul {
    position: absolute;
    width: 150px;
    top: 40px;
    display: none;
	background-image: none;
	background: #035BB9;
	
}
#nav ul {
    position: absolute;
    width: 230px;
    top: 40px;
    display: none;
}
#nav ul li
{
	height:30px;
	z-index:100;
}
#nav li ul a {
    width: 18em;
    float: left;
}
#nav ul li:hover
{
	background-color:#242424;
	color:white;
}

#nav li ul {
    top: auto;
	float: left;
	background: #0b88b7;
	width: 250px;
	padding: 0;
	z-index: 999;
}


#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
    display: none;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
    display: block;
}

#nav li ul li {
    width: 250px;
	float: left;
	padding: 0;
	line-height: 30px;
	height: 30px;
	border-bottom: 1px solid #ccc;
}
#nav li ul li :hover {
	background: #4068a9;
	padding: 0; 
	height: 28px;
	line-height: 28px;
} 

#nav li ul li a{
	padding: 0 0 0 20px; 
	float: left;
	line-height: 28px;
	height: 28px;
}
#nav li ul li  a:link, #nav li ul li a:active, #nav li ul li a:visited{
	padding: 0 0 0 20px; 
	float: left;
	line-height: 30px;
	height: 30px;
	width: 230px;
}
#nav li ul li  a:hover {
	float: left;
	line-height: 30px;
	height: 30px;
}
#nav li.nav_bottom
{
	border-bottom: none;
}
/*#####################################################           HEADER               #################################*/
#header
{
	height:103px;
	position: relative;
}
#header #logo
{
	float:left;
	
}
#header #logo img
{
	float:left;
	
}
#header #search
{
	float:right;
	background:url(/images/bg_search.png) no-repeat ;
	width:258px;
	height: 41px;
	position: absolute; 
	top: 40px;	
	right: 20px;
	
}
#search #product
{
	margin-top:10px;
	margin-left:30px;
	width:185px;
	border: none;
	background: none;
}
#search #btn_search
{
	border: medium none;
	font-size:0;
	height:32px;
	margin-left:7px;
	width:32px;
	background: none;
	cursor: pointer;
}
/*#####################################################          PRIMARY              #################################*/
#slide_sp 
{
	float: left;
	width: 980px;
}
#primary #slide{
	float: left;
	border: 1px solid #e8e8e8;
	width: 728px;
	margin-bottom: 10px;
}
#primary .slide1{
	float: left;
	border: 9px solid #51aebd;
	width: 710px;
}
#primary #slide #slider {
	width: 700px;
	border: 5px solid #fff ;	background-color:#fff;
	
}

#content
{
	width:980px;
	float:left;
}
   .head
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	height:32px;
	float:left;
	background:url(../images/bg_main_head.png) repeat-x 0 0 ;
}

 .head h2
{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:url(../images/ico_logo.png) no-repeat 5px 1px;
	line-height: 32px;
	padding-left:50px;
	float: left;
	
}

 .head h2 a
{
	color: #fff;
	
}

 .head h2 a:hover 
{
	color: #484847;
	
}
#content .block1
{
	width:976px;
	float:left; 
	padding-bottom: 10px;
}
#content  .block1 .head
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	width:980px;
	height:32px;
	float:left;
	background:url(../images/bg_main_head.png) repeat-x 0 0 ;
}
#content .block1 .body
{
	float: left;
	width:976px;
	border: 2px solid #337ec3;
	border-top: none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background: #fff;
}
#content .block1 .l_box  div.title
{
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
}
.box2
{
	float: left;
	width: 480px;
	padding-right: 10px;
}
#content  .block2_top
{
	width: 480px;
	background:url(/images/bg_block2_top.png) no-repeat 0px 0px;
	height: 10px;
	float: left;
	margin-bottom: -1px;
}
#content  .block2_bottom
{
	width: 480px;
	background: url(/images/bg_block2_bottom.png) no-repeat -1px 0px;
	height: 10px;
	float: left;
	
}
#content  .block2
{
	float: left;
	width: 460px;
	background:url(/images/bg_block2.png) repeat-y ;
	padding: 0 10px ;
}
#content  .block2 .head
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	width:460px;
	height:32px;
	float:left;
	background:url(../images/bg_main_head.png) repeat-x 0 0 ;
}
#content .block2 .body
{
	float: left;
	width:456px;
	border: 2px solid #337ec3;
	border-top: none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#content .block2 img
{
	border:1px solid #c3c3c3;
	padding: 4px;
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#content .block2 div.p
{
	width: 435px;
	float:left;
	padding: 10px 10px;
}
#content .block2 div.p p
{
	text-align:justify;
	line-height: 18px;
	color: #484847;
}

#content .block2 div.p a
{
	color: #5c76b6;
}

#content .block2 div.p a:hover
{
	color: #484847;
}
.box3
{
	float: left;
	width: 240px;
	padding-right: 10px;
}
 .block3_top
{
	width: 240px;
	background:url(/images/bg_block3_top.png) no-repeat 1px 0px;
	height: 10px;
	float: left;
	margin-bottom: -1px;
}
.block3_bottom
{
	width: 240px;
	background:url(/images/bg_block3_bottom.png) no-repeat 1px 0px;
	height: 10px;
	float: left;
}

 .block3
{
	float: left;
	width: 220px;
	background:url(/images/bg_block3.png) repeat-y ;
	padding: 0 10px ;
}
.block3 .head
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	width:220px;
	height:32px;
	float:left;
	background:url(../images/bg_main_head.png) repeat-x 0 0 ;
}
.block3 .body
{
	float: left;
	width:216px;
	border: 2px solid #337ec3;
	border-top: none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.block3 li.l1 img
{
	width: 200px;
	border: none;
	padding-left: 8px ;
	padding-bottom: 10px;
}
#content .block3 div.title
{
	border-bottom: 1px solid #d1dbe4;
	 font-weight: bold;
	 float: left; 
	 padding: 10px 0px;
	 width: 200px;
	 padding-left: 15px;
	 background:url(../images/ico_block3.png) no-repeat 5px ;
}
#left{
	width: 228px !important;
	float: left;
	

}

#left div.menu_left{
	float: left;
	width: 228px;
	border: 1px solid #337EC3;
	border-radius: 4px;
	background: white;
	margin-bottom: 10px;
}

#left div.menu_left .head {
	width: 228px;
	height: 36px;
	float:left;
	background:url(../images/bg_main_head.png) repeat-x 0 0 ;
}
 
#left div.menu_left .head  h2
{
	line-height: 25px;
	text-transform:uppercase;
	font-size: 12px;
	font-weight:bold;
	color:#fff;
	background:url(../images/ico_logo.png) no-repeat 5px 1px;
	padding-top: 5px;
	padding-left: 40px;
}

#left div.menu_left ul.main {
	float: left;
	padding: 5px 0;
	width: 228px;
	float: left;

}
#left div.menu_left ul.main  li {
	float: left;
	padding: 0;
	width: 228px;
}
#left div.menu_left ul.main  li.l1 {
	text-align: center;
}

#left div.menu_left ul.main  li.l1 a{
	float: left; 
	width: 228px; 
	text-align: center; 
	padding-bottom: 5px;
}
#left div.menu_left ul.main  li.l1 a img{
	width: 200px;
	height: 105px;
}
#left div.menu_left ul.main  li.l {
	border-bottom: 1px #fff solid;
}
#left div.menu_left ul.main  li.l a{
	float: left;
	padding: 9px 0 9px 20px;
	width: 208px;
	font-weight: bold;
	background:url(/images/icon2.png) no-repeat 10px 14px;
}
#left div.menu_left ul.main  li.l a:hover {
	background:url(/images/icon1.png) no-repeat 10px 14px;
}

/*-------main--------*/
 .main .product{
	float: left;
	width: 204px;
	padding: 10px 15px;
	height: 200px;
	
}
.main .product div.detail{
	float: left; 
	text-align: center;
	width: 224px;  
	padding: 5px 8px;
	
}
.main .product div.detail a.img img{
	padding: 5px; 
	background: #fff;
	width: 195px;
	height: 140px;
	border: 1px #d3d3d3 solid;
}
 .main .product div.detail div.main_detail{
	float: left;
	padding: 8px; 
	width: 204px; 
	text-align: center;
}
 .main .product div.detail p.detail{
	float: left;
	width: 94px;
	padding-left: 15px;
}

.main .product div.detail p.order{
	float: left;
	width: 76px;
	padding-left: 29px;
}
.main .product div.detail p.detail a {
	float: left;
	width: 94px;
	height: 23px;
	background:url(/images/bottun_detail.png) no-repeat left top;
}

 .main .product div.detail p.order a {
	float: left;
	width: 76px;
	height: 23px;
	cursor: pointer;
	background:url(/images/bottun_cart.png) no-repeat left top;
}

 .main .product div.detail p.detail a:hover {
	background:url(/images/bottun_detail1.png) no-repeat left top;
}

 .main .product div.detail p.order a:hover {
	background:url(/images/bottun_cart1.png) no-repeat left top;
}
 div.head  a { text-transform: uppercase; }
div.head font { color: #5C8D0A; font-size: 14px;}

/* ________footer__________*/
 
#footer{
	float: left;
	width: 980px;
	text-align: left; 
	padding-left: 20px;
	background:url(/images/bg_bottom_footer.png) repeat-x 0px 0px;
	margin: 0px 0px 0px -10px;
}
#footer p{
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	padding : 10px ;
	float: left;
	width: 450px;
}
#footer p a{ 
	color: #fff;
}
#footer p a:hover { 
	color: #ccc; 
}

#nav_bottom
{
	float: left;
	width: 500px;
	padding-top: 10px;
}
#nav_bottom ul#nav_ul
{
	float: left;
	width: 500px;
}
#nav_bottom ul#nav_ul li
{
	float: left;
	position: relative;
	text-align: center;
	color: #fff;
}
#nav_bottom ul#nav_ul li a
{
	color: #fff;
	font-weight: bold;
	padding: 0 5px; 
}
#nav_bottom ul#nav_ul li a:hover
{
	color: #0056a9;
	font-weight: bold;
}
/********end footer********/
#content .block1  ul #news
{
	width:735px;
	float:left;
	border-bottom:1px solid #c3c3c3;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:5px;
}
#content .block1  ul #news .image
{
	margin-right:15px;
	width:145px;
	float:left;
}
#content .block1  ul #news .image img
{
	padding:3px;
	float:left;
	border:1px solid #c3c3c3;
}
#content .block1  ul #news .title
{
	font-weight:bold;
	width:565px;
	float:left;
	
	text-transform:capitalize;
}
#content .block1  ul #news .title a
{
	color:#3b609c;
}
#content .block1  ul #news .title a:hover
{
	color:#f77505;
}
#content .block1  ul #news .text
{
	text-align:justify;
	width:570px;
	float:left;
	padding-top:10px;
}
#content .block1  ul #news .view
{
	padding-top:10px;
}
#content .block1  ul #news .view a:hover
{
	color:#3b609c;
}
#content .block1  ul #news .view a
{
	font-weight:bold;
}

/***Support*****/

.asupport
 {
margin: 0px 0;
text-align: center;
width: 190px;
float: left;
padding-top: 5px;
padding-bottom: 5px;
}
.asupport span 
{
display: block;
font-weight: bold;
padding-top: 5px;
}
.sp_phone {
float: left;
padding-bottom: 5px;
padding-top: 5px; 
width: 190px;
padding-left: 40px;
font-weight: bold;
color: #413F36;
text-decoration: none;
background: url("/images/phone.png") no-repeat scroll 10px 6px transparent;
}
.sp_phone span.phone
{  
	color: red;
}
/************************slide main**************************/
#list {
	height:104px;
	width:600px; 
	float:left;
	margin-top:5px;
	background: url(/images/box.png) repeat-x left top; 
	padding-bottom: 10px;
}

.slider {
	float:left;
	left: -5000px; 
	margin:3px; 
	position:relative; 
	visibility:hidden;	
}
	
.slider ul {
/*	height:150px;*/
	width:685px; 
	padding: 0;
	position:relative; 
}
.control
{
	
	padding-right: 15px;
	float: right;
	width: 55px;
	height: 20px;
	z-index: 999;
	padding-top: 5px;
	
}
.prev:hover {
	cursor:pointer; 
	float: right;
	padding-top:5px;
	padding-left:2px;
	width: 25px;
	height: 20px;
	background: url(/images/control_right.png) no-repeat 0px 0px; 
}
.prev {
	cursor:pointer; 
	float: right;
	padding-top:5px;
	padding-left:2px;
	width: 25px;
	height: 20px;
	background: url(/images/control_right1.png) no-repeat 0px 0px; 
}

.next:hover {
	cursor:pointer; 
	float:left; 
	padding-top:5px;
	padding-right:2px;
	width: 25px;
	height: 20px;
	background: url(/images/control_left.png) no-repeat right 0px; 
}
.next {
	cursor:pointer; 
	float:left; 
	padding-top:5px;
	padding-right:2px; 
	width: 25px;
	height: 20px; 
	background: url(/images/control_left1.png) no-repeat right 0px; 
}