@media (max-width:640px) {


	
	#main1 {  height: calc(100vh - 120px);}
	#main1 .main1slide .slide01 {  height: calc(100vh - 120px); background: #000 url(/images/main1bg1.jpg) no-repeat  60% 50%; background-size: cover;}
	#main1 .main1slide .slide02 {  height: calc(100vh - 120px); background: #000 url(/images/main1bg2.jpg) no-repeat  65% 50%; background-size: cover;}
	#main1 .main1slide .slide03 { height: calc(100vh - 120px); background: #000 url(/images/main1bg3.jpg) no-repeat  40% 50%; background-size: cover;}
	#main1 .main1slide .slide04 { height: calc(100vh - 120px); background: #000 url(/images/main1bg4.jpg) no-repeat  100% 50%; background-size: cover;}

	#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:nth-child(3) {margin-right:10px;}
	#main1 .main1btn .btn.on { background: rgba(256,256,256,1); opacity: 1;}

	#main1  .main1slide .slide .video video.pc {display:none;}
	#main1  .main1slide .slide .video video.m {display:block;}
	
	#main2 { padding:6%; }
	#main2 .section1 {width:100%;}
	#main2 .section2 {width:100%; }
	#main2 .section3 {width:100%; }
	#main2 .tit {font-size: 14px; margin-top:5%;}
	#main2 .tit2 {font-size: 21px; margin-top:5%;}
	#main2 .section2 {padding-top: 17%; 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 .tit1 {width:90%; margin:0 auto; font-size:14px;}
	#main4 .tit2 {width:90%; font-size:21px; 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;}


	#main6 .container .tab_cont .tab3_1 .left h3 span {border-radius: 5px;}
	#main6 .container .tab_cont .tab1_2 ul li {padding: 20% 0 0 0;}
	#main6 .container .tab_cont .tab4_1 ul li { padding: 29% 0 0 0;}


	#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 {position:relative; width:100%; height: max-width:2000px; height:auto;  box-sizing: border-box; padding:12% 0; background:url(/images/main08.jpg)no-repeat 50% 0; } 
	#main8 .tit {text-align:center; margin-bottom:3%;}
	#main8 .tit .t1 { font-size:24px; color:#ffffff; line-height:130%; font-weight:700; }
	#main8 .tit .t2 { width:90%; margin:0 auto; margin-top:20px; font-size:14px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
	#main8 .tit .t2 br { display:none; }
	#main8 .main8box { position:relative; width:90%; max-width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content: space-between; }
	#main8 .main8box ul { width:32%; }
	#main8 .main8box ul li:nth-child(1) { width:100%; }
	#main8 .main8box ul li:nth-child(1) img { width:100%; }
	#main8 .main8box ul li:nth-child(2) { width:100%; height:56px; line-height:56px; font-size:22px; color:#ffffff; font-weight:700; background:#1f6392; text-align:center; }
	#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:14px; font-size:14px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%;  }
	
	#main9 {padding: 15% 0;}
    #main9 .t1 {font-size:23px; margin-bottom:1%;}
	#main9 .t2 {font-size:15px; margin-bottom:5%;}

	#main9 .main9con {width: 100%;}

	#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:#ddd; 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;}
	#main10 .main10 .section2 .slide .txt {left: 3%; font-size: 14px; bottom: 0%;}

	    
	#main11 { padding: 15% 0;}
	#main11 .main11slide { width: 92%; }
	#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;}



	#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: #4ca6db 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%; display:block;}


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

.mainnoticetab a {width: 32%; margin-right: 2%; margin-bottom: 2%;  height: 30px; line-height: 30px; font-size:15px;}
}