@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.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: .9;}
.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 .dots{z-index: 10;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;right: 0;width: auto;bottom: .5rem;}
.banner .dots span{width: .28rem;height: .28rem;background: none;font-size: .24rem;color: #fff;opacity: 1;margin: 0 .2rem !important;position: relative;z-index: 1;line-height: 1;transition: .5s;}

.bar{background: #fff;height: .2rem;width: 2px;animation: sound1 0ms -800ms linear infinite alternate;position: relative}

@keyframes sound1{
    0% {
       height: 0 
    }
    100% {     
        height: 100%;        
    }
}

.bar:nth-child(1)  {animation-duration: 1574ms; animation-delay: 100ms; }
.bar:nth-child(2)  { animation-duration: 1533ms; animation-delay: 600ms; }
.bar:nth-child(3)  { animation-duration: 1507ms; animation-delay: -300ms; }
.bar:nth-child(4)  { animation-duration: 1558ms; animation-delay: 400ms; }
.bar:nth-child(5)  { animation-duration: 1558ms; animation-delay: -500ms; }

#bars{width: .42rem;height: .22rem;left: 50%;position: absolute;bottom: .1rem;justify-content: space-between;align-items: flex-end;transform: translateX(-50%);opacity: 0;transition: .5s;}

.banner .dots span.active{ color: transparent}
.banner .dots span.active #bars{ opacity: 1}

.pad1{ padding: .8rem 0; overflow: hidden;}

.tit1{align-items: center; margin: 0 0 .6rem;}
.tit1 .ll{ align-items: flex-end}
.tit1 .ll img{ width: .83rem}
.tit1 big{ font-size: .36rem; color: #2B2B2B; font-weight: bold; line-height: 1; margin: 0 .12rem}
.tit1 small{ font-size: .18rem; color: #C2AA86;}

.tit1w big, .tit1w small{ color: #fff;}

.tit1c{ justify-content: center; position: relative;}
.tit1c .more1{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.more1{ font-size: .18rem; color: #666; align-items: center; position: relative; padding: 0 0 0 .42rem; margin: .2rem 0 0}
.more1:before{ content: ""; position: absolute; top: 50%; left: 0; width: .3rem; height: 1px; background: #C2AA86}
.more1 img{ height: .14rem; margin: 0 0 0 .08rem; transition: .5s;}

.more1w{ color: #fff !important;}
.more1w:before{ background: #fff;}

.home1{ background: url(../images/h1_b.jpg) center no-repeat; background-size: cover; padding: .6rem 0 1rem;}
.home1 .left{ width: 8.55rem; position: relative; z-index: 1;}
.home1 .right{ width: calc(100% - 8.55rem - .64rem);}

.home1 .left .tit1{ padding: 0 .95rem 0 0;}
.home1 .left .b1{ position: absolute; left: calc((100vw - 16rem)/2*-1); top: -.6rem; right: .54rem; z-index: -1;}

.lt1Box{ background: #fff;}
.lt1 .a{ display: block; position: relative;}
.lt1 .imgBox .img{ padding-bottom: 68.18%;}
.lt1 .imgBox:after{content: "";display: block;left: 0;bottom: 0;right: 0;height: 1.3rem;background: linear-gradient(0deg, rgba(0,0,0,.6), transparent);position: absolute;transition: .5s;}
.lt1 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .32rem .24rem;align-items: center;}
.lt1 h4{font-size: .22rem;color: #fff !important;flex: 1;font-weight: bold;}

.lt1Box .dots{width: auto;z-index: 2;margin: 0 0 0 .6rem;}
.lt1Box .dots span{width: .11rem;height: .11rem;background: #fff;border-radius: 50%;margin:  0 .1rem !important;opacity: 1 !important;transition: .5s; position: relative}
.lt1Box .dots span:before{content: "";position: absolute;width: .27rem;height: .27rem;border: 1px dashed #fff;border-radius: 50%;top: 50%;left: 50%;margin: -.145rem 0 0 -.145rem;animation: roted 10s linear infinite; opacity: 0; transition: .5s;}

.lt1Box .dots span.active{ margin: 0 .2rem !important}
.lt1Box .dots span.active:before{ opacity: 1;}

.lt2{ margin: -.12rem 0}
.lt2 .a{ padding: .12rem 0}
.lt2 .time{background: url(../images/lt2_s1.svg) center no-repeat;background-size: cover;width: .96rem;height: .96rem;flex-direction: column;align-items: center;justify-content: center; margin: 0 .24rem 0 0; color: #B02633;;}
.lt2 .time h3{font-size: .28rem;font-family: Impact;font-weight: normal;line-height: 1;}
.lt2 .time .line{width: .545rem;height: 1px;background: #8F6A30;margin: .06rem 0 .04rem;}
.lt2 .time h6{font-size: .14rem;}
.lt2 .txt{flex: 1;overflow: hidden;display: flex;align-items: center;margin: -.12rem 0;position: relative;border-bottom: 1px dashed #D3D3D3;}
.lt2 .txt::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #B52230; transition: .5s;}
.lt2 h4{ font-size: .2rem;}

.home2{background: url(../images/h2_b1.png) center top no-repeat;background-size: 100% auto;position: relative;z-index: 1;}
.home2::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/h2_b2.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;}
.home2 .left{ width: 8.55rem; position: relative; z-index: 1;}
.home2 .right{ width: calc(100% - 8.55rem - .5rem);}

.lt3{ margin: 0 -.22rem}
.lt3 li{ width: 50%; padding: 0  .22rem; margin-bottom: .38rem;}
.lt3 .a{ height: 1.76rem; background: #fff; border: 1px solid #C2AA86; align-items: center; padding: 0 .24rem; position: relative; z-index: 1; transition: .5s;}
.lt3 .a::before{ content: ""; position: absolute; top: .1rem; left: .1rem; right: .1rem; bottom: .1rem; background: url(../images/lt3_b.jpg) center center no-repeat; background-size: cover; z-index: -1; transition: .5s; opacity: 0;}
.lt3 .time{ text-align: center; margin: 0 .2rem 0 0;}
.lt3 .time svg{ width: .565rem; height: .06rem; fill: #C2AA86; transition: .5s}
.lt3 .time h3{font-size: .36rem;font-family: Impact;font-weight: normal;line-height: 1; color: #C2AA86; transition: .5s}
.lt3 .time h6{font-size: .14rem;color: #797979;margin: .04rem 0; transition: .5s}
.lt3 .txt{ flex: 1; overflow: hidden;}
.lt3 span{border-radius: 3px;background: #C2AA86; border: #C2AA86 1px solid;width: .79rem;font-size: .16rem;color: #fff;display: flex;text-align: center;align-items: center;justify-content: center;padding: 0 .06rem;height: .29rem;margin: 0 0 .14rem 0; transition: .5s}

.lt4{ margin: -.14rem 0 0}
.lt4 .imgBox{ width: 3.16rem;}
.lt4 .imgBox .img{ padding-bottom: 74.36%;}
.lt4 .txt{ flex: 1; overflow: hidden; background: url(../images/lt4_b.jpg) center bottom no-repeat; background-size: cover; padding: .48rem .3rem 0; position: relative; z-index: 1;}
.lt4 h4{ font-size: .2rem; color: #fff !important; margin: 0 0 .45rem; font-weight: bold;}
.lt4 .bottom{ align-items: center;}
.lt4 .bottom>img{ height: .21rem;}
.lt4 .bottom h6{ align-items: center; color: #fff; width: auto;}
.lt4 .bottom h6 img{ height: .24rem; margin: 0 .1rem 0 0;}

.lt5{ position: relative; z-index: 1; margin: .25rem 0 0;}
.lt5::before{ content: ""; position: absolute; left: .03rem; top: .24rem; bottom: .24rem; width: 1px; background: #D8D8D8;}
.lt5 .a{padding: 0 0 0 .3rem;position: relative;height: .5rem;align-items: center;}
.lt5 .a:before{content: "";position: absolute;width: .19rem;height: .19rem;background: #BA1F2D;border-radius: 50vw;left: -.06rem;opacity: 0; transform: scale(0);transition: .5s}
.lt5 .a:after{ content: ""; position: absolute; width: .07rem; height: .07rem; background: #C2AA86; transform: rotate(45deg); left: 0; transition: .5s}
.lt5 h4{ flex: 1;}
.lt5 h6{ width: auto; margin: 0 0 0 .25rem;}

.home3{background: url(../images/h3_b.jpg) center bottom no-repeat;background-size: cover;position: relative;z-index: 1;height: 9.5rem;}
.home3 .left{ width: calc(100% - 9.2rem - .5rem); padding: .56rem 0 0;}
.home3 .right{ width: 9.2rem;}

.home3 .left .box{ width: 5.1rem; max-width: 100%;}
.home3 .left .arc-con{ text-align: inherit;}
.home3 .left .arc-con p{ font-size: .16rem}
.home3 .left .bottom{ align-items: center; margin: .8rem 0 0;}
.home3 .left .bottom .con  {font-size: .18rem;color: #A8844E;align-items: center;display: flex;padding: 0 .3rem 0 0;white-space: nowrap;}
.home3 .left .bottom .con img{margin: 0 0 0 .12rem;height: .21rem;}
.home3 .left .bottom .con .a {font-size: .18rem;color: #A8844E !important;}

.circle1{ position: relative;}
.circle1 .imgBox{ opacity: 0;}
.circle1 .imgBox .img{ padding-bottom: 100%;}
.circle1::before{content: "";position: absolute;top: 0;left: 0;background: url(../images/h3_b1.png) center center no-repeat;background-size: 100% 100%;z-index: -1;width: 15.16rem;height: 15.16rem;animation: roted1 100s linear infinite;}
.circle1::after{content: "";position: absolute;top: 0;left: 0;background: url(../images/h3_b2.png) center center no-repeat;background-size: 100% 100%;z-index: -1;width: 15.16rem;height: 15.16rem;}

.h3-1{ margin-bottom: .54rem;}
.h3-1 img{ max-width: 100%;}

.lt6 li{ position: absolute; transform: translate(-50%, -50%); z-index: 2; width: 1.75rem; height: 1.75rem;}
.lt6 li::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/lt6_b.png) center center no-repeat;background-size: cover !important;border-radius: 50%;transition: .5s;z-index: -1;}
.lt6 li::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/lt6_bs.png) center center no-repeat;background-size: cover;border-radius: 50%;transition: .5s;z-index: -1;opacity: 0;}
.lt6 .a{ width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center}
.lt6 .ico{ transform: scale(0); transition: .5s}
.lt6 .ico img{ height: .35rem}
.lt6 h4{font-size: .2rem;color: #996D2B;transform: translateY(-.245rem);transition: .5s;line-height: 1.2;text-align: center; margin-top: .14rem;}

.lt6 li:nth-child(1){left: 8%;top: 46%;}
.lt6 li:nth-child(1):before{transform: scale(.65);}
.lt6 li:nth-child(2){left: 16%;top: 66%;}
.lt6 li:nth-child(2):before{transform: scale(.8); background: url(../images/lt6_b1.png) center center no-repeat;}
.lt6 li:nth-child(3){left: 28%;top: 43%;}
.lt6 li:nth-child(3):before{transform: scale(1); background: url(../images/lt6_b1.png) center center no-repeat;}
.lt6 li:nth-child(4){left: 24%;top: 18%;}
.lt6 li:nth-child(4):before{transform: scale(.78);}
.lt6 li:nth-child(5){left: 55%;top: 23%;}
.lt6 li:nth-child(5):before{transform: scale(.78);}
.lt6 li:nth-child(6){left: 45%;top: 6%;}
.lt6 li:nth-child(6):before{transform: scale(.7);background: url(../images/lt6_b1.png) center center no-repeat;}

.lt6 li:nth-child(7){left: 70%;top: -1%;}
.lt6 li:nth-child(7):before{transform: scale(.78);}
.lt6 li:nth-child(8){left: 94%;top: 13%;}
.lt6 li:nth-child(8):before{transform: scale(.7);background: url(../images/lt6_b1.png) center center no-repeat;}

.home4{background: url(../images/h4_b.jpg) center no-repeat;background-size: cover;position: relative;z-index: 1; padding-bottom: 2.66rem;}

.lt7W{ position: relative; z-index: 1; padding: 0 .5rem;}
.lt7W .line{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background: rgba(255,255,255,.2);}
.lt7W:before{ content: ""; position: absolute; top: 1.5rem; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background: rgba(255,255,255,.2); margin: -1px 0 0;}
.lt7W:after{ content: ""; position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background: rgba(255,255,255,.2); margin: -1px 0 0;}
.lt7 li{height: 3.46rem;display: flex;}
.lt7 .a{/* height: 1rem; */align-items: flex-end;position: relative;z-index: 1;width: 100%;}
.lt7 .a:before{content: "";position: absolute;right: 0;bottom: .46rem;left: 0;height: 1px;background: #fff;}
.lt7 .ico{width: .92rem;padding-bottom: .46rem;display: flex;align-items: flex-end;margin: 0 .15rem 0 0;}
.lt7 .ico img{ width: 100%}
.lt7 .txt{ flex: 1; overflow: hidden}
.lt7 h4{align-items: baseline;color: #fff !important;!;padding-bottom: .04rem;}
.lt7 h4 big{font-size: .6rem;line-height: 1; font-family: 'Poppins Bold'}
.lt7 h4 small{font-size: .24rem;line-height: 1;margin: 0 0 0 .06rem;}
.lt7 h6{height: .46rem;display: flex;align-items: center;font-size: .18rem;color: #fff;}

.lt7 li:nth-child(2n){padding-bottom: 1.5rem;}

.ar1{width: .52rem;height: .52rem;border: #fff 1px solid;border-radius: 50vw;display: flex;align-items: center;justify-content: center;font-size: .3rem;color: #fff;font-family: 'lib';position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;margin: -.24rem 0 0;cursor: pointer;transition: .5s;}
.ar1.prev{ left: -.5rem;}
.ar1.next{ right: -.5rem;}

.home5{background: url(../images/h5_b.png) center top no-repeat;background-size: cover;margin: -8vw 0 0;position: relative;z-index: 1;}
.home5::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/h5_b1.png) center 30% no-repeat;background-size: 100% auto;z-index: -1;}
.home5 .fl1{padding: 0 0 1.38rem; }
.home5 .fl1 .wp{ align-items: center;}
.home5 .left{ width: 8.5rem;}
.home5 .right{ width: calc(100% - 8.5rem - .56rem);}

.lt8 .name{align-items: flex-end;border-bottom: 1px solid #DDCCB1;margin-bottom: .3rem;}
.lt8 .name .big{font-size: .32rem;color: #1A1A1A;font-weight: bold;margin: 0 .3rem -.03rem 0;line-height: 1;padding-bottom: .2rem;border-bottom: #BC1E2C .05rem solid;}
.lt8 .name p{flex: 1;overflow: hidden;padding: 0 0 .2rem;font-size: .18rem;color: #816031;line-height: 1.35;}
.lt8 h4{ font-size: .2rem; font-weight: bold;}
.lt8 p{ margin: .2rem 0 0;}

.lt9W{ padding: 0 .3rem; margin: .6rem 0 0; position: relative;}
.ar2{font-size: .36rem;color: #C5A26E;font-family: 'lib';position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;transition: .5s;}
.ar2.prev{ left: -.15rem;}
.ar2.next{ right: -.15rem;}
.lt9 li{ position: relative;}
.lt9 li::before{content: "";position: absolute;background: url(../images/lt9_b1.png) center center no-repeat;background-size: cover;top: 50%;right: -.86rem;transition: .5s;z-index: -1;width: .79rem;height: .44rem;margin: -.36rem 0 0;}
.lt9 .a{ display: block; padding: .08rem; border: 1px dashed #C9A876; border-radius: 50vw; transition: .5s; position: relative; z-index: 1}
.lt9 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, #A52E3B 0%, #D20E1E 100%);border-radius: 50vw; opacity: 0; transition: .5s; z-index: -1;}
.lt9 .imgBox{ border-radius: 50vw}
.lt9 .imgBox .img{ padding-bottom: 100%}

.lt9 li:nth-child(2n)::before{ transform: rotateX(-180deg); ;margin: -.06rem 0 0;}
.lt9 li.swiper-slide-thumb-active .a{  border: transparent 1px dashed; }
.lt9 li.swiper-slide-thumb-active .a:before{ opacity: 1}

.lt9 li::before{}

.home5 .right .img{ border-radius: .2rem;}

.lt10{ margin: 0 -.24rem; padding: .2rem 0 0;}
.lt10 li{ width: 25%; padding: 0 .24rem;}
.lt10 .a{background: url(../images/lt10_b1.png) center center no-repeat;background-size: 100% 100% !important;padding: .5rem .3rem;position: relative;overflow: hidden;display: block;height: 4.54rem;}
.lt10 .time{ align-items: flex-end; color: #C5A26E; }
.lt10 .time h3{line-height: 1;font-size: .36rem;font-family: Impact;font-weight: normal;}
.lt10 .time h6{font-size: .18rem;margin: 0 0 0 .06rem;line-height: 1;}
.lt10 h4{margin: .3rem 0 .36rem;height: .9rem;font-weight: bold;}
.lt10 .p{ position: relative; padding: .3rem 0 0; border-top: 1px solid #C5A26E;}
.lt10 .p p{font-size: .16rem;color: #4C4C4C;line-height: 1.5;padding: .08rem 0 .08rem .28rem;display: flex; position: relative;}
.lt10 .p::after{content: "";position: absolute;top: -.025rem;left: 50%;width: .45rem;height: .05rem;background: #C5A26E;margin-left: -.225rem;}
.lt10 .p p:nth-child(1){background: url(../images/lt10_s1.svg) left .1rem no-repeat;background-size: .19rem .19rem;}
.lt10 .p p:nth-child(2){background: url(../images/lt10_s2.svg) left .1rem no-repeat;background-size: .18rem .18rem;}
.lt10 .p p span{ white-space: nowrap}

.lt10 li:nth-child(2n) .a{ background: url(../images/lt10_b2.png) center center no-repeat; filter: drop-shadow(0 0 .1rem rgba(0, 0, 0, 0.1));}

.home6{ background: url(../images/h6_b.jpg) center no-repeat; background-size: cover;}
.home6 .fl1{ padding: .5rem; position: relative; z-index: 1;}
.home6 .fl1 .b1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.home6 .fl1 .b1::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: #8F6A30 1px solid;}
.home6 .fl1 .b1::after{content: "";position: absolute;top: .06rem;left: .05rem;right: .05rem;bottom: .06rem;border: #8F6A30 1px solid;}
.home6 .fl1 .b2{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.home6 .fl1 .b2::before{content: "";position: absolute;top: 0;left: 0;width: .3rem;height: .3rem;background: #e9e2d4;}
.home6 .fl1 .b2::after{content: "";position: absolute;top: 0;left: 0;width: .66rem;height: .65rem;background: url(../images/h6_s1.svg) left top no-repeat;background-size: 100% 100% !important;}
.home6 .fl1 .b3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.home6 .fl1 .b3::before{content: "";position: absolute;top: 0;right: 0;width: .3rem;height: .3rem;background: #e9e2d4;}
.home6 .fl1 .b3::after{content: "";position: absolute;top: 0;right: 0;width: .66rem;height: .65rem;background: url(../images/h6_s2.svg) left top no-repeat;background-size: 100% 100% !important;}

.home6 .fl1 .b4{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.home6 .fl1 .b4::before{content: "";position: absolute;bottom: 0;left: 0;width: .3rem;height: .3rem;background: #e9e2d4;}
.home6 .fl1 .b4::after{content: "";position: absolute;bottom: 0;left: 0;width: .66rem;height: .65rem;background: url(../images/h6_s3.svg) left top no-repeat;background-size: 100% 100% !important;}
.home6 .fl1 .b5{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.home6 .fl1 .b5::before{content: "";position: absolute;bottom: 0;right: 0;width: .3rem;height: .3rem;background: #e9e2d4;}
.home6 .fl1 .b5::after{content: "";position: absolute;bottom: 0;right: 0;width: .66rem;height: .65rem;background: url(../images/h6_s4.svg) left top no-repeat;background-size: 100% 100% !important;}

.home6 .fl1 .left{ width: 60.4%;} 
.home6 .fl1 .right{ width: 37.73%;}

.lt11 li{ width: 48.29%;}
.lt11 .a{ display: block; position: relative; z-index: 1;}
.lt11 .imgBox .img{ padding-bottom: 55.67%;}
.lt11 .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.5) 100%);z-index: 1;height: 1rem;}
.lt11 .top{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center;}
.lt11 .top i{display: flex;width: .6rem;height: .6rem;justify-content: center;align-items: center;border-radius: 50vw;position: relative;z-index: 1;background: rgba(255, 255, 255, 0.8); padding: 0 0 0 .03rem}
.lt11 .top i svg{ width: .26rem; height: .26rem; fill: #E79B2B}
.circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;background: rgba(255,255,255,.8);transform: scale(1);animation: circleScale 3s linear infinite;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}
.circle span:nth-of-type(2) {animation-delay: 1s;}
.circle span:nth-of-type(3) {animation-delay: 2s;}
@keyframes circleScale {
    0% {
        opacity: .5;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(2.5, 2.5);
    }
}
.lt11 .txt{ position: absolute; left: 0; right: 0; bottom: 0; padding: .2rem .24rem; z-index: 2; align-items: center}
.lt11 .txt i{display: flex;align-items: center;justify-content: center;width: .4rem;height: .4rem;background: #2EC456;border-radius: 50%;font-size: .22rem;color: #fff;font-family: 'lib'; margin: 0 .16rem 0 0}
.lt11 .txt h4{ flex: 1; color: #fff !important}

.lt11 .txt i.swi-weixin0{ background: #2EC456}
.lt11 .txt i.swi-shipinhao{ background: #EEA805}
.lt11 .txt i.swi-douyin{ background: #E43874}
.lt11 .txt i.swi-bilibiliBzhanbilibili{ background: #F08198}
.lt11 .txt i.swi-sina{ background: #BC1E2C}

.lt11 li:first-child{margin-bottom: 1.5vw;}
.lt11 li:first-child, .lt11s li{ width: 100%;}

.lt11s .imgBox .img{padding-bottom: 66%;}

@media(min-width: 769px){
    .more1:hover img{ transform: rotateY(180deg);}

    .lt2 .a:hover .txt{ border-bottom: transparent 1px dashed;}
    .lt2 .a:hover .txt::after{ width: 100%;}
    .lt2 .a:hover h4{ font-weight: 600;}

    .lt3 .a:hover::before{ opacity: 1;}
    .lt3 .a:hover *{ color: #fff; fill: #fff;}
    .lt3 .a:hover span{ border: #fff 1px solid; background: transparent;}

    .lt5 .a:hover:before{ opacity: 1; transform: scale(1)}
    .lt5 .a:hover:after{ background: #fff; transform: rotate(135deg);}

    .lt6 li:hover::before{ opacity: 0;}
    .lt6 li:hover::after{ opacity: 1;}
    .lt6 li:hover .ico{ transform: scale(1) translateY(-.07rem);}
    .lt6 li:hover h4{ color: #fff; transform: translateY(-.07rem)}

    .ar1:hover{ background: #C2AA86; border: #C2AA86 1px solid}
    
}
@media(max-width: 769px){
    .banner .imgBox .img{ padding-bottom: 55%;}
    .banner .dots{ bottom: .2rem}
    .banner .dots span{font-size: .14rem;margin: 0 .15rem !important;width: .2rem;height: .2rem;}
    #bars{transform: translateX(-50%) scale(.7);bottom: .06rem;}

    .pad1{ padding: .4rem 0;}
    .tit1{ margin-bottom: .25rem}
    .tit1 .ll img{width: .5rem;}
    .tit1 big{ font-size: .24rem;}
    .tit1 small{ font-size: .14rem; display: none}
    .more1{font-size: .14rem;margin: 0;}
    .more1 img{ height: .1rem}

    .home1 .left{ width: 100%}
    .home1 .right{width: 100%;padding: .35rem 0 0;}

    .home1 .left .tit1{ padding: 0}
    .home1 .left .b1{left: -15px;right: -15px;top: -.4rem;transform: skewY(-8deg);transform-origin: left top;}

    .lt1 .txt{ padding: 0 .2rem .12rem;}
    .lt1Box .dots span{width: .07rem;height: .07rem;margin: 0 .06rem !important;}
    .lt1Box .dots span:before{width: .21rem;height: .21rem;margin: -.12rem 0 0 -.12rem;}
    .lt1Box .dots{ margin: 0 0 0 .2rem}

    .lt2 .time{ width: .8rem; height: .8rem; margin: 0 .2rem 0 0}
    .lt2 .time h3{ font-size: .24rem}
    .lt2 .time h6{ font-size: .12rem}
    .lt2 .a{ padding: .06rem 0}
    .lt2 .txt{ margin: -.06rem 0}
    .lt2 .time .line{ margin: .04rem 0 .02rem}

    .home2 .left{ width: 100%;}
    .home2 .right{ width: 100%; padding: .35rem 0 0;}

    .lt3{ margin: 0 -7px}
    .lt3 li{ width: 100%; padding: 0  7px; margin-bottom: .15rem;}
    .lt3 .a{height: 1.4rem;padding: 0 .15rem;}
    .lt3 span{margin-bottom: .08rem;font-size: .14rem;height: .25rem;}

    .lt4 .imgBox{ width: 100%;}
    .lt4 .txt{flex: auto;width: 100%;padding: .25rem 15px;}
    .lt4 .bottom h6 img{height: .16rem;margin: -2px .1rem 0 0;}
    .lt4 h4{ margin: 0 0 .25rem}

    .lt5 .a{height: .44rem;padding: 0 0 0 .24rem;}

    .home3{ height: auto}
    .home3 .left{width: 100%;padding: .15rem 0 0;}
    .home3 .right{width: 100%;padding: .1rem 0 6vw 0;margin-bottom: -21vw;}

    .h3-1{ margin-bottom: .25rem;}
    .h3-1 img{ max-height: .3rem}
    .home3 .left .bottom{margin: .4rem 0 0;}
    .circle1::before, .circle1::after{width: 7rem;height: 7rem;}
    .circle1::after{ top: 5vw}
    .lt4{ margin: 0 0 0}
    .lt6 li{transform: scale(.7) translate(-50%, -50%);transform-origin: left;}

    .home3 .left .bottom .con img{ height: .13rem;}
    .lt7 .ico{ width: .5rem;}
    .lt7 h4 big{font-size: .3rem;}
    .lt7 h4 small{font-size: .16rem;}
    .lt7 h6{ font-size: .14rem}
    .lt7 li{ height: 1.96rem}
    .lt7W:before{ top: .75rem}
    .lt7W:after{top: 1.5rem;}
    .lt7 li:nth-child(2n){padding-bottom: .75rem;}

    .ar1{ width: .36rem; height: .36rem; font-size: .2rem}
    .ar1.prev{ left: 0}
    .ar1.next{ right: 0}

    .home4{/* padding-bottom: 20vw; */}
    .home5{margin: 0;padding-top: .4rem;background: url(../images/h5_bs.png) center top no-repeat;background-size: cover;}

    .home5 .left{ width: 100%}
    .home5 .right{width: 100%;padding: .4rem 0 0;}

    .home5 .fl1{padding: 0 0 .4rem;}
    .tit1c .more1{ margin-top: .05rem}

    .lt6 li:nth-child(3){left: 42%;top: 42%;}
    .lt8 .name .big{font-size: .24rem;margin: 0 .2rem -.03rem 0;}
    .lt8 .name p{ font-size: .14rem; padding: 0 0 .2rem}
    .lt8 p{ margin: .12rem 0 0;}
    .lt9W{ margin: .4rem 0 0}

    .lt10 li{width: 100%;margin-bottom: .15rem;}
    .lt9 li::before{ display: none}
    .lt10 .a{height: 3.2rem;}
    .lt10 h4{margin: .2rem 0 .2rem;height: .6rem;font-weight: bold;-webkit-line-clamp: 2;}
    .lt10 .p p{ padding: .04rem 0 .04rem .28rem;}
    .lt10 .p p:nth-child(1){background: url(../images/lt10_s1.svg) left .05rem no-repeat;background-size: .19rem .19rem;}
    .lt10 .p p:nth-child(2){background: url(../images/lt10_s2.svg) left .06rem no-repeat;background-size: .18rem .18rem;}

    .home6 .fl1{ padding: .3rem;}
    .home6 .fl1 .left{ width: 100%}
    .home6 .fl1 .right{ width: 100%; }
    .lt11 li:first-child{margin-bottom: .15rem;}
    .lt11 .txt{ padding: 0 .15rem .12rem}

    .lt11 li{ width: 100%; margin-bottom: .15rem;}
    .lt11 .txt i{ width: .34rem; height: .34rem; font-size: .18rem}
    .lt11 .top i{ width: .4rem; height: .4rem}
    .lt11 .top i svg{ width: .18rem; height: .18rem}
    .lt11 .imgBox .img{ padding-bottom: 55.67% !important;}
    .lt10 .time h3{ font-size: .3rem;}

    
}
@media(max-width: 800px){
} 
@media(max-width: 769px){
} 
@media(max-width: 560px){
}