.p_Contact {margin-top: -150px;margin-bottom: 30px;}
.p_Contact .layout {background: #f0f6ff;border-radius: 30px;padding: 35px;display: flex;justify-content: space-between;align-items: center;}
.p_Contact .layout .videobox {width: 100%;position: relative;}
.p_Contact .layout .videobox iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product .media .flex-box {display: flex;width: 100%;margin: 0 auto;border-radius: 12px;padding: 30px 60px 40px 30px;box-sizing: border-box;align-items: center;justify-content: space-between;}
.product .media .flex-box .picture {width: 100%;}
.product .media .flex-box .picture .img_box {padding-top: 66%;position: relative;height: 0;width: 100%;}
.product .media .flex-box .picture img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: all ease-in-out .3s;border-radius: 20px;}
.product .media .flex-box .describe {box-sizing: border-box;width: 100%;padding-left: 0;}
.product .media .flex-box .describe .p1 {font-size: 30px;font-weight: 500;}
.product .media .flex-box .describe .content {font-size: 16px;color: #667588;margin: 20px 0 20px 0;opacity: .5;}
.product .media .flex-box .describe {box-sizing: border-box;width: 100%;margin-top: 2%;margin-right: 2%;}

.swiper_image{margin:3% auto}
.swiper_image .swiper_warp{position: relative;overflow: hidden;margin-top: 2%;}
.swiper_image .title{font-size: 50px;text-align: center;}
.swiper_image .swiper-slide{position: relative;padding-bottom: 37%;}
.swiper_image .swiper-slide img{width: 100%;height: 100%;object-fit: cover;position: absolute;object-fit: cover;}

.certifications .swiper-slide{padding-bottom: 45.5%;}

.swiper_image .swiper-wrapper{}

.img_box{position: relative;}
.index_bd {background-color: #000;  }
.index_Quantity .index_Quantity_bg {text-align: center;display: flex;justify-content: space-between;}
.index_Quantity .index_Quantity_bg .index_Quantity_list {flex: 0.25;padding: 55px 0;}
.index_Quantity .index_Quantity_bg .index_Quantity_list .index_Quantity_title {font-size: 60px;color: #F0F6FF;}
.index_Quantity .index_Quantity_bg .index_Quantity_list .index_Quantity_title span {color: #0B68F2;}
.index_Quantity .index_Quantity_bg .index_Quantity_list .index_Quantity_text {font-size: 20px;color: #F0F6FF;}
.time_box {padding-bottom: 50px;margin-top: 5%;}
.timeAxis {display: flex;justify-content: space-between;align-items: flex-start;}
.timeAxis .lr {width: 45%;}
.timeAxis .lr .img_box {width: 100%;height: 0;padding-top: 127%;position: relative;}
.timeAxis .lr .img_box lite-youtube{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;}

.timeAxis .rr .h1 {color: #0b68f2;font-size: 50px;}
.timeAxis .rr {width: 45%;}
.timeAxis .rr .p1 {font-size: 30px;line-height: 32px;}
.timeAxis ul li {padding-left: 70px;border-left: 1px solid #d1e3fd;color: #7786a9;padding-bottom: 30px;position: relative;}
.timeAxis ul li:after {content: "";width: 20px;height: 20px;position: absolute;left: -10px;top: 0;background: url('../images/circle.png') no-repeat center top;background-size: 20px;}
.timeAxis ul li:last-child {border-left: 1px solid transparent;}
.timeAxis ul li .title {color: #000;font-size: 24px;line-height: 24px;margin-bottom: 20px;}
.timeAxis ul li .content {min-height: 75px;color: #013078;font-size: 16px;opacity: 0.69;}
.timeAxis .time_list {margin-top: 55px;max-height: 540px;overflow-y: auto;padding: 0 10px;}

.swiper_image .swiper_warp{padding-bottom: 60px;}
.swiper-pagination{left: 50%;transform: translateX(-50%);bottom: 0;width: 100%;}
.swiper-pagination-bullet{width: 12px;height: 12px;background-color: #5e5e5e;margin: 0 5px;}
.swiper-pagination-bullet-active{background-color: #0b68f2;}
/* Swiper navigation buttons */
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.5);
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  background: rgba(0,0,0,0.8);
}

.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 18px;
}
@media only screen and (max-width: 1200px) {
.certifications .swiper-slide{padding-bottom: 68.5%;}

}
@media only screen and (max-width: 950px) {
.product .media .flex-box .describe .title.blue{font-size: 30px;}
.product .media .flex-box .describe .p1{font-size: 24px;}
.product .media .flex-box{flex-direction: column-reverse;}
.product .media .flex-box .describe{width: 100%;margin-top: 3%;}
.product .media .flex-box .picture{width: 100%;max-width: none;}
.index_Quantity .index_Quantity_bg{display: grid;grid-template-columns: repeat(2,1fr);}
.index_Quantity .index_Quantity_bg .index_Quantity_list{width: 100%;flex: 1;padding: 10% 0;}
.timeAxis{flex-direction: column;}
.timeAxis .lr{width: 100%;}
.timeAxis .rr{width: 100%;}
.timeAxis .rr .h1{font-size: 30px;}
.timeAxis .rr .p1{font-size: 24px;margin: 2% 0 4%;}
.timeAxis .time_list {margin-top: 55px;max-height: none;overflow-y: initial;padding: 0 10px;}


}
@media only screen and (max-width: 480px) {
.index_Quantity .index_Quantity_bg{display: grid;grid-template-columns: repeat(1,1fr);}
.swiper_image .swiper-slide{position: relative;padding-bottom: 74%;}
.certifications .swiper-slide{padding-bottom: 140%;}

}
/* Lightbox styles */
.lightbox {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);justify-content: center;align-items: center;}
.lightbox .lightbox-image {max-width: 90%;max-height: 90%;}
.lightbox .close {position: absolute;top: 20px;right: 35px;color: #fff;font-size: 40px;font-weight: bold;cursor: pointer;}