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

.products{ float:left; width:100%; height:auto; font-family: 'BookAntiqua'; margin-bottom:40px;}
.products h2{ float:left; font-size:24px; color:#0283bc; margin-bottom:10px; width:100%; margin-bottom:25px;}
#vtab {
	float:left;
            margin: 0px;
            width: 100%;
            height: auto;
			margin-bottom:30PX;
        }
		.check{ margin-right:11px; cursor:pointer;}
		
        #vtab > ul > li {
            width: 83%;
			height: auto;
			float: left;
			list-style-type: none;
			display: block;
			text-align: left;
			padding: 8px 5%;
			background: #42454c;
			border-radius: 7px;
			margin: 10px 0;
			margin-bottom: -1px;
			color: #d6d6d6;
			position: relative;
			cursor: pointer;

        }
		#vtab > ul > li .arw{
			position:absolute;
			right: -7px;
			top: 11px;
			display:none;	
		}
		#vtab > ul > li:first-child {
		}
        #vtab > ul > li.product {
		  font-size: 14px;
		  text-transform: uppercase;
		  padding-left: 15px;
		}
		.link_phone{
			width: 85%;
			display: inline-block;
			margin-bottom: 10px;	
			color:#1c140d;
		}
		.product_box h4{
			margin:0px;
			font-size:25px;
			font-weight:500;
			padding:0px;
			border:0px;	
		}
		.product_box p{
			color:#c43223;
			font-size:16px;
			margin:0px;
			padding:0px;
			margin-bottom:30px;	
		}
		.product_box:hover{
				box-shadow: 0 0 10px rgba(0,0,0,.2);
		}

  #vtab > ul > li.selected {
            opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			border-width: 1px;
			z-index: 10;
			color: #000;
			background: #9b9ca0;
			position: relative;
			cursor: pointer;
        }
		#vtab > ul > li.selected .arw{
			display:block;	
		}
        #vtab > ul {
            float: left;
            width: 25%;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
			border-radius:5px;
            top: 0px;
			margin-bottom:20px;
			margin-top:20px;
			font-size:18px;
			 margin-top:75px;
        }
        #vtab > div {
			border-radius:5px;
			float:left;
            width:75%;
            min-height: 488px;
            position: relative;
            z-index: 9;
			padding-bottom:1%;
        }
		#vtab > div h3{
			width: 96%;
			float: left;
			margin: 0px;
			padding: 0px;
			margin: 0px 2%;
			margin-top: 20px;
			padding-bottom: 5px;
			font-size:26px;
			font-weight:normal;
			border-bottom: 1px #ccc solid;	
		}
		
		        #vtab > div a {
            text-decoration:none; color:#999;
			font-family: 'BookAntiqua';
        }
		div h3{padding-left:15px;}

