.qzul{

	margin-top: 50px;

}

.qzul li{

	padding: 30px 0;

	border-bottom: 1px solid #e5e5e5;

	font-size: 0;

}

.qzul li:last-child{

	border-bottom: none;

}

.qzul li>a>img,.qzul li>img{

	width: 120px;

	height:120px;

	background-color: #4cb3ee;

	border-radius: 5px;

	margin-right: 35px;

	margin-top: -50px;

}

.qzul li div{

	display: inline-block;

	width: 80%;

	height: 120px;

}

.qzul li div h3{

	font-size:18px;

	font-weight: normal;

	color: #333333;

}

.qzul li div p{

	margin-top: 50px;

}



.qzul li div p img{

	width: 15px;

	margin-right:10px;

	vertical-align: middle;

}

.qzul li div p span{

	font-size: 12px;

	color: #999999;

	margin-top: 10px;

}

.zxtarg{

	display: inline-block;

	width: 80px;

	height: 26px;

	padding: 0 5px;

	border-radius: 13px;

	border: solid 1px #47a2d1;

	text-align: center;

	line-height: 26px;

	font-size: 12px;

	color: #47a2d1;

}

.navlist{

	text-align: center;

	margin-top: 0;

	padding-bottom: 20px;

	font-size: 0;

}

.navlist li:not(.sele){

	display: inline-block;

	height: 30px;

	border:1px solid #ccc;

	margin: 0 5px;

	text-align: center;

	/*width: 30px;*/

	line-height: 30px;

	color: #999999;

	border-radius: 5px;

}

.navlist li{

	padding: 0px 10px

}

.sele{

	display: inline-block;

	height: 30px;

	margin: 0 5px;

	text-align: center;

	line-height: 30px;

	color: #999999;

	border-radius: 5px;

}

.sele select{

	height: 100%;

	text-align: center;



text-align-last: center;

}

.navlist li.thisclass{

	background: #108aed;

	color: #fff;

	border: none;

}

.navlist li.thisclass a{

	color: #fff;

}

.navlist li a{

	color: #000;

	text-decoration:none;

}

 .bgimg4{

  	margin-top: 100px!important;

  	padding: 60px 0;

  	background: url(../imgs/pc/xr.jpg)no-repeat center;

  	background-size: cover;

 }

 /*************************/

 .proul{

  	margin: 60px auto 0 auto;

  	padding-bottom: 35px;

  }

  .proul li{

  	width: 19%;

  	margin-right: 1.25%;

  	box-sizing: border-box;

  	-webkit-box-sizing: border-box;

  	border: solid 1px #108aed;

  	float:left;

  	height: 50px;

  	line-height: 50px;

  	margin-bottom: 35px;

  	text-align: center;

  }

  .proul li:hover{

  	border: none;

  	box-shadow: 0px 0px 10px 0px 

		rgba(16, 138, 237, 0.5);

  }

  .inxr{

 	width: 40%;

 }

  .inxr p{

  	color: #999999!important;

  }

  .inxrConitem{

  	padding: 15px;



  }

  .inxrConitem>div{

  	display: inline-block;

  	width: 100%;

  	background-color: #fff;

  	padding: 20px;

  	display: table;

  	text-decoration: none;

  	color: #000;

  	border-radius:10px;

    box-shadow: 0 0 20px 2px rgba(43, 36, 36, 0.2);

    min-height: 130px;



  }

  .inxrConitem>div p{

  	margin-bottom: 0

  }

  .inxrConitem>div img,.inxrConitem>div>div{

  	display: table-cell;

  	vertical-align: top

  }

  .inxrConitem>div img{

  	width: 50px;

  }

  .inxrConitem>div>div{

  	padding: 0 20px;

  }



  .inxrConitem2>div{

  	display: inline-block;

  	background-color: #fff;

  	padding: 20px;

  	display: table;

  	text-decoration: none;

  	color: #000;

  	width: 100%;

    /*min-height: 130px;*/

    border-bottom: 1px solid #eee

  }

  .inxrConitem2>div h6{

  	display: inline-block;

  }

  .inxrConitem2>div div span{

  	padding-left: 5px;

  }

  .inxrConitem2>div p{

  	margin-bottom: 0

  }

  .inxrConitem2>div img,.inxrConitem2>div>div{

  	display: inline-block;

  	vertical-align: top

  }

  .inxrConitem2>div>div{

  	display: inline-block;

  	padding-left: 10px;

  	    width: 80%;

  }

  .inxrConitem2>div img{

  	width: 50px;

  }

