@media (max-width: 1024px) {

header {position:fixed; width:100%; height:50px; top:0; right:0; background:rgba(0,0,0,0); overflow:hidden; z-index: 99;}
header div.logo { position:absolute; top:6px; left:30px; width:150px; }

header ul { 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: 50px; display: flex;flex-direction: column;justify-content: center; box-sizing:border-box; padding-bottom:60px;}
#allmenu.active {right: 0vw; z-index:999;}
#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 { height:800px; max-height: 100vh;}
#main1 .main1slide .slide01 { height:800px; max-height: 100vh;  background-size: cover;}
#main1 .main1slide .slide02 { height:800px; max-height: 100vh; }
#main1 .main1slide .slide03 { height:800px; max-height: 100vh;}
#main1 .main1btn .btn {font-size: 14px;}

#main1 .main1slide .slide02 .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main1 .main1slide .slide .t2 {font-size: 35px;}

#main2 p.name {bottom: 0%;font-size: 70px;}
#main2 .section2 {padding-left: 5%;}

#main2 .section2 p.rp1 {font-size:22px; font-weight:bold; margin-bottom:3%;}
#main2 .section2 p.rp2 {font-size:18px; font-weight:700; margin-bottom:5%; letter-spacing:-1px;}
#main2 .section2 p.rp3 {font-size:17px; font-weight:400; line-height:1.3; letter-spacing:-1px;}

#main3_1 { height: 440px;}
#main3_1 .section1 {position:relative; width:17%;}
#main3_1 .section1 .box { top: 120px; height:320px;}
#main3_1 .section2 .box  { top: 120px;  height:320px;}
#main3_1 .section2 .p1 {font-size:24px; }
#main3_1 .section2 .p2 { font-size:14px; line-height: 1.6;}
#main3_1 .section3 .box {top: 120px;}
#main3_1 .section3 .box img {position:absolute; top:0; left:0; height:320px;}

#main3_2 { height: 290px;}
#main3_2 .section2 .p1 {font-size:24px; padding-top: 6%;}
#main3_2 .section2 .p2 {font-size:14px; }

#main3_3 { height: 290px;}
#main3_3 .section2 .p1 {font-size:24px;}
#main3_3 .section2 .p2 {font-size:14px; }
#main3_3 .section1 img {height:100%;}

#main4 {height:600px;}
#main4 .content {padding: 2% 0; font-weight:bold;}
#main4 .content .tit {font-size: 22px;}
#main4 .tit1 { font-size: 18px;}
#main4 .tit2 { width: 80%; font-size:30px; }
#main4 .content ul li { margin-right: 2%; font-size: 17px;}
#main4 .content ul li:nth-child(5n) { margin-right: 0%;}
#main4 .content ul li:nth-child(5n) { margin-right: 2%;}

#main5 .tit {font-size: 22px;}
#main5 .slide ul li.t1 {font-size: 20px;}
#main5 .slide ul li.t2 {font-size: 17px;}

#main6 .tit .t1 {font-size: 18px;}
#main6 .tit .t2 {font-size: 32px;}
#main6 .content .con {padding: 8% 3% 3% 3%; height: 220px;}
#main6 .content .con .icon {top: 20px; right: 20px; width: 60px; height: 60px;}
#main6 .content .con .t1 {font-size: 16px;}
#main6 .content .con .t2 {font-size: 17px;}
#main6 .content .con .t3 {font-size: 16px;}in6 ul .arrow img {transform: rotate(90deg);}


#main7_1 .main7 .tit1 span {font-size: 32px;}
#main7_1 .main7 .tit2 {font-size: 16px;}
#main7_2 .section2 .contentbox .box .tit {font-size: 22px;}
#main7_2 .section2 .contentbox .box .con {font-size: 16px;}

#main8 {background-size:contain;}
#main8 .section1 .t2 {font-size: 27px;     margin-bottom: 8%;}
#main8 .section1 .t3 {font-size: 16px; box-sizing:border-box; padding-right:5%;}

#main9 .section1 .mian9slide {height: 360px;}
#main9 .section1 .slide {height: 450px; padding: 50px 60px 0 60px;}
#main9 .section1 .slide .t1 {width:100%; float:none; font-size:25px;   padding-top:4%; padding-left:12%;}
#main9 .section1 .slide1 .t1 { background: url(/images/main9icon1.png) no-repeat 0% 0%;}
#main9 .section1 .slide2 .t1 { background: url(/images/main9icon2.png) no-repeat 0% 0%;}
#main9 .section1 .slide3 .t1 { background: url(/images/main9icon3.png) no-repeat 0% 0%;}
#main9 .section1 .slide4 .t1 { background: url(/images/main9icon4.png) no-repeat 0% 0%;}
#main9 .section1 .slide .t2 {width:100%; float:none; font-size:18px;  padding-top:3%;  padding-bottom:3%;}
#main9 .section2 ul li {font-size: 18px; height:90px; line-height:90px;}


#main10 .main10 .section1 .t1 { font-size: 32px;}
#main10 .main10 .section1 .t2 {font-size: 16px;padding-bottom:5%;}
#main10 .main10 .section2 .slide .img img { max-width: 450px;}
#main10 .main10 .section3 .btn .img {height:80px;}
#main10 .main10 .section3 .btn .txt { margin-top: 10%; font-size: 13px;}

#main11 .main11btn {font-size: 14px;}

#main11 .main11slide ul li { height: 450px;}

#main12 .tit .t1 { font-size: 32px;}
#main12 .tit .t2 { font-size: 17px;}
#main12 .con .section .t1 {font-size: 20px;}
#main12 .con .section2 .t2 {font-size: 17px;     margin-bottom: 3%;} 

#main13 ul.contents li {width:32.66666666666667%; height:400px; font-size: 16px;}
#main13 ul.contents li:nth-child(2) {margin:0 1%;}
#main13 .tit .t2 { font-size: 32px;}


#quick {bottom: 5%; width:65px;}
#quick ul {padding: 10px 0;}
#quick ul li { width: 100%;font-size:12px; }
#quick ul li a { padding-top: 46px; }
#quick ul li.quick1 a {background: url(/images/quick1.png) no-repeat 50% 30%; background-size:27px;}
#quick ul li.quick2 a {background: url(/images/quick2.png) no-repeat 50% 30%; background-size:27px;}
#quick ul li.quick3 a {background: url(/images/quick3.png) no-repeat 50% 30%; background-size:27px;} 
#quick ul li.quick4 a {background: url(/images/quick4.png) no-repeat 50% 30%; background-size:27px;}
#quick ul li.quick5 a {background: url(/images/quick6.png) no-repeat 50% 45%; background-size:27px;}

#quick ul li.quick1 a:hover {background: url(/images/quick1_on.png) no-repeat 50% 30%;  background-size:27px;}
#quick ul li.quick2 a:hover {background: url(/images/quick2_on.png) no-repeat 50% 30%;  background-size:27px;}
#quick ul li.quick3 a:hover {background: url(/images/quick3_on.png) no-repeat 50% 30%;  background-size:27px;}
#quick ul li.quick4 a:hover {background: url(/images/quick4_on.png) no-repeat 50% 30%;  background-size:27px;}
#quick ul li.quick5 a:hover {background: url(/images/quick6_on.png) no-repeat 50% 45%; background-size:27px;}

#quick .top {width:50px; height:50px; margin:0 auto; border-radius:80px; background: #d7ac7a url(/images/top.png) no-repeat 50% 100%; text-align:center; margin-top:20px; background-size:50%;}
#quick .top a {display: block; color:rgba(0,0,0,0);}

}