*{padding: 0;margin: 0}

.swiper-container {width: 100%;height: auto;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.box2{width: 100%;height:auto;box-sizing: border-box}
.box2 .pic a div{width: 100%;height: auto}
.box2 .pic a img{width: 100%;height: auto}

.box3 .box3-hd{text-align: center;padding: 20px 0}
.box3 .box3-hd span{font-size: 40px;font-weight: bolder}
.box3 ul{width: 1200px;height: auto;margin: 0 auto;list-style: none;display: flex;flex-direction: row;justify-content: space-around;padding: 20px 0 40px 0}
.box3 ul li{width:15%;height: auto;font-size: 18px;font-weight: lighter;line-height: 50px;text-align: center;background-color: rgb(238,238,238);border-radius: 40px;cursor: pointer}
.box3 ul li a{display:block;width:100%;height:100%;color:inherit;}
.box3 ul li:hover,.box3 ul li.on{background-color: rgb(33,90,155);color: white}
.box3 .contain{width: 1200px;display: flex;flex-direction: row;justify-content: flex-start;margin:  0 auto;flex-wrap: wrap}
.box3 .contain .content{width: 33.333%;height: auto;text-align: center;padding:10px;box-sizing: border-box;margin-bottom:15px;}
.box3 .contain .content a{text-decoration: none;color: black;padding:5px;box-sizing: border-box;box-shadow: 0 0 10px #ddd;display:block;}
.box3 .contain .content img{width: 100%}
.box3 .contain .content p{font-size: 18px;line-height: 55px;}

.box3 .contain .content:hover a{background:#205A9A;}
.box3 .contain .content:hover p{color:#fff;}


@media (max-width: 767px) {
    .wap_head{display:block;}
  .layout{width:100%;}
  .layout_n{width:100%;}
  .header{display:none;}
  /*  */
  .lm_head_en,.lm_head_ch{font-size:20px}
  .lm_head_ch:after{width:70px;bottom:-10px;}
  .lm_head{margin:20px 0 10px;}
  .lm_head .title{font-size:22px;padding-bottom:10px;}
  /* .lm_head .title::after{width:50px;margin-left:-25px;} */
  .subtitle{font-size:12px;}
  /*  */
  .head .op{display: block}
  .head{padding: 5px}
  .head .h-log{width: 20%}
  .head .h-log img{width: 100%;height: auto}
  .head ul{padding: 0;width: 60%;display: none}
  .head ul li{font-size: 12px}
  .head .rs{padding:0;margin: 0 auto;width: 30%;}
  .head .hd-ft a{font-size: 12px}
  .head .hd-ft{margin-left: 0}

  .head .rs .input{visibility: visible;}
    #mySidenav{display: block;z-index: 1}
    .box2 .banners{z-index: 0;width: 100%}
    .box3 .box3-hd{padding: 10px 5px}
    .box3 span{font-size: 20px}
    .box3 ul{width: 100%;padding: 10px 5px;flex-wrap: wrap}
    .box3 .box3-hd span{font-size: 20px}
    .box3 .box3-hd p{font-size: 12px}
    .box3 ul li{width: 30%;font-size: 14px;line-height: 30px;margin-top: 10px}
    .box3 .contain{width: 100%}
    .box3 .contain .content{width: 100%}
    .box3 .contain .content p{font-size: 14px;line-height: 30px}


}

@media (min-width: 767px) and (max-width: 991px) {
    .head{padding: 10px}
    .head .h-log{overflow: visible}
    .head .h-log img{width: 100%;height: auto}
    .head ul{padding: 0 5px}
    .head .rs{padding: 0}
    .head ul li{padding: 10px 0}
    .head .rs div{width: 30%;padding-top: 10px}
    .box3{width: 100%;padding: 10px}
    .box3-ft .pic{margin-left: 90px}

    .box2 .banners{width: 100%}
    .box3 ul{width: 100%}
    .box3 .contain{width: 100%}

}