@media (max-width:640px) {

#main1  {display:none;}
#main1_m {display:block;}
#main1_m {  height: calc(100vh-69px);}
#main1_m .slide .tit { position:absolute; width:90%;  top:50%; left:50%; transform:translate(-50%,-50%);  }
#main1_m .slide .t2 {font-size:22px; } 
#main1_m .slide .t1  {font-size:15px;} 

#main2_1 { height: auto;}
#main2_1 .section1 {display:none;}
#main2_1 .section3 {display:none;}
#main2_1 .section2 {width:100%; background: url(/images/main3img1_1.jpg) no-repeat bottom; color:#fff; border-radius: 20px; width: 97%; margin: 0 auto;  margin-top:10%;}
#main2_1 .section2 .box { position:relative; height:auto; top: 0; padding:3%; text-align:center;  padding-bottom:8%; border-top: none;}
#main2_1 .section2 .number {position: absolute; top:0; left:0; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#main2_1 .section2 .p1 {padding-top: 12%; font-size: 21px; font-weight:400;}

#main2_2 {height:auto;}
#main2_2 .section1 { display:none;}
#main2_2 .section2 {width: 100%; text-align:center; padding:3%; padding-bottom:8%; border-top: none; border-radius: 20px; width: 97%; margin: 0 auto; }
#main2_2 .section2 .p1 {padding-left: 0%; padding-top:12%; font-size: 21px; font-weight:500;}
#main2_2 .section2 .p2 {padding-left: 0}
#main2_2 .section2 .number {position:absolute; top:0; left:0 ;}

#main2_3{height:auto;}
#main2_3 .section1 { display:none;}	
#main2_3 .section2 { background: url(/images/main3img2_1.jpg) no-repeat bottom; color:#fff; text-align:center; padding:3%; padding-bottom:8%; position: relative; width: 100%;
border-radius: 20px; width: 97%; margin: 0 auto; margin-bottom:10%;}
#main2_3 .section2 .p1 {padding-left: 0%; padding-top:12%;     font-size: 21px; font-weight:500;}
#main2_3 .section2 .p2 {padding-left: 0}
#main2_3 .section2 .number {position:absolute; top:0; left:0 ;  border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

#main3 {height:auto;}
#main3 .section1 .txt .t1 {font-size: 21px;}
#main3 .section1 { padding: 15% 0 7% 0;}
#main3 .section2 {width:100%; padding-top:0;}
#main3 .section3 {width:100%; padding-top:2%; height:300px;}
#main3 .section3 ul { padding:8% 5%;}
#main3 .section1 .txt .t2 {font-size: 32px;}
#main3 .section3 ul {width:90%; height: 90%;}
#main3 .section3 ul li {font-size: 14px;}



#main4_1 { }
#main4_1 .main4 .tit1 {font-size: 14px; padding-bottom: 6%;}
#main4_1 .main4 .tit1 span {font-size: 26px;}
#main4_1 .main4 .tit2 { font-size: 14px;}
#main4_1 .main4 .img { height: 230px;}

#main4_2 .section1 .bgtxt {top: 168%; transform: rotate(90deg);}
#main4_2 .section2 .contentbox .box .tit {width: 100%; margin-bottom:2%; font-size:18px;}
#main4_2 .section2 .contentbox .box .con {width: 100%;}
#main4_2 .section1 .t1 {font-size: 24px;}
#main4_2 .section1 .t2 {font-size: 14px;}
#main4_2 .section2 .contentbox .box .con {font-size: 14px;}
#main5 .main5slide .swiper-slide .uvimg {position:absolute; top:40%; right:10%; width:180px;}
#main5 .main5slide .swiper-slide .uvimg img{width:100%;}

#main5 .swiper-container {width:100%; padding:25% 3% 3% 8%; overflow:hidden; }
#main5 .main5btn {position:absolute; top:0; left:0; display:block; font-size:13px; padding: 0; text-align:center;}
#main5 .main5btn li {width:33.3333%; border:none; padding: 10px 2%;}
#main5 .arrow {display:none;}
#main5 .main5btn li:first-child {border-top:none;}
#main5 .swiper-pagination-fraction {bottom: 19px;}
#main5 .main5slide .swiper-slide .scon3 div {width:60%;}
#main5 .main5slide .swiper-slide .scon2 div ul {padding: 0 1%;}

#main6 .tit {padding-top: 13%; padding-bottom: 8%;}
#main6 .main6slide .slide.slide1 {background: url(/images/main6bg1.jpg) no-repeat 70% 50%; background-size: cover;}
#main6 .main6slide .slide .t1 {width:80%; padding-top:57%; font-size: 21px;     padding-left: 10%;}
#main6 .main6slide .slide .t2 {width:80%; font-size: 14px;     padding-left: 10%;}
#main6 .arrow {display:none;}
#main6 .con { padding: 5%;}
#main6 .con .section1 {width:100%; padding:3% 0;}
#main6 .con .section1 .t1 {font-size: 15px;}
#main6 .con .section1 .t2 {font-size: 19px; margin-bottom:5%;}
#main6 .con .section1 .t3 {font-size: 13px;}
#main6 .con .section2 {width:100%;}
#main6 .section2 img {padding-top: 0;}
#main6 .con3 {padding: 7% 5%;}
#main6 .con3  .t1 {font-size: 15px;}
#main6 .con3  .t2 {font-size: 19px; margin-bottom: 9%;}
#main6 .con3 .content ul {width: 50%;     padding: 2%;}

#main6 .con3 .content ul li.num {font-size:40px; top:0;}


#main7 .tit {padding-top: 13%; padding-bottom: 8%;}

#main7 {padding-bottom: 15%;}
#main7 .section1 {width: 100%; height:160px;}
#main7 .section1 .btn {height: 40px; line-height: 40px; font-size:15px;}
#main7 .section1 .btn img { width: 86px;}
#main7 .section2 {width: 100%;  height:350px;}


#main8 .tit {padding-top: 13%; padding-bottom: 13%;}
#main8 .arrow {display:none;}
#main8 .swiper-slide .before {width: 100%;margin-right: 0%; margin-bottom:1%;}
#main8 .swiper-slide .after {width: 100%;margin-right: 0%;}
#main8 .swiper-slide .img {height: 180px;}

#main9 .tit {padding-top: 13%; padding-bottom: 8%;}
#main9 .main9swiper {height: 290px;}

#main10 {height:auto;}
#main10 .section1 {position:relative; width:100%; float:left; height:300px;}
#main10 .section2 {position:relative; width:100%;  float:right; background:#f4f4f4;  box-sizing:border-box; padding:6% 5%}

#quick ul{position:fixed; left:0; bottom:0%; width:100%; height:69px; z-index:20; }
#quick ul {overflow:hidden; display:flex; background:linear-gradient(90deg, #ffb17d, #ff6ccc, #33a0ca ); padding:1% 0;}
#quick ul li { float:left; height:auto; margin:0 auto; width: calc(100% / 4;)}

#quick li.quick4 span {display:none;}
#quick .top {display:none;}
#quick ul li.quick5 {display:block;}

footer {padding:8% 5%;}
footer {margin-bottom: 69px;}

/* 
.LayerPopup { max-width:90%; } */
}