@charset "utf-8";
/* Pic01 */
.pic01{ width:476px; height:325px;}
.pic01 .swiper-slide img{ position:relative;width:476px; height:325px;}
.pic01 .swiper-slide p{position: absolute;color: #fff;background-color: rgba(0,0,0,0.6);  padding: 10px;display: block;bottom: 0; width: 100%; text-align:center;}

/* Pbolck-01 */
#Pbolck-01 {
	position: relative;
	width: 1200px;
	height:558px;
	margin-left: auto;
	margin-right:auto;
}

#Pbolck-01 .swiper-container {
	padding-bottom: 60px;
}

#Pbolck-01  .swiper-slide {
	width: 900px;
	height: 569px;
	background: #000;
	box-shadow: 0 8px 30px #4f0103;
}
#Pbolck-01  .swiper-slide img{
	display:block;
	width:900px;
	height:506px;
	opacity: 0.4;
}
#Pbolck-01  .swiper-slide-active img,#Pbolck-01, .swiper-slide-active  p span{opacity: 1;}
#Pbolck-01  .swiper-slide p {
	font-size:18px;
	padding-top:20px;
	text-align: center;
	
	font-size: 1.1em;
	background-image: linear-gradient(to top, #d51518 0%, #900205 100%);
	height:63px;
	position:relative;
	opacity: 0.8;
}
#Pbolck-01  .swiper-slide p span{ color:#fff;opacity: 0.1;}
/* #Pbolck-01  .swiper-slide p:after{ position:absolute;display:block;bottom:63px; left:0px;width:600px; height:90px;content: "";background-image: linear-gradient(to top, rgb(199, 23, 30, 1), rgb(199, 23, 30, 0));} */

#Pbolck-01 .swiper-button-prev, #Pbolck03 .swiper-button-prev {
width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #c7171e center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size:20px;
	cursor: pointer;
    top: 40%;
}

#Pbolck-01 .swiper-button-prev:hover,#Pbolck03 .swiper-button-prev:hover,#Pbolck-01 .swiper-button-next:hover  {
opacity: 0.8;
}

#Pbolck-01 .swiper-button-next, #Pbolck03 .swiper-button-next {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #c7171e center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size:20px;
	cursor: pointer;
    top: 40%;
}


/* Pbolck-02 */
.pblock02 {
	background: url(images/top_main_bg01.jpg) no-repeat center top/100% auto;
	width:1200px;
height:394px;
position:relative;
}

.pblock02 .maskl,.pblock02 .maskr{ position:absolute;display:block;bottom:0px; width:80px; height:100%;z-index:9;}
.pblock02 .maskl{background-image: linear-gradient(to right, rgba(213,21,24, 1), rgba(161, 4, 11, 0)); left:0px;}
.pblock02 .maskr{background-image: linear-gradient(to left, rgba(213,21,24, 1), rgba(161, 4, 11, 0)); right:0px;}

.pblock02 .swiper-container {
	width: 100%;
	margin: 35px 0;
}


.pblock02 .swiper-slide{width:700px; height:394px;border-radius: 14px; background:#000;}
.pblock02 .swiper-slide a {
	display: block;
	
}
.pblock02 .swiper-slide img {
	width:700px; height:394px;
	border-radius: 14px;
	display: block;
	opacity:0.4;
}
.pblock02 .swiper-slide p {position: absolute;color: #fff;background-color: rgba(199,23,30,0.8); height:55px; padding:10px 3px 0 3px;display: block;bottom:0px; width:100%;white-space: nowrap; text-align:center; font-size:18px;opacity:0.6;}
.pblock02 .swiper-slide-active img,.pblock02 .swiper-slide-active p{opacity: 1;}

.pblock02 .swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #c7171e center 50%/50% 50% no-repeat;
}

.pblock02 .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #c7171e center 50%/50% 50% no-repeat;
}

/* Pbolck03 */

#Pbolck03 {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
#Pbolck03 .swiper-container {
	padding-bottom:40px;
}
#Pbolck03  .swiper-slide {
	width: 360px;
	height: 360px;
	background-image: linear-gradient(to bottom, #d8be77 0%, #d4a851 100%);
	border-radius:50%;
	padding:12px;
	overflow:hidden;
	box-shadow: 0 8px 20px #4f0103;
	opacity: 0.8;
}
#Pbolck03  .swiper-slide img{
	display:block;width:100%;height:100%;border-radius:50%;
}
#Pbolck03  .swiper-slide a{display:block;width:100%;height:100%; position:relative;border-radius:50%;overflow:hidden;}
#Pbolck03  .swiper-slide a:after{ position:absolute; bottom:-12px; left:0;display:block;width:372px;height:372px;content: "";background: rgba(0, 0, 0,0.5); z-index:12;}
#Pbolck03  .swiper-slide p {
	position:absolute;
	bottom:0;
	left:0;
	padding-top:10px;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	background:#900205 ;
	height:80px;
	width:100%;
	opacity: 0.8;
}
#Pbolck03  .swiper-slide p span{ font-size:14px; display:block;}
#Pbolck03  .swiper-slide p i{display:block; font-size:20px; padding-top:5px; color:#faeb9a; font-weight:600;}
#Pbolck03  .swiper-slide-active,#Pbolck03  .swiper-slide:hover{background-image: linear-gradient(to bottom, #fce29c 0%, #ecb954 100%);}
#Pbolck03  .swiper-slide-active a:after,#Pbolck03  .swiper-slide:hover a:after{background: rgba(0, 0, 0,0);}

/* vbox */
#vbox  .swiper-container {
        width:900px;
        height:646px;
        margin-left: auto;
        margin-right: auto;
		background:#000;
    }
#vbox   .swiper-slide {
width: 800px;
    }
#vbox  .gallery-top, .gallery-top img {
        height:506px;
        width:900px;
    }
#vbox  .gallery-thumbs {
        height: 140px;
        box-sizing: border-box;
        padding: 10px 0;
    }
#vbox	.gallery-thumbs img{ width:215px; height:120px; }
#vbox   .gallery-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.4;
    }
#vbox .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
#vbox .swiper-button-next,#vbox .swiper-button-prev{opacity: 0.4;}
.video-js,   .insert-video video {
      width: 800px !important;
      height: 450px !important;
margin:0 auto;
    }

.insert-video {
      text-align: left !important;
    }

.vjs-error-display.vjs-modal-dialog {
      display: none;
    }  
	
/*bar*/
.box-770 .swiper-container {
        width: 770px;
        height:556px;
    }
.box-770 .swiper-slide {
        font-size: 18px;
        height: auto;
        padding:0px;
    }