/* CSS Document */
@charset "utf-8";
.container{position: relative;}

.section1{margin-top: 75px;}
.s1_a{text-align: center;}
.s1_a .s1_aa{font-size: 20px;color: #666666;}
.s1_a .s1_ab{margin-top: 20px;}
.s1_b{margin-top: 35px;position: relative;}
.s1_b .s1_bb{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
@keyframes rotateForever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.s1_b .s1_bb .s1_bba{animation: rotateForever 5s linear infinite;}
.s1_b .s1_bb:after{content: "";width: 100%;height: 100%;top:0;left: 0;background: url(s1_3_03.png) no-repeat center;position: absolute;}

@keyframes rotateMusicIcon{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.s1_b .s1_ba{position: relative;}
.s1_b .s1_ba #videoButton{position: absolute;right: 3%;top:3%;z-index: 9999;}
.s1_b .s1_ba #videoButton.on{animation: rotateMusicIcon 3s linear infinite;}

@media only screen and (max-width:1400px){
	.section1{margin-top: 55px;}
	.s1_a .s1_aa{font-size: 18px;}
	.s1_a .s1_ab{margin-top: 15px;}
	.s1_b{margin-top: 30px;}
	.s1_b .s1_bb{width: 90px;}
}
@media only screen and (max-width:1200px){
	.section1{margin-top: 35px;}
	.s1_a .s1_aa{font-size: 16px;}
	.s1_a .s1_ab{margin-top: 10px;}
	.s1_b{margin-top: 25px;}
	.s1_b .s1_bb{width: 80px;}
}
@media only screen and (max-width:750px){
	.section1{margin-top: 20px;}
	.s1_a .s1_aa{font-size: 14px;}
	.s1_a .s1_ab{margin-top: 5px;}
	.s1_b{margin-top: 20px;}
	.s1_b .s1_bb{width: 70px;}
	
}

.swift:hover{-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}
.swift:hover::after{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(217, 167, 108, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}


.swift-outer:hover .swift-inner{-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}
.swift-outer:hover .swift-inner::after{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(217, 167, 108, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}

@-webkit-keyframes pin02 {
    0% {-webkit-box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);}
    50% {-webkit-box-shadow: 0px 0px 0 20px rgba(217, 167, 108, 0.2);box-shadow: 0px 0px 0 20px rgba(217, 167, 108, 0.2);}
    100% {-webkit-box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);}
}
@keyframes pin02 {
    0% {-webkit-box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);}
    50% {-webkit-box-shadow: 0px 0px 0 20px rgba(217, 167, 108, 0.2);box-shadow: 0px 0px 0 20px rgba(217, 167, 108, 0.2);}
    100% {-webkit-box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);box-shadow: 0px 0px 0 0px rgba(217, 167, 108, 0.2);}
}

@keyframes circlepulse {
    0% {-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(3);opacity: 0;}
}

@-webkit-keyframes circlepulse {
    0% {-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(3);opacity: 0;}
}

.section2{margin-top: 75px;}
.s_a{text-align: center;font-size: 30px;color: #13483e;}
.s2_b{margin-top: 45px;position: relative;}
.s2_b .swiper-slide{position: relative;width: 42.7%;margin:0 1%;}
.s2_b .swiper-slide .s2_ba .img02{display: none;}
.s2_b .swiper-slide .s2_bb{position: absolute; bottom: 0; left: 0; z-index: 2; color: #fff; width: 100%;box-sizing: border-box; padding: 60px;transition: all 0.8s;transform: translateY(80%); opacity: 0; visibility: hidden;/* background: linear-gradient(to top,rgba(20,31,54,0.6),rgba(20,31,54,0.6),rgba(20,31,54,0));*/}
.s2_b .swiper-slide.swiper-slide-active .s2_bb{transform: translateY(0); opacity: 1; visibility: visible;transition-delay: 0.5s; }
.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bba{font-size: 24px;color: #ffffff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bbb{font-size: 14px;color: rgba(255,255,255,0.8);margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bbc{margin-top: 20px;font-size: 14px;color: rgba(255,255,255,0.6);}
.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bbc span{padding-right: 35px;background: url(s2_2_10.png) no-repeat right center;}
.s2_b .s2-prev{width: 58px;height: 58px;border-radius: 100%;border:1px solid rgba(255,255,255,0.5);position: absolute;top:50%;transform: translateY(-50%);left: 50%;margin-left:-729px;background: url(s2_prev_03.png) no-repeat center;z-index: 9;}
.s2_b .s2-next{width: 58px;height: 58px;border-radius: 100%;border:1px solid rgba(255,255,255,0.5);position: absolute;top:50%;transform: translateY(-50%);right: 50%;margin-right:-729px;background: url(s2_next_05.png) no-repeat center;z-index: 9;}
.s2_b .s2-prev:hover{background-color: #d9a76c;border-color: #d9a76c;}
.s2_b .s2-next:hover{background-color: #d9a76c;border-color: #d9a76c;}
@media only screen and (max-width:1400px){
	.section2{margin-top: 58px;}
	.s_a{font-size: 26px;}
	.s2_b{margin-top: 38px;}
	.s2_b .swiper-slide{width: 54%;margin:0 2%;}
	.s2_b .swiper-slide .s2_bb{padding: 45px;}
	.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bba{font-size: 21px;}
	.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bbb{margin-top: 7px;}
	.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bbc{margin-top: 15px;}
	.s2_b .s2-prev{width: 52px;height: 52px;margin-left: -626px;}
	.s2_b .s2-next{width: 52px;height: 52px;margin-right: -626px;}
}
@media only screen and (max-width:1200px){
	.section2{margin-top: 38px;}
	.s_a{font-size: 22px;}
	.s2_b{margin-top: 30px;}
	.s2_b .swiper-slide{width: 66%;margin:0 3%;}
	.s2_b .swiper-slide .s2_bb{padding: 30px;}
	.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bba{font-size: 18px;}
	.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bbb{margin-top: 5px;font-size: 13px;}
	.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bbc{margin-top: 10px;font-size: 13px;}
	.s2_b .s2-prev{width: 44px;height: 44px;margin-left: 0;left: 5%;}
	.s2_b .s2-next{width: 44px;height: 44px;margin-right: 0;right: 5%;}
}
@media only screen and (max-width:750px){
	.section2{margin-top: 20px;}
	.s_a{font-size: 18px;}
	.s2_b{margin-top: 20px;}
	.s2_b .swiper-slide{width: 70%;margin:0 2%;}
	.s2_b .swiper-slide .s2_bb{padding: 15px;}
	.s2_b .swiper-slide.swiper-slide-active .s2_bb .s2_bba{font-size: 15px;}
	.s2_b .s2-prev{width: 36px;height: 36px;left: 1%;}
	.s2_b .s2-next{width: 36px;height: 36px;right: 1%;}
	.s2_b .swiper-slide .s2_ba .img01{display: none;}
	.s2_b .swiper-slide .s2_ba .img02{display: block;}
}

.section3{margin-top: 75px;}
.s3_c{margin-top: 45px;width: calc((100% - 1400px)/2 + 1400px);margin-left: calc((100% - 1400px)/2);}
.s3_c .s3_ci{float: left;width: 22.59%;height: 500px;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;}
.s3_c .s3_ci.current{width: 54.22%;}
.s3_c .s3_ci .s3_cia{height: 100%;}
.s3_c .s3_ci .s3_cia img{height: 100%;width: 100% !important;}
.s3_c .s3_ci .s3_cib{position: absolute;padding: 0 50px;bottom: 0;height: 25%;overflow: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;}
.s3_c .s3_ci.current .s3_cib{height: 75%;}
.s3_c .s3_ci .s3_cib .s3_ciba .img02{display: none;}
.s3_c .s3_ci.current .s3_cib .s3_ciba .img01{display: none;}
.s3_c .s3_ci.current .s3_cib .s3_ciba .img02{display: block;}
.s3_c .s3_ci .s3_cib .s3_cibb{font-size: 24px;color: #ffffff;font-weight: bold;line-height: 1;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s3_c .s3_ci.current .s3_cib .s3_cibb{color: #d9a76c;}
.s3_c .s3_ci .s3_cib .s3_cibc{font-size: 14px;color: #ffffff;line-height: 30px;max-width: 43%;margin-top: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.s3_c .s3_ci.current .s3_cib .s3_cibc{margin-top: 15px;}
.s3_c .s3_ci .s3_cib .s3_cibd{margin-top: 45px;font-size: 14px;color: #d9a76c;}
.s3_c .s3_ci .s3_cib .s3_cibd span{padding-right: 35px;background: url(s3_4_07.png) no-repeat right center;}
@media only screen and (max-width:1400px){
	.section3{margin-top: 58px;}
	.s3_c{margin-top: 38px;width: calc((100% - 1200px)/2 + 1200px);margin-left: calc((100% - 1200px)/2);}
	.s3_c .s3_ci{height: 440px;}
	.s3_c .s3_ci .s3_cib{padding: 0 35px;} 
	.s3_c .s3_ci .s3_cib .s3_cibb{font-size: 22px;margin-top: 15px;}
	.s3_c .s3_ci .s3_cib .s3_cibc{margin-top: 35px;max-width: 53%;}
	.s3_c .s3_ci .s3_cib .s3_cibd{margin-top: 30px;}
}
@media only screen and (max-width:1200px){
	.section3{margin-top: 38px;}
	.s3_c{margin-top:30px;width: 92%;margin-left: 4%;}
	.s3_c .s3_ci{height: 360px;}
	.s3_c .s3_ci .s3_cib{padding: 0 25px;} 
	.s3_c .s3_ci .s3_cib .s3_cibb{font-size: 20px;margin-top: 10px;}
	.s3_c .s3_ci .s3_cib .s3_cibc{margin-top: 25px;max-width: 65%;}
	.s3_c .s3_ci .s3_cib .s3_cibd{margin-top: 20px;}
}
@media only screen and (max-width:750px){
	.section3{margin-top: 20px;}
	.s3_c{margin-top: 20px;}
	.s3_c .s3_ci{width: 100%;height: 280px;}
	.s3_c .s3_ci.current{width: 100%;}
	.s3_c .s3_ci .s3_cib{padding:0 15px;height: 80%;}
	.s3_c .s3_ci.current .s3_cib{height: 80%;}
	.s3_c .s3_ci .s3_cib .s3_ciba img{height: 22px;width: auto;}
	.s3_c .s3_ci .s3_cib .s3_ciba .img01{display: none;}
	.s3_c .s3_ci .s3_cib .s3_ciba .img02{display: block;}
	.s3_c .s3_ci .s3_cib .s3_cibb{font-size: 18px;margin-top: 10px;color: #d9a76c}
	.s3_c .s3_ci .s3_cib .s3_cibc{margin-top: 15px;max-width: 80%;font-size: 13px;line-height: 24px;}
	.s3_c .s3_ci .s3_cib .s3_cibd{margin-top: 20px;font-size: 13px;}
}

.section4{margin: 75px 0 100px;}
.s4_c .s4_cl{float: none;width: 100%;}
.s4_c .s4_cr{float: right;width: 31.6%;}
.s4_t{display: flex;justify-content: space-between;align-items: center;padding-bottom: 18px;border-bottom: 1px solid #e0e0e0;}
.s4_t .s4_tl{font-size: 30px;color: #13483e;}
.s4_t .s4_tr a{font-size: 14px;color: #999999;}
.s4_c .s4_cl .s4_clx{margin-top: 35px;display: flex;justify-content: space-between;}
.s4_c .s4_cl .s4_cli{width: 31%;padding-bottom: 22px;border-bottom:1px solid #e0e0e0;}
.s4_c .s4_cl .s4_cli .s4_clia{overflow: hidden;}
.s4_c .s4_cl .s4_cli .s4_clia img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	width: 100%;max-width: 100%;
}
.s4_c .s4_cl .s4_cli:hover .s4_clia img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.s4_c .s4_cl .s4_cli .s4_clib{margin-top: 20px;}
.s4_c .s4_cl .s4_cli .s4_clib .s4_cliba{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s4_c .s4_cl .s4_cli:hover .s4_clib .s4_cliba{color: #d9a76c}
.s4_c .s4_cl .s4_cli .s4_clib .s4_clibb{font-size: 14px;color: #666666;line-height: 24px;margin-top: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s4_c .s4_cl .s4_cli .s4_clib .s4_clibc{margin-top: 15px;font-size: 16px;color: #999999;}
.s4_c .s4_cr .s4_crx{margin-top: 13px;}
.s4_c .s4_cr .s4_cri{padding: 20px 0 20px;border-bottom: 1px solid #e0e0e0;}
.s4_c .s4_cr .s4_cri .s4_cria{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s4_c .s4_cr .s4_cri .s4_crib{font-size: 14px;color: #666;line-height: 24px;margin-top: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s4_c .s4_cr .s4_cri .s4_cric{margin-top: 14px;font-size: 16px;color: #999;}
.s4_c .s4_cr .s4_cri:hover .s4_cria{color: #d9a76c;}
@media only screen and (max-width:1400px){
	.section4{margin: 58px 0 75px;}
	.s4_t{padding-bottom: 14px;}
	.s4_t .s4_tl{font-size: 26px;}
	.s4_c .s4_cl .s4_clx{margin-top: 25px;}
	.s4_c .s4_cl .s4_cli{padding-bottom: 20px;}
	.s4_c .s4_cl .s4_cli .s4_clib{margin-top: 15px;}
	.s4_c .s4_cl .s4_cli .s4_clib .s4_cliba{font-size: 16px;}
	.s4_c .s4_cl .s4_cli .s4_clib .s4_clibb{margin-top: 13px;}
	.s4_c .s4_cl .s4_cli .s4_clib .s4_clibc{margin-top: 10px;font-size: 14px;}
	.s4_c .s4_cr .s4_crx{margin-top: 8px;}
	.s4_c .s4_cr .s4_cri{padding: 15px 0;}
	.s4_c .s4_cr .s4_cri .s4_cria{font-size: 16px;}
	.s4_c .s4_cr .s4_cri .s4_crib{margin-top: 10px;}
	.s4_c .s4_cr .s4_cri .s4_cric{margin-top: 10px;font-size: 14px;}
}
@media only screen and (max-width:1200px){
	.section4{margin: 38px 0 50px;}
	.s4_t{padding-bottom: 10px;}
	.s4_t .s4_tl{font-size: 22px;}
	.s4_t .s4_tr a{font-size: 13px;}
	.s4_c .s4_cl{float: none;width: 100%;}
	.s4_c .s4_cr{float: none;width: 100%;margin-top: 30px;}
	.s4_c .s4_cl .s4_clx{margin-top: 20px;}
	.s4_c .s4_cl .s4_cli{padding-bottom: 15px;}
	.s4_c .s4_cl .s4_cli .s4_clib{margin-top: 10px;}
	.s4_c .s4_cr .s4_cri{padding: 12px 0;}
	
}
@media only screen and (max-width:750px){
	.section4{margin: 20px 0 25px;}
	.s4_t{padding-bottom: 6px;}
	.s4_t .s4_tl{font-size: 18px;}
	.s4_c .s4_cl .s4_clx{display: block;}
	.s4_c .s4_cl .s4_cli{width: 100%;margin-bottom: 15px;}
	.s4_c .s4_cl .s4_cli{padding-bottom: 10px;}
	.s4_c .s4_cl .s4_cli .s4_clib .s4_cliba{font-size: 15px;}
	.s4_c .s4_cl .s4_cli .s4_clib .s4_clibb{margin-top: 8px;font-size: 13px;line-height: 20px;}
	.s4_c .s4_cl .s4_cli .s4_clib .s4_clibc{margin-top: 8px;font-size: 13px;}
	.s4_c .s4_cr .s4_cri{padding: 10px 0;}
	.s4_c .s4_cr .s4_cri .s4_cria{font-size: 15px;}
	.s4_c .s4_cr .s4_cri .s4_crib{margin-top: 8px;font-size: 13px;line-height: 20px;}
	.s4_c .s4_cr .s4_cri .s4_cric{margin-top: 8px;font-size: 13px;}
}