body, html{
	margin:0;
	padding:0;
	background:#f4f4f4;
	color:#222222;
	font-family:"Trebuchet MS", Verdana, arial, sans-serif, Geneva;
}

h1,h2,h3,h4,h5,h6{
	font-family:"Trebuchet MS", Verdana, arial, sans-serif, Geneva;
	margin:0;
	padding:0;
	color:fff;
}
a, img{
	text-decoration:none;
	border:0;
}

ul, li{
	list-style:none;
	margin:0;
	padding:0;
}

input{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px #0396da;
	font-size:11px;
	color:#333;
	height:18px;
}

p{
	color:#333333; 
	font-size:11px; 
	font-family:"Trebuchet MS", Verdana, Alaska, Arial;
	text-align:justify;
	margin:3px;
	}



/*---------------------- Main Css -----------------*/

.warapper{
	width:100%;
	height:auto;
}

.contaner{
	width:1000px;
	background:#fff;
	margin:auto;
	height:auto;
}

/*------------ Main header -----------------*/
.main-header{
	width:100%;
	height:96px;
	background:url(../images/top-header-bg.png) bottom left repeat-x;
	margin:0 0 7px 0;
}

.main-header .logo, .logo-rc, .header-bg{
	float:left;
	height:89px;
}

.logo{width:270px; padding:10px 0 0 10px;}
.header-bg{width:629px; float:left; background:url(../images/top-header-bg2.png) no-repeat top left;}

