@import url(swiper.min.css);
*{margin: 0;padding: 0;}
img{max-width: 100%;}
body{color: #333;}
li{list-style: none;}
a{text-decoration: none;color: #333;}
.container{max-width: 1200px;margin: 0 auto;}

.banner-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
  }
  .banner-title h3 {
    color: #222222;
    font-size: 22px;
  }
  .banner-title h3 span {
    color: #dddddd;
    border-left: 5px solid #dddddd;
    padding-left: 10px;
    margin-left: 10px;
  }
  .banner-title .right-tab span {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    margin-left: 60px;
    cursor: pointer;
  }
  .border-bottom {
    border-bottom: 1px solid rgb(189, 187, 187);
  }

nav{position: absolute;width: 100%;top: 0;left: 0;z-index: 10;}
nav .container{display: flex;justify-content: space-between;padding: 30px 0;align-items: center;}
nav .container ul{display: flex;}
nav .container ul li a,nav .container ul li span{color: #fff;}
nav .container ul li{margin-left: 70px;padding-bottom: 10px;color: #fff;}
nav .container ul li.active{border-bottom: 2px solid #fff;}
nav .lang{cursor: pointer;}
footer{background-color: #171717;padding: 20px 0;}
footer p{color: #999999;text-align: center;font-size: 14px;}

.page-title{text-align: center;margin-bottom: 40px;margin-top: 60px;}
.page-title h3{color: #222;font-size: 26px;}

.swiper-slide .img img{width: 100%;}
.swiper-pagination-bullet{border-radius: 0;width: 30px;height: 6px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}


.menu-btn{display: none;width: 30px;height: 30px;}

.about-footer-text{padding: 60px 0;text-align: center;background: #167bd1;margin-top: 100px;color: #fff;}
.about-footer-text p{font-size: 24px;}
.about-footer-text h3{margin-top: 10px;font-size: 34px;}

.page-banner{position: relative;}
.page-banner-text{position: absolute;color: #fff;text-align: center;width: 100%;top: 42%;z-index: 12;font-size: 42px;}
.page-banner-text p{font-size: 32px;margin-bottom: 30px;}
.show-pc{display: block;}
.show-mo{display: none;}
@media (max-width:768px) {
  .show-pc{display: none;}
  .show-mo{display: block;}
  body{padding-top: 65px;}
  nav{position: fixed;width: 100%;top: 0;left: 0;background-color: #000;z-index: 15;}
  nav .container{padding: 15px;}
  nav .container .logo img{width: 60px;}
  nav .container ul{position: absolute;width: 100%;height: 0px;background-color: #000;left: 0;top: 65px;z-index: 9;transition: all .3s;justify-content: space-between;padding: 0 15px;box-sizing: border-box;overflow: hidden;}
  nav .container ul.show{height: 30px;}
  nav .container ul li{margin: 0 5px;font-size: 14px;}
  nav .container ul li.active{border-bottom: 2px solid #fff;}
  .menu-btn{display: inline-block;position: relative;z-index: 10;}

  .page-banner-text{font-size: 14px;}
  .page-banner-text p{font-size: 14px;margin-bottom: 8px;}
  
  .page-title h3{font-size: 20px;}
  .border-bottom{padding-left: 15px;}

  .about-footer-text{padding: 40px 0;margin-top: 40px;}
  .about-footer-text p{font-size: 14px;}
  .about-footer-text h3{font-size: 18px;}
}