@charset "utf-8";
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}


.cont_main {width:100%; overflow:hidden; /*position:relative;*/}

.m_con {margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; height:100vh; /*background:url(../images/main/main_banner.jpg) no-repeat center top;*/background-size:cover; position: relative;}
.m_con:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:#000; opacity:.2; z-index:-1;}
/*.main-video img {width: 100%; height: 100%; margin: 0 auto; position: relative;}*/
.bg_video {width: 100%; height: 100%; overflow: hidden;  margin: 0px auto;   left:0; top:0; z-index:-2; position: absolute;}
.bg_video video {width:100%; height:100%; object-fit: cover;}


.main_text {margin: 0 auto; color:#fff; width:1500px; padding-bottom:50px;}
.main_text h2 {font-size:58px; margin-bottom:40px;}
.main_text p.text_m {font-size:26px; font-weight:600; margin-bottom:20px;}
.main_text p.text_s {font-size:20px; font-weight:400; line-height:1.5;}

.ts_contants {background-color:#f8f8f8; padding:140px; display: flex; align-items: center; position: relative;}
/*.ts_contants {background-color:#f8f8f8; height:620px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}*/
.ts_contants > div {margin-left: auto; margin-right: auto; width: 100%; max-width: 1500px;}
.con_left {width:490px; display:inline-block;}
.contants_text h3 {color:#b9161c; font-size:25px; margin-bottom:40px;}
.contants_text p {color:#121212; font-size:40px; line-height:1.3; font-weight:700;}

.dd01 {/*position: absolute;
    left: calc(50% - 300px);
    right: 0;
    top: 0;*/
	position: absolute; width: calc(850px + (100vw - 1200px)/2); display: inline-block;}

.contants_btn {margin-top:135px; display:flex;}
.button-prev img {position: absolute; left: 35%; top: 37%;}
.button-next img {position: absolute; left: 35%; top: 37%; transform: scaleX(-1);}
.button-prev {width:50px; height:50px; border-radius:50%; border:1px solid #cbcbcb; background:#f8f8f8; position: relative;}
.button-next {width:50px; height:50px; border-radius:50%; border:1px solid #cbcbcb; background:#f8f8f8; margin-left: 25px; position: relative;}


.swiper {display: inline-block; position: absolute; overflow: hidden; width:100%;}
.swiper-wrapper {display:flex;}
.swiper-wrapper .swiper-slide {margin-right: 30px; width: 380px;}
.swiper-wrapper .swiper-slide a > div {padding-bottom:35px;}
.swiper-wrapper .swiper-slide strong {font-size:26px; color:#121212;}
.swiper-wrapper .swiper-slide p {font-size:16px; line-height:1.5; color:#666; margin-top: 20px;}

.ts_business {background:url(../images/main/business_bg.jpg) no-repeat center top; background-size:cover; width:100%; height:950px;}
.business_text h3 {color:#fff; font-size:25px;margin-bottom:40px; text-align: center; padding-top:140px;}
.business_text p {color:#fff; font-size:40px; line-height:1.3; font-weight:700; text-align: center; margin-bottom:175px;}

.cursor-btn .circle {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 120px; height: 120px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; text-align: center; background-color: #fff;    box-sizing: border-box; pointer-events: none; font-size: 18px; font-weight: 700; opacity: 0.9;}
.cursor-btn .circle .circle-text {width: 100%; font-size: 16px; font-weight: 700; text-align: center; color: #b9161c; transition: opacity 0.2s;}

.bn_con_wrqp {display:flex; justify-content: center; gap: 5%; max-width: 1280px; margin: 0 auto;}
.bn_con_wrqp > div {height:305px; width:33.333%;}
.bn_card { border-radius:10px; padding: 40px 40px 0; height:100%; transition: 0.2s; position:relative;}
.bn_card:before {content:''; display:block; position:absolute; left:0; bottom:0; right:0; height:305px; background:#fff; z-index:1; border-radius:10px; transition:0.2s;}
.bn_card .bn_date {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc; font-size: 26px; font-weight: 700; color: #111; text-align: left; position:relative; z-index:2; }
.bn_card .bn_tit {font-size: 18px; font-weight: 700; color: #333; margin-bottom:11px; position:relative; z-index:2; }
.bn_card .bn_desc {font-size: 16px; color: #666; line-height:1.5; position:relative; z-index:2; }
.last_card {margin:0;}
.bn_card:hover {border-radius: 10px 50px 10px 10px;  transform-origin: center bottom;}
.bn_card:hover:before {height:385px; background:#b9161c; border-radius: 10px 50px 10px 10px;   }
.bn_card:hover > .bn_date, .bn_card:hover > .bn_tit, .bn_card:hover > .bn_desc {color:#fff; bottom:30%;}

.ts_news {max-width:1500px;margin:0 auto;}
.news_text {max-width: 1500px; margin: 140px auto 75px;}
.news_text h3 {color:#b9161c; font-size:25px;margin-bottom:40px;}
.news_text p {color:#121212; font-size:40px; line-height:1.3; font-weight:700;}

.ts_news .news_con{}
.news_wrap {display:flex; justify-content: center; align-items: flex-end; margin-bottom: 140px;}

.notice_wrap {width:850px; margin-right:60px;}
.notice_wrap ul.n_tab {display:flex; border-bottom: 2px solid #eee;}
.notice_wrap ul.n_tab li.active a {display:flex; font-size:22px; font-weight:700; color:#182761; padding: 0px 25px 20px; position: relative;}
.notice_wrap ul.n_tab li a {display:flex; font-size:22px; font-weight:500; color:#a8a8a8; padding: 0px 25px 20px; position: relative;}
.notice_wrap ul.n_tab li.active a:after {display: inline-block; content: ''; width: 100%; height: 4px; background: #182761; position: absolute; bottom: -2px; left: 0;}
.n_tab_cont .item{color: #222; padding: 35px 0px; border-bottom: 1px solid #ddd; align-items: center;  transition: all 0.2s;}
.n_tab_cont .item a {display:flex;}
.n_tab_cont .item .date {margin-left:auto; color:#787878;}
.n_tab_cont .tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 100px); position: relative; padding-right: 26px; font-size:18px; font-weight:500;}
.n_tab_cont .tit:before {display: inline-block; border-radius: 50%; width: 5px; height: 5px; background: #333; content: ''; vertical-align: 4px; margin-right: 10px; transition: all 0.2s;}
.n_tab_cont .txt {display:none;}

.notice_ban {background-color:#f8f8f8; border-radius: 10px; width:590px; height:375px; position: relative; padding: 40px 70px; overflow: hidden;}
.notice_ban_text strong {font-size:45px; font-family: 'SCDream'; color:#182761;}
.notice_ban_text p {font-size:30px; font-family: 'SCDream'; font-weight:500; color:#182761;}
.notice_ban img {position: absolute; top: 58px; left: 30%;}


.ft_banner {background:url(../images/main/ft_banner.jpg) no-repeat center top; background-size:cover;text-align: center;}
.ft_banner h3 {color:#fff; font-size:25px;margin-bottom:40px;}
.ft_banner p.ft_ban_L {color:#fff; font-size:40px; line-height:1.3; font-weight:700; margin-bottom:20px;}
.ft_banner p.ft_ban_L span {color:#939af5; font-size:40px; font-weight:700;}
.ft_banner p.ft_ban_S {color:#fff; font-size:18px; line-height:1.5; font-weight: 100;}
.ft_banner p.ft_ban_M {color:#fff; font-size:30px; line-height:1.5; font-weight: 600;}
.ft_banner > .ft_ban_text {padding: 140px 0;}
.ft_banner > .ft_ban_text > ul {display: flex; flex-direction: column; align-items: center; padding:15px;}
.ft_banner > .ft_ban_text > ul > li {border-radius: 50%; width: 3px; height: 3px; background: #fff; margin-bottom:3px;}


@media screen and (max-width:2136px){
}

@media screen and (max-width:1740px){
	.container{max-width: inherit; margin: 0 60px;}

}


/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1559px){
	.wrap {margin: 0 40px;}
	.m_scroll { left:initial; right:-36px; bottom:124px; position:absolute;}
	.visual .item .txt {margin-left:30px;}
	.visual .box1 {margin-left:0; left:30px;}
	.m_notice {height:auto;}
	.m_notice .inr {position:relative; left:0; top:0;  margin-left:0; padding-left:360px; height:auto;}
	.m_notice .inr .left {left:30px;}
	.m_notice .inr .left .tabs li a {background:#fff;}
	.m_notice .inr .panelWrap .item {margin-right:40px;}
	.m_notice .inr .panelWrap .nav {left: -327px;}

	
	.m_quick {margin:60px 0;}
	.m_quick ul {justify-content: center; margin:0 0px;}
	
	.m_quick ul li:before { display:none;}
	.m_quick ul li a:after {height:70px; top:20px;}
	.m_quick ul li:nth-child(5) a:after {display:none;}

	.m_news {height:660px;}
	.m_news .bg { height:500px;}
	.m_news .inr {left:30px; top:70px; margin-left:0; }
	.m_news .inr h3 {margin-bottom:35px;}
	.m_news .inr .item {margin-right:40px;}
	.m_news .nav div {left:inherit; margin:0; right:30px;}
	

	
	.m_media .inr {margin:0 0 80px 30px;}
	.m_media .inr h3 {margin-bottom:35px;}
	.m_media .sns {right:30px;}
	.m_media .nav { top:-81px; left:360px;}
	
	.ts_contants {padding: 100px 0px 100px 60px;}
	.ft_banner > .ft_ban_text  {padding: 100px 60px;}
	.notice_ban {padding: 40px 40px;}
}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1279px){

	.cont_main {padding-top:80px;}
	.m_con {display:flex;}
	.m_con .left {width:auto;}
	.m_con .left h2 {left:50px; bottom:50px;}
	.m_con .left .item {height:500px;}
	.m_con .left .item:before {background-size:cover;}
	.m_con .left .slick-slider {transform:none !important;}
	.m_con .right {width:auto;}
	.m_con .right .slickwrap {margin:0 -15px;}
	.m_con .right .slickwrap .item {padding:0 15px;}

	.m_con .right .fac_btn { height:150px;}
	.m_con .right .fac_btn:after {position:absolute; right:50px; top:50%; transform: translateY(-50%);}
	.notice_ban {display:none; width:100%; margin-right:0;}
	.notice_wrap {width:100%; margin-right:0;}
	.news_text {margin:100px auto 50px;}
	.news_wrap {margin-bottom:100px;}
}

@media screen and (max-width:1194px) {
	.bg_video video {width:290%}
}

@media screen and (max-width:1023px){


	.m_con .left .item {height:450px;}
	.m_con .left .nav button {width:60px; height:60px; line-height:60px;}
	.m_con .left .nav button i {font-size:15px;}
	.m_con .left .nav .count {line-height:60px;}
	.m_con {height:850px;}
	.bg_video video {width:250%}
	
	

}

@media screen and (max-width:920px){
	.dd01 {position: static; width: 100%;}
	.ts_contants > div {width:100%}
	.swiper-wrapper .swiper-slide {margin-right:1em;}
	.contants_btn {margin:40px 0;}
	.m_con .left .item {height:280px;}
}


/* Mobile ~ 767px */
@media screen and (max-width:767px){



	.cont_main { padding-top:60px;}
	.m_con .left , .m_con .left .nav {transform: none !important;}
	.m_con .left .item {height:350px;}
	.m_con .left h2 {left:30px; bottom:30px; }
	.m_con .left h2 img {height:60px;}
	.m_con .left .nav button {width:46px; height:46px; line-height:46px;}
	.m_con .left .nav .count {line-height:46px; display:none;}


	.m_con .right .top {padding:30px; height:330px;}
	.m_con .right .top .tabs {margin-bottom:20px;}
	.m_con .right .top .tabs li a {font-size:22px; margin-right:30px;}
	.m_con .right .panelWrap#tab1 .item , .m_con .right .panelWrap#tab2 .item {height:200px;}
	.m_con .right .panelWrap#tab1 .item a .tit span {font-size:17px;}
	.m_con .right .panelWrap#tab1 .item a .txt {margin:20px 0; height:2.8em;}
	.m_con .right .panelWrap .nav ul {margin-top:15px;}

	.m_con .right .fac_btn {padding:0 30px; height:120px;}
	.m_con .right .fac_btn:before {}
	.m_con .right .fac_btn:after {right:30px;}

	.m_quick {margin:35px 0 15px;}
	.m_quick ul li {width:25%; margin-bottom:20px;}
	.m_quick ul li:nth-child(5) a:after {display:block;}
	.m_quick ul li:nth-child(4) a:after , .m_quick ul li:nth-child(7) a:after {display:none;}
	.m_quick ul li a {font-size:16px;}
	.m_quick ul li a:before {margin-bottom:12px; height:50px; background-size:auto 50px;}

	.main_text h2 {font-size:50px;}
	.con_left {margin-right: 30px; width: 300px;}
	.bn_con_wrqp > div {width:140%;}
	.bn_con_wrqp {display:grid; gap:12%; justify-items: center;}
	.ts_business {height:1650px;}
	.business_text p {margin-bottom:100px;}
	.business_text h3 {padding-top: 100px;}
	.ft_banner p.ft_ban_M {font-size:25px;}


	
}
@media screen and (max-width:620px){
	.m_con .left .item {height:280px;}
	.main_text h2 {font-size: 40px;}
	.con_left {margin-right:0;}
	.dd01 {position: static;}
	.business_text p {font-size:30px;}
	.contants_text p {font-size:30px;}
	.news_text p {font-size:30px;}
	.business_text p {font-size:30px;}
	.contants_text p {font-size:30px;}
	.news_text h3 {margin-bottom:20px;}
	.business_text h3 {margin-bottom:20px;}
	.contants_text h3 {margin-bottom:20px;}
	.ft_banner p.ft_ban_L, .ft_banner p.ft_ban_L span {font-size:30px;}
	.ft_banner h3 {margin-bottom: 20px;}
	.m_con {height: 60vw;}
    .bg_video video {width:100%; height:100%; object-fit: cover;}
	.main_text {padding-bottom:50px;}
    .main_text h2 {word-break: keep-all; font-size: 24px; margin-bottom: 15px;}
	.main_text p {word-break: keep-all;}
	.main_text p.text_s br {display:none;}
	.main_text p.text_m {margin-bottom: 10px; font-size: 19px;}
	.main_text p.text_s {font-size: 16px;}
}





@media screen and (max-width:520px){

	
	.m_con .left .item {height:230px;}
	.m_con .left h2 {left:20px; bottom:24px;}
	.m_con .left h2 img {height:46px;}
	.m_con .left .nav button {width:38px; height:38px; line-height:38px;}

	.m_con .right .top {padding:30px 20px;}
	.m_con .right .fac_btn {padding:0 20px; height:100px;}
	.m_con .right .fac_btn:before {width:60px; height:60px; background-size:100%; margin-right:16px;}
	.ts_contants {padding: 80px 0px 80px 20px;}


	.contants_text p {}
	.business_text p {word-break: keep-all;}
	.news_text p {}
	.ft_banner p.ft_ban_L {}
	.business_text h3 {padding-top: 80px;}
	.news_text p {word-break: keep-all;}
	.news_text {margin: 80px auto 50px;}
	.news_wrap {margin-bottom:80px;}

	.m_quick {margin:30px 0 15px;}
	.m_quick ul li a:before {height:40px; background-size:auto 100%;}
	.notice_wrap ul.n_tab li.active a:after {height:4px; bottom: -12px;}
	.swiper-wrapper .swiper-slide {width:50%;}
	.swiper-wrapper .swiper-slide strong {font-size:20px;}
	.swiper-wrapper .swiper-slide p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:10px;}
	.swiper-wrapper .swiper-slide a > div {padding-bottom:15px;}
	
	
	.notice_wrap ul.n_tab li.active a {font-size: 18px; padding: 0px 25px 10px;}
	.notice_wrap ul.n_tab li a {font-size: 18px; }
	.n_tab_cont .item {padding:20px 0;}
	.n_tab_cont .tit {font-size: 16px;}
	
	.business_text p {margin-bottom: 60px;}
	.business_text p br {display:none;}
	.bn_card:hover:before {height:345px;}
	.bn_con_wrqp > div {width:100%}
	.bn_card:hover > .bn_date, .bn_card:hover > .bn_tit, .bn_card:hover > .bn_desc {bottom:10%}
	.bn_con_wrqp {gap:7%}
	.ts_business {height: 1450px; max-height:500px;}


	.ft_banner p.ft_ban_L {word-break: keep-all;}

	.ft_banner > .ft_ban_text br {display:none; }
	.ft_banner > .ft_ban_text {padding: 80px 20px; word-break: keep-all;}
	.ft_banner p.ft_ban_M {font-size: 23px;}

	.wrap {margin: 0 20px;}
}