
#my-player{width: 100%;height: 100%;}
.videoBox{width: 100%;height: 100%;}
.dbqt .bg-dark{background: rgb(50 116 155 / 35%)!important;}
.fz-24{font-size:24px!important}
.swiper-slide{cursor: pointer;}
.pb{padding-bottom:4px}
.zjzx-mpzx-content .mpzx-c1 .thumb-img {
	height: 0;
	padding-top: 164.758%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.zjzx-mpzx-content .mpzx-c2 .thumb-img {
	height: 0;
	padding-top: 59.45%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.zjzx-mpzx-content .mpzx-c3 .thumb-img {
	height: 0;
	padding-top: 59.45%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.zjzx-mpzx-content .mpzx-c4 .thumb-img {
	height: 0;
	padding-top: 205.7%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.zjzx-mpzx-content .mpzx-c5 .thumb-img {
	height: 0;
	padding-top: 68.633%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#gallery {width: 800px;height: 450px;position: absolute;top: 50%;left: 50%;margin-left: -400px;margin-top: -225px;}
.thumbs{position: absolute;top: 50%;margin-top: 240px;}
.thumbs .swiper-slide{line-height:90px!important;opacity:0.4;}
.thumbs .swiper-slide-thumb-active{opacity:1;}
#swiper2 .figure-img{transition: all 0.8s ease;}
#swiper2 .figure-img:hover {transform: scale(1.4);}
#swiper3 .figure-img{transition: all 0.8s ease;}
#swiper3 .figure-img:hover {transform: scale(1.4);}
.zjzx-top .thumb-img{transition: all 0.8s ease;}
.zjzx-top .thumb-img:hover {transform: scale(1.4);}

#swiper3 .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.8);transform: scale(0.8);}
#swiper3 .swiper-slide-active,#swiper3 .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
#swiper3 .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}

.zjzx .swiper-slide {background-position: center;background-size: cover;background-repeat: no-repeat;}
.zjzx-top {height: 85%;top: 15%;}
.bg1{background-image: url(//www.shiyan.gov.cn/ssccyjsy/material/images/sscc.jpg);}
.bg2{background-image: url(//www.shiyan.gov.cn/ssccyjsy/material/images/sscc_bg2.png);}
.bg3{background-image: url(//www.shiyan.gov.cn/ssccyjsy/material/images/sscc_bg3.png);}
.bg4{background-image: url(//www.shiyan.gov.cn/ssccyjsy/material/images/sscc_bg4.png);}
.swiper-nav-box{/*display:none;*/ width:100%;position:absolute;top:0!important;z-index:900;height:100px;}
.swiper-nav-box.at-page0{top:0!important;}
.swiper-nav{position:relative;zoom:1;margin:0 auto;bottom:auto!important;width:940px!important;height:100%!important;text-align:left;font-size:15pt!important;font-weight:normal!important;}
.swiper-nav:after{content:"";display:block;clear:both;}
.swiper-nav .u-logo{float:left;margin:19px 30px 0 25px;}
.swiper-nav .nav-link{float:left;margin-top:14px;cursor:pointer;width:auto;opacity:1;height:67px;line-height:67px;padding:0 25px;text-align:center;font-size:18px;text-indent:0em;color:#4a4d55;}
.swiper-nav .nav-link:hover{color:#c43d1e;}
.swiper-nav .nav-link.on{color:#c43d1e;background:url(//www.shiyan.gov.cn/ssccyjsy/material/images/nav_item_bg_on.png) top center no-repeat;}
#swiper2 {
        width: 1570px;
        height: 674px;
        margin: 0 auto;
        margin-top: 160px;
        overflow:hidden;
}
#swiper2 img {
        display: block;
        width: 314px;
        height: 674px;
        object-fit: cover;
}
#swiper2 .arrow-left {
    background: url(http://www.shiyan.gov.cn/ssccyjsy/material/images/banner_arrow2.png) no-repeat left top;
    position: absolute;
    left:20px;
    top: 60%;
    width: 70px;
    height: 70px;
    z-index: 999;
	opacity: 0.1;
}
#swiper2 .arrow-left:hover{opacity: 0.5;}
#swiper2 .arrow-right {
    background: url(http://www.shiyan.gov.cn/ssccyjsy/material/images/banner_arrow2.png) no-repeat left bottom;
    position: absolute;
    right:20px;
    top: 60%;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
	opacity: 0.1;
}
#swiper2 .arrow-right:hover{opacity: 0.5;}
#swiper3{
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 220px;
        overflow:hidden;
}
#swiper3 swiper-slide{width:960px;margin:0 25px;}
#swiper3 img {
        display: block;
        width: 960px;
        height: 450px;
        object-fit: cover;
}
#swiper3 .bt{
        display: block;
        width: 960px;
        height: 60px;
		font-size:20px;
		color:#424242;
		text-align:center;
		line-height:60px;
		background: #fff;
}
#swiper3 .arrow-left {
  background: url(http://www.fangxian.gov.cn/material/2023/images/banner_arrow2.png) no-repeat left top;
  position: absolute;
  width: 70px;
  height: 70px;
  z-index: 999;
  left: 50%;
  margin-top: -240px;
  margin-left: -424px;
  opacity: 1;
  border-radius:50%;
  box-shadow: 0 0 6px rgba(191, 191, 191, 0.8)!important;
}
#swiper3 .arrow-left:hover{opacity: 1;}
#swiper3 .arrow-right {
  background: url(http://www.fangxian.gov.cn/material/2023/images/banner_arrow2.png) no-repeat left bottom;
  position: absolute;
  width: 70px;
  height: 70px;
  z-index: 999;
  left: 50%;
  margin-top: -240px;
  margin-left: 352px;
  opacity: 1;
  border-radius:50%;
  box-shadow: 0 0 6px rgba(191, 191, 191, 0.8)!important;
}
#swiper3 .arrow-right:hover{opacity: 1;}
.line {
    position: absolute;
    height: 2px;
    right: 30%;
    left: 24%;
    top: 70%;
    background: #72a1b7;
	opacity: 0.5;
    margin-top: 130px;
}
.fourth_tab .swiper-slide{
 position: relative;
 border-radius: 6px;
}


.pic2 a::before {
	content: "";
	height: 100%;
	border-radius: 0;
  background-color: rgb(5,56,122,0.62);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	z-index: 1
}

.pic2 a:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top center;
	transform-origin: top center;
}

.show_more{
 width: 100%;
 height: 100%;
 background-color: rgb(5,56,122,0.62);
 position: absolute;
 display: none;
 font-size: 22px;
 cursor: pointer;
 vertical-align: middle;
 text-align: center;
}

.card-cover {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    transform: -webkit-translate(0%, -50%);
    transform: -moz-translate(0%, -50%);
    transform: -o-translate(0%, -50%);
    transform: -ms-translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 32px;
    margin-left: -9px;
    z-index:2;
    writing-mode: vertical-lr;
}

.show_more a{
 text-decoration: none;
 color: #fbfff9;
}
.slide-down {
 transform: translateY(-50%);
 transition: opacity 1000ms ease-in, transform 600ms ease-in;
 opacity: 0;
}
.slide-down .appear {
 transform: translateY(0);
 opacity: 1;
}

#swiper4{
        display:none;
        width: 100%;
        height: 650px;
        margin: 0 auto;
        margin-top: 220px;
        overflow:hidden;
}
#swiper4 swiper-slide{width:650px;margin:0 25px;}
#swiper4 img {
        display: block;
        width: 650px;
        height: 380px;
        object-fit: cover;
}
#swiper4 .bt{
        display: block;
        width: 650px;
        height: 60px;
		font-size:20px;
		color:#424242;
		text-align:center;
		line-height:60px;
		background: #fff;
}
#swiper4 .arrow-left {
    background: url(http://www.shiyan.gov.cn/ssccyjsy/material/images/banner_arrow2.png) no-repeat left top;
    position: absolute;
    left: 50%;
    top: 55%;
    margin-top: 225px;
    width: 70px;
    height: 70px;
    z-index: 999;
	margin-left:410px;
	opacity: 0.5;
}
#swiper4 .arrow-left:hover{opacity: 1;}
#swiper4 .arrow-right {
    background: url(http://www.shiyan.gov.cn/ssccyjsy/material/images/banner_arrow2.png) no-repeat left bottom;
    position: absolute;
    left: 50%;
    top: 55%;
    margin-top: 225px;
    width: 70px;
    height: 70px;
    z-index: 999;
	margin-left:500px;
	opacity: 0.5;
}
#swiper4 .arrow-right:hover{opacity: 1;}
.videolist { position:relative; float:left; width:1200px; height:575px;}
.videolist:hover{ cursor: pointer; }
.videoed { display:block; width:100px; height:100px; position: absolute; left:45%; top:45%; z-index:9999; border-radius:100%;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5)}
.videos{ display:none;position:absolute; z-index:9999;width:100%; height:100%; }
.vclose { position: absolute;left: 50%;top: 50%;border-radius: 100%;cursor: pointer;z-index: 10000;margin-top: -280px;margin-left: 550px;}
.spp{position: absolute;z-index: 9999;width: 1200px;height: auto;top: 50%;margin-top: -300px;left: 50%;margin-left: -600px;}
.timeline2 {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
}
.timeline2 .swiper-container {
  height: 575px;
  width: 100%;
  position: relative;
}
.timeline2 .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.timeline2 .swiper-slide img{width:1200px;height:575px}
.timeline2 .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -115%;
  bottom: -10%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
  border-radius: 100%;
}
.timeline2 .swiper-slide-content {
  position: absolute;
  text-align: center;
  width: 80%;
  max-width: 310px;
  right: 50%;
  top: 13%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  font-size: 12px;
  z-index: 2;
}

.timeline2 .swiper-slide video{width:1200px;height:575px;}
.timeline2 .swiper-slide .timeline-year {
  display: block;
  font-style: italic;
  font-size: 42px;
  margin-bottom: 50px;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  color: #d4a024;
  font-weight: 300;
  opacity: 0;
  transition: .2s ease .4s;
}
.timeline2 .swiper-slide .timeline-title {
  font-weight: 800;
  font-size: 24px;
  margin: 0 0 30px;
  color:#000;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: .2s ease .5s;
  text-align:center;
}
.timeline2 .swiper-slide .timeline-text {
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: .2s ease .6s;
}
.timeline2 .swiper-slide-active .timeline-year {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.6s;
}
.timeline2 .swiper-slide-active .timeline-title {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.7s;
}
.timeline2 .swiper-slide-active .timeline-text {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.8s;
}
.timeline2 .swiper-pagination {
  right: 15% !important;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  z-index: 1;
}
.timeline2 .swiper-pagination::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgb(50 116 155 / 35%);
}
.timeline2 .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: center;
  opacity: 1;
  background: transparent;
  color: #d4a024;
  margin: 15px 0 !important;
  position: relative;
}
.timeline2 .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -32.5px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #d4a024;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: .2s;
}
.timeline2 .swiper-pagination-bullet-active {
  color: #d4a024;
}
.timeline2 .swiper-pagination-bullet-active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.timeline2 .swiper-button-next,
.timeline2 .swiper-button-prev {
  background-size: 20px 20px;
  top: 15%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  z-index: 2;
  transition: .2s;
}
.timeline2 .swiper-button-prev {
  left: 8%;
  background-image: 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%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
.timeline2 .swiper-button-prev:hover {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}
.timeline2 .swiper-button-next {
  right: 8%;
  background-image: 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%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
.timeline2 .swiper-button-next:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
@media (min-width: 2560px){
  #swiper3 img {width: 100%;height: 600px;}
  #swiper3 .arrow-left{margin-top:30px;}
  #swiper3 .arrow-right{margin-top:30px;}
  #swiper3 .bt{width:100%;height:auto}
}
@media (min-width: 1920px){
   .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1570px;}
   .timeline2 .swiper-container {height: 575px;}
   .timeline2 .swiper-slide video{width:100%;height:auto;}
   .timeline2 .swiper-slide .timeline-title{color:#000;}
   .timeline2{margin-top:130px;}
}
@media (max-width: 1919px){
  #swiper3{margin-top:140px;}
  #swiper2{height:574px;}
  #swiper2 img{height:574px;}
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
  .videolist{width:800px;height:450px;}
  .bg-dark .py-4{padding-bottom: 0.5rem!important;padding-top: 0.5rem!important;}
  .timeline2{width:800px;margin:0 auto;margin-top:120px;}
  .timeline2 .swiper-container{width:800px;height:450px}
  .timeline2 .swiper-slide-content {display:none}
  .timeline2 .swiper-slide img{width:800px;height:450px}
  .timeline2 .swiper-button-prev {bottom: 7.2%;left: 1%;-webkit-transform: rotate(0deg) translate(0, 10px);transform: rotate(0deg) translate(0, 10px);}
  .timeline2 .swiper-button-prev:hover {-webkit-transform: rotate(0deg) translate(-3px, 10px);transform: rotate(0deg) translate(-3px, 10px);}
  .timeline2 .swiper-button-next {bottom: 7.2%;right:1%;-webkit-transform: rotate(0deg) translate(0, 10px);transform: rotate(0deg) translate(0, 10px);}
  .timeline2 .swiper-button-next:hover {-webkit-transform: rotate(0deg) translate(3px, 10px);transform: rotate(0deg) translate(3px, 10px);}
}

@media (max-width:1680px) {
  #swiper2{margin-top:120px}
  #swiper3 img{width:800px;height:450px;}
  #swiper3 .bt{width:800px;height:50px;}
  .timeline2{width: 800px;margin-top: 120px;}
  .videolist {width: 800px;height:450px;}
}

@media (max-width:1570px) {
  #swiper2 {width:100%;height:auto;margin-top: 160px;}
	#swiper2 img {width: 100%;height: 36rem;}
	#swiper2 .arrow-left{top:60%}
	#swiper2 .arrow-right{top:60%}
	#swiper3 {width:100%;height:auto;margin-top: 160px;}
	#swiper3 img {width: 100%;height: 26rem;}
  #swiper3 .bt {width: 100%;}
	#swiper3 .arrow-left{left: 50%;bottom: 15%;margin-top:0;width: 70px;height: 70px;z-index: 999;margin-left:0;opacity: 0.5;margin-left: -80px;top:unset;}
	#swiper3 .arrow-right{left: 50%;bottom: 15%;margin-top:0;width: 70px;height: 70px;z-index: 999;margin-left:0;opacity: 0.5;margin-left: 10px;top:unset;}
	#swiper3 .line{display:none}
}

@media (max-width:1360px) {
  .videolist{width:800px;height:auto;}
  .spp {
    position: absolute;
    z-index: 9999;
    width: 800px;
    height: auto;
    top: 50%;
    margin-top: -240px;
    left: 50%;
    margin-left: -400px;
  }
  .vclose {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    cursor: pointer;
    z-index: 10000;
    margin-top: -230px;
    margin-left: 360px;
  }
  .timeline2 .swiper-button-prev::after {content:unset;}
  .timeline2 .swiper-button-next::after {content:unset;}
	.timeline2 .swiper-container {height: 450px;width: 100%;}
	.timeline2 .swiper-container img {height: 450px;width: 100%;}
	.timeline2 .swiper-slide video{width:800px;height:450px;}
  .videolist {width: 800px;height:450px;}
  .foucebox{display:none;}
  #swiper3 .arrow-left{bottom:15%;top:unset;}
	#swiper3 .arrow-right{bottom:15%;top:unset;}
	#swiper3 .line{display:none}
	#swiper4 .line{display:none}
  #swiper4{display:block;}
  #swiper4 {width:100%;height:auto;margin-top: 160px;}
	#swiper4 img {width: 100%;height: 20rem;}
  #swiper4 .bt {width: 100%;}
	#swiper4 .arrow-left{left: 50%;bottom: -15%;margin-top:0;width: 70px;height: 70px;z-index: 999;margin-left:0;opacity: 0.5;margin-left: -80px;top:unset;}
	#swiper4 .arrow-right{left: 50%;bottom: -15%;margin-top:0;width: 70px;height: 70px;z-index: 999;margin-left:0;opacity: 0.5;margin-left: 10px;top:unset;}
	#swiper4 .line{display:none}
}

@media (min-width: 1024px) {
  .timeline2 .swiper-slide::after {right: -50%;bottom: -12%;width: 240px;height: 50%;box-shadow: -230px 0 150px 39vw rgb(50 116 155 / 35%);}
  .timeline2 .swiper-slide-content {right: 2%;}
}

@media (max-width:840px) {
  .videolist{width:100%;height:auto;}
	.spp{position: absolute;z-index: 9999;width: 100%;height: auto;top: 23%;left: unset;margin-top: unset;margin-left: unset;}
	.vclose {position: absolute;left: unset;top: 50%;border-radius: 100%;cursor: pointer;z-index: 10000;margin-left: unset;margin-top:-180px;right:10px;}
  .bg1{background-image: url(//www.shiyan.gov.cn/ssccyjsy/material/images/app_bg.png);}
  .at-page0{display:none}
  .nav-link {display:none}
	.container, .container-lg, .container-md, .container-sm, .container-xl {margin-top:100px;}
  .timeline2{width:100%;margin-top:120px}
  .timeline2 .swiper-container {height: 450px;}
  .timeline2 .swiper-container img {height: auto;width: 100%;}
	.timeline2 .swiper-slide-content{top:unset; bottom: 10%;}
	.timeline2 .swiper-button-next, .timeline2 .swiper-button-prev{top:unset; bottom: 15%;}
	.timeline2 .swiper-slide::after {box-shadow: -230px 0 150px 60vw rgb(0 0 0 / 30%);}
	.timeline2 .swiper-button-prev::after {content:unset;}
  .timeline2 .swiper-button-next::after {content:unset;}
}

@media (min-width: 768px) {
	.zjzx-top {height: 70%;top: 20%;}
	.focusBox .swiper-slide span {padding: 12px 120px 12px 35px;}
  .timeline2 .swiper-slide::after {right: -50%;bottom: -8%;width: 240px;height: 50%;box-shadow: -230px 0 150px 50vw rgb(50 116 155 / 35%);}
  .timeline2 .swiper-slide-content {right: 2%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 310px;font-size: 11px;text-align: right;}
  .timeline2 .swiper-slide .timeline-year {margin-bottom: 0;font-size: 32px;}
  .timeline2 .swiper-slide .timeline-title {font-size: 20px;margin: 0;color:#000;margin-left:35px}
  .timeline2 .swiper-pagination {display:flex;}
  .timeline2 .swiper-button-prev::after {content:unset;}
  .timeline2 .swiper-button-next::after {content:unset;}
  .timeline2 .swiper-button-prev {top: 15%;left: auto;right:9.5%;-webkit-transform: rotate(90deg) translate(0, 10px);transform: rotate(90deg) translate(0, 10px);}
  .timeline2 .swiper-button-prev:hover {-webkit-transform: rotate(90deg) translate(-3px, 10px);transform: rotate(90deg) translate(-3px, 10px);}
  .timeline2 .swiper-button-next {top: auto;bottom: 15%;right:9.5%;-webkit-transform: rotate(90deg) translate(0, 10px);transform: rotate(90deg) translate(0, 10px);}
  .timeline2 .swiper-button-next:hover {-webkit-transform: rotate(90deg) translate(3px, 10px);transform: rotate(90deg) translate(3px, 10px);}
}

@media (max-width: 768px) {
	.zjzx-top {top:2%;}
  .timeline2 .swiper-slide-content{display:block}
  .timeline2 .swiper-slide::after {right: unset;bottom: unset;width: unset;height: unset;box-shadow:unset;}
  .timeline2 .swiper-slide .timeline-title{color:#000}
}

@media (max-width: 668px) {
	.button div {width: 28px;height: 28px;}
  #swiper3 .swiper-slide {-webkit-transform: scale(1);transform: scale(1);}
  #swiper3 .swiper-slide-active,#swiper3 .swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
  #swiper2 .arrow-left:hover{opacity:0.1;}
  #swiper2 .arrow-right:hover{opacity:0.1;}
}	

@media (max-width:480px) {
  #swiper2 {width:100%;height:auto;margin-top:4rem;}
	#swiper2 img {width: 100%;height: 26rem;margin-top: 4rem;}
	#swiper2 .arrow-left{top:55%;opacity:0.1}
	#swiper2 .arrow-right{top:55%;opacity:0.1}
	#swiper3 {width:100%;height:auto;margin-top:10rem;}
	#swiper3 img {width: 100%;height:auto;}
  #swiper3 .bt {width: 100%;overflow:hidden}
	#swiper3 .arrow-left2{top:62%}
	#swiper3 .arrow-right2{top:62%}
	#swiper3 .line{display:none}
  .timeline2 .swiper-container {height: 26rem;}
  .timeline2 .swiper-button-prev::after {content:unset;}
  .timeline2 .swiper-button-next::after {content:unset;}
  .timeline2 .swiper-slide video{width:100%;height:auto;}
}