@charset "utf-8";
/* CSS Document */
.video-kecheng-detail{
padding:30px 0 0 0;
}

.video-kecheng-detail .mt{
font-size:44px;
text-align:center;
font-weight:bold;
margin-bottom:54px;
color:#09244f;
}

.video-kecheng-detail .mc{
margin-bottom:160px;
display:flex;
justify-content:center;
align-items:flex-start;
}

.video-kecheng-detail .mc video{
width:420px;
height:auto;
}

.video-kecheng-detail .xiangguan{
margin-bottom:110px;
}

.video-kecheng-detail .xiangguan .bt{
text-align:center;
margin-bottom:70px;
color:#6eb70b;
font-size:40px;
line-height:1;
font-weight:bold;
}

.video-kecheng-detail .xiangguan .bc{
position:relative;
padding:0 105px;
}

.video-kecheng-detail .xiangguan .slide-content{
width:100%;
}

.video-kecheng-detail .xiangguan .slide-content:hover{
text-decoration:none;
}

.video-kecheng-detail .xiangguan .img-box{
position:relative;
width:100%;
height:0;
padding-bottom:174.51%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}

.video-kecheng-detail .xiangguan .button-box{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
justify-content:center;
align-items:center;
background:rgba(0,0,0,.15);
}

.video-kecheng-detail .xiangguan .button-box .button-icon{
font-size:0;
width:41px;
height:41px;
}

.video-kecheng-detail .xiangguan .button-box .button-icon img{
width:100%;
height:100%;
object-fit:scale-down;
}

.video-kecheng-detail .xiangguan .text-box{
text-align:center;
color:#454545;
font-size:16px;
line-height:1.5;
margin-top:15px;
font-weight:lighter;
}


.video-kecheng-detail .xiangguan .swiper-pagination{
position:static;
width:100%;
text-align:center;
line-height:1;
font-size:0;
margin-top:50px;
}

.video-kecheng-detail .xiangguan .swiper-pagination-bullet{
width:14px;
height:14px;
margin:0 5px;
}

.video-kecheng-detail .xiangguan .swiper-pagination-bullet-active{
background:#09244f
}

.video-kecheng-detail .xiangguan .swiper-button-prev,.video-kecheng-detail .xiangguan  .swiper-button-next{
width:36px;
height:36px;
margin-top:-18px;
background-color:#09244f;
border-radius:50%;
background-size:auto 22px;
}

.video-kecheng-detail .xiangguan .swiper-button-prev{
left:0;
}

.video-kecheng-detail .xiangguan .swiper-button-next{
right:0;
}


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1024px) {
.video-kecheng-detail{
padding-left:3%;
padding-right:3%;
}

.video-kecheng-detail .xiangguan .bc{
padding:0 75px;
}

}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:850px) {
.video-kecheng-detail .mt{
font-size: 34px;
margin-bottom: 44px;
}

.video-kecheng-detail .mc{
margin-bottom:100px;
}

.video-kecheng-detail .xiangguan .bt{
font-size: 30px;
margin-bottom:50px;
}


.video-kecheng-detail .xiangguan{
margin-bottom:60px;
}

.video-kecheng-detail .xiangguan .text-box{
font-size:14px;
}

}

@media screen and (max-width:767px) {
}

@media screen and (max-width:639px) {
}

@media only screen and (max-width: 479px) {
.video-kecheng-detail .mt{
font-size:27px;
}

.video-kecheng-detail .mc video{
width:100%;
}

.video-kecheng-detail .xiangguan .bt{
font-size:24px;
magrin-bottom:30px;
}

.video-kecheng-detail .xiangguan .swiper-button-prev, .video-kecheng-detail .xiangguan .swiper-button-next{
margin-top:-78px;
}

}

