@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
a{ text-decoration:none; cursor:pointer;}
img{ border:none;}
li{ list-style:none;}
.clear{display:block;clear:both;height:0;overflow:hidden;}
.jszc{
	width:100%;
	height:30px;
	background-color:#000;
	font-size:0.75em;
	text-align:center;
	line-height:30px;
	color:#FFF;}
.liaojiegengduo{
	display:block;
	width:104px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	font-size:0.9em;
	font-family:"微软雅黑";
	background-color:#2e80fe;
	}	
.biaotitongyong{
	margin:30px 0;}	
.biaotitongyong h3{
	font-family:"微软雅黑";
	letter-spacing:0.05em;
	color:#03913d;
	margin-left:3%;}
.biaotitongyong u{
	color:#a8dc0e;
	font-size:0.8em;}		
	
	
	


.logo1{
	width:100%;
	max-width:1000px;
	margin:0 auto;}
.logo1 img{
	width:100%;
	height:auto;
	}	

.dhnav{
	background-color:#0185c2;
	width:100%;
	height:auto;
	padding:40px 0;}

.dhnav>div{
	margin:0 auto;
	width:620px;}
	
.dhnav>div a{
	display:block;
	width:16.66%;
	float:left;
	height:103px;
	}	

.dhnav>div a img{
	width:100%;
	height:auto;}	
.jgk1{
	width:100%;
	height:20px;
	clear:both;
	display:block;}	

.yindaodibu{
	width:100%;
	height:auto;
	color:#FFF;
	font-family:"微软雅黑";
	background-color:#6ec1f3;
	}
	
.yindaodibu_1{
	width:100%;
	max-width:940px;
	height:auto;
	margin:0 auto;}	
.yindaodibu_1>div{
	width:50%;
	height:auto;
	background-color:#6ec1f3;
	float:left;}

.yindaodibu .no1{
	width:100%;
	margin:0 auto;}

.yindaodibu .no1>div{
	width:115px;
	text-align:center;
	font-size:1em;
    margin-left: 20px;
}
	
.yindaodibu .no1_1{
	color:#FFF;
	float:left;}
.yindaodibu .no1_2{
	float:right;}			

.yindaodibu .no1>div img{
	width:100%;
	height:auto;}

.yindaodibu .no2{
	font-size:1em;
	display:block;
	margin:0 auto;
	width:300px;}


/*首页样式*/


.logo{
	width:100%;
	max-width:900px;
	margin:0 auto;}
.logo img{
	width:100%;
	height:auto;}	

.nav2{
	display:none;}/*只在移动端显示*/
.nav{
	background:url(../images/navbg.jpg);
	width:100%;
	height:50px;
	z-index:9999;}
.nav1{
	width:100%;
	max-width:940px;
	height:auto;
	margin:0 auto;}	
.nav1_1{
	width:15%;
	height:50px;
	float:left;}

.nav1_2 li{
	float:left;
	line-height:50px;
	text-align:center;
	color:#FFF;
	font-family:"微软雅黑";
	font-size:0.9em;
	font-weight:bold;
	width:80px;
	float:left;
	}
.nav1_2 li:hover{
	background-color:#2e80fe;}	

.nav1_2 div{
	z-index:999;
	position:absolute;
	display:none;
	background-color:#FFF;
	line-height:1.6;
	border-radius:12px;
	box-shadow:-2px -2px 3px #CCCCCC inset;
	}
.nav1_2 div a{
	font-size:0.8em;
	text-align:center;
	line-height:40px;
	color:#666666;
	margin:0 10px;
	
	}	
.nav1_2 div a:hover{
	color:#2e80fe;}	
.nav1_2 li:hover div{
	display:block;}

.banner{
	width:100%;
	font-size:0;
	}
.banner img{
	width:100%;}	
	
/*广播*/
.guangbo{
	width:100%;
	max-width:940px;
	height:30px;
	line-height:30px;
	background-color:#2e80fe;
	margin:0 auto;
	}
.gundong{
	width:70%;
	font-size:0.8em;
	margin-left:3%;
	color:#fff;
	}	
.guangbo div{
	float:right;
	margin-right:5%;
	color:#fff;
	font-size:0.76em;}	
	
/*猪鼓励世界*/
.shijie{
	width:100%;
	max-width:800px;
	padding:40px 0;
	margin:0 auto;
	font-family:"微软雅黑";
	text-align:center;
	}
.sybiaoti1 .no1{
	color:#03913d;
}
.sybiaoti1 .no2{
	color:#a7dc0e;}	
.yewufanwei{
	margin-top:48px;}
.yewufanwei div{
	width:12%;
	height:auto;
	text-align:center;}
.yewufanwei img{
	width:100%;
	height:auto;}
.yewufanwei span{
	color:#01561f;
	font-family:"微软雅黑";
	font-weight:bold;
	font-size:1.1em;}			
.yewufanwei .no1{
	float:left;
	margin-left:6%;}		
.yewufanwei .no2{
	margin:0 auto;}
.yewufanwei .no3{
	float:right;
	margin-right:6%;}
	
	
 /*公司简介*/
.gongsijianjie{
   width:100%;
   height:auto;
   padding:20px 0;
   background:url(../images/abg1.jpg) no-repeat;
   background-size:cover;}
   
.gongsijianjie>div{
   width:100%;
   max-width:820px;
   margin:0 auto;}	
.gongsijianjie img{
	float:left;
	margin-right:5%;
	margin-left:3%;
	width:38%;}
.gongsijianjie .no1_1{
	font-family:"微软雅黑";
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	}
.gongsijianjie .no1_2{
	color:#fff;
	font-family:"微软雅黑";
	}
		
.gongsijianjie p{
	margin-top:30px;
	font-size:0.8em;
	color:#fff;
	text-indent:2em;
	line-height:1.8;
	margin-right:3%;
	
	display: -webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
	



.sygengduo1{
	float:right;
	margin-right:20%;
	margin-top:20px;}
		
/*产品精选*/	
.hot{
	max-width:940px;
	width:100%;
	margin:0 auto;
	padding:20px 0;
	}
.hot .no1{
	position:relative;
	width:22%;
	margin:0 1.5%;
	float:left;}	
.hot .no1 img{
	width:100%;
	height:auto;}	
.hot .no1>div{
	transition:height 0.6s;
	-moz-transition:height 0.6s; 
	-webkit-transition:height 0.6s; 
	-o-transition:height 0.6s;
	
	width:100%;
	height:13%;
	position:absolute;
	background-color:#2e80fe;
	overflow:hidden;
	bottom:0%;
	color:#fff;
	text-align:center;}	

.hot .no1:hover>div{
	height:80%;}	
.hot .no1 h4{
	font-size:0.9em;
	line-height:2.5;}	
.hot .no1 span{
	font-size:0.76em;
	line-height:1.6;
	margin-top:10px;
	}	
.hotliajiegegnduo{
	margin:20px auto;}		

/*新闻咨询*/
.more1{
	font-size:0.76em;
	color:#a8dc0e;
	float:right;
	margin-right:3%;
	line-height:2;
	}	
.synews{
	width:100%;
	max-width:940px;
	height:auto;
	margin:0 auto;
	border:1px solid #b8b8b8;
	box-shadow:-3px 3px 3px #b8b8b8;
	padding-bottom:20px;
	margin-bottom:20px;
	}
	
.synews h4{
	font-size:0.9em;
	margin:5px;}	
.synews .no1{
	width:42%;
	float:left;
	text-align:center;
	}
.synews span{
	
	font-size:0.8em;
	color:#777777;
	line-height:1.4;
	letter-spacing:0.2em;}	
.synews p{
	font-size:0.8em;
	color:#777777;
	line-height:1.4;
	letter-spacing:0.2em;}	
.synews .no2{
	float:left;
	width:56%;
	}
.synews .no1 div{
	width:90%;
	margin:0 auto;}	
.synews .no1 div img{
	width:100%;
	height:auto;}
.synews .no2 div{
	padding:8px;
	border:1px dashed #999999;
	margin-bottom:10px;}	
.gengduo{
	color:#F00;}

	
	
@media(max-width:940px){
	.nav1_1{
		width:1px;}
	
	}

@media(max-width:730px){
	/*引导页兼容样式*/
    #yc11{/*导航块隐藏*/
		display:none;
		}
	.logo1{
		width:100%;}
	.dhnav{
		padding:10px 0;}	
	.dhnav>div{
		width:98%;
		}
	.dhnav>div a{
		width:25%;
		height:auto;}	
	
	
	
	
	/*首页兼容样式*/
	.banner img{
		margin-top:50px;}
	.nav2{
		display:block;
		font-size:1.2em;
		font-weight:bold;
		font-family:"微软雅黑";	
		text-align:center;
		color:#FFF;
		line-height:50px;
		text-indent:-50px;
		}
	.logo{
		display:none;}
	.nav{
		position:fixed;
		}	
	.nav1{
		width:50px;
		margin:0 0;}	
	.nav1_1{
		width:40px;
		margin-top:10px;
		margin-left:10px;
		}
	.nav1_1 li{
		width:40px;
		height:5px;
		background-color:#000;
		margin-top:5px;}
	.nav1_2{
		display:none;
		background-color:#09F;
		width:130px;
		position:absolute;
		top:50px;
		}	
	.nav1_2 li{
		width:130px;
		height:40px;
		line-height:40px;
		text-align:center;}	
	.nav1_2 div{
		left:130px;
		margin-top:-80px;
		}
	.nav1_2 div a{
		display:block;
		width:90px;}	
			
	.gundong{
		width:90%;
		}
	.guangbo div{
		display:none;}			    			

    /*猪鼓励世界*/
	
	.yewufanwei span{
		font-size:0.8em;}	 
	 


/*底部兼容样式*/
		
	.yindaodibu_1{
		width:100%;}
	.yindaodibu_1>div{
		width:100%;
		}	
	.yindaodibu .no1>div{
		width:35%;
		margin-left:10%;}
	.yindaodibu .no1_2{
		float:left;}	
	.yindaodibu .no2{
		margin-top:20px;}
	
	/*推荐产品*/
	.hot .no1{
		width:44%;
		margin:10px 3%;
		z-index:0;}
	.hot .no1 h4{
	line-height:3;}		
	
		
}


@media(max-width:700px){
	
	.gongsijianjie img{
		display:none;}
	.gongsijianjie p{
		margin:0 3%;}
	.sygengduo1{
		float:none;
		margin:20px auto;}
	.gongsijianjie .no1_1{
		margin-left:3%;
	    }	
		
	.sybiaoti1 .no1{
		font-size:1.2em;
		}
	.sybiaoti1 .no2{
		font-size:1.2em;}	
	/*新闻咨询*/
	.synews .no1{
		width:100%;
		float:none;
		margin-bottom:20px;}
	.synews .no2{
		width:90%;
		margin:0 auto;
		float:none;}
	.synews h4{
	font-size:0.8em;}
	
	/*底部文字*/
	.yindaodibu .no2{
		font-size:0.8em;
		width:94%;
		margin:20px auto;}
					
		
	
	}


@media(max-width:500px){
	/*猪鼓励世界*/
	.yewufanwei div{
	width:20%;
	height:auto;
	text-align:center;}
	
	
	/*推荐产品*/
	.hot .no1{
		width:94%;
		margin:10px 3%;
		}
	.hot .no1 h4{
	line-height:3;}	
	.hot .no1 img{
		width:50%;
		float:left;}
	.hot .no1 div{
		width:50%;
		height:100%;
		left:50%;}	
	.hot .no1:hover>div{
	height:100%;}	
	}