@media (max-width:820px) {

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:40px; margin-top: 5px; float:left; margin-left:1%; background: url(/images/logo1.png) no-repeat 50% 50%; background-size:contain;}
header.on div.logo {position:relative; width:190px; height:40px; float:left; margin-left:2%; background: url(/images/logo2.png) no-repeat 50% 50%; background-size:contain;}
header ul {display:none;}

#allmenubt {display:block;}

#main1 .main1slide .slide01 { background-size: cover;}
#main1 .main1btn .btn { height: 20px; line-height: 1.4; color:rgba(0,0,0,0)}
#main1 .main1btn .btn.on { background: rgba(256,256,256,0.5) url(/images/main1arrow.png) no-repeat 50% 50%; background-size: 25px; opacity: 1;}
#main1 .slide .tit { position:absolute; width:90%;  top:40%; left:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t2 {font-size:32px; } 
#main1 .main1slide .slide .t1  {font-size:17px;} 

#main2_1 .section1 { width:0%;}
#main2_1 .section2 { width:57%;}
#main2_1 .section2 .box {border-left:none;}

#main3 .section1 {padding: 9% 0 3% 0;}
#main3 .section3 ul {
    height: 66%;
}

#main4_1 .main4 .img { height: 400px; }
#main4_1 .main4 .tit1 {padding-bottom: 3%;}

#main4_2 .section1 { width: 100%;}
#main4_2 .section1 .bgtxt {top: 7%;}
#main4_2 .section2 {width: 100%; padding: 5% 6% 5% 3%;}

#main5 .main5slide {height: 600px;}
#main5 .main5slide {margin: 0 auto; padding:0;}
#main5 .swiper-slide {width:90%;}
#main5 .swiper-container {width:100%; padding:50px 40px 40px 40px; overflow:hidden; }
#main5 .main5slide .caption .c1 {font-size:22px; font-weight:900; margin-bottom:10px;}
#main5 .main5slide .caption .c2 {width:80%; font-size:15px; font-weight:400; margin-bottom:20px;}
#main5 .main5slide .swiper-slide.f-slide .title {font-size:20px; margin-bottom:2%; }
#main5 .main5slide .swiper-slide.f-slide ul li { width:fit-content; font-size:15px; border-radius:10px;}
#main5 .main5slide .swiper-slide.f-slide ul li:nth-child(2n) {margin-right: 2%;}
#main5 .main5slide .swiper-slide .title .t1 {width:80%; font-size:18px;}
#main5 .main5slide .swiper-slide .title .t1 span{font-size:14px; line-height:1.3;}
#main5 .main5slide .swiper-slide .title .t2 {width:80%; font-size:14px; line-height:1.3;}
#main5 .main5slide .swiper-slide ul.chktxt {width:80%;}
#main5 .main5slide .swiper-slide ul.chktxt li{font-size:14px; background-size: 25px; line-height:1.3;}

#main5 .main5slide .swiper-slide .scon1 div, #main5 .main5slide .swiper-slide .scon2 div{width:90%; }
#main5 .main5slide .swiper-slide .scon3 div {width:45%;}
#main5 .main5slide .swiper-slide .scon1 div ul, #main5 .main5slide .swiper-slide .scon2 div ul, #main5 .main5slide .swiper-slide .scon3 div ul {font-size:14px;}
#main5 .main5slide .swiper-slide .scon2 div ul li span {font-weight: 600; font-size: 15px;}
#main5 .main5slide .swiper-slide.uv ul.chktxt li {margin: 5px 0;}
#main5 .main5slide .swiper-slide .scon2 div ul li {line-height:1.3;}
#main5 .main5slide .swiper-slide.uv p {display:none;}
#main5 .main5slide_1 {background: url(/images/main5slide_1.jpg) no-repeat 65% 50%;  background-size:cover; }
#main5 .main5slide_2 {background: url(/images/main5slide_2.jpg) no-repeat 65% 50%;  background-size:cover; }
#main5 .main5slide_3 { background: url(/images/main5slide_3.jpg) no-repeat 65% 50%;  background-size:cover; }
#main5 .main5slide_4 {background: url(/images/main5slide_4.jpg) no-repeat 70% 50%;  background-size:cover; }
#main5 .main5slide_5 {background: url(/images/main5slide_5.jpg) no-repeat 40% 50%;  background-size:cover; }
#main5 .main5slide_6 {background: url(/images/main5slide_7.jpg) no-repeat 65% 50%;  background-size:cover; }
#main5 .main5slide .swiper-slide.uv ul.chktxt li {width: 100%; }


#main6 .con { padding: 0% 5%;}
#main6 .con .section1 .t2 {font-size: 23px;}
#main6 .con .section1 .t3 {font-size: 14px;}
#main6 .section2 img { padding-top: 13%;}
#main6 .con3 .t2 {font-size: 23px;}

#main6 .con3 .content ul li.txt { font-size: 15px;}

#main7 .tit .t1 {font-size: 15px;}
#main7 .tit .t2 {font-size: 30px;}
#main7 .section1 {width: 35%;}
#main7 .section2 {width: 65%;}




#main8 {box-sizing:border-box; padding:5% 0;}
#main8 .arrow { width: 90%; top: 50%;}
#main8 .swiper-slide .img {height: 231px;}


#main9 {box-sizing:border-box; padding-bottom:8%;}
#main9 .main9swiper {height: 380px;}


#main10 {height: 427px;}
#main10 .section2 .tit {font-size: 15px; height: 35px;line-height: 35px; border-radius: 35px; margin-top: 4%; margin-bottom: 3%;}
#main10 .section2 .t1 {font-size: 15px;}
#main10 .section2 .t1 a { font-size: 15px;}
#main10 .section2 li.t1 span {margin-right: 6%;}
#main10 .section2 li.t2 {font-size:13px;}


footer .copy {font-size: 12px; text-align: left; box-sizing:border-box; }
footer .img {width:100px;}
footer .img img {width:100%;}



}