.header-bg .icon-bg{height:25px; width:100%; /*background:#0CC;*/}
.icon-bg .log-name{font-size:0.8em; color:#fff; font-weight:600;}
.icon-bg .log-name span{color:#FFFF00;}

.icon-bg ul{width:100%; float:left;}
.icon-bg ul li{float:left; margin:0 15px; width:60%;}
.icon-bg ul .top-nav-icon{text-align:right; width:30%; /*background:#F90;*/}
.top-nav-icon a{margin:0 5px;}
.header-bg .search{ width:90%; float:right; padding:15px 20px 0 0;  text-align:right;}

.search input{width:180px;}
.search a{margin:5px 0 0 2px; /*background:#F30;*/}



/*----------------- Main Contant-----------------------*/

.Main-Contant{
	width:99%;
	/*background:#6CC;*/
	margin:auto;
	height:auto;
	clear:both;	
	padding:0 8px;
}

.left-slider, .mid-slider, .right-slider{
	float:left;
	margin-bottom:6px;
	}

.Main-Contant .left-slider{
	width:219px;
	/*background:#69F;*/
	height:auto;
}

.left-slider .ls-tb1, .ls-tb2,ls-tb3{
	background:#fff;
	width:100%;
}
.ls-tb1 ul{
	background:#01afff;
	clear:both;
}

.ls-tb1 ul li{float:left;}
.ls-tb2 ul li{float:left;}
.ls-tb3 ul li{float:left;}
.lft1-head, .lft2-head{
	font-size:1.0em;
	font-family:"Trebuchet MS", Verdana, Alaska, Arial;
	font-weight:600px;
	color:#FFF;
	width:205px;
	height:25px;
	padding:2px 0 0 10px;
	}
.lft3-head{
	font-size:1.0em;
	font-family:"Trebuchet MS", Verdana, Alaska, Arial;
	font-weight:600px;
	color:#FFF;
	width:270px;
	height:25px;
	padding:2px 0 0 10px;
	background:#01afff;
	}

.lft1-head{background:#01afff url(../images/about-lt-c.png) no-repeat left top;}
.lft2-head{background:#01afff url(../images/about-lt-c.png) no-repeat left top; 
	}


.ls-tb1-line, .ls-tb2-line,.ls-tb3-line{	
	padding:2px;
	margin-bottom:8px;
	font-size:11px;
}

.ls-tb1-line{border:1px solid #01afff;}

.ls-tb2-line,.inner-ls-tb2-line,.inner-ls-tb3-line{border:1px solid #01afff; margin-bottom:2px;}






/*------------Main - Middle banner ------------------*/

.Main-Contant .mid-slider{
	width:469px;	
	/*background:#f3f6f7;*/
	margin:0 8px 0 8px;
	height:330px;
	}

.mid-slider .mid-tb{
	background:#f3f6f7 url(../images/main-banner-btn-bg.png) no-repeat right bottom;
	border-bottom:1px solid #0fb3ff;
	height:218px;
	margin-bottom:5px;
	}

.mid-tb ul{
		margin:0 0 3px 2px;
		padding-top:7px;
}
.mid-tb ul li{
	float:left;
	padding:0 7px 0 7px;
	font-size:11px;
	color:#4a4a4a;
	height:190px;
	}
	
.mid-tb .mid-txt{
	/*background:#399;*/
	line-height:22px;
	width:265px;
	line-height:18px;
}

.mid-tb span{
	color:#008aff;
	font-size:11px;
	font-weight:bold;
	padding:0 7px 0 0;
}

	
.Main-Contant  .mid-left-btn{float:right; margin-right:9px;}

.Main-Contant  .mid-left-btn1{float:right; margin-right:9px;}

.mid-left-btn a{margin:2px 6px 0 6px;}

/*------------- Product linke -----------------*/


.Main-Contant .pro-link{	
	height:140px;
	clear:both;
	padding:0;
	width:469px;	
	margin:0; 
}

.pro-link .product, .oth-link{
	width:231px;
	background:#f6f5e8;
	height:100px;
	float:left;
}

.product{margin-right:4px;}
.oth-link{margin-left:3px;}

.pro-link  h6{
	background:#deddcb;
	font-size:13px;
	font-weight:bold;
	color:#202020;
	line-height:20px;
	padding-left:7px;
}

.product p{
	font-size:12px;
	font-weight:bold;
	margin:3px 0 0 7px;
}

.oth-link a{
	color:#434009;
	text-decoration:underline;
	line-height:18px;
	font-size:12px;
	float:left;
	margin:3px 0 0 7px;
	width:180px;
}

/*--------------- Right Slider---------------------------*/

.Main-Contant .right-slider{
	width:279px;
	background:#FC0;
	height:100px;
	}	

.right-slider .login-tb{
	width:100%;
	color:#F30;
	background:url(../images/log-bg.png) repeat-x top left;
	height:200px;
	text-align:center;
}

.login-tb ul{margin-top:10px;}

.login-tb input{
	border:1px solid #0985bf;
	font-size:13px;
	background:#b2e0f6;	
	margin-bottom:5px;
	width:250px;
	height:22px;
	-webkit-border-radius:none;
	-moz-border-radius: none;
	border-radius: none;
	padding:0 0 3px 3px;
	}

.login-tb a{
	background:#076a98;
	padding:2px 5px;
	color:#FFF;
	font-size:11PX;
	font-weight:bold;
	float:right;
	margin:2px 18px 5px 0;
	letter-spacing:1px;
	}

.login-tb a span{font-size:13px;}

.login-tb .login-bottom-bg{
	border-top:1px dashed #018fd0;
	clear:both;
	margin:auto;
	background:#bce8fc;
	width:270px;
	height:48px;
	}
	
.login-bottom-bg a{
	background:none;
	color:#024361;
	width:auto;
}

.login-bottom-bg a:hover{text-decoration:underline;}


.login-bottom-bg .center{text-align:center;  width:210px; clear:both;}

.login-bottom-bg .link{
	width:88%;	
	
	padding:5px 35px 0 15px;	
	}

.right-slider .btn-img{	
	width:100%; 
	clear:both;
	margin-top:8px;
	}

.btn-img li{text-align:center; padding-bottom:3px;}


/*-----------img-scroller---------------*/
.img-scroller{
	clear:both;
	width:985px;
	/*background:#996;*/
	margin-top:15px ;
	height:82px;
}

.img-scroller ul{margin:auto; padding:0; width:98%;}
.img-scroller ul li{float:left; margin:0 5px; border:5px solid #deddcb; width:74px; height:74px;}



/*----------Footer-------------------*/
.footer{
	clear:both;
	background:url(../images/footer-bg.png) repeat-x top left;
	height:20px;
	padding:13px 0 0 0;
	font-size:0.7em;
	color:#64615F;
	text-align:right;
	font-weight:500;
	margin:5px 0 0 0;
}


.modalBackground
{
	background-color:#AAD4FF;
	filter: alpha(opacity=70);
	opacity: 0.7;
}