@media (max-width:640px) {

/*  #main1  {display:none;} */
#main1_m {display:block;}
#main1_m {  height: calc(100vh-69px);  background: url(/images/main1bg1.jpg) no-repeat 50% 50%; background-size:cover;}
#main1_m .slide .tit { position:absolute; width:90%;  top:50%; left:50%; transform:translate(-50%,-50%);  }
#main1_m .slide .t2 {font-size:22px;  text-shadow:0px 0px 10px #555;} 
#main1_m .slide .t1  {font-size:15px; text-shadow:0px 0px 10px #555;} 

#main1 {  height: calc(100vh - 80px);}
#main1 .main1slide .slide01 {  height: calc(100vh - 80px);}
#main1 .main1slide .slide02 {  height: calc(100vh - 80px);}
#main1 .main1slide .slide03 { height: calc(100vh - 80px);}
#main1 .main1slide .slide04 { height: calc(100vh - 80px);}

#main1 .main1slide .slide .t1 {font-size: 14px;}
#main1 .main1slide .slide .t2 {font-size: 21px; line-height:1.3; padding-bottom:50%;}
#main1 .main1btn .btn {font-size:0.1px;}

#main1 .slide.slide01 .tit {top: 40%;}


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

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

#main2_3{height:auto;}
#main2_3 .section1 { display:none;}	
#main2_3 .section2 { background: url(/images/main2img2_1.jpg) no-repeat bottom; 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%;}
#main2_3 .section2 .p1 {padding-left: 0%; padding-top:12%;     font-size: 21px; font-weight:500;}
#main2_3 .section2 .p2 {padding-left: 0}
#main2_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:21px; line-height:1.4; 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: 14px;}
#main5 .slide ul li.t1 { font-size: 17px;}

#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%;}
#main6 .tit .t2 span {font-weight:bold; color:#1a2d56; display:block;}

#main6 .content .con .t1 {font-size: 14px;}
#main6 .content .con .t2 {font-size: 15px;}
#main6 .content .con .t3 {font-size: 14px;}


#main7 .tit {text-align:left; box-sizing: border-box; padding-left:5%;}
#main7 .txt2 {font-size:20px;}
#main7 {padding: 15% 0;}
#main7 .txt2 {font-size: 16px; margin-bottom:6%;}
#main7 .swiper-slide .txt {font-size: 14px;}


#main8 .tit { width: 100%; padding-top: 10%; padding-bottom:8%; padding-right:0%;}
#main8 .main8swiper {width: 100%;}
#main8 .main8swiper .swiper-slide .txt .t1 {font-size: 17px;}
#main8 .main8swiper .swiper-slide .txt .t2 {font-size: 14px;}


#main9_1 { background: url(/images/main9bg.jpg) no-repeat 50% 110%;}
#main9_1 .main9 .tit1 {font-size: 18px; padding-bottom: 6%;}
#main9_1 .main9 .tit1 span {font-size: 26px;}
#main9_1 .main9 .tit2 { font-size: 14px;}
#main9_1 .main9 .img { height: 230px;}

#main9_2 .section1 .bgtxt {font-size:58px;}
#main9_2 .section2 .contentbox .box .tit {width: 100%; margin-bottom:2%; font-size:20px;}
#main9_2 .section2 .contentbox .box .con {width: 100%;}
#main9_2 .section1 .t2 {font-size: 14px;}
#main9_2 .section2 .contentbox .box .con {font-size: 14px;}
#main9_2 .section1 .t1 {font-size: 20px;}

#main10 {padding: 7% 0 10% 0;}
#main10 .main10 .bgtxt { font-size: 58px; text-align:right;}
#main10 .main10 .contentbox .slide {padding-bottom: 10%;}
#main10 .main10 .contentbox ul.slide li.img {width: 100%;}
#main10 .main10 .contentbox ul.slide li.text { width:75%;}
#main10 .main10 .contentbox ul.slide li.text .t1 {height: 40px; font-size: 15px; line-height: 40px;border-radius: 40px;}
#main10 .main10 .contentbox ul.slide li.text .t2 {font-size: 15px; }
#main10 .main10 .contentbox .txt .t1 {font-size: 26px;}
#main10 .main10 .contentbox .txt .t2 {font-size: 15px;}
#main10 .main10swiper .swiper10btn {display:none;}
#main10 .swiper-pagination {bottom:0; text-align:center;}
#main10 .main10 .contentbox .txt .t1 {font-size: 20px;}


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


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

footer { background: none; }


#maindr { position:relative; width:100%; height:570px; background:url('/images/common/maindr.jpg')repeat-x 0 -200px; }
#maindr .maindr { position:relative; width:100%; max-width:1920px; height:570px; background:url('/images/common/maindrlogo.jpg')no-repeat right 50px; background-size:150px;  margin-left: 2%;}
#maindr .maindr ul.maindrtxt { position:absolute; top:60px; left:5%; }
#maindr .maindr ul.maindrtxt li.t1 { font-size:24px; font-weight:700; color:#3c3c3c; line-height:130%; }
#maindr .maindr ul.maindrtxt li.t2 { margin-top:10px; font-size:12px; font-weight:500; color:#6d6d6d; line-height:150%; }

.maindrview { position:absolute; bottom:28px; left:0px; width:96%; height:330px; margin:0 2%; box-sizing:border-box; overflow:hidden; }
.maindrview div.maindrslide { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.maindrview div.maindrslide ul li.maindr1 { display:none; position:absolute; bottom:30px; width:50px; height:320px; }
.maindrview div.maindrslide ul li.maindr2 { display:block; position:absolute; bottom:0px; width:100px; height:280px; z-index:1; }
.maindrview div.maindrslide ul li.maindrtxt { display:block; position:absolute; top:0px; right:0px; width:220px; height:220px; padding:20px 14px 20px 14px; background:#ffffff; border-radius:15px; box-sizing:border-box; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }

.maindrview div.maindrslide ul li.maindrtxt span.name { display:inline-block; font-size:16px; font-weight:700; color:#262626; padding-bottom:10px; border-bottom:1px solid #c8c8c8; }
.maindrview div.maindrslide ul li.maindrtxt span.t2 { display:block; width:100%; margin-top:12px; font-size:18px; color:#333333; font-weight:700; line-height:130%; }
.maindrview div.maindrslide ul li.maindrtxt span.t3 { display:block; width:100%; margin-top:10px; font-size:16px; color:#1a4ab9; font-weight:500; line-height:100%; }
.maindrview div.maindrslide ul li.maindrtxt span.t4 { display:block; width:100%; margin-top:10px; font-size:14px; color:#555555; font-weight:400; line-height:140%; }
.maindrview div.maindrslide ul li.maindrtxt span.t5 { display:block; width:100%; margin-top:14px; }
.maindrview div.maindrslide ul li.maindrtxt span a { display:block; float:left; position:relative; width:90px; height:30px; padding-left:10px; line-height:30px; margin-right:4px; border-radius:50px; background:#797979; text-align:left; box-sizing:border-box; font-size:12px; font-weight:500; color:#ffffff; }
.maindrview div.maindrslide ul li.maindrtxt span a span { display:block; position:absolute; top:7px; right:12px; }
.maindrview div.maindrslide ul li.maindrtxt span a:nth-child(2) { background:#1a4ab9; }

.maindrview div.maindrslide.active2 { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.maindrview div.maindrslide.active2 ul li.maindr1 { display:none; }
.maindrview div.maindrslide.active2 ul li.maindr2 { display:block; }
.maindrview div.maindrslide.active2 ul li.maindrtxt { display:block; }

.drview_visual ul li.txt5 {
    width: 100%;
}
#maindr .scrollbar { position:absolute; bottom:40px; left:50%; transform:translateX(-50%); width:90%; max-width:1280px; height: 6px; background: #e3e4e6; line-height: 0; }
#maindr .scrollbar .handle { width: 70px; height: 100%; background: #007ac3; cursor: pointer; }
#maindr .scrollbar .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

}