@charset "utf-8";
.mbr{border-radius:28px;}
.mainT{margin-bottom: 35px;padding-left: 10px;position: relative;}
.mainT h3{font-size: 40px;font-weight: 900;}
.mainT p{font-weight: normal;font-size: 18px;line-height: 1.3;padding-top: 10px;color: #666;}
a.dotmore{position: relative;width: 6px;height: 6px;border-radius:50% ;font-size: 0;display: block;background-color: #000;border: 20px solid #fff;overflow: visible;}
a.dotmore::after,
a.dotmore::before{display: block;content: '';width: 6px;height: 6px;border-radius:50% ;top: 0;background-color: #000;position: absolute;}
a.dotmore::before{left: -10px;}
a.dotmore::after{right: -10px;}
.mainT a.dotmore{position: absolute;top: 20px;right: 0;}


i.mainAro{display: inline-block;position: relative;font-size: 0;width: 25px;height: 10px;;}
i.mainAro::before{display:block;content:'';border-style: solid;border-color: #fff; border-width:  1px 0 0 1px   ;    padding: 5px;transform: rotate(135deg);position: absolute;top: 0px;right:0px;transition:.25s ease-out;}
i.mainAro::after{display:block;content:'';width: 100%;height: 1px;background-color: #fff;transition:.25s ease-out;position: absolute;left: 0;bottom: 4px;}

@media screen and (max-width:1024px) {
.mbr{border-radius:20px;}

.mainT{margin-bottom: 20px;padding-left: 0;/* margin-top: 50px; */}
.mainT h3{font-size: 30px;}
.mainT p{font-size: 15px;}
.mainT a.dotmore{top: -10px;}
}

/**********
mainkey
***********/
.mainkey{padding-top: 85px;margin-bottom: 100px;}
.mainkey .flt{width: calc(1074/1440 * 100%);}
.mainkey .frt{width: calc(342/1440 * 100%);}
.mainkey .mainT{height: 93px;margin-bottom: 0;}
.mainkey .mainT p{padding-top: 0;padding-bottom: 5px;font-size: 20px;}
.mainVis{font-size: 18px;color: #fff;padding-left: calc(90/1074 * 100%);height: 420px;background: #46a970 url(../img/main/keyBg.png) 100% 100% no-repeat;align-items: center;display: flex;position: relative;}
.mainVis::after{display: block;content: '';background:  url(../img/main/keyKid.png) 100% 100% no-repeat;width: 344px;height: 510px;position: absolute;bottom: 0;right: calc(70/1074 * 100%);}
.mainVis .txt{position: relative;z-index: 2;}
.mainVis .big{font-size: 60px;margin-bottom: 13px;padding-top: 20px;}
.mainVis .txt span{display: block;}
.mainVis .long{opacity: .8;line-height: 1.3;margin-bottom: 40px;}
.mainVis a{display: inline-block;padding: 10px 0;font-size: 20px;font-weight: 500;transition: .25s ease-out;
box-sizing: border-box;border: 1px solid #46a970;}
.mainVis a i.mainAro{vertical-align: middle;top: -2px;position: relative;margin-left: 2px;transition: .25s ease-out}
.mainVis a:hover{padding: 10px 15px 10px 12px ;border: 1px dashed #ff0;color: #ff0;}
.mainVis a:hover i.mainAro:before{border-color: #ff0;}
.mainVis a:hover i.mainAro:after{background-color: #ff0;}

a.mainType{color: #fff;font-size: 18px;height: 198px;position: relative;padding: 37px;box-sizing: border-box;background-color: #3e3e40;display: flex;flex-direction: column;justify-content: space-between;margin-bottom: 25px;}
a.mainType::after{display: block;content: '';background-repeat: no-repeat;background-position: center;position: absolute;right:40px;bottom: 30px;width: 64px;height: 64px;z-index: 0;}
a.mainType.ptype2{background-color: #0072DD;}
a.mainType.ptype1::after{background-image: url(../img/main/typeicon1.png);}
a.mainType.ptype2::after{background-image: url(../img/main/typeicon2o.png);}
a.mainType .txt{position: relative;z-index: 2;}
.mainType b{font-size: 1.667em;padding-bottom: 13px;display: block;}
.mainType em{font-style: normal;opacity: .8;font-weight: 300;}
a.alimBtn{display: block;height: 93px;margin-bottom: 0;display: flex;padding-left: 50px; position: relative;flex-direction: column;justify-content: center;box-sizing: border-box;}
a.alimBtn::after{display: block;content: '';position: absolute;top: 0;right: 50px;width: 69px;height: 73px;background:url(../img/main/alimicon.jpg) 100% 0 no-repeat;z-index: 0;}
a.alimBtn em{display: block;font-style: normal;color: #606060;position: relative;}
a.alimBtn b{display: block;color: #e64545;font-size: 20px;padding: 5px 0;position: relative;}
@media screen and (max-width:1400px) {
.mainkey .mainT h3{font-size: 35px;}
.mainkey .mainT p{font-size: 18px;}
a.alimBtn{padding-left: 6%;}
a.alimBtn::after{right: 5%;}
}
@media screen and (max-width:1240px) {
.mainkey{margin-bottom: 60px;padding-top: 40px;}
.mainkey .mainT h3{font-size: 30px;}
a.mainType{padding: 30px;margin-bottom: 16px;height: 202px;}
}
@media screen and (max-width:1200px) {
.mainkey .flt{width: calc(70% - 15px)}
.mainkey .frt{width: 30%;}
.mainVis{height: 350px;}
a.mainType{margin-bottom: 15px;height: 168px;font-size: 16px;}
a.mainType::after{right: 25px;bottom: 20px;}
.mainVis::after{height: 430px;background-size: auto 100%;width: 320px;}
.mainVis{font-size: 15px;}
.mainVis .big{font-size: 40px;}
}
@media screen and (max-width:1024px) {
.mainVis::after{height: 380px;}
.mainType b{padding-bottom: 5px;}
}
@media screen and (max-width:900px) {
.mainkey .flt{margin-bottom: 10px;}
.mainkey .flt,
.mainkey .frt{width:auto;float: none;}
.mainkey .frt{display: flex;gap:10px;}
.mainkey .frt a{flex:1;margin-bottom: 0;}
a.alimBtn{border: 2px solid #46a970 ;border-radius:20px ;background-color: #fff;height: auto;align-content: stretch;padding: 0 0 0 15px;font-size: 15px;}
a.alimBtn b{margin-bottom: 30px;font-size: 1.25em;}
a.alimBtn::after{top: auto;bottom: 10px;background-size:50px auto;background-position: right bottom;}
a.mainType{padding: 25px 20px;height: 140px;font-size: 15px;}
.mainType b{font-size: 1.45em;}
a.mainType::after{background-size:40px auto;background-position: right bottom;}
}
@media screen and (max-width:600px) {
.mainkey .mainT{height: auto;margin-bottom:calc(30/480 * 100vw);font-size: 20px;font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (600 - 300)))}
.mainkey .mainT p{font-size: 100%;}
.mainkey .mainT h3{font-size:1.83em;line-height: 1.1;}
.mainkey .mainT h3 span{display: block;}
.mainVis{height: calc(680/480 * 100vw);background-position:calc(100% + 35px) bottom;background-size: auto 56%;display: block;padding-left:7%;}
.mainVis::after{height: 350px;background-position: right top;background-size:100%  auto;width: 300px;right: 3.3%;}
.mainVis .txt {font-size: 20px;padding-top: calc(50/480 * 100vw);font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (500 - 300)))}
.mainVis .txt .long {padding-right: 8%;margin-bottom: calc(40/480 * 100vw);}
.mainVis .txt .long span{display: none;}
.mainVis .txt .big{font-size: 2.5em;}

.mainkey .frt{display: block}
.mainkey .frt a,
a.mainType{height: calc(184/480 * 100vw);margin-bottom:calc(15/480 * 100vw);padding: calc(35/480 * 100vw);font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (500 - 300)))}
.mainkey .frt a.alimBtn{height: calc(150/480 * 100vw);}
a.alimBtn b{margin-bottom: 0;}
a.alimBtn b,
a.mainType b{font-size: 1.5em;}
a.alimBtn::after,a.mainType::after{background-size:auto;}
a.alimBtn::after{top: 0;bottom: 0;background-position: right center;height: 100%;}
}

@media screen and (max-width:480px) {
.mainVis::after{height: calc(350/480 * 100vw);width: calc(300/480 * 100vw);}

}
/*********
mGallery
*********/
.mGallery,.mGallery li{list-style-type: none;margin: 0;padding: 0;}
.mGallery::after{display: block;content: '';clear: both;}
.mGallery{margin-left:  calc(-1*(20/1440 * 100%));margin-bottom: 100px;}
.mGallery li{height: 0;position: relative;padding-top: calc(220/1440 * 100%);float: left;width: calc(220/1440 * 100%);box-sizing: border-box;margin-left:  calc(20/1440 * 100%);margin-bottom:  calc(20/1440 * 100%);}
.mGallery a{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;border-radius: 28px}
.mGallery img{max-width: 100%;display: block;font-size: 0;}
.mGallery li.nothing{height: 220px;float: none;padding-top: 0;width: auto;background-color: #f8f7f9;text-align: center;border-radius: 28px;text-align: center;clear: both;}
.mGallery li.nothing p{transform:translate(-50%,-50%);position: absolute;top: 50%;left: 50%;}

@media screen and (min-width:1531px) {
.mGallery{margin-left: -24px;}
.mGallery li{margin: 0 0 24px 24px ;width: 220px;padding-top: 220px;}
}
@media screen and (max-width:1000px) {
.mGallery{margin-left: -20px;}
.mGallery li{margin: 0 0 20px 20px ;width: calc((100%/5) - 20px);padding-top: calc((100%/5) - 20px);}
.mGallery li a{border-radius: 20px}
}
@media screen and (max-width:800px) {
.mGallery{margin-left: -12px;margin-bottom: 50px;}
.mGallery li{margin: 0 0 12px 12px ;width: calc((100%/4) - 12px);padding-top: calc((100%/4) - 12px);}
.mGallery li a{border-radius: 15px}
}
@media screen and (max-width:505px) {
.mGallery{margin-left: -8px;margin-bottom: 50px;}
.mGallery li{margin: 0 0 8px 8px ;width: calc((100%/3) - 8px);padding-top: calc((100%/3) - 8px);}
.mGallery li a{border-radius: 10px}
}
@media screen and (max-width:380px) {
.mGallery{margin-left: -5px}
.mGallery li{margin: 0 0 5px 5px ;width: calc((100%/2) - 5px);padding-top: calc((100%/2) - 5px);}
}




/*********
main_news
*********/
.mason_cont{position: relative;margin: 0 -15px 80px;}
.mason_cont li *{display: block;box-sizing: border-box;}

.mason_cont .swiper_nav{height: 0;text-align: center;padding-top: 0;position: absolute;top: 50%;right: -100px;left: -100px;z-index: 9;margin-top: -25px;}
.mason_cont .swiper_nav button,
.mason_cont .swiper_nav .swiper-button-prev,
.mason_cont .swiper_nav .swiper-button-next{border:0;width: 50px;height: 50px;font-size: 0;top:0;margin: 0;transition:.2s ease-out;display: block;border-radius:50% ;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.13);background-color: #f5f5f5;opacity: 1;}
.mason_cont .swiper_nav .swiper-button-prev{left: 0;right: auto;}
.mason_cont .swiper_nav .swiper-button-next{left: auto;right: 0;}

.mason_cont .swiper_nav .swiper-button-next::after,
.mason_cont .swiper_nav .swiper-button-prev::after {content:'';display:block;position:absolute;background-color: #000;height: 2px;width: 15px;top:50%;left:50%;margin-top: -1px;margin-left: -7px;transition:all .25s ease-out}
.mason_cont .swiper_nav .swiper-button-next::before,
.mason_cont .swiper_nav .swiper-button-prev::before {content:'';display:block;position:absolute;border-style:solid;border-color:#000;border-width:2px 0 0 2px;padding:4px;transform:rotate(-45deg);top:50%;left:50%;margin-top: -5px;margin-left: -6px;transition:all .25s ease-out}
.mason_cont .swiper_nav .swiper-button-next::before{border-width:0 2px  2px 0;margin-left: 0;}

.mason_cont .ovh{overflow: hidden;padding: 0 15px;}
.mason_cont .newsLst {padding-top: 10px;overflow: visible;}


.newsLst ul{list-style-type: none;display: flex;margin: 0;padding: 0;margin-left: -1.66666666667%;}
.newsLst ul::after{display: block;content: '';clear: both;}
.newsLst li{margin: 0;padding: 0;list-style-type: none;float: left;width: 32.2222222% !important;margin-left: 1.6667% !important;font-size: 0;padding-bottom: 20px;/* margin-bottom: 40px;  */}
.newsLst li a{display: block;height:320px;background-color: #f0f0f2;padding:0 11.6%;overflow: hidden;border-radius:28px ;position: relative;transition: .25s ease-out}
.newsLst li .tit{box-sizing: content-box;font-size: 24px;margin: 50px 0 25px;padding: 0;line-height: 1.2;display: -webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;height:calc(1em * 1.2 * 2);}
.newsLst li .desc{box-sizing: content-box;line-height: 1.4;display: -webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;height:calc(1em * 1.4 * 3);font-size: 18px;color: #757777;}
.newsLst li .date{font-style: normal;font-size: 16px;position: absolute;bottom: 55px;left: 11.6%;color: #000;font-weight: 400;right: 10%;}
.newsLst li .date .tag{position: absolute;top: 0;right: 0;font-size: 14px;text-align: right;display: inline;line-height: 1;font-weight: 700;opacity: .3;}
.newsLst li a:hover{margin-top:  0;background-color: #fff;box-shadow:2px 1px 15px 0 rgba(0,0,0,0.15);top: -5px;}
.main_news  .nothing{height: 320px;margin-top: 30px;margin-bottom: 0;background-color: #f5f5f5;border-radius:28px ;line-height: 320px;text-align: center;font-size: 25px;}

@media screen and (max-width:1580px) {
.mason_cont .swiper_nav{right: -20px;left: -20px;}
.mason_cont .swiper_nav button,
.mason_cont .swiper_nav .swiper-button-prev,
.mason_cont .swiper_nav .swiper-button-next{background-color: #fff;}
}
@media screen and (max-width:1200px) {
.mason_cont{margin-bottom: 60px;}
.newsLst li{padding-bottom: 0;border-bottom: none;/* margin-bottom: 30px; */}
.newsLst li .tit{font-size: 20px;}
.newsLst li .desc{font-size: 15px;}
}
@media screen and (max-width:1024px) {
.newsLst {margin-left: -2%;}
.newsLst li{width: 31.3333% !important;margin-left:2% !important;}
.newsLst li a{height:270px;padding: 0 9%;border-radius:21px }
.newsLst  .nothing{height: 270px;font-size: 18px;line-height: 270px;}
.newsLst li .date{bottom: 30px;left: 9%;font-size: 15px;}
}
@media screen and (max-width:670px) {
.newsLst {margin-left: -20px;}
.newsLst li{width: 260px !important;margin-left:20px !important;}
.newsLst li a{height: 230px;}
.newsLst  .nothing{height: 230px;line-height: 230px;}
.newsLst li .tit{margin: 25px 0 10px;}
}




.thmLstTab{position:relative;margin-bottom:120px;}
.thmLstTab h3{position: absolute;top: -70px;font-weight: 600;letter-spacing: -1px;}
.thmLstTab h3 a{font-size: 20px;color: #757777;display: inline-block;position: relative;height: 22px;padding: 10px 15px;border: 0 solid #000;}
.thmLstTab h3.on a{color: #03893a;}
.thmLstTab h3.on a::after{display: block;content: '';background-color: #13a04e;left: 14px;height: 2px;bottom:0;right: 14px;position: absolute;}
.thmLstTab h3.on:nth-last-of-type(1) a::after{right: 7px;}
.thmLstTab h3:nth-last-of-type(1) {right: 0;}
.thmLstTab h3:nth-last-of-type(1) a{padding-right: 7px;}
.thmLstTab h3:nth-last-of-type(2) {right: 89px;}
.thmLstTab h3:nth-last-of-type(3) {right: 186px;}
.thmLstTab h3:nth-last-of-type(4) {right: 266px;}
.thmLstTab h3:nth-last-of-type(5) {right: 363px;}
.thmLstTab h3:nth-last-of-type(6) {right: 460px;}
.thmLstTab h3:nth-last-of-type(7) {right: 557px;}
.thmLstTab h3:nth-last-of-type(8) {right: 621px;}

.main_prg{display: none;position: relative;}
.main_prg.on{display: block;}

.mainPrgLst ul{list-style-type: none;display: flex;margin: 0;padding: 0;margin-left: -1.66666666667%;}
.mainPrgLst ul::after{display: block;content: '';clear: both;}
.mainPrgLst li{margin: 0;padding: 0;list-style-type: none;float: left;width: 23.75% !important;margin-left: 1.6667% !important;height:348px;border: 1px solid #d9d9db;padding: 29px;box-sizing: border-box;border-radius:28px; display: flex;flex-direction: column;justify-content: space-between;}
.mainPrgLst li .mainPrgBtn{display: block;background-color: #d9d9db;color: #49494d;overflow: hidden;border-radius:2.5em ;line-height: 54px;position: relative;transition: .25s ease-out;text-align: center;font-weight: 500;}
.mainPrgLst li a.mainPrgBtn{background-color: #111;color: #fff;}
.mainPrgLst li .hash{color: #808080;font-size: 18px;margin-bottom: 15px;}
.mainPrgLst li .tit{box-sizing: content-box;font-size: 28px;margin-bottom:15px;padding: 0;line-height: 1.2;display: -webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;height:calc(1em * 1.2 * 2);}
.mainPrgLst li .tit b{font-weight: 600;}
.mainPrgLst li .term{line-height: 1.2;padding-bottom: 5px;letter-spacing: -1px;}
.mason_cont .mainPrgLst li .term em{font-style: normal;color: #707071;display: inline-block; margin-right: 10px;}

.main_prg  .nothing{height: 348px;margin-bottom: 0;background-color: #f5f5f5;border-radius:28px ;line-height: 348px;text-align: center;font-size: 25px;}

.mainPrgLst li .tit a{position: relative;}
.mainPrgLst li .tit a:focus-visible::after{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 2px dashed #df0000;z-index: 2;}


@media screen and (max-width:1200px) {
.tabTit.mainT h3,
.tabTit.mainT p{display: inline-block;}
.tabTit.mainT h3{padding-right: 5px;}

.thmLstTab {padding-top: 50px;border-top: 1px solid #eee;}
.thmLstTab h3{width: 12.5%;top: 0;}
.thmLstTab h3 a{font-size: 18px;display: block;padding: 15px 0 10px;;text-align: center;overflow: visible;}

.thmLstTab h3.on a::after{left: 50%;height: 6px;width: 6px;bottom:auto;border-radius:50% ;right: auto;top: -3px;}
.thmLstTab h3.on:nth-last-of-type(1) a::after{right: auto;}
.thmLstTab h3:nth-last-of-type(1) {right: 0;}
.thmLstTab h3:nth-last-of-type(1) a{padding-right: 0;}
.thmLstTab h3:nth-last-of-type(2) {right: 12.5%;}
.thmLstTab h3:nth-last-of-type(3) {right: calc(12.5% * 2)}
.thmLstTab h3:nth-last-of-type(4) {right: calc(12.5% * 3)}
.thmLstTab h3:nth-last-of-type(5) {right: calc(12.5% * 4)}
.thmLstTab h3:nth-last-of-type(6) {right: calc(12.5% * 5)}
.thmLstTab h3:nth-last-of-type(7) {right: calc(12.5% * 6)}
.thmLstTab h3:nth-last-of-type(8) {right: calc(12.5% * 7)}

.mainPrgLst li{height: 300px;padding: 20px;}
.mainPrgLst li .tit{font-size: 21px;}
.mainPrgLst li .term{font-size: 15px;}
.mason_cont .mainPrgLst li .term em{font-size: 12px;margin-right: 3px;}
.main_prg  .nothing{height: 300px;line-height: 300px;}
}
@media screen and (max-width:1070px) {
.mainPrgLst {margin-left: -2%;}
.mainPrgLst li{width: 31.3333% !important;margin-left:2% !important;border-radius:21px ;}
.main_prg  .nothing{font-size: 18px;}
}
@media screen and (max-width:670px) {
.thmLstTab h3 a{font-size: 16px;}
.mainPrgLst {margin-left: -20px;}
.mainPrgLst li{width: 260px !important;margin-left:20px !important;height: 230px;}
.main_prg  .nothing{height: 230px;line-height: 230px;}
}
@media screen and (max-width:500px) {
.thmLstTab{padding-top: 150px;}
.thmLstTab h3{width: 33.33%;}
.thmLstTab h3 a{border-bottom: 1px solid #eee;}
.thmLstTab h3:nth-last-of-type(1),
.thmLstTab h3:nth-last-of-type(2),
.thmLstTab h3:nth-last-of-type(3),
.thmLstTab h3:nth-last-of-type(4),
.thmLstTab h3:nth-last-of-type(5),
.thmLstTab h3:nth-last-of-type(6),
.thmLstTab h3:nth-last-of-type(7),
.thmLstTab h3:nth-last-of-type(8){right:auto;left: 0;}

.thmLstTab h3:nth-of-type(3n+2){left: 33.33%;}
.thmLstTab h3:nth-of-type(3n+3){left: 66.66%;}
.thmLstTab h3:nth-of-type(n+4):nth-of-type(-n+6) {top: 48px;}
.thmLstTab h3:nth-of-type(n+7):nth-of-type(-n+8) {top: 96px;}
.thmLstTab h3:nth-of-type(n+7):nth-of-type(-n+8) a{border-bottom: none;}
.mainPrgLst{margin-left:calc(-1*(16/480 * 100vw))}
.mainPrgLst li{margin-left:calc(16/480 * 100vw) !important;width: calc(364/480 * 100vw) !important;height: calc(334/480 * 100vw) ; padding: calc(30/480 * 100vw)}
.mainPrgLst li .hash{font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (500 - 300)));margin-bottom: 10px;}
.mainPrgLst li .tit{font-size: calc(20px + (28 - 20) * ((100vw - 300px) / (500 - 300)));margin-bottom: 10px;}
.mainPrgLst li .mainPrgBtn{line-height: 1;padding: 16px 0px;font-size:18px;height: auto;}

.main_prg  .nothing{height: calc(334/480 * 100vw);line-height: calc(334/480 * 100vw) }
}
@media screen and (max-width:380px) {
.mainPrgLst li .con{margin-bottom: 20px;}
.mainPrgLst li{height: auto;}
.main_prg  .nothing{height:255px;line-height: 255px }
}
@media screen and (max-width:330px) {
.mason_cont .mainPrgLst li .term em{font-size: 12px;margin-right: 0;display: block;}
}
/**********
imgSlide
**********/
.imgSlide{height: 640px;color: #fff;background-color: #111;margin-bottom: 120px;position: relative;}
#bgImgSlider .swiper-slide{background-repeat: no-repeat;background-position: center 0;}
#bgImgSlider  .swiper-slide .wrapper{height: 410px;padding: 115px 0;}
#bgImgSlider  .tletop{font-size: 18px;font-weight: 500;opacity: .7;margin-bottom: 50px;}
#bgImgSlider  .tle{font-size: 80px;}
#bgImgSlider .desc{font-size: 20px;font-weight: 400;padding-top: 30px;line-height: 1.5;letter-spacing: -1px;width: 47.5%;}
#bgImgSlider .swiper-slide{background-image: url(../img/main/slidebg1.jpg);}

.imgSlide .wrapper.numCnt{/* border: 1px solid #ff0; */height: 40px;position: absolute; left: 50%;bottom: 115px;margin-left: -720px;}
.numCnt .swiper-pagination{position: relative;top: auto;left: auto;right: auto;bottom: auto;text-align: left;padding:0;font-size: 18px;color: #999;font-weight: 300;}
.numCnt .swiper-pagination-fraction .swiper-pagination-current{padding-right: 2px;font-weight: 700;color: #fff;display: inline-block;font-size: 40px;}
.numCnt .swiper-pagination-fraction .swiper-pagination-total{padding-left: 2px;display: inline-block;opacity: .9;}

.imgSlide .pageNms{position: absolute; left: 50%;top: 215px;margin-left: -720px;margin-top:30px;font-size: 0;height: 0;z-index: 10;/* border: 1px solid #ff0; */}
.imgSlide .pageNms > div{height: 275px;width: auto;overflow: hidden;float: right;}
.imgSlide .pageNms .swiper-slide{background: 0;margin: 0 !important;padding: 13px 0 ;width: 100% !important;display: block !important;opacity: .6;color: #999;border-radius:0;font-size: 20px;text-align: right;font-weight: 500;transition:all .25s ease-out;letter-spacing: -1px;height: 29px !important;cursor: pointer;float: none;}
.imgSlide .pageNms .swiper-slide.swiper-slide-thumb-active {opacity: 1;color: #fff;}
.imgSlide ul.tagPage::after{display: none;}
.imgSlide ul.tagPage{height: auto;position: absolute; left: 50%;bottom: 100px;top: 100px;margin-left: -720px;z-index: 3;}
.imgSlide ul.tagPage:before{content:''; width: 1px; top: 30px; bottom: auto;right: 7px; background-color: #ccc; position: absolute;display: block;z-index: -1;height: 360px;opacity: .1;}
.imgSlide ul.tagPage li{list-style-type: none;margin: 0; padding: 0; background: 0; height: auto; border-radius:0;display: block;opacity: 1;}
.imgSlide ul.tagPage li a{display: block;text-align: right;padding-right: 30px;position: relative;line-height: 60px;font-size: 18px;z-index: 10;opacity: 1;color: rgba(255,255,255,.5);/* transition:.2s ease-out; */}
.imgSlide ul.tagPage li a:before{content:''; position: absolute; width: 7px; height: 7px; background-color: #666; border-radius:100%; right: 0; top: 50%; transform:translateY(-50%); /* transition:.2s ease-out; */ margin-right: 3px;z-index: 20;opacity: 1;border: 1px solid #ccc;}
.imgSlide ul.tagPage li.swiper-pagination-bullet{margin: 0; width: 100%;}
.imgSlide ul.tagPage li:hover a,
.imgSlide ul.tagPage li.swiper-pagination-bullet-active a{font-weight: bold;opacity: 1;color: #fff;}
.imgSlide ul.tagPage li:hover a:before,
.imgSlide ul.tagPage li.swiper-pagination-bullet-active a:before{width: 9px; height: 9px; margin-right: 2px;background-color: #fff;border-color: #fff;opacity: 1;}


@media screen and (max-width:1540px) {
.imgSlide .pageNms,.imgSlide .wrapper.numCnt,.imgSlide ul.tagPage{left: 2.5%;right: 2.5%;margin: 0 auto;width: auto;max-width: 100%;}
}
@media screen and (max-width:1200px) {
.thmLstTab{margin-bottom:70px;}
.imgSlide{margin-bottom: 70px;height: auto;}
#bgImgSlider .swiper-slide .wrapper{height: 350px;padding: 50px 0;}
#bgImgSlider .swiper-slide{background-size:cover;}
#bgImgSlider  .tletop{font-size: 16px;margin-bottom: 20px;}
#bgImgSlider  .tle{font-size: 60px;}
#bgImgSlider .desc{font-size: 17px;width: 65%;padding-top: 20px;}
.imgSlide .wrapper.numCnt{bottom: 50px;}

.imgSlide ul.tagPage{top: 30px;bottom: auto;}
.imgSlide ul.tagPage:before{height: 310px;}
.imgSlide ul.tagPage li a{line-height: 52px;}
}
@media screen and (max-width:900px) {
#bgImgSlider .desc{font-size: 16px;width: auto;}
.imgSlide .wrapper.numCnt{bottom: 80px;}
.imgSlide ul.tagPage{bottom: 35px;top: auto;height: auto;display: flex;justify-content: space-between;padding: 0;margin: 0;box-sizing: border-box;}
.imgSlide ul.tagPage:before{content:''; width: auto; top: 10px; bottom: auto;right: 7px;left: 7px;height: 1px;opacity: .3;}
.imgSlide ul.tagPage li{text-align: center;box-sizing: border-box;margin: 0;display: block;}
.imgSlide ul.tagPage li.swiper-pagination-bullet{width: auto;width:20px}
.imgSlide ul.tagPage li a{font-size: 0;padding-right: 0;display: block;text-align: center;opacity: 1;width: 20px;margin: 0 ;line-height: 20px;box-sizing: border-box;}
.imgSlide ul.tagPage li a:before{right: auto;left: 50%;transform:translate(-50%,-50%)}
}
@media screen and (max-width:500px) {
#bgImgSlider  .tle{font-size:  calc(45px + (60 - 45) * ((100vw - 300px) / (500 - 300)));}
#bgImgSlider .desc{font-size: 15px;}
}