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

@media screen and (max-width:1068px){
	.top{
	
}
.top-logo{
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}


.top-dh {
	width: 100%;
	overflow: hidden;
	background: #014da1;
	
}
.top-1200{
	width: 98%;
	margin: 0 auto;
}
.top-dh ul {
	
}
.top-dh ul li{
	float: left;
	padding: 1.5% 2%;
	font-size: 16px;
	color: #f1f1f1;
}

/*cp*/

.cp-1200{
	width: 98%;
	margin: 0 auto;
	text-align: center;
}
.cp .cp-dh{
	margin-top: 53px;
}
.cp .cp-dh img{
	margin-bottom: 33px;
} 
.cp .cp-dh h3{
	margin-bottom: 66px;
}
.cp .cp-dh h3 a{
	padding: 7px 5px;
	border: 1px solid #c7c7c7;
	color: #818181;
	border-radius: 5px;
	margin:0 5px; 
}
	.cp .cp-dh h3 a:nth-child(4) {
	display: none;
}
.cp-1200  ul{
	margin-left: -3.33%;

}
.cp-1200 ul li{
	width: 30%;
float: left;
	margin-left: 3.33%;
	margin-bottom: 41px;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	position: relative;
	


}
.cp-1200 ul li a>img:nth-child(1){
	width: 100%;
	}
.cp-1200 ul li img:nth-child(1){
	box-shadow: 0px 2px 7px #d1d1d1;
}
.cp-1200 ul li img:nth-child(4){
	position: absolute;
	bottom: -25px;
	display: none;
	left: 49%;
}



.cp .cp-dh h3 a:hover{
	padding: 7px 5px;
	border: 1px solid #1a7ae6;
	color: #f1f1f1;
	border-radius: 5px;
	margin:0 5px; background: #1a7ae6;
}


	/*yy*/
.yy{
	width: 100%;
	height: 821px;
	background: url( ../images/di-1.jpg);
	margin-top: 71px;
}
.yy .yy-dh{
		margin: 0 auto;
	text-align: center;
	padding-top: 71px;
	width: 658px;
	line-height: 24px;
	color: #f1f1f1;
	margin-bottom: 101px;
}
.yy .yy-dh img{
	margin-bottom: 28px;
}

.yy-1200{
	width: 98%;
	margin: 0 auto;
}
.yy-1200 ul{
	margin-left: -2%;
}
.yy-1200 ul li{
	background: #f1f1f1;
	width: 23%;
	height: 466px;
	position: relative;
	float: left;
	margin-left:2%;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 


}
.yy-1200 ul li img{
	width: 100%;
}
.yy-1200 ul li h3{
	font-size: 16px;
	margin-top: 30px;
	margin-left: 24px;
	margin-right: 24px;
	color: #444444;
	margin-bottom: 14px;
}


.yy-1200 ul li p{
	margin:0 24px;
}


/*xw*/
.xwzx{
	width: 98%;
	margin: 0 auto;
	padding-top: 48px;
	padding-bottom: 48px;
	overflow: hidden;
}
.xw-dh{
	margin-bottom: 70px;
}


.xwzx ul li{
	width: 47%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}
.xwzx ul li img{
	float: left;
	margin-right: 2%;
	width: 55%
}


.xwzx ul li div p{
	line-height: 24px;
	color: #999999;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

	
}
	.di{
		display: none;
	}
/*GY*/
.gy{
	width: 96%;
	margin: 0 auto;
	padding: 50px 0; 
	overflow: hidden;
}
.gy .z{
float: right;	
	width: 46%;
	padding-top: 20px;
}
	.gy .z img{
		
		width: 70%;
	}	
.gy .z h2{
	font-size: 24px;
	color: #484848;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom:21px;
}
.gy .z h3{
	font-size: 18px;
	color: #686868;
	font-weight: 600;
	margin-bottom: 27px;
}
.gy .z  p{
	color: #999999;
	line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:4; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	
}
.gy .z h4{
	padding: 8px 18px;
	background: #229ae6;
	float: left;
	border-radius: 5px;
	margin-top: 40px;
		
}
.gy .z h4 a{
	color: #f1f1f1;
}
.gy  .y{
	float: left;
	width: 50%;
}
.gy  .y img{
	float: left;
	width: 100%;
}	
.di_se{
	background: #f9f9f9;
}

/*dh*/
	.AP_foot{
		display: block;
	}	
/*dh*/
/*内页导航*/
.ny_dh_bj{width:98%; margin-bottom: 60px;margin: 0 auto 110px auto;overflow: hidden;}	
.ny_kj{padding:10px 1% ;width: 98%;margin: 0 auto;} 
.ny_dh1 a{
	border: 1px solid #cccccc;
	padding: 10px 15px;
	margin-right: 20px;	
white-space:nowrap;	
text-overflow:ellipsis;overflow:hidden;
	margin-bottom: 20px;
	line-height: 60px;
}	.ny_dh1{
	padding:15px 0;
	border-bottom: 1px  dashed #e9e9e9;;
}
/*cp*/
.tj{
	width: 100%;
	padding: 68px 0 5px 0;
	overflow: hidden;
}
.tj{
	margin: 0 auto;
	text-align: center;
}



.tj ul{
	margin-left: -2%;
margin-bottom: 30px;
overflow: hidden;}
.tj ul li{
	width: 23%;
	margin-left: 2%;
	margin-bottom: 21px;
	float: left;
			transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	padding-bottom: 10px;

	
}

	
}

