@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.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: 39.0625%; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: 1;}

.banner .dots{z-index: 10;display: flex;justify-content: center;align-items: center;position: absolute;left: auto;right: 0; left: 0; bottom: .66rem;}
.banner .dots span{width: .18rem;height: .18rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .06rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1.png) center no-repeat;background-size: cover; transition: .5s;}
.banner .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}
.banner .dots span.active{ margin: 0 .15rem !important}
.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1; transform: rotate(90deg)}

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

.tit1{ margin: 0 0 .5rem;}
.tit1 .ll{background: url(../images/tit1_b.png) left center no-repeat;background-size: auto 100%;height: .73rem;display: flex;flex-direction: column;justify-content: center;padding: .1rem 0 0 .8rem;}
.tit1 h3{font-size: .38rem;color: #000000;font-family: 'Noto Serif SC';font-weight: 900;line-height: 1;}
.tit1 h3 font{ color: #bb1c20;}
.tit1 h6{ font-size: .14rem; color: #000000; font-family: 'Poppins';}

.home1-2{ background: url(../images/ho1-2_b.jpg) center bottom no-repeat; background-size: cover; position: relative; z-index: 10}
.home1 .wp{ align-items: flex-start}
.home1 .left{width: calc(100% - 10.2rem);position: relative;z-index: 1;padding: 1rem .66rem 1rem 0;}
.home1 .left::before{ content: ""; position: absolute; top: 0; right: -.6rem; bottom: 0; left: calc((100vw - 16rem)/2*-1); background: url(../images/ho1_b.jpg) right bottom no-repeat; background-size: cover; z-index: -1; }
.home1 .right{ width: 10.2rem; position: relative; z-index: 2;}
.home1{background: url(../images/ho1_b.png) right top no-repeat;background-size: 2.98rem auto;}

.lt1{ margin: 0 0 .5rem;}
.lt1 h4{ line-height: .36rem;}
.lt1 p{ margin: .2rem 0 0; font-size: .18rem; line-height: .3rem; max-height: .9rem\0;}

.more1{ display: flex; width: .9rem; height: .9rem; background: rgba(187,28,32,.1); border-radius: 50vw; justify-content: center; align-items: center; font-size: .14rem; color: #fff !important; line-height: 1.2; position: relative; z-index: 1; transition: .5s;}
.more1::before{ content: ""; position: absolute; width: 100%; height: 100%; background: #bb1c20; border-radius: 50%; top: 0; left: 0; z-index: -1; transform: scale(.77); transition: .5s;}

.lt2 li{width: 33.33%;display: flex;flex-direction: column;}
.lt2 .a{display: block;position: relative;width: 100%;}
.lt2 .imgBox .img{padding-bottom: 88.23%;}
.lt2 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0 .45rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.lt2 .tit{ font-size: .18rem; color: rgba(255,255,255,.8)}
.lt2 h4{color: #fff !important;margin: .1rem 0 .6rem;}
.lt2 i{font-size: .36rem;color: #fff;font-family: 'lib';transform: rotate(90deg);display: inline-block;margin: 0 0 0 -.04rem;}
.lt2 svg{width: .26rem;height: .26rem;fill: #fff;transition: .5s;}

.lt2 li:nth-child(1), .lt2 li:nth-child(3), .lt2 li:nth-child(5), .lt2 li:nth-child(6){transform: translateY(-.4rem);} 
.lt2 li:nth-child(2){ order: 4}
.lt2 li:nth-child(3){ order: 2}
.lt2 li:nth-child(4){ order: 1}
.lt2 li:nth-child(5){ order: 3}
.lt2 li:nth-child(6){ order: 6}

.home2{ padding-bottom: 0;}
.home2 .wp{ align-items: flex-start}
.home2 .left{ width: 7.06rem;}
.home2 .left .tit1{ margin: 0 !important;}
.home2 .left .img{ margin: 0 0 0 -.18rem;}
.home2 .right{width: calc(100% - 7.06rem);padding: .1rem .8rem;}
.home2 .arc-con{ position: relative; z-index: 1;}
.home2 .arc-con::before{content: "";position: absolute;width: .26rem;height: .2rem;background: url(../images/ho2_i1.png) center no-repeat;background-size: cover;z-index: -1;left: -.3rem;top: -.15rem;}
.home2 .arc-con::after{ content: ""; position: absolute; width: .26rem; height: .2rem; background: url(../images/ho2_i1.png) center no-repeat; background-size: cover; z-index: -1; right: 0; bottom: -.2rem}
.home2 .right .qm{ align-items: center;}
.home2 .right .qm img{margin: 0 .38rem 0 0;height: .66rem;}
.home2 .right .txt p{ font-size: .18rem; color: #c7ae85; line-height: 2;}

.qm{ margin: .7rem 0 0;}

.more2{ align-items: center;}
.more2 span{position: relative;font-size: .24rem;color: #000000;line-height: 1.1;font-family: 'Poppins Medium';transition: .5s;}
.more2 span:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #dedede}
.more2 i{width: 22px;height: 22px; display: inline-block; text-align: center; line-height: 22px; background: #bb1c20;border-radius: 50vw;font-size: 19px;color: #fff;font-family: 'lib';margin: 0 0 0 .1rem;font-weight: bold; transition: .5s;}

.home3{ position: relative; z-index: 1; background: #f8f8f8;}
.home3::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 1.3rem; width: calc((100vw - 16rem)/2); background: url(../images/ho3_b.jpg) center no-repeat; background-size: cover; z-index: -1; pointer-events: none}
.home3::after{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: calc((100vw - 16rem)/2);background: url(../images/ho3_b1.jpg) center no-repeat;background-size: cover;z-index: -1; pointer-events: none}
.home3 .wp{ padding: 0 .8rem 0 0;}
.home3 .tit1{ margin-bottom: .25rem;}

.lt3 .a{ display: block; position: relative; transition: .5s;}
.lt3 .a::after{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 3px; background: #bb1c20; transition: .5s; }
.lt3 .imgBox .img{padding-bottom: 56.36%;}
.lt3 .txt{height: 2.52rem;border: #f2f2f2 1px solid;border-top: none;padding: 0 .34rem;display: flex;flex-direction: column;justify-content: center;position: relative;bottom: 0;}
.lt3 h6{background: url(../images/lt3_t.png) left center no-repeat;background-size: .2rem .2rem;display: flex;align-items: center;font-size: .16rem;color: #9c9c9c;font-family: 'Georgia';padding: 0 0 0 .3rem;}
.lt3 h6 big{ font-size: .24rem; color: #bb1c20}
.lt3 h4{margin: .14rem 0 .2rem;}
.lt3 i{display: flex;width: .44rem;height: .44rem;border-radius: 50vw;align-items: center;justify-content: center;font-size: .26rem;color: #e5e5e5;font-family: 'lib';transform: translateX(-.15rem); transition: .5s}
.lt3Box{margin: 0 0 0 .1rem;}
.lt3Box li{ padding: .4rem 0 0;}

.lt3Box .bottom{margin: .25rem 0 0;position: relative;z-index: 1;justify-content: flex-end;}
.lt3Box .swiper-scrollbar{width: 100%;height: 1px;background: none;position: absolute;right: 0;left: 0;z-index: -1;top: 50%;}
.lt3Box .swiper-scrollbar:before{content: "";position: absolute;top: 50%;height: 1px;background: rgba(21,56,135,.1);left: 0;right: 0;z-index: -1;margin: -1px 0 0}
.lt3Box .swiper-scrollbar-drag{background: #c7ae85;border-radius: 50vw;height: 3px;top: -1px;}

.ar1{width: .6rem;height: .6rem;background: #fff;border: #e2dbce 1px solid;border-radius: 50vw;transition: .5s;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;font-size: .22rem;color: #e2dbce;font-family: 'lib';cursor: pointer;}
.ar1.prev1{ margin: 0 .1rem 0 0;}

.home4{background: #f8f8f8 url(../images/ho4_b.png) center bottom no-repeat;background-size: 100% auto;}
.home4 .tit1{margin-bottom: 0;position: relative;z-index: 10;}

.lt4Box{ padding: 3vw 0; margin: -3vw 0}
.lt4 .a{display: block;position: relative;transition: .5s; }
.lt4 .imgBox{ border-radius: 50vw; overflow: hidden; border: transparent .2rem solid;}
.lt4 .imgBox .img{padding-bottom: 100%;}
.lt4 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #bb1c20 100%);z-index: 1;height: 1.25rem; transition: .5s}
.lt4 .txt{position: absolute;right: 0;bottom: 0;left: 0;text-align: center;padding: 0 15px .45rem; transition: .5s}
.lt4 h4{ font-size: .24rem; color: #fff;}
.lt4 .txt1{ display: none;}
.lt4 li.pr1 .a, .lt4 li.pr2 .a, .lt4 li.swiper-slide-active .a, .lt4 li.ne1 .a, .lt4 li.ne2 .a{opacity: 1;}
/* .lt4 li.pr2 .a, .lt4 li.ne2 .a{ transform: scale(.9);}
.lt4 li.pr1 .a, .lt4 li.ne1 .a{ transform: scale(.95); } */
.lt4 li.pr2 .a img, .lt4 li.ne2 .a img{ opacity: .25;}
.lt4 li.pr1 .a img, .lt4 li.ne1 .a img{ opacity: .5;}

.lt4 .swiper-slide-active .imgBox{border: rgba(199,174,133,.4) .2rem solid; }
.lt4 .swiper-slide-active .imgBox:after{ opacity: 1}
.lt4 .swiper-slide-active .txt{ opacity: 1}

.lt4Box.swiper-container-3d .swiper-slide-shadow-left{ display: none;}
.lt4Box.swiper-container-3d .swiper-slide-shadow-right{ display: none;}

.lt5W{width: 10.28rem;max-width: 100%;margin: .45rem auto .2rem;position: relative;z-index: 10;}
.lt5 .a{ display: block; width: 3.5rem; max-width: 100%; margin: 0 auto; text-align: center;}
.lt5 h4{ font-size: .22rem; color: #333333; margin: 0 0 .15rem}
.lt5 p{ font-size: .18rem; color: #333333; line-height: .28rem}
.lt5Box .ar1{position: absolute;top: 50%;transform: translateY(-50%);background: #f8f8f8;}
.lt5Box .ar1.prev1{ left: 0;}
.lt5Box .ar1.next1{ right: 0;}


@media(min-width: 769px){
    .more1:hover::before{ transform: scale(1);}
    .more2:hover i{ transform: rotate(90deg);}

    .more2:hover span{ color: #bb1c20;}
    .ar1:hover{ background: #bb1c20; border: #bb1c20 1px solid; color: #fff}

    .lt3 .a:hover{ transform: translateY(-.4rem);}
    .lt3 .a:hover i{ background: #bb1c20; color: #fff; transform: translateX(0rem);}
    .lt3 .a:hover::after{ width: 100%; left: 0;}
    .lt4 .a{ opacity: 0;}
    .lt4 .swiper-slide-active .a{filter: drop-shadow(0px 0px .31rem rgba(86, 86, 86, 0.42));}
    .lt4 li.pr1 .imgBox{transform: translateX(2vw);}
    .lt4 li.ne1 .imgBox{ transform: translateX(-2vw);}
    .lt4 li.pr2 .imgBox{ transform: translateX(-1vw);}
    .lt4 li.ne2 .imgBox{ transform: translateX(1vw);}
    .lt4 .imgBox:after{opacity: 0; }
    .lt4 .txt{ opacity: 0;}
}
@media(max-width: 1025px){
    .banner .imgBox .img{}
}
@media(max-width: 769px){
    .banner .dots{ bottom: .2rem;}
    .banner_box{ margin: .7rem 0 0}
    .pad1{ padding: .4rem 0}

    .home1 .left{width: 100%;padding: .5rem 0 .4rem;position: relative;}
    .home1 .left .more1{position: absolute;top: .4rem;right: 0;width: .7rem;height: .7rem;}
    .home1 .right{width: 100%;padding: 0;}
    .home1{background-size: 25% auto;}
    
    .lt1{ margin: 0 0 .3rem;}
    .lt1 h4{line-height: 24px;}
    .lt1 p{ margin: .15rem 0 0;}

    .lt1{margin: 0;}

    .tit1{ margin: 0 0 .25rem;}
    .tit1 .ll{height: .5rem;padding: .1rem 0 0 .55rem;}
    .tit1 h3{ font-size: .24rem}

    .lt2 li{width: 50%;transform: translateY(0) !important;flex-direction: row;}
    .lt2 .a{/* width: 50%; */}
    .lt2 li > .imgBox{ width: 50%}
    .lt2 .txt{padding: 0 .2rem;}
    .lt2 h4{ margin: .06rem 0 .15rem;}
    .lt2 .tit{ font-size: .14rem}
    .lt2 svg{width: .2rem;height: .2rem;}

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

    .home2 .right .qm img{height: .4rem;margin: 0 .2rem 0 0;}
    .home2 .right .txt p{ line-height: 1.75}

    .qm{ margin: .5rem 0 0;}
    .home3 .wp{ padding: 0 15px;}
    .lt3Box{ margin: 0;}

    .more2 span{ font-size: .2rem}
    .more2 i{width: 18px;height: 18px;font-size: 14px;line-height: 18px;}

    .lt3Box li{ padding: 0 0;}
    .lt3 .txt{padding: 0 .2rem;height: 2.2rem;}
    .ar1{width: .4rem;height: .4rem;font-size: .2rem;}
    .lt3 i{ font-size: .2rem;}
    .lt3 h4{ -webkit-line-clamp: 2;}

    .lt4 .a{width: 62vw;margin: 0 auto;}

    .lt4 .imgBox{ border: transparent .15rem solid;}
    .lt4 .swiper-slide-active .imgBox{ border: rgba(199,174,133,.4) .15rem solid; }
    .lt5W{ margin: .25rem auto .2rem; }
    .lt5 .a{ padding: 0 .3rem}
    .lt5 p{ font-size: .15rem}
    .lt5 h4{ font-size: .2rem; margin: 0 0 .1rem}
    .lt4 .txt{ padding: 0 15px 25px}
    .lt4 h4{ font-size: .2rem;}

    .home2 .left .img{ margin: 0 15%}
    .home2 .arc-con::before{ left: -.1rem; transform: scale(.7)}
    .home2 .arc-con::after{ right: 0; transform: scale(.7)}

    .home4 .tit1{ margin: 0 0 .15rem;}
}