@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: 1.5rem;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{overflow: hidden;width: 100%;transform: scale(1) !important;}
.banner .imgBox .img{padding-bottom: 100vh;transition: 0s;background: none; transform: scale(1) !important;}
.banner .imgBox .img img{ transition: 0s;}

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

.more1{font-size: 12px;color: #fff;position: relative;display: block;padding: 0 0 0 .15rem; margin: 0 0 0 .1rem}
.more1:before{ content: ""; width: 1px; height: .12rem; background: rgba(255, 255, 255, 0.24); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.bscroll{position: absolute;left: 50%;transform: translateX(-50%);flex-direction: column;justify-content: center;align-items: center;bottom: -.14rem;}
.bscroll h6{font-size: .2rem;color: #fff;margin: 0 0 .1rem;font-family: 'Noto Serif SC';font-weight: 500;}
.bscroll i{display: flex;align-items: center;justify-content: center;background: url(/images/bscroll.svg) center no-repeat;width: .3rem;height: .3rem;background-size: cover;}
.bscroll i::before{content: "";width: 2px;height: 7.5px;background: #fff;animation: scr 1.2s cubic-bezier(.4,0,.2,1) infinite alternate;}

@keyframes scr{
    0%{-webkit-transform:translate3d(0,-.05rem,0);transform:translate3d(0,-.05rem,0)}
    to{-webkit-transform:translate3d(0,.03rem,0);transform:translate3d(0,.03rem,0)}
}

.tsgd{position: absolute;z-index: 2;width: 1.92rem;height: 1.92rem;top: 50%;transform: translateX(101%) translateY(-50%);right: -.7rem;opacity: 0;transition: 1s;/* background: #0030a03b; */border-radius: 50vw;backdrop-filter: blur(2px);}
.tsgd a{ display: block}
.tsgd::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/images/explore_b.png) center no-repeat;background-size: cover;animation: roted 10s linear infinite;z-index: -1;}

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

.home1 .tit1{margin: 0 0 .5rem;}

.tit1{margin: 0 0 .36rem;align-items: center;position: relative;}
.tit1 h3{ font-size: .32rem; color: #000000; font-family: 'Alimama ShuHeiTi'; align-items: center;}
.tit1 h3 img{ width: .33rem; margin: 0 .1rem 0 0;}
.tit1 h3 span{ color: #0030A0;}
.tit1 h6{ font-size: 12px; color: #666666; margin: .02rem 0 0;}

.tit1 .cc{flex: 1;height: .07rem;position: relative;margin: 0 0 0 .3rem;align-items: center;}
.tit1 .cc img{height: .07rem;margin: -.05rem 0 0;}
.tit1 .cc::after{content: "";flex: 1;height: 1px;background: rgba(0, 48, 160, 0.1);margin: 0 .06rem;}

.mtab1 .hd{ align-items: center}
.mtab1 .hd ul{ gap: .42rem;}
.mtab1 .hd ul li{ position: relative}
.mtab1 .hd ul li:before{content: "";position: absolute;width: .3rem;height: 1px;background: rgba(0, 48, 160, 0.1);left: calc(100% + .06rem);top: 50%;margin: -.5px 0 0}
.mtab1 .hd ul .a{font-size: .24rem;color: #000000;display: block;padding: 0 .17rem;position: relative;transition: .5s;font-weight: 600;cursor: pointer;}
.mtab1 .hd ul .a:before{ content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: .09rem; background: rgba(0, 48, 160, 0.1); margin: -.045rem 0 0; transition: .5s}
.mtab1 .hd ul .a:after{ content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: .09rem; background: rgba(0, 48, 160, 0.1); margin: -.045rem 0 0; transition: .5s}

.mtab1 .hd .line{width:.3rem;flex: 1;height: 1px;background: rgba(0, 48, 160, 0.1);margin: 0 .1rem 0 .04rem;}

.mtab1 .hd ul li:last-child:before{ display: none}
.mtab1 .hd ul li.on .a:before, .mtab1 .hd ul li.on .a:after{ background: #0030A0;}
.mtab1 .hd ul li.on  .a{ color: #0030A0}

.more2{ font-size: .16rem; color: #0030A0}
.more2 img{width: .16rem;margin: -.03rem 0 0 .08rem;}

.home1{ padding-bottom: .08rem;}
.home1 .left{width: 8.82rem;padding: 0 .35rem 0 0;border-right: rgba(0,48,160,.1) 1px solid;overflow: hidden;}
.home1 .right{ width: calc(100% - 8.82rem); padding: 0 0 0 .35rem;}

.lt1W{ overflow: visible}

.lt1 .a{ display: block; position: relative;}
.lt1 .a::after{ content: ""; position: absolute; left: 0; bottom: -1px; background: #0030A0; height: 1px; width: 0; transition: .5s;}
.lt1Box{border-bottom: rgba(0,48,160,.1) 1px solid;overflow: visible;}
.lt1 .imgBox .img{ padding-bottom: 60.37%;}
.lt1 .txt{padding: .25rem 0 .15rem;}
.lt1 h4{ font-size: .22rem; color: #0030A0;}
.lt1 p{font-size: .14rem;margin: .08rem 0 0;}

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

.lt2{ height: 6.08rem; flex-direction: column;}
.lt2 li{flex: 1;transition: .5s;border-bottom: rgba(0,48,160,.1) 1px solid;width: 100%;}
.lt2 li:first-child{ flex: 2;}
.lt2 .a{height: 100%;align-items: center;position: relative;transition: .5s;}
.lt2 .a::after{ content: ""; position: absolute; left: 0; bottom: -1px; background: #0030A0; height: 1px; width: 0; transition: .5s;}
.lt2 .txt{flex: 1;overflow: hidden;padding: .1rem 0;}
.lt2 p{margin: .12rem 0 .15rem;}
.lt2 h6{ color: rgba(0, 48, 160, 0.45); margin: .03rem 0 0;}
.lt2 .imgBox{ width: 2.2rem; margin: 0 0 0 .2rem}
.lt2 .imgBox .img{ padding-bottom: 63.18%;}

.lt2 li:first-child .a{ align-items: flex-start;}
.lt2 li:first-child .a::after{ width: 1.5rem;}
.lt2 li:first-child .a h4{ font-size: .2rem; font-weight: 600}

.home2{padding-top: 9.16vw;position: relative;z-index: 1;background: url(/images/home2_b1.svg) center top no-repeat;background-size: 46.61vw auto;}
.home2:before{content: "";position: absolute;top: 42vw;right: 0;bottom: 0;left: 0;background: #f4f8fc;z-index: -1}
.home2:after{content: "";position: absolute;top: 4.9vw;right: 0;bottom: 0;left: 0;background: url(/images/home2_b2.svg) center top no-repeat;background-size: 100% auto;z-index: -1}

.tit2{border-bottom: rgba(0,48,160,.1) 1px solid;height: .75rem;position: relative;width: 100%;}
.tit2 h3{font-size: .32rem;color: #000000;font-family: 'Alimama ShuHeiTi';align-items: center;line-height: .32rem;}
.tit2 h3 img{ width: .33rem; margin: 0 .1rem 0 0;}
.tit2 h3 span{ color: #0030A0;}
.tit2 h6{font-size: 12px;color: #666666;margin: .04rem 0 0;}
.tit2 .more2{ position: absolute; bottom: .22rem; right: 0}

.tit2 .cc{width: 100%;height: .07rem;position: absolute;margin: 0;align-items: flex-end;bottom: 0;left: 0;right: 0;}
.tit2 .cc img{height: .07rem;margin: -.05rem 0 0;}
.tit2 .cc::after{content: "";flex: 1;height: 1px;background: rgba(0, 48, 160, 0.1);margin: 0 0 0 .08rem;}

.home2 .left{width: 5.3rem;overflow: hidden;}
.home2 .left .box{border-right: rgba(0,48,160,.1) 1px solid;padding: .36rem .5rem 0 0;}
.home2 .left .tit2{ border: none;}
.home2 .left .tit2 .ll{display: flex;flex-direction: column;justify-content: space-between;height: .75rem;}

.lt3 .a{ position: relative; z-index: 1; display: block;}
.lt3 .imgBox:after{content:"";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 48, 160, 0) 52%, #0030A0 100%);z-index: 1;height: 2.5rem;}
.lt3 .imgBox .img{ padding-bottom: 62.63%;}
.lt3 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 .25rem .12rem;}
.lt3 h6{ color: #fff !important;}
.lt3 h6 span{ margin: 0 .02rem 0 -.08rem}
.lt3 h4{ color: #fff !important; margin: .06rem 0 0}

.lt4 li{ border-bottom: rgba(0, 48, 160, 0.1) 1px solid;}
.lt4 .a{height: 1rem;align-items: center;position: relative;transition: .5s;}
.lt4 .a::after{ content: ""; position: absolute; left: 0; bottom: -1px; background: #0030A0; height: 1px; width: 0; transition: .5s;}
.lt4 .txt{width: 100%;}
.lt4 h6{ color: #0030A0;}
.lt4 h6 span{ margin: 0 .02rem 0 -.08rem}
.lt4 h4{margin: .08rem 0 0;}

.home2 .left .tit2 .more2{ right: .72rem;}
.home2 .center{ width: calc((100% - 5.3rem)/2);}
.home2 .center .tit2{ padding: 0 .5rem;}
.home2 .center .box{padding: .36rem .5rem 0;border-right: rgba(0,48,160,.1) 1px solid;}
.home2 .center .tit2 .more2{ right: .5rem;}
.home2 .right{ width: calc((100% - 5.3rem)/2);}
.home2 .right .tit2{ padding: 0 0 0 .5rem;}
.home2 .right .box{ padding: .36rem 0 0 .5rem;}

.lt5W{ overflow: visible}

.mtab2 .hd ul{align-items: flex-start;gap: .3rem}
.mtab2 .hd ul li{position: relative;cursor: pointer;}
.mtab2 .hd ul li:before{content: "";position: absolute;top: 50%;right: -.15rem;width: 1px;height: .2rem;background: #C4CEE7;transform: translateY(-50%);}
.mtab2 .hd ul li:last-child:before{ display: none}
.mtab2 .hd ul li img{ display: none}
.mtab2 .hd ul li h3{font-size: .24rem;color: rgba(0, 48, 160, 0.5);transform: translateY(.05rem);}
.mtab2 .hd ul li h3 span{ color: rgba(0, 48, 160, 0.5);}
.mtab2 .hd ul li.on h3{ font-size: .32rem; transform: translateY(0); color: #000000}
.mtab2 .hd ul li.on h3 span{ color: #0030A0}
.mtab2 .hd ul li.on img{ display: block}

.lt5 li{ border-bottom: rgba(0,48,160,.1) 1px solid;}
.lt5 .a{display: flex;height: .99rem;flex-direction: column;justify-content: center;position: relative;transition: .5s;}
.lt5 .a::after{ content: ""; position: absolute; left: 0; bottom: -1px; background: #0030A0; height: 1px; width: 0; transition: .5s;}
.lt5 h4{ min-height: .48rem}
.lt5 h6{text-align: right;margin: -.04rem 0 0;}

.lt6 li{ border-bottom: rgba(0,48,160,.1) 1px solid;}
.lt6 .a{display: flex;height: .99rem;align-items: center;position: relative;padding: 0 .15rem; transition: .5s; position: relative;}
.lt6 .a::after{ content: ""; position: absolute; left: 0; bottom: -1px; background: #0030A0; height: 1px; width: 0; transition: .5s;}
.lt6 .time{text-align: center;margin: 0 .22rem 0 0;position: relative}
.lt6 .txt:before{content: "";position: absolute;top: 50%;left: 0;width: 1px;height: 100%;background: #D8D8D8;transform: translateY(-50%);}
.lt6 .time h3{font-size: .42rem;color: rgba(0, 48, 160, 0.45);font-family: 'Bebas Neue';line-height: 1;transition: .5s;}
.lt6 .time h6{font-size: .18rem;color: rgba(0, 48, 160, 0.45);font-family: 'Bebas Neue';line-height: 1;font-weight: bold;transition: .5s;}
.lt6 .txt{flex: 1;overflow: hidden;padding: 0 0 0 .2rem;position: relative;transform: translateY(.04rem);}

.ho3-4{background: url(/images/ho3-4.jpg) center top no-repeat;background-size: 100% auto;}
.tit2s{ border-bottom: none; margin-bottom: .4rem;}

.mtab3 .hd ul{ gap: .92rem;}
.mtab3 .hd ul li{ cursor: pointer; opacity: .5; transition: .5s;}
.mtab3 .hd ul h6{ opacity: 0; transition: .5s;}

.mtab3 .hd ul li.on{ opacity: 1;}
.mtab3 .hd ul li.on h3{ font-size: .42rem;}
.mtab3 .hd ul li.on h6{ opacity: 1;}

.home3 .content{position: relative;z-index: 1;background: #0030A0;}
.home3 .content:before{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(/images/lt7_b.svg) left bottom no-repeat;background-size: 88.8125% auto;transform: translateY(1vw);z-index: -1;pointer-events: none;}

.mtab3Bd{ overflow: visible}
.home3 .left{width: calc(100% - 9.3rem);padding: .4rem .8rem 0 .68rem;position: relative;z-index: 2;}
.home3 .right{ width: 9.3rem;}

.lt7 .imgBox .img{ padding-bottom: 60.215%;}
.lt8{height: 4rem;flex-direction: column;}
.lt8 li{ height: .36rem;}
.lt8 .time{display: none !important;align-items: baseline;margin: 0 0 .15rem;}
.lt8 .time h3{ font-size: .56rem; color: #fff; font-family: 'Bebas Neue'; line-height: 1}
.lt8 .time h6{font-size: .2rem;color: #fff;font-family: 'Bebas Neue';line-height: 1;margin: 0 0 0 .2rem;position: relative;}
.lt8 .time h6:before{ content: ""; position: absolute; width: 1px; height: .16rem; background: #D8D8D8; left: -.1rem; top: 50%; transform: translateY(-50%)}
.lt8 h4{ color: #fff !important;-webkit-line-clamp: 1;line-clamp: 1; }
.lt8 p{ display: none; margin: .12rem 0 0;}
.lt8 .txt{ position: relative}
.lt8 .txt .line{position: absolute;right: -1.2rem;bottom: 0;left: 0;opacity: 0;transition: .5s;pointer-events: none;}

.lt8 li.on{ flex: 1;}
.lt8 li.on .txt{padding: .1rem 0 .6rem;}
.lt8 li.on .time{ display: flex;}
.lt8 li.on h4{ font-size: .2rem; -webkit-line-clamp: 2;line-clamp: 2;}
.lt8 li.on p{display: -webkit-box;color: rgba(255, 255, 255, 0.55);}
.lt8 li.on .txt .line{ opacity: 1}

.arr1Box{ margin: .3rem 0 0; gap: .15rem;}
.arr1{ cursor: pointer;}
.arr1 img{ width: .56rem;}

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

.home4{padding-top: .3rem;background: url(/images/ho4_b.png) center bottom no-repeat;background-size: 100% auto;}
.home4 .left{ width: 8.1rem;}
.home4 .right{width: calc(100% - 8.1rem - .4rem);}
.home4 .right .box{mask-image: radial-gradient(circle, black 10%, rgba(0, 0, 0, 0) 80%);}

.lt9 li{ width: calc(50% - .25rem);}
.lt9 .imgBox .img{ padding-bottom: 68.42%;}
.lt9 .txt{height: 2.44rem;background: linear-gradient(180deg, rgba(0, 48, 160, 0.16) 0%, rgba(216, 216, 216, 0) 100%);border-top: #0030A0 .04rem solid;transition: .5s;padding: .34rem .34rem 0;}
.lt9 .con{align-items: flex-end;transition: .5s;width: 100%;}
.lt9 .time{text-align: center;margin: 0 .22rem 0 0;position: relative;}
.lt9 .time h3{ font-size: .48rem; color: #0030A0; font-family: 'Bebas Neue'; line-height: 1; transition: .5s}
.lt9 .time h6{ font-size: .2rem; color: #0030A0; font-family: 'Bebas Neue'; line-height: 1; font-weight: bold; transition: .5s}
.lt9 h4{ flex: 1; margin-bottom: .04rem}
.lt9 p{ margin: .2rem 0 0}

.lt9 li:first-child{ margin-top: .98rem;}

.lt9Box .bottom{position: relative;z-index: 2;align-items: center;margin: -.3rem 0 0 55%;}
.arr2Box{align-items: center; gap: .04rem; margin: 0 .68rem 0 0}
.arr2{ width: .56rem; height: .56rem; position: relative; cursor: pointer}
.arr2::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/arr2_p.svg) center no-repeat; background-size: cover !important;}
.arr2::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/arr2_ps.svg) center no-repeat; background-size: cover !important; opacity: 0; transition: .5s;}

.arr2.next1{ transform: rotateY(180deg)}

.lt10Box{display: flex;overflow: hidden;padding: .14rem 0;}
.marquee {margin: 0;padding: 0;list-style-type: none;display: flex ;animation-duration: 50s;animation-iteration-count: infinite;animation-timing-function: linear;}
.marquee-r {animation-name: marquee-r;}
.marquee-l {animation-name: marquee-l;}
@keyframes marquee-r{
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}
@keyframes marquee-l{
    0% {
        transform: translate(-100%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

.lt10{ gap: .1rem;}
.lt10 .a{display: block;padding: 0 .15rem;transition: .5s;border-radius: .1rem;}
.lt10 img{height: .52rem;object-fit: cover;max-width: inherit;}

.biaoyu{ gap: .18rem; justify-content: center; margin: .5rem 0;}
.biaoyu span{ font-size: .24rem; color: #000000;}

.lt11{ align-items: center; justify-content: center;}
.lt11 li{ padding: 0 .33rem; position: relative;}
.lt11 li::after{ content: ''; width: 1px; height: .68rem; background: linear-gradient(180deg, rgba(0, 48, 160, 0) 0%, #0030A0 44%, rgba(0, 48, 160, 0) 100%); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.lt11 li:last-child::after{ display: none;}
.lt11 h3{ font-size: .56rem; color: #0030A0; font-family: 'Canela Web'; font-weight: normal;}
.lt11 h6{ font-size: .2rem; color: rgba(0, 48, 160, 0.6); margin: .04rem 0 0;}

.lt12Box{background: rgba(0, 48, 160, 0.76);padding: .44rem 1rem .2rem;backdrop-filter: blur(6px);}
.lt12{display: grid;grid-template-columns: auto auto auto auto;gap: .35rem 6vw;}
.lt12 .a{ align-items: center;}
.lt12 .ll{font-size: .56rem;color: #fff;font-family: 'Canela Web';/* min-width: 1.3rem; */display: flex;align-items: center;}
.lt12 .spanw{position: relative;color: transparent;}
.lt12 .spanw span{position: absolute;top: 0;left: 0;color: #fff;}
.lt12 .rr{margin: 0 0 0 .1rem;flex: 1;overflow: hidden;}
.lt12 h6{font-size: .16rem;color: rgba(255, 255, 255, 0.6);margin: 0 0 .08rem -.1rem;}
.lt12 p{ font-size: .16rem; color: rgba(255, 255, 255, 0.6);}

.home5{margin-top: -.72rem;/* background: url(/images/ho5_b.jpg) center top no-repeat; *//* background-size: cover; */}
.home5 .tit1{ margin-bottom: 19.0625vw;}

.parallax{ position: relative; z-index: 1; overflow: hidden;}
.plx-img{display: block;position: absolute;top: 0;left: 0;right: 0;height: 100% !important;z-index: -1;background-size: cover;background-repeat: no-repeat;background-position: center bottom;transform: translateY(10%);}

.lt12Box .dots{justify-content: center;align-items: center;margin: .45rem 0 0;gap: .14rem;}
.lt12Box .dots span{flex: 1;opacity: 1;height: .2rem;margin: 0 !important; position: relative; background: none}
.lt12Box .dots span:before{ content: ""; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: rgba(255, 255, 255, 0.22); transition: .5s; }
.lt12Box .dots span:after{content: "";position: absolute;top: calc(50% + 1px);right: -.18rem;width: .2rem;height: .2rem;transition: .5s;transform: translateY(-50%);background: url(/images/lt12_b.png) no-repeat center;background-size: 100% 100%;}

.lt12Box .dots span.active:before{ background: #fff}
.lt12Box .dots span.active:before{right: .1rem;width: calc(100% - .1rem);}
.lt12Box .dots span.active + span:before{left: .1rem;width: calc(100% - .1rem);}
.lt12Box .dots span.active:after{ background: url(/images/dots.svg) no-repeat center;background-size: 100% 100%;}

.lt12Box .dots span:last-child::after{ display: none;}

.more3{position: absolute;right: 0;bottom: 0;font-size: .28rem;color: #0030A0;transition: .5s; font-weight: 600;}

.lt13 li{ width: 25%; border-top: rgba(0, 48, 160, 0.35) 1px solid; border-bottom: rgba(0, 48, 160, 0.35) 1px solid; border-right: rgba(0, 48, 160, 0.35) 1px solid;}
.lt13 .a{display: block;height: 4.52rem;padding: .62rem .3rem 0;position: relative;z-index: 1;transition: .5s;}
.lt13 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(/images/lt13_b1.jpg) center no-repeat; background-size: cover; opacity: 0; transition: .5s;}
.lt13 .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;pointer-events: none;}
.lt13 .bg img{ position: absolute; right: 0; left: 0; bottom: 0; transition: .5s}
.lt13 .bg img.i2{ opacity: 0}
.lt13 h4{font-size: .3rem;color: #000000;align-items: center;margin: 0 0 .18rem;transition: .5s;font-weight: 600;}
.lt13 h4 i{position: relative;z-index: 1;margin: 0 0 0 .44rem;}
.lt13 h4 i::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/lt13_r1s.svg) center no-repeat; background-size: cover; opacity: 0; transition: .5s;}
.lt13 h4 i img{opacity: 1;transition: .5s;width: .56rem;}
.lt13 .p p{font-size: .17rem;color: #999999;line-height: 1.5;padding: .05rem 0 .05rem .26rem;background: url(/images/lt13_b.svg) left center no-repeat;background-size: .16rem .16rem !important;transition: .5s;}

.lt13 li:last-child{ border-right: none;}

.ho6-7-8-9{background: url(/images/ho6-7-8-9_b.jpg) center bottom no-repeat;background-size: 100% auto;}

.home7{ padding-top: .4rem;}
.home8 .tit1{margin-bottom: 0 !important;align-items: flex-start;z-index: 2;}

.lt14Box{ overflow: visible;}
.lt14 .a{ align-items: flex-start;}
.lt14 .imgW{width: 7.78rem;position: relative;z-index: 1;padding: 0 0 1.5vw;}
.lt14 .imgW:before{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(/images/lt14_b.svg) left bottom no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}
.lt14 .imgBox .img{ padding-bottom: 61.02%}

.lt14 .right{width: calc(100% - 7.78rem - .4rem);padding: .44rem 0 0; position: relative; z-index: 1}
.lt14 .right:before{content: "";position: absolute;top: 0;background: linear-gradient(180deg, #FFFFFF 0%, rgba(244, 248, 252, 0) 68%);box-shadow: 0px 4px 67px 0px #EFF3FF;right: .55rem;left: .55rem;bottom: .55rem;z-index: -1;}
.lt14 .right:after{content: "";position: absolute;top: .22rem;background: linear-gradient(180deg, #FFFFFF 0%, rgba(244, 248, 252, 0) 100%);box-shadow: 0px 4px 67px 0px #EFF3FF;right: .275rem;left: .275rem;bottom: .275rem;z-index: -1;}
.lt14 .txt{height: 3.64rem;background: linear-gradient(180deg, #FFFFFF 67%, rgba(244, 248, 252, 0) 100%);box-shadow: 0px 4px 67px 0px #E6EBFE;padding: .55rem .55rem 0;position: relative;z-index: 1;backdrop-filter: blur(10px);}
.lt14 .txt:before{ content: ""; position: absolute; top: .26rem; left: -.33rem; border-right: #fff .34rem solid; border-top: transparent .56rem solid; }
.lt14 .txt:after{content: "";position: absolute;background: url(/images/yinhao1.svg) center no-repeat;width: .71rem;height: .65rem;background-size: cover;top: .36rem;right: .6rem;z-index: -1;pointer-events: none;}
.lt14 .arr2Box{ margin: 0}
.lt14 .bottom{justify-content: flex-end;margin: .03rem 0 0;}
.lt14 .txt h6{font-size: .2rem;color: #0030A0;font-weight: 600;}
.lt14 .txt h4{font-size: .24rem;color: #000000;margin: .14rem 0 .18rem;font-weight: 600;}
.lt14 .txt .line{ width: .25rem; height: 2px; background: #FF8E33;}
.lt14 .txt p{ margin: .15rem 0 0}

.lt15W{margin: -2.5rem 0 0 calc(100% - 7.78rem);padding: 0 .55rem;}
.lt15Box{margin: -.08rem;padding: .08rem;}

.lt15 .imgW{ position: relative; z-index: 1;}
.lt15 .imgW:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #FF8E33;transition: .5s;}
.lt15 .imgBox .img{ padding-bottom: 70%;}
.lt15 .txt{ padding: .16rem 0 0;}
.lt15 h6{ align-items: center; font-size: .14rem; color: #0030A0;}
.lt15 h6 img{ width: .16rem; margin: 0 .06rem 0 0;}
.lt15 h4{font-size: .16rem;color: #000;line-height: .18rem;margin: .08rem 0 0;}

.lt16{gap: .2rem;}
.lt16 li {position: relative;/* padding: 0 .08rem; */}
.lt16 li .a {display: flex;transition: .5s;position: relative;z-index: 1;align-items: center;justify-content: center;color: #333;font-size: .24rem;font-family: 'lib';width: .56rem;height: .56rem;border-radius: 50vw;border: 1px solid rgba(176,185,197,.4);}
.lt16 li .a i,.swi-shipinhao,.swi-weixin0 {font-family: 'lib';}
.lt16 li .a img {width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s }
.lt16 li .ewm {width: 1.3rem;background: #fff;border-radius: 0;position: absolute;padding: .03rem;top: 140%;left: 50%;margin-left: -.65rem;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)}
.lt16 li .ewm img{ width: 100%}
.lt16 li .ewm:before {content:"";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }
.lt16 li .ewm img {width: 100% }
.lt16 li .swi-weixin0{ color: #4CBF00}
.lt16 li .swi-sina{ color: #DE4144}
.lt16 li .swi-douyin{ color: #1DABE9}
.lt16 li .swi-shipinhao{ color: #ffaa26}
.lt16 li:hover .a {color: #333 }
.lt16 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
.lt16 li:hover .a img {opacity: 1 }
.lt16 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0)}

.tit1 .cc1{flex: 1;padding: 0 4vw;}
.tit1 .rr1{ align-self: flex-start}

.lt17{background: url(/images/lt17_b.png) center no-repeat;width: 5.85rem;height: .92rem;background-size: cover;justify-content: center;align-items: center;padding: .06rem .1rem 0 .25rem;}
.lt17 li{ width: 50%; }
.lt17 .a{justify-content: center;align-items: center;}
.lt17 h4{font-size: .3rem;color: #fff !important;line-height: 1;}
.lt17 h6{font-size: .16rem;color: #fff;text-transform: uppercase;}
.lt17 .ico{margin: 0 0 0 .2rem;width: .29rem;}

.lt18{ display: grid; grid-template-columns: 20% 38.125% 20% 1fr; grid-gap: .09rem; }
.lt18 li{ min-width: 0;}
.lt18 .a{ display: block; position: relative;}
.lt18 .imgBox::after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, #200072 100%);background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 0.87) 100%);height: 2.5rem;pointer-events: none;}
.lt18 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .26rem .2rem;z-index: 2;align-items: center}
.lt18 .ico{width: .3rem;height: .3rem;border-radius: 50vw;font-size: .16rem;color: #fff;font-family: 'lib';background: #B80101;justify-content: center;align-items: center;position: relative;margin: 0 .12rem 0 0;}
.lt18 h4{font-size: .18rem;flex: 1;color: #fff !important;}
.lt18 .ico1{width: .56rem;height: .56rem;background: url(/images/video_t.svg) center no-repeat;background-size: 100% 100%;margin: -.1rem .2rem -.1rem 0;}

.lt18 .imgBox .img{ padding-bottom: 150%;}



.lt18 li:nth-child(2) .imgBox .img{ padding-bottom: 78.68%;}
.lt18 li:nth-child(3) .imgBox .img, .lt18 li:nth-child(5) .imgBox .img{padding-bottom: 73.5%;}
.lt18 li:nth-child(4) .imgBox .img{ padding-bottom: 148.5%;}

.lt18 .ico.swi-douyin{ background: #1DABE9}
.lt18 .ico.swi-sina{ background: #DE4144}
.lt18 .ico.swi-weixin0{ background: #4CBF00}
.lt18 .ico.swi-shipinhao{ background: #ffaa26}

.home9{ padding-top: .3rem;}

.lt19W{ position: relative;}
.arr3{ width: .56rem; height: .56rem; position: relative; cursor: pointer}
.arr3::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/arr3_p.svg) center no-repeat; background-size: cover !important;}
.arr3::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/arr3_ps.svg) center no-repeat; background-size: cover !important; opacity: 0; transition: .5s;}

.lt19W .arr3.prev1{left: -.28rem;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.lt19W .arr3.next1{right: -.28rem;position: absolute;top: 50%;transform: translateY(-50%) rotateY(180deg);z-index: 2;}

.home10 .lines{position: absolute;height: 2.2rem;flex-direction: column;right: 0;left: 0;}
.home10 .lines .line{ width: 100%; height: 1px; background: url(/images/home10_b.svg) center repeat-x; background-size: 100% 100%;}
.home10{position: relative;z-index: 1;padding-bottom: .2rem;padding-bottom: 1rem;padding-top: .3rem;}
.home10 .lines1{position: absolute;top: 36%;left: 50%;transform: translate(-50%, -50%)}

.lt20Box .arr2Box{justify-content: center;margin: .5rem 0 0;gap: .24rem;}

#line001{ animation: line001 30s linear infinite;}
#line002{ animation: line001 26s linear infinite;}
#line003{ animation: line001 10s linear infinite;}
#line004{ animation: line001 50s linear infinite;}
#line005{ animation: line001 20s linear infinite;}
@keyframes line001{
    0%{ transform: translateX(0);}
    100%{ transform: translateX(100vw);}
}

.home10 .lines1 .line{ width: 100%; height: 1px; background: url(/images/home10_b.svg) center repeat-x; background-size: 100% 100%;}

.lt20 .cls-1{fill:#fff;opacity: 0; }
.lt20 .cls-2{fill:#00309f;opacity: 0; }
.lt20 .cls-2,.lt20 .cls-3,.lt20 .cls-4{fill-rule:evenodd;}
.lt20 .cls-3,.lt20 .cls-4{fill:#0030a0;}
.lt20 .cls-4{fill-opacity:0.45;}

.lt20 .ico{position: relative;z-index: 1;width: 1.11rem;height: 1.11rem;margin: 0 auto;}
.lt20 .ico img{ width: 100%; height: 100%}
.lt20 .ico:before{content: "";position: absolute;background: #fff;border-radius: 50vw;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1;width: .74rem;height: .74rem;}
.lt20 .ico svg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;opacity: .5;transition: .5s;animation: roted 20s linear infinite alternate;}
.lt20 h4{ font-size: .18rem; color: #000; text-align: center; margin: .06rem 0 0}


@media(min-width: 769px){
    .more1:hover{ color: #FF7434;}
    .lt2 li:not(:first-child) .a:hover, .lt4 .a:hover, .lt5 .a:hover{background: #f4f8fc;box-shadow: 0px 0px 30px 0px rgba(0, 48, 160, 0.17);padding: 0 .25rem;}
    .lt1 .a:hover::after, .lt2 .a:hover::after, .lt4 .a:hover::after, .lt5 .a:hover::after, .lt6 .a:hover::after{ width: 100% !important;}
    .lt6 .a:hover{background: #f4f8fc;box-shadow: 0px 0px 30px 0px rgba(0, 48, 160, 0.17);}

    .lt9 .a:hover .txt{ background: linear-gradient(180deg, #FFE6DA 0%, rgba(255, 229, 209, 0) 100%); border-top: #FF7434 .04rem solid; }
    .lt9 .a:hover .con *{ color: #FF7434;}

    .arr2:hover::after{ opacity: 1}

    .lt6 .a:hover .time *{ color: #0030A0;}

    .lt13 .a:hover{ box-shadow: 0px 0px .7rem 0 #053299;}
    .lt13 .a:hover::before{ opacity: 1;}
    .lt13 .a:hover h4{ color: #fff;}
    .lt13 .a:hover h4 i::before{ opacity: 1;}
    .lt13 .a:hover .p p{ color: #fff;}
    .lt13 .a:hover .p p{ background: url(/images/lt13_bs.svg) left center no-repeat;}
    .lt13 .a:hover .bg img.i1{ opacity: 0}
    .lt13 .a:hover .bg img.i2{ opacity: 1}

    .lt15 .a:hover .imgW:before{ transform: translate(-.08rem, -.06rem)}

    .arr3:hover::before{ opacity: 0}
    .arr3:hover::after{ opacity: 1}

    .lt20 .a:hover .cls-1, .lt20 .a:hover .cls-2{ opacity: 1;}
    .lt20 .a:hover .ico svg{ opacity: 1}

    .lt18 li:nth-child(1){grid-area: 1 / 1 / span 2 / span 1;}
    .lt18 li:nth-child(2){grid-area: 1 / 2 / span 2 / span 1;}
    .lt18 li:nth-child(4){grid-area: 1 / 4 / span 2 / span 1;}

    .lt20 li:nth-child(2n-1){ padding: .4rem 0 0;}

    .lt10 .a:hover{background: #fff;box-shadow: 0px 0px 10px 0px rgba(70, 125, 255, 0.37);}
    .on .tsgd{ transform: translateX(0) translateY(-50%); opacity: 1;}
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}

    .banner .dots{ bottom: .2rem;}
}
@media(max-width: 769px){
    .banner .dots span{ margin: 0 .05rem !important;}
    .banner .dots span.active{ margin: 0 .14rem !important;}
    .banner .imgBox .img{ padding-bottom: 55%;}
    .banner:after{ height: 1rem;}
    .pad1{padding: .5rem 0;}
    .tsgd{top: 25%;transform: scale(.5) translateY(-50%);opacity: 1;}
    .bscroll{ display: none}
    .banner .bottom .wp{ justify-content: center}
    .banner .dots span:after{ width: .2rem; height: .2rem}
    .banner .bottom{ bottom: .18rem}
    .tit1 h3{font-size: .26rem;}
    .tit1 h3 img, .tit2 h3 img{ width: .26rem}

    .tit1 .rr{width: 100%;margin: .2rem 0 0;}
    .mtab1 .hd ul .a{font-size: .2rem;padding: 0 .12rem;}
    .mtab1 .hd{ justify-content: space-between}
    .more2{ font-size: .14rem}
    .tit1{margin: 0 0 .25rem}
    .home1 .tit1{margin: 0 0 .25rem;}

    .home1 .left{width: 100%;padding: 0 0 .3rem;border-right: none;}
    .home1 .right{width: 100%;padding: 0;}

    .lt2{ height: auto}
    .lt2 .imgBox{width: 100%;margin: 0;}
    .lt2 .txt{flex: auto;width: 100%;order: 1;}
    .lt2 .txt{padding: .15rem 0;display: flex;align-items: center;}
    .lt2 li:nth-child(1) .txt{ padding: .2rem 0}
    .lt2 p{margin: .08rem 0 .12rem;display: none;}

    .home2{ padding-top: 14vw}
    .home2 .left .tit2 .more2{ right: 0}
    .home2 .left{ width: 100%}
    .home2 .center{width: 100%;padding: .4rem 0;}
    .home2 .right{ width: 100%}
    .home2 .left .box{border-right: none;padding: .2rem 0 0;}
    .lt4 .a{height: 1rem;}
    .home2 .center .tit2{padding: 0;height: .55rem;}
    .tit2 h3{ font-size: .24rem}
    .mtab2 .hd ul li h3, .mtab3 .hd ul li h3{ font-size: .18rem}
    .mtab2 .hd ul li.on h3, .mtab3 .hd ul li.on h3{ font-size: .24rem}
    .mtab2 .hd ul li h3{font-size: .18rem;transform: translateY(.02rem);}
    .home2 .center .tit2 .more2{ right: 0}

    .home2 .center .box{padding: .2rem 0 0;border-right: none;}
    .lt5 h6{text-align: right;margin: 0;}
    .tit2{ height: .55rem}
    .home2 .right .tit2{ padding: 0}

    .home2 .right .box{ padding: .1rem 0 0;}
    .lt6 .time h3{ font-size: .36rem;}
    .lt6 .a{height: 1rem;padding: 0;}

    .mtab3 .hd ul{gap: .05rem .2rem;width: 3.2rem;padding: 0 0 .2rem;}
    .mtab3 .hd ul li{ width: calc(50% - .2rem)}
    .tit2s{height: auto;min-height: .8rem;margin-bottom: .25rem;}

    .home3 .left{width: 100%;padding: .25rem 15px;order: 1;}
    .home3 .right{width: 100%;padding: 0 0 .1rem;background: #fff;}
    .lt8 .time h3{ font-size: .36rem}
    .lt8{height: 4.2rem;}
    .lt8 li.on .txt{padding: .1rem 0 .4rem;}
    .arr1 img{ width: .4rem}
    .arr1Box{justify-content: center;margin: .15rem 0 0;}
    .home3 .content:before{background-size: 106% auto;transform: translateY(2vw);}
    .home4{ padding-top: .15rem}

    .home4 .left{ width: 100%}
    .home4 .right{width: 100%;padding: .4rem 0 0;}
    .lt9 li{width: calc(50% - 7px);width: 100%;margin-bottom: .2rem;}
    .lt9 li:first-child{margin-top: 0;}
    .arr2{width: .4rem;height: .4rem;}
    .arr2Box{margin: 0 6vw 0 0;gap: .2rem;}
    .lt9Box .bottom{margin: 0 0 0 0;justify-content: center;}
    .lt14 .arr2Box{ margin: .2rem 0 0}

    .lt10 img{ height: .3rem;}
    .lt10Box{ padding: .08rem 0;}
    .biaoyu span{ font-size: .16rem}
    .biaoyu{ margin: .3rem 0}
    .lt11 h3{ font-size: .3rem}
    .lt11 h6{ font-size: .16rem}
    .home5{margin: 0;padding-top: .2rem;}
    .home5 .tit1{ margin-bottom: .25rem;}
    .lt12Box{ padding: .25rem 15px;}
    .lt12 .ll{font-size: .26rem;}
    .lt9 .txt{height: auto;padding: .25rem 15px .25rem;}
    .lt12 p, .lt12 h6{font-size: .16rem;}
    .lt12 h6{margin: 0 0 0 -.05rem;}
    .lt12{grid-template-columns: 1fr;gap: .1rem 3vw;}
    .more3{ font-size: .16rem}
    .lt13 li{ width: 50%}
    .lt13 li:nth-child(1){ border-bottom: none}
    .lt13 li:nth-child(2){ border-right: none; border-bottom: none}

    .lt13 .a{padding: .2rem 15px;height: 2.6rem;}
    .lt13 h4{font-size: .22rem;justify-content: space-between;}
    .lt13 h4 i{ margin: 0 0 0 .2rem}
    .lt13 h4 i img{width: .28rem;}
    .lt13 .p p{font-size: .15rem;background: url(/images/lt13_b.svg) left .06rem no-repeat;}
    .lt9 .time h3{font-size: .36rem;}
    .lt9 .con{ align-items: center}
    .lt9 h4{ margin-bottom: 0}

    .home7{ padding-top: .2rem; padding-bottom: 0}

    .lt14 .left, .lt14 .imgW{ width: 100%}
    .lt14 .right{width: 100%;/* margin: .3rem 0 0; */padding: .3rem 0 0;}
    .lt15W{margin: -1.6rem 0 0;padding: 0 15px;display: none;}
    .lt14 .right:after{ top: .15rem}
    .lt14 .txt{padding: .25rem 15px 0;height: 2.3rem;}
    .lt14 .txt:after{transform: scale(.6);right: .1rem;top: .1rem;}

    .lt16 li .a{width: .45rem;height: .45rem;font-size: .2rem;}
    .lt16{gap: .1rem;justify-content: flex-end;}
    .lt16 li .ewm{ width: 1.06rem}
    .lt14 .bottom{ justify-content: center;}
    .tit1 .rr1{width: 100%;margin: .2rem 0 0;}
    .lt17{width: 100%;height: 14vw;margin: 0 0 .2rem;}
    .lt17 h4{font-size: .2rem;}
    .lt17 h6{ font-size: .12rem}
    .lt17 .ico{margin: 0 0 0 .1rem;width: .16rem;}

    .lt6 .time h3{ font-size: .36rem; }
    .lt6 .time h6{ font-size: .14rem; }

    .lt18{display: flex;gap: .09rem;grid-template-columns: repeat(2, 1fr);}
    .lt18 li{width: calc(50% - .045rem);}
    .lt18 li:nth-child(2){ width: 100%; order: -1}
    .lt18 li:nth-child(1){ order: 6}
    .lt18 li:nth-child(4){ order: 6}

    .lt18 .imgBox .img{ padding-bottom: 150%;}
    .lt18 li:nth-child(2) .imgBox .img{ padding-bottom: 60%;}
    .lt18 li:nth-child(3) .imgBox .img, .lt18 li:nth-child(5) .imgBox .img{padding-bottom: 73.5%;}
    .lt18 li:nth-child(4) .imgBox .img{ padding-bottom: 150%;}

    .lt18 .ico1{width: .32rem;height: .32rem;margin: -.05rem .1rem -.05rem 0;}
    .lt18 .txt{ padding: 0 15px .15rem}
    .lt18 .imgBox::after{ height: 1.5rem}
    .home9{ padding-top: 0}
    .arr3{ width: .36rem; height: .36rem;}

    .lt19W{padding-bottom: .6rem;}
    .lt19W .arr3.prev1{left: 50%;position: absolute;top: auto;bottom: 0;transform: none;margin-left: -.5rem;}
    .lt19W .arr3.next1{right: 50%;position: absolute;bottom: 0;transform: rotateY(180deg);z-index: 2;margin-right: -.5rem;top: auto;}

    .home10{ padding-top: 0}

    .lt20 .ico{ width: .9rem; height: .9rem}
    .lt20 h4{font-size: .15rem;margin: 0;}
    .lt20 li{ width: 25%; }
    .lt20{}
    .lt6 .time{ margin: 0 .15rem 0 0;}
}

.tssyW {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;transition: 1.2s cubic-bezier(0.5, 0, 0.2, 1) 0s;transform: translateX(101vw);z-index: 100000;background: #105aaa;}
body.show .tssyW {transform: translateX(0) }
body.show .tits1, body.show .more2 {opacity: 1;transform: scale(1) }
.tssyBox .li .content {height: 100vh }
.tssyBox .li .content .left{width: 17.8125vw;height: 100%;align-items: center;justify-content: center;}
.tssyBox .li .content .right {width: calc(100% - 17.8125vw);height: 100%;}
.tssyBox .li .content .left .tit{margin: 0 3vw 0 1.5vw;}
.tssyBox .li .content .left .tit img{max-width: .7rem;}
.tssyBox .li .content .left .tits1{font-size: .18rem;color: #fff;writing-mode: vertical-rl;font-weight: 600;letter-spacing: .04rem;}

.tssyBox .li1 .content .left{background: url(/images/tssy_t1.jpg) center no-repeat;background-size: cover}
.tssyBox .li2 .content .left{background: url(/images/tssy_t2.jpg) center no-repeat;background-size: cover}
.tssyBox .li3 .content .left{background: url(/images/tssy_t3.jpg) center no-repeat;background-size: cover}
.tssyBox .li4 .content .left{background: url(/images/tssy_t4.jpg) center no-repeat;background-size: cover}

.tssyBox .li1 .content .right{background: #221212 url(../images/tssy_b1.jpg) center no-repeat; background-size: cover;}
.tssyBox .li2 .content .right{background: #fff url(../images/tssy_b2.jpg) center no-repeat;background-size: cover;padding: .25rem .15rem;}
.tssyBox .li3 .content .right{background: #2F497A url(../images/tssy_b3.jpg) center no-repeat; background-size: cover; display: flex; justify-content: center; flex-direction: column; padding: .3rem .76rem .3rem 1.14rem;}
.tssyBox .li4 .content .right{background: #4A3C3E;}

.tssyclose {position: absolute;width: .6rem;height: .6rem;font-size: .2rem;display: flex;align-items: flex-start;justify-content: flex-end;cursor: pointer;transition: .5s;top: 50%;transform: translateY(-50%);letter-spacing: .05rem;font-weight: 600;color: rgba(255, 255, 255, 0.57);writing-mode: vertical-rl;left: 0;z-index: 1;}
.tssyclose::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/tssyclose.svg) left center no-repeat;background-size: .21rem auto;}

.tssyBox .dots{position: absolute;right: 0;left: 17.8125vw;bottom: .3rem;z-index: 2;justify-content: center;background: url(/images/tss_dotsb.svg) center no-repeat;background-size: 100% auto;width: auto; transition: .5s;}
.tssyBox .dots span{width: .8rem;height: .8rem;background: none;font-size: .18rem;color: rgba(255,255,255,.53);opacity: 1;display: flex;align-items: flex-end;justify-content: center; position: relative; margin: 0 3vw !important; transition: .5s;}
.tssyBox .dots span .before{position: absolute;top: 0;left: 0;right: 0;height: .35rem;opacity: 0;transition: .5s;overflow: hidden;}
.tssyBox .dots span .before::before{content: "";position: absolute;top: 50%;left: 0;width: .8rem;height: .8rem;background: url(/images/tss_dotss.svg) center no-repeat;background-size: .61rem auto !important;animation: roted 10s infinite linear;margin: -.27rem 0 0;}

.tssyBox .dots span.active .before{ opacity: 1;}
.tssyBox .dots span.active{ color: #fff;}

.tssyul1{ width: 100%; height: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: .11rem;}
.tssyul1 li{min-width: 0;height: 100%;display: flex;align-items: center;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.04); transition: .5s;}
.tssyul1 .a{width: 100%;height: 100%;flex-wrap: nowrap;justify-content: center;align-items: center;transition: .5s;position: relative;z-index: 1;}
.tssyul1 .a:before{content: "";position: absolute;top: 0;bottom: 0;right: 0;width: 0;transition: 1s;background: #870002;opacity: 0;z-index: -1;}
.tssyul1 .a .con{height: 4.2rem;display: flex;align-items: flex-start;}
.tssyul1 p{ font-size: .16rem; color: rgba(255, 255, 255, 0.65); writing-mode: vertical-rl; line-height: 1.75;}
.tssyul1 img{width: .94rem;order: 1;margin: 0 0 0 1.5vw;}

.tssyul2Box{height: 100%;cursor: url(/images/tuozhuai.svg), auto;}
.tssyul2{height: 100%;/* overflow: hidden; *//* overflow-x: scroll; */align-items: center;justify-content: center;}
.tssyul2::-webkit-scrollbar{width:0;height:4px}
.tssyul2::-webkit-scrollbar-track{background:transparent;}
.tssyul2::-webkit-scrollbar-thumb{background:#946f4b;}
.tssyul2 img{width: auto;max-width: inherit;/* height: 100%; */opacity: 0;transition: 2s;max-height: 100%;}
.tssyul2 li.swiper-slide{width: auto;height: auto;display: flex;align-items: center;max-height: 100%;}
.tssyul2 li.swiper-slide .i0{ opacity: 0}
.tssyul2 li.swiper-slide .img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.tssyul2 li.swiper-slide .img img{opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

.tssyul3{width: 87%;display: grid;grid-template-columns: 1fr 32.4% 22.5%;gap: .18rem;align-items: end;}
.tssyul3 li{ min-width: 0;}
.tssyul3 .a{ display: block; position: relative}
.tssyul3 .txtss1{position: absolute;width: .2rem;bottom: 0;left: 0;z-index: 2;background: rgba(0,0,0,.35);line-height: .2rem;text-align: center;font-size: .12rem;color: #fff !important;}
.tssyul3 .txtss2{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;background: rgba(0,0,0,.5);font-size: .18rem;color: #fff !important;padding: .1rem 15px;}

.tssyul3 li:nth-child(1) .imgBox .img{ padding-bottom: 64.21%;}
.tssyul3 li:nth-child(2) .imgBox .img{ padding-bottom: 62.90%;}
.tssyul3 li:nth-child(3) .imgBox .img{ padding-bottom: 90.68%;}

.tssyul4{width: 100%;display: grid;grid-template-columns: 1fr 23.88% 30.93% 18.20%;gap: .18rem;align-items: start;margin: .18rem 0 0;}
.tssyul4 li{ min-width: 0;}
.tssyul4 .a{ display: block; position: relative}
.tssyul4 .txtss1{position: absolute;width: .2rem;bottom: 0;left: 0;z-index: 2;background: rgba(0,0,0,.35);line-height: .2rem;text-align: center;font-size: .12rem;color: #fff !important;}
.tssyul4 .txtss2{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;background: rgba(0,0,0,.5);font-size: .18rem;color: #fff !important;padding: .1rem 15px;}

.tssyul5{ margin: .05rem 0 0;}
.tssyul5 dd{font-size: .14rem;color: #fff;line-height: .24rem;align-items: flex-start;margin: 0 0 .08rem;flex-wrap: nowrap;}
.tssyul5 dd i{display: inline-block;min-width: .14rem;width: .14rem;height: .14rem;line-height: .14rem;font-size: .1rem;color: #fff;background: #7E98C8;text-align: center;border-radius: 50vw;margin: .05rem .14rem .05rem 0;}

.more4{ align-items: center; font-size: .14rem; color: #fff !important; margin: .7rem 0;}
.more4 img{ width: .39rem; margin: 0 0 0 .04rem}

.tssyul6{width: 100%;background: url(/images/tssyul6_b.jpg) center repeat;background-size: 3.16rem auto;display: grid;grid-template-columns: repeat(5, 1fr);}
.tssyul6 li{min-width: 0;}
.tssyul6 .a{ display: block; position: relative;}
.tssyul6 .imgBox .img{ padding-bottom: 25vh; background: none;}
.tssyul6 .txt{ position: absolute; top: 50%; right: 50%; bottom: 0; left: 0; background: rgba(35,16,19,.51);justify-content: center; align-items: center;}
.tssyul6 h4{ font-size: .3rem; color: #fff !important; }



.ar_wap{ display: none;}

@media(min-width: 769px){
    .tssyul1 li:hover{background: rgba(255, 255, 255, 0.13);border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0px 4px 20px 0px rgba(33, 22, 22, 0.18);transition-delay: 0s !important;}
    .tssyul1 li:hover .a:before{left: 0;width: 100%;opacity: 1;}
    .tssyul1 li{transition: 1.2s;transform: rotateY(180deg);opacity: 0;}
    body.show .swiper-slide-active .tssyul1 li{transform: rotateY(0deg);opacity: 1;transition-delay: 1.2s;}
    body.show .swiper-slide-active .tssyul1 li:nth-child(2){transform: rotateY(0deg);/* opacity: 1; */transition-delay: 1.5s;}
    body.show .swiper-slide-active .tssyul1 li:nth-child(3){transform: rotateY(0deg);opacity: 1;transition-delay: 1.8s;}
    body.show .swiper-slide-active .tssyul1 li:nth-child(4){transform: rotateY(0deg);opacity: 1;transition-delay: 2.1s;}

    body.show .swiper-slide-active .tssyul2 .img img:nth-child(1){ opacity: 1; transition-delay: 1.2s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(2){ opacity: 1; transition-delay: 1.4s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(3){ opacity: 1; transition-delay: 1.6s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(4){ opacity: 1; transition-delay: 1.8s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(5){ opacity: 1; transition-delay: 2s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(6){ opacity: 1; transition-delay: 2.2s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(7){ opacity: 1; transition-delay: 2.4s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(8){ opacity: 1; transition-delay: 2.6s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(9){ opacity: 1; transition-delay: 2.8s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(10){ opacity: 1; transition-delay: 3s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(11){ opacity: 1; transition-delay: 3.2s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(12){ opacity: 1; transition-delay: 3.4s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(13){ opacity: 1; transition-delay: 3.6s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(14){ opacity: 1; transition-delay: 3.8s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(15){ opacity: 1; transition-delay: 4s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(16){ opacity: 1; transition-delay: 4.2s;}
    body.show .swiper-slide-active .tssyul2 .img img:nth-child(17){ opacity: 1; transition-delay: 4.4s;}

    .tssyul3 li{ transition: 1.2s;transform: scale(.75); opacity: 0;}
    .swiper-slide-active .tssyul3 li{ transition: 1.2s;transform: scale(1); opacity: 1; transition-delay: 1s;}
    .tssyul4 li{ transition: 1.2s;transform: scale(.75); opacity: 0;}
    .swiper-slide-active .tssyul4 li{ transition: 1.2s;transform: scale(1); opacity: 1; transition-delay: 1s;}
    .tssyul6 .a{ transition: 1.2s;transform: scale(.75); opacity: 0;}
    .swiper-slide-active .tssyul6 .a{ transition: 1.2s;transform: scale(1); opacity: 1; transition-delay: 1s;}

    .tssyBox .dots.on{ background: url(/images/tss_dotsb1.svg) center no-repeat;background-size: 100% auto;}
    .tssyBox .dots.on span .before::before{background: url(/images/tss_dots1s.svg) center no-repeat;}
    .tssyBox .dots.on span{ color: #5B75A3;}

    .tssyul6 li:nth-child(2){ grid-area: 1 / 2 / span 2 / span 1;}
    .tssyul6 li:nth-child(2) .imgBox .img{ padding-bottom: 50vh;}

    .tssyul6 li:nth-child(4){ grid-area: 1 / 4 / span 2 / span 2;}
    .tssyul6 li:nth-child(4) .imgBox .img{ padding-bottom: 50vh;}

    .tssyul6 li:nth-child(8){ grid-area: 3 / 2 / span 2 / span 2;}
    .tssyul6 li:nth-child(8) .imgBox .img{ padding-bottom: 50vh;}

    .tssyul6 li:nth-child(9){ grid-area: 3 / 4 / span 2 / span 1;}
    .tssyul6 li:nth-child(9) .imgBox .img{ padding-bottom: 50vh;}

    .tssyul2 li.swiper-slide{ max-width: 100%}
}

@media(max-width: 769px){
    .tssyBox .li .content{ flex-direction: column;}
    .tssyBox .li .content .left{width: 100%;height: 2rem;padding: .2rem 0;flex-direction: column;}
    .tssyBox .li .content .right{width: 100%;overflow: hidden;overflow-y: scroll;height: calc(100vh - 2rem);}
    .tssyBox .li .content .left .tit img{width: .35rem;}

    .ar_web{ display: none;}
    .ar_wap{ display: block;}

    .tssyBox .li .content .left .tit{font-size: .22rem;color: #fff;font-weight: bold;margin: 0 0 .05rem;}
    .tssyBox .li .content .left .tits1{writing-mode: inherit;font-size: .12rem;}

    .tssyclose{top: 0;transform: translateX(-50%);left: 50%;writing-mode: inherit;align-items: flex-end;justify-content: center;font-size: .16rem;text-align: center;padding: 0 0 0 .05rem;width: .5rem;height: .5rem;}
    .tssyclose::before{ transform: rotate(90deg);}

    .tssyul1{grid-template-columns: repeat(2, 1fr);height: auto;}
    .tssyul1 img{width: .4rem;}
    .tssyul1 .a .con{height: 3rem;padding: .25rem .15rem;}
    .tssyul1 p{ font-size: .14rem}

    .tssyBox .dots{left: 0;right: 0;top: 1.4rem;bottom: auto;/* background-size: 200vw auto; */}
    .tssyBox .dots span{width: .5rem;height: .5rem;font-size: .13rem;}
    .tssyBox .dots span .before{ height: .24rem}
    .tssyBox .dots span .before::before{background-size: .3rem auto !important;width: .5rem;height: .5rem;margin: -.2rem 0 0;}

    .tssyBox .li .content .right{padding: .25rem 15px;display: block;}
    .tssyul2 li.swiper-slide{ height: 100%}

    .tssyul3{width: 100%;gap: .18rem;grid-template-columns: 1fr;}
    .tssyul4{width: 100%;gap: .18rem;grid-template-columns: 1fr}
    .tssyul4 li:nth-child(1){ order: 1}

    .more4{ margin: .15rem 0;}
    .more4 img{ width: .26rem;}

    .tssyul5{display: none;}

    .tssyul6{ grid-template-columns: repeat(2, 1fr);}
    .tssyul6 h4{ font-size: .2rem}
    .tssyul6 .imgBox .img{ padding-bottom: 48vw;}

    .tssyul6 li:nth-child(2){grid-area: 1 / 2 / span 2 / span 1;}
    .tssyul6 li:nth-child(2) .imgBox .img{ padding-bottom: 96vw;}

    .tssyul6 li:nth-child(4){ grid-area: 3 / 1 / span 2 / span 2;}
    .tssyul6 li:nth-child(4) .imgBox .img{ padding-bottom: 96vw;}

    .tssyul6 li:nth-child(8){ grid-area: 7 / 1 / span 2 / span 2;}
    .tssyul6 li:nth-child(8) .imgBox .img{ padding-bottom: 50vh;}

    .tssyul6 li:nth-child(1), .tssyul6 li:nth-child(3){ display: none;}
    .tssyul2 li.swiper-slide .img img{ opacity: 1}

    .lt20Box .arr2Box{ margin: .3rem 0 0}
    .lt1 p{ display: none}
    .lt1 .txt{padding: .25rem 0 .25rem;}
    .lt2 h4{ flex: 1}
    .lt2 h6{width: auto;margin: 0 0 0 .1rem;}

    .lt5 .a{ height: 1.1rem}
    .lt8 li{ height: .42rem;}
    .lt9 p{ display: none}
    .lt12 .rr{ display: flex}
    .lt12Box .dots{ margin: .25rem 0 0}
    .lt12 .a{align-items: baseline;}
    .home2 .left .tit2{ height: auto}
}