@charset "utf-8";

@media(max-width: 1750px){
	.sec2 .notice-wrap {padding-top: 80px;}
	.notice-prev {top: 0; right: 220px; left: initial;}
	.notice-next {top: 0; right: 153px;}
	a.more-btn {top: 13px;}
	.sec2 .notice .none {min-height: 200px;}

	.sec3 .news-wrap {padding-top: 80px;}
	.sec3 .notice-prev {top: 0; right: 220px; left: initial;}
	.sec3 .notice-next {top: 0; right: 153px;}
	.sec3 .news .none {min-height: 200px;}
	.sec3 a.more-btn {top: 13px;}
	
}

@media(max-width: 1400px){}

@media(max-width: 1200px){}

@media(max-width: 1024px){
	.sec2 .notice .swiper-slide a {padding: 40px 20px; min-height: auto;}
	.sec2 .notice .swiper-slide a h5 {font-size: 20px;}
	.sec2 .notice .swiper-slide a p {font-size: 18px; height: 56px;}
	.sec2 .notice .swiper-slide a dl {margin-bottom: 30px;}
	.sec2 .notice .swiper-slide a dl dt {font-size: 30px;}
	
	.sec3 .news .swiper-slide a .txt {padding: 0 20px;}
	.sec3 .news .swiper-slide a h5 {font-size: 20px; height: 55px;}
	.sec3 .news .swiper-slide a p {font-size: 18px; height: 115px;}
	
	.sec4 .intro ul li a dl dd {font-size: 30px;}
}

@media(max-width:768px){
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h2 {font-size: 40px;}
	
	.section-header h3 {font-size: 40px;}
	.section-header p {font-size: 18px;}
	
	.tab {padding-top: 70px; margin-top: 0;}
	.tab ul li a {font-size: 18px; width: 120px;}
	
	.notice-prev {width: 50px; height: 50px; right: 210px;}
	.notice-next {width: 50px; height: 50px;}
	a.more-btn {top: 10px;}
	
	.sec3 .notice-prev {right: 210px; left: initial; }
	.sec3 a.more-btn {top: 10px;}
	
	.sec4 .intro ul {flex-wrap: wrap;}
	.sec4 .intro ul li {width: 50%; min-height: 250px;}
	.sec4 .intro ul li:nth-of-type(1) {border-left: 0;}
	.sec4 .intro ul li:nth-of-type(2), .sec4 .intro ul li:nth-of-type(4) {border-right: 0;}
	.sec4 .intro ul li:nth-of-type(2) ~ li {border-top: 1px solid rgba(255,255,255, .3);}
	.sec4 .intro ul li a dl dd {font-size: 24px; margin-top: 20px;}
	
	.sec5 {flex-wrap: wrap;}
	.sec5 .section-header h3 {font-size: 35px;}
	.sec5 > div {width: 100%; padding-bottom: 250px;}
	.sec5 .section-header > a {font-size: 18px; line-height: 46px;}
}

@media(max-width: 480px){
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 32px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 18px; top: 400px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 440px;}
	.controls {bottom: 100px;}
	
	.section-header h3 {font-size: 30px;}
	.section-header p {font-size: 16px;}
	
	.tab ul li a {width: 100px; line-height: 46px; font-size: 16px;}
	
	.sec2 .notice .swiper-slide a h5 {font-size: 18px;}
	.sec2 .notice .swiper-slide a p {font-size: 16px; height: 50px;}
	
	.sec2 .notice-wrap {margin-top: 20px; padding-top: 70px;}
	.sec2 .notice .none {min-height: 100px;}
	.sec2 .notice .none p {font-size: 16px;}
	
	.sec3 .news-wrap {margin-top: 20px; padding-top: 70px;}
	.sec3 .news .swiper-slide a h5 {font-size: 18px; height: 50px;}
	.sec3 .news .swiper-slide a p {font-size: 16px; height: 100px;}
	.sec3 .news .swiper-slide a span {font-size: 16px;}
	.sec3 .news .none p {font-size: 16px;}
	
	.sec5 .section-header h3 {font-size: 24px;}
	.sec5 .section-header p > br {display: none;}
	.sec5 .section-header > a {font-size: 16px; max-width: 120px;}
	.sec5 > div {padding: 50px 0 200px;}
}