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

    html, body {
        position: relative;
        height: 100%;
        min-width:1900px;
    }

    body {
        background: #FFF;
       	font-family: 'open_sanssemibold';
		font-weight: normal;
    	font-style: normal;
        font-size: 16px;
        color:#000;
        margin: 0;
        padding: 0;
        
		
    }

#container{
	width: 1366px;
	margin: auto;
	

}

#content-body , #qc-equipment{
	width: 1366px;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}





#logo{
	position:absolute;
	
}

	nav {
    width: 100%;
    margin: 0px;
    line-height: 87px;
		font-size: 15px;
    color: #fff;
    text-align: right;
	
}


		nav ul {
			display: block;
			margin: 0;
			padding: 0;
		}

			nav ul li {
				display: inline-block;
				width: 120px;
				height: 50px;
				padding: 0;
			}
				nav ul li a{
					opacity:0.5;
					font-family: 'open_sanssemibold';
					font:normal;
					text-decoration: none;
					color: #333333;
				}
						nav ul li a:hover{

							font-family: 'open_sansextrabold';
							font:normal;
							text-decoration: none;
							color: #00baff;
							opacity: 1;    
							 transition: opacity 0.5s ease-in; /* vendorless fallback */
							 -o-transition: opacity 0.5s ease-in; /* opera */
							 -ms-transition: opacity 0.5s ease-in; /* IE 10 betas, not needed in final build. */
							 -moz-transition: opacity  0.5s ease-in; /* Firefox */
							 -webkit-transition: opacity 0.5s ease-in; /*safari and chrome */
					
							}

									.Home nav a.h-active , .AboutUs nav a.a-active , .Facilities nav a.f-active , .Products nav a.p-active , .ContactUs nav a.c-active{
																	font-family: 'open_sansextrabold';
							font:normal;
							text-decoration: none;
							color: #152f47;
										opacity: 1;
							
}

    .swiper-container {
        width: 100%;
		height: 700px;
        background: #000;
    }
    .swiper-slide {
        font-size: 18px;
        color:#fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        
    }
    .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
    }

    .swiper-slide .textbg {
        
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 84px;
    }


	.swiper-slide .content {
		position: absolute;
		    padding: 20px 140px;
		bottom: 0px;
	
	}
	
    .swiper-slide .subtitle {
        font-size: 20px;
		
		
    }
    .swiper-slide .text {
		font-family: 'open_sansregular';
		font-weight: normal;
    	font-style: normal;
        max-width: 500px;
		
    }

#content-body #info-row {
	margin: 50px 140px;
	position: relative;
	}

#info-row .sub-content{
    background: url(IMAGE/transparentbgforintro.png);
    background-repeat: no-repeat;
    width: 325px;
    float: left;
    height: 385px;
    margin: 150px 18px 150px 19px;
	
	
	}
	
	#bg {
		height: 330px;
		position:relative;
		margin: 26px;
		margin-top:-150px;
		}

			a.c-bg{
				background:url(IMAGE/intro1.png) no-repeat;
				height: 330px;
				width: 100%;
				position: absolute;
			}
					a:hover.c-bg{
									background:url(IMAGE/intro1hover.png) no-repeat;
									height: 330px;
									width: 100%;
									position: absolute;
						
								}

			a.c-facilities{
				background:url(IMAGE/intro2.png) no-repeat;
				height: 330px;
				width: 100%;
				position: absolute;
			}
					a:hover.c-facilities{
									background:url(IMAGE/intro2hover.png) no-repeat;
									height: 330px;
									width: 100%;
									position: absolute;
						
								}

			a.c-products{
				background:url(IMAGE/intro3.png) no-repeat;
				height: 330px;
				width: 100%;
				position: absolute;
			}
					a:hover.c-products{
									background:url(IMAGE/intro3hover.png) no-repeat;
									height: 330px;
									width: 100%;
									position: absolute;
						
								}

			
	#c-info{
		text-align:center;
		}
		
	#info-row .sub-content p{
		text-align: center;
		font-size:14px;
		padding:0;
		margin: 20px;
		color: #2a3139;
		height: 75px;
		}

#btn{
	text-align: center;
	width: 100%;
	height: 55px;
	margin: 30px 50px;
	padding: 0;
	margin-left: -50px;
}

