@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6,span,img,div,p,ul,li,input,textarea{
	margin:0px;
	padding:0px;
}
body{
	font-size:100%;
	margin:0px;
	font-family:Arial;
	background:#fff;
	padding:0px;
}
.clear{
	clear:both;
}
.center{
	width:1000px;
	height:auto;
	margin:0px auto;
	/*position:relative;*/
}
.grey-header{
	width:100%;
	height:30px;
	background:#818181;
}
.grey-header p{
	background: url(../images/p-icon.png) no-repeat left center;
	font-size: 14px;
	color: #fff;
	padding-left: 21px;
	line-height: 23px;
	margin-top: 2px;
	float: right;
	margin-right: 30px;
}
.logo{
	float:left;
}
.header-bottom{
	width:100%;
	height:100px;
	position:relative;
	border-bottom:5px solid #0065d7;
}
.header-left{
	width:50%;
	height:56px;
	position:absolute;
	left:0px;
	bottom:0px;
	background:url(../images/nav-bg-left.png) no-repeat right bottom;
}
.header-right{
	width: 50%;
	height: 56px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url(../images/nav-bg-right.png) repeat-x;
}
.logo-text{
	color: #0065D7;
	font-size: 26px;
	padding-top: 31px;
	float:left;
	display: table;
	padding-left: 15px;
}
.nav{
	width:auto;
	height:auto;
	margin-top:44px;
	float:right;
}
.nav ul{
}
.nav ul li{
	list-style: none;
	float: left;
}
.nav ul li a{
	text-decoration:none;
	height: 84px;
	display:block;
	position:relative;
	padding-left:20px;
	width: 58px;
}


.nav ul li:nth-child(1) a{
	background:url(../images/home.png) no-repeat left center;
}
.nav ul li:nth-child(1) a:hover, .nav ul li:nth-child(1) a.active-home{
	background:url(../images/home-hover.png) no-repeat left center;
}

.nav ul li:nth-child(2) a{
	background:url(../images/about.png) no-repeat left center;
}
.nav ul li:nth-child(2) a:hover, .nav ul li:nth-child(2) a.active-about{
	background:url(../images/about-hover.png) no-repeat left center;
}
.nav ul li:nth-child(3) a{
	background:url(../images/product.png) no-repeat left center;
}
.nav ul li:nth-child(3) a:hover, .nav ul li:nth-child(3) a.active-product{
	background:url(../images/product-hover.png) no-repeat left center;
}
.nav ul li:nth-child(4) a{
	background:url(../images/service.png) no-repeat left center;
}
.nav ul li:nth-child(4) a:hover, .nav ul li:nth-child(4) a.active-service{
	background:url(../images/service-hover.png) no-repeat left center;
}
.nav ul li:nth-child(5) a{
	background:url(../images/contact.png) no-repeat left center;
}
.nav ul li:nth-child(5) a:hover, .nav ul li:nth-child(5) a.active-contact{
	background:url(../images/contact-hover.png) no-repeat left center;
}
.slider-bg{
	width:100%;
	height:auto;
	background: #ddd url(../images/bg.jpg) repeat top left;
	padding: 14px 0px;
	margin-top: -23px;
}
.slider-bg1{
	width:100%;
	height:auto;
	background: #ddd url(../images/slider-bg.png) repeat top left;
	padding: 14px 0px;
	text-align:center;
	margin-top: -23px;
}
.right-img{
	width: 250px;
	float: right;
	display: inline-block;
	margin-left: 15px;
	border:2px solid #0065D7;
	}
