@charset "utf-8";
* { list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 1; letter-spacing: 0; color: #000;}

input{ outline: none; -webkit-appearance: none;}
select{ outline: none; -webkit-appearance: none;}
select::-ms-expand{ display: none;}
textarea{ outline: none; -webkit-appearance: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
html.no_scroll{ overflow: hidden;}
body{ overflow: hidden; padding-top: 75px; background: #FFF; -webkit-text-size-adjust: none;}
@media(max-width: 768px){
    html{ font-size: calc(100vw / 30);}
    body{ padding-top: 4rem;}
}




.full_menu{ position: fixed; z-index: 110; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0 0 0/0); transition: background .2s;}
.full_menu .contents{ overflow: hidden; display: flex; flex-direction: column; position: fixed; z-index: 10; top: 0; right: -100%; bottom: 0; width: 600px; padding: 0 50px; background: #324058; opacity: 1; transition: all .4s;}
.full_menu .head{ display: flex; align-items: center; height: 75px;}
.full_menu .head .logo{ display: block; height: 38px;}
.full_menu .head .logo img{ display: block; width: auto; height: 100%;}
.full_menu .gnb{ margin: 64px 0 0 0;}
.full_menu .gnb > ul{ display: grid; grid-gap: 32px;}
.full_menu .gnb > ul > li{}
.full_menu .gnb > ul > li > a{ display: flex; justify-content: space-between; align-items: center;}
.full_menu .gnb > ul > li > a p{ font-size: 32px; font-weight: 800; color: #FFF;}
.full_menu .gnb > ul > li > a img{ display: block; height: 12px;}
.full_menu .gnb > ul > li > ul{ margin: 12px 0 0 0;}
.full_menu .gnb > ul > li > ul li{}
.full_menu .gnb > ul > li > ul li a{ display: flex; align-items: center; padding-left: 24px; height: 50px; font-size: 24px; color: #FFF; cursor: pointer;}
.full_menu .gnb > ul > li.on > a p{ color: #5BBDB5;}
.full_menu .gnb > ul > li > ul li.on a{ font-weight: 700; color: #5BBDB5;}

.full_menu .close{ position: fixed; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0 0 0/0.0001%);}
.full_menu.on{ right: 0; left: 0; background: rgba(0 0 0/70%);}
.full_menu.on .contents{ right: 0; opacity: 1;}
.full_menu.on .close{ right: 0; left: 0;}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .full_menu .contents{ width: 100%; padding: 0 1.2rem;}
    .full_menu .head{ height: 4rem;}
    .full_menu .head .logo{ height: 1.8rem;}
    .full_menu .gnb{ margin: 2rem 0 0 0;}
    .full_menu .gnb > ul{ grid-gap: 2rem;}
    .full_menu .gnb > ul > li > a p{ font-size: 2rem}
    .full_menu .gnb > ul > li > a img{ height: 0.6rem;}
    .full_menu .gnb > ul > li > ul{ margin: 1rem 0 0 0;}
    .full_menu .gnb > ul > li > ul li a{ padding-left: 1.2rem; height: 3rem; font-size: 1.4rem;}
}


.full_menu_btn{ display: none; flex-direction: column; align-items: center; position: fixed; z-index: 150; top: 22.5px; right: 50px; cursor: pointer;}
.full_menu_btn .icon{ position: relative; z-index: 10; width: 30px; height: 30px; transition: all .2s;}
.full_menu_btn .icon span{ display: block; position: absolute; width: 100%; height: 3px; background: #FFF; transition: all .2s;}
.full_menu_btn .icon span:nth-child(1){ top: 2px;}
.full_menu_btn .icon span:nth-child(2){ top: calc(50% - 1.5px);}
.full_menu_btn .icon span:nth-child(3){ bottom: 2px;}
.full_menu_btn.on .icon{ transform: translate(2px,0);}
.full_menu_btn.on .icon span{ background: #FFF !important;}
.full_menu_btn.on .icon span:nth-child(1){ top: 50%; transform: rotate(45deg) translate(-6.25%,-6.25%);}
.full_menu_btn.on .icon span:nth-child(2){ opacity: 0;}
.full_menu_btn.on .icon span:nth-child(3){ bottom: 50%; transform: rotate(-45deg) translate(-6.25%,-6.25%);}
@media(max-width: 1440px){
    .full_menu_btn{ display: flex;}
}
@media(max-width: 768px){
    .full_menu_btn{ top: 1.1rem; right: 1.2rem; cursor: pointer;}
    .full_menu_btn .icon{ width: 1.8rem; height: 1.8rem;}
    .full_menu_btn .icon span:nth-child(1){ top: 0.1rem;}
    .full_menu_btn .icon span:nth-child(3){ bottom: 0.1rem;}
}


.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 75px; background: #324058;}
.header .modle_min{ display: flex; justify-content: space-between; align-items: center;}
.header .logo{ display: block; position: relative; z-index: 10; height: 38px;}
.header .logo img{ display: block; width: auto; height: 100%;}
.header .fr{ display: flex; align-items: center; grid-gap: 50px; height: 75px;}
.header .gnb{}
.header .gnb > ul{ display: flex; align-items: center; grid-gap: 37px;}
.header .gnb > ul > li{ display: flex; align-items: center; position: relative;}
.header .gnb > ul > li > a{ display: flex; align-items: flex-end; grid-gap: 20px; position: relative; z-index: 10; padding-bottom: 23px; height: 75px; cursor: pointer;}
.header .gnb > ul > li > a p{ font-size: 16px; font-weight: 600; color: #FFF; letter-spacing: 0; white-space: nowrap; transition: all .2s;}
.header .gnb > ul > li > a img{ display: block; margin-bottom: 4px; transition: all .2s;}
.header .gnb > ul > li > ul{ overflow: hidden; position: absolute; z-index: 10; top: 70px; right: 0; left: 0; padding: 0; height: 0; background: #324058; opacity: 0; transition: all .2s;}
.header .gnb > ul > li > ul li{}
.header .gnb > ul > li > ul li a{ display: flex; justify-content: center; align-items: center; position: relative; height: 0; font-size: 16px; font-weight: 600; color: #FFF; white-space: nowrap; opacity: 0; transition: all .2s;}
.header .gnb > ul > li > ul li a:before{ content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; height: 0.5px; background: #D9D9D9;}
.header .gnb > ul > li > ul li:first-child a:before{ display: none;}
.header .gnb > ul > li > ul.max{ right: initial;}
.header .gnb > ul > li > ul.max li a{ padding: 0 20px;}
.header .gnb > ul > li:hover > a img{ transform: rotate(180deg);}
.header .gnb > ul > li:hover > ul{ top: 75px; height: auto; opacity: 1;}
.header .gnb > ul > li:hover > ul li a{ height: 48px; opacity: 1;}
.header .gnb > ul > li > ul:hover{ box-shadow: 0 4px 12px 0 rgba(0 0 0/25%);}
.header .gnb > ul > li > ul li a:hover{ background: #E7E7E7; color: #000;}

.header .gnb > ul > li.on > a p{ font-weight: 900;}
.header .gnb > ul > li > ul li.on a{ font-weight: 700; color: #57b6b2 !important;}

.header .sns{ display: flex; grid-gap: 20px;}
.header .sns a{ display: block;}
.header .sns a img{ display: block;}
@media(max-width: 1440px){
    .header .gnb{ display: none;}
    .header .sns{ margin-right: 80px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .header{ height: 4rem;}
    .header .logo{ height: 1.8rem;}
    .header .fr{ grid-gap: 1rem; height: 4rem;}

    .header .sns{ grid-gap: 0.8rem; margin-right: calc(1.8rem + 2rem);}
    .header .sns a img{ height: 1.6rem;}
}



.footer{ margin-top: 100px; background: #324058;}
.footer .top{}
.footer .top .modle_min{ display: flex;}
.footer .top .fl{ padding: 100px 80px 80px 0; width: 780px;}
.footer .top .fl .head{ transition: all .2s;}
.footer .top .fl .head h3{ color: #FFF;}
.footer .top .fl .head .b1{ margin-top: 20px; color: #FFF;}
.footer .top .fl .body{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 80px 80px; margin-top: 50px;}
.footer .top .fl .body .wrap{ transition: all .2s;}
.footer .top .fl .body .wrap:nth-child(1){ grid-column: 1/3;}
.footer .top .fl .body .wrap h4{ padding-bottom: 10px; color: #FFF;}
.footer .top .fl .body .wrap input{ display: flex; align-items: center; margin: 0; padding: 0; width: 100%; height: 50px; border-radius: 0; border: 0; border-bottom: 1px solid #FFF; background: none; font-size: 18px; font-weight: 500; color: #FFF; outline: none; -webkit-appearance: none;}
.footer .top .fl .body .wrap .select{ position: relative; z-index: 10;}
.footer .top .fl .body .wrap .select .s_head{ display: flex; justify-content: space-between; align-items: center; height: 50px; border-bottom: 1px solid #FFF;}
.footer .top .fl .body .wrap .select .s_head p{ margin: 0; color: #FFF;}
.footer .top .fl .body .wrap .select .s_head img{ display: block; height: 13px; transition: all .2s;}
.footer .top .fl .body .wrap .select .s_body{ overflow: hidden; display: grid; grid-gap: 20px; position: absolute; top: 50px; right: 0; left: 0; padding: 0 15px; background: #324058; height: 0; transition: all .2s;}
.footer .top .fl .body .wrap .select .s_body .s_wrap{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; height: 0; opacity: 0; cursor: pointer; transition: all .2s;}
.footer .top .fl .body .wrap .select .s_body .s_wrap p{ margin: 0; color: #FFF;}
.footer .top .fl .body .wrap .select .s_body .s_wrap i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #FFF; font-size: 12px; color: #324058;}
.footer .top .fl .body .wrap .select .s_body .s_wrap.on p{}
.footer .top .fl .body .wrap .select .s_body .s_wrap.on i{ background: #FFF;}
.footer .top .fl .body .wrap .select .s_head.on img{ transform: rotate(180deg);}
.footer .top .fl .body .wrap .select .s_body.on{ padding: 27px 15px; height: auto; opacity: 1; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%);}
.footer .top .fl .body .wrap .select .s_body.on .s_wrap{ height: 24px; opacity: 1;}
.footer .top .fl .body .wrap .b1{ margin-top: 20px; color: #FFF;}
.footer .top .fl .body .wrap .user_mail_error{ text-align: center;position: absolute;width: 780px; color: #FFF; display:none;}
.footer .top .fr{ flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 100px 0 80px 100px; border-left: 1px solid rgba(255 255 255/100%); transition: all .2s;}
.footer .top .fr .wrap{}
.footer .top .fr .wrap h3{ color: #FFF;}
.footer .top .btn{ display: flex; justify-content: center; align-items: center; margin: 64px auto 0 auto; width: 330px; height: 50px; border: 2px solid #FFF; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%); transition: all .2s; cursor: pointer;}
.footer .top .btn p{ font-size: 18px; font-weight: 400; color: #FFF;}
.footer .bottom{ padding: 80px 0 256px 0; border-top: 1px solid rgba(255 255 255/100%); transition: all .2s;}
.footer .bottom .modle_min{ display: flex; justify-content: space-between;}
.footer .bottom .logo{ height: 38px;}
.footer .bottom .logo img{ display: block; height: 100%;}
.footer .bottom .menu{}
.footer .bottom .menu a{ display: block; line-height: 1.2; color: #FFF;}
.footer .bottom .info{ display: grid; grid-gap: 20px;}
.footer .bottom .info p{ color: #FFF;}
.footer.hover .top .fl .head{ opacity: 0.3;}
.footer.hover .top .fl .body .wrap:nth-child(1){ opacity: 0.3;}
.footer.hover .top .fl .body .wrap:nth-child(2){ opacity: 0.3;}
.footer.hover .top .fr{ opacity: 0.3;}
.footer.hover .top .btn{ opacity: 0.3;}
.footer.hover .bottom{ opacity: 0.3;}
@media(max-width: 1440px){
    .footer .top .fl{ padding: 100px 50px 80px 0; width: 600px;}
    .footer .top .fr{ padding: 100px 0 80px 50px;}
}
@media(max-width: 1024px){
    .footer .top .modle_min{ display: block;}
    .footer .top .fl{ padding: 100px 0; width: auto;}
    .footer .top .fr{ margin: 0 -50px; padding: 100px 50px; border-top: 1px solid rgba(255 255 255/100%); border-left: 0;}
    .footer .top .fr .wrap:nth-child(2){ margin-top: 80px;}
    .footer .bottom .modle_min{ flex-direction: column; align-items: center; grid-gap: 50px;}
    .footer .bottom .menu{ display: flex; justify-content: center; align-items: center; grid-gap: 30px;}
    .footer .bottom .info p{ text-align: center;}
}
@media(max-width: 768px){
    .footer{ margin-top: 4rem;}
    .footer .top .fl{ padding: 4rem 0;}
    .footer .top .fl .head .b1{ margin-top: 1rem;}
    .footer .top .fl .body{ grid-template-columns: repeat(1,1fr); grid-gap: 3rem; margin-top: 3rem;}
    .footer .top .fl .body .wrap:nth-child(1){ grid-column: 1/2;}
    .footer .top .fl .body .wrap h4{ padding-bottom: 0.5rem;}
    .footer .top .fl .body .wrap input{ height: 3rem; font-size: 1.1rem;}
    .footer .top .fl .body .wrap .select{ position: relative; z-index: 10;}
    .footer .top .fl .body .wrap .select .s_head{ height: 3rem;}
    .footer .top .fl .body .wrap .select .s_head img{ height: 0.6rem;}
    .footer .top .fl .body .wrap .select .s_body{ grid-gap: 0.6rem; top: 3.5rem; padding: 0 1.2rem;}
    .footer .top .fl .body .wrap .select .s_body .s_wrap i{ width: 1.6rem; height: 1.6rem; font-size: 0.9rem;}
    .footer .top .fl .body .wrap .select .s_body.on{ padding: 1rem 1.2rem;}
    .footer .top .fl .body .wrap .select .s_body.on .s_wrap{ height: 1.8rem;}
    .footer .top .fl .body .wrap .b1{ margin-top: 1rem;}
    .footer .top .fr{ margin: 0 -1.2rem; padding: 4rem 1.2rem;}
    .footer .top .fr .wrap:nth-child(2){ margin-top: 4rem;}
    .footer .top .btn{ margin: 3rem 0 0 0; width: 100%; height: 3.5rem;}
    .footer .top .btn p{ font-size: 1.2rem;}
    .footer .bottom{ padding: 4rem 0 10rem 0;}
    .footer .bottom .modle_min{ grid-gap: 4rem;}
    .footer .bottom .logo{ height: 1.8rem;}
    .footer .bottom .menu{ flex-wrap: wrap; grid-gap: 1rem 3rem;}
    .footer .bottom .info{ grid-gap: 1rem;}
    .footer .bottom .info p br{ display: none;}
}


.home_visual{ overflow: hidden; position: relative; margin-top: 120px; background: #CEF0F2;}
.home_visual .modle_min{ overflow: hidden; max-width: 1440px;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{}
.home_visual .wrap{ overflow: hidden; position: relative;}
.home_visual .wrap .head{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: absolute; z-index: 20; top: 70px; right: 0; bottom: 70px; left: calc(50% - 35px); padding: 40px 130px; background: #FFF; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%); opacity: 1; transform: translate(100px,0); transition: all .3s;}
.home_visual .wrap .head h1{ opacity: 0; transform: translate(50px,0); transition: all .3s;}
.home_visual .wrap .head h4:nth-child(2){ margin-top: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; opacity: 0; transform: translate(60px,0); transition: all .3s;}
.home_visual .wrap .head h4:nth-child(3){ margin-top: 64px; opacity: 0; transform: translate(70px,0); transition: all .3s;}
.home_visual .wrap .head h4:nth-child(4){ margin-top: 20px; opacity: 0; transform: translate(80px,0); transition: all .3s;}
.home_visual .wrap .head .modle_btn_01{ margin-top: 32px; opacity: 0; transform: translate(90px,0); transition: all .3s;}
.home_visual .wrap .body{ overflow: hidden; position: relative; width: 50%; height: 545px;}
.home_visual .wrap .body .img{ display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1.1); transition: all .3s;}

.home_visual.on .wrap .head{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1s;}
.home_visual.on .wrap .head h1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1s;}
.home_visual.on .wrap .head h4:nth-child(2){ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.1s; padding-bottom: 3px; line-height: 1.1; }
.home_visual.on .wrap .head h4:nth-child(3){ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.2s;}
.home_visual.on .wrap .head h4:nth-child(4){ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.3s;}
.home_visual.on .wrap .head .modle_btn_01{ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.4s;}
.home_visual.on .wrap .body .img{ opacity: 1; transform: scale(1); transition: all 10s;}
@media(max-width: 1440px){
    .home_visual .wrap .head{ padding: 40px 50px;}
}
@media(max-width: 1024px){
    .home_visual .wrap{ padding-bottom: 400px;}
    .home_visual .wrap .head{ top: initial; left: 50px;}
    .home_visual .wrap .body{ width: auto; height: 500px;}
}
@media(max-width: 768px){
    .home_visual{ margin-top: 4rem;}
    .home_visual .wrap{ padding-bottom: 22rem;}
    .home_visual .wrap .head{ bottom: 3rem; left: 1.2rem; padding: 3rem;}
    .home_visual .wrap .head h4:nth-child(2){ margin-top: 1.5rem;}
    .home_visual .wrap .head h4:nth-child(3){ margin-top: 4rem;}
    .home_visual .wrap .head h4:nth-child(4){ margin-top: 1rem;}
    .home_visual .wrap .head .modle_btn_01{ margin-top: 1.5rem;}
    .home_visual .wrap .body{ padding-top: 80%; height: auto;}
}


.home_top{ margin-top: 64px;}
.home_top .modle_min{ display: flex; grid-gap: 80px;}
@media(max-width: 1440px){
    .home_top .modle_min{ grid-gap: 50px;}
}
@media(max-width: 1024px){
    .home_top .modle_min{ display: grid;}
}
@media(max-width: 768px){
    .home_top{ margin-top: 4rem;}
    .home_top .modle_min{ grid-gap: 4rem;}
}


.home_news{ width: 50%;}
.home_news .head{ display: flex; justify-content: space-between; align-items: center;}
.home_news .list{ display: flex; grid-gap: 40px; margin-top: 32px;}
.home_news .list .wrap{ width: 50%;}
.home_news .list .wrap .img{ display: block; padding-top: 130%;}
.home_news .list .wrap .tit{ display: block; margin-top: 20px;}
.home_news .list .wrap .tit h4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_news .list .wrap .link{ display: block; margin-top: 20px;}
.home_news .list .wrap .link b5{}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
    .home_news{ width: auto;}
}
@media(max-width: 768px){
    .home_news .list{ grid-gap: 1.2rem; margin-top: 1.5rem;}
    .home_news .list .wrap .tit{ margin-top: 1rem;}
    .home_news .list .wrap .link{ margin-top: 1rem;}
}


.home_community{ width: 50%;}
.home_community .head{ display: flex; justify-content: space-between; align-items: center;}
.home_community .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; margin-top: 32px;}
.home_community .list .wrap{}
.home_community .list .wrap .img{ padding-top: 50%;}
.home_community .list .wrap .fb{ padding: 15px 15px; border-right: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; text-align: center;}
.home_community .list .wrap .fb h5{}
.home_community .list .wrap .fb .b5{ margin-top: 5px;}
.home_community .list .wrap .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 5px; padding: 15px; background: #CEF0F2;}
.home_community .list .wrap .btn h5{}
.home_community .list .wrap .btn img{ display: block;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
    .home_community{ width: auto;}
}
@media(max-width: 768px){
    .home_community .list{ grid-gap: 1.2rem; margin-top: 1.5rem;}
    .home_community .list .wrap .fb{ padding: 1rem;}
    .home_community .list .wrap .fb .b5{ margin-top: 0.4rem;}
    .home_community .list .wrap .btn{ grid-gap: 0.4rem; padding: 1rem 0.8rem;}
    .home_community .list .wrap .btn img{ height: 1.4rem;}
}


.home_event{ margin-top: 64px;}
.home_event .head{ display: flex; justify-content: space-between; align-items: center;}
.home_event .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 80px; margin-top: 32px;}
.home_event .list .wrap{}
.home_event .list .wrap .img{ position: relative; padding-top: 60%;}
.home_event .list .wrap .img .tag{ display: flex; align-items: center; position: absolute; top: 6px; left: 6px; padding: 0 25px; height: 30px; background: #324058;}
.home_event .list .wrap .img .tag h5{ color: #FFF;}
.home_event .list .wrap .fb{ padding: 15px 30px; background: #CEF0F2;}
.home_event .list .wrap .fb h4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_event .list .wrap .fb .date{ display: flex; align-items: center; grid-gap: 10px; margin-top: 20px;}
.home_event .list .wrap .fb .date img{ display: block; height: 20px;}
.home_event .list .wrap .fb .date .b5{ color: #000;}
.home_event .list .wrap .fb .add{ display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.home_event .list .wrap .fb .add .fl{ display: flex; align-items: center; grid-gap: 10px;}
.home_event .list .wrap .fb .add .fl img{ display: block; height: 20px;}
.home_event .list .wrap .fb .add .fl .b5{ color: #000;}
@media(max-width: 1440px){
    .home_event .list{ grid-gap: 50px;}
}
@media(max-width: 1024px){
    .home_event .list{ grid-template-columns: repeat(1,1fr); grid-gap: 30px;}
}
@media(max-width: 768px){
    .home_event{ margin-top: 4rem;}
    .home_event .list{ grid-gap: 1.2rem; margin-top: 1.5rem;}
    .home_event .list .wrap .img .tag{ top: 0.5rem; left: 0.5rem; padding: 0 1.5rem; height: 2rem;}
    .home_event .list .wrap .fb{ padding: 1rem 2rem;}
    .home_event .list .wrap .fb .date{ grid-gap: 0.8rem; margin-top: 1rem;}
    .home_event .list .wrap .fb .date img{ width: 1.1rem; height: auto;}
    .home_event .list .wrap .fb .add{ margin-top: 0.6rem;}
    .home_event .list .wrap .fb .add .fl{ grid-gap: 0.8rem;}
    .home_event .list .wrap .fb .add .fl img{ width: 1.1rem; height: auto;}
}


.home_linkeidn{ margin-top: 64px;}
.home_linkeidn .head{ display: flex; justify-content: space-between; align-items: center;}
.home_linkeidn .head a{ display: block;}
.home_linkeidn .head a img{ display: block;}
.home_linkeidn .body{ position: relative; margin-top: 32px;}
.home_linkeidn .rolling{ overflow: hidden; padding-bottom: 60px;}
.home_linkeidn .rolling .wrap{ display: block; padding: 10px 0 0 0; border-top: 35px solid #324058; background: #F1F1F1;}
.home_linkeidn .rolling .wrap .user{ display: flex; align-items: center; grid-gap: 15px; margin: 0 27px;}
.home_linkeidn .rolling .wrap .user .fl{ width: 47px; height: 47px;}
.home_linkeidn .rolling .wrap .user .b3{ margin-top: 4px;}
.home_linkeidn .rolling .wrap .text{ margin: 15px 27px 0 27px; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.home_linkeidn .rolling .wrap .img{ display: block; margin-top: 15px; padding-top: 50%;}
.home_linkeidn .rolling .wrap .fb{ display: flex; justify-content: flex-end; align-items: center; padding: 0 18px; height: 35px; background: #324058;}

.home_linkeidn .rolling .wrap .btn_share{ position: relative;}
.home_linkeidn .rolling .wrap .btn_share .head{ display: flex; align-items: center; grid-gap: 5px; height: 35px; cursor: pointer;}
.home_linkeidn .rolling .wrap .btn_share .head img{ display: block; height: 24px;}
.home_linkeidn .rolling .wrap .btn_share .head .b4{ color: #FFF;}
.home_linkeidn .rolling .wrap .btn_share .list{ overflow: hidden; display: flex; align-items: flex-end; grid-gap: 27px; position: absolute; z-index: 10; top: 40px; right: -18px; padding: 0 10px; height: 0; border-radius: 3px; background: #324058; opacity: 0; transition: all .1s;}
.home_linkeidn .rolling .wrap .btn_share .list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translate(0,3px);}
.home_linkeidn .rolling .wrap .btn_share .list a img{ display: block; height: 18px;}
.home_linkeidn .rolling .wrap .btn_share .list a p{ display: flex; justify-content: center; margin-top: 2px; width: 24px; text-align: center; font-size: 12px; font-weight: 300; color: #FFF; transform: scale(0.6);}
.home_linkeidn .rolling .wrap .btn_share .list.on{ padding: 5px 10px; height: 40px; opacity: 1;}

.home_linkeidn_prev{ position: absolute; top: calc(50% - 20px); left: -40px; cursor: pointer;}
.home_linkeidn_prev img{ display: block; height: 40px;}
.home_linkeidn_next{ position: absolute; top: calc(50% - 20px); right: -40px; cursor: pointer;}
.home_linkeidn_next img{ display: block; height: 40px;}

.home_linkeidn_page{ display: flex; justify-content: center; align-items: center; grid-gap: 6px; margin-top: -10px;}
.home_linkeidn_page span{ margin: 0 !important; width: 10px; height: 10px; border-radius: 50%; background: #324058;}
.home_linkeidn_page span.swiper-pagination-current{ font-weight: 700; color: #000;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_linkeidn{ margin-top: 4rem;}
    .home_linkeidn .head a img{ height: 1.6rem;}
    .home_linkeidn .body{ margin-top: 1.5rem;}
    .home_linkeidn .rolling{ padding-bottom: 4rem;}
    .home_linkeidn .rolling .wrap{ padding: 1rem 0 0 0; border-top: 2rem solid #324058;}
    .home_linkeidn .rolling .wrap .user{ grid-gap: 1rem; margin: 0 1.2rem;}
    .home_linkeidn .rolling .wrap .user .fl{ width: 3rem; height: 3rem;}
    .home_linkeidn .rolling .wrap .user .b3{ margin-top: 0.2rem;}
    .home_linkeidn .rolling .wrap .text{ margin: 1rem 1.2rem 0 1.2rem;}
    .home_linkeidn .rolling .wrap .img{ margin-top: 1rem;}
    .home_linkeidn .rolling .wrap .fb{ padding: 0 1rem; height: 3rem;}

    .home_linkeidn_prev{ display: none;}
    .home_linkeidn_next{ display: none;}
}







.sub_head{ margin-top: 64px;}
.sub_head .modle_min{}
.sub_head .modle_min h1{}
.sub_head .modle_min .fb{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 12px; min-height: 40px;}
.sub_head .modle_min .fb h4{}
.sub_head .modle_min .fb .fr{ display: flex; grid-gap: 50px;}
.sub_head .modle_min .fb .fr .search{ position: relative; z-index: 10;}
.sub_head .modle_min .fb .fr .search .head{ display: flex; width: 410px; height: 40px;}
.sub_head .modle_min .fb .fr .search .head input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 40px; border-radius: 0; border: 0; border-bottom: 0; background: #E7E7E7; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.sub_head .modle_min .fb .fr .search .head .btn{ flex: 0 0 40px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #324058; cursor: pointer;}
.sub_head .modle_min .fb .fr .search .head .btn img{ display: block;}
.sub_head .modle_min .fb .fr .search .body{ overflow: hidden; position: absolute; top: 40px; left: 0; padding: 0 20px; width: 700px; height: 0; background: #FFF; opacity: 0; transition: all .2s;}
.sub_head .modle_min .fb .fr .search .body .tag{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap{ display: none; justify-content: center; align-items: center; grid-gap: 20px; height: 38px; border-radius: 20px; border: 1px solid #324058; cursor: pointer; transition: all .2s;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap p{ font-size: 14px; color: #324058; text-align: center;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap i{ display: none; font-size: 14px; color: #FFF;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(1){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(2){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(3){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(4){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(5){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(6){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(7){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(8){ display: flex;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap:hover{ background: #F2F4F7;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap.on{ background: #324058;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap.on p{ color: #FFF;}
.sub_head .modle_min .fb .fr .search .body .tag .wrap.on i{ display: block;}
.sub_head .modle_min .fb .fr .search .body .tag.on .wrap{ display: flex !important;}
.sub_head .modle_min .fb .fr .search .body .more{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; cursor: pointer; margin-top: 20px;}
.sub_head .modle_min .fb .fr .search .body .more p{ font-size: 14px; color: #000;}
.sub_head .modle_min .fb .fr .search .body .more img{ display: block; transition: all .2s;}
.sub_head .modle_min .fb .fr .search .body .more.on img{ transform: rotate(180deg);}
.sub_head .modle_min .fb .fr .search .body.on{ top: 52px; padding: 20px; height: auto; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%); opacity: 1;}
.sub_head .modle_min .fb .fr .add_btn{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; padding: 0 20px; min-width: 180px; height: 40px; background: #324058; cursor: pointer; transition: all .2s;}
.sub_head .modle_min .fb .fr .add_btn img{ display: block;}
.sub_head .modle_min .fb .fr .add_btn p{ font-size: 14px; font-weight: 600; color: #FFF;}
.sub_head .modle_min .fb .fr .add_btn:hover{ background: #3D4F6F; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%);}
@media(max-width: 1440px){
    .sub_head .modle_min .fb{ display: block; min-height: auto;}
    .sub_head .modle_min .fb .fr{ margin-top: 32px;}
    .sub_head .modle_min .fb .fr .search{ flex: 1;}
    .sub_head .modle_min .fb .fr .search .head{ width: auto;}
    .sub_head .modle_min .fb .fr .search .body{ right: initial; left: 0;}
}
@media(max-width: 1024px){
    .sub_head .modle_min .fb .fr .search .body{ width: calc(100vw - 100px);}
}
@media(max-width: 768px){
    .sub_head{ margin-top: 4rem;}
    .sub_head .modle_min .fb{ margin-top: 0.8rem;}
    .sub_head .modle_min .fb .fr{ display: grid; grid-gap: 1rem; margin-top: 2rem;}
    .sub_head .modle_min .fb .fr .search .head{ height: 3rem;}
    .sub_head .modle_min .fb .fr .search .head input{ padding: 0 1.2rem; height: 3rem; font-size: 1rem;}
    .sub_head .modle_min .fb .fr .search .head .btn{ flex: 0 0 3rem; width: 3rem; height: 3rem;}
    .sub_head .modle_min .fb .fr .search .head .btn img{ height: 1.6rem;}
    .sub_head .modle_min .fb .fr .search .body{ top: 3rem; right: 0; left: 0; padding: 0 1.2rem; width: auto;}
    .sub_head .modle_min .fb .fr .search .body .tag{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1rem;}
    .sub_head .modle_min .fb .fr .search .body .tag .wrap{ grid-gap: 1rem; height: 2.5rem; border-radius: 2rem;}
    .sub_head .modle_min .fb .fr .search .body .tag .wrap p{ font-size: 1rem;}
    .sub_head .modle_min .fb .fr .search .body .tag .wrap i{ font-size: 1rem;}
    .sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(7){ display: none;}
    .sub_head .modle_min .fb .fr .search .body .tag .wrap:nth-child(8){ display: none;}
    .sub_head .modle_min .fb .fr .search .body .more{ grid-gap: 1rem; margin-top: 1.2rem;}
    .sub_head .modle_min .fb .fr .search .body .more p{ font-size: 1rem;}
    .sub_head .modle_min .fb .fr .search .body .more img{ height: 1.5rem;}
    .sub_head .modle_min .fb .fr .search .body.on{ top: 4rem; padding: 1.2rem;}
    .sub_head .modle_min .fb .fr .add_btn{ grid-gap: 1rem; padding: 0; min-width: 10rem; height: 3rem;}
    .sub_head .modle_min .fb .fr .add_btn img{ height: 1.6rem;}
    .sub_head .modle_min .fb .fr .add_btn p{ font-size: 1rem;}
}


.sub_news_tag{ margin-top: 64px;}
.sub_news_tag .modle_min{}
.sub_news_tag .modle_min .head{ display: none;}
.sub_news_tag .modle_min .head p{}
.sub_news_tag .modle_min .head img{}
.sub_news_tag .modle_min .list{ display: flex;}
.sub_news_tag .modle_min .list a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 50px; border-bottom: 5px solid #324058; background: #E7E7E7; font-size: 14px; color: #000;}
.sub_news_tag .modle_min .list a.on{ border-bottom: 0; background: #324058; font-size: 17px; font-weight: 800; color: #FFF;text-align:center;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
    .sub_news_tag .modle_min .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px;}
    .sub_news_tag .modle_min .list a{ width: auto; border-bottom: 0;}
}
@media(max-width: 768px){
    .sub_news_tag{ margin-top: 3rem;}
    .sub_news_tag .modle_min .list{ grid-gap: 0.5rem;}
    .sub_news_tag .modle_min .list a{ height: 3rem; font-size: 0.9rem;}
    .sub_news_tag .modle_min .list a.on{ font-size: 1.1rem;}
}


.sub_news_picks{ margin-top: 64px;}
.sub_news_picks .body{ margin-top: 10px; background: #EDFEFF;}
.sub_news_picks .body .modle_min{ display: flex; align-items: center; grid-gap: 80px; padding: 24px 0;}
.sub_news_picks .body .modle_min .max{ width: 50%;}
.sub_news_picks .body .modle_min .max .img{ height: 370px;}
.sub_news_picks .body .modle_min .max h4{ margin-top: 20px; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_news_picks .body .modle_min .max .b1{ margin-top: 20px; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_news_picks .body .modle_min .max .b5{ margin-top: 20px;}
.sub_news_picks .body .modle_min .list{ display: grid; grid-gap: 40px; width: 50%;}
.sub_news_picks .body .modle_min .list a{ display: flex; grid-gap: 24px; position: relative;}
.sub_news_picks .body .modle_min .list a:after{ content: ""; display: block; position: absolute; right: 0; bottom: -20px; left: 0; border-bottom: 1px solid #a9a9a9;}
.sub_news_picks .body .modle_min .list a:last-child:after{ display: none;}
.sub_news_picks .body .modle_min .list a .img{ flex: 0 0 265px; height: 150px;}
.sub_news_picks .body .modle_min .list a .img.no-img{ background: url('/common/img/no_img.png') center/50% no-repeat; }
.sub_news_picks .body .modle_min .list a .fr{ flex: 1;}
.sub_news_picks .body .modle_min .list a .fr h4{ line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.sub_news_picks .body .modle_min .list a .fr .b5{ margin-top: 20px;}
@media(max-width: 1440px){
    .sub_news_picks .body .modle_min{ grid-gap: 50px;}
}
@media(max-width: 1024px){
    .sub_news_picks .body .modle_min{ display: grid;}
    .sub_news_picks .body .modle_min .max{ width: auto;}
    .sub_news_picks .body .modle_min .max .img{ padding-top: 60%; height: auto;}
    .sub_news_picks .body .modle_min .list{ width: auto;}
    .sub_news_picks .body .modle_min .list a .img{ height: auto;}
    .sub_news_picks .body .modle_min .list a .img:before{ content: ""; display: block; padding-top: 60%;}
}
@media(max-width: 768px){
    .sub_news_picks{ margin-top: 4rem;}
    .sub_news_picks .body{ margin-top: 1rem;}
    .sub_news_picks .body .modle_min{ grid-gap: 3rem; padding: 1.2rem 0;}
    .sub_news_picks .body .modle_min .max h4{ margin-top: 1rem;}
    .sub_news_picks .body .modle_min .max .b1{ margin-top: 1rem;}
    .sub_news_picks .body .modle_min .max .b5{ margin-top: 1rem;}
    .sub_news_picks .body .modle_min .list{ grid-gap: 2rem;}
    .sub_news_picks .body .modle_min .list a{ grid-gap: 1.2rem;}
    .sub_news_picks .body .modle_min .list a:after{ bottom: -1rem;}
    .sub_news_picks .body .modle_min .list a .img{ flex: 0 0 12rem;}
    .sub_news_picks .body .modle_min .list a .fr .b5{ margin-top: 1rem;}
}


.sub_news_recent{ margin-top: 64px;}
.sub_news_recent .modle_min{}
.sub_news_recent .head{}
.sub_news_recent .head h3{}
.sub_news_recent .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 80px; margin-top: 32px;}
.sub_news_recent .list a{ display: block;}
.sub_news_recent .list a .img{ padding-top: 60%;}
.sub_news_recent .list a h4{ margin-top: 20px; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_news_recent .list a .b5{ margin-top: 20px;}
@media(max-width: 1440px){
    .sub_news_recent .list{ grid-gap: 50px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_news_recent{ margin-top: 4rem;}
    .sub_news_recent .list{ grid-template-columns: repeat(1,1fr); grid-gap: 3rem; margin-top: 1.5rem;}
    .sub_news_recent .list a h4{ margin-top: 1rem;}
    .sub_news_recent .list a .b5{ margin-top: 1rem;}
}


.sub_news_category{ margin-top: 64px;}
.sub_news_category .modle_min{}
.sub_news_category .modle_min .head{}
.sub_news_category .modle_min .head h3{}
.sub_news_category .modle_min .body{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 80px; margin-top: 32px;}
.sub_news_category .modle_min .body .wrap{}
.sub_news_category .modle_min .body .wrap .category{ display: flex; justify-content: center; align-items: center; width: 160px; height: 50px; background: #324058; cursor: pointer; transition: all .2s;}
.sub_news_category .modle_min .body .wrap .category h5{ color: #FFF; text-align: center;}
.sub_news_category .modle_min .body .wrap .category:hover{ background: #3D4F6F; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%);}
.sub_news_category .modle_min .body .wrap .img{ margin-top: 10px; padding-top: 60%;}
.sub_news_category .modle_min .body .wrap .list{}
.sub_news_category .modle_min .body .wrap .list a{ display: block; padding: 20px 0 10px 0; border-bottom: 1px solid rgba(169, 169, 169, 0.45);}
.sub_news_category .modle_min .body .wrap .list a h4{ line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_news_category .modle_min .body .wrap .list a .b5{ margin-top: 15px;}
@media(max-width: 1440px){
    .sub_news_category .modle_min .body{ grid-gap: 50px;}
}
@media(max-width: 1024px){
    .sub_news_category .modle_min .body{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 768px){
    .sub_news_category{ margin-top: 4rem;}
    .sub_news_category .modle_min .body{ grid-gap: 3rem 1.2rem; margin-top: 1.5rem;}
    .sub_news_category .modle_min .body .wrap .category{ width: 8rem; height: 3rem;}
    .sub_news_category .modle_min .body .wrap .img{ margin-top: 0.5rem;}
    .sub_news_category .modle_min .body .wrap .list a{ padding: 1rem 0;}
    .sub_news_category .modle_min .body .wrap .list a .b5{ margin-top: 1rem;}
}


.sub_news_list{ margin-top: 64px;}
.sub_news_list .modle_min{ display: grid; grid-gap: 64px; padding: 0 80px;}
.sub_news_list .wrap{}
.sub_news_list .wrap .ft{ display: flex; background: #EDFEFF;}
.sub_news_list .wrap .ft .img{ flex: 0 0 370px; height: 210px;}
.sub_news_list .wrap .ft .fr{ flex: 1; padding: 80px 40px 15px 40px;}
.sub_news_list .wrap .ft .fr .b1{ line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_news_list .wrap .ft .fr .fb{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 40px;}
.sub_news_list .wrap .ft .fr .fb .date{ display: flex; align-items: center; grid-gap: 10px;}
.sub_news_list .wrap .ft .fr .fb .date .b5{}
.sub_news_list .wrap .ft .fr .fb .date span{ display: block; width: 1px; height: 15px; background: #3E4242;}
.sub_news_list .wrap .ft .fr .fb .btn{ display: flex; grid-gap: 32px;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_copy{}
.sub_news_list .wrap .ft .fr .fb .btn .btn_copy .head{ display: flex; align-items: center; grid-gap: 10px; cursor: pointer;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_copy .head img{ display: block; height: 24px;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_copy .head .b4{}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share{ position: relative;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .head{ display: flex; align-items: center; grid-gap: 10px; cursor: pointer;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .head img{ display: block; height: 24px;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .head .b4{}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .list{ overflow: hidden; display: flex; align-items: flex-end; grid-gap: 27px; position: absolute; z-index: 10; top: 40px; right: -18px; padding: 0 10px; height: 0; border-radius: 3px; background: #324058; opacity: 0; transition: all .1s;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translate(0,3px);}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .list a img{ display: block; height: 18px;}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .list a p{ display: flex; justify-content: center; margin-top: 2px; width: 24px; text-align: center; font-size: 12px; font-weight: 300; color: #FFF; transform: scale(0.6);}
.sub_news_list .wrap .ft .fr .fb .btn .btn_share .list.on{ padding: 5px 10px; height: 40px; opacity: 1;}
.sub_news_list .wrap .tag{ display: flex; flex-wrap: wrap; grid-gap: 8px; margin-top: 20px;}
.sub_news_list .wrap .tag a{ display: flex; align-items: center; padding: 0 30px; height: 38px; border-radius: 30px; border: 1px solid #324058; font-size: 14px; color: #324058; cursor: pointer; transition: all .2s;}
.sub_news_list .wrap .tag a:hover{ background: #F2F4F7;}
@media(max-width: 1440px){
    .sub_news_list .modle_min{ padding: 0;}
}
@media(max-width: 1024px){
    .sub_news_list .wrap .ft{ display: block;}
    .sub_news_list .wrap .ft .img{ flex: 1; display: block; padding-top: 60%; height: auto;}
    .sub_news_list .wrap .ft .fr{ padding: 40px;}
}
@media(max-width: 768px){
    .sub_news_list{ margin-top: 4rem;}
    .sub_news_list .modle_min{ grid-gap: 3rem;}
    .sub_news_list .wrap .ft .fr{ padding: 1.5rem;}
    .sub_news_list .wrap .ft .fr .fb{ display: block; margin-top: 1rem;}
    .sub_news_list .wrap .ft .fr .fb .date{ grid-gap: 0.6rem;}
    .sub_news_list .wrap .ft .fr .fb .date span{ height: 1rem;}
    .sub_news_list .wrap .ft .fr .fb .btn{ justify-content: flex-end; grid-gap: 1.5rem; margin-top: 1rem;}
    .sub_news_list .wrap .ft .fr .fb .btn .btn_copy .head{ grid-gap: 0.4rem;}
    .sub_news_list .wrap .ft .fr .fb .btn .btn_copy .head img{ height: 1.6rem;}
    .sub_news_list .wrap .ft .fr .fb .btn .btn_share .head{ grid-gap: 0.4rem;}
    .sub_news_list .wrap .ft .fr .fb .btn .btn_share .head img{ height: 1.6rem;}
    .sub_news_list .wrap .tag{ grid-gap: 0.6rem; margin-top: 1rem;}
    .sub_news_list .wrap .tag a{ padding: 0 1.5rem; height: 2.5rem; border-radius: 2rem; font-size: 1rem;}
}


.sub_news_view{ margin-top: 32px; margin-bottom: 100px;}
.sub_news_view .modle_min{}
.sub_news_view .modle_min h1{ font-size: 28px;}
.sub_news_view .modle_min .info{ display: flex; align-items: center; grid-gap: 10px; margin-top: 20px;}
.sub_news_view .modle_min .info .b3{}
.sub_news_view .modle_min .info span{ display: block; width: 1px; height: 15px; background: #3E4242;}
.sub_news_view .modle_min .tag{ display: flex; flex-wrap: wrap; grid-gap: 16px; margin-top: 32px;}
.sub_news_view .modle_min .tag a{ display: flex; align-items: center; padding: 0 30px; height: 38px; border-radius: 30px; border: 1px solid #324058; font-size: 14px; color: #324058; cursor: pointer;}
.sub_news_view .modle_min .contents{ margin-top: 45px;}
.sub_news_view .modle_min .contents img{ display: block; max-width: 100%; height: auto;}
.sub_news_view .modle_min .contents .b1{ margin-top: 64px; line-height: 1.2; font-weight: 600;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_news_view{ margin-top: 2rem; margin-bottom: 4rem;}
    .sub_news_view .modle_min h1{ font-size: 1.6rem;}
    .sub_news_view .modle_min .info{ grid-gap: 0.6rem; margin-top: 1rem;}
    .sub_news_view .modle_min .info span{ height: 1rem;}
    .sub_news_view .modle_min .tag{ grid-gap: 0.8rem; margin-top: 2rem;}
    .sub_news_view .modle_min .tag a{ padding: 0 1.2rem; height: 2.5rem; border-radius: 2rem; font-size: 1rem;}
    .sub_news_view .modle_min .contents{ margin-top: 2.5rem;}
    .sub_news_view .modle_min .contents .b1{ margin-top: 4rem;}
}


.sub_event_option{ margin-top: 32px;}
.sub_event_option .modle_min{ display: grid; grid-gap: 20px;}
.sub_event_option .modle_min .wrap{ display: flex;}
.sub_event_option .modle_min .wrap .tit{ flex: 0 0 32px; display: flex; justify-content: center; align-items: center; width: 30px; height: 38px; margin-right: 20px;}
.sub_event_option .modle_min .wrap .tit img{ display: block; height: 30px;}
.sub_event_option .modle_min .wrap .body .tag{ flex: 1; display: flex; flex-wrap: wrap; grid-gap: 10px 40px; height: 40px; overflow: hidden; }
.sub_event_option .modle_min .wrap .body .tag a{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; width: 141px; height: 38px; border-radius: 20px; border: 1px solid #324058; cursor: pointer; transition: all .2s;}
.sub_event_option .modle_min .wrap .body .tag a p{ font-size: 14px; color: #324058;}
.sub_event_option .modle_min .wrap .body .tag a i{ display: none; font-size: 14px; color: #FFF;}
.sub_event_option .modle_min .wrap .body .tag a:hover{ background: #F2F4F7;}
.sub_event_option .modle_min .wrap .body .tag a.on{ background: #324058;}
.sub_event_option .modle_min .wrap .body .tag a.on p{ color: #FFF;}
.sub_event_option .modle_min .wrap .body .tag a.on i{ display: block;}
.sub_event_option .modle_min .wrap .body .tag.on{ height: auto; }
.sub_event_option .modle_min .wrap .body .more{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; cursor: pointer; margin-top: 20px;}
.sub_event_option .modle_min .wrap .body .more p{ font-size: 14px; color: #000;}
.sub_event_option .modle_min .wrap .body .more img{ display: block; transition: all .2s;}
.sub_event_option .modle_min .wrap .body .more.on img{ transform: rotate(180deg);}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
    .sub_event_option .modle_min .wrap .tag{ grid-gap: 10px 30px;}
}
@media(max-width: 768px){
    .sub_event_option{ margin-top: 2rem;}
    .sub_event_option .modle_min{ grid-gap: 1rem;}
    .sub_event_option .modle_min .wrap .tit{ flex: 0 0 2rem; width: 2rem; height: 2.5rem; margin-right: 1rem;}
    .sub_event_option .modle_min .wrap .tit img{ height: 1.6rem;}
    .sub_event_option .modle_min .wrap .tag{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0.5rem;}
    .sub_event_option .modle_min .wrap .tag a{ grid-gap: 0.6rem; width: 100%; height: 2.5rem; border-radius: 2rem;}
    .sub_event_option .modle_min .wrap .tag a p{ font-size: 1rem;}
    .sub_event_option .modle_min .wrap .tag a i{ font-size: 1rem;}
}


.sub_event{ margin-top: 64px;}
.sub_event .modle_min{}
.sub_event .head{}
.sub_event .head h3{}
.sub_event .menu{ display: flex;}
.sub_event .menu a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 50px; border-bottom: 5px solid #324058; background: #E7E7E7; font-size: 14px; color: #000; cursor: pointer;}
.sub_event .menu a.on{ border-bottom: 0; background: #324058; font-size: 20px; font-weight: 800; color: #FFF;}
.sub_event .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 80px; margin-top: 32px;}
.sub_event .list .wrap{}
.sub_event .list .wrap .img{ position: relative; padding-top: 60%;}
.sub_event .list .wrap .img .tag{ display: flex; align-items: center; position: absolute; top: 6px; left: 6px; margin: 0; padding: 0 25px; height: 30px; background: #324058;}
.sub_event .list .wrap .img .tag h5{ color: #FFF;}
.sub_event .list .wrap .fb{ padding: 15px 30px; background: #CEF0F2;}
.sub_event .list .wrap .fb h4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-bottom: 2px;}
.sub_event .list .wrap .fb .date{ display: flex; align-items: center; grid-gap: 10px; margin-top: 20px;}
.sub_event .list .wrap .fb .date img{ display: block; height: 20px;}
.sub_event .list .wrap .fb .date .b5{ color: #000;}
.sub_event .list .wrap .fb .add{ display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.sub_event .list .wrap .fb .add .fl{ display: flex; align-items: center; grid-gap: 10px;}
.sub_event .list .wrap .fb .add .fl img{ display: block; height: 20px;}
.sub_event .list .wrap .fb .add .fl .b5{ color: #000;}
.sub_event .list .tag{ display: flex; flex-wrap: wrap; grid-gap: 10px 20px; margin-top: 15px;}
.sub_event .list .tag p{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; width: 141px; height: 38px; border-radius: 20px; border: 1px solid #324058; font-size: 14px; color: #324058;}
.sub_event .list_nodata{ margin-top: 64px;}
@media(max-width: 1440px){
    .sub_event .list{ grid-gap: 50px;}
}
@media(max-width: 1024px){
    .sub_event .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 768px){
    .sub_event{ margin-top: 4rem;}
    .sub_event .menu a{ height: 4.5rem; border-bottom: 2px solid #324058; padding: 0 1rem; text-align: center; font-size: 1rem;}
    .sub_event .menu a.on{ font-size: 1.1rem;}
    .sub_event .list{ grid-template-columns: repeat(1,1fr); grid-gap: 3rem; margin-top: 1.5rem;}
    .sub_event .list .wrap .img .tag{ top: 0.5rem; left: 0.5rem; padding: 0 1.2rem; height: 2rem;}
    .sub_event .list .wrap .fb{ padding: 1.5rem 2rem;}
    .sub_event .list .wrap .fb .date{ grid-gap: 0.6rem; margin-top: 1rem;}
    .sub_event .list .wrap .fb .date img{ width: 1.4rem; height: auto;}
    .sub_event .list .wrap .fb .add{ margin-top: 0.6rem;}
    .sub_event .list .wrap .fb .add .fl{ grid-gap: 0.6rem;}
    .sub_event .list .wrap .fb .add .fl img{ width: 1.4rem; height: auto;}
    .sub_event .list .tag{ grid-gap: 0.6rem; margin-top: 1rem;}
    .sub_event .list .tag p{ grid-gap: 1rem; width: 7rem; height: 2.5rem; border-radius: 2rem; font-size: 1rem;}
    .sub_event .list_nodata{ margin-top: 4rem;}
}


.sub_upcoming{ margin-top: 64px;}
.sub_upcoming .modle_min{}
.sub_upcoming .modle_min .head{ display: flex; justify-content: space-between; align-items: center;}
.sub_upcoming .modle_min .head h3{}
.sub_upcoming .modle_min .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 80px; margin-top: 32px;}
.sub_upcoming .modle_min .list .wrap{}
.sub_upcoming .modle_min .list .wrap .img{ position: relative; padding-top: 60%;}
.sub_upcoming .modle_min .list .wrap .img .tag{ display: flex; align-items: center; position: absolute; top: 6px; left: 6px; padding: 0 12px; height: 30px; background: #324058;}
.sub_upcoming .modle_min .list .wrap .img .tag h5{ color: #FFF;}
.sub_upcoming .modle_min .list .wrap .fb{ padding: 15px 10px; background: #CEF0F2;}
.sub_upcoming .modle_min .list .wrap .fb h4{ text-align: center;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-bottom: 2px; }
.sub_upcoming .modle_min .list .wrap .fb .b5{ margin-top: 15px; text-align: center;}
.sub_upcoming .modle_min .list .wrap .fb .btn{ display: flex; grid-gap: 12px; margin-top: 15px;}
.sub_upcoming .modle_min .list .wrap .fb .btn a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 38px; border: 1px solid #324058; background: #FFF; font-size: 14px; font-weight: 600; color: #324058;}
.sub_upcoming .modle_min .list .wrap .fb .btn a:last-child{ background: #324058; color: #FFF;}
@media(max-width: 1440px){
    .sub_upcoming .modle_min .list{ grid-gap: 50px;}
}
@media(max-width: 1024px){
    .sub_upcoming .modle_min .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 768px){
    .sub_upcoming{ margin-top: 4rem;}
    .sub_upcoming .modle_min .list{ grid-template-columns: repeat(1,1fr); grid-gap: 3rem; margin-top: 1.5rem;}
    .sub_upcoming .modle_min .list .wrap .img .tag{ top: 0.4rem; left: 0.4rem; padding: 0 1rem; height: 2rem;}
    .sub_upcoming .modle_min .list .wrap .fb{ padding: 1.5rem 1rem;}
    .sub_upcoming .modle_min .list .wrap .fb .b5{ margin-top: 1rem;}
    .sub_upcoming .modle_min .list .wrap .fb .btn{ grid-gap: 0.8rem; margin-top: 1rem;}
    .sub_upcoming .modle_min .list .wrap .fb .btn a{ height: 2.5rem; font-size: 1rem;}
}


.sub_past_events{ margin-top: 64px;}
.sub_past_events .head{ display: flex; justify-content: space-between; align-items: center;}
.sub_past_events .head h3{ display: flex; justify-content: space-between; align-items: center;}
.sub_past_events .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 64px 200px; margin-top: 32px;}
.sub_past_events .list .wrap{}
.sub_past_events .list .wrap .img{ padding-top: 60%;}
.sub_past_events .list .wrap .fb{ padding: 20px 30px; background: #F1F1F1;}
.sub_past_events .list .wrap .fb h4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-bottom: 2px;}
.sub_past_events .list .wrap .fb .b1{ margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_past_events .list .wrap .fb .date{ display: flex; align-items: center; grid-gap: 15px; margin-top: 20px;}
.sub_past_events .list .wrap .fb .date img{}
.sub_past_events .list .wrap .fb .date .b2{}
.sub_past_events .list .wrap .fb .add{ display: flex; align-items: center; grid-gap: 15px; margin-top: 20px;}
.sub_past_events .list .wrap .fb .add img{}
.sub_past_events .list .wrap .fb .add .b2{}
.sub_past_events .list .wrap .fb .btn{ float: right; display: flex; justify-content: center; align-items: center; margin-top: 20px; width: 140px; height: 38px; background: #324058; font-size: 14px; font-weight: 600; color: #FFF; cursor: pointer; transition: all .2s;}
.sub_past_events .list .wrap .fb .btn:hover{ background: #3D4F6F; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%);}
@media(max-width: 1440px){
    .sub_past_events .list{ grid-gap: 50px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_past_events{ margin-top: 4rem;}
    .sub_past_events .list{ grid-template-columns: repeat(1,1fr); grid-gap: 3rem; margin-top: 1.5rem;}
    .sub_past_events .list .wrap .fb{ padding: 1.5rem;}
    .sub_past_events .list .wrap .fb .b1{ margin-top: 1rem;}
    .sub_past_events .list .wrap .fb .date{ grid-gap: 1rem; margin-top: 1rem;}
    .sub_past_events .list .wrap .fb .date img{ width: 1.4rem;}
    .sub_past_events .list .wrap .fb .add{ grid-gap: 1rem; margin-top: 1rem;}
    .sub_past_events .list .wrap .fb .add img{ width: 1.4rem}
    .sub_past_events .list .wrap .fb .btn{ margin-top: 1rem; width: 10rem; height: 2.5rem; font-size: 1rem;}
}


.sub_community_event_view{ margin-top: 32px;}
.sub_community_event_view .head{}
.sub_community_event_view .head h1{ font-size: 28px; font-weight: 700;}
.sub_community_event_view .head .fb{ display: flex; justify-content: space-between; align-items: center; margin-top: 32px;}
.sub_community_event_view .head .fb .fl{ display: flex; grid-gap: 64px; min-height: 40px;}
.sub_community_event_view .head .fb .fl .wrap{ display: flex; align-items: center; grid-gap: 15px;}
.sub_community_event_view .head .fb .fl .wrap img{ display: block; height: 24px;}
.sub_community_event_view .head .fb .fl .wrap h5{}
.sub_community_event_view .head .fb .btn{ display: flex; justify-content: center; align-items: center; width: 164px; height: 40px; background: #324058; font-size: 14px; font-weight: 600; color: #FFF; transition: all .2s; cursor: pointer;}
.sub_community_event_view .head .fb .btn:hover{ background: #3D4F6F; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%);}
.sub_community_event_view .img{ margin-top: 32px;}
.sub_community_event_view .img img{ display: block; width: 100%;}

.sub_community_event_view .img_rolling{ margin-top: 32px;}
.sub_community_event_view .img_rolling .ft{ position: relative;}
.sub_community_event_view .img_rolling .ft .max{ overflow: hidden;}
.sub_community_event_view .img_rolling .ft .max .swiper-wrapper{}
.sub_community_event_view .img_rolling .ft .max .swiper-wrapper .swiper-slide{}
.sub_community_event_view .img_rolling .ft .max .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.sub_community_event_view .img_rolling .min{ overflow: hidden; margin-top: 40px;}
.sub_community_event_view .img_rolling .min .swiper-wrapper{}
.sub_community_event_view .img_rolling .min .swiper-wrapper .swiper-slide{ cursor: pointer;}
.sub_community_event_view .img_rolling .min .swiper-wrapper .swiper-slide img{ display: block; width: 100%; opacity: 1; filter: grayscale(100%);}
.sub_community_event_view .img_rolling .min .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img{ opacity: 1; filter: grayscale(0);}
.sub_community_event_view .img_rolling .img_rolling_prev{ position: absolute; top: calc(50% - 20px); left: -40px; cursor: pointer;}
.sub_community_event_view .img_rolling .img_rolling_prev img{ display: block; height: 40px;}
.sub_community_event_view .img_rolling .img_rolling_next{ position: absolute; top: calc(50% - 20px); right: -40px; cursor: pointer;}
.sub_community_event_view .img_rolling .img_rolling_next img{ display: block; height: 40px;}

.sub_community_event_view .menu{ display: grid; grid-template-columns: repeat(3,1fr); margin-top: 64px; border-bottom: 5px solid #324058;}
.sub_community_event_view .menu a{ display: flex; justify-content: center; align-items: center; height: 45px; background: #E7E7E7; font-size: 14px; color: #000; cursor: pointer;}
.sub_community_event_view .menu a.on{ background: #324058; font-size: 20px; font-weight: 800; color: #FFF;}

.sub_community_event_view .past_text{ margin-top: 64px;}
.sub_community_event_view .past_text .b1{ margin-top: 32px; line-height: 1.2; font-size: 20px; font-weight: 600;}
.sub_community_event_view .past_text .b1 br{}

.sub_community_event_view .date{ display: grid; grid-gap: 24px; margin-top: 64px; padding: 20px 40px; max-width: 700px; background: #EDFEFF; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%);}
.sub_community_event_view .date .wrap{ display: flex;}
.sub_community_event_view .date .wrap .fl{ flex: 0 0 24px; margin-right: 15px;}
.sub_community_event_view .date .wrap .fl img{ display: block; height: 24px;}
.sub_community_event_view .date .wrap .fr{ flex: 1; display: grid; grid-gap: 20px;}
.sub_community_event_view .date .wrap .fr h4{ height: 24px; line-height: 24px;}

.sub_community_event_view .text{ margin-top: 64px;}
.sub_community_event_view .text .b1{ line-height: 1.2; font-size: 20px; font-weight: 600;}
.sub_community_event_view .text .b1 br{}

.sub_community_event_view .modle_min > .btn{ display: flex; justify-content: flex-end; grid-gap: 32px; margin-top: 20px;}
.sub_community_event_view .modle_min > .btn .btn_copy{}
.sub_community_event_view .modle_min > .btn .btn_copy .head{ display: flex; align-items: center; grid-gap: 10px; cursor: pointer;}
.sub_community_event_view .modle_min > .btn .btn_copy .head img{ display: block; height: 24px;}
.sub_community_event_view .modle_min > .btn .btn_copy .head .b4{}
.sub_community_event_view .modle_min > .btn .btn_share{ position: relative;}
.sub_community_event_view .modle_min > .btn .btn_share .head{ display: flex; align-items: center; grid-gap: 10px; cursor: pointer;}
.sub_community_event_view .modle_min > .btn .btn_share .head img{ display: block; height: 24px;}
.sub_community_event_view .modle_min > .btn .btn_share .head .b4{}
.sub_community_event_view .modle_min > .btn .btn_share .list{ overflow: hidden; display: flex; align-items: flex-end; grid-gap: 27px; position: absolute; z-index: 10; top: 40px; right: 0; padding: 0 10px; height: 0; border-radius: 3px; background: #324058; opacity: 0; transition: all .1s;}
.sub_community_event_view .modle_min > .btn .btn_share .list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translate(0,3px);}
.sub_community_event_view .modle_min > .btn .btn_share .list a img{ display: block; height: 18px;}
.sub_community_event_view .modle_min > .btn .btn_share .list a p{ display: flex; justify-content: center; margin-top: 2px; width: 24px; text-align: center; font-size: 12px; font-weight: 300; color: #FFF; transform: scale(0.6);}
.sub_community_event_view .modle_min > .btn .btn_share .list.on{ padding: 5px 10px; height: 40px; opacity: 1;}

.sub_community_event_view .follow{ margin-top: 32px; padding: 32px 0; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4;}
.sub_community_event_view .follow h3{}
.sub_community_event_view .follow .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 80px; margin-top: 30px;}
.sub_community_event_view .follow .list .wrap{ display: flex;}
.sub_community_event_view .follow .list .wrap .logo{ flex: 1; display: flex; align-items: center;}
.sub_community_event_view .follow .list .wrap .logo img{ display: block; max-width: 100%; max-height: 100%;}
.sub_community_event_view .follow .list .wrap .btn_f{ flex: 0 0 180px; display: flex; justify-content: center; align-items: center; margin-left: 20px; height: 38px; background: #324058; transition: all .2s; cursor: pointer;}
.sub_community_event_view .follow .list .wrap .btn_f h5{ color: #FFF;}
.sub_community_event_view .follow .list .wrap .btn_f:hover{ background: #3D4F6F; box-shadow: 0 4px 4px 0 rgba(0 0 0/25%);}
@media(max-width: 1440px){
    .sub_community_event_view .follow .list{ grid-gap: 50px;}
    .sub_community_event_view .follow .list .wrap .btn_f{ flex: 0 0 8rem;}
}
@media(max-width: 1024px){
    .sub_community_event_view .follow .list{ grid-template-columns: repeat(1,1fr);}
}
@media(max-width: 768px){
    .sub_community_event_view{ margin-top: 2rem;}
    .sub_community_event_view .head h1{ font-size: 1.6rem;}
    .sub_community_event_view .head .fb{ display: block; margin-top: 2rem;}
    .sub_community_event_view .head .fb .fl{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 1rem; min-height: auto;}
    .sub_community_event_view .head .fb .fl .wrap{ grid-gap: 1rem;}
    .sub_community_event_view .head .fb .fl .wrap img{ width: 1.6rem; height: auto;}
    .sub_community_event_view .head .fb .btn{ margin-top: 1rem; width: auto; height: 3rem; font-size: 1rem;}
    .sub_community_event_view .img{ margin-top: 2rem;}

    .sub_community_event_view .img_rolling{ margin-top: 2rem;}
    .sub_community_event_view .img_rolling .min{ margin-top: 1rem;}
    .sub_community_event_view .img_rolling .img_rolling_prev{ display: none;}
    .sub_community_event_view .img_rolling .img_rolling_next{ display: none;}

    .sub_community_event_view .menu{ margin-top: 4rem; border-bottom: 2px solid #324058;}
    .sub_community_event_view .menu a{ height: 3rem; font-size: 1rem;}
    .sub_community_event_view .menu a.on{ font-size: 1.2rem;}

    .sub_community_event_view .past_text{ margin-top: 4rem;}
    .sub_community_event_view .past_text .b1{ margin-top: 2rem; font-size: 1.1rem;}

    .sub_community_event_view .date{ grid-gap: 1.5rem; margin-top: 4rem; padding: 1.5rem;}
    .sub_community_event_view .date .wrap{ display: flex;}
    .sub_community_event_view .date .wrap .fl{ flex: 0 0 1.4rem; margin-right: 0.6rem;}
    .sub_community_event_view .date .wrap .fl img{ height: 1.4rem;}
    .sub_community_event_view .date .wrap .fr{ flex: 1; display: grid; grid-gap: 1rem;}
    .sub_community_event_view .date .wrap .fr h4{ height: 1.5rem; line-height: 1.5rem;}

    .sub_community_event_view .text{ margin-top: 4rem;}
    .sub_community_event_view .text .b1{ font-size: 1.1rem;}

    .sub_community_event_view .modle_min > .btn{ grid-gap: 2rem; margin-top: 2rem;}
    .sub_community_event_view .modle_min > .btn .btn_copy .head{ grid-gap: 0.6rem;}
    .sub_community_event_view .modle_min > .btn .btn_copy .head img{ height: 1.6rem;}
    .sub_community_event_view .modle_min > .btn .btn_share .head{ grid-gap: 0.6rem;}
    .sub_community_event_view .modle_min > .btn .btn_share .head img{ height: 1.6rem;}

    .sub_community_event_view .follow{ margin-top: 2rem; padding: 2rem 0;}
    .sub_community_event_view .follow .list{ grid-gap: 2rem; margin-top: 2rem;}
    .sub_community_event_view .follow .list .wrap .logo img{ max-width: 80%; max-height: 100%;}
    .sub_community_event_view .follow .list .wrap .btn_f{ flex: 0 0 10rem; margin-left: 1rem; height: 2.5rem;}
}



.sub_community_netwroking{ margin-top: 64px;}
.sub_community_netwroking .head h1:nth-child(2){ margin-top: 32px; font-size: 28px;}
.sub_community_netwroking .body{ margin-top: 32px;}
.sub_community_netwroking .body img{ display: block; width: 100%; height: auto;}
.sub_community_netwroking .body h4{ margin-top: 32px; line-height: 1.2;}
.sub_community_netwroking .body .wrap{ display: grid; grid-gap: 20px; margin-top: 64px;}
.sub_community_netwroking .body .wrap h3{}
.sub_community_netwroking .body .wrap .b1{ display: flex;}
.sub_community_netwroking .body .wrap .b1 span{ flex: 0 0 40px; display: flex; justify-content: center; align-items: center; height: 18px;}
.sub_community_netwroking .body .wrap .b1 span:before{ content: ""; display: block; width: 6px; height: 6px; background: #324058;}
.sub_community_netwroking .modle_btn_01{ justify-content: center; margin: 64px auto 0 auto; width: 334px;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_community_netwroking{ margin-top: 4rem;}
    .sub_community_netwroking .head h1:nth-child(2){ margin-top: 2rem; font-size: 1.6rem;}
    .sub_community_netwroking .body{ margin-top: 2rem;}
    .sub_community_netwroking .body h4{ margin-top: 2rem;}
    .sub_community_netwroking .body .wrap{ grid-gap: 1rem; margin-top: 4rem;}
    .sub_community_netwroking .body .wrap .b1 span{ flex: 0 0 1.8rem; height: 1.2rem;}
    .sub_community_netwroking .body .wrap .b1 span:before{ width: 0.3rem; height: 0.3rem;}
    .sub_community_netwroking .modle_btn_01{ margin: 4rem 0 0 0; width: auto;}
}


.sub_programme{}
.sub_programme .scroll_menu{ margin-top: 64px;}
.sub_programme .scroll_menu ul{ display: grid; grid-template-columns: repeat(5,1fr); border-bottom: 5px solid #324058;}
.sub_programme .scroll_menu ul li{}
.sub_programme .scroll_menu ul li a{ display: flex; justify-content: center; align-items: center; height: 45px; background: #E7E7E7; cursor: pointer;}
.sub_programme .scroll_menu ul li a p{ font-size: 14px; color: #000;}
.sub_programme .scroll_menu ul li.on a{ background: #324058;}
.sub_programme .scroll_menu ul li.on a p{ font-size: 20px; font-weight: 800; color: #FFF;}
.sub_programme .scroll_body{ margin-top: 64px;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_programme .scroll_menu{ margin-top: 4rem;}
    .sub_programme .scroll_menu ul{ grid-template-columns: repeat(6,1fr); grid-gap: 0.4rem; border-bottom: 0;}
    .sub_programme .scroll_menu ul li:nth-child(1){ grid-column: 1/3;}
    .sub_programme .scroll_menu ul li:nth-child(2){ grid-column: 3/5;}
    .sub_programme .scroll_menu ul li:nth-child(3){ grid-column: 5/7;}
    .sub_programme .scroll_menu ul li:nth-child(4){ grid-column: 1/4;}
    .sub_programme .scroll_menu ul li:nth-child(5){ grid-column: 4/7;}
    .sub_programme .scroll_menu ul li a{ height: 3rem;}
    .sub_programme .scroll_menu ul li a p{ font-size: 1rem;}
    .sub_programme .scroll_menu ul li.on a p{ font-size: 1.2rem;}
    .sub_programme .scroll_body{ margin-top: 4rem;}
}


.sub_programme_overview{}
.sub_programme_overview .top{}
.sub_programme_overview .top h3{}
.sub_programme_overview .top .b1{ margin-top: 32px; line-height: 1.2; font-weight: 600;}
.sub_programme_overview .top .b1 br{}
.sub_programme_overview .top .b1 h2{ display: inline-block;}
.sub_programme_overview .btn{ display: flex; justify-content: flex-end; grid-gap: 32px; margin-top: 20px;}
.sub_programme_overview .btn .btn_copy{}
.sub_programme_overview .btn .btn_copy .head{ display: flex; align-items: center; grid-gap: 10px; cursor: pointer;}
.sub_programme_overview .btn .btn_copy .head img{ display: block; height: 24px;}
.sub_programme_overview .btn .btn_copy .head .b4{}
.sub_programme_overview .btn .btn_share{ position: relative;}
.sub_programme_overview .btn .btn_share .head{ display: flex; align-items: center; grid-gap: 10px; cursor: pointer;}
.sub_programme_overview .btn .btn_share .head img{ display: block; height: 24px;}
.sub_programme_overview .btn .btn_share .head .b4{}
.sub_programme_overview .btn .btn_share .list{ overflow: hidden; display: flex; align-items: flex-end; grid-gap: 27px; position: absolute; z-index: 10; top: 40px; right: 0; padding: 0 10px; height: 0; border-radius: 3px; background: #324058; opacity: 0; transition: all .1s;}
.sub_programme_overview .btn .btn_share .list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translate(0,3px);}
.sub_programme_overview .btn .btn_share .list a img{ display: block; height: 18px;}
.sub_programme_overview .btn .btn_share .list a p{ display: flex; justify-content: center; margin-top: 2px; width: 24px; text-align: center; font-size: 12px; font-weight: 300; color: #FFF; transform: scale(0.6);}
.sub_programme_overview .btn .btn_share .list.on{ padding: 5px 10px; height: 40px; opacity: 1;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_programme_overview .top .b1{ margin-top: 2rem;}
    .sub_programme_overview .top .b1 h2{ font-size: 1.4rem;}
    .sub_programme_overview .btn{ grid-gap: 2rem; margin-top: 1rem;}
    .sub_programme_overview .btn .btn_copy .head{ grid-gap: 0.6rem;}
    .sub_programme_overview .btn .btn_copy .head img{ width: 1.4rem; height: auto;}
    .sub_programme_overview .btn .btn_share .head{ grid-gap: 0.6rem;}
    .sub_programme_overview .btn .btn_share .head img{ width: 1.4rem; height: auto;}
}


.sub_programme_eligibility{}
.sub_programme_eligibility h3{}
.sub_programme_eligibility h4{ margin-top: 32px;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_programme_eligibility h4{ margin-top: 2rem;}
}


.sub_programme_programme{ display: flex; flex-direction: column; align-items: center;}
.sub_programme_programme .head{ display: flex; align-items: center; padding: 0 40px; height: 75px; border-right: 10px solid #324058; border-left: 10px solid #324058; background: #CEF0F2; font-size: 32px; font-weight: 700; color: #324058;}
.sub_programme_programme .body{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 100px; margin-top: 64px;}
.sub_programme_programme .body .wrap{ position: relative; border-top: 10px solid #324058; border-bottom: 10px solid #324058; background: #F1F1F1;}
.sub_programme_programme .body .wrap:before{ content: ""; display: block; position: absolute; top: calc(50% - 25px); right: -75px; width: 50px; height: 50px; background: url(/images/icon_rr.svg) no-repeat center;}
.sub_programme_programme .body .wrap:last-child:before{ display: none;}
.sub_programme_programme .body .wrap .ft{ display: flex; flex-direction: column; align-items: center; padding: 20px; height: 120px; background: #CEF0F2;}
.sub_programme_programme .body .wrap .ft img{ display: block; width: 24px;}
.sub_programme_programme .body .wrap .ft h4{ margin-top: 15px; text-align: center;}
.sub_programme_programme .body .wrap .fb{ padding: 40px 25px;}
.sub_programme_programme .body .wrap .fb .b1{ text-align: center;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
    .sub_programme_programme .head{ padding: 20px 30px; height: auto; text-align: center;}
    .sub_programme_programme .body{ grid-template-columns: repeat(1,1fr);}
    .sub_programme_programme .body .wrap:before{ top: initial; bottom: -75px; left: calc(50% - 25px); transform: rotate(90deg);}
}
@media(max-width: 768px){
    .sub_programme_programme .head{ padding: 1rem 1.5rem; border-right: 4px solid #324058; border-left: 4px solid #324058; font-size: 1.6rem;}
    .sub_programme_programme .body{ grid-gap: 2rem; margin-top: 2rem;}
    .sub_programme_programme .body .wrap{ border-top: 3px solid #324058; border-bottom: 3px solid #324058;}
    .sub_programme_programme .body .wrap:before{ left: calc(50% - 1rem); bottom: -2rem; width: 2rem; height: 2rem; background: url(/images/icon_rr.svg) no-repeat center; background-size: 1.4rem 1.4rem;}
    .sub_programme_programme .body .wrap .ft{ padding: 1.5rem; height: auto;}
    .sub_programme_programme .body .wrap .ft img{ width: 1.5rem;}
    .sub_programme_programme .body .wrap .ft h4{ margin-top: 1rem;}
    .sub_programme_programme .body .wrap .fb{ padding: 2rem 1.5rem;}
}


.sub_programme_dates{}
.sub_programme_dates .head{}
.sub_programme_dates .head h4{}
.sub_programme_dates .body{}
.sub_programme_dates .body .wrap{ display: flex; justify-content: space-between; align-items: center; margin-top: 28px; padding: 0 24px 0 15px; height: 74px; border: 1px solid #5BBDB5; border-left: 10px solid #5BBDB5; background: #FFF; box-shadow: 0 4px 8px 0 rgba(0 0 0/5%);}
.sub_programme_dates .body .wrap h4{}
.sub_programme_dates .body .wrap .fr{ display: flex; align-items: center; grid-gap: 35px;}
.sub_programme_dates .body .wrap .fr h4{}
.sub_programme_dates .body .wrap .fr .btn{ width: 8px; min-height: 20px;}
.sub_programme_dates .body .wrap .fr .btn img{ display: block; width: 100%;}
.sub_programme_dates .body .wrap.off h4{ opacity: 0.5;}
.sub_programme_dates .body .wrap.off .fr{ opacity: 0.5;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_programme_dates .body .wrap{ margin-top: 1rem; padding: 1.5rem 1rem; height: auto; border-left: 1rem solid #5BBDB5;}
    .sub_programme_dates .body .wrap h4{ font-size: 1.1rem;}
    .sub_programme_dates .body .wrap .fr{ display: flex; align-items: center; grid-gap: 1rem;}
    .sub_programme_dates .body .wrap .fr h4{ text-align: right; font-size: 1.1rem;}
    .sub_programme_dates .body .wrap .fr .btn{ width: 0.4rem; min-height: 1rem;}
}


.sub_programme_partner{ margin-top: 64px;}
.sub_programme_partner .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px; margin-top: 32px;}
.sub_programme_partner .list a{ display: flex; justify-content: center; align-items: center; height: 120px; border: 1px solid #e5e5e5;}
.sub_programme_partner .list a img{ display: block; max-width: 80%; max-height: 60%;}
@media(max-width: 1440px){
}
@media(max-width: 1024px){
    .sub_programme_partner .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 768px){
    .sub_programme_partner{ margin-top: 4rem;}
    .sub_programme_partner .list{ grid-gap: 1rem; margin-top: 2rem;}
    .sub_programme_partner .list a{ height: 5rem;}
}










.popup_footer_news{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_footer_news .contents{ position: relative; z-index: 20; width: 640px; border-top: 40px solid #324058; background: #FFF; opacity: 0; transform: scale(.5); transition: all .5s;}
.popup_footer_news .contents .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 20px; right: 20px; width: 32px; height: 32px; background: #324058; cursor: pointer;}
.popup_footer_news .contents .close i{ font-size: 16px; color: #FFF;}
.popup_footer_news .contents .scroll{ overflow: auto; padding: 40px; max-height: 700px;}
.popup_footer_news .contents .head .b1{ margin-top: 32px;}
.popup_footer_news .contents .body{ display: grid; grid-gap: 32px; margin-top: 20px;}
.popup_footer_news .contents .body .wrap{}
.popup_footer_news .contents .body .wrap .submission_error{ text-align: center; display:none; }
.popup_footer_news .contents .body .wrap h4{ padding-bottom: 20px;}
.popup_footer_news .contents .body .wrap input{ display: flex; align-items: center; margin: 0; padding: 0; width: 100%; height: 50px; border-radius: 0; border: 0; border-bottom: 1px solid #505050; background: none; font-size: 18px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.popup_footer_news .contents .body .wrap .flex{ display: flex; grid-gap: 32px;}
.popup_footer_news .contents .editor{ margin-top: 32px; min-height: 150px; background: #d9d9d9;}
.popup_footer_news .contents .modle_btn_01{ justify-content: center; margin: 32px auto 0 auto; width: 334px;}
.popup_footer_news > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.0000001%);}
.popup_footer_news.on{ top: 0; bottom: 0; background: rgba(0 0 0/70%);}
.popup_footer_news.on .contents{ opacity: 1; transform: scale(1);}
@media(max-width: 1440px){
    .popup_footer_news .contents .scroll{ max-height: 500px;}
}
@media(max-width: 1024px){
    .popup_footer_news .contents .scroll{ max-height: 700px;}
}
@media(max-width: 768px){
    .popup_footer_news .contents{ width: 26rem; border-top: 2rem solid #324058;}
    .popup_footer_news .contents .close{ top: 1rem; right: 1rem; width: 2rem; height: 2rem;}
    .popup_footer_news .contents .close i{ font-size: 1rem;}
    .popup_footer_news .contents .scroll{ padding: 2rem; max-height: 40rem;}
    .popup_footer_news .contents .head .b1{ margin-top: 1.5rem;}
    .popup_footer_news .contents .body{ grid-gap: 2rem; margin-top: 1.5rem;}
    .popup_footer_news .contents .body .wrap h4{ padding-bottom: 1rem;}
    .popup_footer_news .contents .body .wrap input{ height: 3rem; font-size: 1rem;}
    .popup_footer_news .contents .body .wrap .flex{ grid-gap: 2rem;}
    .popup_footer_news .contents .editor{ margin-top: 1.5rem; height: 10rem;}
    .popup_footer_news .contents .modle_btn_01{ margin: 1.5rem 0 0 0; width: 100%;}
}


.popup_community_edTech_together_about{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_community_edTech_together_about .contents{ position: relative; z-index: 20; width: 960px; border-top: 40px solid #324058; background: #FFF; opacity: 0; transform: scale(.5); transition: all .5s;}
.popup_community_edTech_together_about .contents .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 20px; right: 20px; width: 32px; height: 32px; background: #324058; cursor: pointer;}
.popup_community_edTech_together_about .contents .close i{ font-size: 16px; color: #FFF;}
.popup_community_edTech_together_about .contents .scroll{ overflow: auto; padding: 40px; max-height: 700px;}
.popup_community_edTech_together_about .contents .head h3{ margin-top: 32px;}
.popup_community_edTech_together_about .contents .body{ margin-top: 32px;}
.popup_community_edTech_together_about .contents .body img{ display: block; width: 100%; height: auto;}
.popup_community_edTech_together_about .contents .body h4{ margin-top: 32px;}
.popup_community_edTech_together_about .contents .body .wrap{ display: grid; grid-gap: 20px; margin-top: 64px;}
.popup_community_edTech_together_about .contents .body .wrap h3{}
.popup_community_edTech_together_about .contents .body .wrap .b1{ display: flex;}
.popup_community_edTech_together_about .contents .body .wrap .b1 span{ flex: 0 0 40px; display: flex; justify-content: center; align-items: center; height: 18px;}
.popup_community_edTech_together_about .contents .body .wrap .b1 span:before{ content: ""; display: block; width: 6px; height: 6px; background: #324058;}
.popup_community_edTech_together_about .contents .modle_btn_01{ justify-content: center; margin: 32px auto 0 auto; width: 334px;}
.popup_community_edTech_together_about > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.0000001%);}
.popup_community_edTech_together_about.on{ top: 0; bottom: 0; background: rgba(0 0 0/70%);}
.popup_community_edTech_together_about.on .contents{ opacity: 1; transform: scale(1);}
@media(max-width: 1440px){
    .popup_community_edTech_together_about .contents .scroll{ max-height: 500px;}
}
@media(max-width: 1024px){
    .popup_community_edTech_together_about .contents .scroll{ max-height: 700px;}
}
@media(max-width: 768px){
    .popup_community_edTech_together_about .contents{ width: 26rem; border-top: 2rem solid #324058;}
    .popup_community_edTech_together_about .contents .close{ top: 1rem; right: 1rem; width: 2rem; height: 2rem;}
    .popup_community_edTech_together_about .contents .close i{ font-size: 1rem;}
    .popup_community_edTech_together_about .contents .scroll{ padding: 2rem; max-height: 40rem;}
    .popup_community_edTech_together_about .contents .head h3{ margin-top: 1.5rem;}
    .popup_community_edTech_together_about .contents .body{ margin-top: 1.5rem;}
    .popup_community_edTech_together_about .contents .body h4{ margin-top: 1.5rem;}
    .popup_community_edTech_together_about .contents .body .wrap{ grid-gap: 1rem; margin-top: 3rem;}
    .popup_community_edTech_together_about .contents .body .wrap .b1 span{ flex: 0 0 1.8rem; height: 1.2rem;}
    .popup_community_edTech_together_about .contents .body .wrap .b1 span:before{ width: 0.3rem; height: 0.3rem;}
    .popup_community_edTech_together_about .contents .modle_btn_01{ margin: 1.5rem 0 0 0; width: 100%;}
}


.popup_community_partnership_events_about{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/0); transition: background .5s;}
.popup_community_partnership_events_about .contents{ position: relative; z-index: 20; width: 960px; border-top: 40px solid #324058; background: #FFF; opacity: 0; transform: scale(.5); transition: all .5s;}
.popup_community_partnership_events_about .contents .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 20px; right: 20px; width: 32px; height: 32px; background: #324058; cursor: pointer;}
.popup_community_partnership_events_about .contents .close i{ font-size: 16px; color: #FFF;}
.popup_community_partnership_events_about .contents .scroll{ overflow: auto; padding: 40px; max-height: 700px;}
.popup_community_partnership_events_about .contents .head h3{ margin-top: 32px;}
.popup_community_partnership_events_about .contents .body{ margin-top: 32px;}
.popup_community_partnership_events_about .contents .body img{ display: block; width: 100%; height: auto;}
.popup_community_partnership_events_about .contents .body h4{ margin-top: 32px;}
.popup_community_partnership_events_about .contents .modle_btn_01{ justify-content: center; margin: 32px auto 0 auto; width: 334px;}
.popup_community_partnership_events_about > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.0000001%);}
.popup_community_partnership_events_about.on{ top: 0; bottom: 0; background: rgba(0 0 0/70%);}
.popup_community_partnership_events_about.on .contents{ opacity: 1; transform: scale(1);}
@media(max-width: 1440px){
    .popup_community_partnership_events_about .contents .scroll{ max-height: 500px;}
}
@media(max-width: 1024px){
    .popup_community_partnership_events_about .contents .scroll{ max-height: 700px;}
}
@media(max-width: 768px){
    .popup_community_partnership_events_about .contents{ width: 26rem; border-top: 2rem solid #324058;}
    .popup_community_partnership_events_about .contents .close{ top: 1rem; right: 1rem; width: 2rem; height: 2rem;}
    .popup_community_partnership_events_about .contents .close i{ font-size: 1rem;}
    .popup_community_partnership_events_about .contents .scroll{ padding: 2rem; max-height: 40rem;}
    .popup_community_partnership_events_about .contents .head h3{ margin-top: 1.5rem;}
    .popup_community_partnership_events_about .contents .body{ margin-top: 1.5rem;}
    .popup_community_partnership_events_about .contents .body h4{ margin-top: 1.5rem;}
    .popup_community_partnership_events_about .contents .body .wrap{ grid-gap: 1rem; margin-top: 3rem;}
    .popup_community_partnership_events_about .contents .body .wrap .b1 span{ flex: 0 0 1.8rem; height: 1.2rem;}
    .popup_community_partnership_events_about .contents .body .wrap .b1 span:before{ width: 0.3rem; height: 0.3rem;}
    .popup_community_partnership_events_about .contents .modle_btn_01{ margin: 1.5rem 0 0 0; width: 100%;}
}

.custom-wysiwyg-editor input.picture-btn[type="file"] { width: 100% !important; height: 100% !important; cursor: pointer;}

.content-area * { font-family: inherit; line-height: inherit; text-decoration: inherit; color: inherit; font-weight: inherit; }
.content-area u { text-decoration: underline;}
.content-area p { margin-top: 0; margin-bottom: 1rem; }
.content-area b { font-weight:bold;}
.content-area i { font-style:italic; }
.content-area a { color: -webkit-link; cursor: pointer; text-decoration: underline; } 
.content-area ul { display: block; list-style: disc;   margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; unicode-bidi: isolate; }
.content-area ul > li { list-style: inherit; display: list-item; }
.content-area ol { display: block; list-style: decimal; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; unicode-bidi: isolate; }
.content-area ol > li { list-style: inherit; display: list-item; }
.content-area strong { font-weight: bolder; }
.content-area .font-medium { font-weight: 500; margin-bottom: 10px; }