@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 1;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: 1.5rem;}
.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;background: none;}
.banner .imgBox .img img{ transition: 0s;}


.banner .dots{position: absolute;bottom: .76rem;display: flex;left: auto;z-index: 2;justify-content: center;}
.banner .dots span{width: .32rem;height: .32rem; margin: 0 .1rem !important;opacity: 1; position: relative; background: transparent;}
.banner .dots span::before{ content: ""; position: absolute; top: 50%; left: 50%; width: .12rem; height: .12rem; background: #fff; transform: translate(-50%, -50%); transition: .5s;}
.banner .dots span::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/ba_d.svg) center no-repeat; background-size: 100% auto; 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;}

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

.home1{ background: url(../images/ho1_b.jpg) center top no-repeat; background-size: cover; border-radius: .36rem .36rem 0 0; position: relative; z-index: 2; margin: -.36rem 0 0; padding-bottom: 1.04rem;}
.home1 .left{ width: 9.3rem;}
.home1 .right{ width: calc(100% - 9.3rem - .56rem);}

.tit1{ margin: 0 0 .36rem; align-items: center;}
.tit1 h3{font-size: .4rem;color: #00549F;font-weight: 600;}
.tit1 h6{font-size: .16rem;color: #01668F;font-family: Cardo;background: url(../images/tit1_l.svg) left center no-repeat;background-size: .67rem auto;padding: 0 0 0 .76rem;text-transform: uppercase;}

.tit1c{justify-content: center;text-align: center;}

.tit1d h6{padding: 0 0 0 .36rem;background: url(../images/tit1_ld.svg) left center no-repeat;background-size: .32rem auto;}

.more1{ width: .79rem; font-size: .16rem; color: #555555; background: url(../images/more1.svg) center bottom no-repeat; padding: 0 0 .1rem; background-size: 100% auto; text-align: center; white-space: nowrap;}
.more1 span{ font-weight: 100; margin: 0 .015rem;}

.lt1 .a{ position: relative; z-index: 1; display: block;}
.lt1 .imgBox{ border-radius: .1rem;}
.lt1 .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, .8) 100%);z-index: 1;height: 2rem;}
.lt1 .imgBox .img{ padding-bottom: 57.52%;}
.lt1 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 .32rem .28rem;}
.lt1 h6{ color: #fff;}
.lt1 h4{color: #fff !important;margin: .08rem 0 .12rem;}
.lt1 p{color: rgba(255, 255, 255, 0.7);}

.lt1Box  .dots{position: absolute;bottom: 1.2rem;display: flex;z-index: 2;justify-content: center;right: 0;justify-content: flex-end;padding: 0 .2rem;}
.lt1Box .dots span{width: .18rem;height: .18rem;margin: 0 .05rem !important;opacity: 1;position: relative;background: transparent;}
.lt1Box .dots span::before{content: "";position: absolute;top: 50%;left: 50%;width: .08rem;height: .08rem;background: #fff;transform: translate(-50%, -50%);transition: .5s;}
.lt1Box .dots span::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/ba_d.svg) center no-repeat; background-size: 100% auto; opacity: 0; transition: .5s;}
.lt1Box .dots span.active{ margin: 0 .15rem !important;}
.lt1Box .dots span.active::before{ opacity: 0;}
.lt1Box .dots span.active::after{ opacity: 1;}

.lt2{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: .45rem .5rem;margin: .4rem 0 0;overflow: hidden;}
.lt2 li{min-width: 0;}
.lt2 .a{ display: block; position: relative; padding: 0 0 .25rem;}
.lt2 .a:before{content: "";position: absolute; bottom: 0;right: 0;left: 0;height: 1px;background: #D8D8D8;}
.lt2 .a:after{content: "";position: absolute; bottom: 0;right: 0;width: 0;height: 1px;background: #00549F; transition: .5s;}
.lt2 h4{margin: .15rem 0 0;height: .6rem;}

.lt3 .a{ position: relative; z-index: 1; display: block;}
.lt3 .imgBox{ border-radius: .1rem;}
.lt3 .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, .8) 100%);z-index: 1;height: 1rem;}
.lt3 .imgBox .img{ padding-bottom: 57.89%;}
.lt3 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 .24rem .16rem;}
.lt3 h6{ color: #fff;}
.lt3 h4{ color: #fff !important; margin: .08rem 0 0;}

.lt4{ margin: .16rem 0 .3rem; flex-direction: column; gap: .22rem;}
.lt4 li{ width: 100%;}
.lt4 h4{ margin: .08rem 0 0}

.lt5{ gap: .22rem; margin: -.1rem 0 0;}
.lt5 li{ width: 100%;}
.lt5 .a{ align-items: center;}
.lt5 .imgBox{width: .86rem;height: .48rem;margin: 0 .18rem 0 0;border: 1px solid #DCDCDC;display: flex;align-items: center;justify-content: center;background: #fff;}
.lt5 .imgBox .img{padding-bottom: 55.81%;background: none;}
.lt5 .imgBox img{width: auto;height: auto;position: relative;max-width: 80%;max-height: .36rem;}
.lt5 .txt{ flex: 1; overflow: hidden;}
.lt5 h4{ margin: .05rem 0 0}

.more1c{margin: .55rem auto 0;display: block;width: 1.01rem;background: url(../images/more1s.svg) center bottom no-repeat;background-size: 100% auto;}

.home2{background: url(../images/ho2_b.jpg) center top no-repeat;background-size: cover;border-radius: .36rem .36rem 0 0;position: relative;z-index: 2;margin: -.36rem 0 0;padding-bottom: 1.47rem;}
.home2 .left{ width: 43.98%;}
.home2 .right{ width: 52.56%;}

.mtab1 .tit1 .hd{ align-items: center;}
.mtab1 .tit1 .hd ul{ gap: .6rem;}
.mtab1 .tit1 .hd ul li{ filter: grayscale(1); opacity: .75; transition: .5s; position: relative; cursor: pointer;}
.mtab1 .tit1 .hd ul li::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -.3rem; width: 1px; height: .56rem; background: #D8D8D8;}
.mtab1 .tit1 .hd ul li:last-child:before{ display: none;}
.mtab1 .tit1 .hd ul li.on{ filter: grayscale(0); opacity: 1;}

.lt6{ margin: -.2rem 0 0}
.lt6 .a{height: 1.5rem;align-items: center;padding: 0 .06rem;position: relative;z-index: 1;border-bottom: #D8D8D8 1px solid;}
.lt6 .a::before{content: "";position: absolute; left: -.4rem; right: -.4rem;top: -1px;bottom: -1px; z-index: -1;opacity: 0;transition: .5s;border-radius: .1rem; background: #fff url(../images/lt6_b.svg) center bottom no-repeat; background-size: 100% auto; box-shadow: 0px 4px 10px 0px rgba(0, 87, 153, 0.1); }
.lt6 .time{width: 1.19rem;padding: .16rem 0 0;text-align: center;background: url(../images/lt6_t.svg) center no-repeat;background-size: 100% auto !important;margin: 0 0 .16rem -.26rem;}
.lt6 .time h3{font-size: .28rem;color: #005BAC;line-height: 1;transition: .5s;font-family: Bebas;font-weight: normal;padding: 0 .1rem 0 0;}
.lt6 .time h3 span{ font-size: .2rem}
.lt6 .time h6{font-size: .1rem;color: #005BAC;transition: .5s;font-family: Bebas;justify-content: center;align-items: center;margin: .05rem 0 0;}
.lt6 .time h6 svg{width: .42rem;fill: #005BAC;margin: 0 0 0 .06rem;}
.lt6 .txt{flex: 1;overflow: hidden;padding: 0 .25rem;}
.cls-1{fill:#005bac;}

#slider .slider-wrap {position: relative;perspective: 1000px;height: 5.66rem;margin: .5rem 0 0;}

.lt7{height: 100%;width: 100%;position: absolute;transform-style: preserve-3d;bottom: 0;}
.lt7 li{position: absolute;top: 1.4rem;left: 1.4rem;right: 0;transform-style: preserve-3d;transition: transform 1.2s; transform: rotateY(0deg) translate(-1.4rem,-1.4rem);}
.lt7 li:first-child{ z-index: 10 !important; transform: rotateY(0deg) translate(0px) !important;opacity: 1;}
.lt7 li[data-position="2"]{z-index: 9;transform: rotateY(0deg) translate(-.7rem,-.7rem);opacity: 1;}
.lt7 li[data-position="3"]{z-index: 8;transform: rotateY(0deg) translate(-1.4rem,-1.4rem);opacity: 1;}
.lt7 .a{border-radius: .1rem;padding: .2rem;justify-content: space-between;align-items: flex-start;background: url(../images/lt7_b1.jpg) center no-repeat;background-size: cover;height: 100%;}
.lt7 li[data-class="1"] .a{ background: url(../images/lt7_b1.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="2"] .a{ background: url(../images/lt7_b2.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="3"] .a{ background: url(../images/lt7_b3.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="4"] .a{ background: url(../images/lt7_b1.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="5"] .a{ background: url(../images/lt7_b2.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="6"] .a{ background: url(../images/lt7_b3.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="7"] .a{ background: url(../images/lt7_b1.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="8"] .a{ background: url(../images/lt7_b2.jpg) center no-repeat; background-size: cover;}
.lt7 li[data-class="9"] .a{ background: url(../images/lt7_b3.jpg) center no-repeat; background-size: cover;}

.lt7 li[data-class="1"] a, .lt7 li[data-class="4"] a, .lt7 li[data-class="7"] a{ filter: brightness(10)}
.lt7 li[data-class="3"] a, .lt7 li[data-class="6"] a, .lt7 li[data-class="9"] a{ filter: brightness(10)}

.lt7 .imgBox{ width: 3.08rem; border-radius: .1rem;}
.lt7 .imgBox .img{ padding-bottom: 124.02%}
.lt7 .txt{width: calc(100% - 3.08rem - .3rem);padding: .06rem 0 0;}
.lt7 .txt .tit{ justify-content: flex-end;}
.lt7 .txt .tit span{ display: inline-block; line-height: .3rem; padding: 0 .15rem; background: #fff; border-radius: 50vw; font-size: .16rem; color: #B7282E; transition: .5s;}
.lt7 li[data-class="2"] .txt .tit span, .lt7 li[data-class="5"] .txt .tit span, .lt7 li[data-class="8"] .txt .tit span{ background: #B7282E; color: #fff;}
.lt7 h4{ color: #333 !important; margin: .32rem 0;}
.lt7 .p p{background: url(../images/lt7_s1.svg) left .05rem no-repeat;background-size: auto .12rem;padding: 0 0 0 .22rem;font-size: .14rem;color: #999;line-height: .24rem;font-weight: 300;margin-bottom: .1rem;}
.lt7 .p p.p2{ background: url(../images/lt7_s2.svg) left .05rem no-repeat; background-size: auto .12rem;}
.lt7 .p p.p3{ background: url(../images/lt7_s3.svg) left .05rem no-repeat; background-size: auto .12rem;}

.more2{justify-content: flex-end;margin: .36rem .1rem 0 0;}

.home3{background: url(../images/ho3_b.jpg) center top no-repeat;background-size: 100% auto;border-radius: .36rem .36rem 0 0;position: relative;z-index: 2;margin: -.36rem 0 0;padding-bottom: 15vw;}
.home3 .left{ width: 8.09rem;}
.home3 .right{ width: calc(100% - 8.09rem - 1.04rem);}

.lt8 .a{ position: relative; z-index: 1; display: block;}
.lt8 .imgBox{ border-radius: .1rem;}
.lt8 .imgBox .img{ padding-bottom: 61.06%;}
.lt8 .txt{height: 1.38rem;background: url(../images/lt8_b.jpg) center no-repeat;background-size: cover;border-radius: .1rem;margin: -.96rem 0 0 .54rem;position: relative;z-index: 1;padding: 0 .3rem;display: flex;flex-direction: column;justify-content: center;}
.lt8 h6{ color: #fff}
.lt8 h4{color: #fff !important;margin: .06rem 0 .15rem;}
.lt8 .dots{width: 100%;justify-content: center;gap: 0 .25rem;}
.lt8 .dots span{width: .1rem;height: .1rem;background: rgba(255, 255, 255, 0.6);border-radius: 50%;margin: 0 0 !important;opacity: 1; transition: .5s}
.lt8 .dots span.active{ background: #fff}

.lt9{ justify-content: space-between; margin: .28rem 0 0;}
.lt9 .a{ align-items: center;}
.lt9 .ico{ width: .31rem; height: .31rem; margin: 0 .1rem 0 0;}
.lt9 .ico img{ width: 100%; height: 100%;}
.lt9 .txt{ flex: 1; overflow: hidden;}
.lt9 h4{ font-size: .22rem; color: #005BAC;}

.lt10 li{ border-bottom: 1px dashed #D8D8D8; padding-bottom: .3rem; margin-bottom: .3rem;}
.lt10 .a{ align-items: center;}
.lt10 .imgBox{ width: 2rem; margin: 0 .25rem 0 0; border-radius: .1rem;}
.lt10 .imgBox .img{ padding-bottom: 69%;}
.lt10 h6{position: absolute;top: 0;left: 0;width: 1rem;height: .26rem;background: #005BAC;border-radius: .16rem .16rem .16rem 0;align-items: center;justify-content: center;font-size: .16rem;color: #fff;display: flex;}
.lt10 .txt{ flex: 1; overflow: hidden;}
.lt10 p{margin: .15rem 0 0;}

.home4{background: url(../images/jianzhu.png) center top no-repeat;background-size: 100% auto;margin-top: -10vw;position: relative;z-index: 2;padding-top: 11.875vw;}
.home4 .wp{ pointer-events: none;}

.lt11{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem .15rem;}
.lt11 li{ min-width: 0;}
.lt11 .a{ display: block; text-align: center;}
.lt11 h5{ font-size: .56rem; color: transparent; font-family: Mongolian Baiti; display: flex; justify-content: center; align-items: center; position: relative;}
.lt11 h5 span{ font-family: Mongolian Baiti; font-size: .56rem; color: #00549F; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.lt11 p{ position: relative; padding: .15rem 0 0; font-size: .16rem; color: #555555;}
.lt11 p::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: .24rem; height: 2px; background: #B7282E;}

.pt-tophead-scene{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1; opacity: .03;}
.pt-fallbox {position: absolute;top: 0;left: 0;right: 0;bottom: 0;contain: strict;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.pt-fallbox-item {position: absolute;top: 0;left: 0;will-change: transform;}
.pt-fallbox-item span {display: inline-block;padding: 0;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position: relative;left: 50%;top: 50%;}
.pt-fallbox-item span img{ pointer-events: none;}

.home5{ min-height: 100vh; background: url(../images/ho5_b.jpg) center no-repeat; background-size: cover; border-radius: .36rem .36rem 0 0; position: relative; z-index: 2;}
.home5 .left{ width: 6.8rem; padding: 0 .52rem 0 0;}
.home5 .right{width: calc(100% - 6.8rem);padding: 0 0 0 .52rem;position: relative;}
.home5 .right:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 1px; top: 1.1rem; background: #D8D8D8;}

.lt12 li{ border-bottom: 1px dashed #D8D8D8; padding-bottom: .35rem; margin-bottom: .1rem;}
.lt12 .imgBox{ border-radius: .1rem;}
.lt12 .imgBox .img{ padding-bottom: 63.05%;}
.lt12 .txt{ padding: .25rem 0 0;}
.lt12 h4{  margin: .1rem 0 .12rem;}

.lt12 li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.lt12 li:last-child .imgBox{ display: none;}

.lt13{ display: grid; grid-template-columns: repeat(2, 1fr); gap: .36rem .33rem;}
.lt13 .imgBox{ border-radius: .1rem;}
.lt13 .imgBox .img{ padding-bottom: 66.85%;}
.lt13 .txt{ padding: .25rem 0 0;}
.lt13 h4{  margin: .1rem 0 0;}

.home6{ padding: 0 !important;}

.tit1w h3{ color: #fff !important;}
.tit1w h6{color: #fff !important;background: url(../images/tit1_lw.svg) left center no-repeat;background-size: .67rem auto;}

.lt14 .a{ position: relative; z-index: 1; display: block;}
.lt14 .imgBox .img{padding-bottom: 43%;background: #000;}
.lt14 .imgBox .img img{ opacity: .9;}
.lt14 .ico{position: absolute;width: .8rem;height: .8rem;top: 40%;left: 50%;transform: translate(-50%, -50%);background: url(../images/video.svg) center no-repeat;background-size: 100% 100%;}
.lt14 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .15rem 5vw;text-align: center;}
.lt14 h4{font-size: .24rem;color: #fff !important;}

.arr1{position: absolute;top: 40%;transform: translateY(-50%);width: .56rem;height: .56rem;border: #fff 1px solid;border-radius: 50vw;font-size: .33rem;color: #fff;font-family: 'lib';transition: .5s;z-index: 2;align-items: center;justify-content: center; cursor: pointer;}
.arr1.prev1{left: 1.5rem;}
.arr1.next1{right: 1.5rem;}

.home6{ position: relative;}
.home6 .tit1{ position: absolute; top: .95rem; right: 0; left: 0; z-index: 2;}
.home6 .fl1{position: relative;right: 0;bottom: 0;left: 0;z-index: 2;}
.lt15{ width: 75%;}
.lt15 li{ width: 33.33%;}
.lt15 .a{ position: relative; z-index: 1; display: block; }
.lt15 .imgBox .img{ padding-bottom: 60%;}
.lt15 .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, .8) 100%);z-index: 1;height: 2rem;}
.lt15 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: .15rem .26rem; align-items: center;}
.lt15 .txt::after{ content: ""; position: absolute; left: .26rem; bottom: 0; width: .9rem; height: 2px; background: #06C562;}
.lt15 .ico{ width: .24rem; margin: 0 .1rem 0 0;}
.lt15 .ico img{ width: 100%;}
.lt15 h4{ flex: 1; overflow: hidden; color: #fff !important;}

.lt15 .jujiao .txt::after{ background: #DE4144;}
.lt15 .shipinhao .txt::after{ background: #EDA600;}


.lt16{width: 25%;backdrop-filter: blur(.1rem);}
.lt16 .a{ position: relative; z-index: 1; display: block;}
.lt16 .imgBox{ opacity: .8; background: #B7282E;}
.lt16 .imgBox .img{padding-bottom: 60%;opacity: 0;}
.lt16 .imgBox .img img{}
.lt16 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;padding: .35rem .65rem;align-items: center;display: flex;justify-content: center;flex-direction: column;gap: .3rem;}
.lt16 dl{margin: .16rem 0 .3rem;min-height: .66rem;display: none;}
.lt16 dd .a1{font-size: .14rem;color: #FF9DA1;line-height: .22rem;transition: .5s;width: 100%;display: block;}

.home7{background: url(../images/ho7_b.jpg) center top no-repeat;background-size: cover;padding-bottom: 1.1rem;}

.lt17 .a{ border-radius: .1rem; overflow: hidden; display: block;}
.lt17 .imgBox .img{ padding-bottom: 157.14%;}
.lt17 span{font-size: .16rem;color: #fff;writing-mode: vertical-lr;position: absolute;right: .15rem;bottom: 0;z-index: 2;padding: 0 0 .75rem;}
.lt17 span:before{content: "";position: absolute;right: 50%;bottom: 0;width: 1px;height: .7rem;background: #fff;}

.lt17 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: .32rem .2rem 0;}
.lt17 .txt .ll{font-size: .26rem;color: #fff;text-shadow: 0px 4px 10px rgba(117, 8, 0, 0.4);font-weight: bold;writing-mode: tb-rl;letter-spacing: .02rem;max-height: 81%;line-height: 1.5;}

.lt17Box .bottom{ align-items: center; margin: .34rem 0 0;}
.lt17Box .swiper-scrollbar{width: 100%;height: 1px;z-index: 1;background: none;margin: 0 .18rem 0 0;flex: 1;}
.lt17Box .swiper-scrollbar:before{content: "";position: absolute;top: 50%;width: 100%;left: 0;height: 1px;background: #D8D8D8;top: 50%;margin: -.5px;z-index: -1}
.lt17Box .swiper-scrollbar-drag{border-radius: 0;background: #B7282E;}

.arr2Box{ width: 1.32rem; align-items: center;}
.arr2{ width: .56rem;height: .56rem;border: 1px solid #C7C7C7;border-radius: 50vw;font-size: .33rem;color: #C7C7C7;font-family: 'lib';transition: .5s;z-index: 2;align-items: center;justify-content: center; cursor: pointer;}

.more3{margin: 0 auto;width: 1.4rem;height: .4rem;border: #fff 1px solid;border-radius: 50vw;font-size: .16rem;color: #fff;justify-content: center;align-items: center; transition: .5s;}
.more3 img{ width: .26rem; margin: 0 0 0 .08rem;}


@media(min-width: 769px){
    .lt6 .a:hover::before{ opacity: 1;}
    .lt6 .a:hover .time *{ color: #B7282E;}
    .lt6 .a:hover .time{ background: url(../images/lt6_ts.svg) center no-repeat; background-size: cover;}

    .lt16 dd .a1:hover{ color: #fff;}

    .arr1:hover{ background: #005BAC; border: #005BAC 1px solid;}
    .arr2:hover{ background: #B7282E; border: #B7282E 1px solid; color: #fff;}

    .more3:hover{ background: #005BAC; border: #005BAC 1px solid; color: #fff;}
}
@media(min-width: 769px){
    .lt2 .a:hover:after{ width: 100%; left: 0;}
    
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}
}
footer{ margin: -.36rem 0 0;}
@media(max-width: 769px){
    .pad1{ padding: .4rem 0;}
    .lt1Box .dots{ bottom: .6rem}

    .banner .dots{ bottom: .3rem}
    .banner .dots span{ width: .24rem; height: .24rem}
    .banner .dots span::before{ width: .08rem; height: .08rem}
    .banner .imgBox .img{ padding-bottom: 56%;}
    .banner:after{ height: 1rem}
    .home1{border-radius: .16rem .16rem 0 0;margin: -.16rem 0 0;padding-bottom: .5rem;}

    .tit1{ margin: 0 0 .25rem;}
    .tit1 h3{ font-size: .24rem;}
    .tit1 h6{font-size: .14rem;padding: 0 0 0 .4rem;background: url(../images/tit1_ld.svg) left center no-repeat;background-size: .32rem auto;}
    .lt1 .txt{ padding: 0 15px .15rem}
    .lt1 h4{ margin: .04rem 0 .06rem;}
    .lt1 p{ display: none}
    .lt1 .imgBox:after{ height: 1rem}
    .lt17 .txt .ll{ font-size: .18rem}
    .lt17 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: .2rem .15rem 0;}

    .lt2{ grid-template-columns: repeat(2, 1fr);grid-gap: .25rem 14px;margin: .3rem 0 0}
    .lt2 h4{margin: .1rem 0 0;height: .56rem !important;}

    .home1 .left{ width: 100%;}
    .home1 .right{ width: 100%; padding: .4rem 0 0}
    .more1{ font-size: .14rem;}
    .more1c{margin: .3rem auto 0;}

    .lt4{ margin: .25rem 0 .3rem; }
    .lt5{ gap: .22rem; margin: 0 0 0;}
    .home2{border-radius: .16rem .16rem 0 0;margin: -.16rem 0 0;}

    .home2 .left{ width: 100%;}
    .home2 .right{width: 100%;padding: .4rem 0 0;}
    .mtab1 .tit1 .hd ul li::before{height: .24rem;right: -.2rem;}
    .mtab1 .tit1 .hd ul{ gap: .4rem;}
    .lt6 .a{height: .9rem;}
    .lt6 .time h3{ font-size: .24rem}
    .lt6 .time h6 svg{width: .3rem;}
    .lt6 .time{background-size: 80% auto;margin-right: -.2rem;background-size: 76% auto !important;}

    .lt7 li{top: .2rem;left: .2rem;transform: rotateY(0deg) translate(-.2rem,-.2rem);}
    .lt7 li[data-position="2"]{transform: rotateY(0deg) translate(-.1rem,-.1rem);}
    .lt7 li[data-position="3"]{transform: rotateY(0deg) translate(-.2rem,-.2rem);}

    .lt7 .imgBox{ width: 1.3rem; }
    .lt7 .txt{width: 100%;padding: 0; margin: -1.3rem 0 0;}
    .lt7 .txt h4{ padding-left: 1.5rem; margin: .2rem 0; height: calc(.28rem * 3) !important}
    .more2{ margin: .2rem 0 0;}
    #slider .slider-wrap{height: 4rem;margin: .25rem 0 0;}

    .home3{border-radius: .16rem .16rem 0 0;margin: -.16rem 0 0;padding-bottom: 12vw;}

    .home3 .left{ width: 100%;}
    .home3 .right{width: 100%;padding: .4rem 0 0;}
    .lt8 .dots{ gap: 0 .15rem;}
    .lt8 .txt{ padding: 0 15px;}

    .lt9 li{ width: 50%; padding: .06rem 0;}
    .lt9 .ico{ width: .26rem; height: .26rem;}
    .lt10 li{ padding-bottom: .2rem; margin-bottom: .2rem;}
    .lt10 .imgBox{ width: 1.8rem; margin: 0 .2rem 0 0; }
    .lt10 p{margin: .06rem 0 0;}
    .pt-fallbox-item span img{max-width: 7vw;max-height: 7vw;}

    .lt11{grid-template-columns: repeat(5, 1fr);gap: .1rem .1rem;}
    .lt11 h5{ font-size: .32rem; }
    .lt11 h5 span{ font-size: .32rem; }
    .lt11 p{ font-size: .14rem}

    .home4{ padding-top: 10vw;}

    .home5 .left{ width: 100%; padding: 0 0 0 0;}
    .home5 .right{ width: 100%; padding: .4rem 0 0 0;}
    .lt12 li{padding-bottom: .2rem;}
    .lt12 .txt{ padding: .15rem 0 0;}

    .lt13{ grid-template-columns: repeat(2, 1fr); gap: .2rem 15px;}
    .lt13 .txt{ padding: .15rem 0 0;}

    .home6 .fl1{ position: relative;}
    .lt14 .imgBox .img{ padding-bottom: 60%;}
    .home6 .tit1{ top: .35rem;}
    .lt14 .txt{ padding: 0 15px .3rem;}
    .lt14 .ico{ width: .5rem; height: .5rem; top: 55%;}
    .arr1{ width: .4rem; height: .4rem; font-size: .24rem; top: 55%;}
    .arr1.prev1{left: 3%;}
    .arr1.next1{right: 3%;}
    .lt15{width: 100%;order: 1;}
    .lt15 li{ width: 50%;}
    .lt15 li:nth-child(3){/* display: none; */width: 100%;}
    .lt16{width: 100%;margin: 0 0 0 0%;}
    .lt16 .imgBox{ opacity: 1}
    .lt16 .imgBox .img{padding-bottom: 42vw;opacity: 1;}
    .lt16 .txt{padding: .2rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;text-align: center;}
    .lt16 .txt .ico{width: 62%;margin: 0 auto;}
    .lt16 dl{/* margin: .25rem 0 0; */width: 100%;/* display: none; */}
    .lt15 .txt{ padding: .15rem 15px}
    .lt15 .txt::after{width: .5rem;left: 15px;}
    .lt15 .imgBox:after{ height: .7rem}

    .arr2Box{ width: 1rem;}
    .arr2{ width: .4rem; height: .4rem; font-size: .24rem;}
    .lt16 dd .a1{font-size: .14rem !important;line-height: .24rem !important;}

    .lt3 .txt{ padding: 0 15px .12rem;}

    .lt5 .imgBox{width: 1.1rem;height: .48rem;}
    .home7{ padding-bottom: .8rem;}
    .home5 .right:before{ display: none}
    .lt12 h4{  margin: .04rem 0 .06rem;}
}