@media (max-width: 1024px) {

header ul.headermenu li {
    position: relative;
    float: left;
    line-height: 80px;
    margin-right: 33px;
    font-size: 14px;
}

header div.night {position:relative; height:52px;float:right; background: url(/images/headerimg2.png) no-repeat 50% 50%; background-size:contain; margin-top: 15px;}
header.on div.night { height:52px; background: url(/images/headerimg2.png) no-repeat 50% 50%; background-size:contain; margin-top: 15px;}

#main1 { height:800px; max-height: 100vh;}
#main1 .main1slide .slide01 { height:800px; max-height: 100vh; background: url(/images/main1bg2_m.jpg) no-repeat 50% 50%; 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 .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;} 


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

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

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


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

#main7 .tit {font-size: 32px;}
#main7 .main7swiper {padding-left: 2%; box-sizing: border-box;}
#main7 .txt2 {font-size: 24px; padding-top: 12%;}
#main7 .img img {width:100%;}

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



#main9_1 .main9 .tit1 {font-size: 17px;}
#main9_1 .main9 .tit1 span {font-size: 32px;}
#main9_1 .main9 .tit2 {font-size: 17px;width: 97%;}
#main9_2 .section2 .contentbox .box .tit {width: 40%;}
#main9_2 .section2 .contentbox .box .con {width: 60%; font-size:17px;}
#main9_2 .section1 .t1 {font-size: 32px;}
#main9_2 .section1 .t2 {font-size: 17px;}
#main9_2 .section2 .contentbox .box .tit {font-size: 20px;}
#main10 .main10 .contentbox .txt .t1 { font-size: 32px;}



#main10 .main10 {width: 90%;}
#main10 .main10 .contentbox .txt {width: 100%; float:none;}
#main10 .main10 .contentbox .slide {position:relative; width:100%; float:none;}
#main10 .main10 .contentbox ul.slide li.img { width:40%;}
#main10 .main10 .contentbox ul.slide li.text {width:40%; float:left;  padding-top:3%; padding-top:10%; }
#main10 .main10 .contentbox .txt .t1 {padding-bottom: 3%;}

#main11 .t1 {font-size: 17px;}
#main11 .t2 {font-size: 32px; width:90%; margin:0 auto; margin-bottom: 3%;}
#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/quick5.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 ul li.quick5 a:hover {background: url(/images/quick5_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);}

}