@charset "utf-8";
.no-data {display: flex;align-items: center;justify-content: center;height: 100%;box-sizing: border-box;width: 100%;padding: 95px 0;}

.msec:not(:last-child) {margin-bottom: 80px;}
.msec .minner {display: flex;position: relative;}
.msec .mtit-wrap {display: flex;justify-content: space-between;align-items: center;margin-bottom: 22px;}
.msec .mtit-wrap .mtit {margin-bottom: 0;}
.msec .mtit {font-size: 1.647em;font-weight: 600;color: #191919;margin-bottom: 22px;}
.msec .more-btn {display: block;background: #f1f1f1;border-radius: 999px;width: 39px;height: 39px;position: relative;transition: .35s;}
.msec .more-btn::before, 
.msec .more-btn::after {content: '';display: block;background: #636363;width: 1px;height: 15px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: .35s;}
.msec .more-btn::after {transform: rotate(90deg);}
.msec .more-btn:hover, .msec .more-btn:focus {box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.25);}
.msec .more-btn:hover:before, .msec .more-btn:focus:before {transform: rotate(90deg);}
.msec .more-btn:hover:after, .msec .more-btn:focus:after {transform: rotate(180deg);}
.msec [class*=-swiper-ctrls] {display: none;}
.msec [class*=-swiper-ctrls].abled {display: flex;}
@media all and (max-width:1199px){
    .msec:not(:last-child) {margin-bottom: 60px;}
	.msec .mtit {font-size: 1.222em;}
    .msec .minner {display: block;}
}
@media all and (max-width:768px){
    .msec:not(:last-child) {margin-bottom: 40px;}
    .msec .mtit,
    .msec .mtit-wrap {margin-bottom: 15px;}
}
@media all and (max-width:640px){
	.msec .more-btn {width: 32px;height: 32px;}
}


/* ******************* *
* msec1
* ******************* */
.msec1 {position: relative;margin-top: 80px;}
.mvis {position: relative;}
.mvis-swiper .mvis-img {position: relative;border-radius: 10px;overflow: hidden;min-height: 200px;}
.mvis-swiper .mvis-img::before {content: '';display: block;width: 0;padding-top: 15.358%;}
.mvis-swiper .mvis-img img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.mvis-swiper .mvis-txt {position: absolute;top: 0;left: 0;padding: 50px 0 0 79px;width: 50%;box-sizing: border-box;color: #191919;}
.mvis-swiper .mvis-txt .tit {font-size: 2.353em;font-weight: 600;}
.mvis-inner {position: absolute;top: 0;right: 0;z-index: 1;width: 394px;padding: 37px 80px 0 0;display: flex;}
.mvis-inner li {width: calc(33% - 23px);}
.mvis-inner li:not(:last-child) {margin-right: auto;}
.mvis-inner li a {position: relative;display: flex;justify-content: center;align-items: center;color: #fff;flex-direction: column;width: 100%;text-align: center;font-weight: 500;}
.mvis-inner li a::before {content: '';display: block;width: 100px;height: 100px;background: #fff url(../images/main_spr.png) no-repeat;margin-bottom: 5px;transition: .35s;border-radius: 10px;}
.mvis-inner li a.ico2::before {background-position-x: -100px;}
.mvis-inner li a.ico3::before {background-position-x: -200px;}
.mvis-inner li a span {text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.33);}
.mvis-inner li a:hover::before,
.mvis-inner li a:focus::before {box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.15);}

@media all and (max-width:1199px){
    .msec1 {margin-top: 0;}
    /* .mvis-swiper .mvis-img {min-height: 250px;} */
    .mvis-swiper .mvis-txt,
    .mvis-inner {padding: 37px 20px;}
}
@media all and (max-width:1024px){
    .mvis-swiper .mvis-txt {display: flex;flex-direction: column;justify-content: center;}
    .mvis-swiper .mvis-txt .tit {font-size: 2em;}
    .mvis-swiper .mvis-txt,
    .mvis-inner {height: 100%;bottom: 0;margin: auto 0;}
    .mvis-inner {width: 350px;box-sizing: border-box;align-items: center;}
    .mvis-inner li {width: calc(33% - 5px);}
    .mvis-inner li a::before {width: 60px;height: 60px;background-size: 180px;}
    .mvis-inner li a.ico2::before {background-position-x: -60px;}
    .mvis-inner li a.ico3::before {background-position-x: -120px;}

}
@media all and (max-width:768px){
    .mvis-inner {width: 320px;}

}
@media all and (max-width:640px){
    .mvis-swiper .mvis-txt {margin: 10px;box-sizing: border-box;width: -webkit-fill-available;height: -webkit-fill-available;border-radius: 10px;background: rgba(255, 255, 255, .8);}
    .mvis-swiper .mvis-txt .tit {font-size: 1.8em;}
    .mvis-inner {width: 100%;position: static;padding: 0;margin-top: 20px;}
    .mvis-inner li a {color: #191919;}
    .mvis-inner li a::before {border: 1px solid #dadada;}
    .mvis-inner li a span {text-shadow: none;}
}



/* ******************* *
* msec2
* ******************* */
.mevent {width: 34.616%;display: flex;flex-direction: column;}
.mevent-info {display: flex;background: #fff;border: 1px solid #dadada;padding: 36px 40px;height: 100%;}
.mevent-cal .year {display: flex;align-items: center;justify-content: space-between;margin-bottom: 33px;}
.mevent-cal .year span {color: #2d2d2d;font-weight: 600;font-size: 1.222em;}
.mevent-cal .year .btn-wrap {display: flex;}
.mevent-cal .year button {display: flex;align-items: center;justify-content: center;background: none;border: 0;width: 15px;height: 15px;}
.mevent-cal .year button:before {content: '';display: block;border: 2px solid #888;width: 8px;height: 8px;}
.mevent-cal .year .btn-prev {margin-right: 38px;}
.mevent-cal .year .btn-prev:before {border-top: 0;border-right: 0;transform: translateX(25%) rotate(45deg);}
.mevent-cal .year .btn-next:before {border-bottom: 0;border-left: 0;transform: translateX(-25%) rotate(45deg);}
.mevent-cal .year .info {color: #2d2d2d;font-size: 1.059em;}
.mevent-cal .dates {font-size: .941em;}
.mevent-cal .dates thead th {color: #2d2d2d;font-weight: 400;padding: 8px 0;}
.mevent-cal .dates thead th:first-child {color: #e11313}
.mevent-cal .dates thead th:last-child {color: #0e4195;}
.mevent-cal .dates tbody td span {display: block;color: #454545;width: 37px;line-height: 37px;text-align: center;position: relative;z-index: 1;margin: 5px 8px;}
.mevent-cal .dates tbody td.disabled span {color: #aaa;}
.mevent-cal .dates tbody td {position: relative;}
.mevent-cal .dates tbody td.today span {color: #fff;}
.mevent-cal .dates tbody td .count {color: #fff;}
.mevent-cal .dates tbody td.event span:before,
.mevent-cal .dates tbody td.today span:not(.count):before {content: '';display: block;border-radius: 10px;box-sizing: border-box;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.mevent-cal .dates tbody td.event span:before {background-color: #eee;}
.mevent-cal .dates tbody td.today span:not(.count):before {background: linear-gradient( 118deg, rgb(55,164,239) 0%, rgb(52,208,254) 99%);}
.mevent-cal .dates tbody td .count {display: none;}
.mevent-cal .dates tbody td:hover .count {background: linear-gradient( 118deg, rgb(22,134,211) 0%, rgb(0,94,153) 99%);width: 21px;line-height: 21px;border-radius: 50%;display: block;font-size: 14px;position: absolute;top: 0;right: 0;margin: -5px;}

.map-wrap {width: 42.385%;margin: 0 auto;}
.map-wrap .search-frm {margin-left: 32px;height: 42px;display: flex;align-items: center;}
.map-wrap .search-input {background: #fff;border: 1px solid #dadada;width: 286px;height: 42px;box-sizing: border-box;}
.map-wrap .search-btn {border: none;background: #37a4ef;margin-left: -5px;height: 42px;box-sizing: border-box;color: #fff;width: 42px;}
.map-wrap .search-btn::before {content: '';display: block;width: 100%;height: 100%;background: url(../images/main_spr.png) -211px 0px no-repeat;}
.map {position:relative;width:427px;height:400px;background:url(../images/map/map.png) center center no-repeat;margin: 0 auto;}
.map [class*="lnk"] span{position:absolute;color:#fff;font-size:.941em;display:block;opacity: 0;transition: .35s;}
.map .lnk1 span{top: 30px;left: 67px;}
.map .lnk2 span{top: 75px;left: 25px;}
.map .lnk3 span{top: 90px;left: 136px;}
.map .lnk4 span{top: 145px;left: 70px;}
.map .lnk5 span{top: 230px;left: 43px;}
.map .lnk6 span{top: 100px;right: 175px;}
.map .lnk7 span{top: 147px;left: 165px;}
.map .lnk8 span{top: 207px;left: 132px;}
.map .lnk9 span{bottom: 123px;left:126px;}
.map .lnk10 span{top: 120px;right: 97px;}
.map .lnk11 span{top: 175px;right: 190px;}
.map .lnk12 span{bottom: 112px;right: 220px;}
.map .lnk13 span{top: 145px;right: 31px;}
.map .lnk14 span {top: 196px;right: 135px;}
.map .lnk15 span{top: 175px;right: 78px;}
.map .lnk16 span{bottom: 36px;left: 71px;}
.map .lnk17 span{bottom: 70px;right: 200px;}
.map .lnk18 span{bottom: 65px;right: 135px;}
.map [class*="lnk"]:hover,
.map [class*="lnk"]:focus {display: block;width: 100%;height: 100%;}
.map [class*="lnk"]:hover span,
.map [class*="lnk"]:focus span {opacity: 1;}
.map .lnk1:hover,
.map .lnk1:focus {background:url(../images/map/map1.png) center center no-repeat;}
.map .lnk2:hover,
.map .lnk2:focus {background:url(../images/map/map2.png) center center no-repeat;}
.map .lnk3:hover,
.map .lnk3:focus {background:url(../images/map/map3.png) center center no-repeat;}
.map .lnk4:hover,
.map .lnk4:focus {background:url(../images/map/map4.png) center center no-repeat;}
.map .lnk5:hover,
.map .lnk5:focus {background:url(../images/map/map5.png) center center no-repeat;}
.map .lnk6:hover,
.map .lnk6:focus {background:url(../images/map/map6.png) center center no-repeat;}
.map .lnk7:hover,
.map .lnk7:focus {background:url(../images/map/map7.png) center center no-repeat;}
.map .lnk8:hover,
.map .lnk8:focus {background:url(../images/map/map8.png) center center no-repeat;}
.map .lnk9:hover,
.map .lnk9:focus {background:url(../images/map/map9.png) center center no-repeat;}
.map .lnk10:hover,
.map .lnk10:focus {background:url(../images/map/map10.png) center center no-repeat;}
.map .lnk11:hover,
.map .lnk11:focus {background:url(../images/map/map11.png) center center no-repeat;}
.map .lnk12:hover,
.map .lnk12:focus {background:url(../images/map/map12.png) center center no-repeat;}
.map .lnk13:hover,
.map .lnk13:focus {background:url(../images/map/map13.png) center center no-repeat;}
.map .lnk14:hover,
.map .lnk14:focus {background:url(../images/map/map14.png) center center no-repeat;}
.map .lnk15:hover,
.map .lnk15:focus {background:url(../images/map/map15.png) center center no-repeat;}
.map .lnk16:hover,
.map .lnk16:focus {background:url(../images/map/map16.png) center center no-repeat;}
.map .lnk17:hover,
.map .lnk17:focus {background:url(../images/map/map17.png) center center no-repeat;}
.map .lnk18:hover,
.map .lnk18:focus {background:url(../images/map/map18.png) center center no-repeat;}

.mquick {width: 12.693%;order: 3;}
.mquick li:not(:last-child) {margin-bottom: 33px;}
.mquick li a {display: flex;flex-direction: column;align-items: center;background: #fff;border-radius: 10px;box-sizing: border-box;padding: 18px;border: 1px solid #e1e6ec;transition: .35s;font-weight: 500;}
.mquick li a::before {content: '';display: block;width: 70px;height: 70px;background: url(../images/main_spr.png) no-repeat;}
.mquick li:nth-child(2) a::before {background-position-x: -70px;}
.mquick li:nth-child(3) a::before {background-position-x: -140px;}
.mquick li a:hover, .mquick li a:focus {border-color: #177cda;box-shadow: 0 0 0 1px inset #177cda;color: #191919;}
@media all and (max-width:1199px){
    .msec2 .minner {display: grid;}
    .mquick {width: 50%;display: flex;margin: auto;grid-column: 1 / 3;justify-content: space-between;margin-bottom: 40px;}
    .mquick li {width: calc(33.33% - 20px);}
    .mquick li:not(:last-child) {margin-bottom: 0;}
    .mevent {grid-column: 1;grid-row: 2;width: 100%;}
    .map-wrap {grid-column: 2;grid-row: 2;width: 100%;}
    .mevent-info {justify-content: center;}
    .mevent-cal .dates tbody td span {margin: 5px;}
}
@media all and (max-width:1024px){
    .msec2 .minner {display: block;}
    .mquick {width: 100%;}
    .mevent {margin-bottom: 40px;}
}
@media all and (max-width:768px){
    .mevent-info {display: block;padding: 20px;}
    .mevent-cal {max-width: 300px;margin: 0 auto 20px;}
    .mquick li {width: calc(33.33% - 10px);}
    .mquick li a {padding: 5px;text-align: center;height: 100%;}
    .mquick li a::before {background-size: 176px;width: 50px;height: 50px;}
    .mquick li:nth-child(2) a::before {background-position-x: -45px;}
    .mquick li:nth-child(3) a::before {background-position-x: -96px;}
}
@media all and (max-width:648px){
    .mevent-cal .dates tbody td span {width: 27px;line-height: 27px;}
    .mevent-cal .dates tbody td.event span:before, .mevent-cal .dates tbody td.today span:not(.count):before {border-radius: 5px;}
    .mevent-cal .dates tbody td.today span.count {width: 18px;line-height: 18px;font-size: 13px;margin: -3px;}
    .msec .mtit-wrap {display: block;}
    .msec .mtit {margin-bottom: 10px;}
    .map-wrap .search-frm {margin-left: 0;}
    .map-wrap .search-input {width: calc(100% - 35px);height: 35px;}
    .map-wrap .search-btn {width: 35px;height: 35px;}
    .map-wrap .search-btn::before {background-size: 214px;background-position-x: -179px;}
    .map {width: 300px;height: 300px;background-size: 300px;}
    .map [class*="lnk"] span {opacity: 1;color: #191919;}
    .map [class*="lnk"]:hover,
    .map [class*="lnk"]:focus {background-size: 300px;}
    .map [class*="lnk"]:hover span,
    .map [class*="lnk"]:focus span {color: #fff;}
    .map .lnk1 span {left: 46px;}
    .map .lnk2 span {top: 66px;left: 17px;}
    .map .lnk3 span {top: 75px;left: 95px;}
    .map .lnk4 span {top: 118px;left: 49px;}
    .map .lnk5 span {top: 175px;left: 32px;}
    .map .lnk6 span {top: 85px;right: 122px;}
    .map .lnk7 span {top: 112px;left: 116px;}
    .map .lnk8 span {top: 155px;left: 91px;}
    .map .lnk9 span {bottom: 92px;left:81px;}
    .map .lnk10 span {top: 95px;right: 68px;}
    .map .lnk11 span {top: 133px;right: 130px;}
    .map .lnk12 span {bottom: 84px;right: 151px;}
    .map .lnk13 span {top: 112px;right: 21px;}
    .map .lnk14 span {top: 146px;right: 94px;}
    .map .lnk15 span {top: 135px;right: 53px;}
    .map .lnk16 span {bottom: 30px;left: 60px;}
    .map .lnk17 span {bottom: 58px;right: 135px;}
    .map .lnk18 span {bottom: 53px;right: 91px;}
}