@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 .main1slide .slide .t2 {font-size:24px; } 
#main1 .main1slide .slide .t1  {font-size:15px;} 

#main1 .main1slide .slide01 {position:relative; width:100%;  text-align:center;background-size:cover;}
#main1 .main1slide .slide02 {position:relative; width:100%;  background-size:cover;}
#main1 .main1slide .slide03 {position:relative; width:100%;background-size:cover;}
#main1 .main1slide .slide04 {background: #000 url(/images/main1bg4.jpg) no-repeat 90% 50%; background-size: cover}

#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 .slide2 {padding:15% 0;}
#main2 .slide2 p {font-size:14px; margin-bottom:5%;}
#main2 .slide2 p span {font-size:20px;display:block; margin-bottom: 2%;}

#main3_1 .section1 { width:0%;}

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

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

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


	#main6 {margin-top:8%;}
	#main6 .tit .t1 { font-size: 14px;font-weight: 300;}
	#main6 .tit .t2 { font-size: 20px;font-weight: 500; margin-top:2%; margin-bottom:8%;}

	#main6 .tab_button {display: block; height:56px;}
	#main6 .tab_button ul {overflow:hidden;}
	#main6 .tab_button li {width:50%; border:none; float:left;  font-size: 14px;     line-height: 28px;}

	#main6 .tab_button.sticky {top:85px; }
	#main6 .tab_button.bottom-fixed {  position: absolute;bottom: 0; top: auto;}
	
    #main6 .container .tab_cont .tab1_1 {width: 90%;}
    #main6 .container .tab_cont .tab1_1 .left h3 {font-size: 20px;}
	#main6 .container .tab_cont .tab1_1 .left h1 { font-size: 20px;}
	#main6 .container .tab_cont .tab1_1 .left p { width: 100%;font-size: 14px;}

	#main6 .container .tab_cont .tab1_2 ul {display:block; overflow:hidden;         padding: 15% 0;}
	#main6 .container .tab_cont .tab1_2 ul li {width:49%; margin-right:2%; margin-bottom:2%; height:150px; padding: 12% 0 0 0; float:left; box-sizing:border-box;}
	#main6 .container .tab_cont .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon2.png) 50% 25% no-repeat; background-size:30px;}
	#main6 .container .tab_cont .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon3.png) 50% 25% no-repeat; background-size:30px;}
	#main6 .container .tab_cont .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon1.png) 50% 25% no-repeat; background-size:30px;}
	#main6 .container .tab_cont .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon3.png) 50% 25% no-repeat; background-size:30px;} 
	#main6 .container .tab_cont .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon2.png) 50% 25% no-repeat; background-size:30px;}
	#main6 .container .tab_cont .tab1_2 ul li:nth-child(2n) {margin-right:0;}
	#main6 .container .tab_cont .tab1_2 ul li:nth-child(5) { margin-bottom:0;}
	

	#main6 .container .tab_cont .tab1_3 {width: 90%; padding-bottom: 20%;}
	#main6 .container .tab_cont .tab1_3 .t1 {font-size: 20px; font-weight:bold; margin:10% 0 5% 0;}
	#main6 .container .tab_cont .tab1_3 ul li {width: 100%; margin-bottom:2%;}
	#main6 .container .tab_cont .tab1_3 ul li:nth-child(2n) {margin-left: 0%;}
	#main6 .container .tab_cont .tab1_3 ul li p span {font-size: 17px;}
	#main6 .container .tab_cont .tab1_3 ul li p {font-size: 14px;}

	#main6 .container .tab_cont .tab2_1 {border-radius: 15px;}
	#main6 .container .tab_cont .tab2_1 p.t1 {font-size: 15px; }
	#main6 .container .tab_cont .tab2_1 p.t1 span {font-size: 22px;}
	#main6 .container .tab_cont .tab2_1 p.t2 {font-size: 14px;}

	#main6 .container .tab_cont .tab2_1 .circle {display: block; width:100%;}
	#main6 .container .tab_cont .tab2_1 .circle div {width:100%; margin:0 auto; margin-bottom:2%; height: auto;; line-height: 1.3; font-size: 15px;border-radius:0; border:1px solid #fff; padding:2%;}

	#main6 .container .tab_cont .tab2_2 p.t1 { font-size: 22px; font-weight:600; padding:3% 0;}
	#main6 .container .tab_cont .tab2_2 ul.con1 {display:block;}
	#main6 .container .tab_cont .tab2_2 ul.con1 li:nth-child(2) {margin:3% 0;}
	#main6 .container .tab_cont .tab2_2 ul.con1 li span {font-size: 20px; margin-bottom: 9px;}
	#main6 .container .tab_cont .tab2_2 ul.con1 li {font-size: 14px;}
	#main6 .container .tab_cont .tab2_2 ul.con2 li { padding:4%; padding-left:15%; font-size: 15px;background: url(/images/main6tab2icon1.png) 5% 50% no-repeat; background-size:18px; }

    #main6 .container .tab_cont .tab2_3 {width: 90%; padding-bottom: 20%;}
	#main6 .container .tab_cont .tab2_3 p.t1 {font-size: 22px;  font-weight:500; margin-bottom:2%;}
	#main6 .container .tab_cont .tab2_3 ul li h1 {font-size: 17px;}
	#main6 .container .tab_cont .tab2_3 ul li p {font-size: 14px;}
	#main6 .container .tab_cont .tab2_3 ul li { width: 100%;margin-right: 0%;margin-bottom: 5%;}

	#main6 .container .tab_cont .tab3_1 {width: 90%;}
	#main6 .container .tab_cont .tab3_1 .left h3 {font-size: 20px; }
	#main6 .container .tab_cont .tab3_1 .left h3 span {font-size:22px; line-height:auto; }
	#main6 .container .tab_cont .tab3_1 .left h1  {font-size: 22px;}
	#main6 .container .tab_cont .tab3_1 .left p {font-size: 14px;}
	#main6 .container .tab_cont .tab3_1 .right {width: 100%;}

	#main6 .container .tab_cont .tab3_2 ul { display: block;}
	#main6 .container .tab_cont .tab3_2 ul li {margin-bottom:3%;}
	#main6 .container .tab_cont .tab3_2 ul li p {font-size: 15px;}

	#main6 .container .tab_cont #tab3_3 {padding-top:90%; background: url(/images/main6tab3bg1.jpg) 30% 50% no-repeat; background-size:cover;}
	#main6 .container .tab_cont .tab3_3 {padding-bottom: 25%;}
	#main6 .container .tab_cont .tab3_3 .img {width:100%;}
	#main6 .container .tab_cont .tab3_3 .img img {width:100%;}
	#main6 .container .tab_cont .tab3_3 .img p {font-size: 14px;}

  
	#main6 .container .tab_cont .tab4_1  ul {display:block; overflow:hidden;  width: 90%;       padding: 15% 0; padding-bottom: 25%;}
	#main6 .container .tab_cont .tab4_1  ul li {width:49%; margin-right:2%; margin-bottom:2%; height:150px; padding: 15% 0 0 0; float:left; box-sizing:border-box;}
	#main6 .container .tab_cont .tab4_1  ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon1.png) 50% 38% no-repeat; background-size:50px;}
	#main6 .container .tab_cont .tab4_1  ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon2.png) 50% 38% no-repeat; background-size:50px;}
	#main6 .container .tab_cont .tab4_1  ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon3.png) 50% 38% no-repeat; background-size:50px;}
	#main6 .container .tab_cont .tab4_1  ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon4.png) 50% 38% no-repeat; background-size:50px;} 
	#main6 .container .tab_cont .tab4_1  ul li:nth-child(2n) {margin-right:0;}


#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 {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:40px; color:#ffffff; line-height:130%; font-weight:700; }
#main8 .tit .t2 { margin-top:20px; font-size:16px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
#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:17px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%;  }

#main9 .t1 {font-size:24px; margin-bottom:1%;}
#main9 .t2 {font-size:15px; margin-bottom:5%;}
#main9 .main9con .img2 {display:block; margin: 0 auto;}
#main9 .main9con .img1 {display:none;}

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

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

#mainnotice { padding-top: 50px;}
.mainnoticetab a {width: 32%; margin-right: 2%; margin-bottom: 2%;  height: 40px; line-height: 40px;}

.mainnoticetab a:nth-child(3n) {margin-right: 0%;}
.noticevisual ul { padding:15% 0;}
#mainnotice ul.boxwrap { width: 49%; margin-right: 2%; margin-bottom: 2%;}
#mainnotice ul.boxwrap:nth-child(4n) {margin-right:0%;}
#mainnotice ul.boxwrap:nth-child(3n) {margin-right: 2%;}
#mainnotice ul.boxwrap:nth-child(2n) {margin-right: 0%;}

#mainnotice .mainnotice { margin: 40px auto 0px auto;}


}