@charset "utf-8";
/**
 * Created by sunJia on 2025/07/07.
 * @Description: Index Style
 */
 
/* 20250807 Header修改 */
header.fixedHeader{ background: transparent;box-shadow: none; padding: 0;
  position: absolute;top: 0;left: 0;width: 100%;z-index: 10;opacity: 1;}
.open header.fixedHeader{ z-index: 222;}
.currents header.fixedHeader{ animation: unset;z-index: 666;}
.fixedHeader .logo{ padding: 0;}
.fixedHeader .logo02::before{ background: rgba(255,255,255,0.5);}
/* header.fixedHeader::before{ content: '';display: block;width: 100%;height: 135px; background: url(../images/sub-head-bg.png) repeat-x center top/auto 100%;
	position: absolute; left: 0;top: 0;z-index: -1;pointer-events: none;-ms-pointer-events: none;} */
	header.fixedHeader::before{ content: '';display: block;width: 100%;height: 135px; 	position: absolute; left: 0;top: 0;z-index: -1;pointer-events: none;-ms-pointer-events: none;  background-image: -moz-linear-gradient(90deg, transparent 0%, #961f30 100%);
  background-image: -webkit-linear-gradient(90deg, transparent 0%, #961f30 100%);
  background-image: -ms-linear-gradient(90deg, transparent 0%, #961f30 100%);}
.nav li > a{ color: #fff;}
.fixedHeader .gp-serBtn2{ background: url(../images/search_white.png) no-repeat center center;}
.fixedHeader .header{ padding-top: 30px;}
/* .logo{ margin-left: -60px;margin-left: -3.125vw;} */
@media screen and (max-width:1320px){
    .logo{ margin-left: 0;}
}
/* 20250807 Header修改 */
.wrapbanner{position: relative;height: auto;margin-left: auto;margin-right: 0;z-index: 30; overflow: hidden;}
.banner{position: relative; margin-left: auto; margin-right: 0;}
.banner a{display:block;position:relative;}
.banner .gp-img{ position: relative;background-size: cover;padding-bottom: 100vh;height: 0px;}
.banner .gp-img::before{ content: '';display: block;width: 100%;height: 120px;
    background: url(../images/banner-bottom.png) repeat-x top center; position: absolute;right: 0;bottom: 0;z-index: 1;}
.banner .title{ position: absolute; right: 50%;bottom: 0px; transform: translateX(50%); line-height: 1; z-index: 3;
    box-sizing: border-box; color: #fff; width: 100%; padding: 50px 4.375% 30px;
    background: url(../images/banner-mask.png) repeat-x left bottom/auto 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: -webkit-linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: -moz-linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}

.banner .title span{ display: block; line-height: 1.5;max-width: 49%;}
.banner .gp-img video{ min-width: 100%;object-fit: cover;height: 100%;
    position: absolute;top: 0;right: 50%;transform: translateX(50%);z-index: 1;}

.banner .arrow{width: 45px;height: 45px;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0;cursor: pointer;}
.banner .prev{left: 0px;background-image: url(../images/banner_prev.svg);}
.banner .next{right: 0px;transform: rotateY(180deg);}
.gp-moble-show{ display: none;}
.banner-func-area{ position: absolute;width: auto; height: 94px; right: 0;bottom: 0;z-index: 1; align-items: center;}
.banner-func-area > *{ margin-right: 30px;}
.banner .swiper-arrow{ width: 22px;height: 22px; border-radius: 50%; background: url(../images/banner-arrow.png) no-repeat center;cursor: pointer;}
.banner .swiper-prev{ display: none;}
.banner .swiper-pagination{ position: relative;}
.banner .swiper-pagination-bullet{ margin-right: 25px; width: 18px; line-height: 18px;height: 18px;vertical-align: middle; background: transparent;color: #fff;opacity: 1;transition: margin .3s ease-in-out;}
.banner .swiper-pagination-bullet:last-child{ margin-right: 0; }
.banner .swiper-pagination-bullet-active{ position: relative; margin-left: 24px;}
.banner .swiper-pagination-bullet::before{ content: '';display: block; height: 1px;background: #fff;width: 0px;
    position: absolute; right: calc(100% + 5px);top: 50%;transform: translateY(-50%);}
.banner .swiper-pagination-bullet-active::before{ width: 38px;transition: all .3s ease-in-out;}
.wrapbanner .bb{ position: absolute;left: 50%;bottom: 15px;transform: translateX(-50%);z-index: 3;cursor: pointer;font-size: 0;
    display: flex; display: -ms-flexbox;flex-direction: column;align-items: center;
    animation: bb 2s linear 0s infinite;}
.wrapbanner .bb:hover{ animation-play-state: paused;}
.wrapbanner .bb img:last-child{ width: 60%;}

@keyframes bb {
    0% {
        transform: translate(-50%,0);
        opacity: 0;
    }
    20% {
        transform: translate(-50%,3px);
        opacity: 1;
    }
    80% {
        transform: translate(-50%,10px);
        opacity: 1;
    }
    90% {
        transform: translate(-50%,10px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,10px);
        opacity: 0;
    }
}

/* index-scroll */
.index-scroll{ position: fixed; top: 0;bottom: 0;right: 0;left: 100%;z-index: 108;overflow: hidden;
    transition: left 1.3s cubic-bezier(0.5,0,0.2,1) 0s; background: #faf8f2;}
.go-index{ position: absolute;left: 0px;top: 50%;transform: translate3d(0%, -50%, 0);z-index: 2;}
.go-index a span{ writing-mode: vertical-rl; -ms-writing-mode: tb-rl;letter-spacing: 4px; color: #7f6a56;font-weight: bold;font-family: 'NotoSerifSC', 'Noto Serif SC', 'NotoSerifSC';}
.index-scroll.show{left: 0;z-index: 108;}
/* .scrollSwiperOut{ padding-top: 16.84vh;} */
.scrollSwiper{ padding-left: 8.33vw; box-sizing: border-box;}
.scrollSwiper .swiper-wrapper{ transition: all 1.3s cubic-bezier(0.5,0,0.2,1) 0s !important;}
.scrollSwiper > .swiper-wrapper{ min-width: min-content; padding-top: 16.84vh; height: 100vh; box-sizing: border-box;}
.scrollSwiper .scrollBg{ position: absolute;height: 100%;width: calc(100% + 16.67vw);background: url(../images/index-home-scroll.png) no-repeat left bottom;
    position: absolute;left: -16.67vw;/* left: -8vw; */bottom: 0;z-index: -1;}
.scrollSwiper .belongYear{ justify-content: flex-start;align-items: center;}
.scrollSwiper .belongYear a{ display: block; flex-shrink: 0;margin-right: 20px; overflow: hidden;}
.scrollSwiper .belongYear span{color: #7f6a56; line-height: 1;}
.scrollSwiper .swiper-slide-active .belongYear span{color: #961f30;}
.scrollSwiper .belongYear i{display: inline-block; border-left: 3px solid #7f6a56;border-right: 3px solid #7f6a56; flex: 1;height: 26px;position: relative;}
.scrollSwiper .swiper-slide-active .belongYear i{border-color: #961f30;}
.scrollSwiper .belongYear i::before{ content: '';display: block;width: 100%;height: 3px;background: #7f6a56;
    position: absolute; left: 0;top: calc(50% - 1.5px);z-index: 1;}
.scrollSwiper .swiper-slide-active .belongYear i::before{background: #961f30;}
.scrollSwiper ul{ margin-top: 3.16vh; justify-content: flex-start;}
.scrollSwiper li{ width: 24.76vw; margin-right: 40px;}
.scrollSwiper li.hasChildSwiper{ margin-right: 52px; position: relative;}
/* .scrollSwiper li:last-child{ margin-right: 0;} */
.swiperItems{ position: relative; overflow: hidden;}
.scrollSwiper li a{ color: #481c1c;}
.scrollSwiper li .month{ color: #7f6a56; justify-content: flex-start; align-items: flex-end; line-height: 1;min-height: 35px;}
.scrollSwiper li .month span:last-child{ padding-bottom: 3px;}
.scrollSwiper li .gp-img-responsive{ margin-top: 2.11vh;padding-bottom: 28.16vh;}
.scrollSwiper li .title{ line-height: 1; margin-top: 2.11vh;}
.scrollSwiper li .date{ color: #ad8f73; line-height: 1; margin-top: 2.11vh;}
.scrollSwiper li .date .icoBox{ margin-left: 20px;}
.scrollSwiper .videoIco{ position: relative;z-index: 0;}
.scrollSwiper .videoIco::before{ content: '';display: block;width: 34px;height: 34px;background: url(../images/index-home-ico.png) no-repeat center/cover;
    position: absolute;left: 21px;bottom: 17px;z-index: 1;}
.scrollSwiper .swiper-items-nav .gp-img-responsive{ padding-bottom: 9.05vh;}
.swiper-items-nav{ display: none; overflow: hidden;}
.hasChildSwiper .swiper-items-nav{ display: block;}
.widthAuto{ width: auto;}
.scrollSwiper-prev, .scrollSwiper-next{ width: 50px; height: 50px; font-size: 0; position: absolute;top: calc(50% - 25px);z-index: 1;cursor: pointer;}
.scrollSwiper-prev{ left: 50px;transform: rotateY(180deg);}
.scrollSwiper-next{ right: 0px;}
.swiper-items-prev, .swiper-items-next{ display: none; width: 11px;font-size: 0;position: absolute;bottom: 2.8vh;z-index: 1;}
.hasChildSwiper .swiper-items-prev, .hasChildSwiper .swiper-items-next{ display: block;}
.swiper-items-prev{ left: -16px; transform: rotateY(180deg);}
.swiper-items-next{ right: -16px;}




.content{ position: relative; height: 100%; overflow: auto; background: #faf8f2;}


/* 首页板块标题样式 */
.modeTil{ position: relative; line-height: 1;}
.modeTil .modeTitle{line-height: 1; text-align: center; flex-shrink: 0;margin-right: 37px;}
.modeTil .modeTitle .ch{ color: #961f30;}
.modeTil .modeTitle .en{ color: #d4cdb7;margin-top: 10px;}
.modeTil .modeMore{ position: relative;z-index: 1; font-size: 0;flex: 1;min-width: unset;text-align: right;}
.modeTil .modeMore::before{ content: '';display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #dad6c9;transition: all .3s ease-in-out;}
.modeTil .modeMore::after{ content: '';display: block;width: calc(100% - 20px);height: 1px;background: #dad6c9;
    position: absolute; left: 0;top: 50%;transform: translateY(-50%);z-index: -1;transition: all .3s ease-in-out;}
/* .modeTil:hover .modeMore::before,
.modeTil:hover .modeMore::after{ background: #961f30;} */
.modeTil .modeMore img{ margin-bottom: 2px; transform-style: preserve-3d; max-height: 30px;}
.modeTil .modeMore.active img{ animation: moreAnimate 1s ease-in-out forwards;}
@keyframes moreAnimate {
    0%{ transform: rotateY(0deg) scale(1);}
    50%{ transform: rotateY(180deg) scale(1.2);}
    100%{ transform: rotateY(360deg) scale(1);}
}

.row01{ position: relative;z-index: 1; padding: 194px 0 44px; background: url(../images/row01-bg.png) no-repeat left bottom/100% auto;}
.row01::after{ content: '';display: block;width: 22.13%; height: 330px;height: 376px; background: url(../images/row01-bg2.png) no-repeat right bottom/100% auto;
    position: absolute; top: calc(100% - 294px);right: 0;transform: translateY(0);z-index: 1;pointer-events: none;-ms-pointer-events: none;}
.row01::before{ content: '';display: block;width: 100%;height: 30%;background: #f1efe3;position: absolute;top: 0;left: 0;z-index: -1;}
.row01 .gp-container{ position: relative;z-index: 1;}
.row01 .gp-container::before{ content: '';display: block;width: calc(100% - 53.06%);height: 200px; background: #faf8f2;
    position: absolute; right: 0;top: 90%;z-index: -1;}
.row01 .modeTil{ max-width: 30%; position: absolute;right: 0;top: 0;z-index: 1;width: 100%; margin-right: 7.46%;}
.row01 .modeTil .modeMore img{ margin-bottom: 5px;}
.row01 .modeCon{ padding-top: 25px; align-items: flex-start;}
.row01 .lf{ width: 53.06%;}
.row01 .picSwiper{ position: relative; overflow: hidden;}
.row01 .picSwiper .img{ background: #7c3030;}
.row01 .picSwiper .gp-img-responsive{ padding-bottom: 56.25%; background: #7c3030;}
.row01 .picSwiper .infoBox{ background: #7c3030; position: relative; padding: 27px 48px 42px 18.21%;}
.row01 .picSwiper .infoBox::before{ content: '';display: block;width: 100%;height: calc(100% + 30px);background: url(../images/new-bg1.png) no-repeat right top;
    position: absolute; top: -30px; right: 0;z-index: 0;pointer-events: none;}
.row01 .picSwiper .infoBox *{ position: relative;z-index: 2;}
.row01 .picSwiper .title{ color: #fff; line-height: 1;}
.row01 .picSwiper .summary{ color: #f1efe3; line-height: 1.89; margin-top: 11px; height: 4em;}
.row01 .picSwiper .date{ color: #e9ba83; text-align: center; line-height: 1; padding: 20px 0 94px; max-width: 100px;width: 13.56%; min-width: 80px; border-radius: 0 0 35px 0;overflow: hidden;
    background: #7c3030 url(../images/new-date-bg.png) no-repeat bottom left;
    position: absolute; top: -20px; left: 0;}
.row01 .picSwiper .day{ line-height: 1;}
.row01 .picSwiper .month{ margin-top: 10px; white-space: nowrap;}
.row01 .swiper-pagination-bullet{ width: 7px; height: 7px; border-radius: 50%;border: 1px solid #e9ba83; margin: 0 9.5px;
    background: transparent;vertical-align: middle;opacity: 1;}
.row01 .swiper-pagination-bullet-active{ background: #e9ba83; width: 13px; height: 13px;}

.row01 .rt{ width: calc(100% - 53.06%);}
.row01 .txtSwiper{ overflow: hidden; position: relative;border-radius: 0 0 180px 0;}
.row01 .txtSwiper ul{ padding-top: 70px; height: 100%;}
.row01 .txtSwiper li{ background: #fff; padding: 60px 67px 126px 45px; height: 100%; box-sizing: border-box;}
.row01 .txtSwiper a{ margin-bottom: 60px; align-items: center;}
.row01 .txtSwiper a:last-child{ margin-bottom: 0px;}
.row01 .txtSwiper .date{ flex-shrink: 0; max-width: 90px; width: 18.11%;min-width: 70px; text-align: center; margin-right: 5.08%; color: #961f30;
    border: 1px solid #961f30;border-radius: 0 0 35px 0; line-height: 1; padding: 18px 0;}
.row01 .txtSwiper a:hover .date{ color: #e9ba83; background: #961f30 url(../images/new-date-bg2.png) no-repeat center/cover;}
.row01 .txtSwiper .month{ margin-top: 8px;}
.row01 .txtSwiper .info{ line-height: 2; max-height: 108px; overflow: hidden; margin-top: -8px; flex: 1; min-width: unset;}
.row01 .txtSwiper .title{ color: #481c1c;}
.row01 .txtSwiper .summary{ color: #ad8f73;}
.row01 .txtSwiper .swiper-pagination{ bottom: 55px;}

/* addRow01 */
.addRow01{ padding: 167px 0 0; overflow: hidden;}
.addRow01 .modeCon{ background: url(../images/addmode01-bg.png) repeat-x left top/auto 100%; border-radius: 0 150px 150px 0;align-items: center;}
.addRow01 .lf{ padding: 55px 0 40px 50px; width: 48.67%; box-sizing: border-box;}
.addRow01 .lf .img{ font-size: 0; width: auto; max-width: 100%;text-align: center;}
.addRow01 .lf ul{ margin: -6px -10px 0; flex-wrap: wrap; justify-content: flex-start;}
.addRow01 .lf li{ width: 20%; margin-top: 19px;}
.addRow01 .lf a{ display: block; margin: 0 10px; padding: 18px 0 13px; border-radius: 12px; text-align: center;border: 1px solid #ffebda;}
.addRow01 .lf .ico{ height: 27px; font-size: 0; transition: all .3s ease-in-out;}
.addRow01 .lf a:hover .ico{ animation: beat 0.7s 1;}
@-webkit-keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }

    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
.addRow01 .lf .ico img{ height: 100%;}
.addRow01 .lf .name{ line-height: 1; margin-top: 13px; color: #481c1c;}
.addRow01 .lf .more{ text-align: center;}
.addRow01 .lf .more a{ display: inline-block; width: 250px; line-height: 40px; border-radius: 20px; padding: 0;color: #fff;margin-top: 30px;
    background-image: -moz-linear-gradient( 0deg, rgb(255,65,33) 0%, rgb(255,131,28) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,65,33) 0%, rgb(255,131,28) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,65,33) 0%, rgb(255,131,28) 100%);}
.addRow01 .rt{ line-height: 1; margin-top: 13px; width: 51.73%; transform: translate3d(70px, -45px, 0);position: relative;z-index: 1;}
.addRow01 .rt::before{ content: '';display: none;top: 20px;right: 20px;bottom: 6px;left: 20px;position: absolute;z-index: -1;
     box-shadow: 0 0 14px 29px rgba(216, 145, 76, 0.15);}
.addRow01 .rt img{ width: 100%;}
.addRow01 .rt video{ width: 100%;font-size: 0;}

/* row02 */
.row02{ position: relative; background: #faf8f2; z-index: 3; padding: 116px 0 130px;}
.row02::before{ content: '';display: block;width: 100%;height: 0;padding-bottom: 55.42%;
    background: url(../images/row02-bg.png) no-repeat center top/auto 100%;
    position: absolute; left: 0;top: -42px;z-index: 2;pointer-events: none;-ms-pointer-events: none;}
.row02 > *{ position: relative; z-index: 3;}
.row02 .modeTil{ justify-content: center; display: block;}
.row02 .modeTil i{ width: 4.26%; font-size: 0;display: inline-block;vertical-align: middle; margin-right: 1.67%;}
.row02 .modeTitle{ display: block; margin: 0;}
.row02 .modeTil .modeTitle .ch{ justify-content: center;}
.row02 .modeTil .modeMore{ flex: unset;float: right;margin-top: 25px; position: absolute;top: 0;right: 23%;width: calc(18.5% - 35px);}
/* .row02 .modeTil .modeMore::before,
.row02 .modeTil .modeMore::after{ display: none;}
.row02 .modeTil .modeMore img{ margin: 0;} */
.dangSwiper{ max-width: 1920px; margin: 0 auto; max-width: 36.67%;}
.row02 .modeCon{ padding-top: 58px;overflow: hidden;}
.row02 .gp-img-responsive{ padding-bottom: 56.25%;}
.row02 .infoBox{ position: relative; background: #f1efe3; padding: 25px 35px 20px;}
.row02 .swiper-slide-prev .infoBox,
.row02 .swiper-slide-next .infoBox{ padding: 30px 35px;}
.row02 .swiper-slide-active .infoBox{ padding: 45px 34px 40px 130px;}
.row02 .infoBox::before{ content: '';display: block;width: 100%;height: calc(100% + 28px); background: url(../images/dang-bg1.png) no-repeat top right;
    position: absolute; right: 0;top: -28px;z-index: 0;pointer-events: none;opacity: 0;}
.row02 .swiper-slide-active .infoBox::before{ opacity: 1;}
.row02 .infoBox > *{ position: relative; z-index: 1;}
.row02 .infoBox .title{ line-height: 1.6; color: #481c1c;-webkit-line-clamp: 1;}
.row02 .swiper-slide-active .title{ -webkit-line-clamp: 2; height: 3.2em;}
.row02 .infoBox .summary{ display: none; line-height: 1; color: #ad8f73; margin-top: 10px;}
.row02 .swiper-slide-active .summary{ display: block;}
.row02 .swiper-slide .date span{ display: block; color: #ad8f73; line-height: 1; margin-bottom: 10px;}
.row02 .swiper-slide-active .date span{ display: none;}
.row02 .swiper-slide .date div{ display: none;}
.row02 .swiper-slide-active .date div{ display: block;}
.row02 .swiper-slide-active .date{ position: absolute; left: 0;top: -20px;z-index: 1;
    background: #961f30 url(../images/row02-date-bg.png) no-repeat center bottom;
    width: 96px; border-radius: 0 0 35px 0;overflow: hidden;color: #e9ba83;text-align: center;line-height: 1;padding: 10px 0 89px;}
.row02 .swiper-slide-active .month{ margin-top: 8px;}
.row02 .swiper-slide-active .infoBox{ background: #fff;}
.row02 .swiper-slide{ opacity: 0; transition: all 0.2s ease-in-out; box-shadow: none !important;}
.row02 .swiper-slide-active,
.row02 .swiper-slide-prev,
.row02 .swiper-slide-next{ opacity: 1;}
.dangSwiper-swiper-pagination{ text-align: center; font-size: 0; margin-top: 38px;}
.dangSwiper-swiper-pagination .swiper-pagination-bullet{ width:7px;height: 7px;border: 1px solid #e9ba83; box-sizing: border-box; border-radius: 50%;
    background: transparent;vertical-align: middle;margin: 0 9.5px; opacity: 1;}
.dangSwiper-swiper-pagination .swiper-pagination-bullet-active{ width: 13px;height: 13px;background: #e9ba83;}

/*row03 */
.row03{ position: relative;z-index: 3; padding: 88px 0 110px;}
.row03::before{ content: '';display: block;width: 100%;height: 972px;/* background: url(../images/row03-bg2.png) no-repeat right top; *//* background-size: 53.125% auto; */
    background: url(../images/row03-bg2.png) no-repeat; background-position: calc(50% + 400px);
    position: absolute;right: 0;top: -26px;z-index: 0;pointer-events: none;}
.row03 .gp-container{ position: relative; z-index: 1;}
.row03 .lf .modeTil{ max-width: 455px; max-width: 54.16%; margin-left: 155px;margin-left: 18.45%;}
.row03 .modeCon{ align-items: flex-start;}
.row03 .modeCon .lf{ width: 56%; }
.row03 .lf ul{ position: relative; z-index: 1; padding: 12px 0 78px;padding-right: 93px; margin: 30px -10px 0; }
.row03 .modeCon .lf ul::before{ content: '';display: block;width: 100vw;height: 100%;
    background: #7c3030 url(../images/row03-bg1.png) no-repeat right top; background-size: 54.94% auto;
    position: absolute; right: 0;top: 0;z-index: -1;border-radius: 0 150px 0 0; }
.row03 .lf li{ margin-top: 60px;}
.row03 .lf li a{ position: relative; display: block; margin: 0 10px;
    background: #943e3d;background-position: center;text-align: center; padding: 24px 0;transition: all 0.3s ease-in-out;}
.row03 .lf li a:hover{ border-radius: 0 0 60px 0; background: #943e3d url(../images/row03-hover-bg.png) no-repeat center;}
.row03 .lf li a::before{ content: '';display: block;background: #e9ba83;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.row03 .lf .icon{ width: 80px;height: 80px;margin: 0 auto; border: 1px solid rgba(255,255,255,0.5); box-sizing: border-box; border-radius: 50%;position: relative;}
.row03 .lf .icon svg{position: absolute; top: 50%;right: 50%;transform: translate3d(50%,-50%,0) scale(0.83);z-index: 1;}
.row03 .lf a:hover svg{ transition: all 0.6s ease-in-out;  transform: translate3d(50%,-50%,0) rotateY(360deg) scale(0.83);}
.row03 .lf .name{ line-height: 1; margin-top: 17px;}

.row03 .rt{ width: 40.47%; background: #f1efe3; margin-top: 13px; border-radius: 0 0 0 150px;}
.vertical .modeTitle{ writing-mode: vertical-lr; -ms-writing-mode: tb-lr;}
.row03 .rt .modeTil{ background: #d4cdb7; padding: 4.9vh 0 3.3vh;max-height: 410px;height: 45.22vh;min-height: 280px; width: 118px;}
.row03 .rt .modeTitle .en{ color: #f1efe3;}
.vertical.modeTil{ flex-direction: column; align-items: center;flex-shrink: 0;
    margin-left: 0; box-sizing: border-box;}
.vertical.modeTil .modeTitle{ text-align: left; margin-right: 0; margin-bottom: 3.95vh;}
.vertical.modeTil .modeMore{ flex-direction: column;}
.vertical.modeTil .modeMore::after{ width: 1px; height: calc(100% - 20px); left: 50%;transform: translateX(-50%);top: auto;top: 0;}
/* .vertical.modeTil .modeTitle .ch{ letter-spacing: -15px;} */
.vertical.modeTil .modeTitle .en{ margin-left: 8px;}
.row03 .rt .modeTil .modeMore::after,
.row03 .rt .modeTil .modeMore::before{ background: #f1efe3;}
.row03 .rt ul{ flex: 1; min-width: unset; padding: 57px 35px 50px 20px; min-height: 600px;}
.row03 .rt li{ margin-bottom: 40px;}
.row03 .rt li:last-child{ margin-bottom: 0;}
.row03 .rt li a{}
.row03 .rt .date{text-align: center;color: #961f30; line-height: 1; padding: 0 13px; border-right: 1px solid #d4cdb7;}
.row03 .rt .month{ margin-top: 8px;}
.row03 .rt .title{ flex: 1; min-width: unset; padding-left: 20px; color: #481c1c; line-height: 2;}

/* row04 */
.row04{ position: relative;z-index: 3; padding: 125px 0 385px; background: url(../images/row04-bg.png) no-repeat center bottom/100% auto;}
.row04 .modeTil{ max-height: 450px; height: 49.4vh; min-height: 280px; margin-top: 23px;}
.row04 .modeCon{ flex: 1; min-width: unset; margin-left: 40px; margin-right: 114px;}
.row04 .modeCon ul{ align-items: flex-end;}
.row04 .modeCon a{ display: block; width: 100%;}
.row04 .item1{ width: 40.06%; flex-shrink: 0;}
.row04 .item1 .gp-img-responsive{ padding-bottom: 92.35%;}
.row04 .item2{ width: 59.15%;}
.row04 .item2 a{ width: 47.94%;}
.row04 .item2 a:nth-of-type(1){ width: 50.59%;}
.row04 .gp-img-responsive{ background-size: cover;background-position: center;}
.row04 .item2 .gp-img-responsive{ padding-bottom: 105.54%;}
.row04 .item2 a:nth-of-type(1) .gp-img-responsive{ padding-bottom: 100%;}
.row04 .schoolBottom{ align-self: flex-start; margin-top: 10px; position: relative;}
.row04 .schoolBottom a:nth-of-type(1){ width: 30.74%;}
.row04 .schoolBottom a:nth-of-type(1) .gp-img-responsive{ padding-bottom: 70.84%;}
.row04 .schoolBottom a:nth-of-type(2){ width: 67.73%; position: absolute; top: 0; right: 0;}
.row04 .schoolBottom a:nth-of-type(2) .gp-img-responsive{ padding-bottom: 63.53%;}
.row04 .schoolBottom a:nth-of-type(3){ width: 69.19%; position: absolute; top: calc(100% + 10px); right: 100%; margin-right: -30.74%;}
.row04 .schoolBottom a:nth-of-type(3) .gp-img-responsive{ padding-bottom: 44.72%;}
.rebox-content2{ width: 43.85%;/* transform: translate3d(50%, -50%, 0);position: absolute;top: 50%;right: 50%; */transition: 0s;}


/* 悬浮按钮 */
.fiexdRight{ position: absolute; right: 35px;bottom: 50px;z-index: 100;}
.searchActive .fiexdRight{ z-index: 3;}
.open .fiexdRight{ display: none;}
.fiexdRight li{ margin-bottom: 25px; position: relative;z-index: 1;}
.fiexdRight li:last-child{ margin-bottom: 0px;}
.fiexdRight li i{ position: absolute;top: 8px;right: 0;bottom: 0;left: 8px;z-index: -1;
    background: url(../images/right-bg-line.png) no-repeat center/cover; transition: all .3s ease-in-out;}
.fiexdRight li:hover i{ background: url(../images/right-bg-line-hover.png) no-repeat center/cover;}
.fiexdRight li i::before{ content: '';display: block;width: 9.5px;height: 9.5px;border-radius: 50%;background: #961f30;
    position: absolute;bottom: -3px;left: calc(50% - 4px);z-index: -1; animation: r 9s infinite linear;transform-origin: 5px -35px;
    transition: all .3s ease-in-out;}
.fiexdRight li:nth-of-type(2) i::before{ animation-duration: 8s;}
.fiexdRight li:nth-of-type(3) i::before{ animation-duration: 9.4s;}

.fiexdRight li:hover i::before{ background: #e1a865;}
.fiexdRight a{ display: block;padding: 12px 26px 0 24px; line-height: 1.41; color: #fff; width: 90px;height: 90px;letter-spacing: 0.85px;
    background: url(../images/right-bg.png) no-repeat center/cover; transition: all .3s ease-in-out;}
.fiexdRight a:hover{ background: url(../images/right-bg-hover.png) no-repeat center/cover;}
@keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* 幻灯片box */
.mask .img{ height: 100%; max-height: 80vh; width: auto;
    position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);}
.mask img{ height: 100%; width: auto;}
.ifClick .mask .img{ max-width: 100%;}
.ifClick .mask img{ height: 100%; max-width: 100%;}
.resize_box .ex{ text-align: center;}
.ex img{max-width: none;display: inherit;}
.resize_box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;}
.positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;left:35px;top:35px;z-index: 9991;}

/* 大屏适配 */
.content > div{ max-width: 1920px; margin: 0 auto;}
.row03 .modeCon .lf ul::before{ max-width: 900px;}


/* Responsive style */
@media screen and (max-width:1800px){
}

@media screen and (max-width:1600px){
  .fiexdRight{ right: 15px;bottom: 30px;}
  .row03 .modeCon .lf ul::before{ background-size: 56% auto;}
}

@media screen and (max-width:1580px){
    .fiexdRight a{ width: 85px; height: 85px; padding: 10px 20px 0 20px; font-size: 18px;}
    .banner .title{ font-size: 22px;}
    .row01::after{ width: 18%;}
    .row01{ padding: 160px 0 60px;}
    .row02{ padding: 80px 0 110px;}
    .row03{ padding: 50px 0;}
    .row04{ padding: 70px 0 320px;}

    .row01 .txtSwiper li{ padding: 50px 40px 80px 40px;}
    .row01 .txtSwiper .swiper-pagination{ bottom: 40px;}
    .row03 .lf li{ margin-top: 40px;}
    .row03 .rt .modeTil{ width: 100px; padding: 20px 0;}
    .row03 .rt ul{ padding: 40px 30px 40px 10px; min-height: 540px;}
    .row02 .modeTil .modeMore{ right: 22%; width: calc(18.5% - 35px);}

    /* 小屏幕样式优化 */
    /* header.fixedHeader::before{ height: 140%; background-size:  auto 100%;} */
    /* .row01 .picSwiper .infoBox{ padding: 35px 40px 40px 135px;} */
    .row01 .txtSwiper a{ margin-bottom: 50px;}
    .summary.gp-f18{ font-size: 16px;}
    .row02{ padding: 70px 0 100px;}
    .row03::before{ background-size: 53% auto; background-position: calc(50% + 350px); top: -90px;}
    .row03 .rt li{ margin-bottom: 25px;}
    .row03 .lf .icon{ width: 88px; height: 88px;}

    .addRow01{ padding: 120px 0 0;}
    .addRow01 .lf{ padding: 40px 0 30px 40px;}
    .addRow01 .lf li{ margin-top: 15px;}
}

@media screen and (max-width:1480px){
    /* .modeTil .modeTitle .ch{ font-size: 34px;} */
    .modeTil .modeTitle .en{ font-size: 22px; margin-top: 6px;}
    .row01 .txtSwiper a{ margin-bottom: 35px; align-items: center;}
    .row01 .txtSwiper .date{ padding: 14px 0; border-radius: 0 0 25px 0;}
    .row03 .lf ul{ padding-right: 50px;}
    .row03 .rt ul{ padding: 30px 20px 30px 10px;}
    .row02 .modeTil .modeMore{ right: 20%;width: calc(19.5% - 35px);}
}

@media screen and (max-width:1386px){
    .banner .title{ font-size: 20px; padding: 50px 4.375% 50px;}
    .row01{ padding: 130px 0 40px;}
    .row01 .txtSwiper{ border-radius: 0 0 120px 0;}
    .row01 .txtSwiper li{ padding: 50px 40px 50px 40px;}
    .row01 .txtSwiper .swiper-pagination{ bottom: 20px;}
    .row02{ padding: 60px 0 90px;}
    .row02::before{ top: -10px;}
    .row02 .modeCon{ padding-top: 40px;}
    .row03 .modeCon .lf ul::before{ border-radius: 0 80px 0 0;}
    .row02 .swiper-slide-active .infoBox{ padding: 34px 30px 34px 120px;}
    .row03::before{ background-size: 51% auto; background-position: calc(50% + 300px); top: -100px;}
    .row03 .lf .modeTil{ margin-left: 18%; max-width: 62%;}
    .row03 .rt{ border-radius: 0 0 0 100px;}
    .row03 .rt .modeTil{ width: 80px; max-height: 340px;}
    .row03 .lf ul{ padding: 12px 0 50px; padding-right: 20px;}
    .row03 .rt li{ margin-bottom: 20px;}
    .row03 .lf .icon svg{ transform: translate3d(50%,-50%,0) scale(0.86);}
    .row03 .rt ul{ min-height: 500px;}
    .row04{ padding: 60px 0 290px;}
    
    .row01 .txtSwiper .date{ padding: 10px 0;}
}


@media screen and (max-width:1280px){
    header.fixedHeader::before{ height: 100px;}
    .banner .title{ font-size: 18.5px; padding: 50px 4.375% 40px;}
    .row01 .txtSwiper{ border-radius: 0 0 100px 0;}
    .row01 .modeTil{ top: 10px;}
    /* .row01 .txtSwiper .info{ line-height: 1.6;} */
    .row02{ padding: 50px 0 80px;}
    .row02 .swiper-slide-active .date{ width: 15.5%; min-width: 66px; padding: 10px 0 70px; background-size: 90% auto;}
    .row02 .swiper-slide-active .infoBox{ padding: 25px 30px 30px 100px;}
    .dangSwiper-swiper-pagination{ margin: 15px auto 20px;}
    .row03::before{ top: -125px;}
    .row03 .lf .icon{ width: 77px; height: 77px;}
    .row03 .lf .icon svg { transform: translate3d(50%, -50%, 0) scale(0.8);}
    .row03 .rt ul{ min-height: 460px;}
    /* .row01 .txtSwiper .title{ font-size: 18px;} */
    .summary.gp-f18{ font-size: 16px;}

    .addRow01 .lf{ padding: 25px 0 25px 25px;}
    .addRow01 .lf ul{ margin: 0 -6px;}
    .addRow01 .lf a{ margin: 0 6px;}
    .addRow01 .lf .more a{ line-height: 35px; margin-top: 25px; width: 200px;}
    .addRow01 .rt{ transform: translate3d(30px, -15px, 0);}
}

@media screen and (max-width:1240px){
    .row01 .modeTil{ margin-right: 10%; max-width: 30%;}
    .row01 .picSwiper .summary{ margin-top: 18px;}
    .row03 .modeCon .lf ul::before{ background-size: 57% auto;}
}

@media screen and (max-width:1200px){
    .fiexdRight{ right: 10px; bottom: 20px;}
    .fiexdRight li{ margin-bottom: 10px;}
	.fiexdRight li i::before{ transform-origin: 3px -29px;}
    .fiexdRight a{ width: 76px; height: 76px;font-size: 16px;}
    .row01 .txtSwiper li{ padding: 30px;}
    .row01 .txtSwiper .date{ padding: 12px 0;}
}

@media screen and (max-width:1160px){
    .banner .title{ font-size: 17.5px; padding: 50px 4.375% 40px;}
    .row03::before { top: -106px;}
    .addRow01 .lf a{ padding: 13px 0 10px;}
}

@media screen and (max-width:1100px){
    .row01::before{ height: 50%;}
    .row01 .txtSwiper .date{ padding: 10px 0; border-radius: 0 0 20px 0;}
    .row01 .txtSwiper .swiper-pagination{ bottom: 30px;}
    .row02{ padding: 50px 0 60px;}
    .row02 .modeTil .modeMore{ margin-top: 10px;}
    .row02 .modeCon{ padding-top: 30px;}
    .row02 .modeTil i{ max-width: 60px; margin-right: 20px;}
    .dangSwiper-swiper-pagination{ margin: 10px auto 30px;}
    .row02{ padding: 40px 0 50px;}
    .row02::before{ top: -30px;}
    .row03{ padding: 30px 0;}
    .row03 .lf ul{ margin-top: 10px;}
}

@media screen and (max-width:998px){
    .body_b{ position: relative;top: 0;}
    .banner .gp-img{ padding-bottom: 49.74%;}
    .fiexdRight{ display: none;}
    .row01{ padding: 50px 0;}
    .row01::before{ height: calc(100% - 200px);}
    .row01 .modeTil{ top: 0;}
    .row01 .swiper-pagination-bullet-active{ width: 10px; height: 10px;}
    .row01 .txtSwiper .swiper-pagination{ bottom: 6px;}
    .row01 .modeTil{ position: relative; max-width: unset; padding-right: 0;}
    .row01 .modeCon{ padding-top: 20px; flex-direction: column;}
    .row01 .picSwiper, .row01 .txtSwiper{ width: 100%;}
    .row01 .txtSwiper{ background: #fff;}
    .row01 .txtSwiper ul{ padding-top: 20px; background: #fff;}
    .row01 .txtSwiper{ border-radius: 0;}
    .row01 .txtSwiper a{ margin-bottom: 20px;}
    .modeTil .modeTitle{ margin-right: 20px;}
    .modeTil .modeTitle .ch{ font-size: 32px;}
    .modeTil .modeTitle .en{ font-size: 20px;}
    .row02{ padding: 50px 0;}
    .row02 .modeCon{ padding-top: 20px;}
    .dangSwiper{ max-width: 60%;}
    .dangSwiper-swiper-pagination .swiper-pagination-bullet{ width: 7px; height: 7px; margin: 0 4px;}
    .dangSwiper-swiper-pagination .swiper-pagination-bullet-active{ width: 10px; height: 10px;}
    .row02 .modeTil{ display: flex; display: -ms-flexbox; flex-direction: row-reverse;justify-content: flex-end;}
    .row02 .modeTil .modeTitle .ch{ justify-content: flex-start;}
    .row02 .modeTil .modeMore{ position: relative; right: 0; margin-top: 0; flex: 1;}
    .row02 .modeTil i{ width: 45px; flex-shrink: 0;}
    .row02 .infoBox{ padding: 20px 30px;}
    .row02 .swiper-slide-prev .infoBox,
    .row02 .swiper-slide-next .infoBox{ padding: 30px 35px;}
    .row02 .swiper-slide-active .infoBox{ padding: 30px 30px 30px 95px;}
    /* .row02 .infoBox .title{ height: auto;} */
    .row03{ padding: 0px 0 50px; overflow: hidden;}
    .row03 .modeCon{ flex-direction: column;}
    .row03 .modeTil{ max-width: unset; margin-left: 0;}
    .row03 .modeCon .lf{ width: 100%;}
    .row03 .modeCon .rt{ width: 100%;}
    .row03 .modeCon .lf ul::before{ right: 50%; transform: translateX(50%);}
    .row03 .lf ul{ padding: 10px 0 30px; display: flex; display: -ms-flexbox; justify-content: center; flex-wrap: wrap;}
    .row03 .lf li{ margin-top: 20px;}
    .row03 .lf .modeTil{ margin-left: 0; max-width: unset;}
    .row03 .modeCon .rt{ flex-direction: column;}
    .row03 .rt ul{ min-height: unset;}
    .row03 .rt .modeTil{ width: 100%; background: transparent; max-width: unset; max-height: unset; background: #faf8f2; height: unset; min-height: unset;margin-top: 0;}
    .row03 .rt .modeTitle .en{ color: #d4cdb7;}
    .row03 .rt .modeTil .modeMore::after, .row03 .rt .modeTil .modeMore::before{ background: #dad6c9;}
    .row03 .rt .modeTil .modeMore::after, .vertical.modeTil .modeMore::after{ width: 100%; height: 1px; left: 0;top: 50%;transform: translateY(-50%);}
    .row03 .modeCon .rt{ border-radius: 0;}
    .row03 .rt .modeTil{ position: relative;z-index: 1;}
    .row03 .rt .modeTil::before{ content: '';display: block;width: 100vw;height: 100%;background: #faf8f2;
        position: absolute;left: 0;top: 0;z-index: -1;}
    .vertical.modeTil{ flex-direction: row; padding: 0; height: unset; min-height: unset;}
    .vertical .modeTitle{ writing-mode: horizontal-tb;}
    .vertical.modeTil .modeTitle{ margin-bottom: 0;}
    .vertical.modeTil .modeTitle .ch{ letter-spacing: 0;}
    .vertical.modeTil .modeMore{ flex-direction: row;}
    .row04{ padding: 20px 0 300px;}
    .row04 .gp-container > .flex{ flex-direction: column;}
    .row04 .modeCon{ margin: 20px 0 0;}
    .body_b{ z-index: 1;}
    .wrapbanner .bb{ display: none;}

    .row01::after{ width: 24vw; top: calc(100% - 15vw); height: 250px;}
    .row01 .gp-container::before{ height: 130px; top: 95%;}
    .addRow01 .modeCon{ border-radius: 0 80px 80px 0;}
    .addRow01 .lf{ width: 100%; padding: 25px;}
    .addRow01 .lf .img{ max-width: 560px; margin: 0 auto;}
    .addRow01 .rt{ display: none;}
    
    .row01 .modeTil,
    .row02 .modeTil,
    .row03 .lf .modeTil,
    .row03 .rt .modeTil,
    .vertical.modeTil{ max-width: 50%;}
    .modeTil .modeMore img{ height: 28px;}
    .scrollSwiper li{ margin-right: 25px;}
    .scrollSwiper li .gp-img-responsive{ padding-bottom: 56.25%;}
}

@media screen and (max-width:768px){
    .modeTil .modeTitle .ch{ font-size: 28px;}
    .modeTil .modeTitle .en{ font-size: 18px;}
    .row01 .txtSwiper li{ padding: 20px;}
    .row01 .picSwiper .infoBox{ padding: 30px 30px 40px 95px;}
    .row01 .picSwiper .date{ min-width: 75px; padding: 15px 0 70px; }
    .row01 .txtSwiper .date{ min-width: 65px; padding: 8px 0; border-radius: 0 0 12px 0;}
    .row01 .txtSwiper .month{ margin-top: 5px;}
    .row02::before{ background-size: auto 100%; top: 30px;}
    .row02 .modeTil i{ max-width: 55px; margin-right: 15px;}
    .row02 .modeTil .modeMore{ margin-top: 10px;}
    .row02 .swiper-slide-active .infoBox{ padding: 15px 20px 25px 20%;}
    .row03 .modeCon .lf ul::before{ border-radius: 0 50px 0 0; background-position: right bottom;}
    .row04{ padding: 0 0 100px;}
    .row04 .modeCon ul{ flex-direction: column;}
    .row04 .item1{ width: 100%;}
    .row04 .modeCon a{ display: block; width: 100%;}
    .row04 .item2{ width: 100%; margin-top: 10px;}
    .row04 .schoolTop{ justify-content: flex-end;}
    .row04 .item2 a:nth-of-type(1){ width: 50%;}
    .row04 .item2 a:nth-of-type(2){ width: calc(50% - 10px); margin-left: 10px;}
    .row04 .schoolBottom{ flex-wrap: wrap; justify-content: flex-end;}
    /* .row04 .schoolBottom a:nth-of-type(1){ width: 42.4%;} */
    .row04 .schoolBottom a:nth-of-type(2){ position: relative; margin-left: 10px;}
    .row04 .schoolBottom a:nth-of-type(3){ width: 100%; position: relative;top: 0;right: 0; margin: 10px 0 0;}
    .row04 .schoolBottom a:nth-of-type(2) .gp-img-responsive{ padding-bottom: 74.5%;}
    
    .row01::after{ height: 0; padding-bottom: 24%;}
    .addRow01{ padding: 50px 0 0;}
    .addRow01 .modeCon{ border-radius: 0 50px 50px 0;}
    .addRow01 .lf .img{ max-width: 480px;}
    
    .row01 .modeTil,
    .row02 .modeTil,
    .row03 .lf .modeTil,
    .row03 .rt .modeTil,
    .vertical.modeTil{ max-width: 70%;}
    .month {white-space: nowrap;}
    .banner .swiper-pagination-bullet-active::before{display: none;}
    .banner .swiper-pagination-bullet{margin: 0 10px;font-size: 14px;}
    .banner .swiper-pagination-bullet-active{transform: scale(1.1);}
    .banner-func-area{ justify-content: flex-end; height: 40px; bottom: 10px;}
    .banner .title{ padding: 20px 15px; font-size: 15px;}
    .banner .title span{max-width: calc(100% - 200px);}
    .banner .swiper-pagination{ margin-right: 0px;}
    .banner .swiper-pagination-bullet{ margin-left: 8px; margin-right: 0;}
    .banner .swiper-pagination-bullet-active::before{ width: 15px;}
		
}

@media screen and (max-width:580px){
    .row01 .gp-container::before{ height: 90px; display: none;}
    .dangSwiper{ max-width: 85%;}
    .addRow01 .lf .img{ max-width: 350px;}
    .addRow01 .lf ul{ justify-content: center; padding-top: 5px;}
    .addRow01 .lf li{ width: 25%;}
    .addRow01 .lf{ padding: 25px 20px;}
    .month{font-size: 12px;}
    .scrollSwiper li{ width: 240px;}
    .scrollSwiper-prev, .scrollSwiper-next{ top: 5vh; width: 35px; height: 35px;}
    .scrollSwiper-prev{ left: 8.33vw;}
		
}

@media screen and (max-width:479px){
    .banner-func-area{ justify-content: flex-end; padding-right: 15px;}
    .banner .title span{ max-width: calc(100% - 130px);}
    .banner .swiper-pagination-bullet{ margin: 0; margin-left: 5px;}
    .banner .gp-img{ height: 312px;}
    .banner .swiper-arrow{ display: none;}
    .row01 .modeCon{ padding-top: 25px;}
    .row01 .picSwiper .date{ min-width: 65px; /* border-radius: 0 0 10px 0; padding: 10px 0; left: 10px; bottom: calc(100% + 10px); top: auto; */}
    .row01 .picSwiper .day{ font-size: 24px;}
    .row01 .picSwiper .month{ margin-top: 6px;}
    .row01 .picSwiper .infoBox{ padding: 20px 20px 30px 85px;}
    .row01 .picSwiper .infoBox::before{ opacity: 0;}
    .row01 .picSwiper .title{ font-size: 15px;}
    .row01 .picSwiper .summary{ margin-top: 12px; line-height: 1.67; height: 3.34em;}
    .row01 .txtSwiper li{ padding: 20px 15px 30px;}
    .row01 .txtSwiper .date{ min-width: 65px; margin-right: 15px;}
    .row01 .txtSwiper .day{ font-size: 24px;}
    .row01 .txtSwiper .month{}
    .row01 .txtSwiper .swiper-pagination{ bottom: 8px;}
    .row02 .swiper-slide-active .date{ width: 70px; padding: 10px 0 55px; /* background-size: 100% auto; top: -40px; */}
    /* .row02 .swiper-slide-active .infoBox{ padding: 10px 15px 15px 95px;} */
    .dangSwiper{ background: #f1efe3;}
    .row02 .swiper-slide-prev .infoBox,
    .row02 .swiper-slide-next .infoBox,
    .row02 .infoBox{ padding: 25px 30px;}
    .row02 .infoBox .title{ font-size: 15px;}
    .row02 .modeCon{ padding-left: 15px; padding-right: 15px; padding-top: 25px;}
    .dangSwiper{ width: auto; max-width: unset; box-sizing: border-box; overflow: hidden;}
    .dangSwiper-swiper-pagination{ margin: 10px auto 0;}
    .row03 .lf ul{ margin: 25px -5px 0;}
    .row03 .lf li{ margin-top: 10px; width: 33.33%;}
    .row03 .lf li a{ margin: 0 5px; padding: 10px 0;}
    .row03 .lf .icon{ width: 66px; height: 66px; overflow: hidden;}
    .row03 .lf .icon svg{ transform: translate3d(50%, -50%, 0) scale(0.7);}
    .row03 .lf .name{ margin-top: 8px; font-size: 15px;}
    .row03 .rt{ margin-top: 0;}
    .row03 .rt .modeTil{ padding: 50px 0 25px;}
    .row03 .rt .date{ padding: 0 10px;}
    .row03 .rt .title{ padding-left: 10px;}
    .row03 .rt li{ margin-bottom: 15px;}
    .row04{ padding: 0 0 80px;}
    .row04 .modeTil{ margin-top: 0;}
    .row04 .modeCon{ margin: 25px 0 0;}
    .row03 .modeCon .lf ul::before{ border-radius: 0 30px 0 0;}
    .row02::before{ top: 15%;}
    .row02 .modeTil i{ width: 30px; flex-shrink: 0; margin-right: 10px;}
    .modeTil .modeTitle .ch{ font-size: 24px;}
    .modeTil .modeMore img{ height: 20px;}
    .row03 .modeTil .modeMore{ background: url(../images/mode-more.png) no-repeat right center/auto 20px;}
    .row03 .rt .modeTil .modeMore img{ opacity: 0;}
    .row02 .modeTil .modeMore{ margin-top: 4px;}
    .row03 .rt .title{line-height: 1.7;}
    .title {font-size: 15px;}
    .row01 .txtSwiper .info{line-height: 1.7;}
    .scrollSwiper li{ margin-right: 15px;}
}

@media screen and (max-width:414px){
    .banner .swiper-pagination{ margin-right: 10px;}
    .banner .swiper-pagination-bullet{ margin-left: 8px;}
    .banner .swiper-pagination-bullet-active{ margin-left: 8px;}
    .banner .swiper-pagination-bullet-active::before{ width: 10px;}
    .modeTil .modeMore img{ max-height: 28px;}
    .row01 .modeTil .modeMore img{ margin-bottom: 6px;}
    /* .row01 .picSwiper .date{ padding: 8px 0;} */
    .row01 .picSwiper .day{ font-size: 22px;}
    .row01 .picSwiper .infoBox{ padding: 20px 15px 30px 80px;}
    .row02 .modeTil i{ margin-right: 8px;}
    .row02 .swiper-slide-active .date{ min-width: unset; width: 65px; /* padding: 10px 0; border-radius: 0 0 10px 0;
        top: auto; bottom: calc(100% + 10px); left: 10px; */}
    .row02 .swiper-slide-active .month{ margin-top: 6px;}
    .row02 .swiper-slide-active .infoBox{ padding: 15px 20px 25px 80px;}
    .row02 .swiper-slide-active .infoBox::before{ opacity: 0;}
    .row03{ padding: 0;}
    .row03 .rt ul{ padding: 20px 15px;}
    .row03 .rt .date{ padding: 0 6px;}
    .vertical.modeTil{ margin-top: 40px;}
    .row04{ padding: 0 0 60px;}
    .addRow01 .modeCon{ border-radius: 0 30px 30px 0;}
    .scrollSwiper li{ width: 200px;}
    .scrollSwiper-prev, .scrollSwiper-next{ width: 30px; height: 30px;}
}

@media screen and (max-width:360px){
    .row03 .lf li a{ padding: 6px 0;}
    .row03 .lf .name{ margin-top: 6px;}
    .addRow01 .lf{ padding: 25px 15px;}
    .addRow01 .lf .name{ margin-top: 6px;}
  
    .row01 .modeTil,
    .row02 .modeTil,
    .row03 .lf .modeTil,
    .row03 .rt .modeTil,
    .vertical.modeTil{ max-width: 80%;}
    .row02 .modeTil i{ margin-right: 5px;}
}