@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1080px){
.cpMain .pleft h3{display:none}
.cpMain .pleft{width:100%;float:none;}
.pleft .divBox{display:none;}
.cpMain .pleft ul{overflow:hidden;}
.cpMain .pleft li{width:50%;float:left;}
.cpMain .pleft li>a{padding:10px;}
.cpright{width:100%;float:none;padding:0 5px;overflow:hidden;}
.rtop{display:none;}
.news_r_text ul li{padding:20px;margin:20px auto;}
	
	.zy{
		display: none;
	}

	.top-1{
	width: 96%;
	margin: 0 auto;
}
	.top{
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
	padding:20px 0; 
}
	.top-dh {
   display: none;
}
	.lx{
		display: none;
	}
	.iphone {
	display: block!important;
}

	
	/*gg*/
.gg{
	width: 96%;
}
.gg img{
	width: 100%;
}
.gg a{
	right:7%;;
  padding: 0.5% 5%;

}

/*gy*/
	/*gy*/
.sy_gy{
	width:96%;
	margin: 0 auto;
	padding-top:50px;
		
}
.sy_gy .gu_z{
	width: 55%;
	float: left;
}


.sy_gy .gu_z>p{
	line-height:24px;
	margin-top: 20px;
	color: #808080;
	 text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:8; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	
}




.box{width:40%;height:326px;text-align:center;font-size:50px;position:relative;margin:0px auto;overflow:hidden;}

	
/*cp*/
	

.sy_cp1200{
	width: 96%;
}


.sy_cp{
	width: 100%;
	background: #f6f6f6;
	padding: 43px 0;
	overflow: hidden;
	margin-top: 63px;
}

.sy_cp1200 ul{
	margin-left: -1%;
}
.sy_cp1200 ul li{
	width: 24%;
	height:  auto;
	position: relative;
	overflow: hidden;
	margin-left: 1%;
	float: left;
	margin-bottom: 11px;
}


/*xz*/
.xz{
display: none;
}

	
/*dz*/
.dz{
	display: none;
	
}

/*xw*/
.xw{
	width: 96%;
	margin:0 auto;
	padding: 50px 0;
	overflow: hidden;
}

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



.grWidth{width:96%; margin:0 auto;}
.footMenu{height:50px;line-height:50px;border-bottom:1px solid #484848;font-size:16px;text-align:center;color:#484848;margin-bottom:40px;}
.hidden{overflow:hidden;}
.footMenu em{margin:0 3%;font-style:normal;}
.fl{float:left;}
.footLogo{width:240px;padding-top:45px;}
.fr{
	float: right;
}
.footContact{width:auto;overflow:hidden;padding-left:10%;min-height:145px;}
.footContact h4{font-size: 20px;margin-bottom: 20px;}
.footContact p{margin-bottom: 15px;}
.footContact p img{margin-right: 10px;}
.footContact p:nth-child(2) img{margin-right: 14px!important;}
.footContact p:nth-child(4) img{margin-right: 14px!important;}
.footWx{width:115px;overflow:hidden;text-align:center;background: url('../images/foot_line.jpg') no-repeat;padding-left:50px;min-height:145px;}

.footWx img{width:115px;height:115px;display:block;margin-bottom:5px;}

.firendLink{line-height:30px;color:#fff;border-top:1px solid #484848;min-height: 60px;padding-top: 15px;margin-top: 20px;}
.firendLink2{line-height:30px;color:#e1e1e1;padding: 10px 0 5px 0;margin-bottom: 10px;}
.firendLink2 a{color: #b1b1b1!important}
.firendLink em{font-style:normal;margin:0 10px;}

.footer a{color:#fff;}

.footer a:hover{text-decoration: underline;}


	
	/*ny*/
/*kj*/
.kj{
	padding: 10px 0  0px 0;
	width: 96%;
	margin: 0 auto;
	overflow: hidden
}
.kj .kj-y{
	width: 25%;
	float: left;
	text-align: center;
	
}
.kj .kj-y h3{
	padding: 12px 0;
	font-size: 23px;
	color: #f1f1f1;
	margin-bottom: 10px;
	margin-bottom:4px;
}
.kj .kj-y h3 p{
	font-size: 18px;
	margin-top: 10px;
}
.kj .kj-y ul{
	padding-top:5px;
	border-top:5px solid #2c2e33;
}
.kj .kj-y  ul li{
	width: 100%;
	padding: 10px 23px;
	text-align: left;
	background: #f4f4f4;
	margin-bottom: 10px;
	font-size: 16px;
}
	.kj_1200{
		width: 100%;
	}
	



.kj .kj-y  ul .s a{
	color:#f1f1f1;
}

.kj-bk{
	margin-bottom: 30px;
}

.kj-bk>p{
	background: #f4f4f4;
	padding:10px 20px; 
	line-height: 24px;
}
.kj-bk>h4{
	background: #f4f4f4;
	padding: 20px;
	font-size: 16px;
}
.kj-bk>h4 p{
	font-size: 30px;
	margin-top: 10px;  
}
.kj-z{
	width: 72%;
	float: right;
}
.kj-WD{
	margin-bottom: 26px;
}
.kj-WD p{
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	color: #656464;
}
.kj-WD p b{  
}
.kj-z>h3{
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;  
	border-bottom: 1px solid #d3d3d3;
	position: relative;
}
.kj-z>h3 b{
	font-size: 14px;
	font-weight: 300;
	color: #808080;
}
.kj-z>h3 i{
	position: absolute;
	width: 40%;
	height: 3px;

	left: 0;
	bottom: -2px;
	z-index: 88;
}
	.kj_1200{
		width: 100%;
	}
	
}
@media screen and (max-width:560px){
	.suspension{
		display: none;
	}
	
	.top{
	margin: 0 auto;
	overflow: hidden;
	padding:10px 0; 
}
	.top h1{
		width: 180px;

}
		.top h1 img{
width: 100%;
}
	.nav__trigger {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  right: 20px;
  top:22px;
  z-index: 200;
}
	
	/*banner*/
	.silder-ctrl-next{
	right: 0;
	text-align: right;
	display: none;
	
}
	.silder-ctrl-prev{
	left: 0;
	text-align: left;
		display: none;
	
}
	.gg a{
display: none;

}
	
	/*gy*/

/*gy*/
.sy_gy{
	width:96%;
	margin: 0 auto;
	padding-top:30px;
		
}
.sy_gy .gu_z{
	width: 100%;
	float: left;
}
.sy_gy .gu_z h3{
	font-size: 18px;
	font-weight: 600;
}
.sy_gy .gu_z h3 p{
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 5px;

}
.sy_gy .gu_z>p{
	line-height: 29px;
	margin-top: 20px;
	color: #808080;
}
.sy_gy .gu_z h5 {
	margin-top: 30px;
	margin-bottom: 20px;
}



.box{width:100%;height:326px;text-align:center;font-size:50px;position:relative;margin:0px auto;overflow:hidden;}


/*cp*/
	
.sy_cp{
	width: 100%;
	background: #f6f6f6;
	padding: 23px 0;
	overflow: hidden;
	margin-top: 23px;
}
.sy_cp1200{
	margin: 0 auto;
	text-align: center;
}
.cp_dh{
	
}
.cp_dh img{
	margin-bottom: 43px;
}
.cp_dh p{
	color: #6d6d6d;
	margin-bottom: 39px;
	
}

.sy_cp1200 ul{
	margin-left: -2%;
}
.sy_cp1200 ul li{
	width: 48%;
	height:  auto;
	margin-left:2%;
	float: left;
	margin-bottom: 11px;
}
.sy_cp1200 ul li:hover img{
	   transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);

}
.sy_cp1200 ul li img{
	width: 100%;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.sy_cp1200 ul li .cp_pf{
	position: absolute;
	bottom:0;
	width: 100%; 
	padding: 5px 0;
	
}
.sy_cp1200 ul li .cp_pf p{
	color: #f1f1f1;
	font-size: 14px;
	font-weight: 100;
	
}

	
	/*xw*/

/*xw*/
.xw{
	width: 96%;
	margin:0 auto;
	padding: 50px 0;
	overflow: hidden;
}




.xw ul  li h2{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 14px;
	margin-top: 30px;
}
.xw ul  li h2 b{
	margin-right: 15px;
	font-weight: 100;
	
}
.xw ul  li p{
	color: #707070;
}
.xw-k{
	width: 100%;
	margin-right: 5%;
	float: left;
	margin-bottom: 15%
}
.xw-y{
	width:100%;
	float: right
}
	.grWidth{
		display: none;
	}
	.AP_foot{
		display: block;
		z-index: 9999999;
	}
	
	
	/*ny*/
/*kj*/
.kj{
	padding: 10px 0  0px 0;
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px;
		
}
.kj .kj-y{
	width: 100%;
	float: left;
	text-align: center;
	
}
.kj .kj-y h3{
	padding: 8px 0;
	background: #2c2e33;
	font-size: 18px;
	color: #f1f1f1;
	margin-bottom: 10px;
	margin-bottom:4px;
}
.kj .kj-y h3 p{
	font-size: 12px;
	margin-top: 5px;
}
.kj .kj-y ul{
	padding-top:5px;
	border-top:2px solid #2c2e33;
}
.kj .kj-y  ul li{
	width: 100%;
	padding: 5px 23px;
	text-align: left;
	background: #f4f4f4;
	margin-bottom: 10px;
	font-size: 14px;
}
	.kj_1200{
		width: 100%;
	}
	
.kj .kj-y  ul li:hover { 
}
.kj .kj-y  ul li:hover a{
	color:#f1f1f1;
}

.kj .kj-y ul  .s{ 
}
.kj .kj-y  ul .s a{
	color:#f1f1f1;
}

.kj-bk{
	margin-bottom:20px;
}

.kj-bk>p{
	background: #f4f4f4;
	padding:10px 20px; 
	line-height: 24px;
}
.kj-bk>h4{
	background: #f4f4f4;
	padding: 20px;
	font-size: 16px;
}
.kj-bk>h4 p{
	font-size: 30px;
	margin-top: 5px;  
}
.kj-z{
	width: 100%;
	float: right;
}
.kj-WD{
	margin-bottom: 15px;
}
.kj-WD p{
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	color: #656464;
}
.kj-WD p b{  
}
.kj-z>h3{
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 15px;  
	border-bottom: 1px solid #d3d3d3;
	position: relative;
}
	
	.yc{
		display: none;
	}
	
	
/*cp-zs*/
	/*sy*/





.sy ul{
	margin-left: -2%;
}
.sy ul li{
	width: 48%;
	overflow: hidden;
	margin-left: 2%;
	float: left;
	margin-bottom: 4%;
	box-shadow: 0px 4px 10px #e1e1e1;
	position: relative;

	
}
.sy ul li .dx {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.sy ul li .dx img{
	width: 100%
}
.sy ul li .yx-pf{
	padding:10px 10px ;
	background: #fff;
}
.sy ul li .yx-pf h3{
	font-size: 18px;
	margin-bottom: 10px;
	text-align: left
}

.sy ul li .yx-pf{
	padding:10px 10px ;
	background: #2c2e33 ;
	position: absolute;
	bottom: -60px;
	z-index: 99999;
	width: 100%;
	text-align: center;	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}
.sy-cp-gd ul li .yx-pf{
	padding:10px 10px ;
	background:#2c2e33;
	position: absolute;
	bottom: -10px;
	z-index: 99999;
	width: 100%;
	text-align: center;	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}
 .sy ul li .yx-pf p{
	font-size: 14px;
	margin-bottom: 25px;
	color: #f1f1f1;
}
.sy ul li .yx-pf h3 {
	margin-top: 20px;
	margin-bottom: 12px;
	 text-align: center;
}
 .sy ul li .yx-pf h3 a{
	padding: 9px 20px;
	border: 1px solid #f1f1f1;
	color: #f1f1f1;
	border-radius: 15px;
	font-size: 14px;

}

.sy  ul li  img{
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
}
.sy ul li:hover img{
		transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);

}
.sy ul li:hover{
		box-shadow: 0px 4px 10px #d1d1d1;

	
}
 .sy ul li:hover .yx-pf{
	position: absolute;
	bottom: 0px;
}
 .sy ul li .yx-pf h3 a:hover{
	padding: 9px 20px;
	border: 1px solid #f1f1f1;  
	border-radius: 15px;
	font-size: 14px;
	background: #f1f1f1;
}

/*cp-xq*/
	.page{ float:left; width:100%;}
.product_xq_right{ float:right; width:100%; font-size:14px; color:#525252; line-height:24px;position: relative;padding-bottom: 40px;min-height: 280px;margin-top: 15%}

	.banner_yc{
	display: none
}
.banner_cx{
	display: block;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: visible;
	height:230px!important;
}

.inpage-banner{    height: 130px;}
.aboutMenubg .p1{display:none;}
.aboutMenu{width:100%;float:none;}
.aboutMenu li.cur a{border:0;}
.aboutMenu li a{border:0;}
.aboutMenu ul{overflow:hidden;}
.aboutMenu li{margin:0;padding:0;display:block;width:50%;float:left;font-size: 14px;line-height: 38px;}
.ny_main{margin: 30px 0 80px;}
.honor_r_img li{width:48%;margin-bottom:15px;}
.sideBox ul li{width:48%;}
.cpMain{margin-bottom: 50px;}
.view-page .prev, .view-page .back, .view-page .next{width:100%;margin:auto;position:static;}
.view-page .back{transform:translate(0)}
.promore_l{width:100%;}
.new_s2{margin-top: 10px;}
.view-page{padding-top: 20px;    margin: 20px 0;}
.xinwenxiangqing .nd_head p{    font-size: 16px;}
.news_random2{    padding: 5px;}
.news_random2 ul li{width:100%;margin:auto;}
.contact{width:100%;margin:0 auto 20px;}
.cotu{width:100%}

}

@media screen and (max-width:480px){
.silder-main{
	position: relative;
	width: 100%;
	overflow: visible;
	height:204px!important;
}
}

@media screen and (max-width:414px){
.silder-main{
	position: relative;
	width: 100%;
	overflow: visible;
	height:171px!important;
}
	
}