.product_box{ float:left; width:16%; padding:10px 2%; border:solid #CCC; border-width:1px; margin:3% 2% 1% 2%; text-align:center; background-color:#fff; height:160px; position:relative; overflow:hidden;
 border:1px solid #42454c; border-radius:5px;}
.product_box img{ height:auto; margin-left:auto; margin-right:auto; width:100%;}



@media only screen and (max-width:1024px){
	.page{ width:96%; height:auto; }
	.container_out{ width:95%;}
	.sub_banner{ float:left; width:25%; height:auto;  overflow:hidden;}
	.sub_banner2{ margin-top:-227px;}
	.span3{ min-height:190px;}
	.phone_number{ min-height:190px;}
	.span3 img{ margin-bottom:2px;}
	.span_menu1{ float:left; width:24%; min-height:190px; border-right:solid #e0e0e0; border-width:1px; text-align:center;}
	.span_menu2{ float:left; width:24%; min-height:190px; border-right:solid #e0e0e0; border-width:1px; text-align:center;}
	
	.sub{ font-size:12px;}
	.search_box h2{ margin-top:18px; font-size:16px;}
	.slide_caption{ margin-top:-55%;}
	.slide_caption h2{ font-size:36px;}
	.slide_caption h2 span{ font-size:32px;}
	.content_box{ margin-top:-4px;}
	.content_area h2{ margin-top:21px; margin-bottom:12px; padding:2px 28px;}
	.content_area p{ padding:2px 28px;}
	.content_area .link1{ margin-left:28px; margin-bottom:10px;}
	.right_banner{ margin-top:-3%;}
	.category{ min-height:50px;}
	.left_box{ width:95%; margin-left:5%}
	.left_box ul{ margin-right:3%;}
	.box_inner2{ width:95%; margin-left:5%;}
	.inner_footer{ width:48%;}
	.mobile_menu{ display:none;}
	.product_box{ float:left; width:30%; border:solid #CCC; border-width:1px; margin:3% 0% 1% 2%; text-align:center;}
	
	
}

@media only screen and (max-width:768px){
	.page{ width:100%; height:auto;}
	.container_out{ margin-left:auto; margin-right:auto; width:100%; height:auto; background-color:#FFF; display:table; margin-top:0px; 
	margin-bottom:0px;}
	.menu ul{ margin-top:35px;}
	.span3{ min-height:150px;}
	.phone_number{ min-height:150px;}
	.span3 img{ width:75%; margin-top:23px;}
	.span_menu1{ float:left; width:24%; min-height:150px; border-right:solid #e0e0e0; border-width:1px; text-align:center;}
.span_menu2{ float:left; width:24%; min-height:150px; border-right:solid #e0e0e0; border-width:1px; text-align:center;}
	.phone{ margin-top:57px; width:90%; margin-left:12px;}
	.phone img{ float:left; width:25%;}
	.slide_caption h2{ font-size:30px;}
	.slide_caption h2 span{ font-size:28px;}
	.sub_banner2{ margin-top:-189px;}
	.sub_caption h3{ font-size:18px;}
	.sub_caption h3 span{ font-size:16px;}
	.sub_caption2 h3{ font-size:18px;}
	.sub_caption2 h3 span{ font-size:16px;}
	.right_banner{ margin-top:-4%;}
	.content_area p{ line-height:15px; padding:1px 10px; font-size:11px;}
	.content_area h2{ padding:0px 10px; font-size:17px;}
	.content_area .link1{ margin-left:10px; padding:7px 15px;}
	.middle_section{ float:left; width:100%; height:auto; background-color:#f3f3f3;}
.category{ float:left; width:50%; min-height:50px; background-color:#f3f3f3;}
	.left_box{ margin-top:3%;}
	.left_box ul{ margin-top:4px; width:46%;}
	.left_box ul li a{ font-size:10px; line-height:18px;}
	.left_box h3{ font-size:17px;}
	.box_inner2 ul{ width:48%;}
	.mobile_menu{ display:none;}
	.left_content{ width:70%;}
	.left_content p{ padding-right:20px; text-align:justify;}
	#vtab > ul > li{ width:96%; padding:15px 2% !important;}
	#vtab > ul > li:first-child {
	margin-left: 0px;
	}
	#vtab > div{ min-height:200px;}
	.link_phone a{ font-size:12px;}
	.right_box{ width:27%;}
	.inner_inquiry{ width:100%;}
	.in_box h4{ font-size:13px;}
	.sub_box{ width:24%;}
	.file_filed{ margin-left:24px;}
	.clean_products .box{ min-height:210px;}
	
	
	
	

}
@media only screen and (max-width:630px){
	.product_box {
		width: 46%;
	}
	.page{ width:100%; height:auto;}
	.sub_banner2{ margin-top:-153px;}
	.phone{ margin-left:0px; width:100%;}
	.phone img{ display:none;}
	.phone h2{ text-align:left;}
	.search_box h2{ font-size:14px;}
	.sub{ font-size:11px;}
	.menu ul{ margin-top:18px;}
	.menu ul li a{ font-size:11px;}
	.phone{ margin-top:40px;}
	.phone h2{ font-size:11px;}
	.span3 img{ margin-top:13px;}
	.phone_number{ min-height:110px;}
	.span3{ min-height:110px;}
	.span_menu1{ min-height:110px; }
	.span_menu2{ min-height:110px;}
	.text_box{ width:50%;}
	.sub{ width:18%;}
	.main_banner{ float:left; width:100%;}
	.slide_caption{ margin-top:-47%;}
	.right_banner{ float:left; width:100%; margin-top:0%;}
	.right_slide{ float:left; width:34%;}
	.right_slide img{ height:175px;}
	.slide_box4{ display:none;}
	.right_slide{ width:50%; height:auto;}
	.sub_caption{ width:90%; margin-left:5%;}
	.sub_caption2{ width:90%; margin-right:5%;}
	.content_box{ margin-top:1px;}
	.slide_box6{ display:none;}
	.content_area{ width:75%;}
	.content_area .link1{ padding:5px 10px; font-size:10px;}
	.slide_box7{ display:none;}
	.category{ width:75%;}
	.left_box ul li{ padding:2px 0px;}
	.inner_footer{ width:74%;}
	.box_inner h3{ margin-bottom:12px;}
	.box_inner2 ul{ margin-top:12px;}
	.mobile_menu{ display:none;}
	.left_content{ float:left; width:99%; height:auto; border-right:none; margin-bottom:15px; }
	.left_content p{ padding-right:0px;}
	.right_box{ float:left; width:99%;}
	#vtab > ul{ width:98%; margin-bottom:15px;}
	#vtab > div{ float:left; width:98%;}
	#vtab > ul > li{padding:10px 2%;}
	.inquiry_box{ width:100%;}
	.left_contact{ float:left; width:98%; border-right:none; padding-bottom:6px;}
	.right_contact{ float:left; width:98%; margin-top:10px;}
	.clean_products .box{ width:98%; min-height:150px;}
	
}

@media only screen and (max-width:480px){
	.product_box {
		width: 95%;
	}
	.page{ width:100%; height:auto; border:none;}
	.container_out{ width:100%;}
	.menu{ display:none;}
	.span3{ border:none; width:30%;}
	.phone_number{ display:none;}
	.main_menu{ display:none;}
	.phone{ display:none;}
	.span3{ width:25%; min-height:95px;}
	.span_menu1{ min-height:110px; display:none; }
	.span_menu2{ min-height:110px; display:none;}
	.content_area p{ line-height:13px;}
	.content_area h2{ margin-top:10px; margin-bottom:5px; font-size:15px;}
	.slide_box5 .sub_caption { display:none;}
	.slide_box8 .sub_caption { display:none;}
	.left_box{ margin-bottom:2%;}
	.bottom_box{ width:48%; border-right:none; min-height:100px;  }
	.bottom_box2{ width:95%; min-height:100px;}
	.box_inner2{ margin-top:2%;}
	.inner_footer{ width:95%;}
	.search_box h2{ display:none;}
	.text_box{ width:64%; margin-left:3%;}
	.sub{ float:right; width:25%;}
	.slide_caption h2{ font-size:23px;}
	.slide_caption h2 span{ font-size:18px;}
	.mobile_menu{ display:block; float:right; width:60%; margin-right:2%; margin-top:32px; position:relative; z-index:101;}
	header{ margin-top:0px;}
	.left_content h2{ font-size:19px; margin-bottom:13px;}
	.mission h3{ font-size:16px;}
	.right_box h2{ font-size:19px; margin-bottom:13px; }
	#vtab > ul > li{padding:8px 2%;}
	.products h2{ font-size:20px; margin-bottom:13px;}
	.career h2{ font-size:20px; margin-bottom:13px;}
	.file_filed{ margin-left:14px;}
	.left_contact h2{ float:left; font-size:20px; color:#0283bc; margin-bottom:10px; width:100%; margin-bottom:13px;}
	.right_contact h2{ font-size:20px; margin-bottom:13px;}
	.left_contact{ float:left; width:100%; border-right:none; padding-bottom:6px;}
	.contact_form{ float:left; width:100%;}
	.right_contact{ float:left; width:100%; margin-top:10px;}
	.clear_1{ width:25%;}
	.inner_content{ margin-top:5px;}
	.inner_content2{ margin-top:5px;}
 	.inner_banner img{ margin-bottom:15px;}
	.office_left{ float:left; width:98%; border:none;}
	.office_right{ float:left; width:98%; border:none;}
	.office_products h5{ font-size:19px;}
}



@media only screen and (max-width:365px){
	.page{ width:100%; height:auto;}
	.span3{ min-height:60px;}
	.search_box{ display:none;}
	.main_banner{ margin-top:0px;}
	.inner_banner{ margin-top:0px;}
	.phone_number{ display:none;}
	.social_icons p{ float:left;}
	.inner_footer{ width:90%;}
	.mobile_menu{ display:block;}
	.top_section{ margin-bottom:15px;}
	.span3 img{ width:85%; }
	#vtab > ul > li{ width:85%; padding:7px 5px;}
	 #vtab > ul > li.product{
            font-size:12px; color:#666; padding-left:15px;
        }
		.in_box h4{ width:90%; font-size:13px; margin-bottom:5px;}
		.in_text{ float:left; width:96%; height:24px;}
		.in_text2{ float:left; width:96%;}
		.in_text3{ float:left; width:98%;}
		.in_text4{ float:left; width:96%; height:80px;}
		.in_text5{ float:left; width:96%; height:80px;}
		.left_contact h2{ margin-bottom:1px;}
		.clear_1{ width:32%;}
		.sub_box{ float:left; width:32%; height:30px;}
		.file_filed{ margin-left:2px;}
		.product_detail ul li{ list-style:none;}
	
	
	
	
}