.banner { position: relative; }

.banner .pc { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

.banner .m { display: none !important; }

@media (max-width: 575px) { .banner .pc { display: none !important; }
  .banner .m { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } }

.banner .titlelist { position: absolute; width: 100%; bottom: 35px; }

.banner .titlelist.list2op{bottom:85px}
@media (max-width:575px){
	.banner .titlelist.list2op{bottom:30px}
  .banner .titlelist .child{
  	flex-direction:column;
  }
  .banner .titlelist .child .swiper-container{
  	display:none;
  }
  .banner .titlelist .child .swiper-container:nth-of-type(1){display:block;}
}

.banner .titlelist .child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5%; height: 24px; }

.banner .titlelist .child .swiper-container { width: 25%; }

.banner .titlelist .child .swiper-slide a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #ffffff; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.banner .titlelist .child .swiper-slide a:hover { color: #5dc355; }

.banner .titlelist .child .swiper-slide a .l { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.banner .titlelist .child .swiper-slide a .iconimg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 5px; }

.banner .titlelist .child .swiper-slide a .iconimg img { margin-right: 5px; }

.banner .titlelist .child .swiper-pagination { position: static; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.banner .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; margin: 0 4px; background: rgba(255, 255, 255, 0.6); opacity: 1; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 38px; background: #62b857; border-radius: 20px; }

.banner .imglist .swiper-slide a { display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.BottomList ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; }

.BottomList ul li { padding: 10px 5px; width: 33.33333%; }

.BottomList ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 360px; padding-left: 40px; }

.BottomList ul li a .en { font-size: 24px; color: #ffffff; }

.BottomList ul li a .cn { font-size: 24px; color: #ffffff; }

.BottomList ul li a .btn1 { width: 120px; height: 40px; background: #62b857; font-size: 14px; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; }

@media (max-width: 575px) { .banner .imglist .swiper-slide a { height: auto; }
  .banner .titlelist .child .swiper-container { width: 50%; }
  .banner .titlelist { bottom: 20px; }
  .BottomList ul li a { padding: 0 10px; height: 200px; }
  .BottomList ul li a .en { font-size: 14px; }
  .BottomList ul li a .cn { font-size: 14px; }
  .BottomList ul li a .btn1 { width: 100px; height: 30px; font-size: 12px; margin-top: 20px; }
  .BottomList ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px; }
  .BottomList ul li { width: 100%; padding: 5px; }
  .banner .titlelist { position: absolute; bottom: 0; padding: 10px 0; }
  .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; }
  .banner .titlelist .child .swiper-container { width: 60%; }
  .banner .titlelist .child .swiper-slide a { font-size: 12px; } }