@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: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 .main1slide .slide04 { 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 .t1 {font-size: 16px;}
#main1 .main1slide .slide .t2 {font-size: 27px;}

#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 .tab_button {width: 95%;}
#main6 .tab_button.sticky {top:85px; }
#main6 .tab_button.bottom-fixed {  position: absolute;bottom: 0; top: auto;}
#main6 .container .tab_cont .tab1_1 {width: 95%;}
#main6 .container .tab_cont .tab1_1 .left {width:100%; float: none;}
#main6 .container .tab_cont .tab1_1 .left h3 {font-size:30px;}
#main6 .container .tab_cont .tab1_1 .left h3 span{font-size:30px;}
#main6 .container .tab_cont .tab1_1 .left h1 {font-size:34px;}
#main6 .container .tab_cont .tab1_1 .left p {width:80%; margin-top: 2%; font-size: 17px;}
#main6 .container .tab_cont .tab1_1 .right { width: 100%; float: none; margin-top: 2%; }

#main6 .container .tab_cont .tab1_2 ul li {font-size: 17px;padding: 15% 2% 4% 2%;}
#main6 .container .tab_cont .tab1_2 ul {position:relative; width:95%; margin:0 auto; display: flex; gap: 20px; padding:8% 0; }
#main6 .container .tab_cont .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon2.png) 50% 45% no-repeat; background-size:50px;}
#main6 .container .tab_cont .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon3.png) 50% 45% no-repeat; background-size:50px;}
#main6 .container .tab_cont .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon1.png) 50% 45% no-repeat; background-size:50px;}
#main6 .container .tab_cont .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon3.png) 50% 45% no-repeat; background-size:50px;} 
#main6 .container .tab_cont .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon2.png) 50% 45% no-repeat; background-size:50px;}

#main6 .container .tab_cont .tab1_3 {position:relative; width:95%; margin:0 auto; overflow:hidden;}
#main6 .container .tab_cont .tab1_3 .t1 {font-size: 34px;}
#main6 .container .tab_cont .tab1_3 ul li {width: 49%;}
#main6 .container .tab_cont .tab1_3 ul li:nth-child(2n) {margin-left:2%;}

#main6 .container .tab_cont .tab2_1 {width: 95%;}
#main6 .container .tab_cont .tab2_1 p.t1 span {font-size: 36px;}
#main6 .container .tab_cont .tab2_2 {width: 95%;}
#main6 .container .tab_cont .tab2_2 p.t1 {font-size: 34px;}
#main6 .container .tab_cont .tab2_2 ul.con2 li {width:100%; margin:0% auto;  margin-bottom: 1%; padding-left: 11%;}
#main6 .container .tab_cont .tab2_2 ul.con2 li:nth-child(2n+1) {margin-right: 0%;}
#main6 .container .tab_cont .tab2_2 ul.con1 li span {font-size: 30px;}


#main6 .container .tab_cont .tab2_3 {width: 95%;}
#main6 .container .tab_cont .tab2_3 p.t1 {font-size: 34px;}
#main6 .container .tab_cont .tab2_3 ul li {width: 49%;margin-right: 2%; margin-bottom: 2.5%;}
#main6 .container .tab_cont .tab2_3 ul li:nth-child(3n) {margin-right:2%;}
#main6 .container .tab_cont .tab2_3 ul li:nth-child(2n) {margin-right:0%;}

#main6 .container .tab_cont .tab3_1 {width: 95%;}
#main6 .container .tab_cont .tab3_1 .left {width:100%; float: none;}
#main6 .container .tab_cont .tab3_1 .left h3 {font-size:30px}
#main6 .container .tab_cont .tab3_1 .left h3 span{font-size:30px;}
#main6 .container .tab_cont .tab3_1 .left h1 {font-size:34px;}
#main6 .container .tab_cont .tab3_1 .left p {margin-top: 2%;}
#main6 .container .tab_cont .tab3_1 .right { width: 80%; float: none; margin-top: 2%; }

#main6 .container .tab_cont .tab3_2 {width: 95%;}


#main6 .container .tab_cont .tab3_3 {position: relative;width: 95%;}

#main6 .container .tab_cont .tab4_1 ul {width: 95%; gap: 20px;}
#main6 .container .tab_cont .tab4_1 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon1.png) 50% 45% no-repeat; background-size:50px;}
#main6 .container .tab_cont .tab4_1 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon2.png) 50% 45% no-repeat; background-size:50px;}
#main6 .container .tab_cont .tab4_1 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon3.png) 50% 45% no-repeat; background-size:50px;}
#main6 .container .tab_cont .tab4_1 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon4.png) 50% 45% no-repeat; background-size:50px;}


#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 {position:relative; width:100%; height: max-width:2000px; height:auto;  box-sizing: border-box; padding:12% 0; background:url(/images/main08.jpg)no-repeat 50% 0; } 
#main8 .tit {text-align:center; margin-bottom:3%;}
#main8 .tit .t1 { font-size:40px; color:#ffffff; line-height:130%; font-weight:700; }
#main8 .tit .t2 { margin-top:20px; font-size:16px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
#main8 .main8box { position:relative; width:90%; max-width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content: space-between; }
#main8 .main8box ul { width:32%; }
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:56px; line-height:56px; font-size:22px; color:#ffffff; font-weight:700; background:#1f6392; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:14px; font-size:17px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%;  }



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




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



.noticevisual ul li:nth-child(2) { margin-top: 30px; font-size: 24px;}

.mainnoticetab a {width: 15.8%; margin-right: 1%;}
#mainnotice ul.boxwrap { position: relative;width: 32%; margin-right: 2%; margin-bottom: 2%;}
#mainnotice ul.boxwrap:nth-child(4n) {margin-right: 1.3%;}
#mainnotice ul.boxwrap:nth-child(3n) {margin-right: 0%;}

}