#btn1{
	position: absolute;

}
			a.c-btn{
				background:url(IMAGE/morebtn.png) no-repeat;
				height: 55px;
				width: 152px;
				position: absolute;
				top:50px;
				left:90px;
			}
					a:hover.c-btn{
									background:url(IMAGE/morebtnhover.png) no-repeat;
								
						
								}

#data , #working-info , #customer-service{
	width: 100%;
	height: 162px;
	background-image: url(IMAGE/data.png);
	background-size: cover;
	background-position: center;
}

#data{
	background-image: url(IMAGE/data.png);
}

#working-info{
	height: 588px;
	background-image: url(IMAGE/Workinginfo.png);
}

#customer-service{
	background-image: url(IMAGE/customerServices.png);
}

.queries-box{
	width: 1366px;
	height: 100%;
	margin: auto;
}

#queries{
    width: 683px;
    text-align: left;
    padding: 40px 0px;
    margin: 0;
    float: left;
}

#queries p{
	color: #fff;
	font-size: 22px;
}

#customer-service #btn{
    float: right;
    position: relative;
    padding: 55px 0;
    margin: 0;
    height: 0;
    width: 683px;
}

a.contactbtn{
				background:url(IMAGE/contactbtn.png) no-repeat;
				height: 55px;
				width: 330px;
	float: right;
			}
					a:hover.contactbtn{
									background:url(IMAGE/contactbtnhover.png) no-repeat;
									height: 55px;
									width: 330px;
						float: right;
									
								}


#footer{
	width: 100%;
	height: 80px;
	background-color: #152f47;
}

.footer-box{
	width: 1366px;
	margin: auto;
	text-align: center;
	padding: 29px;
}

.copyright{
	color: #fff;
	font-size: 16px;
	font-family: 'open_sansregular';
}


#header{
	background-image: url(IMAGE/About-Usheader.png);
	width: 100%;
	height: 342px;
	background-size: cover;
	background-position: center;
	
}


#header-box{
	width: 1366px;
	margin: auto;
}

.h-title{
	padding:150px 0;
	color: #fff;
	font-size: 50px;
	font-family: 'open_sanssemibold';
}

h3{
	margin: 0px;
}

.big-title{
	position: relative;
}

.big-title1{
	
	position: relative;
	background-color: #f9f9f9;
}



#content-body .title , .title , .l-title {
	padding: 100px 0 0 0;
	color: #333333;
	font-family: 'open_sansextrabold';
	font-size: 36px;
	text-align: center;
	text-transform: uppercase;
}

#content-body .title , #qc-equipment .title{ padding: 0;}

.Facilities #content-body .title , .Facilities #content-body .divider{
	text-align: left;
	
}

.l-title{
	text-align: left;
	padding: 0;
}


.divider,.l-divider{
	background-image: url(IMAGE/divider.png);
	height: 7px;
	background-repeat: no-repeat;
	background-position:center;
	margin: 30px;
}

.Facilities #content-body .divider{
	width: 136px;
	margin: 30px 0;
}

.l-divider{
	background-position:left;
	margin: 30px 0;
	

}
.detail {
	color: #959595;
	font-family: 'open_sansregular';
	font-size: 16px;
	text-align: center;
}


.Facilities #content-body .detail{
	text-align: left;
	width: 960px;
}

#content-body #detail-row , #qc-row{
	margin: 30px 0;
	}

 #quality-row .q-content {
	width:341.5px;
	float:left;	
	text-align: center;
	}


 #quality-row .q-content{
	 width: 683px;
	 text-align: left;
}

#facilities-row , #facilities-row2 , #vmi-row , #vmi-row1, #product-row , #product-row2 , #product-row3{
	width: 1366px;
	margin: auto;
	padding-top: 100px;
}


#facilities-row .f-content{
	float: left;
	width: 387px;
	text-align: center;
	margin:0 30px;
}

#facilities-row2 .f-content , #product-row3 .p-content{
	padding-bottom: 100px;
}

#facilities-row2 .f-content, #qc-row .qc-content , #product-row .p-content , #product-row2 .p-content , #product-row3 .p-content{
	float: left;
	width: 300px;
	text-align: center;
	margin: 0 20px;
}

#qc-row .qc-content{
	width: 220px;
	margin: 0 25px;
}

.q-text{
	text-align: center;
	width: 150px;
	margin: auto;
}