.content{
	width:100%;
	height:auto;
}
.content h1{
	position:relative;
	margin-top: 10px;
	font-size: 20px;
	color:#0065D7;
	/*text-decoration:underline;*/
	/*border-bottom:3px solid #0065D7;*/
}
.content h1:after{
	content: " ";
	position: absolute;
	background: #ff7700;
	width: 80.5%;
	bottom: 0px;
	margin-bottom: -4px;
	left: 198px;
	height: 3px;
}
.content h1:before{
	content: " ";
	position: absolute;
	background: #0065D7;
	width: 20%;
	bottom: 0px;
	margin-bottom: -4px;
	left: 0px;
	height: 3px;
}
.content h1 span{
	color:#ff7700;
	/*text-decoration:underline;*/
}
.content p{
	text-align: justify;
	line-height: 18px;
	color: #333;
	font-size: 12px;
	margin-top: 10px;
}
.left-p{
	float:left;
	width:720px;
}
.right-cate{
	float:right;
	width:250px;
	height:auto;
}
.right-cate h2{
	color: #0065D7;
	text-align: left;
	font-size: 18px;
	border-bottom: 3px solid #0065D7;
	margin-top: 20px;
}
.right-cate ul{
}
.right-cate ul li{
	list-style:none;
	margin-top:5px;
}
.right-cate ul li a{
	text-decoration:none;
	color: #000;
	font-size: 13px;
	line-height: 22px;
	text-align:right !important;
	padding-left:30px;
}
.right-cate ul li a:hover{
	color:#F30;
	text-decoration:underline;
}
.read{
	background:url(../images/read.png) no-repeat;
	width:122px;
	height:27px;
	display:block;
	float:right;
}
.left-img{
	float: left;
	display: inline-block;
	margin-right: 10px;
}
/***slider one by one ***/
.cate{
	width:100%;
	height:auto;
	margin-top:26px;
}
.head1{
	width: 410px;
	padding: 8px 0px 12px 0px;
	display: table;
	margin: 0px auto;
}
.head1 img{
	float:left;
}
.head1 h3{
	float:left;
	color:#3f4040;
	font-weight:bold;
	font-size:29px;
	padding:4px 10px;
}
.catg{
	width:100%;
	float:left;
	background:#eff0f0;
	padding-bottom:15px;
	box-shadow:0px 2px 4px #d0d0d0;
}
.cats{
	width:1000px;
	float:left;
	position:relative;
	/*padding:0px 61px;*/
}
.cat-left{
	width:240px;
	float:left;
	margin:0px 6px;
	height:343px;
	/*border-radius:20px;*/
	background:url(../images/bg-cat-box.png) repeat-x bottom;
}
.cat-left h2{
	font-weight:bold;
	font-size:14px;
	color:#fff;
	padding: 40px 0px 8px 0px;
	text-decoration: none;
}
.cat-left p{
	color: #fff;
	padding: 0px 10px 21px 10px;
	line-height: 18px;
	font-size: 12px;
}
.cat-a{
	width:32px;
	height:35px;
	position:absolute;
	top:165px;
	left:0;
}
.cat-a button{
	background:url(../images/cata2.png) no-repeat;
	height:35px;
	width:32px;
	border:none;
	cursor:pointer;
	position:relative;
	left:-60px;
	outline:none;
}
.cat-b button{
	background:url(../images/cata1.png) no-repeat;
	height:35px;
	width:32px;
	position:relative;
	right:-60px;
	border:none;
	cursor:pointer;
	outline:none;
}
.cat-b{
	width:32px;
	height:35px;
	right:0px;
	position:absolute;
	top:165px;
}
.product-img{
	width: 240px;
	/*height: 150px;*/
	text-align: center;
	/*background: #666;*/
}
.product-img img{
	margin-top:10px;
}
.cat-but{
	padding: 8px 16px;
	border-radius: 5px;
	font-size: 12px;
	text-decoration: none;
	background: #fff;
	color: #000;
}
.cat-but:hover{
	text-decoration:underline;
}
/*.cate-slide{
	display:none;
}*/
/***end slider one by one ***/


