@charset "utf-8";
.scene{max-width: 1920px;margin: 0 auto;}
.scene .section{padding: 4rem 0;}
@media only screen and (max-width: 1440px){
.scene .section{padding: 3rem 0;}}
@media only screen and (max-width: 768px){
.scene .section{padding: 2rem 0;}}

.location{margin: 0;}
.ny_class ul{padding: 3rem 0;}
.ny_class ul li a{box-shadow: none;}
@media only screen and (max-width: 1440px){
.ny_class ul{padding: 2rem 0;}}
@media only screen and (max-width: 1024px){
.ny_class ul{padding: 1.5rem 0;}}
@media only screen and (max-width: 768px){
.ny_class ul{padding: 1rem 0;}}
@media only screen and (max-width: 480px){
.ny_class ul{padding: 3% 0;}}

.xbanner{position: relative;overflow: hidden;}
.xbanner>img{width: 100%;height: 100%;}
.xbanner .img{position: absolute;top: 0;left: 0;height: 100%;animation: pulse 3s infinite;}
.xbanner .img img{width: 100%;height: 100%;object-fit: contain;}
.xbanner .txt{position: absolute;top: 0;right: 15%;width: 28%;height: 100%;color: #fff;display: flex;flex-direction: column;justify-content: center;}
.xbanner .txt p{font-size: 16px;line-height: 1.8;}
@media only screen and (max-width: 1440px){
.xbanner .txt{right: 8%;width: 40%;}
.xbanner .txt p{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.xbanner .txt{right: 3%;width: 45%;}
.xbanner .txt p{font-size: 13px;}}
@media only screen and (max-width: 768px){
.xbanner .img{width: 50%;}
.xbanner .txt{width: 53%;}
.xbanner .txt p{font-size: 12px;}}
@media only screen and (max-width: 480px){
.xbanner{padding: 5% 3%;}
.xbanner>img{position: absolute;top: 0;left: 0;object-fit: cover;}
.xbanner .img{position: relative;left: 6.5%;width: 100%;height: auto;}
.xbanner .txt{position: relative;left: 0;width: 100%;}}

.youshi{position: relative;padding: 5% 0;}
.youshi .round{position: absolute;top: 50%;left: 50%;width: 31.25%;padding-bottom: 31.25%;transform: translate(-50%,-50%);background: url(../images/round.png) center no-repeat;background-size: cover;}
.youshi .round:after{content: " ";position: absolute;top: inherit;left: inherit;width: 66.669%;height: 66.669%;border-radius: 50%;transform: inherit;box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
.youshi .in_title{position: absolute;top: inherit;left: inherit;color: #bf0818;margin: 0;transform: translate(-50%, -50%) scale(.9);}
.youshi .in_title.line:after{display: none;}
.youshi ul{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 8%;}
.youshi li{width: calc(100% / 2 - 15%);margin: 2.5% 0;}
.youshi li .box{display: flex;align-items: center;text-align: right;margin-left: -8%;}
.youshi li:nth-child(2n) .box{flex-direction: row-reverse;text-align: left;margin: 0;margin-right: -8%;}
.youshi li .txt{flex: 1;min-width: 0;margin: 0 6.5%;}
.youshi li .txt h3{color: #bf0818;font-size: 30px;font-weight: bold;}
.youshi li .txt p{color: #000;font-size: 16px;margin-top: 3%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.youshi li .img{flex: none;width: 20%;max-width: 108px;border-radius: 50%;box-shadow: 0 0 30px rgba(0, 0, 0, .2);overflow: hidden;}
.youshi li .img figure{position: relative;padding-bottom: 100%;}
.youshi li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.youshi li:nth-child(1),.youshi li:nth-child(5){margin-left: 5%;}
.youshi li:nth-child(2),.youshi li:nth-child(6){margin-right: 5%;}
@media only screen and (max-width: 1440px){
.youshi li .txt h3{font-size: 26px;}
.youshi li .txt p{font-size: 14px;}}
@media only screen and (max-width: 1024px){
.youshi .in_title{transform: translate(-50%, -50%) scale(.8);}
.youshi ul{margin: 0 3%;}
.youshi li{width: calc(100% / 2 - 13%);}
.youshi li .txt h3{font-size: 22px;}
.youshi li .txt p{font-size: 13px;}}
@media only screen and (max-width: 768px){
.youshi .round{position: initial;width: auto;padding: 0;transform: none;background: none;}
.youshi .round:after{display: none;}
.youshi .in_title{position: inherit;transform: inherit;color: #000;}
.youshi .in_title.line:after{display: inline-block;}
.youshi ul{margin: 3%;margin-bottom: 0;}
.youshi li{width: 48%;margin: 2.5% 0!important;}
.youshi li .box{flex-direction: row-reverse;text-align: left;margin: 0!important;}
.youshi li .txt{margin: 0;margin-left: 5%;}
.youshi li .txt h3{font-size: 18px;}
.youshi li .txt p{font-size: 12px;}}
@media only screen and (max-width: 480px){
.youshi li{width: 100%;}
.youshi li .img{width: 18%;}}

.tedian .box{display: flex;}
.tedian .left{position: relative;flex: none;width: 25%;display: flex;justify-content: center;align-items: center;background: url(../images/tedian_bg.jpg) center no-repeat;background-size: cover;}
.tedian .left:after{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.65);}
.tedian .left .txt{position: relative;color: #fff;z-index: 1;}
.tedian .left .txt h3{font-size: 32px;font-weight: bold;}
.tedian .left .txt p{display: flex;align-items: center;font-size: 24px;white-space: nowrap;margin-top: 22%;}
.tedian .left .txt span{position: relative;display: flex;flex: none;float: left;width: 48px;height: 48px;color: #fff;font-size: 18px;font-weight: bold;justify-content: center;align-items: center;border-radius: 50%;margin-right: 8%;background: rgb(191 8 24/45%);z-index: 1;}
.tedian .left .txt span:after{content:"";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%) scale(.6666);border-radius: inherit;background: #bf0818;z-index: -1;}
.tedian .right{flex: 1;min-width: 0;}
.tedian ul{display: flex;/* flex-wrap: wrap; */}
.tedian li{position: relative;width: calc(100% / 4);overflow: hidden;}
.tedian li .img{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.tedian li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.tedian li .img h3{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;font-size: 24px;line-height: 3;text-align: center;background: rgba(0,0,0,.65);transition: all .5s;}
.tedian li .txt{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;padding: 10%;backdrop-filter: blur(5px);background: rgba(0,0,0,.65);opacity: 0;transition: all .5s;}
.tedian li .txt h3{font-size: 24px;text-align: center;}
.tedian li .txt p{font-size: 16px;line-height: 1.8;margin-top: 6%;}
.tedian li:hover .img img{transform: scale(1.1);}
.tedian li:hover .img h3{opacity: 0;bottom: -15%;}
.tedian li:hover .txt{opacity: 1;top: 0;}
.tedian .swiper-pagination{display: none;}
@media only screen and (max-width: 1440px){
.tedian .left .txt h3{font-size: 28px;}
.tedian .left .txt p{font-size: 20px;}
.tedian li h3{font-size: 20px!important;}
.tedian li p{font-size: 15px!important;}}
@media only screen and (max-width: 1024px){
.tedian .left .txt h3{font-size: 24px;}
.tedian .left .txt p{font-size: 17px;margin-top: 15%;}
.tedian .left .txt span{transform: scale(.7);transform-origin: left;margin-right: -2%;}
.tedian li h3{font-size: 17px!important;}
.tedian li p{font-size: 13px!important;}}
@media only screen and (max-width: 768px){
.tedian .box{display: block;margin: 3%;margin-top: 0;}
.tedian .left{width: 100%;background: none;}
.tedian .left:after{display: none;}
.tedian .left .txt{width: 100%;display: flex;flex-wrap: wrap;color: #000;justify-content: center;margin-bottom: 1rem;}
.tedian .left .txt h3{width: 100%;font-size: 20px;text-align: center;margin-bottom: 1rem;display: none;}
.tedian .left .txt p{font-size: 15px;margin: 0 2%;}
.tedian .left .txt span{transform: scale(.6);margin-right: -7%;}
.tedian li h3{font-size: 16px!important;}
.tedian li p{font-size: 12px!important;}
.tedian .swiper-pagination{display: block;}}
@media only screen and (max-width: 480px){
.tedian .left .txt h3{font-size: 18px;}
.tedian .left .txt p{width: 50%;font-size: 14px;margin: -1% 0;}}

.major ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.major li{width: 32%;margin-bottom: 2%;border: 1px solid #ededed;box-shadow: 0 0 10px rgba(0, 0, 0, .1);cursor: pointer;}
.major li:nth-child(-n+2){width: 49%;}
.major li:last-child{width: 100%;margin: 0;}
.major li .box{position: relative;display: flex;flex-direction: column;height: 100%;overflow: hidden;}
.major li .img{position: relative;width: 100%;}
.major li .img img{width: 100%;height: 100%;object-fit: cover;}
.major li .txt{position: absolute;bottom: 0;width: 100%;display: flex;color: #000;padding: 1rem 5.5%;flex-direction: column;justify-content: center;background: #fff;transition: all .5s;}
.major li .txt h3{font-size: 22px;line-height: 2.5;font-weight: bold;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.major li .txt p{font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.major li:last-child .txt p{max-width: 63%;margin: 0 auto;}
.major li:hover .txt{bottom: -3.6rem;padding-top: 0;padding-bottom: 0;}
@media only screen and (max-width: 1440px){
.major li .txt h3{font-size: 20px;}}
@media only screen and (max-width: 1024px){
.major li .txt h3{font-size: 18px;line-height: 2;}
.major li .txt p{font-size: 13px;}
.major li:last-child .txt p{max-width: 100%;}
.major li:hover .txt{bottom: -3.2rem;}}
@media only screen and (max-width: 768px){
.major li .txt{padding: .5rem 4%;}
.major li .txt h3{font-size: 16px;}
.major li .txt p{font-size: 12px;-webkit-line-clamp: 2;}
.major li:hover .txt{bottom: -2rem;}}
@media only screen and (max-width: 480px){
.major ul{margin: 0 3%;}
.major li{width: 100%!important;margin-bottom: 3%;}
.major li .txt{position: initial;padding: .5rem 2%!important;}
.major li .txt p{display: block;}}

.train .swiper li{position: relative;width: calc(25% - 12px);overflow: hidden;}
.train .swiper li .img{position: relative;width: 100%;padding-top: 154%;overflow: hidden;}
.train .swiper li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.train .swiper li .img h3{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;font-size: 30px;font-weight: bold;line-height: 4;text-align: center;background: linear-gradient(180deg, rgb(191 8 24 / 0%) 0%, #bf0818 100%);transition: all .5s;}
.train .swiper li .txt{position: absolute;top: 100%;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;text-align: center;padding: 15%;border-top: 15px solid #bf0818;backdrop-filter: blur(5px);background: rgba(0, 0, 0, .65);transition: all .5s;opacity: 0;}
.train .swiper li .txt h3{font-size: 30px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 1s;}
.train .swiper li .txt p{font-size: 16px;line-height: 1.8;text-align: left;margin-top: 18%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.train .swiper li .txt span{position: relative;display: flex;align-items: center;justify-content: center;width: 70%;font-size: 16px;line-height: 2.5;border-radius: 5px;background: #bf0818;margin: 0 auto;margin-top: 25%;transition: all .5s;}
.train .swiper li .txt span i{margin-left: 10px;}
.train .swiper li:hover .img img{transform: scale(1.1);}
.train .swiper li:hover .img h3{opacity: 0;bottom: -18%;}
.train .swiper li:hover .txt{top: 0;opacity: 1;}
.train .swiper li .txt span:hover{background: #f00;}
@media only screen and (max-width: 1440px){
.train .swiper li h3{font-size: 1.67vw!important;}
.train .swiper li .txt{border-top-width: 10px;}
.train .swiper li .txt p,
.train .swiper li .txt span{font-size: 1.1vw;}}
@media only screen and (max-width: 768px){
.train .swiper li .txt{padding: 10%;border-top-width: 5px;}
.train .swiper li h3{font-size: 14px!important;}
.train .swiper li .txt p,
.train .swiper li .txt span{font-size: 12px;}
.train .swiper li .txt span{font-size: 12px;line-height: 2;margin-top: 20%;}}

.video .swiper:before,.video .swiper:after{content:"";position: absolute;top: 0;left: 0;width: 24%;height: 100%;background: linear-gradient(-90deg, transparent 0%, #fff 90%);z-index: 2;pointer-events: none;}
.video .swiper:after{left: auto;right: 0;background: linear-gradient(90deg, transparent 0%, #fff 90%);}
.video .img{position: relative;padding-bottom: 60%;background: #000;}
.video .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.video .img .play{position: absolute;top: 50%;left: 50%;color: #fff;font-size: 70px;transform: translate(-50%,-50%);}
.video .img .play i{display: inline-block;font-size: inherit;animation: pulse 2s infinite;}
.video [class^="swiper-button-"]{left: 27.5%;top:50%;width: 48px;height: 48px;color: #fff;font-size: 18px;margin: 0;border-radius: 50%;background: rgba(0,0,0,.45);transform: translateY(-50%);transition: all .5s;opacity: 1;}
.video [class^="swiper-button-"]:after{display: none;}
.video [class^="swiper-button-"] i{font-size: inherit;}
.video .swiper-button-next{left: auto;right: 27.5%;transform: translateY(-50%) rotate(180deg);}
.video [class^="swiper-button-"]:hover{color: #fff;background: #1e1f1f;}
@media only screen and (max-width: 1440px){
.video .img .play{font-size: 5vw;}}
@media only screen and (max-width: 1024px){
.video [class^="swiper-button-"]{width: 40px;height: 40px;font-size: 16px;}}
@media only screen and (max-width: 768px){
.video .swiper{margin: 0 3%;}
.video .swiper:before,.video .swiper:after{display: none;}
.video .img .play{font-size: 6vw;}
.video [class^="swiper-button-"]{left: 3.5%;}
.video .swiper-button-next{left: auto;right: 3.5%;}}
@media only screen and (max-width: 480px){
.video .img .play{font-size: 10vw;}}