#vmi-row .vmi-content{
	float: left;
	width: 466px;
	text-align: center;
	margin:0 108px 50px 108px;
}

#vmi-row1 .vmi-content{
	padding-bottom: 100px;
}

	

#detail-row .d-content p,	 #quality-row .q-content p , .vm p, #qc-row .qc-content p {
		font-family: 'open_sansregular';
		text-align: center;
		font-size:16px;
		padding:0;
		margin: 20px;
		color: #959595;
		}

#quality-row .q-content p{
	width: 550px;
	text-align: left;
}

.vm p{
	width: 950px;

	text-align: center;
	margin: auto;
	padding-bottom: 100px;
}


			a.morebtn{
							background:url(IMAGE/morebtn.png) no-repeat;
							height: 55px;
							width: 330px;
				position: absolute;
			

						}
						a:hover.morebtn{
							background: url(IMAGE/morebtnhover.png) no-repeat;
							height: 55px;
							width: 330px;
							position: absolute;

						}

.clear{
	clear: both;
}

.full{
	position: relative;
}

#cert-img{
	text-align: center;
	margin-top: 30px;
	padding-bottom: 100px;
}

#q-info2 .q-content{
	float: right;
}

h4 , h5{
	font-family: 'open_sansextrabold';
	font-size: 24px;
	color: #00baff;
	margin-top: 0;
}

h5{
	color: #2a3139;
}

.f-img:hover , .qc-img:hover , .vmi-img:hover , .p-img:hover{
	background-color: #00baff;
	transition: none;
}

.f-img, .qc-img , .vmi-img , .p-img{
	    display: inline-block;
    padding: 3px;
    margin: 0 0.5rem 1rem 0.5rem;
    background-color: #fff;
    line-height: 0;
    border-radius: 4px;
    transition: background-color 0.5s ease-out;
}

.qc-img{
	margin: 1rem 0.5rem 0 0.5rem;
}

#qc-row .qc-content p, .contact p{
	margin: 10px;
	margin-bottom: 20px;
}

.vmi{
	text-align: center;
	font-family: 'open_sansregular';
		font-size:16px;
		padding-bottom:30px;
		color: #959595;
	
}

#vmi-row , #vmi-row1{
	padding: 0;
	text-align: center;
}

#contact-box{
	width:1366px;
	margin:auto;
	background-color:rgb(255,255,255);
	}
	
	
#con-info{
	padding:15px;
	color: #333333;
	width:45%;
	margin:0;
	float:left;
	}
	
#c-sub{
	margin-top:30px;
	}
.c-list{
	margin-bottom: 40px;
    min-height: 75px;
    position: relative;
	
	
	}
	
.img{
	top: 5px;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 70px;
    position: absolute;
    width: 70px;
    line-height: 70px;
	
}

.c-con{
	position: relative;
    padding-left: 90px;
	}

	
.c-detail{
	line-height: 15px;
    display: block;
	margin: 10px;
	}
	
.c-name{
	font-family: 'open_sansregular';
	font-size:14px;
	color:rgb(51,51,51);
	}
	
.c-decs{
	font-family: 'open_sansregular';
	font-size:14px;
	color:rgb(153,153,153);
	}
	
#other .c-detail{
	line-height: 15px;
    display: block;
	margin:10px;
	}
	
.clear{clear:both;}

.form-row{
	margin-top:27px;
	font-family: 'open_sansregular';
	font-size:15px;
	color:#333333;
}

	
.hm_requires_stars{
	color:rgb(255,0,0);}
	
.wrapyourname{
	width:80%;
	float:left;
	line-height:39px;}
	
.send_button{
	border: 1px solid #00baff;
	background-color:#00baff;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    display: inline-block;
    font-weight: inherit;
	}
.form_row button, .form_row input[type="submit"] {
    max-width: 80%;
    margin-left: 20%;}
	
.full_button {
    width: 100%;}
	
.list{
	float:left;
	margin:20px;
	text-align:center;
	}

.c-con h5{
	font-family:'open_sanssemibold';
	font-size: 22px;
	margin: 10px 0;
}

.c-con p{
	font-size: 14px;
}

ul{
	display:block;
	margin: -15px 75px;
	padding: 0;
	text-decoration: none;
}

li{
	padding: 0;
	margin: 0;
}

#g-map{
	margin: auto;
	width: 1366px;
	padding-bottom: 100px;
}