@media screen and (max-width:950px){
	.top-logo h3{
		display: none;
	}
	.top-dh{
		display: none;
	}
	.mobile-inner{
		display: block;
	}
	.top-logo h1{
		width:220px;
		padding: 20px 0 20px 0;
	}
	.top-logo h1 img{
		width: 100%;
	}
}
@media screen and (max-width:414px){
	.he-1{width:94%;padding:2%;}
	.top-logo h1{
		width:180px;
		padding: 10px 0 10px 0;
	}
	.mobile-inner{ float:right; margin-top:6px;}
.control-round .carousel-control.right {
display: none;
}
.control-round .carousel-control.left {	
display: none;
	}
	
/*cp*/
.cp{
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding-bottom: 20px;

}
.cp-1200{
	width: 98%;
	margin: 0 auto;
	text-align: center;
}


.cp .cp-dh h3 a{
	border: 1px solid #c7c7c7;
	color: #818181;
	border-radius: 5px;
	margin:0 5px; 
	white-space:nowrap;
	width: 42%;
	float: left;
	font-size: 12px;
text-overflow:ellipsis;overflow:hidden;
	margin-bottom: 15px;
	
}
	.cp .cp-dh h3 a:nth-child(4) {
	display: block;;
}	

.cp-1200 ul li img:nth-child(1){
	box-shadow: 0px 2px 7px #d1d1d1;
}
.cp-1200 ul li img:nth-child(4){
	position: absolute;
	bottom: -25px;
	display: none;
	left: 49%;
}
.cp-1200 ul li h3{
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #505050
}
.cp-1200 ul li p{
	color: #909090;
}
.cp .cp-dh h3 a:hover{
	padding: 7px 5px;
	border: 1px solid #1a7ae6;
	color: #f1f1f1;
	border-radius: 5px;
	margin:0px 5px 15px 5px; background: #1a7ae6;
}
	
	.cp-1200  ul{
	margin-left: -2%;

}
.cp-1200 ul li{
	width: 48%;
float: left;
	margin-left: 2%;
	margin-bottom: 21px;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	position: relative;
	


}
	.cp-1200 ul li:hover{
	transform: translateY(-10px);
}
	
		/*yy*/
.yy{
	width: 100%;
	height: auto;
	background: url( ../images/di-1.jpg);
	margin-top: 23px;
	overflow: hidden;
	padding-bottom: 20px;
}
.yy .yy-dh{
		margin: 0 auto;
	text-align: center;
	padding-top: 51px;
	width: 100%;
	line-height: 24px;
	color: #f1f1f1;
	margin-bottom: 61px;
}

.yy-1200{
	width: 98%;
	margin: 0 auto;
}
.yy-1200 ul{
	margin-left: -2%;
}
.yy-1200 ul li{
	background: #f1f1f1;
	width: 48%;
	height: 406px;
	position: relative;
	float: left;
	margin-left:2%;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	margin-bottom: 2%;


}


.yy-1200 ul li p{
	margin:0 24px;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	
	
}
.yy-1200 ul li:hover{
	margin-top: -0px;
}
	
.xwzx{
	width: 98%;
	margin: 0 auto;
	padding-top: 48px;
	padding-bottom:20px;
	overflow: hidden;
}
.xw-dh{
	margin-bottom: 70px;
}
.xw-dh h3{
	width: 40px;
	border-bottom: 2px solid #484848;
	padding-bottom: 26px;
}
.xw-dh>a{
	float: right;
	color: #f1f1f1;
	padding: 10px 18px;
	background: #229ae6;
	border-radius:8px;
	margin-top: -40px;
}

.xwzx ul{

	margin-left: -3%;
}
.xwzx ul li{
	width: 100%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}
.xwzx ul li img{
	float: left;
	margin-right: 2%;
	width: 50%
}
.xwzx ul li div{
	overflow: hidden;
}
.xwzx ul li div h3{
	font-size: 18px;
	color: #484848;
	margin-top: 7px;
	margin-bottom: 14px;
	font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

	
	
}
.xwzx ul li div h4{
	color: #afafaf;
	padding-bottom: 18px;
	border-bottom: 1px solid #afafaf;
	margin-bottom: 5px;
	margin-left: 47%
}
.xwzx ul li div p{
	line-height: 24px;
	color: #999999;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

	
}
.xwzx ul li:hover div h3{
	color: #1a7ae6;
}
.xwzx ul li:hover div h4{
	color: #1a7ae6;
	padding-bottom: 18px;
	border-bottom: 1px solid #1a7ae6;
	margin-bottom: 5px;
}
.xwzx ul li:hover div p{
	color: #1a7ae6;
}	
	
/*GY*/
.gy{
	width: 98%;
	margin: 0 auto;
	padding:20px 0  50px 0; 
	overflow: hidden;
}
.gy .z{
float: right;	
	width: 100%;
	padding-top: 20px;
}

.gy .z  p{
	color: #999999;
	line-height: 30px;
}


.gy  .y{
	float: left;
	width: 100%;
}
.di_se{
	background: #f9f9f9;
}
	/*xw*/
.ny_xw{
	width: 100%;
	background: #fff;
	margin:10px auto 20px auto;
	padding: 20px 20px;
	overflow: hidden;
	position: relative;
	box-shadow:  1px 1px 8px #d9d9d9;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.ny_xw img{
	float: left;
	width: 40%;
	margin-right: 3%;
}
.ny_xw h4{
	font-size: 20px;
	margin-bottom: 2%;
	color: #282828;
}
.ny_xw p{
	font-size: 14px;
	color: #686868;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	
}
.ny_xw h5{
	position: absolute;
	bottom: 8%;
	margin-left: 39%;
	color: #808080;
}
.ny_xw:hover{
	
transform:translate(0px,-3px);
	box-shadow:  1px 5px 8px #d9d9d9;

}
/*ny-cp*/
#ny-cp ul{
	margin-left: -1%;
	text-align: center;
}

