@media (max-width:640px) {

	/*Æ˾÷*/
	.LayerPopup { position:absolute; width:90% !important; left:50% !important; top:5% !important; transform:translateX(-50%); background:#ffffff;  z-index:250; }
	.LayerPopup div.popimg { position:relative; }
	.LayerPopup div.popimg img { display:block; width:100%; vertical-align:top; }
	.LayerPopup ul.btm { position:relative; width:100%; height:40px; line-height:40px; background-color:#353535; box-sizing:border-box; }
	.LayerPopup ul.btm li:nth-child(1) { float:left; width:50%; height:40px; padding-top:10px; text-align: center; border-right: 1px solid #616161; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
	.LayerPopup ul.btm li:nth-child(2) { float:left; width:50%; height:40px; padding-top:10px; text-align: center; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
	.LayerPopup ul.btm li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
	.LayerPopup ul.btm li:nth-child(1):hover { color: #fae937; }
	.LayerPopup ul.btm li:nth-child(2) a:hover { color: #fae937; }
	.LayerPopup ul.btm li input[type="checkbox"] { display:none; }
	.LayerPopup ul.btm li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
	.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }



	
	#main1 {  height: calc(100vh - 80px); text-align:Center; }
	#main1 .main1slide .slide01 {  height: calc(100vh - 80px);}
	#main1 .main1slide .slide02 {  height: calc(100vh - 80px);}
	#main1 .main1slide .slide03 { height: calc(100vh - 80px);}
	#main1 .main1slide .slide .t1 {font-size: 14px;}
	#main1 .main1slide .slide .t2 {font-size: 21px; line-height:1.3;}
	#main1 .main1btn .btn {font-size:0.1px;}
	#main1 .main1btn {position: absolute; width: 100%; bottom: 2%; left: 50%; transform: translate(-50%, -50%); width: fit-content;}
	#main1 .main1btn .btn {width:10px; height:10px; border-radius:10px;  background: rgba(256,256,256,0.5); font-size:0.1px; }
	#main1 .main1btn .btn:nth-child(2) {margin:0 10px;}
	#main1 .main1btn .btn.on { background: rgba(256,256,256,1); opacity: 1;}
	#main1 .slide .tit { left:50%; }


	#main1  .main1slide .slide .video video.pc {display:none;}
	#main1  .main1slide .slide .video video.m {display:block;}
	
	#main2 { padding:15% 0; }
	#main2 .mian2slide { position:relative; width:90%; margin:0 auto; }
	#main2 .section1 {width:100%; padding-left:0px; }
	#main2 .section2 {width:100%; }
	#main2 .tit {font-size: 14px; margin-top:5%;}
	#main2 .tit2 {font-size: 21px; margin-top:5%;}
	#main2 .section2 {padding-top: 8%; padding-left: 1%;}
	#main2 .section2 p.dr { font-size: 25px;}
	#main2 .section2 ul li {font-size: 15px;padding-left: 3%;}
	#main2 .arrow { position: absolute; bottom: 3%; right:5%;}

	#main2 p.name {display:none;}
	#main2_2 ul {display:block;}
	#main2_2 ul li {width:49%; float:left; margin-bottom:2%;}
	#main2_2 ul li:nth-child(2n) {margin-left:2%;}




	#main3_1 { height: auto;}
	#main3_1 .section1 {display:none;}
	#main3_1 .section3 {display:none;}
	#main3_1 .section2 {background: url(/images/main3img1_1.jpg) no-repeat bottom; background-size:cover; width:100%; 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 bottom; 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:15%;}
	#main4 .tit2 {text-align: right; font-size:21px;  color:#fff; line-height: 1.3;}
	#main4 .tit1 {width:90%; margin:0 auto; font-size:14px;}
	#main4 .tit2 {width:90%; font-size:18px;text-align:center; text-shadow:0 0 3px #454545; padding-top:1%;  padding-right:0%;}
	#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;}

	#main6 .content .con { padding:6%; padding-top:20%;}
	#main6 .content .con .icon { top: 10px;right: 10px; width: 50px; height: 50px;}
	#main6 .tit .t2 {margin-bottom:5%;        font-size: 25px;}
	#main6 .content .con .t1 {font-size: 14px;}
	#main6 .content .con .t2 {font-size: 15px;}
	#main6 .content .con .t3 {font-size: 14px;}
	#main6 .tit .t2 span {display:block;}

	#main6 .content .con1 {background: url(/images/main6img1.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 
	#main6 .content .con2 {background: url(/images/main6img2.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 
	#main6 .content .con3 {background: url(/images/main6img3.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
	#main6 .content .con4 {background: url(/images/main6img4.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 



	#main7_1 { background: url(/images/main7bg.jpg) no-repeat 50% 110%;}
	#main7_1 .main7 .tit1 {font-size: 14px; line-height:1.3; 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); font-size: 100px;}
	#main7_2 .section2 .contentbox .box .tit {width: 100%; margin-bottom:2%; font-size:20px; font-weight:700; line-height:1.3;}
	#main7_2 .section2 .contentbox .box .con {width: 100%;}
	#main7_2 .section1 .t2 {font-size: 14px;}
	#main7_2 .section2 .contentbox .box .con {font-size: 14px;}
	#main7_2 .section1 .t1 {font-size: 23px;}

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

	

	#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: 15px;font-weight:400;  padding:8% 3% 15% 0;}
	#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 .txt {display:none;}
	#main10 .main10 .section3 .btn .img { height: 5px; background:#999; box-shadow:none; border:none; border-radius:0;}
	#main10 .main10 .section3 .btn .img.on { height: 5px; background:#113356;  box-shadow:none; }
	#main10 .main10 .section3 {gap: 0;}

	#main11 { padding: 15% 0;}
	#main11 .main11btn {width: 100%;}
	#main11 .main11slide ul li { height: 308px;}
	#main11 .t2 {font-size: 23px; width: 90%; margin: 0 auto;}
	#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 .t2 span {min-width: 70px;}
#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;}

#main13 .tit {padding: 3% 0;}
#main13 .tit .t1 {font-size: 14px;}
#main13 .tit .t2 {font-size: 25px;}
#main13 .tit .t2 span {display:block;}
#main13 ul.contents li {width:100%; height:220px; font-size: 16px;  padding: 10%; font-weight:500; text-shadow: 1px 1px 4px #fff;} 
#main13 ul.contents li:nth-child(2) {margin:2% 0;}

#main13 ul.contents li:nth-child(1) {background: #f1f3e9 url(/images/main8img11.png?v=1.1) no-repeat 50% bottom; background-size:cover;}
#main13 ul.contents li:nth-child(2) {background: #f1f3e9 url(/images/main8img22.png?v=1.1) no-repeat 50% bottom; background-size:cover;}
#main13 ul.contents li:nth-child(3) {background: #f1f3e9 url(/images/main8img33.png?v=1.1) no-repeat 50% bottom; background-size:cover;}


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


#top {position:fixed; bottom:18%; right:2%; display:block; width:50px; height:50px; margin:0 auto; border-radius:80px; background: #475056 url(/images/top.png) no-repeat 50% 100%; text-align:center; margin-top:20px; background-size:50%; z-index:99;}
#top a {width:100%; height:100%;}


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


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


}