@media (max-width: 1024px) {

header {height:60px; }
header div.logo img {width:220px; margin-top:3.5%;}
header ul.menu {display:none;}

#allmenubt {display:block;}
#allmenu{position: fixed; right: -100vw; top: 0px;  width: 100vw; height: 100%; background-color: #fff; transition: all 0.5s; z-index: -1; margin-top: 60px; display: flex;flex-direction: column;justify-content: center; box-sizing:border-box; padding-bottom:60px;}
#allmenu.active {right: 0vw;}
#allmenu li a {display: block; text-align: center; font-size: 36px; font-weight: 700; line-height: 64px; color: #333;}
#allmenubt { position: absolute; top:50%; right:1%; transform:translate(-50%,-50%);  width: 40px; height: 40px; cursor: pointer;}
	




#main1 .tit1 {padding-left: 5%; padding-top: 40%; font-size:20px;}
#main1 .tit2 {padding-left: 5%;  font-size:42px;}

#main2 .tit1 {padding-top: 10%;}
#main2 .tit2 {font-size:32px;}

#main3 {height:auto; padding:15% 0;}
#main3 .main3 {width: 90%;margin: 0 auto;}

#main3 .main3 .content {flex-direction: column; gap: 1rem 0;}
#main3 .main3 .content ul {position: relative; width:100%; height:180px; padding:4% 6%; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
#main3 .main3 .content ul:hover { height:230px;}
#main3 .main3 ul .t3 {position: relative; padding-top: 5%; text-align:left;}
#main3 .main3 ul .arrow { height:auto; bottom:13%; right:5%;   }
#main3 .main3 ul .arrow img {transform: rotate(90deg);}

#main3 .main3 .content {

    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column; box-sizing:border-box;
}
#main3 .main3 .content ul {
    background-size: cover;
}

#main4 {padding-top: 26%;}
#main4 .tit2 {width: 80%; margin:0 auto;}
#main4 .content ul {padding-right: 3%;}
#main4 .content ul li{font-size:18px;}
#main4 .content .tit { padding-left: 7%;font-size: 35px; font-weight: bold;}

#main5 .tit {width: 40%; padding-left:5%;}
#main5 .slide {width: 60%;}

#main6 {height:auto;}
#main6 .tit {display:none;}
#main6 .content .con {width: 50%; height:400px;}
#main6 .content .con .txt .t2 { font-size: 18px;}

#main7 .main7 {width: 90%;}
#main7 .main7 .contentbox .bgtxt {font-size: 120px;}
#main7 .main7 .contentbox.box2 .bgtxt {font-size: 120px;}
#main7 .main7 .contentbox {padding: 11% 0 8% 0%;}



#main8 .main8 {width: 90%;}
#main8 .main8 .contentbox .txt {width: 100%; float:none;}
#main8 .main8 .contentbox .slide {position:relative; width:100%; float:none;}
#main8 .main8 .contentbox ul.slide li.img { width:100%;}
#main8 .main8 .contentbox ul.slide li.text {width:100%; float:left; padding-top:3%; padding-top:10%; }
#main8 .main8 .contentbox ul.slide li.text .t1 { font-size:16px;}
#main8 .main8 .bgtxt {text-align:right;}
#main8 .main8 .contentbox .txt .t1 {padding-bottom: 3%;}

#main9 .main9 {width:91%;}

#main10 { height: 515px;}
#main10 .section1 { height: 515px;}
#main10 .section2 { height: 515px;}
#main10 .section1 .box1 {position:relative; width:100%; height:auto; color:#392e0d; border-top:1px solid #948e7e; border-bottom:1px solid #948e7e; box-sizing:border-box; padding:4% 0 4% 2%; }
#main10 .section1 .box1 .t1 {font-size:23px; font-weight:600; padding-bottom:1.5%; letter-spacing:-1px;}
#main10 .section1 .box1 .t2 {font-size:19px; font-weight:400; padding-bottom:1.5%; color:#1c1501; }
#main10 .section1 .box1 .t3 {font-size:16px; font-weight:600; padding-bottom:1.2%; }
#main10 .section1 .box1 .t4 {font-size:16px; font-weight:400; padding-bottom:0%; }

#main10 .section1 .box2 .tit {font-size:23px; font-weight:500; padding-bottom:1.5%; }
#main10 .section1 .box2 .time {font-size:19px; font-weight:400;}

#main10 .section1 .box3 .tell .t1 {font-size:21px; font-weight:500; padding-bottom:1.5%;}
#main10 .section1 .box3 .tell .t2 {font-size:27px; font-weight:900;}
#main10 .section1 .box3 .link {font-size: 18px;}


#main11 {padding: 7% 0;}
#main11 .tit1 {text-align: center; font-size: 20px; font-weight: 500;  padding-bottom:1%;}
#main11 .tit2 {text-align: center; font-size: 40px; font-weight: 700;}
#main11 .swiper { padding: 5% 0;}
#main11 .swiper .slidebox .box2  {position:relative; width:50%; height:100%; float:left; background:#fff; box-sizing:border-box; padding:5% 4%;}
#main11 .swiper .slidebox .box2 .t1 {font-size:20px;}
#main11 .swiper .slidebox .box2 .t2 {font-size:24px; padding:3% 0;}
#main11 .swiper .slidebox .box2 .t3 {font-size:17px; padding:0% 2%; line-height:1.4;}
#main11 .swiper11btn { position: relative; width: 80%; margin: 0 auto;}


#quick {display:none;}
#quick2 {display:block;}
#quick2 {position:fixed; z-index:999;  bottom:7%; right:1.5%; width:45px; height:auto;}
#quick2 ul {background:rgba(256,256,256,0.7); width:100%; padding:2.5%; box-sizing:border-box; border-radius:10px; padding-top:12%;}
#quick2 li {width:100%; height:auto; margin-bottom:15%; text-align:center; line-height:1.1; }
#quick2 li a {font-size:11px; color:#000; font-weight:400; }
#quick2 img {width:90%; margin:0 auto;}
#quick2 .top {width:40px; margin:0 auto; height:40px; line-height:40px;  border-radius:40px; padding-top:20%;}
#quick2 .top img {width:100%; }
}