#ny-cp ul li{
	float: left;
	width: 49%;
	margin-left: 1%;
	margin-bottom: 2%;
	padding: 0;
	overflow: hidden;
	
}
#ny-cp ul li img{
	width: 100%;
	border: 1px solid #ECECEC;
}
#ny-cp ul li p{
	width: 100%;
	padding:10px;
	background: #014da1;
	color: #f1f1f1;
}
#ny-cp ul li:hover p{
	background: #1a7ae6;
}
.ny_dh1{
	padding:40px 0;
	border-bottom: 1px  dashed #e9e9e9;;
}

.ny_dh1 a{
	border: 1px solid #cccccc;
	padding: 10px 15px;
	margin-right: 5px;	
	white-space:nowrap;	
	float: left;text-overflow:ellipsis;overflow:hidden;
	width: 40%;
	margin-bottom: 20px;
	text-align: center;
}

	
.ny_dh{
	margin-bottom: 10px;
}
.ny_dh ul{overflow:hidden;width: 100%;overflow: hidden;border-bottom:  1px solid #e5e5e5;}
.ny_dh ul .wz{ clear:none;float: right;margin-top: 33px;color:#747474;}
.ny_dh ul li{ display:inline-block;font-size: 24px;padding: 25px 0  25px 0 ; color: #282828;font-weight: 600;}
.ny_dh ul li a{ color:#014da2;}
.ny_dh ul .wz img{margin-right: 7px;}
.ny_dh ul .wz a{ color:#747474 ;}
	.ny_dh ul .wz a:nth-child(4){
		float: right;;width:100px!important;text-overflow:ellipsis;overflow:hidden;overflow: hidden;white-space:nowrap;
		/* margin-top: -19px; */
	}	
	.ny_dh1 a{
	line-height: 20px;
}	.ny_dh1{
	padding:15px 0;
	border-bottom: 1px  dashed #e9e9e9;;
}
/*cp*/
.tj{
	width: 100%;
	padding: 48px 0 5px 0;
	overflow: hidden;
}
.tj{
	margin: 0 auto;
	text-align: center;
}



.tj ul{
	margin-left: -2%;
margin-bottom: 30px;
overflow: hidden;}
.tj ul li{
	width: 48%;
	margin-left: 2%;
	margin-bottom: 21px;
	float: left;
			transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	padding-bottom: 10px;

	
}
.page{ float:left; width:100%;margin-bottom: 6%}
.product_xq_right{ float:right; width:100%;}
.js  table{
border-collapse: collapse;
	text-align: center;
	width: 100%;
}
.cp-ny li{
	float: left;
	width: 49%;
	margin-left:1%;
	margin-bottom: 2%;
	margin-top:20px;;
}	
}