@charset "utf-8";
/* CSS Document */
body{ width:100%; height:100%; margin:0px; padding:0px; font-family:'Open Sans', sans-serif;}
.about h3{ font-size18px; font-weight:400;}
.taper{ width:100%; height:auto;}
.tapper1 { width:300px; height:100px; float:left; margin-top:6px;}
.tapper2 { width:auto; height:auto; float:left; margin-top:40px; }
.tapper3 { width:200px; height:100px; float:right; margin-top:6px;}
.tapper4 { /*width:175px;*/ height:100px; float:right; margin-top:6px;}


.main{ width:95%; height:auto; margin:0px auto;}
.banner{ width:100%; height:auto; }
.about{ width:100%; height:auto; padding-top:20PX; padding-bottom:20PX;}
.about1{ width:auto; padding:10px; float:left; background:#2e2f8f; height:auto; border-left:4px solid #f40080;}
.about1 h3{ color:#fff; font-size:20px; font-weight:600; font-family:'Open Sans', sans-serif; margin-top:0px; margin-bottom:0px;}
.read{ float:right;}
.read h3{ color:#f40080; font-size:14px; font-weight:600;}
.about p{ text-align:justify; font-size:14px; font-weight:400; color:#333; line-height:23px;}
.about2{ width:100%; height:auto; float:left; margin-bottom:15px;}
.product1{ width:280px; height:300px; float:left; margin-top:20px; background:rgba(244, 0, 128, 0.29);}
.product1a{ width:280px; height:250px; float:left;  }
.product1a:hover{ background:rgba(244, 0, 128, 0.29);opacity: 0.6;z-index: 1; transition: all .5s ease;}
.product1b{ width:280px; height:50px; float:left; background:/*rgba(47, 45, 142, 0.86)*/rgba(11, 11, 12, 0.86);}
.product1b h3{ color:#fff; font-size:15px; font-weight:600; font-family:'Open Sans', sans-serif; margin-top:0px; margin-bottom:0px; text-align:center; padding-top:13px;}
.product2{  width:280px; height:300px; float:left; margin-left:25PX; margin-top:20px;  background:rgba(244, 0, 128, 0.29);}
.product2a{ width:280px; height:250px; float:left;}
.product2a:hover{ background:rgba(244, 0, 128, 0.29);opacity: 0.6;z-index: 1; transition: all .5s ease;}

.product2b{ width:280px; height:50px; float:left; background:/*rgba(47, 45, 142, 0.86)*/rgba(11, 11, 12, 0.86);}
.product2b h3{ color:#fff; font-size:15px; font-weight:600; font-family:'Open Sans', sans-serif; margin-top:0px; margin-bottom:0px; text-align:center; padding-top:13px;}
.bottom{ width:100%; height:300px; background:#1e1e1e; margin-top:20px;}
.quick{ width:280px; height:230px; float:left; margin-top:30px;}
.quick h3{ color:#fff; font-size:16px; font-weight:600; font-family:'Open Sans', sans-serif;margin-top:0px; padding-left:6px;  }
.quick ul{ list-style:none; text-decoration:none; margin-left:5px;}
.quick ul li{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500;}
.quick ul li a{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500; line-height:25px;}
.quick ul li i{ color:rgba(244, 0, 128, 0.92);}
.quick ul li a:hover{ color:rgba(244, 0, 128, 0.92);}
.clear{ clear:both;}

.quick1{ width:265px; height:230px; float:left; margin-top:30px; margin-left:0px;}
.quick1 h3{ color:#fff; font-size:16px; font-weight:600; font-family:'Open Sans', sans-serif;margin-top:0px;  }
.quick1 ul{ list-style:none; text-decoration:none; margin-left:0PX; }
.quick1 ul li{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500;}
.quick1 ul li a{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500; line-height:25px;}
.quick1 ul li a:hover{ color:rgba(244, 0, 128, 0.92);}

.quick2{ width:335px; height:230px; float:left; margin-top:30px; margin-left:20px;}
.quick2 h3{ color:#fff; font-size:16px; font-weight:600; font-family:'Open Sans', sans-serif;margin-top:0px;  }
.quick2 ul{ list-style:none; text-decoration:none; margin-left:0PX; }
.quick2 ul li{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500;}
.quick2 ul li a{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500; line-height:25px;}
.quick2 ul li a:hover{ color:rgba(244, 0, 128, 0.92);}
.quick2 P{ color:#fff; font-size:14px; font-weight:500;line-height:25px;}
.quick2 ul li i{ color:rgba(244, 0, 128, 0.92);}
.quick2 P i{ color:rgba(244, 0, 128, 0.92);}



.quick1 P{ color:#fff; font-size:14px; font-weight:500;line-height:25px;}
.quick1 ul li i{ color:rgba(244, 0, 128, 0.92);}
.quick1 P i{ color:rgba(244, 0, 128, 0.92);}
.foot{ width:100%; height:50px; background:#2e2f8f;}
.foot1{ width:400px; height:50px; float:left; }
.foot1 p{ color:#fff; font-size:14px; font-weight:500;line-height:25px;}

.foot2{ width:150px; height:50px; float:right;}
.foot2 p{ color:#fff; font-size:14px; font-weight:500;line-height:25px;}
.foot2 p a{ color:#fff; font-size:14px; font-weight:500;line-height:25px; text-decoration:none;}
.client{ width:100%; height:auto; margin-top:40PX;}
.client11{ width:180px; height:100px; float:left; border:1px solid #ccc; margin-bottom:10px;}
.client12{ width:180px; height:100px; float:left; margin-left:20px;border:1px solid #ccc; margin-bottom:10px;}
.client111{ width:350px; height:200px; float:left; border:1px solid #ccc; margin-bottom:10px;}
.client112{ width:350px; height:200px; float:left; border:1px solid #ccc; margin-bottom:10px; margin-left:20px;}
 .text7
{
font-size:14px;
}
.names p
{
display: block;
	padding: 20px 0 14px 0;
	font-size:14px; 	margin-left:20px;
	}
	.names1 p
{
display: block;

	padding: 39px 0 14px 0;
	font-size:14px;
	margin-left:20px;
	}
	.txtbox
{	
    font: 14px;
	width: 60%;
	height:40px;
	margin-left:20px;

	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:20px;
    font: 14px;
	width: 59%;
	height:60px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox1

{ margin-left:20px;
    font: 14px;
	width: 59%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
.txtarea
{
margin-top:-45px;
margin-left:800px;

}

.txtarea p
{
color:#ff0000;
font-size:13px;
font-weight:500;
}
.txtarea1
{
margin-top:-140px;
margin-left:650px;
}
.txtarea1 p
{
color:#006362;
font-size:14px;
font-weight:500;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px;
margin-top:45px;
text-align:center;
font-size:14px;
background:#003b5b;
padding:10px 3px;
color:#FFFFFF;
margin-bottom:40px;
margin-left:20px; font-weight:500;font-family:'Open Sans', sans-serif;
}
.banner1{ width:100%; height:100px;  background-image:url(../images/smal-ban.jpg); }

.banner1 h3{ font-size:25px; font-weight:600; margin-top:0px; margin-bottom:0px; padding-top:30px;}
.client1{ width:180px; height:120px; float:left; border:1px solid #ccc; margin-bottom:15px;}

.client2{ width:180px; height:120px; float:left; border:1px solid #ccc;; margin-left:75px; margin-bottom:15px;}
.contact1{ width:365px; height:200px; float:left;}
.contact1a{ width:50px; height:50px; float:left; background:#302e8f; text-align:center;}
.contact1b{ width:280px; height:100px; float:left; margin-left:10px; }
.contact1a i{ font-size:30px; padding-top:10px; color:#fff;}
.contact1b p{ font-size:15px; font-weight:400; color:#000;}

.contact2{ width:365px; height:235px; float:left; margin-left:10px;}
.about11{ width:24%; float:left; height:auto; border-right:3px solid #f40080; }
.about11a{ width:100%; height:40px; float:left; background:#2e2f8d;}
.about11a h3{ font-size:18px; font-weight:600; color:#fff; margin-top:5px; padding-left:15px; }
.about11b{ width:100%; height:35px; float:left; background:rgba(204, 204, 204, 0.32); border-bottom:2px solid #fff; }
.about11b p a{ font-size:14px; font-weight:400; color:#000;  text-decoration:none;  margin-top:3px; }
.about11b p { font-size:14px; font-weight:400; color:#000; text-decoration:none; padding-left:15px; margin-top:3px; }
.about11b:hover{ box-shadow: inset 0 100px 0 0 rgba(244, 0, 128, 0.31); -webkit-transition: all ease 1.8s;
	-moz-transition: all ease 1.8s;
	transition: all ease 1.8s; }

.about12{ width:74%; float:right; height:auto;}
.about12 p{ font-size:14px; font-weight:400; color:#333; text-align:justify; }
.about13{ width:49%; height:auto; float:left;}
.about13a{ width:100px; height:110px; float:left;}
.about13b{ width:320px; height:150px; float:left;}
.about13b H3{  font-size:18px; font-weight:600; color:#f40080; margin-top:0px; padding-left:15px; margin-bottom:0px; background:rgba(204, 204, 204, 0.48);}
.about13b p{ font-size:14px; font-weight:400; color:#000; text-decoration:none; padding-left:15px; margin-top:0px; text-align:justify;}
.about14{ width:273px; height:260px; float:left;}
.about14a{width:99%; height:200px; float:left; border-top: 1px solid #ccc;  border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.about14b{width:100%; height:33px; float:left;   background:rgba(46, 47, 141, 0.83);}
.about14b h3{ font-size:15px; font-weight:400; margin-top:5px; margin-bottom:0px; text-align:center; color:#fff;}

.about15{ width:270px; height:260px; float:left; margin-left:40px;}
.product111{ width:100%; height:auto;}
#hide{ display:inherit;}
#marg{ margin-top:40px;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

body{ width:100%; height:auto; margin:0px; padding:0px; font-family:'Open Sans', sans-serif; overflow-x:hidden;}
.taper{ width:100%; height:auto;}
.tapper1 { width:100%; height:auto; float:none; margin-top:2px; margin-left:18px;}
.tapper2 { width:100%; height:auto; float:left; margin-top:0px;}
.tapper3 { width:55%; height:auto; float:left; margin-top:10px; margin-left:0px;}
.tapper4 { width:45%; height:auto; float:right; /*float:left;*/ margin-top:2px; margin-right:-20px; margin-bottom:10px;}
.main{ width:95%; height:auto; margin:0px auto;}
.banner{ width:100%; height:auto; }
.about{ width:98%; height:auto; padding-top:10PX; padding-bottom:10PX; margin-left:10px;}
.about1{ width:auto; padding:10px; float:none; background:#2e2f8f; height:auto; border-left:4px solid #f40080;}
.about1 h3{ color:#fff; font-size:20px; font-weight:600; font-family:'Open Sans', sans-serif; margin-top:0px; margin-bottom:0px;}
.read{ float:right; width:100%;}
.read h3{ color:#f40080; font-size:14px; font-weight:600;}
.about p{ text-align:justify; font-size:14px; font-weight:400; color:#333; line-height:23px;}
.about2{ width:48%; height:auto; float:none; margin-bottom:15px;}
.product1{ width:280px; height:300px; float:none; margin-top:20px; background:rgba(244, 0, 128, 0.29);}
.product1a{ width:280px; height:250px; float:left;  }
.product1a:hover{ background:rgba(244, 0, 128, 0.29);opacity: 0.6;z-index: 1; transition: all .5s ease;}
.product1b{ width:280px; height:50px; float:left; background:/*rgba(47, 45, 142, 0.86)*/rgba(11, 11, 12, 0.86);}
.product1b h3{ color:#fff; font-size:15px; font-weight:600; font-family:'Open Sans', sans-serif; margin-top:0px; margin-bottom:0px; text-align:center; padding-top:13px;}
.product2{  width:280px; height:300px; float:none; margin-left:0PX; margin-top:20px;  background:rgba(244, 0, 128, 0.29);}
.product2a{ width:280px; height:250px; float:left;}
.product2a:hover{ background:rgba(244, 0, 128, 0.29);opacity: 0.6;z-index: 1; transition: all .5s ease;}


.product2b{ width:280px; height:50px; float:left; background:/*rgba(47, 45, 142, 0.86)*/rgba(11, 11, 12, 0.86);}
.product2b h3{ color:#fff; font-size:15px; font-weight:600; font-family:'Open Sans', sans-serif; margin-top:0px; margin-bottom:0px; text-align:center; padding-top:13px;}
.bottom{ width:100%; height:auto; background:#1e1e1e; margin-top:20px; padding-bottom:1px;}
.quick{ width:100%; height:auto; float:none; margin-top:10px; padding-top:15px;}
.quick h3{ color:#fff; font-size:16px; font-weight:600; font-family:'Open Sans', sans-serif;margin-top:0px; padding-left:0px; margin-left:0px;  }
.quick ul{ list-style:none; text-decoration:none; margin-left:5px;}
.quick ul li{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500;}
.quick ul li a{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500; line-height:25px;}
.quick ul li i{ color:rgba(244, 0, 128, 0.92);}
.quick ul li a:hover{ color:rgba(244, 0, 128, 0.92);}
.clear{ clear:both;}

.quick1{ width:100%; height:auto; float:none; margin-top:10px; margin-left:0px;}
.quick1 h3{ color:#fff; font-size:16px; font-weight:600; font-family:'Open Sans', sans-serif;margin-top:0px;  }
.quick1 ul{ list-style:none; text-decoration:none; margin-left:0PX; }
.quick1 ul li{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500;}
.quick1 ul li a{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500; line-height:25px;}
.quick1 ul li a:hover{ color:rgba(244, 0, 128, 0.92);}
.quick1 P{ color:#fff; font-size:14px; font-weight:500;line-height:25px;}
.quick1 ul li i{ color:rgba(244, 0, 128, 0.92);}
.quick1 P i{ color:rgba(244, 0, 128, 0.92);}


.quick2{ width:100%; height:auto; float:none; margin-top:10px; margin-left:0px;}
.quick2 h3{ color:#fff; font-size:16px; font-weight:600; font-family:'Open Sans', sans-serif;margin-top:0px;  }
.quick2 ul{ list-style:none; text-decoration:none; margin-left:0PX; }
.quick2 ul li{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500;}
.quick2 ul li a{ list-style:none; text-decoration:none; color:#fff; font-size:14px; font-weight:500; line-height:25px;}
.quick2 ul li a:hover{ color:rgba(244, 0, 128, 0.92);}
.quick2 P{ color:#fff; font-size:14px; font-weight:500;line-height:25px;}
.quick2 ul li i{ color:rgba(244, 0, 128, 0.92);}
.quick2 P i{ color:rgba(244, 0, 128, 0.92);}




.foot{ width:100%; height:auto; background:#2e2f8f;}
.foot1{ width:100%; height:auto; float:none; }
.foot1 p{ color:#fff; font-size:14px; font-weight:500;line-height:25px;margin-bottom:0px;}

.foot2{ width:100%; height:auto; float:none;}
.foot2 p{ color:#fff; font-size:14px; font-weight:500;line-height:25px; margin-bottom:0px;}
.foot2 p a{ color:#fff; font-size:14px; font-weight:500;line-height:25px; text-decoration:none; margin-bottom:0px;}
.client{ width:100%; height:auto; margin-top:10PX;}
.client11{ width:180px; height:100px; float:none; border:1px solid #ccc; margin-bottom:10px;}
.client12{ width:180px; height:100px; float:none; margin-left:0px;border:1px solid #ccc; margin-bottom:10px;}


 .text7
{
font-size:14px;
}
.names p
{
display: block;
	padding: 20px 0 14px 0;
	font-size:14px; 	margin-left:20px;
	}
	.names1 p
{
display: block;

	padding: 39px 0 14px 0;
	font-size:14px;
	margin-left:20px;
	}
	.txtbox
{	
    font: 14px;
	width: 90%;
	height:40px;
	margin-left:20px;

	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:20px;
    font: 14px;
	width: 85%;
	height:60px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox1

{ margin-left:20px;
    font: 14px;
	width: 85%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
.txtarea
{
margin-top:0px;
margin-left:20px;

}

.txtarea p
{
color:#ff0000;
font-size:14px;
font-weight:500;
}
.txtarea1
{
margin-top:-140px;
margin-left:650px;
}
.txtarea1 p
{
color:#006362;
font-size:14px;
font-weight:500;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px;
margin-top:45px;
text-align:center;
font-size:14px;
background:#003b5b;
padding:10px 3px;
color:#FFFFFF;
margin-bottom:40px;
margin-left:20px; font-weight:500;
}
.banner1{ width:100%; height:50px; background-image:url(../images/smal-ban.jpg);}
.banner1 img{ width:100%; height:50px;}
.about h3{ font-size18px; font-weight:400;}
.banner1 h3{ font-size:20px; font-weight:600; margin-top:0px; margin-bottom:0px; padding-top:10px;}
.client1{ width:180px; height:120px; float:none; border:1px solid #ccc; margin-bottom:15px;}

.client2{ width:180px; height:120px; float:none; border:1px solid #ccc;; margin-left:0px; margin-bottom:15px;}
.contact1{ width:100%; height:auto; float:none;}
.contact1a{ width:50px; height:50px; float:left; background:#302e8f; text-align:center; }
.contact1b{ width:280px; height:auto; float:left; margin-left:10px; }
.contact1a i{ font-size:30px; padding-top:10px; color:#fff;}
.contact1b p{ font-size:15px; font-weight:400; color:#000;}

.contact2{ width:100%; height:auto; float:none; margin-left:0px;}
.about11{ width:100%; float:none; height:auto; border-right:3px solid #f40080; }
.about11a{ width:100%; height:40px; float:left; background:#2e2f8d;}
.about11a h3{ font-size:18px; font-weight:600; color:#fff; margin-top:5px; padding-left:15px; }
.about11b{ width:100%; height:35px; float:left; background:rgba(204, 204, 204, 0.32); border-bottom:2px solid #fff; }
.about11b p a{ font-size:14px; font-weight:400; color:#000;  text-decoration:none;  margin-top:3px; }
.about11b p { font-size:14px; font-weight:400; color:#000; text-decoration:none; padding-left:15px; margin-top:3px; }
.about11b:hover{ box-shadow: inset 0 100px 0 0 rgba(244, 0, 128, 0.31); -webkit-transition: all ease 1.8s;
	-moz-transition: all ease 1.8s;
	transition: all ease 1.8s; }

.about12{ width:100%; float:none; height:auto;}
.about12 p{ font-size:14px; font-weight:400; color:#333; text-align:justify; }
.about13{ width:100%; height:auto; float:none;}
.about13a{ width:100%; height:110px; float:left;}
.about13b{ width:100%; height:150px; float:left;}
.about13b H3{  font-size:18px; font-weight:600; color:#f40080; margin-top:0px; padding-left:15px; margin-bottom:0px; background:rgba(204, 204, 204, 0.48);}
.about13b p{ font-size:14px; font-weight:400; color:#000; text-decoration:none; padding-left:15px; margin-top:0px; text-align:justify;}
.about14{ width:273px; height:250px; float:none;}
.about14a{width:99%; height:200px; float:left;}
.about14b{width:100%; height:33px; float:left; background:rgba(46, 47, 141, 0.83);}
.about14b h3{ font-size:15px; font-weight:400; margin-top:5px; margin-bottom:0px; text-align:center;}

.about15{ width:270px; height:250px; float:none; margin-left:0px;}
.product111{ width:100%; height:auto;}
#marg{ margin-top:-20px;}
.client112{ width:100%; height:auto; float:none; border:1px solid #ccc; margin-bottom:10px; margin-left:0px;}
.client111{  width:100%; height:auto; float:none; border:1px solid #ccc; margin-bottom:10px;}
}