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

body {
	margin:0;
	background:url(../images/body-back.jpg) repeat-x;
	font-family:Calibri;
}
img{border:0;}
h1, h2, h3, h4, h5{font-family:Calibri;}
a{color:#000; text-decoration:none}
a:hover{color:#4ADE11; text-decoration:underline}

#wrapper{margin:0 auto; width:1024px; overflow:hidden}

#header{float:left; width:100%}
#header .logo{float:left;}
#header .tag_line{float:right; margin-top:52px; margin-right:1.3%;}

.menu_baar{float:left; width:100%;background:url(../images/menu-bg.gif); padding:16px 0; text-transform:uppercase}
.menu_baar a{color:#333333; text-decoration:none; padding:16px 47.1px; border-right:1px solid #666}
.menu_baar a:hover{color:#4ADE11;}
.menu_baar .active{background:url(../images/hover-bg.gif); color:#4ADE11;}
.menu_baar .active:hover{background:url(../images/hover-bg.gif); color:#4ADE11;}

#section{float:left; width:100%; padding-top:10px; background:#fff; padding:1.5% 0;}

.banner{float:left; width:100%}
.banner ul{padding:0; margin:0; list-style-type:none}
.banner img{width:100%; height:auto}

.welcome2{float:left; width:78%; margin-top:10px; color:#333; font-size:18px; padding:0 0 0 2%;}
.welcome{float:left; width:100%; margin-top:10px; color:#333; font-size:18px; padding:0}

.welcome h1{margin:0; color:#4ADE11; font-family:Calibri; font-size:36px; font-weight:normal; padding-bottom:0}
.welcome p{margin-top:10px;}

.heading{margin:0; color:#4ADE11; font-family:Calibri; font-size:26px; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #ddd;}

.products_sec{float:left; width:100%;}
.products_sec ul{padding:0; margin:0}
.products_sec ul li{float:left; width:30%; height:280px; line-height:18px; list-style-type:none; margin-right:1.3%; background:#f3f3f3; padding:1%; font-size:12px; color:#555}
.products_sec ul li img{width:100%; height:auto}
.name{font-size:20px; color:#4ADE11; line-height:30px; font-weight:normal;}

.bottom_text{float:left; width:100%; margin-top:10px; color:#333333}
.recent_sec{float:left; width:98%; margin-top:10px; color:#333333; background:#f3f3f3; padding:0 1%}
.recent_sec .p1{float:left; width:49%; margin-left:1%;}
.recent_sec .p2{float:left; width:48%; padding-left:1.7%; border-left:1px solid #ddd;}

#footer{margin:0 auto; width:1024px; overflow:hidden; background:#bababa; text-align:center; line-height:24px; font-family:Calibri;}
#footer a{text-decoration:none; color:#000}
#footer a:hover{text-decoration:underline}
.small{font-size:14px; color:#333333}

.transform{text-transform:uppercase; font-size:15px}

.contact_wrap{float:left; width:100%;}
.contact_wrap ul{padding:0; margin:0}
.contact_wrap ul li{width:45%; float:left; background:#f3f3f3; padding:2%; line-height:28px; margin-right:2%; list-style-type:none; margin-top:15px;}
.name2{font-size:24px; color:#4ADE11; line-height:30px;}

.map{float:left; width:100%; margin-top:0px;}

.image_in{float:right; margin-left:25px;}
.image_news{}

.products_wrap{float:left; width:100%;}
.products_wrap .pro_list_sec{float:left; width:20%}
.products_wrap .pro_list{float:left; width:100%}
.products_wrap .pro_list ul{padding:0; margin:0; list-style-type:none; background:#f3f3f3}
.products_wrap .pro_list ul li{width:100%;}
.products_wrap .pro_list ul li a{padding:5px 18px; display:block; color:#FFFFFF; margin-bottom:1px; background:url(../images/arrow.png) no-repeat left center; background-position:10px; background-color:#B2B0B0;}
.products_wrap .pro_list ul li a:hover{text-decoration:none; background-color:#E8E8EE; color:#4ADE11; background:url(../images/arrow2.png) no-repeat left center; background-position:10px; }
.products_wrap .pro_list ul li .xactive{text-decoration:none; background-color:#666666; color:#4ADE11; background:url(../images/arrow.png) no-repeat left center #666666; background-position:10px; }
.products_wrap .pro_list ul li .yactive{text-decoration:none; background-color:#666666; color:#4ADE11; background:url(../images/arrow.png) no-repeat left center #666666; background-position:10px; }
.products_wrap .pro_list ul li ul{margin:0; padding:0;}
.products_wrap .pro_list ul li ul li{ line-height:24px;}
.products_wrap .pro_list ul li ul li a{ font-size:14px; background:url(../images/arrow2.png) no-repeat left center; color:#444; background-position:10px; background-color:#ddd; border-bottom:1px dashed #ccc;}
.products_wrap .pro_list ul li ul li a:hover{color:#4ADE11; background-color:#ccc}
.products_wrap .pro_list ul li ul li .activee{color:#000; background-color:#ccc}

.products_wrap .pro_list ul li ul li ul{width:100%}
.products_wrap .pro_list ul li ul li ul li a{background:url(../images/arrow2.png) no-repeat left center; color:#444; background-position:10px; background-color:#f3f3f3; border-bottom:1px dashed #ccc;}
.products_wrap .pro_list ul li ul li ul li a:hover{color:#4ADE11; background-color:#f1f1f1}
.products_wrap .pro_list ul li ul li ul li .act{color:#4ADE11}

.products_wrap .pro_desc{float:left; width:78%; padding:0 0 0 2%;}
.products_wrap .pro_desc h2{background:#666666; float:left; width:98%; color:#4ADE11; font-size:18px; margin:0 0 10px 0; font-weight:normal; padding:5px 1%;}
.products_wrap .pro_desc h3{background:#666666; float:left; width:98%; color:#4ADE11; font-size:18px; margin:0 0 10px 0; font-weight:normal; padding:5px 1%;}
.products_wrap .pro_desc h3 a{color:#4ADE11; display:block}
.products_wrap .pro_desc h4{float:left; width:100%; margin-top:10px; font-weight:normal}
.products_wrap .pro_desc h4 a{background:#ddd; color:#333; padding:7px 20px; font-size:16px;
border-radius:3px;
}
.products_wrap .pro_desc h4 a:hover{text-decoration:none; background:url(../images/hover-bg.gif); color:#4ADE11}

.products_wrap .pro_desc ul{padding:0; margin:0; list-style-type:none}
.products_wrap .pro_desc ul li{float:left; width:30.9%; margin-right:3%; text-align:center; font-size:16px; border:1px solid #ddd; padding:10px 0; margin-bottom:10px;}

.products_wrap .pro_contact{float:left; width:100%; background:#f3f3f3; font-size:16px; margin-top:10px; border-bottom:3px solid #ddd}
.products_wrap .pro_contact h3{padding:3%; margin:0; background:#B2B0B0; color:#FFFFFF; font-size:18px; font-weight:normal;}
.products_wrap .pro_contact p{padding:5% 5%; margin:0}

.products_details{float:left; width:100%; margin-top:0;}

.products_details .desc_image{float:left; width:30%}
.products_details .desc_image img{width:96%; height:auto; padding:1% 2%; border:1px solid #ddd; display:block;}
.products_details .desc_image p{margin-top:0}
.products_details .desc_test{float:right; width:65%; font-size:16px; background:#f3f3f3; padding:2%;}
.products_details .desc_test ul{margin:0; padding:0}
.products_details .desc_test ul li{float:none; border:0; width:100%; text-align:left; line-height:20px; margin:0 0 0 15px; padding:0; font-size:14px; list-style-type:disc}

.image_box{float:left; width:96%; background:#f3f3f3; padding:2%; margin-bottom:10px;}


.project_wrap{width:96%; float:left; background:#f1f1f1; padding:0 2%; line-height:20px; margin-bottom:10px; font-size:16px}
.pro_name{font-size:20px; color:#4ADE11; line-height:normal; font-weight:normal; text-transform:uppercase}
.more{background:url(../images/menu-bg.gif); padding:5px 10px;}
a.more{text-decoration:none; border:0 solid #999;
border-radius:3px;
-webkit-border-radius:3px;
}
a.more:hover{background:url(../images/hover-bg.gif); color:#4ADE11;}

.image_inn{float:left; margin-right:15px; width:42%; height:200px;}

.image_inn2{float:left; margin-right:0; width:100%; height:auto; margin:5px 0;}
.image_inn3{float:left; width:44%; margin-right:1%;}
.image_inn4{float:right; width:55%;}


.whitte{color:#FFF; font-size:18px}


.res_menu{display:none}
@media only screen and (max-width :1024px) {
	#wrapper{width:100%}
	#footer{width:96%; padding:0 2%}
	.menu_baar a{color:#333333; text-decoration:none; padding:16px 3.1%; border-right:1px solid #333}
}

@media only screen and (min-width : 150px) and (max-width : 768px) {
	#wrapper{width:85%}
	#footer{width:96%; padding:0 2%}
	#header .logo{float:left; width:100%; text-align:center;}
	#header .tag_line{margin-right:0; width:100%; text-align:center}
	.recent_sec .p1{float:left; width:98%; margin-left:2%;}
	.recent_sec .p2{float:left; width:98%; margin-left:2%; border-left:0;}
	
	.products_sec{float:none; margin:0 auto; width:70%;}
	.products_sec ul li{float:left; width:96%; height: auto; margin-top:15px; padding:2%}
	
	.menu_baar{float:left; display:none}
	
	.res_menu{float:left; width:96%; padding:5px 2%; background:#E8E8EE; display:inherit; margin-top:10px;}
	.res_menu_input{float:left; width:98%; padding:1%; background:#E8E8EE; border:0; font-size:18px; text-transform:uppercase; color:#4ADE11;}
	.image_in{float:right; width:40%; height:auto; margin-left:25px;}
	.contact_wrap ul li{width:45%; float:left; background:#f3f3f3; padding:2%; margin-right:2%; list-style-type:none; margin-top:15px; font-size:14px; line-height:26px;}
	.name2{font-size:20px; color:#4ADE11; line-height:30px;}
	
	.products_wrap .pro_list{float:left; width:100%}
	.products_wrap .pro_desc{float:left; width:100%; padding:20px 0;}
	.products_details .desc_image{float:left; width:100%}
	.products_details .desc_test{float:right; width:90%; font-size:14px; background:#f3f3f3; padding:5%;}
	.products_wrap .pro_contact{float:left; width:100%; background:#f3f3f3; font-size:16px; border-bottom:3px solid #ddd; text-align:center}
	
	.products_wrap .pro_desc ul li{float:left; width:50%; margin-left:25%; margin-right:0; }
	
	.products_wrap .pro_list_sec{float:left; width:100%}
	
	.image_news{width:100%; height:auto}
	
	.welcome2{float:left; width:100%; margin-top:10px; color:#333; font-size:18px; padding:0 0;}
	
	
@media only screen and (max-width :480px) {
	#wrapper{width:90%}
	#footer{width:96%; padding:0 2%}
	#header .logo img{width:95%; height:auto}
	#header .tag_line img{width:100%; height:auto}
	
	.products_wrap .pro_desc ul li{float:left; width:90%; margin-left:5%; margin-right:0; }
	
	.products_sec{float:none; margin:0 auto; width:100%;}
	.products_sec ul li{float:left; width:90%; height: auto; line-height:18px; list-style-type:none; margin-right:0; background:#f3f3f3; padding:5%; font-size:12px; color:#555}
	.contact_wrap ul li{width:96%; float:left; background:#f3f3f3; padding:2%; margin-right:2%; list-style-type:none; margin-top:10px; font-size:16px; line-height:26px;}
	
	.image_inn{float:left; margin-right:0; margin-bottom:10px; width:100%; height:auto}
	
	.image_inn2{float:left; margin-right:0; width:100%; height:auto; margin:5px 0;}
	.image_inn3{float:left; width:100%; margin-right:0%;}
	.image_inn4{float:right; width:100%; margin-top:5px;}
}