@charset "utf-8"; .banner_box{padding: 0px;position: relative;z-index: 3;} .banner{overflow: hidden;width: 100%;} .banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);z-index: 1;height: 23vh;} .banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; } .banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);} .banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; } .banner .imgBox .img video{ opacity: 1;} /* .banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 6s linear 0s normal both;} @keyframes sca { 0% { transform: scale(1.06); } 100% { transform: scale(1); } } */ .banner.ar_wap{ display: none} .banner .dots{position: absolute;bottom: 1.9rem;display: flex;left: auto;z-index: 2;justify-content: center; align-items: center;} .banner .dots span{width: .12rem;height: .12rem;background: #fff;margin: 0 .1rem !important;opacity: 1;box-shadow: rgba(206,69,41,.5) 0 0 .1rem;} .banner .dots span.active{background: url(../images/icon-2.png) no-repeat center; background-size:100%; width: .36rem;height: .36rem;} .home1{position: absolute;right: 0;bottom: 0;left: 0;z-index: 10;transform-origin: bottom;transition: .5s;} .pad1{padding: .9rem 0;overflow: hidden;position: relative;z-index: 11;} .lt1{background: url(../images/lt1_b1.jpg) center no-repeat;background-size: cover;border-radius: .2rem .2rem 0 0;box-shadow: 0px 3px .38rem 12.24px rgba(26, 5, 46, 0.05);height: 1.64rem;} .lt1 li{flex: 1;height: 100%;text-align: center;} .lt1 .a{height: 100%;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 1;padding: 0 4px;} .lt1 .a:before{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: .52rem;background: #000000;opacity: .1;z-index: -1;transform: translateY(-50%);} .lt1 .a:after{content: "";position: absolute;height: 100%;right: 0;bottom: 0;left: 0;background: #b81c22 url(../images/lt1_b2.jpg) center bottom no-repeat;background-size: 100% auto;z-index: -1;transition: .5s;border-radius: .2rem .2rem 0 0;opacity: 0;} .lt1 .ico{width: .46rem;height: .46rem;margin: 0 auto .15rem; position: relative;} .lt1 .ico img{ width: 100%; height: 100%; object-fit: cover; transition: .5s;} .lt1 .ico .i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;} .lt1 h4{font-size: .24rem;color: #000000;line-height: 1.15;height: .56rem;margin-bottom: -.28rem; transition: .5s;} .home2{background: url(../images/ho2_b.jpg) center bottom no-repeat;background-size: cover;background-attachment: fixed;padding: .95rem 0 0;} .tit1{align-items: flex-end;margin: 0 0 .2rem;} .tit1 .ll h3{font-family: 'Noto Serif SC';font-size: .36rem;color: #333333;font-weight: 900;} .tit1 .ll{ align-items: flex-end; position: relative; z-index: 1;} .tit1 .ll::before{content: "";position: absolute;width: 2.59rem;height: .51rem;background: url(../images/tit1_b.png) center no-repeat;background-size: cover;z-index: -1;left: -.28rem;bottom: -.2rem;} .tit1 .ll img{ height: .66rem; margin: 0 .08rem 0 0;} .tit1 .ll img.ar_wap{ display: none} .tit1 .cc{ width: 49.5%} .mtab1 .hd{align-items: center;justify-content: end;} .mtab1 .hd ul{/* margin: 0 20vw 0 0; */} .mtab1 .hd ul li{ padding: 0 .15rem} .mtab1 .hd ul li .a{ display: flex; width: 1.26rem; height: .45rem; background: #d5cbad; align-items: center; justify-content: center; font-size: .18rem; color: #fff; border-radius: 50vw; transition: .5s;} .mtab1 .hd ul li.on .a{ background: #b81c22;} .more1{align-items: center;font-size: .16rem;color: #1e1e38;transition: .5s;} .more1 img{ width: .54rem; margin: 0 .06rem 0 0;} .home2 .left{width: 48.5%;position: relative;z-index: 1;} .home2 .left::before{content: "";position: absolute;right: 0;bottom: 0;background: url(../images/lt2_b.jpg) center no-repeat;height: 3.39rem;left: calc((100vw - 85%)/2*-1);background-size: cover;} .home2 .right{width: 48.5%;} .lt2 .imgBox .img{padding-bottom: 56.19%;/* padding-bottom: 5.26rem; */} .lt2 .txt{height: 1.8rem;padding: .3rem .56rem 0 0;} .lt2 h4{font-size: .24rem;color: #f5dbaa !important;line-height: .44rem; max-height: .88rem\0;} .lt2Box .dots{position: absolute;right: 0;bottom: .3rem;justify-content: flex-end;padding: 0 .5rem;z-index: 2;} .lt2Box .dots span{background: url(../images/lt2_b.png) center no-repeat;width: .13rem;height: .12rem;background-size: cover;opacity: .44;transition: .5s;margin: 0 .06rem !important;} .lt2Box .dots span.active{ opacity: 1;} .lt3{ margin: 0 -.15rem; } .lt3 li{ width: 50%; padding: 0 .15rem; margin-bottom: .3rem;} .lt3 .a{display: block;background: #ffffff;} .lt3 .imgBox .img{padding-bottom: 56.25%;padding-bottom: 2.12rem;} .lt3 .txt{padding: 0 .26rem;height: 1.5rem;flex-direction: column;justify-content: center;border: #dfe0e1 1px solid;border-top: none !important;transition: .5s;} .lt3 h4{margin: .15rem 0 0;-webkit-line-clamp: 2;} .lt4{ margin: 0 -.15rem -.3rem;} .lt4 li{ width: 50%; padding: 0 .15rem; margin-bottom: .3rem;} .lt4 .a{border: #dfe0e1 1px solid;height: 1.9rem;padding: 0 .26rem;flex-direction: column;justify-content: center;background: #ffffff url(../images/lt4_b.jpg) center no-repeat;background-size: cover;transition: .5s;} .lt4 h4{height: .78rem;margin: .15rem 0 .15rem;-webkit-line-clamp: 2;} .lt4 .bottom{align-items: center;justify-content: flex-end;width: 100%;} .lt4 .bottom::before{ content: ""; flex: 1; height: 1px; background: rgba(51,51,51,.1); margin-right: .1rem;} .more2{ align-items: center; font-size: .18rem; color: #b81c22; transition: .5s;} .more2 img{ width: .4rem} .lt3s .imgBox{ width: 3rem; margin: 0 .26rem 0 0;} .lt3s .txt{ flex: 1; overflow: hidden;} .lt3s h6{ text-align: right;} .lt4s{margin: 0;} .lt4s li{border-top: #c0c0c0 1px solid;padding: .03rem 0;transition: .5s;width: 100%;} .lt4s li:first-child{ padding-top: 0} .lt4s li:first-child{ border: none !important; } .lt4s li:last-child{ padding-bottom: 0} .lt4s .a{/* height: 1.9rem; */align-items: center;} .lt4s .imgBoxs{width:0;overflow: hidden;transition: .5s;} .lt4s .imgBoxs .imgBox{width: 2.586rem;} .lt4s .txt{ flex: 1; overflow: hidden; height: 100%; flex-direction: column; justify-content: center;} .lt4s h6{text-align: right;margin: .1rem 0 0;} .home3{padding-bottom: .2rem;padding-top:.5rem;} .lt5W{padding: .2rem 0 .1rem;position: relative;z-index: 1;} .lt5 .a{align-items: center;padding: 0 .2rem 0 .3rem;} .lt5 .txt{width: calc(100% - 2.5rem - .6rem);} .lt5 .imgW{width: 2.5rem;margin-bottom: .5rem;} .lt5 .imgBox{ overflow: visible;} .lt5 .imgBox .img{padding-bottom: 134%;background: none;background-size: cover;} .lt5 .imgBox .img img{max-height: 3.15rem;position: static;} .lt5 h6{ height: .34rem; align-items: center;} .lt5 h6 .ico{ max-height: .34rem; margin: 0 .3rem 0 0; position: relative; z-index: 1;} .lt5 h6 .ico img{ height: .34rem} .lt5 h6 .ico::after{ content: ""; position: absolute; top: 50%; right: -.15rem; width: 1px; height: .18rem; background: rgba(51,51,51,.1); transform: translateY(-50%);} .lt5 .h4Box{height: .72rem;align-items: flex-end;margin: .18rem 0 .24rem;} .lt5 h4{ font-size: .24rem; font-weight: 600; } .lt5 .name{ align-items: flex-end; } .lt5 .name big{ font-size: .26rem; color: #333; font-weight: 600;} .lt5 .name small{ font-size: .2rem; color: #666; margin: 0 0 0 .28rem;} .lt5 .p{background: linear-gradient( to right,rgba(244,216,160,.23), transparent);padding: .12rem;margin: .1rem -.12rem .15rem;height: 1.64rem;} .lt5 .bottom{align-items: center;justify-content: flex-end;width: 100%;} .lt5 .bottom .before{content: "";flex: 1;height: 1px;background: rgba(51,51,51,.1);margin-right: .1rem;transition: .5s;position: relative;} .lt5 .bottom .before:after{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 1px; background: #b81c22; transition: .5s} .lt5 .imgBox .img .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;align-items: center;justify-content: center;} .lt5 .imgBox .img .top .img1{position: relative;z-index: 2;padding: .1rem;overflow: hidden;} .lt5 .imgBox .img .top .img1W{ position: relative; z-index: 1} .lt5 .imgBox .img .top .img1W:before{ content: ""; position: absolute; width: .48rem; height: .48rem; background-image: linear-gradient( 0deg, rgb(240,222,193) 0%, rgb(203,51,51) 100%); opacity: .15; top: -.26rem; right: -.26rem; z-index: 10; border-radius: 0 15px;} .lt5 .imgBox .img .top .img1W:after{ content: ""; position: absolute; width: 0rem; height: 0rem; background-image: linear-gradient( 0deg, rgb(240,222,193) 0%, rgb(203,51,51) 100%); opacity: .55; bottom: -.08rem; left: -.08rem; z-index: 10;border-radius:0 10px;} .lt5 .line0{ position: absolute} .lt5 .line1{top: 0;right: 0;bottom: 0;left: 0;border: #b01e29 1px solid;z-index: -1} .lt5 .line2{top: .04rem;right: .04rem;bottom: .04rem;left: .04rem;border: 0;z-index: -1} .lt5 .yuan1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .lt5 .yuan1:before{content: "";position: absolute;left: -.11rem;top: -.11rem;border: #b01e29 1px solid;width: .2rem;height: .2rem;border-radius: 50vw;background: #f8f8f6;} .lt5 .yuan1:after{content: "";position: absolute;right: -.11rem;top: -.11rem;border: #b01e29 1px solid;width: .2rem;height: .2rem;border-radius: 50vw;background: #f8f8f6;} .lt5 .yuan2:before{content: "";position: absolute;left: -.11rem;bottom: -.11rem;border: #b01e29 1px solid;width: .2rem;height: .2rem;border-radius: 50vw;background: #f8f8f6;} .lt5 .yuan2:after{content: "";position: absolute;right: -.11rem;bottom: -.11rem;border: #b01e29 1px solid;width: .2rem;height: .2rem;border-radius: 50vw;background: #f8f8f6;} .ar2{position: absolute;top: 50%;transform: translateY(-50%);width: .5rem;height: .5rem;background:#b81c22;border-radius: 50%;font-size: .24rem;color: #fff;font-family: 'lib';justify-content: center;align-items: center;cursor: pointer;transition: .5s;z-index: 2;} .ar2.prev1{ left: -.7rem;} .ar2.next1{ right: -.7rem;} .yinhao{ position: absolute;} .yinhao1{left: -.9rem;top: 0;} .yinhao2{right: -.9rem;bottom: 0;} .yinhao img{ width: .68rem;} .home4-5{position: relative;z-index: 11;background: url(../images/ho4-5_b.jpg) center top no-repeat;background-size: cover;} .home4{position: relative;z-index: 1;background: #fbfbf8 url(../images/ho3_b.jpg) center bottom no-repeat;background-size: 100% auto;} .home4::before{ } .home4 .tit1 .ll h3{ } .mtab2 .hd{align-items: center;} .mtab2 .hd ul{margin: 0 5vw 0 0;} .mtab2 .hd ul li{ padding: 0 .15rem} .mtab2 .hd ul li .a{ display: flex; width: 1.26rem; height: .45rem; background: #d5cbad; align-items: center; justify-content: center; font-size: .18rem; color: #fff; border-radius: 50vw; transition: .5s;} .mtab2 .hd ul li.on .a{ background: #b81c22;} /*日历*/ .calendar{background: #fff; box-shadow: 0px 8px .35rem 2.66px rgba(168, 168, 166, 0.41);} .calendar .box{background: #fff;overflow: hidden;} .calendar .year-m{height: .66rem;position: relative;z-index: 3;align-items: center;padding: 0 .4rem;cursor: pointer;justify-content: space-between;background: linear-gradient(90deg, #d6b372 0%, #f1dfc1 100%);box-shadow: 10px 0px 20px 0px rgba(144, 0, 10, 0.3);} .ca_btn{font-size: .3rem;color: #b81c22;font-family: 'lib'} .calendar .year-m span{font-size: .22rem;color: #b81c22;position: relative;padding: 0 .2rem 0 0;font-family: 'Noto Serif SC';font-weight: 700;} .calendar .year-m span:before{content: "";position: absolute;background: url(../images/year-m.svg) center no-repeat;width: .14rem;height: .06rem;background-size: 100% 100%;right: 0;top: 50%;margin-top: -.03rem;} .calendar .year-m .current{ cursor: pointer} .calendar .year-m ul{background: #fff;color: #555;padding: .1rem 0;max-height: 1.8rem;overflow: auto;width: 100%;position: absolute;left: 0;top: 100%;box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);z-index: 5;display: none;} .calendar .year-m ul::-webkit-scrollbar {width: .05rem } .calendar .year-m ul::-webkit-scrollbar-thumb {border-radius: .1rem;background: #b81c22;} .calendar .year-m ul::-webkit-scrollbar-track {border-radius: .1rem;background: #ddd;} .calendar .year-m ul li {font-size: .16rem;padding: .1rem .2rem;cursor: pointer;transition: .5s;color: #888;text-align: center;font-family: 'Noto Serif SC';font-weight: 700;} .calendar .year-m ul li:hover {background: #eee;color: #90000A;} .calendar-content {background: linear-gradient(270deg, #efeadd 0%, #f9f7f4 100%);padding: .25rem .12rem;} .calendar-content table {width: 100%;text-align: center;} .calendar-content th {color: #b81c22;padding: .1rem 0;font-size: .16rem;font-family: 'Noto Serif SC';font-weight: 500;} .calendar-content td {color: #333333;padding: .01rem 0;vertical-align: middle;font-size: .18rem;font-family: "sys";font-weight: normal;} .calendar-content td span {width: .38rem;height: .38rem;padding: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: .115rem auto;font-family: 'Noto Serif SC';font-weight: 500;} .calendar-content td.calendar-selected {background-color: #00f7de } .calendar-content td.calendar-this1 span{color: #b81c22;} .calendar-content .day-next, .calendar-content .day-prev {color: #d2d2d2;} .calendar-content .day-next.calendar-has span, .calendar-content .day-prev.calendar-has span {background: #f2f2f2;} .calendar-content .calendar-this span{color: #fff !important;background: #b81c22 !important;border: #b81c22 2px solid;} .calendar-content .calendar-has span{cursor: pointer;background: transparent;border: #b81c22 2px solid;} .tit3{background: #ffd472;line-height: .48rem;padding: 0 .3rem;font-size: .2rem;color: #c69118;display: none;position: absolute;top: 0;left: 0;} .cslideW{position: absolute;z-index: 1;margin: 0 0 .4rem;width: calc((100vw - (100vw - 16.4rem) - 4.18rem)/3 + .3rem);left: calc(100% + .2rem);top: -.9rem;opacity: 0;visibility: hidden;transition: .5s;z-index: 30000;} .cslideW .sbtn{width: .92rem;display: flex;justify-content: space-between;align-items: center;position: absolute;right: .36rem;bottom: .45rem;} .cslideW .sbtn .arrow{width: .4rem;height: .4rem;border: #b81c22 1px solid;/* background: #b81c22; */border-radius: 50%;font-size: .2rem;color: #b81c22;font-family: 'lib';display: flex;justify-content: center;align-items: center;cursor: pointer;transition: .5s;z-index: 2;} .cslideW .sbtn .swiper-button-disabled{ opacity: .5} .cslideW .sbtn .arrow.swiper-button-disabled:hover{background: none;color: #b81c22;} .cslideW .li1 .sbtn .arrow{border: #b0101d 1px solid;color: #b0101d;/* background: #d4cbad; */} .cslideW .sbtn .dots{margin: .15rem 0;text-align: center;} .cslideW .sbtn .dots span{font-size: .16rem;color: #9e9e9e;font-family: Bebas;} .cslideW .sbtn .dots .line{width: .18rem;height: 1px;background: rgba(144, 0, 10, 0.3);margin: .06rem auto;} .cslideW .sbtn .dots span.swiper-pagination-current{font-size: .24rem;color: #90000A;} .cslide{margin: .2rem 0 0 auto;background: #F8F8FA;box-shadow: 0px 0px 19.53px 1.47px rgba(215, 169, 93, 0.28);} .cslide .li2 .txt{padding: .4rem .3rem;height: 100%;min-height: 4.84rem;background: url(../images/cslide.jpg) center no-repeat;background-size: cover;border: #fbfbfb .07rem solid;} .cslide .li2 .txt .top{align-items: center;border-bottom: #b81c22 1px solid;padding: 0 0 .25rem;margin-bottom: .3rem;} .cslide .li2 .txt .top .time{align-items: baseline;} .cslide .li2 .txt .top .time big{font-size: .4rem;color: #b81c22;font-family: 'Georgia';line-height: 1;} .cslide .li2 .txt .top .time small{font-size: .2rem;color: #b81c22;font-family: 'Georgia';line-height: 1;margin: 0 0 0 .12rem;} .cslide .li2 .txt .bottom{margin: .3rem 0 0;align-items: center;position: absolute;left: .36rem;bottom: .45rem;} .cslide .li2 .txt .bottom .tit{min-width: 1rem;height: .45rem;background: #b81c22;border-radius: 50vw;align-items: center;justify-content: center;display: flex;font-size: .16rem;color: #fff;} .cslide .li2 .txt .bottom a{display: flex;justify-content: center;align-items: center;width: .6rem;height: .6rem;border: #b81c22 1px solid;border-radius: 50vw;transition: .5s;display: none;} .cslide .li2 .txt .bottom a svg{ fill: #b81c22; width: .24rem; height: .24rem; transition: .5s} .cslide .li2 h4{font-size: .2rem;margin-bottom: .24rem;min-height: .6rem;font-weight: 600;} .cslide .li2 p{font-size: .16rem;color: #333333;line-height: 1.5;position: relative;z-index: 1;padding: 0 0 0 .24rem;margin-top: .126rem;} .cslide .li2 p i{position: absolute;left: 0;top: .04rem;width: .14rem;height: .14rem;} .cslide .li2 p i img{ width: 100%;vertical-align: top;} .cslide .li2 p span{display: inline-block;} .cslideW.on{ opacity: 1; visibility: visible} .cslideW.on1 .sbtn{ display: none} .cslide .li1 .imgBox .img{ padding-bottom: 55.47%;} .cslide .li1 .a{background: #f8f8fa;height: 100%;background-size: cover;border: #f8f8fa .07rem solid;display: block;min-height: 4.84rem; background: linear-gradient(270deg, #efeadd 0%, #f9f7f4 100%);} .cslide .li1 .tit{min-width: 1rem;height: .45rem;background: #d5cbad;border-radius: 50vw;align-items: center;justify-content: center;display: flex;font-size: .16rem;color: #fff;transition: .5s;} .cslide .li1 .txt{padding: .2rem .3rem .2rem;position: relative;} .cslide .li1 .txt .bottom{position: absolute;top: -.7rem;left: .3rem;right: .3rem;} .cslide .li1 .txt .bottom a{ display: flex; justify-content: center; align-items: center; width: .6rem; height: .6rem; border: #b81c22 1px solid; border-radius: 50vw; transition: .5s} .cslide .li1 .txt .bottom a svg{ fill: #b81c22; width: .24rem; height: .24rem; transition: .5s} .cslide .li1 h4{font-size: .2rem;margin-bottom: .12rem;min-height: .6rem;font-weight: 600;} .cslide .li1 p{font-size: .16rem;color: #333333;line-height: 1.5;position: relative;z-index: 1;padding: 0 0 0 .24rem;margin-top: .08rem;} .cslide .li1 p:last-child{ width: calc(100% - .9rem)} .cslide .li1 p i{position: absolute;left: 0;top: .04rem;width: .14rem;height: .14rem;} .cslide .li1 p i img{ width: 100%;vertical-align: top;} .cslide .li1 p span{display: inline-block;} #calendarnews{ height: auto} .home4 .tit1{border-bottom: #e1e1e1 2px solid;padding-bottom: .45rem;} .home4 .left{ width: 4.18rem;} .home4 .right{width: 100%;} .cslideW::after{content: "";position: absolute;top: 1.64rem;left: -.13rem;background: url(../images/sanjiao.png) center no-repeat;background-size: cover;width: .2rem;height: .2rem;z-index: 2;} .cslideW .dots{justify-content: flex-end;} .cslideW .dots span{background: url(../images/lt2_bs.png) center no-repeat;width: .13rem;height: .12rem;background-size: cover;opacity: .44;transition: .5s;margin: 0 .06rem !important;} .cslideW .dots span.active{ opacity: 1;} .lt6W{width: 108%;max-width: 16.4rem;} .lt6Box{padding: .3rem 0;margin: -.3rem 0;} .lt6 .imgBox .img{ padding-bottom: 55.47%;} .lt6 .a{display: block;height: 3.55rem;box-shadow: 0px 0px 19.53px 1.47px rgba(215, 169, 93, 0.28);transition: .5s;} .lt6 .tu .a{ background: #fff;} .lt6 .tu .tit{min-width: 1rem;height: .45rem;background: #d5cbad;border-radius: 50vw;align-items: center;justify-content: center;display: flex;font-size: .16rem;color: #fff;position: absolute;top: -.7rem;transition: .5s;} .lt6 .tu .txt{padding: .25rem .3rem .2rem;position: relative;} .lt6 .tu .txt .bottom a{ display: flex; justify-content: center; align-items: center; width: .6rem; height: .6rem; border: #b81c22 1px solid; border-radius: 50vw; transition: .5s} .lt6 .tu .txt .bottom a svg{ fill: #b81c22; width: .24rem; height: .24rem; transition: .5s} .lt6 .tu h4{font-size: .2rem;margin-bottom: .12rem;min-height: .6rem;font-weight: 600;} .lt6 .tu p{font-size: .16rem;color: #333333;line-height: 1.5;position: relative;z-index: 1;padding: 0 0 0 .24rem;margin-top: .08rem;} .lt6 .tu p i{position: absolute;left: 0;top: .04rem;width: .14rem;height: .14rem;} .lt6 .tu p i img{ width: 100%;vertical-align: top;} .lt6 .tu p span{display: inline-block;} .lt6 .notu .a{ background: #fff url(../images/lt6_b.jpg) center no-repeat; background-size: cover;} .lt6 .notu .txt{padding: .4rem .3rem;height: 100%;} .lt6 .notu .txt .top{align-items: flex-end;border-bottom: #d5caac 1px solid;padding: 0 0 .25rem;margin-bottom: .3rem;} .lt6 .notu .txt .top .time{align-items: baseline;} .lt6 .notu .txt .top .time big{font-size: .4rem;color: #b81c22;font-family: 'Georgia';line-height: 1;} .lt6 .notu .txt .top .time small{font-size: .2rem;color: #b81c22;font-family: 'Georgia';line-height: 1;margin: 0 0 0 .12rem;} .lt6 .notu .txt .bottom{margin: .4rem 0 0;align-items: center;} .lt6 .notu .txt .bottom .tit{min-width: 1rem;height: .45rem;background: #d4cbad;border-radius: 50vw;align-items: center;justify-content: center;display: flex;font-size: .16rem;color: #fff;transition: .5s;position: absolute;bottom: .4rem;} .lt6 .notu .txt .bottom .a1{display: flex;justify-content: center;align-items: center;width: .6rem;height: .6rem;background: #d5cbad;border-radius: 50vw;transition: .5s;display: none;} .lt6 .notu .txt .bottom .a1 svg{fill: #fff;width: .24rem;height: .24rem;transition: .5s} .lt6 .notu h4{font-size: .2rem;margin-bottom: .24rem;min-height: .6rem;font-weight: 600;} .lt6 .notu p{font-size: .16rem;color: #333333;line-height: 1.5;position: relative;z-index: 1;padding: 0 0 0 .2rem;margin-top: .08rem;} .lt6 .notu p i{position: absolute;left: 0;top: .04rem;width: .14rem;height: .14rem;} .lt6 .notu p i img{ width: 100%;vertical-align: top;} .lt6 .notu p span{display: inline-block;} .lt6 li.swiper-slide-active + li .a{ transform: translateY(0);} .ar3Box{width: 1.25rem;margin: .34rem auto 0;} .ar3{width: .5rem;height: .5rem;border: #b81c22 1px solid;background: transparent;border-radius: 50%;font-size: .24rem;color: #b81c22;font-family: 'lib';justify-content: center;align-items: center;cursor: pointer;transition: .5s;z-index: 2;} .ar3.prev1{ left: -.7rem;} .ar3.next1{ right: -.7rem;} .home5 .left{ width: 61.95%;} .home5 .right{ width: 35.97%;} .home5 .tit1{margin: 0 0 .4rem;position: relative;z-index: 2;} .lt7 {margin: 0;position: relative;z-index: 10;padding: 0 .06rem;} .lt7 li {position: relative;margin: 0 .4rem 0 0;} .lt7 li .a {display: flex;transition: .5s;position: relative;z-index: 1;width: .51rem;height: .51rem;border-radius: 50vw;align-items: center;justify-content: center;color: #b81c22;font-size: .26rem;font-family: 'lib';border: #b81c22 1px solid;} .lt7 li .a i,.swi-shipinhao,.swi-weixin0 {font-family: 'lib' } .lt7 li .a svg{fill: #b81c22;width: .22rem;height: .22rem;transition: .5s;} .lt7 li .a img {width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s } .lt7 li .ewm {width: 1.4rem;background: #fff;border-radius: 0;position: absolute;padding: 0;top: 140%;left: 50%;margin-left: -.7rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)} .lt7 li .ewm:before {content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }.lt7 li .ewm img {width: 100% } .lt7 li:hover .a {color: #fff;background: #b81c22;} .lt7 li:hover .a svg{ fill: #fff;} .lt7 li:hover .a:after {transform: translate(-50%, -50%) scale(1) } .lt7 li:hover .a img {opacity: 1 } .lt7 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0) } /*.lt7 li:last-child {margin-right: 0 !important;}*/ .lt7 li:nth-child(2),.lt7 li:nth-child(3){ display:none; } .home5 .wp{ align-items: flex-end;} .home5 .fl1{ align-items: flex-end;} .lt8{ width: 39.17%;} .lt8 .txt{ align-items: center; margin: 0 0 .16rem;} .lt8 .txt img{ width: .32rem;} .lt8 .txt .line{ width: 1.48rem; height: 1px; background: #dfe0e1; margin: 0 .1rem;} .lt8 h4{ flex: 1;} .lt8 .imgBox .img{ padding-bottom: 132.33%;} .lt9{ width: 57.28%;} .lt9 li:last-child{ margin: .08rem 0 0} .lt9 .a{ display: block; position: relative;} .lt9 .imgBox .img{ padding-bottom: 56.43%;} .lt9 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;height: 1.5rem;} .lt9 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .14rem .14rem;align-items: center;} .lt9 .txt .ll{align-items: center;flex: 1;overflow: hidden;} .lt9 h4{flex: 1;font-size: 18px;color: #fff !important;} .lt9 .txt .rr{align-items: center;font-size: .16rem;color: #fff;opacity: 0;margin: 0 0 0 .15rem;transition: .5s;} .lt9 .txt .rr svg{fill: #fff;margin: 0 0 0 .08rem;} .lt9 i{ width: .36rem; height: .36rem; border-radius: 50vw; display: flex; justify-content: center; align-items: center; font-size: .2rem; color: #fff; font-family: 'lib'; margin-right: .1rem;} .lt9 i.swi-sina{ background: #f56467;} .lt9 i.swi-weixin0{ background: #28c445;} .lt9 i.swi-shipinhao{ background: #fff; color: #f07800;} .home5 .right .top{background: url(../images/lt10_b.jpg) center no-repeat;background-size: cover;border: #b81c22 1px solid;padding: .3rem .45rem;} .lt10{margin: -.2rem 0 .2rem;} .lt10 .a{height: 1.26rem;align-items: center;border-bottom: #d5caac 1px solid;} .lt10 .time{ text-align: center; margin: 0 .48rem 0 0; position: relative;} .lt10 .time::before{ content: ""; position: absolute; right: -.25rem; top: 50%; width: 1px; height: .48rem; background: #d5caac; transform: translateY(-50%); opacity: .4;} .lt10 .txt{ flex: 1; overflow: hidden;} .lt10 .time h3{font-size: .32rem;color: #b81c22;font-family: 'Georgia';line-height: 1; font-weight: normal;} .lt10 .time h6{font-size: .2rem;color: #b81c22;font-family: 'Georgia';line-height: 1;margin: .06rem 0;} .lt10 h4{font-size: .2rem;line-height: .3rem;max-height: .6rem\0;} .lt10 li:last-child .a{ border: none} .more3{ font-size: .16rem; color: #b81c22; align-items: center} .more3 svg{ width: .2rem; height: .2rem; fill: #b81c22; margin: 0 0 0 .12rem} .home5 .right .bottom{padding: .35rem .25rem .34rem;background: url(../images/lt11_b.jpg) center no-repeat;background-size: cover;margin: .08rem 0 0;} .lt11{ margin: 0 -.15rem; align-items: flex-start;} .lt11 li{ width: 50%; padding: 0 .15rem;} .lt11 .imgBox{width: 2.14rem;margin: 0 auto;background: url(../images/lt11_b1.png) center no-repeat;background-size: 100% 100%;} .lt11 .imgBox .img{background: none;padding-bottom: 67.64%;transform: scale(.99);} .lt11 .imgBox .img img{transform-origin: right center;transform: perspective(220vw) rotateY(-60deg) scaleX(2);left: auto;right: 6%;} .lt11 .imgBox .img:after{content: "";background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .4) 100%);position: absolute;top: 2%;bottom: 4%;width: 14%;left: -1%;} .lt11 h4{font-size: .18rem;line-height: .22rem;max-height: .66rem\0;color: #fff !important; text-align: center; margin: .1rem 0 0} .home5{padding: .46rem 0;} @media(max-width: 1900px){ .ar2.prev1{left: 15px;} .ar2.next1{right: 15px;} .yinhao1{left: 15px;} .yinhao2{right: 15px;} .yinhao img{ transform: scale(.6);} .cslideW{ width: calc((100vw - 1.4rem - 4.32rem)/3)} .lt5W{padding: 0 1rem;margin: 0 -3%;} } @media(max-width: 1640px){ .home2 .left::before{/* left: -.7rem; */} } @media(min-width: 769px){ .lt1 .a:hover:after{height: 1.94rem;opacity: 1;} .lt1 .a:hover .ico img{ transform: rotateY(360deg);} .lt1 .a:hover .ico .i1{ opacity: 0;} .lt1 .a:hover .ico .i2{ opacity: 1;} .lt1 .a:hover h4{ color: #fff} .lt4s li:hover{ border-top: transparent 1px solid} .lt4s li:hover + li { border-top: transparent 1px solid} .lt4s li:hover .a .imgBoxs{width: 2.8rem;} .lt4s li:hover h4{-webkit-line-clamp: 4;} .cslide .li2 .txt .bottom a:hover{ border: #b81c22 1px solid; background: #b81c22;} .cslide .li2 .txt .bottom a:hover svg{ fill: #fff; } .ar2:hover{ border: #d5caac 1px solid; color: #fff; background: #d5caac;} .lt6 .notu .a:hover .txt .bottom .a1{ background: #b81c22;} .lt6 .notu .a:hover .txt .bottom .tit{ background: #b81c22;} .lt6 .tu .a:hover .tit{ background: #b81c22;} .lt5 .a:hover .name big{} .ar3:hover{ border: #d5caac 1px solid; color: #fff; background: #d5caac;} .lt9 .a:hover .txt .rr{ opacity: 1} .lt5 .a:hover .bottom::before{ background: #b81c22;} .lt4 .a:hover{ border: #b81c22 1px solid} .lt3 .a:hover .txt{ border: #b81c22 1px solid} footer .fl2 h3:hover{ color: #b81c22;} .cslideW .sbtn .arrow:hover{background: #b81c22;color: #fff;} .lt5 .a:hover .bottom .before:after{ width: 100%} } @media(max-width: 1025px){ .banner .imgBox .img{ padding-bottom: 50%;} .banner:after{height: 5vw;display: none;} } @media(max-width: 769px){ .home1 .wp{ padding: 0} .lt1 li{/* flex: auto; */min-width: 20vw;padding: .1rem 0;} .lt1{height: auto;padding: .05rem 0;} .lt1 .ico{width: .36rem;height: .36rem;margin: 0 auto .06rem;} .lt1 h4{font-size: 14px;height: auto;margin: 0;} .lt1 .a:before{ height: .26rem} .pad1{ padding: .4rem 0;} .tit1 .ll img{height: .36rem;} .tit1 .ll h3{ font-size: .24rem;} .tit1 .ll::before{transform: scale(.5);transform-origin: 12% 50%;} .mtab1 .hd ul{margin: 0 3vw 0 0;} .mtab2 .hd ul{ margin: 0 -7px;} .mtab2 .hd ul li{ padding: 0 7px} .mtab2 .hd ul li .a{ width: 1.1rem; height: .38rem; font-size: 14px} .more1{ font-size: 12px} .tit1{margin: 0 0 .25rem;position: relative;} .home2 .tit1{ z-index: 2} .home2 .left{ width: 100%} .home2 .right{width: 100%;padding: .3rem 0 0;} .lt2 .imgBox .img{ padding-bottom: 56.19%;} .home2 .left::before{left: -15px;height: 2rem;} .lt2 .txt{height: 1.4rem;padding: .25rem .2rem 0 0;} .lt2Box .dots{bottom: .25rem;padding: 0 .25rem;} .lt3{ margin: 0 -7px; } .lt3 li{ width: 50%; padding: 0 7px; margin-bottom: .2rem;} .lt3 .txt{padding: 0 .2rem;height: 1.4rem;} .lt3 h4{-webkit-line-clamp: 2;margin: .1rem 0 0;} .lt4{ margin: 0 -7px -.2rem;} .lt4 li{width: 100%;padding: 0 7px;margin-bottom: .2rem;} .lt4 h4{-webkit-line-clamp: 2;height: 48px;margin: .16rem 0 .24rem;} .lt4 .a{height: 1.7rem;padding: 0 .2rem;} .lt4s .imgBoxs{ width: 2rem;} .lt4s .imgBoxs .imgBox{ width: 1.8rem} .lt4s li{ padding: .15rem 0} .more2 img{ width: .3rem} .more2{font-size: 13px;} .lt3 .imgBox .img{ padding-bottom: 56.25%;} .lt5 .txt{width: 100%;order: 1;} .lt5 .imgW{width: 50%;margin: 0 auto .3rem;} .lt5 .a{ padding: 0;} .lt5 .h4Box{height: auto;margin: .18rem 0 .14rem;} .lt5 .name big{ font-size: .22rem; } .lt5 .name small{ font-size: .16rem; margin: 0 0 0 .16rem;} .lt5 .p{padding: .15rem;margin: .2rem 0 .12rem;} .home2 .tit1 .cc, .home4 .tit1 .cc{order: 1;width: 100%;margin: .2rem 0 0;} .home2 .tit1 .cc{ position: absolute; top: 0; /* left: 0; */ right: 0; /* margin: 0; */ width: 110px; } .home4 .tit1 .cc .more{ position: absolute; top: 15px; right: 0; } .mtab2 .hd ul{ justify-content: center} .mtab2 .hd ul{ margin: 0 -7px;} .mtab2 .hd ul li{ padding: 0 7px} .mtab2 .hd ul li .a{ width: 1.1rem; height: .38rem; font-size: 14px} .mtab1 .hd ul{ margin: 0 -7px;} .mtab1 .hd ul li{ padding: 0 7px} .mtab1 .hd ul li .a{ width: 1.1rem; height: .38rem; font-size: 14px} .home4 .tit1{ padding-bottom: .25rem} .calendar-content td span{margin: .05rem auto;width: .32rem;height: .32rem;} .calendar-content td{ font-size: .16rem} .calendar-content{ padding: .15rem .2rem} .calendar .year-m span{ font-size: 16px} .calendar .year-m{ height: .5rem} .ar3{width: .4rem;height: .4rem;} .ar3Box{width: .9rem;width: 100%;justify-content: center;margin: .3rem 0 0;position: absolute;bottom: 0;z-index: 2;left: 0;} .home4 .left{ width: 100%} .home4 .right{width: 100%;padding: .4rem 0 .25rem;} .lt6W{ width: 100%;} .lt6 .a{transform: translateY(0);height: 4.8rem;} .lt6 .notu .txt{ padding: .3rem .2rem;} .lt6 .notu .txt .top{ margin-bottom: .3rem} .lt6 .notu .txt .bottom .tit{ min-width: 1rem; height: .4rem; font-size: .16rem} .lt6 .notu .txt .bottom .a1{ width: .4rem; height: .4rem} .lt6 .tu .txt{ padding: .4rem .2rem} .lt6 .tu .tit{min-width: 1rem;height: .4rem;font-size: .16rem;top: -.2rem;} .lt6 li{ height: auto} .home5{} .home5 .left{ width: 100%;} .home5 .right{width: 100%;padding: .4rem 0 0;} .lt7{width: 100%;justify-content: center; margin: .15rem 0 0} .lt7 li { margin: 0 .1rem 0 0;} .lt7 li .a{width: .36rem;height: .36rem;font-size: .18rem} .lt7 li .a svg{ width: .16rem;height: .16rem; } .lt8{/* width: 100%; */margin-bottom: .2rem;} .lt9{/* width: 100%; */} .lt9 li{/* margin: .2rem 0 0; */} .lt8 .a{ display: flex; flex-direction: column} .lt8 .txt{justify-content: center;order: 1;margin: .15rem 0 0;} .lt8 .txt .line{width: 0;margin: 0 .05rem;} .lt8 h4{flex: inherit;width: auto;} .home5 .tit1{margin: 0 0 .25rem;} .home5 .right .top{ padding: .3rem 15px;} .lt10{ margin: -.1rem 0 .2rem} .lt10 .a{ height: .9rem} .lt10 .time{ margin: 0 .24rem 0 0;} .lt10 .time::before{ right: -.12rem} .lt10 .time h6{font-size: .14rem;} .home4::before{ display: none;} .tit1 .ll img.ar_web{ display: none} .tit1 .ll img.ar_wap{ display: block} .home4 .tit1 .ll h3{ color: #333;} .lt5 .imgBox .img img{max-height: 2rem;} .home4{padding-top: 0;} .home3{ padding-bottom: 0;} .ar3{border: #b81c22 1px solid;color: #fff;background: #b81c22;margin: 0 .1rem;} .calendar-content .calendar-has span{border: #b81c22 1px solid;} .lt11 .imgBox{ width: 100%} .ar2.prev1{left: 50%;margin-left: -38%;} .ar2.next1{right: 50%;margin-right: -38%;} .ar2{top: 33vw;width: .36rem;height: .36rem;} .yinhao1{left: -10px;} .yinhao2{right: -10px;} .yinhao img{ transform: scale(.6);} .lt5W{padding: .2rem 0 .5rem;margin: 0;} .lt11 .imgBox .img img{transform-origin: right center;transform: perspective(335vw) rotateY(-58deg) scaleX(2);left: auto;right: 6%;} .cslideW{left: 0;width: 100%;top: 100%;} .cslideW::after{ display: none} .cslide .txt{padding: .4rem .2rem;min-height: 5rem;} .cslide .txt .top{ margin-bottom: .3rem} .cslide .txt .bottom .tit{ min-width: 1rem; height: .4rem; font-size: .16rem;} .cslide .txt .bottom a{ width: .4rem; height: .4rem} .cslide .li1 .txt .bottom{top: -.6rem;} .lt11 .imgBox .img:after{ top: 4%} .cslide .li1 .txt{ min-height: auto} .mtab1 .hd, .mtab2 .hd{ justify-content: space-between} .banner .dots{bottom: .2rem;display: none;} .banner .dots span{ width: .08rem; height: .08rem} .home5 .fl1{ align-items: flex-start;} .lt9 .txt .rr{ display: none} .lt8 .txt img{ width: .24rem;} .lt9 i{font-size: .16rem;width: .28rem;height: .28rem} .lt9 h4{ font-size: 14px !important} .lt11{ margin: 0 -7px;} .lt11 li{ width: 50%; padding: 0 7px;} .lt10 .time h3{ font-size: .3rem} .lt11 h4{font-size: 14px !important;line-height: 20px !important;} .home1{position: relative;transform: none !important;} .banner.ar_wap{ display: block} .banner.ar_web{ display: none} .lt5 .imgBox .img .top .img1W:before{ transform: scale(.75)} }