*{margin:0px; padding:0px;}

body{font-family:Arial, Helvetica, sans-serif; background:#f4f4ec; }

img{border:0px; max-width:100%;}

ul{margin:0px; padding:0px;}

.clr{clear:both;}


p{
	text-align:justify;
	color:#888;
	font-size:14px;
	line-height:23px;
}


/*==========================*/


.header{
	width:100%;
	background:url(../images/topbg.jpg) repeat-x;
	padding:4px 0 18px 0;
}

.header-part{
	width:1200px;
	margin:auto;
}

.logo{
	width:170px;
	float:left;
}

.home-nav{
	z-index:1;
	position:absolute;
}

.navigation{
	width:504px;
	float:right;
	font-size:13px;
	margin-top:20px;
}

.banner{
	width:100%;
	z-index:-1;
	position:absolute;
}


.container{
	width:1200px;
	margin:auto;
	background:#FFFFFF;
	/*box-shadow:0px 0px 7px 1px rgba(128, 124, 124, 0.16);*/
}

.marquee{
	width:1200px;
	margin:auto;
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
}


.marquee .sp-wid{
	padding:0 50px;
}


.section{
	width:100%;
	margin-top:400px;
}

.padd-ing{
	padding:30px 20px;
}


.wellcome{
	width:800px;
	float:left;
}

.wellcome h3{
	font-weight:normal;
	padding-bottom:10px;
	color:#d40202;
	text-transform:capitalize;
}

.wellcome a{
	text-decoration:none;
	color:#5f6975;
}

.wellcome a:hover{
	text-decoration:underline;
	color:#888888;
}

.iso{
	width:300px;
	float:right;
}

.products{
	margin:0;
}

.products h3{
	font-weight:normal;
	padding-bottom:10px;
	color:#d40202;
	text-transform:capitalize;
}

.products h4{
	text-align:center;
	color:#5f6975;
}


.products li{
	list-style-type:none;
	float:left;
	margin:0 7px;
	border:1px solid #EEE;
	padding-bottom:10px;
}


.footer{
	background:#FFF;
	width:100%;
	padding:30px 0;
	margin-top:50px;
	font-size:13px;
	line-height:23px;
	color:#88919C;
	background:url(../images/bottom-bg.jpg) bottom repeat-x #fff;
	border-top:1px solid #eaeaea;
}

.footer-part{
	width:1200px;
	margin:auto;
}

.footer-links{
	width:280px;
	float:left;
	margin:0 10px;
}


.footer-links li{
	list-style-type:none;
	padding:5px 0;
}


.footer-links a, .copyright a{
	text-decoration:none;
	color:#999999;
}

.footer-links a:hover, .copyright a:hover{
	color:#D40202;
	font-weight:bold;
}


.copyright{
	text-align:right;
	color:#d40202;
	font-weight:bold;
}


.empty01{
	height:30px;
}

.empty02{
	border-bottom:1px dashed #CCC;
	margin:25px 0;
}


.inner-left{
	width:300px;
	float:left;
	font-size:13px;
}

.inner-left h4{
	background:#888888;
	color:#fff;
	padding:10px 20px;
	font-weight:normal;
	border-bottom:1px solid #FFFFFF;
}


.inner-left li{
	list-style-type:none;
	border-bottom:1px solid #eaeaea;
	padding:10px 0 10px 20px;
	transition:all 0.5s linear 0s;
}

.inner-left li:hover{
	background:#e1e1e1;
	transition:all 0.5s linear 0s;
}


.inner-left .activelink{
	background:#e1e1e1;
	color:#888888;
}


.inner-left a{
	text-decoration:none;
	color:#888888;
}

.inner-right{
	width:800px;
	float:right;
}


.scaleimg{
	width:218px;
	float:left;
	border:1px solid #f0f0f0;
}

.specification{
	width:522px;
	float:right;
}

.inner-right h4{
	margin:30px 0 20px 0;
	color:#727070;
}

.inner-right h2{
	color:#d40202;
	margin:10px 0;
}

.inner-right h3, .inner-left h3{
	color:#718c8e;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #718c8e;
}


.inner-right li{
	margin-left:50px;
	color:#888;
	font-size:14px;
	line-height:30px;
}

.inner-right a{
	text-decoration:none;
	color:#0088cc;
}

.inner-right a:hover{
	color:#888888;
}

.color{
	color:#0088cc;
}

.landmark{
	font-size:12px;
}


.textstyle{
	background:#EEE;
	width:90%;
	border:0;
	padding:7px 5%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:23px;
}

.captcha{
	background:#666666;
	padding:7px;
	color:#fff;
	font-weight:bold;
}


.sendbutton{
	width:25%;
	background:#d40202;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:7px 0;
	border:0;
	color:#fff;
	cursor:pointer;
}




.zoom_img{
	-moz-transition:-moz-transform 0.5s ease-in; 
	-webkit-transition:-webkit-transform 0.5s ease-in; 
	-o-transition:-o-transform 0.5s ease-in;
	cursor:pointer;
}

.zoom_img:hover{
	-moz-transform:scale(2); 
	-webkit-transform:scale(2);
	-o-transform:scale(2);
}



/*========*/

.other-pro{
	width:220px;
	float:left;
	margin:10px 23px;
}

.thankspage{
	padding:80px 0;
	text-align:center;
	font-size:36px;
	line-height:50px;
}



/*=========MEIDA=========*/

@media only screen and (min-width:980px) and (max-width:1199px) {

.header-part, .container, .footer-part, .marquee{width:980px;}

.section{margin-top:300px;}

.wellcome, .inner-right{width:665px;}

.iso, .inner-left{width:245px;}

.products li{margin:5px; width:176px;}

.footer-links{width:225px;}

.specification{width:409px;}

.other-pro{width:210px; margin:5px 5px;}


}



@media only screen and (min-width: 768px) and (max-width: 979px) {

.header-part, .container, .footer-part, .marquee{width:768px;}

.section{margin-top:280px;}

.padd-ing{padding:10px;}

.wellcome, .inner-right{width:536px;}

.iso, .inner-left{width:192px;}

.products li{margin:5px; width:137px;}

.footer-links{width:182px; margin:0 5px;}

.scaleimg{width:198px;}

.specification{width:302px;}

.other-pro{width:165px; margin:5px 5px;}

}



@media only screen and (min-width: 600px) and (max-width: 767px) {

.header-part, .container, .footer-part, .marquee{width:600px;}

.logo{width:170px; float:none; margin:0 215px;}

.navigation{width:100%; margin:0px; float:none; top:0; left:0; position:absolute;}

.section{margin-top:230px;}

.padd-ing{padding:10px;}

.wellcome, .inner-right{width:580px; float:none;}

.iso, .inner-left{float:none; margin:10px 140px;}

.products li{margin:5px; width:180px;}

.scaleimg{width:148px;}

.specification{width:387px;}

.other-pro{width:180px; margin:5px 5px;}




}

@media only screen and (min-width: 480px) and (max-width: 599px) {

.header{padding:10px 0;}

.header-part, .container, .footer-part, .marquee{width:480px;} 

.logo{width:170px; float:none; margin:0 155px;}

.navigation{width:100%; margin:0px; float:none; top:0; left:0; position:absolute;}

.section{margin-top:200px;}

.padd-ing{padding:10px;}

.wellcome, .inner-right{width:460px; float:none;}

.iso, .inner-left{float:none; margin:10px 80px;}

.products li{margin:5px; width:218px;}

.footer-links{float:none; margin:5px 100px;}

.scaleimg{float:none; padding:10px 120px;}

.specification{width:460px; float:none; text-align:center;}

.inner-right h4{margin:5px 0;}

.other-pro{width:140px; margin:5px 5px;}



}


@media only screen and (min-width: 320px) and (max-width: 479px) {

.header{padding:10px 0;}

.header-part, .container, .footer-part, .marquee{width:320px;}

.logo{width:170px; float:none; margin:0 75px;}

.navigation{width:100%; margin:0px; float:none; top:0; left:0; position:absolute;}

.section{margin-top:180px;}

.padd-ing{padding:10px;}

.wellcome, .iso, .inner-right, .inner-left{width:300px; float:none; margin:10px 0;}

.products li{float:none; margin:5px;}

.footer-links{float:none; margin:5px 20px;}

.scaleimg{float:none; padding:10px 40px;}

.specification{width:300px; float:none; text-align:center;}

.inner-right h4{margin:10px 0;}

.zoom_img:hover{-moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5);}

.other-pro{float:none; margin:20px 40px;}

}

/*=========MEIDA=========*/