@charset "UTF-8";
.special_00306 { position: relative; z-index: 1; overflow: hidden; padding: 0 30px; }

.special_00306 .focus { position: relative; width: 100%; }

.special_00306 .focus .ul { overflow: hidden; position: relative; }

.special_00306 .focus .li { width: 100%; position: relative; overflow: hidden; border-radius: 20px; }

.special_00306 .focus .li::before { content: ''; display: block; padding-top: 40.48387%; }

.special_00306 .focus .li .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00306 .focus .li .video1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; font-size: 0; -o-object-fit: fill; object-fit: fill; }

.special_00306 .focus .li .icon { width: 24px; height: 24px; line-height: 50px; position: absolute; font-size: 50px; right: 240px; font-weight: normal; bottom: 5%; cursor: pointer; }

.special_00306 .focus .li .icon::before { color: #fff; content: ""; display: block; width: 100%; height: 100%; background: url(../../image/special_00306/pasue.png) no-repeat center center; background-size: 100% 100%; }

.special_00306 .focus .li .icon.icon_play::before { color: #fff; content: ""; display: block; width: 100%; height: 100%; background: url(../../image/special_00306/play.png) no-repeat center center; background-size: 100% 100%; }

.special_00306 .focus .li + li { z-index: -1; }

.special_00306 .focus .li img { width: 100%; height: auto; }

.special_00306 .focus .li .ban-a { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }

.special_00306 .focus .li .box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.special_00306 .focus .li .m-show { display: none; }

.special_00306 .focus .li .p-show { display: block; }

.special_00306 .liner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 325px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 15px; z-index: 2; font-weight: bold; }

@media (max-width: 768px) { .special_00306 .liner { font-size: 16px; } }

.special_00306 .liner .width { position: relative; height: 3px; width: 190px; margin: 0 12px; }

.special_00306 .liner .width::before { content: ''; height: 1px; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 1px; left: 0; right: 0; }

.special_00306 .liner .width .line { height: 100%; background-color: #fff; -webkit-transition: all .5s; transition: all .5s; position: relative; }

.special_00306 .liner .wnzt-slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; font-weight: lighter; font-size: 16px; width: 20px; background: none; }

.special_00306 .liner .wnzt-slick-arrow.wnzt-slick-prev { left: 0; }

.special_00306 .liner .wnzt-slick-arrow.wnzt-slick-next { right: 0; }

/*	pc 端	*/
/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00306 { padding: 40px 0 0; }
  .special_00306 .liner { bottom: 5px; width: 190px; }
  .special_00306 .liner .width { width: 70px; }
  .special_00306 .focus .li .icon { right: auto; left: 20px; display: block; }
  .special_00306 .focus .li { position: relative; overflow: hidden; border-radius: 0; }
  .special_00306 .focus .li::before { content: ''; display: block; padding-top: 62.53333%; }
  .special_00306 .focus .li .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00306 .focus .li .m-show { display: block; }
  .special_00306 .focus .li .p-show { display: none; } }