@charset "utf-8";

.main-visual {overflow: hidden;}
.main-visual .mySwiper {position: relative;}
.main-visual .mySwiper .swiper-slide {position: relative;}
.main-visual .mySwiper .swiper-slide .text-wrap {position: absolute; top: 0; bottom: 0; left: 50%; display: flex; justify-content: center; flex-direction: column; padding-left: 130px; transform: translateX(-50%);}
.main-visual .mySwiper .swiper-slide .text1 {color: #fff; font-weight: 700; font-size: 56px; line-height: 68px;}
.main-visual .mySwiper .swiper-slide .text2 {margin-top: 20px; color: #fff; font-weight: 600; font-size: 20px; line-height: 24px;}
.main-visual .mySwiper .swiper-slide .view-detail {display: inline-flex; justify-content: center; align-items: center; width: 148px; height: 50px; margin-top: 60px; border: 2px solid #fff; border-radius: 25px;}
.main-visual .mySwiper .swiper-slide .view-detail .txt {position: relative; padding-right: 37px; color: #fff; font-weight: 500; font-size: 15px;}
.main-visual .mySwiper .swiper-slide .view-detail .txt::after {content: ''; position: absolute; top: 50%; right: 0; width: 20px; height: 12px; background: url(/_public/images/main/link-2@2x.png) 0 0/100%; transform: translateY(-50%);}
.main-visual .mySwiper .btn-move {position: absolute; top: 50%; z-index: 1; width: 24px; transform: translateY(-50%); cursor: pointer;}
.main-visual .mySwiper .button-next {right: 50%; margin-right: -720px;}
.main-visual .mySwiper .button-prev {left: 50%; margin-left: -720px;}
.main-visual .mySwiper .pagination {display: inline-flex; justify-content: center; position: absolute; bottom: 50px; left: 0; right: 0; z-index: 1;}
.main-visual .mySwiper .pagination .swiper-pagination-bullet {width: 50px; height: 3px; margin: 0 8px; background: #fff; opacity: 1; border-radius: 0;}
.main-visual .mySwiper .pagination .swiper-pagination-bullet-active {background: #f86b00;}

.main-a .a-inner {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 100px 0;}
.main-a .video {width: 620px; font-size: 0;}
.main-a .video .you-tube iframe {width: 550px; height: 310px; margin-top: 30px;}
.main-a .a-title {color: #202020; font-weight: 800; font-size: 30px; line-height: 1.2;}
.main-a .news {position: relative; width: 820px;}
.main-a .news-row {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.main-a .news-col {width: 380px; padding-bottom: 42px; border-bottom: 1px solid #787878;}
.main-a .news .news-img {overflow: hidden; width: 380px; height: 240px;}
.main-a .a-desc {margin-top: 20px; color: #202020; font-weight: 500; font-size: 19px; line-height: 23px;}
.main-a .a-date {margin-top: 10px; color: #787878; font-size: 14px; line-height: 16px;}
.main-a .news .news-more {position: absolute; top: 9px; right: 0; padding-right: 16px; font-weight: 700; font-size: 16px; line-height: 19px;}
.main-a .news .news-more::after {content: ''; position: absolute; top: calc(50% - 1px); right: 0; width: 6px; height: 12px; background: url(/_public/images/main/more@2x.png) 0 50%/100% no-repeat; transform: translateY(-50%);}

.main-b {background: url(/_public/images/main/bg@2x.png) 0/cover no-repeat;}
.main-b .b-inner {height: 600px;}
.main-b .text-wrap {padding-top: 100px;}
.main-b .text-wrap .txt1 {font-weight: 700; font-size: 22px; line-height: 26px;}
.main-b .text-wrap .txt2 {margin-top: 10px; color: #fff; font-weight: 700; font-size: 54px; line-height: 64px;}
.main-b .text-wrap .txt3 {margin-top: 30px; color: #fff; font-size: 20px; line-height: 28px;}
.main-b .link-row {position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden;}
.main-b .link-col {position: relative; float: left; width: 50%; height: 120px; display: flex; align-items: center; padding-left: 60px;}
.main-b .link-col:last-child {background: #012b57;}
.main-b .link-col .col-txt {color: #fff; font-size: 22px; line-height: 26px;}
.main-b .link-col .btn-link {position: absolute; top: 50%; right: 60px; width: 50px; transform: translateY(-50%);}

.main-c {padding-top: 100px;}
.main-c .c-title {color: #202020; font-weight: 800; font-size: 30px; line-height: 1.2;}
.main-c .exam {overflow: hidden; margin-top: 40px;}
.main-c .swiper-slide a {display: block; position: relative; overflow: hidden; width: 330px; height: 399px;}
.main-c .swiper-slide a:hover .zoom-img {transform: scale(1.1);}
.main-c .swiper-slide .name {display: flex; align-items: center; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 80px; padding-left: 20px; color: #fff; font-weight: 500; font-size: 17px; background: rgba(0, 0, 0, 0.6);}
.main-c .swiper-slide a:hover .name {background: rgba(0, 0, 0, 1);}
.main-c .pagination {display: flex; justify-content: center; width: 100%; margin-top: 40px;}
.main-c .pagination .swiper-pagination-bullet {width: 50px; height: 3px; margin: 0 8px; background: #ccc; opacity: 1; border-radius: 0;}
.main-c .pagination .swiper-pagination-bullet-active {background: #f86b00;}
.main-c .c-more {position: absolute; top: 9px; right: 0; padding-right: 16px; font-weight: 700; font-size: 16px; line-height: 19px;}
.main-c .c-more::after {content: ''; position: absolute; top: calc(50% - 1px); right: 0; width: 6px; height: 12px; background: url(/_public/images/main/more@2x.png) 0 50%/100% no-repeat; transform: translateY(-50%);}

.main-d {padding: 160px 0;}
.main-d .d-inner {display: flex; align-items: center; justify-content: space-between;}
.main-d .d-col.first {display: flex;}
.main-d .d-col .label {font-weight: 700; font-size: 20px; line-height: 1.2;}
.main-d .d-col .text {position: relative; top: -4px; margin-left: 35px; font-weight: 600; font-size: 40px; line-height: 1.3;}
.main-d .d-col .text em {color: #787878; font-size: 1em;}
.main-d .d-col .link-btn {display: flex; align-items: center; justify-content: center; width: 250px; height: 60px; color: #f87100; font-weight: 600; font-size: 18px; border: 2px solid #f87100; border-radius: 30px;}
.main-d .d-col .link-btn:hover {color: #fff; background: #f87100;}

.main-e {display: flex; flex-wrap: wrap;}
.main-e .e-col {width: 50%; background-repeat: no-repeat; background-size: cover;}
.main-e .e-col.inquirybg {background-image: url(/_public/images/main/boxbg-1@2x.png);}
.main-e .e-col.infobg {background-image: url(/_public/images/main/boxbg@2x.png); background-color: #f75620;}
.main-e .e-col .col-sub {display: flex; align-items: center; height: 300px; padding-left: 100px;}
.main-e .e-col .col-sub.first {padding-left: 30px;}
.main-e .e-col .col-sub .txt1 {color: #fff; font-weight: 600; font-size: 30px; line-height: 38px;}
.main-e .e-col .col-sub .link-a {display: inline-block; position: relative; margin-top: 30px; padding-right: 30px; color: #fff; font-weight: 600; font-size: 20px; line-height: 24px;}
.main-e .e-col .col-sub .link-a::after {content: ''; position: absolute; top: 50%; right: 0; width: 20px; height: 12px; background: url(/_public/images/main/link-2@2x.png) 0 0/100% no-repeat; transform: translateY(-50%);}

@media screen and (max-width: 768px){
	.main-visual .mySwiper .swiper-slide .text-wrap {left: 0; padding-left: 30px; transform: translateX(0);}
	.main-visual .mySwiper .swiper-slide .text1 {font-size: 40px; line-height: 1.25;}
	.main-visual .mySwiper .swiper-slide .text2 {margin-top: 15px; font-size: 18px; line-height: 21px;}
	.main-visual .mySwiper .swiper-slide .view-detail {margin-top: 40px;}
	.main-visual .mySwiper .btn-move {display: none;}
	.main-visual .mySwiper .pagination {bottom: 30px;}
	.main-visual .mySwiper .pagination .swiper-pagination-bullet {width: 25px; height: 2px; margin: 0 5px;}

	.main-a .a-inner {display: block; padding: 50px 20px 60px;}
	.main-a .video {width: auto;font-size: 0;}
	.main-a .video .you-tube {position: relative; height: 0; padding-top: 68%; margin-top: 20px;}
	.main-a .video .you-tube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-top: 0;}
	.main-a .a-title {font-size: 24px;}
	.main-a .news {width: auto; margin-top: 50px;}
	.main-a .news-row {margin-top: 20px;}
	.main-a .news-col {width: calc(50% - 12px); padding-bottom: 10px;}
	.main-a .news .news-img {width: auto; height: auto;}
	.main-a .a-desc {margin-top: 8px; font-size: 15px; line-height: 18px;}
	.main-a .news .news-more {position: absolute; top: 9px; right: 0; padding-right: 16px; font-weight: 700; font-size: 16px; line-height: 19px;}
	.main-a .news .news-more::after {content: ''; position: absolute; top: calc(50% - 1px); right: 0; width: 6px; height: 12px; background: url(/_public/images/main/more@2x.png) 0 50%/100% no-repeat; transform: translateY(-50%);}

	.main-b {background: url(/_public/images/main/bg@2x.png) 50% 0/cover no-repeat;}
	.main-b .b-inner {height: auto;}
	.main-b .text-wrap {height: 300px; padding: 50px 20px 0;}
	.main-b .text-wrap .txt1 {font-size: 14px; line-height: 16px;}
	.main-b .text-wrap .txt2 {margin-top: 5px; font-size: 32px; line-height: 38px;}
	.main-b .text-wrap .txt3 {margin-top: 15px; font-size: 16px; line-height: 1.6;}
	.main-b .link-row {position: static;}
	.main-b .link-col {float: none; width: 100%; height: 100px; display: flex; align-items: center; padding-left: 20px;}
	.main-b .link-col .col-txt {font-size: 18px; line-height: 21px;}
	.main-b .link-col .btn-link {right: 20px; width: 50px;}

	.main-c {padding: 60px 20px;}
	.main-c .c-title {font-size: 24px;}
	.main-c .exam {margin: 30px -20px 0; padding: 0 20px;}
	.main-c .swiper-slide a {width: auto; height: auto;}
	/* .main-c .swiper-slide a:hover .zoom-img {transform: scale(0);} */
	.main-c .pagination {display: flex; justify-content: center; width: 100%; margin-top: 40px;}
	.main-c .pagination .swiper-pagination-bullet {width: 40px;}
	.main-c .c-more {top: 5px;}

	.main-d {padding: 0 20px 60px;}
	.main-d .d-inner {display: block;}
	.main-d .d-col.first {display: block;}
	.main-d .d-col .text {top: 0; margin: 10px 0 0 0; font-size: 30px; line-height: 1.4;}
	.main-d .d-col .link-btn {width: 100%; margin-top: 30px;}

	.main-e {display: block;}
	.main-e .e-col {width: 100%; background-position: 50%; background-size: auto 100%;}
	.main-e .e-col.inquiry {background-image: url(/_public/images/main/boxbg1m@2x-mo.png);}
	.main-e .e-col.info {background-image: url(/_public/images/main/boxbg@2x-mo.png);}
	.main-e .e-col .col-sub {height: 200px; padding-left: 20px;}
	.main-e .e-col .col-sub.first {padding-left: 20px;}
	.main-e .e-col .col-sub .txt1 {font-size: 24px; line-height: 1.25;}
	.main-e .e-col .col-sub .link-a {padding-right: 30px; font-size: 16px; line-height: 19px;}
}