/*  .inxrConitem2 a>div{

  	padding: 0!important;

  }*/

  /********样本列表********/

.swiper-nav{

	padding: 0 30px;

	display: none;

}

.swiper-nav a{

	font-size: 16px;

	color:#000;

}

.swiper-nav a.active{

	font-weight: bold;

	color:#108aed;

}

.typenav{

	float: left;

	padding: 10px;

	background:#f5f5f5;

	width:25%;

	margin-top: 30px;

	margin-right: 30px;

}

.typenav li{

	text-align: center;

	padding: 20px 0;

	border-bottom: 1px solid #e5e5e5;

}

.typenav li a{

	color: #000;

	font-size: 16px

}

.typenav li.active{

	background:#FFF;

	box-shadow:0px 0px 10px 0px rgba(16,138,237,0.2);

	border-radius:5px;

}

.typenav li.active a{

	color:#108aed;

	font-weight: bold;

}

.prul-cy{

	margin-top: 30px;

	float: left;

	width:70%;

}

.prul-cy li{

	height: 150px;

	padding: 20px 0;

	border-bottom: 1px solid #e5e5e5;

}

.prul-cy li:last-child{

	border-bottom: none;

}

.prul-cy li:hover div>a h3{

	color: #007BFF

}

.prul-cy li>a>img{

	max-width: 120px;

	height:120px;

	background-color: #4cb3ee;

	border-radius: 5px;

	margin-right: 35px;

}

.prul-cy li>a{

	float: left;

}

.prul-cy li div{

	float: left;

	height: 120px;

	max-width:75%;

}

.prul-cy li div h3{

	font-size:18px;

	font-weight: normal;

	color: #333333;

}

.prul-cy li div h3 small{

	color: #999;

	font-size: 12px;

}





.prul-cy li div p span{

	font-size: 14px;

	color: #999999;

}

.prul-cy a{

	text-decoration:none;

}

  /********样本列表********/

  /**************/

.prul{

	margin-top: 60px;

}

.prul li{

	padding: 30px 0;

	border-bottom: 1px solid #e5e5e5;

	font-size: 0;

}

.prul li:last-child{

	border-bottom: none;

}

.prul li:hover div>a h3{

	color: #007BFF

}

.prul li>a>img,.qzul li>img{

	width: 120px;

	height:120px;

	background-color: #4cb3ee;

	border-radius: 5px;

	margin-right: 35px;

	margin-top: -125px;

}

.prul li div{

	display: inline-block;

	width: 80%;

	height: 120px;

}

.prul li div h3{

	font-size:18px;

	font-weight: normal;

	color: #333333;

}

.prul li div h3 small{

	color: #999;

	font-size: 12px;

	line-height: 28px;

}

.prul li div p{

	margin-top: 30px;

}



.prul li div p span{

	font-size: 14px;

	color: #999999;

	margin-top: 10px;

}

.prul a{

	text-decoration:none;

}

.otherst b{

	font-weight: normal;

}

.otherst>a{

	display: inline-block;

	width: 100%;

	text-decoration:none!important;



}

.otherst:hover h3{

	color: #007BFF

}

.otherst h3{

	color: #333333;

	font-size: 18px;

	width: 100%;

}

.otherst h3:before{

	content: '';

	display: inline-block;

	vertical-align: middle;

	width: 8px;

	height: 8px;

	border-radius: 4px;

	background: #007BFF;

	margin-right: 12px;

}

.otherst h3 small{

	color: #999;

	font-size: 12px;

	line-height: 28px;

	height: auto!important;

	float: right

}

.pdt45{

	padding-top: 20px;
}

.arth1{

	text-align: center;

	font-size: 28px;

}

.notic{

	padding: 10px 0;

	border-bottom: 1px solid #e5e5e5;

}

.notic .fl{

	font-size: 14px;

	color: #666;

}