/***footer****/
.top-footer{
	width:100%;
	height:250px;
	background:#585f69;
	margin-top:20px;
}
.top-footer h3{
	position:relative;
	margin-top: 10px;
	font-weight:normal;
	font-size: 18px;
	color:#ccc;
	/*text-decoration:underline;*/
	/*border-bottom:3px solid #0065D7;*/
}
.top-footer h3:after{
	content: " ";
	position: absolute;
	/* background: #ff7700; */
	width: 184.5%;
	bottom: 0px;
	margin-bottom: -4px;
	left: 65px;
	border-bottom: 1px dotted;
}
.top-footer h3:before{
	content: " ";
	position: absolute;
	background: #ff7700;
	width: 20%;
	bottom: 0px;
	font-weight: normal;
	margin-bottom: -4px;
	left: 0px;
	height: 2px;
}
.content h3 span{
	color:#ff7700;
	/*text-decoration:underline;*/
}
.top-footer h2{
	position:relative;
	margin-top: 10px;
	font-weight:normal;
	font-size: 16px;
	color:#ccc;
	/*text-decoration:underline;*/
	/*border-bottom:3px solid #0065D7;*/
}
.top-footer h2:after{
	content: " ";
	position: absolute;
	/* background: #ff7700; */
	width: 69%;
	bottom: 0px;
	margin-bottom: -4px;
	left: 100px;
	border-bottom: 1px dotted;
}
.top-footer h2:before{
	content: " ";
	position: absolute;
	background: #ff7700;
	width: 31%;
	bottom: 0px;
	font-weight: normal;
	margin-bottom: -4px;
	left: 0px;
	height: 2px;
}
.content h2 span{
	color:#ff7700;
	/*text-decoration:underline;*/
}
ul.footer{
	width:100%;
	height:auto;
}
ul.footer li{
	width:32%;
	margin-left:2%;
	float:left;
	list-style:none;
}
ul.footer li:first-child{
	margin-left:0px;
}
ul.footer table{
	width: 97%;
	margin-left: 3%;
}
ul.footer table label{
	color: #ccc;
	font-size: 13px;
	display:table;
	margin-top: 10px;
}
.footer-input{
	width: 95%;
	border-radius: 4px;
	height: 28px;
	padding-left: 5%;
	border: 1px solid #3C3C3C;
}
.footer-texarea{
	height: 96px;
	resize: none;
}
.footer-submit{
	background: url(../images/submit.png) no-repeat;
	width: 113px;
	border: none;
	margin-top: 20px;
	height: 33px;
	float: right;
}
ul.footer li p{
	text-align: right;
	margin-top: 22px;
	color: #EBEBEB;
	line-height: 20px;
	font-size: 13px;
}
ul.footer li p span{
	background: url(../images/mail.png) no-repeat left 1px;
	padding-left: 20px;
	color: #FF7800;
}
ul.footer li p b{
	padding: 0px;
	margin-top: -14px;
	float: right;
	display: table;
	background:url(../images/arew.png) no-repeat left center;
	padding-left:44px;
}
.bottom-footer{
	width:100%;
	height:40px;
	background:#292a2b;
}
.bottom-footer-left-p{
	color: #fff;
	font-size: 12px;
	float: left;
	line-height: 37px;
}
.bottom-footer-right-p{
	float:right;
	color: #fff;
	font-size: 12px;
	line-height: 37px;
}
.bottom-footer-right-p a{
	color:#fff;
	text-decoration:none;
}
.bottom-footer-right-p a:hover{
	text-decoration:underline;
	}
/***end footer****/

/****contact***/
.enquiry{
	width:720px;
	height:auto;
	float:left;
	margin-top:20px;
}
.enquiry table{
	width:95%;
}
.contact-input{
	padding-left: 15px;
	margin-bottom: 6px;
}
.Contact-information{
	width:100%;
	height:auto;
}
.Contact-information p:nth-child(2){
	float:left;
}

.Contact-information p:last-child{
	float:right;
}
/****end contact***/