@media (max-width:640px) {



	#main2 {height: auto; overflow:hidden; }
	#main2 .section1 { position: absolute; bottom:0; width: 100%; height: 60%; background-size: contain; box-sizing: border-box;padding-top: 10%;  left:0; background: url(/images/dr.png) no-repeat 100% 100%; background-size: contain;}
	#main2 .section2 { position: relative;width: 100%; height: 100%; background-size: contain; box-sizing: border-box;  padding: 10%; padding-left: 8%; }
	#main2 .section2 p.t1 { font-size: 15px;}
	#main2 .tit { position: relative; margin:0 auto; bottom: 0; top: 0; left: 0; font-weight:700; transform: none; font-size:17px; padding-top:15%;}
	#main2 .section .section3 .historybox { width: 92%; height: 55%;}
	#main2 .section2 .historybox ul.box li {margin-bottom: 2%; }

	#main3_1 { height: auto;}
	#main3_1 .section1 {display:none;}
	#main3_1 .section3 {display:none;}
	#main3_1 .section2 {width:100%; background: url(/images/main3img1_1.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; border-radius: 20px; width: 97%; margin: 0 auto;  margin-top:10%;}
	#main3_1 .section2 .box { position:relative; height:auto; top: 0; padding:3%; text-align:center;  padding-bottom:8%; border-top: none;}
	#main3_1 .section2 .number {position: absolute; top:0; left:0; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
	#main3_1 .section2 .p1 {padding-top: 12%; font-size: 21px; font-weight:400;}

	#main3_2 {height:auto;}
	#main3_2 .section1 { display:none;}
	#main3_2 .section2 {width: 100%; text-align:center; padding:3%; padding-bottom:8%; border-top: none; border-radius: 20px; width: 97%; margin: 0 auto; }
	#main3_2 .section2 .p1 {padding-left: 0%; padding-top:12%; font-size: 21px; font-weight:500;}
	#main3_2 .section2 .p2 {padding-left: 0}
	#main3_2 .section2 .number {position:absolute; top:0; left:0 ;}

	#main3_3{height:auto;}
	#main3_3 .section1 { display:none;}	
	#main3_3 .section2 { background: url(/images/main3img2_1.jpg) no-repeat 50% 50%;  background-size:cover;  color:#fff; text-align:center; padding:3%; padding-bottom:8%; position: relative; width: 100%;
	border-radius: 20px; width: 97%; margin: 0 auto; margin-bottom:10%;}
	#main3_3 .section2 .p1 {padding-left: 0%; padding-top:12%;     font-size: 21px; font-weight:500;}
	#main3_3 .section2 .p2 {padding-left: 0}
	#main3_3 .section2 .number {position:absolute; top:0; left:0 ;  border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

	#main4 { height: 700px; padding-top:25%;}
	#main4 .tit1 {width:90%; margin:0 auto; font-size:14px;}
	#main4 .tit2 {width:90%; font-size:26px; padding-top:1%;}
	#main4 .content .tit {width: 100%; padding: 3% 0; padding-left: 6%;}
	#main4 .content ul {width: 100%; float: none;padding-left: 6%;}
	#main4 .content ul li { width: 49%; margin-right: 2%;  font-size: 16px;}
	#main4 .content ul li:nth-child(2n) {margin-right: 0%;}

	#main5 .tit { width: 100%; float: none;}
	#main5 .slide {width: 100%; float: none; padding:0 3%;}
	#main5 .btn {padding: 4% 0;}
	#main5 .slide ul li.t2 { font-size: 16px;}
	#main5 .slide ul li.t1 {font-size: 19px;}

	#main6 .main6 {width:100%; margin:0 auto; }
	#main6 .main6 .tit {font-size:17px; font-weight:400;}
	#main6 .main6 .tit span{font-size:21px; margin-top:1.2%;}
	#main6 .main6img2 {width:100%;}

	#main7_1 { background: url(/images/main7bg.jpg) no-repeat 50% 110%;}
	#main7_1 .main7 .tit1 {font-size: 17px; padding-bottom: 6%;}
	#main7_1 .main7 .tit1 span {font-size: 24px;}
	#main7_1 .main7 .tit2 { font-size: 14px;}
	#main7_1 .main7 .img { height: 230px;}

	#main7_2 .section1 .bgtxt {top: 168%; transform: rotate(90deg);}
	#main7_2 .section2 .contentbox .box .tit {width: 100%; margin-bottom:2%; font-size:20px;}
	#main7_2 .section2 .contentbox .box .con {width: 100%;}
	#main7_2 .section1 .t2 {font-size: 14px;}
	#main7_2 .section2 .contentbox .box .con {font-size: 14px;}

	#main8 {height: 730px;}
	#main8 .section1 {padding: 5%; padding-top:14%;}
	#main8 .section1 .t1 {font-size: 17px;}

	#main9 {background: url(/images/main9bg.jpg) no-repeat right; background-size:cover;}
	#main9 .section1 .slide {padding: 100px 40px 0 40px;}
    #main9 .section1 .main9btn2 {display:none;}
	#main9 .section1 .slide .t1 { padding-top: 6%;  padding-left: 20%;}
	#main9 .section1 .slide .t2 {font-size: 14px;font-weight:400;  padding:8% 3% 15% 0;}
	#main9 .section2 ul li span { font-weight: 700; font-size: 16px;}
	#main9 .section2 ul li {font-size:15px;}

	#main10 .main10 {  padding: 5% 3%;}
	#main10 .main10 .section1 { width: 100%;}

	#main10 .main10 .section1 .main10btn2 { position: relative; width: 100%; padding: 3% 0;}
	#main10 .main10 .section2 { width: 100%; position: relative ;width: 100%; height: auto; padding: 4% 0;}
	#main10 .main10 .section3 { gap: 0;}
	#main10 .main10 .section3 .txt {display:none;}
	#main10 .main10 .section3 .btn .img { height: 5px; background:#ddd; box-shadow:none; border-radius:0;}
	#main10 .main10 .section3 .btn .img.on { height: 5px; background:#343434;  box-shadow:none; border:none;}


	#main11 { padding: 15% 0;}
	#main11 .main11btn {width: 100%;}
	#main11 .main11slide ul li { height: 308px;}
	#main11 .t2 {font-size: 24px;}
	#main11 .main11btn .btn {color: rgba(0, 0, 0, 0);}
	#main11 .main11btn {height: 50px;}
	#main11 .main11btn .btn{height: 50px;}

	#main11 .main11slide .main11prev {width:40px; height:40px;  background: url(/images/prev.png) no-repeat 50% 50%; margin-right:1%; background-size:cover;}
	#main11 .main11slide .main11next {width:40px; height:40px;  background: url(/images/next.png) no-repeat 50% 50%;  background-size:cover;}
	#main11 .main11slide .main11prev:hover {background: url(/images/prev_on.png) no-repeat 50% 50%; margin-right:1%;  background-size:cover;}
	#main11 .main11slide .main11next:hover { background: url(/images/next_on.png) no-repeat 50% 50%; background-size:cover;}


#main12 {padding: 10% 5%;}
#main12 .tit .t2 {font-size: 16px; margin-bottom: 8%;}
#main12 .con .section {padding-left: 0%;}
#main12 .con .section .t1 {font-size:17px;}
#main12 .con .section2 .t2 {font-size: 15px;}
#main12 .con .section2 .t3 {font-size: 14px;}
#main12 .con .section1 .t2 a {font-size: 30px;}
#main12 .con .section1 .t3 img {width:200px;}
#main12 .map {height:250px; overflow:hidden;}


	#quick ul{position:fixed; left:0; bottom:0%; width:100%; height:auto; z-index:20; }
	#quick ul {overflow:hidden; display:flex; background:linear-gradient(90deg, #ffb17d, #ff6ccc, #33a0ca ); padding:1% 0;}
	 
	#quick ul li { float:left; height:auto; margin:0 auto; width: calc(100% / 4;)}
	
	#quick li.quick4 span {display:none;}
	#quick .top {display:none;}



	#top {position:fixed; bottom:18%; right:2%; display:block; 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%; z-index:99;}
	#top img {width:100%;}
	#top a {display: block;
    width: 100%;
    height: 100%;}

footer { background: none; }



}