@media (max-width:820px) {


header div.logo a {height:40px; background-size:contain;}




#main1 .main1btn .btn { height: 20px; line-height: 1.4; color:rgba(0,0,0,0); text-shadow: none;}
#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:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t2 {font-size:28px; } 
#main1 .main1slide .slide .t1  {font-size:17px;} 

	#main1 .main1slide .slide01 {background: #000;}
	#main1 .main1slide .slide02 { background: #000 url(/images/main1bg2.jpg) no-repeat 65% 50%;}
	#main1 .main1slide .slide03 {background:#000 url(/images/main1bg3.jpg) no-repeat 60% 50%}


#main1  .main1prev {position:absolute;  top:50%; left:2%; transform:translate(0,-50%);  z-index:19;}
#main1  .main1next {position:absolute;  top:50%; right:2%; transform:translate(0,-50%);  z-index:19;}
#main1  .main1prev {width:50px; height:50px;  background: url(/images/prev2.png) no-repeat 50% 50%; background-size: cover; margin-right:1%;}
#main1  .main1next {width:50px; height:50px;  background: url(/images/next2.png) no-repeat 50% 50%; background-size: cover;}



#main2 { padding:5% 5%; }
#main2 .tit2 {font-size: 22px;}
#main2 .section2 p.rp1 {font-size:17px; font-weight:bold; margin-bottom:3%;}
#main2 .section2 p.rp2 {font-size:15px; font-weight:700; margin-bottom:5%; letter-spacing:-1px;}
#main2 .section2 p.rp3 {font-size:14px; font-weight:400; line-height:1.3; letter-spacing:-1px;}
#main2_2 {padding: 6% 5%;}
#main2 .section2 ul li { font-size: 16px;}
#main2 .arrow div.main2prev {width:40px; height:40px;  background: url(/images/prev.jpg) no-repeat 50% 50%; margin-right:1%; background-size: cover;}
#main2 .arrow div.main2next {width:40px; height:40px;  background: url(/images/next.jpg) no-repeat 50% 50%; background-size: cover;}

#main3_1 .section1 { width:0%;}

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

#main4 {height:800px; background-size:cover;  padding-top: 37%;         background: url(/images/main4bg.jpg) no-repeat 35% 50%;}
#main4 .content ul li { width: 46%; margin-right: 2%;}
#main4 .tit2 { width: 90%; margin: 0 auto;}

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


#main6 { padding: 10% 0;}
#main6 .tit .t1 {font-size: 16px;}
#main6 .tit .t2 {font-size: 27px;}
#main6 .content .con {width: 100%; margin:0; margin-bottom:1%; height:auto;}
#main6 .content .con .t1 {font-size: 15px;}
#main6 .content .con .t2 {font-size: 16px;}
#main6 .content .con .t3 {font-size: 15px;}


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

#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;}
#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%;}
#main10 .main10 .main10btn2 {display:none;}

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

#main13 .tit .t1 {font-size: 16px;}
#main13 .tit .t2 {font-size: 27px;}
#main13 ul.contents li {width: 32.66666666666667%;height: 320px; font-size: 14px;}

#quick li.quick4 span {display:none;}
footer { background: none; }

#main12 .con .section2 .t4 { width:100%; height:26px; line-height:26px; margin-top:10px; font-size:13px; font-weight:700; color:#111111; }
#main12 .con .section2 .t4 span { display:inline-block; width:80px; height:26px; margin-right:6px; line-height:26px; text-align:center; font-size:13px; font-weight:700; color:#ffffff; border-radius:40px; background:#0c395e; }
#main12 .con .section2 .t4 font { color:#008cff; }

}