.notic .fr{

	width: 120px;

	height: 30px;

	background-color: #ffffff;

	border-radius: 15px;

	border: solid 1px #108aed;

	display: inline-block;

	text-align: center;

	font-size: 14px;

	color: #108aed;

	line-height: 28px;

}

.artcont{

	padding: 25px 10px;

	font-size: 16px;

	line-height: 26px;

	color: #333333;

	text-align: justify;

	/*text-indent: 2em;*/

}

.artcont img{

	max-width: 100%;

}

.artcont div,.artcont a{

	font-size: 16px!important;

	color:#333333;

}

.artcont p{

	margin-bottom: 10px;

	font-size: 16px;

}

 .case{

  	width: 100%;

  }

  .case li{

  	margin-left: 0;

  	border-bottom: 1px solid  #e5e5e5;

  	margin-top: 20px;

  	font-size: 0;

  	float: left;

  }

  .case li img{

  	width: 50px;

  	margin-right: 10px;

  	vertical-align: top;

  }

   .case li div{

   	display: inline-block;

   	vertical-align: middle;

   	font-size: 0;

   }

    .case li div h6{

    	font-size: 14px;

		color: #010101;

    }

    .case li div p{

    	font-size: 12px;

    	color: #108aed;

    }

    .case li div p span{

    	display: inline-block;

    	color: #999;

    	width: 200px;

    	overflow: hidden;

    	text-overflow: ellipsis;

    	white-space: nowrap;

    }

    

  .next{

  	margin: 30px 0;

  }

  .next p a{

  	margin-left: 10px;

  	color: #333;

  }

  .next p:first-child{

  	float: left;

  }

  .next p:last-child{

  	float: right;

  }

  .arth6{

  	border-bottom:1px solid #f1f1f1;

  	padding-bottom: 10px;

  }

  @media (min-width: 1400px){

 .proul li:nth-child(5n){

  	margin-right: 0;

  }

 

}

@media (min-width: 1000px) and (max-width:1400px){

 .proul li:nth-child(5n){

  	margin-right: 0;

  }

  

 

}

@media (max-width: 700px) {

	.inxrConitem>div>div{

	  	padding: 0 10px;

	  }

	  .inxrConitem>div,.inxrConitem2>div {

	    padding: 10px;

		}

	.inxrConitem2 a div{

		padding-left: 10px;

	}

	.inxrConitem2 a img, .inxrConitem2 a>div {

	    display: table-cell;

	    vertical-align: top;

	}

	.inxrConitem2:nth-of-type(4),.inxrConitem2:nth-of-type(5),.inxrConitem2:nth-of-type(6){

		display: none;

	}

	.inxrConitem:nth-of-type(4),.inxrConitem:nth-of-type(5),.inxrConitem:nth-of-type(6){

		display: none;

	}

	.artcont p{

		font-size: 14px;

	}

	.fr2 a img,.fr2a  p{

		display: inline-block;

	}

	.fr2 a img{

		width: 15%;

	}

}

