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

.fenye{
	margin-top: 3%;
}

.fenye a{
	color: #172593;
	margin: 0 1%;
}

.pro-fenye a{
	color: #172593;
}

/*about*/
.about{
	position: relative;
	top: -100px;
	background: white;
}

.about h2{
	text-align: center;
	margin-top: 3%;
	margin-bottom: 6%;
}

.about p{
	line-height: 2.5rem;
	margin: 0 0 3% 10%;
	text-indent: 28px;
}

.about-img img{
	width: 80%;
	margin-left: 10%;
}
/*about*/


/*products*/
.products{
	position: relative;
	top: -100px;
	background: white;
}

.products h2{
	text-align: center;
	margin-top: 3%;
	margin-bottom: 6%;
}

.pro-one{
	overflow: hidden;
	margin-bottom: 10%;
}

.pro-xia{
	background: #F4F4F4;
	padding: 3% 0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.pro-xia p,.pro-xia a{
	text-align: center;
	margin-bottom: 0px;
	color: black;
}

.products a:hover{
	text-decoration: none;
}

.pro-fenlei a{
	font-size: 13px;
}

.pro-fenlei{
	width: 250px;
	position: absolute;
	left:-210px;
	z-index: 55;
	top:0;
	animation:myfirst 3s;
	animation-fill-mode: forwards;
	-moz-animation:myfirst 3s;
	-ms-animation:myfirst 3s;
	-webkit-animation:myfirst 3s;
	-o-animation:myfirst 3s;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;

}

@keyframes myfirst
{
	0% {top: -600px;}
	100% {top:-105px;}
	
	
}



.pro-fenlei ul li{
	text-align: center;
	padding: 5% 1%;
	background: rgb(0,0,0);
	border: 1px solid white;
	margin-bottom: -1px;
	float: left;
	width: 50%;
	height: 65px;
	opacity: 0.5;
}

.pro-fenlei .cp{
	text-align: center;
	padding: 10% 0;
	background: rgb(0,0,0);
	border: 1px solid white;
	margin-bottom: -1px;
	float: left;
	width: 100%;
	opacity: 0.5;
}

.pro-fenlei ul li a{
	color: white;
}
.pro-fenlei ul li a:hover{
	color: red;
	text-decoration: none;
}

@media (min-width:992px) and (max-width:1900px){
	.products .prod{
		margin-left: 187px;
	}
}


.products table{
	margin: 5% 0;
	width: 80%;
}

.products table .td{
	width: 30%;
}

.products table td{
	padding: 2%;
}
/*products*/





/*shipin*/
.shipin{
	padding-left: 5%;
	
}

.mr5{
	margin-bottom: 50px
}

/*shipin*/






/*news*/

.news{  height:152px; background-color:#fff; margin-bottom:2px;transition: all 0.5s ease-out 0s;
margin-top: 10px;}
.news_content{ width:100%; margin:0 auto; overflow:hidden; padding:20px 0;transition: all 0.5s ease-out 0s;}
.date{display:block; font-size:40px; color:#999;transition: all 0.5s ease-out 0s;margin-top: 10%;}
.year{display:block;font-size:14px; text-align:right;color:#999; margin-top:-10px;transition: all 0.5s ease-out 0s;}

.news:hover{background: #f4f4f4 none repeat scroll 0 0;  height:152px;  margin-bottom:2px;color: white;}

.content_left {
    float: left;
    width: 230px;
}

.content_right {
    float: right;
    margin-top: 20px;
    width: 400px;
}


.content_right span {
    display: block;
}
.c111{width:90%; padding:30px 0; display:none}

@media(min-width:1200px){
	.news-img{
	float: left;
width: 20%;
margin-left: 5%;
}
	.news_content:hover{ width:90%; margin:0 auto; overflow:hidden; padding:20px 0;}
}

@media (min-width:992px) and (max-width:1199px){
	.news-img{
	float: left;
width: 20%;

}
	.news_content:hover{ width:99%; margin:0 auto; overflow:hidden; }
}
/*news*/







/*dinggou*/
.fankuikuang input{
	border: none;
	border-bottom: 1px solid;
	line-height: 50px;
	padding-left: 10px;
	font-size: 14px;
	
}

.fankuikuang label{
	border-bottom: 1px solid;
	line-height: 50px;
}

.wd3{
	width: 300px;
}

.wd7{
	width: 812px;
	height: 220px;
}

.m2{
	margin-bottom: 2%;
}

.m4{
	margin-top: 3%;
}
/*dinggou*/










/*contact*/
.contact ul li{
	margin-bottom: 4%;
	float: left;
	width: 50%;
}

.contact ul li img{
	width: 10%;
	margin-right: 1%;
}
/*contact*/