@media (max-width: 1800px) {
	.controls {
		width: 1620px;
	}
}
@media (max-width: 1700px) {
  .main .m-visual .container .section-header .btn-box {
    right: 100px;
  }
  .main .m-visual .container-fluid .visual .slide .notice {
    max-width: 1100px;
    margin-left: 80px;
  }
  /* .controls {
  	width: 1570px;
  }
  .controls .btn-prev {
  	width: 50px;
  	height: 50px;
  }
  .controls .btn-next {
  	width: 50px;
  	height: 50px;
  } */
}
@media (max-width: 1600px) {
  .main .m-visual .container-fluid .visual .slide .notice {
    margin-right: 50px;
    max-width: 1024px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dt,
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd,
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > a {
    font-size: 18px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd {
    justify-content: left;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > span {
    padding-left: 20px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > a {
    width: 700px;
  }
  .main .m-visual .container-fluid .visual .slide .slide-box > a {
    font-size: 18px;
  }
  /* .controls {
  	top: -112px;
  	left: 50%;
  	transform: translateX(-50%);
  	width: 630px;
  } */
}
@media (max-width: 1400px) {
  .main .m-visual .container-fluid .visual .slide .bg {
    height: 400px;
  }
  .main .m-visual .container-fluid .visual .slide .slide-box {
    justify-content: center;
  }
  .main .m-visual .container-fluid .visual .slide .notice {
    margin-right: 30px;
    margin-left: 20px;
    max-width: 700px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > a {
    width: 500px;
  }
  .main .m-visual .container .section-header > h4 {
    font-size: 60px;
  }
  .main .m-visual .container .section-header > p {
    font-size: 23px;
  }
  .main .m-visual .container .section-header .btn-box .visual-button-next,
  .main .m-visual .container .section-header .btn-box .visual-button-prev {
    width: 50px;
    height: 50px;
  }
  .main .keyword .container > ul > li > a {
	background-position: 70% 50%;
  }
  .main .welcome .container .section-header .btn-more {
	bottom: -70px;
	right: 0;
  }
  /* .main .location .container .content .info {
  	padding-left: 30px;
  }
  .main .location .container .content .info .section-header {
  	padding-bottom: 50px;
  }
  .main .location .container .content .info .section-header > h4 {
  	font-size: 45px;
  }
  .main .location .container .content .info .section-header > b {
  	font-size: 22px;
  	padding-top: 30px;
  }
  .main .location .container .content .info .way .bus {
  	padding-left: 20px;
  }
  .main .location .container .content .info .way .bus > li > dl > dt {
  	font-size: 18px;
  	width: 60px;
  }
  .main .location .container .content .info .way .bus > li > dl > dd {
  	font-size: 18px;
  }
  .main .location .container .content .info .way .parking > dl > dt {
  	font-size: 18px;
  }
  .main .location .container .content .info .way .parking > dl > dd {
  	font-size: 18px;
  } */
  .main .location .container .content .map {max-width: 570px;}
  .main .location .container .content .info .section-header {padding-left: 50px;}
  .main .location .container .content .info .way {padding: 33px 0 0 50px;}

  .partner-banner .container {padding: 0 80px;}
  .partner-banner .slick-prev {left: -60px;}
	.partner-banner .slick-next {right: -60px;}
}
@media (max-width: 1200px) {
  /* .main .m-visual {
    padding-top: 90px;
  }
  .main .m-visual .container .section-header > h4 {
    font-size: 50px;
  }
  .main .m-visual .container .section-header > p {
    font-size: 18px;
    margin-top: 25px;
  } */
  .main .keyword .container > ul > li > a {
	padding: 60px 30px;
  }
  .main .keyword .container > ul > li > a > dl > dt {
	font-size: 30px;
  }
  .main .keyword .container > ul > li > a > dl > dd {
	font-size: 18px;
  }
  .main .welcome .container .section-header > h4 {
	font-size: 50px;
  }
  .main .welcome .container .section-header > small {
	line-height: 30px;
  }
  .main .location .section-header > h4 {font-size: 50px; margin-bottom: 60px;}
  .main .location .container .content {flex-wrap: wrap;}
  .main .location .container .content > .map {max-width: none; width: 100%;}
  .main .location .container .content .map iframe {height: 350px;}
  .main .location .container .content .info {width: 100%; margin-top: 30px;}
  .main .location .container .content .info .section-header {padding-left: 0;}
  .main .location .container .content .info .way {padding: 33px 0 0 0;}
  
  /* .main .location .container .content .info .way .parking {
  	width: 50%;
  }
  .main .location .container .content .info .way .bus {
  	padding-left: 0;
  	width: 50%;
  }
  .main .location .container .content .info .way .bus > li > dl > dt {
  	font-size: 20px;
  	width: 100px;
  }
  .main .location .container .content .info .way .bus > li > dl > dd {
  	font-size: 20px;
  }
  .main .location .container .content .info .way .parking > dl > dt {
  	font-size: 20px;
  }
  .main .location .container .content .info .way .parking > dl > dd {
  	font-size: 20px;
  } */
  .main .report .container .section-header > h4 {
	font-size: 50px;
  }
  .main .ask .container > h4 {
	font-size: 50px;
  }
  .introduce .container .btn-banner > ul > li > a {
	padding-left: 40px;
  }
  .introduce .container .btn-banner > ul > li > a > b {
	font-size: 28px;
  }
  .introduce .section-header > h4 {
	font-size: 50px;
  }
}
@media (max-width: 1024px) {
	.main .m-visual .visual .slide .visual-items {margin: 0 -10px;}
	.main .m-visual .visual .slide .visual-items .item {padding: 0 10px;}
	.main .m-visual .visual .slide .visual-items .slick-arrow {width: 50px; height: 50px;}
	.main .m-visual .visual .slide .visual-items .slick-prev {left: 20px;}
	.main .m-visual .visual .slide .visual-items .slick-next {right: 20px;}

  .main .m-visual .container-fluid .visual .slide .bg {
    height: 300px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > a {
    width: 300px;
  }
  .main .m-visual .container-fluid .visual .slide .notice {
    margin-right: 30px;
    margin-left: 20px;
    max-width: 500px;
  }
  .main .m-visual .container .section-header > h4 {
    font-size: 40px;
  }
  .main .m-visual .container .section-header > p {
    font-size: 16px;
    margin-top: 25px;
  }
  .main .m-visual .container .section-header .btn-box {
    top: 40px;
    right: 80px;
  }
  .main .keyword .container > ul {
	flex-wrap: wrap;
  }
  .main .keyword .container > ul > li {
	width: 100%;
  }
  .main .keyword .container > ul > li ~ li {
	margin-top: 40px;
  }
  .main .keyword .container > ul > li > a {
	padding: 60px;
  }
  .main .keyword .container > ul > li > a > dl > dt {
	font-size: 32px;
  }
  .main .keyword .container > ul > li > a > dl > dd {
	font-size: 20px;
  }
  .main .welcome .container .section-header > h4 {
	font-size: 38px;
	line-height: 55px;
  }
  .main .welcome .bg-box {
	height: 440px;
  }
  /* .main .location .container .content .info .section-header > h4 {
  	font-size: 40px;
  }
  .main .location .container .content .info .section-header > b {
  	font-size: 20px;
  } */
	/* location */
	.main .location {padding: 140px 0;}
	.main .location .container .content .map iframe {height: 300px;}
	.main .location .container .content .info .section-header {padding-top: 12px; padding-bottom: 20px; padding-left: 0px;}
	.main .location .section-header > h4 {font-size: 40px; margin-bottom: 40px;}
	.main .location .container .content .info .section-header > b {font-size: 20px; line-height: 1.5em;}
	.main .location .container .content .info .way {padding: 20px 0 0 0;}
	.main .location .container .content .info .way dl {display: flex;}
	.main .location .container .content .info .way dl:not(:last-child) {margin-bottom: 8px;}
	.main .location .container .content .info .way dt {max-width: 190px; font-size: 18px;}
	.main .location .container .content .info .way dd {width: 1%; flex: 1 1 auto; font-size: 18px;}
	.main .location .container .content .info .way .gray-box {padding: 15px 20px 15px 20px; margin-top: 6px;}
	.main .location .container .content .info .way .gray-box li {font-size: 16px; padding-left: 12px;}
	.main .location .container .content .info .way .gray-box li:before {top: 13px;}
	.main .location .container .content .info .way a {font-size: 18px;}

  .main .report .container .section-header > h4 {
	font-size: 38px;
	line-height: 55px;
  }
  .main .ask .container > h4 {
	font-size: 40px;
  }
  .main .ask {
	height: 500px;
	padding: 120px 0;
  }
  .introduce .container .btn-banner > ul > li > a {
	padding: 35px 20px;
  }
  .introduce .container .btn-banner > ul > li > a > b {
	font-size: 20px;
  }
  .introduce .section-header > h4 {
	font-size: 40px;
  }
  .introduce .container {padding: 0 80px;}
	.introduce .controls button {margin-top: -25px; width: 50px; height: 50px;}
	.introduce .controls .btn-prev {left: -65px;}
	.introduce .controls .btn-next {right: -65px;}

	/* partner-banner */
	.partner-banner {padding: 60px 0;}
	.partner-banner .container {padding: 0 60px;}
	.partner-banner .items {margin: 0 -5px;}
	.partner-banner .item {padding: 0 5px;}
	.partner-banner .slick-arrow {margin-top: -20px; width: 40px; height: 40px;}
	.partner-banner .slick-prev {left: -45px;}
	.partner-banner .slick-next {right: -45px;}
}
@media (max-width: 768px) {
	.main .m-visual .visual .slide .visual-items {margin: 0 -10px;}
	.main .m-visual .visual .slide .visual-items .item {padding: 0 10px;}
	.main .m-visual .visual .slide .visual-items .slick-arrow {width: 50px; height: 50px;}
	.main .m-visual .visual .slide .visual-items .slick-prev {left: 20px;}
	.main .m-visual .visual .slide .visual-items .slick-next {right: 20px;}
  /* .main .m-visual {
    padding-top: 30px;
  } */
  /* .main .m-visual .container-fluid .visual {
  	opacity: 1;
  } */
  .main .m-visual .container .section-header .btn-box {
	top: 75px;
	right: 4px;
  }
  .main .m-visual .container .section-header > h4 {
    font-size: 30px;
  }
  .main .m-visual .container .section-header > p {
    margin-top: 15px;
    line-height: 20px;
  }
  .main .m-visual .container-fluid .visual .slide .bg {
    height: 250px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dt, 
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd, 
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > a {
    font-size: 14px;
    line-height: 50px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > a {
    padding-left: 0;
    width: 180px;
  }
  .main .m-visual .container-fluid .visual .slide .slide-box {
    height: 50px;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dt {
    display: none;
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-slide > dl > dd > span {
    display: none;
  }
  .main .m-visual .container-fluid .visual .slide .slide-box > a {
    font-size: 14px;
    line-height: 50px;
    padding-left: 20px;
  }
  .main .m-visual .container-fluid .visual .slide .notice {
	max-width: 180px;
  }
  .introduce {
	padding-top: 80px;
	padding-bottom: 100px;
  }
  .main .keyword {
	padding: 80px 0;
  }
  .main .welcome {
	padding-top:60px; 
  }
  .main .location {
	padding-top: 60px;
  }
  .main .report {
	padding: 80px 0; 
  }
  .main .report .container .report-list {
	padding-top: 60px;
  }
  .main .keyword .container > ul > li > a {
	padding: 50px 70px 0 20px;
	background-position: 75% 50%;
	height: 200px;
  }
  .main .keyword .container > ul > li > a > dl > dt {
	font-size: 25px;
  }
  .main .keyword .container > ul > li > a > dl > dd {
	font-size: 16px;
	margin-top: 15px;
	line-height: 25px;
  }
  .main .keyword .container > ul > li > a > dl > dd > br {
	display: none;
  }
  .main .welcome .container .section-header > h4 {
	font-size: 35px;
	line-height: 50px;
  }
  .main .welcome .container .section-header > small {
	margin-top: 25px;
	font-size: 18px;
  }
  .main .welcome .bg-box {
	height: 340px;
  }
  /* .main .location .container .content .info {
  	padding-left: 0;
  }
  .main .location .container .content .info .section-header > h4 {
  	font-size: 30px;
  }
  .main .location .container .content .info .section-header > b {
  	font-size: 18px;
  	padding-top: 30px;
  	letter-spacing: -1px;
  	line-height: 30px;
  }
  .main .location .container .content .info .way {
  	flex-wrap: wrap;
  }
  .main .location .container .content .info .way .parking {
  	width: 100%;
  }
  .main .location .container .content .info .way .parking > dl > dt {
  	font-size: 18px;
  }
  .main .location .container .content .info .way .parking > dl > dd {
  	font-size: 18px;
  }
  .main .location .container .content .info .way .bus {
  	width: 100%;
  	margin-top: 25px;
  }
  .main .location .container .content .info .way .bus > li > dl > dt {
  	width: 55px;
  	font-size: 16px;
  }
  .main .location .container .content .info .way .bus > li > dl > dd {
  	font-size: 18px;
  }
  .main .location .container .content .info::before {
  	top: calc(50% - 50px);
  }
  .main .location .container .content .map iframe {
  	height: 350px;
  } */
  /* location */
	.main .location {padding: 80px 0;}
	.main .location .container .content .map iframe {height: 250px;}
	.main .location .container .content .info .section-header {padding-top: 0; padding-bottom: 15px;}
	.main .location .section-header > h4 {font-size: 35px; margin-bottom: 35px; word-break: break-all;}
	.main .location .container .content .info .section-header > b {font-size: 18px;}
	.main .location .container .content .info .way {padding: 20px 0 0 0;}
	.main .location .container .content .info .way dl {display: block;}
	.main .location .container .content .info .way dl:not(:last-child) {margin-bottom: 15px;}
	.main .location .container .content .info .way dt {max-width: none; font-size: 16px; margin-bottom: 5px;}
	.main .location .container .content .info .way dd {width: 100%; flex: auto; font-size: 16px;}
	.main .location .container .content .info .way .gray-box {padding: 15px 20px 15px 20px; margin-top: 6px;}
	.main .location .container .content .info .way .gray-box li {font-size: 15px; padding-left: 12px;}
	.main .location .container .content .info .way .gray-box li:before {top: 12px;}
	.main .location .container .content .info .way a {font-size: 16px;}

  .main .report .container .section-header {
	flex-wrap: wrap;
  }
  .main .report .container .section-header > h4 {
	font-size: 35px;
	line-height: 50px;
  }
  .main .report .container .section-header .btn-more {
	padding-top: 0;
	padding-bottom: 10px;
	margin-top: 20px;
  }
  .main .report .container .section-header .btn-more:hover {
	padding-top: 0;
  }
  .main .report .container .report-list > ol > li > a {
	padding: 20px;
  }
  .main .report .container .report-list > ol > li > a > dl {
	width: 70px;
  }
  .main .report .container .report-list > ol > li > a > dl > dt {
	font-size: 25px;
  }
  .main .report .container .report-list > ol > li > a > dl > dd {
	font-size: 14px;
  }
  .main .report .container .report-list > ol > li > a > p {
	font-size: 18px;
	padding-left: 15px;
	padding-right: 110px;
	width: 400px;
  }
  .main .report .container .report-list > ol > li.new > a > p::after {
	right: 80px;
  }
  .main .report .container .report-list > ol > li > a > span {
	right: 20px;
	width: 40px;
	height: 40px;
  }
  .main .ask .container > h4 {
	font-size: 32px;
  }
  .main .ask {
	height: 400px;
	padding: 100px 0;
  }
  .main .ask .container > b {
	font-size: 16px;
	padding-top: 35px;
  }
  .main .ask .container > a {
	width: 150px;
	margin: 40px auto 0 auto;
	font-size: 18px;
  }
  .introduce .container .btn-banner > ul {
	flex-wrap: wrap;
  }
  .introduce .container .btn-banner > ul > li {
	width: 100%
  }
  .introduce .container .btn-banner > ul > li.btn-event {
	margin-top: 20px;	
  }
  .introduce .container .section-header {
	opacity: 1;
  }
  .introduce .section-header > h4 {
	font-size: 35px;
  }
  .introduce .container .section-content .tab-content {
	/* padding-top: 80px; */
  }
  .controls {
	width: 110px;
	top: -60px;
	left: calc(50% + 130px);
  }
  .main .m-visual .container-fluid .visual .slide .notice .swiper-wrapper li.empty {
	font-size: 14px;
	line-height: 50px;
  }
  .main .location .container .content .info .way .bus > li > b {
	font-size: 18px;
  }
  .main .location .container .content .info .way .bus > li > dl > dt {
	width: 25px;
  }
  .main .location .container .content .info .way .bus > li > dl > dd {
	font-size: 16px;
  }
  .main .location .container .content .info .way .bus > li > dl > dd > p {
	font-size: 18px;
  }
  .main .location .container .content .info .way .bus > li > dl:nth-of-type(2) {
	margin-top: 15px;
  }
  .main .report .container .report-list > ol > li.empty {
	font-size: 18px;
  }
  .main .ask .container > a {
	padding: 20px 0;
  }
	
}