@media (max-width:1000px){

	/*******采样****/

	.navbread {

    

	    margin-bottom: 30px;

	}

	.cy-content {

		padding-top:30px;

	}

	.swiper-nav{

		display: block;

	}

	.typenav {

		display: none;

	}

	.prul-cy {

		width: 100%;

	}

	.prul-cy li div{

		width: 70%;

	}

	/*******采样****/

	.qzul{

	    margin-top: 20px;

	    background: #fff;

	}

	.qzul li{

		padding: 30px 0;

		border-bottom: 1px solid #e5e5e5;

		font-size: 0;

	}

	.qzul li:last-child{

		border-bottom: none;

	}

	.qzul li>a>img,.qzul li>img{

		width: 60px;

		height:60px;

		background-color: #4cb3ee;

		border-radius: 5px;

		margin-right: 15px;

		margin-top: -35px;

	}

	.qzul li div{

		display: inline-block;

		width: 75%;

		height: 60px;

	}

	.qzul li div h3{

		font-size:14px;

		font-weight: normal;

		color: #333333;

	}

	.qzul li div p{

		margin-top: 20px;

	}

	

	.qzul li div p img{

		width: 15px;

		margin-right:10px;

		vertical-align: middle;

	}

	.qzul li div p span{

		font-size: 12px;

		color: #999999;

		margin-top: -2px;

	}

	.zxtarg{

		display: inline-block;

		width: 70px;

		height: 24px;

		padding: 0 5px;

		border-radius: 12px;

		border: solid 1px #47a2d1;

		text-align: center;

		line-height: 24px;

		font-size: 12px;

		color: #47a2d1;

	}

	.navlist{

	text-align: center;

	margin-top: -15px;

	padding-bottom: 20px;

	font-size: 0;

	padding-top: 30px;

  }

  .bgimg4{

  	background: #fff;

  	padding: 18px 0;

  	margin-top: 15px!important;

  }

   .proul{

  	margin: 30px auto 0 auto;

  	padding-bottom: 15px;

  }

  .proul li{

  	width: 48%;

  	margin-right: 4%;

  	box-sizing: border-box;

  	-webkit-box-sizing: border-box;

  	border: solid 1px #999;

  	float:left;

  	height: 40px;

  	line-height: 40px;

  	margin-bottom: 15px;

  	text-align: center;

  }

  .proul li:nth-child(2n){

  	margin-right: 0;

  }

  .proul li a{

  	color: #333;

  	font-size: 14px;

  }

  .inxr{

 	width: 80%;

  }

  .otherst h3 small,.prul li div h3 small{

  	display: none;

  }

  /***************/

 .prul{

	margin-top: 15px;

	}

	ul.prul a{

		text-decoration:none!important;

	}

	.wz a{

		text-decoration:none!important;



	}

	.prul li{

		padding: 20px 0;

		border-bottom: 1px solid #e5e5e5;

		font-size: 0;

	}



	.prul li:last-child{

		border-bottom: none;

	}

	.prul li>a>img,.qzul li>img{

		width: 80px;

		height:80px;

		background-color: #4cb3ee;

		border-radius: 5px;

		margin-right: 15px;

		margin-top: -60px;

	}

	.prul li div{

		display: inline-block;

		width: 70%;

		height: 80px;

	}

	.prul li div h3{

		font-size:16px;

		font-weight: normal;

		color: #333333;

	}



	.prul li div p{

		margin-top: 10px;

		font-size: 12px;

	}



	.prul li div p span{

		font-size: 14px;

		color: #999999;

		margin-top: 10px;

	}

	.otherst{

		

	}

	.otherst h3{

		color: #333333;

		font-size: 16px;

	}

.otherst h3:before{

	content: '';

	display: inline-block;

	vertical-align: middle;

	width: 8px;

	height: 8px;

	border-radius: 4px;

	background: #007BFF;

	margin-right: 12px;

  }

  .arth1{

	text-align: center;

	font-size: 18px;

	}

	.notic{

		padding: 5px 0;

		border-bottom: 1px solid #e5e5e5;

	}

	.notic .fl{

		font-size: 12px;

		color: #666;

	}

	.notic .fr{

		width: 80px;

		height: 22px;

		background-color: #ffffff;

		border-radius: 10px;

		border: solid 1px #108aed;

		display: inline-block;

		text-align: center;

		font-size: 12px;

		color: #108aed;

		line-height: 20px;

	}

	 .next p:first-child,.next p:last-child{

  	  float:none;

    }

}



@media (max-width: 750px) {

	.prul-cy li div{

		width: 65%;

	}

	.inxrConitem>div>div{

		padding: 0 10px;

	}

	.inxrConitem>div>div p{

		margin: 0;

		color: #999;

	}

	.inxrConitem>div{

		min-height: 100px;

	}

	.inxrConitem>div{

	    min-height: 100px;

	  }

}

@media (max-width:500px){

	.prul-cy li>a>img{

		max-width: 100px;

		height:100px;

		background-color: #4cb3ee;

		border-radius: 5px;

		margin-right: 10px;

	}

	.prul-cy li div{

		width: 65%;

	}

	.qzul li div{

		display: inline-block;

		width: 72%;

		height: 60px;

	}



	.prul li div{

	display: inline-block;

	width: 65%;

	height: 80px;

  }

}

.wz span{

	text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

}

.wz a{

	text-decoration:none!important;

}