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

/*a*/
	#show-video_1 {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999 !important;
		background: rgba(0, 0, 0, .8);
		display: none;
	}

	.video-close_1 {
		width: 45px;
		height: 45px;
		color: #211d1e;
		position: absolute;
		right: 118px;
		top: 113px;
		z-index: 999;
		cursor: pointer;
	}

	#show-video_1 video {
		outline: none;
		max-width: 85%;
		max-height: 70vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 20px 40px rgb(0 0 0 / 50%);
	}

/*b*/
	#show-video_2 {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999 !important;
		background: rgba(0, 0, 0, .8);
		display: none;
	}

	.video-close_2 {
		width: 45px;
		height: 45px;
		color: #211d1e;
		position: absolute;
		right: 118px;
		top: 113px;
		z-index: 999;
		cursor: pointer;
	}

	#show-video_2 video {
		outline: none;
		max-width: 85%;
		max-height: 70vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 20px 40px rgb(0 0 0 / 50%);
	}

/*c*/
	#show-video_3 {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999 !important;
		background: rgba(0, 0, 0, .8);
		display: none;
	}

	.video-close_3 {
		width: 45px;
		height: 45px;
		color: #211d1e;
		position: absolute;
		right: 118px;
		top: 113px;
		z-index: 999;
		cursor: pointer;
	}

	#show-video_3 video {
		outline: none;
		max-width: 85%;
		max-height: 70vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 20px 40px rgb(0 0 0 / 50%);
	}

/*d*/
	#show-video_4 {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999 !important;
		background: rgba(0, 0, 0, .8);
		display: none;
	}

	.video-close_4 {
		width: 45px;
		height: 45px;
		color: #211d1e;
		position: absolute;
		right: 118px;
		top: 113px;
		z-index: 999;
		cursor: pointer;
	}

	#show-video_4 video {
		outline: none;
		max-width: 85%;
		max-height: 70vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 20px 40px rgb(0 0 0 / 50%);
	}


/*d*/
	#show-video_5 {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999 !important;
		background: rgba(0, 0, 0, .8);
		display: none;
	}

	.video-close_5 {
		width: 45px;
		height: 45px;
		color: #211d1e;
		position: absolute;
		right: 118px;
		top: 113px;
		z-index: 999;
		cursor: pointer;
	}

	#show-video_5 video {
		outline: none;
		max-width: 85%;
		max-height: 70vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 20px 40px rgb(0 0 0 / 50%);
	}
	
	

/*d*/
	#show-video_6 {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999 !important;
		background: rgba(0, 0, 0, .8);
		display: none;
	}

	.video-close_6 {
		width: 45px;
		height: 45px;
		color: #211d1e;
		position: absolute;
		right: 118px;
		top: 113px;
		z-index: 999;
		cursor: pointer;
	}

	#show-video_6 video {
		outline: none;
		max-width: 85%;
		max-height: 70vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 20px 40px rgb(0 0 0 / 50%);
	}


.provideolist a{cursor: pointer;}
.provd{ margin-top:20px; margin-bottom:0px;}
.provd img { width:100%;-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5)); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
                filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5));}
.provd p{ font-size:14px; text-align:center; margin-top:10px;overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;}
.col-sm-3{ padding-left:1%; padding-right:1%;}

.protdxq{ padding-left:0px; padding-right:0px;}




/*5.30*/

.bfan {
    position: absolute;
    top:50%;
	margin-top:-45px;
    left:50%;
	margin-left: -25px;
	width:50px;
	
	display:block;
	z-index:0;
	text-align: center;
	cursor:pointer;
}
.bfan img{
box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);

                /*考虑浏览器兼容性*/

                -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);

                -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
}


/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1200px){

	
}
 

/*1100分辨率（大于960px，小于1199px）*/

@media screen and (min-width: 960px) and (max-width: 1199px) {
.col-sm-5{ width:100%;}
.col-sm-5 img{ margin:auto; padding:0;}
.col-sm-7{ width:100%;}

}
 

/*880分辨率（大于768px，小于959px）*/

@media screen and (min-width: 768px) and (max-width: 959px) {
.protdxq{ padding-left:10px; padding-right:0px;}
.col-sm-5{ width:100%;}
.col-sm-5 img{ margin:auto; padding:0;}
.col-sm-7{ width:100%;}

/*.bfan {
    position: absolute;
    top:50%;
	margin-top:-75px;
    left:50%;
	margin-left: -50px;
	width:100px;
	
	display:block;
	z-index:888;
	text-align: center;
}*/

}
 

/*720分辨率（小于767px）*/

@media only screen and (max-width: 767px){
.protdxq{ padding-left:10px; padding-right:0px;}
.col-sm-5 img{ margin:auto; padding:0;}

.videodx{ width:460px; height:259px;}

.bfan {
    position: absolute;
    top:50%;
	margin-top:-65px;
    left:50%;
	margin-left: -40px;
	width:80px;
	
	display:block;
	z-index:888;
	text-align: center;
}

}