@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:relative; width:190px; height:100%; float:left; margin-left:3%; background: url(/images/logo1.png) no-repeat 50% 50%; background-size:contain;}
header.on div.logo {position:relative; width:190px; height:100%; float:left; margin-left:3%; background: url(/images/logo2.png) no-repeat 50% 50%; background-size:contain;}

#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: 100vh;}
#main1 .main1btn .btn {font-size: 14px;}

#main1 .slide .tit { position:absolute; width:90%;  top:50%; left:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t1 {font-size:18px; } 
#main1 .main1slide .slide .t2  {font-size:27px;} 
#main1 .main1slide .slide01 {background: url(/images/main1bg.jpg) no-repeat 50% 50%; background-size:cover;}

#main2 {height: 800px;}
#main2 .tit { font-size: 24px; }
#main2 .section2 {padding-top: 26%;}
#main2 .section2 p.t1 { font-size: 17px; padding-bottom: 2%;}
#main2 .section2 p.t2 {font-size:18px;}
#main2 .section2 p.t2 span {font-size:25px;}
#main2 .section2 .historybox ul.box { font-size: 14px;}
#main2 .section .section3 { padding-top: 3%;}
#main2 .section .section3 .historybox {max-height:90%; overflow-y:scroll;}
#main2 .section .section3 .historybox ul.box { width:100%; }
#main2 .section .section3 .historybox ul.box li.t2 {margin-bottom: 1.2%;}




#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:800px;
}
#main4 .content {padding: 2% 0; font-weight:bold;}
#main4 .content .tit {font-size: 22px;}
#main4 .content ul li { width: 22%; margin-right: 2%;}
#main4 .content ul li:nth-child(4n) { margin-right: 0%;}
#main4 .content ul li:nth-child(6n) { margin-right: 2%;}

#main5 .tit {font-size: 22px;}




/* #main6 .main6 .content {flex-direction: column; gap: 1rem 0;}
#main6 .main6 .content ul {position: relative; width:100%; height:180px; padding:4% 6%; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
#main6 .main6 .content ul:hover { height:240px;}
#main6 .main6 ul .t3 {position: relative; padding-top: 5%; text-align:left;}
#main6 .main6 ul .arrow { height:auto; bottom:13%; right:5%;   }
#main6 .main6 ul .arrow img {transform: rotate(90deg);}
 */
#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: 360px; 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: 120px;}
#main10 .main10 .section3 .btn .txt { margin-top: 10%; font-size: 16px;}

#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%;} 



#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.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 .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);}

}