@media (max-width:820px) {



#main1 {  height: calc(100vh - 130px);}
#main1 .main1slide .slide01 {  height: calc(100vh - 130px);  background: #000 url(/images/main1bg.jpg) no-repeat 30% 50%;}
#main1 .main1slide .slide02 {  height: calc(100vh - 130px); background: #000 url(/images/main1bg2.jpg) no-repeat 62% 50%;}
#main1 .main1slide .slide03 { height: calc(100vh - 130px); background: #000 url(/images/main1bg3.jpg) no-repeat 70% 50%;}
#main1 .main1slide .slide .t1 {font-size: 18px;}
#main1 .main1slide .slide .t2 {font-size: 26px; line-height:1.4; padding-bottom:50%;}

#main1 .main1btn .btn {font-size:0.1px;}
#main1 .main1slide .slide01 { background-size: cover;}
#main1 .main1btn .btn { height: 20px; line-height: 1.4; font-size:0.1px;}
#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:60%; left:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t2 {font-size:20px; } 
#main1 .main1slide .slide .t1  {font-size:15px;} 

#main2 {height:700px;}
#main2 .tit {width:90%; top:15%; left:50%; transform:translate(-50%,-50%); font-size:27px; }
/* #main2 .section1 {position:absolute; bottom:0; left:-13% ; width: 60%; height:100%; background-size:contain; box-sizing:border-box; padding-top:10%;}
#main2 .section2 {position:absolute; bottom:5%; right:0 ; width: 50%; margin:0 auto; } */
#main2 .section1 {background: url(/images/dr.png) no-repeat 60% 100%;background-size: 100%;}
#main2 .section .section3 .historybox {width: 55%;}
#main2 .section2 .historybox ul.box { position: relative;width: 100%;  height: 100%; float: none;}
#main2 .section2 .historybox ul.box li {margin-bottom: 2.2%;}
#main2 .section .section3 { padding-top: 8%;}
#main2 .section1 p.more { left:80%;}
#main2 .section2 p.t2 {padding-bottom: 5%;}
#main2 .section2 .historybox ul.box:last-child {width: 100%;}

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

#main4 {height:800px;}
#main4 .content ul li { width: 46%; margin-right: 2%;}
#main4 .tit2 { width: 75%; margin: 0 auto;}

#main5 .tit {  padding-left: 4%;}

/* #main6 .main6 .content {padding-top: 6%;} */

#main6 .main6 {width:100%; margin:0 auto; }
#main6 .main6 .tit {font-size:20px; padding: 10% 0 8% 0;}
#main6 .main6 .tit span{font-size:26px;}
#main6 .main6 img.main6img1 {display:none;}
#main6 .main6 img.main6img2 {display:block; max-width:100%; }



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

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

#main8 {height:800px;}
#main8 .section1 {width: 100%; padding-left: 6%; height: 50%;}
#main8 .section2 {width: 100%; height: 50%; background: url(/images/main8bg.jpg) no-repeat 50% 50%; background-size:cover;}
#main8 .section1 .t2 {font-size: 21px; line-height:1.3;}
#main8 .section1 .t3 {font-size: 14px;}


#main9 .section1 { width: 100%;  }
#main9 .section1 .slide .t1 {padding-top: 3%;}
#main9 .section1 .main9btn2 { left: 60px;}

#main9 .section2 { width: 100%;}
#main9 .section2 ul {overflow:hidden;}
#main9 .section2 ul li { width:50%; float:left; height:50%; line-height: 50px;     padding-left: 5%;}
#main9 .section2 ul li:last-child  {border-bottom:1px solid #c3c3c3;}


#main10 .main10 .section1 {width:47%;}
#main10 .main10 .section1 .t1 {font-size: 27px;}
#main10 .main10 .section2 {width: 53%;}


#main11 {padding: 10% 0;}


#main12 .tit .t1 {font-size: 27px;}
#main12 .con .section {width: 100%;}
#main12 .con .section1 {padding-bottom:3%;}
#main12 .con .section2 {border-left:none; border-top:1px solid #ccc; padding-top:3%;}

footer {padding: 4% 5%; background-size:140px;         margin-bottom: 69px;}
}