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


.lianjie{
	padding: 1% 0;
}

.lianjie a{
	color: black;
}

.lianjie a:hover{
	color: #1c80d3;
}

.pro-fenlei{
	background: #F6F6F6;
	margin-top: 20px;
}

.pro-fenlei .fl{
	background: #1c80d3;
	color: white;
	padding: 10%;
}

.pro-fenlei .fl h2{
	color: white;
	font-size: 24px;
	margin-bottom: 5px;
}

.pro-fenlei .xian{
	 width: 90%;margin-left: 5%;height: 1px;background: white;
}

.pro-fenlei .fl p{
	color: white;
	margin: 5px 0;
}

.pro-fenlei ul li{
	color: black;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	border-bottom: 2px solid #EAEAEA;	
}


.pro-fenlei ul li:hover{
	background: #1c80d3;
	color: white;

}


.pro-fenlei ul a{
	
}

.ac{
	background: #1c80d3;
	color: white !important;
}








/*about*/
.about{
	padding-bottom: 5%;
}

.about-js{
	background: white;
	margin-top: 20px;
	padding: 0 3%;
	box-shadow: 5px 5px 5px #888;
	padding-bottom: 3%;
}

.about-js p{
	color:#535353;
	line-height: 24px;
	font-size: 14px;
	text-indent: 28px;
	padding-top: 2.5%;
	margin-bottom: 0;
}
/*about*/







/*products*/
.pro-js{
	
	margin-top: 20px;
	padding: 0 3%;
	
	padding-bottom: 3%;
}

.pro-js img{
	margin-bottom: 0px;
}


.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.effect-chico:hover img {
	opacity: 0.7;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.effect-chico figcaption {
	padding: 0
}

.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 55px;
	bottom: 80px;
	left: 55px;
	border: 1px solid #1c80d3;
	content: '';
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.effect-chico figcaption::before,
.effect-chico p {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.effect-chico h2 {
	padding: 20% 0 20px 0;
}

.effect-chico p {
	margin: 5px auto 20px;
	color: black;
	-webkit-transform: scale(1);
	transform: scale(1);
	text-align: center
}

.effect-chico:hover p {
	
	color: #1c80d3;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.effect-chico:hover figcaption::before{
	opacity: 1;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

/*products*/







/*news*/
.news-one{
	padding: 2% 3% 1%;
	border-bottom: 2px solid #EAEAEA;	
}

.news-one img{
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.news-one:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}

.news-one h2{
	color: black;
	margin-top: 50px;
	margin-bottom: 5px;
}

.news-c{
	padding: 8% 0 2% 0 ;
}

.news-c p{
	color: #535353;
}
.news-c h4{
	color: #535353;
}

.news-js{
	background: white;
	margin-top: 20px;
	
	box-shadow: 5px 5px 5px #888;
	
}

.pro-fenye a:hover{
	color: #1c80d3
}

.news-js h3{
	text-align: center;
	padding-top: 30px;
}

.news-js p{
	color: #535353;
	font-size: 14px;
	
	
	line-height: 24px;
}

.news-js .b{
	color: #535353;
	font-size: 14px;
	text-indent: 28px;
	padding: 0 3%;
	line-height: 24px;
	font-weight: normal;
}
/*news*/




/*feedback*/

.feed-js{
	background: white;
	margin-top: 20px;
	padding: 3% 3% 3%;
	box-shadow: 5px 5px 5px #888;
	
}


@media (min-width:768px){
	.fankuikuang input{
	border: none;
	border-bottom: 1px solid;
	line-height: 50px;
	
	font-size: 14px;
	
	width: 86%;
}
	
.fankuikuang label{
	border-bottom: 1px solid;
	line-height: 50px;
	width: 14%
}
}


@media(max-width:767px){
	.fankuikuang input{
	border: none;
	border-bottom: 1px solid;
	line-height: 50px;
	
	font-size: 14px;
	
	width: 80%;
}
	.fankuikuang label{
	border-bottom: 1px solid;
	line-height: 50px;
	width: 20%
}
}


.wd3{
	width: 300px;
}

@media (min-width:992px){
	.wd7{
	width: 700px;
	height: 220px;
}
}

@media (max-width:991px){
	.wd7{
		width: 90%;
		height: 200px;
	}
}

.m2{
	margin-bottom: 2%;
}

.m4{
	margin-top: 3%;
}


/*feedback*/







/*contact*/

.con-js{
	background: white;
	margin-top: 20px;
	padding: 0 3%;
	box-shadow: 5px 5px 5px #888;
	padding-bottom: 3%;
}

.con-js ul li{
	font-size: 14px;
	padding: 2% 0;
	float: left;
	width: 50%
}

.con-js ul li img{
	width: 10%;
	margin-right: 2%;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.con-js ul li:hover img{
	transform:rotate(360deg);
	-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}