/* ===================首页样式========================== */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner-img{width: 100%;}
.banner-img img.none-mb{height: 100vh;}
.banner-img img.none-pc-pad{min-height: 500px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;top: 50%;transform: translateY(-50%);left: 0;}
.banner-cont .contain{display: flex;justify-content: center;flex-wrap: wrap;}
.banner-cont .name{font-family: 'SamsungOne300';color: #ffffff;text-align: left;text-transform: capitalize;text-align: center;width: 100%;}
.banner-cont .text{font-family: 'SamsungOne300';color: #ffffff;text-align: left;text-transform: capitalize;text-align: center;width: 100%;}
.banner-cont .link{display: flex;align-items: center;justify-content: center;width: 150px;height: 44px;background: #000000;transition: all .4s ease;color: #ffffff;}
.banner-cont .link span{}
.banner-cont .link i{margin-left: 10px;}
.banner-cont .link:hover{background: #fe2620;}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination-bullet{width: 40px;height: 2px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 10px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #fe2620;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet{background: #ffffff;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
/* 效果 */
.banner-cont .name, .banner-cont .text, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .name{animation: bannerUp 1s ease both .9s;}
.swiper-slide-active .banner-cont .text{animation: bannerUp 1s ease both 1s;}
.swiper-slide-active .banner-cont .link{animation: bannerUp 1s ease both 1.1s;}
.oneSlide .banner-cont .name{animation: bannerUp 1s ease both .3s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .4s;}
.oneSlide .banner-cont .link{animation: bannerUp 1s ease both .5s;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.banner .swiper-slide {overflow: hidden;position: relative;}
.banner .swiper-slide img {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;min-height: 500px;}
.banner .swiper-slide video {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;min-height: 500px;}
.banner .swiper-slide-active video {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 4s ease;}
.banner .swiper-slide-active img {transition-delay: 0.4s !important;transform: matrix(1.06, 0, 0, 1.06, 0, 0);transition: all 4s ease;}
.banner-btn{position: absolute;bottom: 100px;width: 92% !important;left: 4%;z-index: 5;display: flex;justify-content: flex-end;}
.banner-prev, .banner-next{width: 44px;height: 44px;border-radius: 50%;background: #ffffff;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.banner-prev{left: 0;}
.banner-next{right: 0;margin-left: 10px;}
.banner-prev:hover, .banner-next:hover{background: #fe2620;color: #ffffff;}
@media (max-width: 640px){
.banner-cont{bottom: 50px;}
.banner-cont .link {width: 136px;height: 40px;}
.banner .swiper-pagination {bottom: 18px;}
.banner .swiper-pagination-bullet{width: 30px;margin: 0 7px !important;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}	
.banner-btn{bottom: 20px;}
.banner-prev, .banner-next{width: 40px;height: 40px;}
}

.indTitle{width: auto;}
.indTitle .name{font-family: 'SamsungOne300';color: #fe2620;}
.indTitle .text{font-family: 'SamsungOne300';height: auto;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.indMore{display: flex;align-items: center;justify-content: center;width: 150px;height: 44px;background: #000000;color: #ffffff;transition: all .4s ease;}
.indMore span{}
.indMore i{margin-left: 10px;}
.indMore:hover{background: #fe2620;}

.indpp{width: 100%;position: relative;background:url(http://www-x-longdingglass-x-com.img.addlink.cn/template/cn/image/indpp_bg.jpg) top center repeat-y;}
.indpp .contain{position: relative;justify-content: space-between;display: flex;flex-wrap: wrap;}
.indpp-bg{width: calc(50% - 50px);}
.indpp-cont{width: calc(50% - 50px);color: #888888;}
.indpp-num{width: 92%!important;background:url(http://www-x-longdingglass-x-com.img.addlink.cn/template/cn/image/indpp_num.jpg) center no-repeat;margin: 0 auto;}
.indpp-num .contain{}
.indpp-num-items{display: flex;align-items: center;}
.indpp-num-items:nth-child(2) {margin-left: 160px;}
.indpp-num-items:nth-child(2) .num{background:  #fe2620;}
.indpp-num-items:nth-child(2) .num .timer{color: #FFFFFF;}
.indpp-num-items:nth-child(2) .text{border: 1px solid rgba(255, 255, 255, 0.1);}
.indpp-num-items .num{border: 1px solid rgba(255, 255, 255, 0.1);width: 140px;height: 140px;display: flex;justify-content: center;align-items: center;}
.indpp-num-items .num .timer{font-family: 'SamsungOne300';color: #fe2620;}
.indpp-num-items .text{color: #ffffff;width: 140px;height: 140px;display: flex;justify-content: center;align-items: center;padding: 10px;word-break: break-all;}
.indhb-play{width: 52px;height: 52px;cursor: pointer;position: absolute;opacity: 0.8;background:rgb(255 255 255 / 50%) url(http://www-x-longdingglass-x-com.img.addlink.cn/template/cn/image/indhbplay.png) no-repeat left 55% center;border-radius: 50%;left: 65%;top: 50%;margin-top: -26px;transition: all .4s ease;box-shadow: 0 0 15px 1px rgba(0, 0, 0, .05);}
.indhb-play:hover{opacity: 1;transform: scale(1.1);}

.indhb{position: relative;width: 100%;background: #f8f8f8;}
.indhb .contain{}
.indhb-head{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.indhb-head .bigBox_fl{display: flex;justify-content: space-between;align-items: center;}
.indhb-head .bigBox_fl li{display: flex;justify-content: center;align-items: center;width: 150px;height: 44px;border-radius: 22px;transition: all .4s ease;border: #f0f0f0 1px solid;margin: 10px 0 10px 10px;}
.indhb-head .bigBox_fl li:first-child{margin-left: 0px;}
.indhb-head .bigBox_fl li i{margin-left: 10px;}
.indhb-head .bigBox_fl li.active1{background: #fe2620;color: #ffffff;}
.indhb-head .bigBox_fl li:hover{background: #fe2620;color: #ffffff;}
.indhb-loop{width: calc(100% - 0px);position: relative;}
.indhb-loop .swiper-slide-active img{/*transform: translateY(-5px);*/transform: translateY(0px);filter: grayscale(0);opacity: 1;}
.indhb-link{display: flex;width: 100%;height: 120px;align-items: center;justify-content: center;padding: 10px;background: #ffffff;border: #f0f0f0 1px solid;}
.indhb-link img{max-width: 100%;max-height: 100%;transition: all .4s ease;filter: grayscale(1);opacity: 0.2;}
.indhb-link:hover img{/*transform: translateY(-5px);*/transform: translateY(0px);filter: grayscale(0);opacity: 1;}
.indhb-prev, .indhb-next{width: 44px;height: 44px;border-radius: 50%;position: absolute;cursor: pointer;top: 50%;margin-top: -22px;background: #ffffff;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.indhb-prev{left: 0px;}
.indhb-next{right: 0px;}
.indhb-prev:hover, .indhb-next:hover{background: #fe2620;color: #ffffff;}
.indhb .box {width: 100%;overflow: hidden;height: 120px;}
.indhb .box .indhb-loop{width: 100%;height: 100%;}


.indal{width: 100%;position: relative;overflow: hidden;}
.indal .indal-head{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;}
.indal .indal-head .contain{}
.indal .indal-head .indTitle{max-width: calc(50% - 50px);}
.indal-menu{overflow: hidden;width: 100%;}
.indal-menu .swiper-slide{display: flex;align-items: center;justify-content: center;padding:50px 20px;position: relative;}
.indal-menu .img{}
.indal-menu .img img{max-height: 40px;}
.indal-menu .name{margin-left: 20px;height: auto;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indal-menu .swiper-number{font-family: 'SamsungOne300';position: absolute;right: 10px;bottom: 0;color: #cccccc;opacity: 0.2;}
.indal-menu .mySwiper .swiper-wrapper .swiper-slide-thumb-active{background: #fe2620;}
.indal-menu .mySwiper .swiper-wrapper .swiper-slide-thumb-active .name{color: #ffffff;}
.indal-menu .mySwiper .swiper-wrapper .swiper-slide-thumb-active .swiper-number{color: #ffffff;}
.indal-menu .mySwiper .swiper-wrapper .swiper-slide-thumb-active .img{}
.indal-menu .mySwiper .swiper-wrapper .swiper-slide-thumb-active .img img{filter: brightness(10000%);}
.indal-cont{position: absolute;width: 100%;z-index: 11;top: 50%;transform: translateY(-50%);}
.indal-cont .contain{}
.indal-img{width: 50%;float: right;overflow: hidden;background: #f8f8f8;}
.indal-cont .name{}
.indal-cont pre{font-family: inherit; /* 设置为继承父元素的字体 */white-space: pre-wrap; /* 保留空白符 */line-height: inherit; /* 继承行高 */ color: inherit; /* 继承文本颜色 */max-width: calc(50% - 50px);color: #888888;height: auto;overflow: hidden;-webkit-line-clamp: 5;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
/* 效果 */
.indal-cont .name, .indal-cont pre,.indal-cont .indMore{opacity: 0;}
.swiper-slide-active .indal-cont .name{animation: bannerUp 1s ease both .9s;}
.swiper-slide-active .indal-cont pre{animation: bannerUp 1s ease both 1s;}
.swiper-slide-active .indal-cont .indMore{animation: bannerUp 1s ease both 1.1s;}
.oneSlide .indal-cont .name{animation: bannerUp 1s ease both .3s;}
.oneSlide .indal-cont .pre{animation: bannerUp 1s ease both .4s;}
.oneSlide .indal-cont .indMore{animation: bannerUp 1s ease both .5s;}
.indal-loop .indal-img img {width: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);transition: all 0.4s ease 1.2s;min-height: 600px;}
.indal-loop .swiper-slide-active img {transition-delay: 0.4s !important;transform: matrix(1.06, 0, 0, 1.06, 0, 0);transition: all 4s ease;}

.indal-prev, .indal-next{width: 44px;height: 44px;border-radius: 50%;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%); cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;background: #ffffff;}
.indal-prev{left: 20px;}
.indal-next{right: 20px;}
.indal-prev:hover, .indal-next:hover{background: #fe2620;color: #FFFFFF;}
.indal-menu .swiper-pagination{width: 100%;position: relative;height: 3px;background: #f8f8f8;}
.indal-menu .swiper-pagination span{background: #fe2620!important;}

.indxw{width: 100%;position: relative;}
.indxw-head .contain{display: flex;justify-content: space-between;align-items: center;}
.indxw-loop{width: 100%;overflow: hidden;}
.indxw-loop .contain{float: right;}
.indxw-loop-link{display: block;width: 100%;}
.indxw-loop-link .img{width: calc(100% - 0px);overflow: hidden;background: #ffffff;}
.indxw-loop-link .img img{transition: all .6s ease;}
.indxw-loop-link .cont{padding: 30px;width: calc(100% - 0px);transition: all .4s ease;}
.indxw-loop-link .name{height: auto;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;transition: all .4s ease;}
.indxw-loop-link .time{color: #888888;transition: all .4s ease;}
.indxw-loop-link:hover{background: #fe2620;}
.indxw-loop-link:hover .img img{transform: scale(1.04);}
.indxw-loop-link:hover .name{color: #ffffff;}
.indxw-loop-link:hover .time{color: #ffffff;}
.indxw-head-btn{display: flex;align-items: center;}
.indxw-prev, .indxw-next{width: 44px;height: 44px;border-radius: 50%;background: #f8f8f8;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.indxw-prev{}
.indxw-next{margin-left: 10px;}
.indxw-prev:hover, .indxw-next:hover{background: #fe2620;color: #ffffff;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-img img.none-mb{height: 50vh;}
    .indpp-num{width: 100%!important;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.indpp-num-items:nth-child(2) {margin-left: 140px;}
	.indpp-num-items .num{width: 140px;height: 140px;}
	.indpp-num-items .text{width: 140px;height: 140px;}
	.indhb-play{position: relative;left: 50%;margin-top: 50px;margin-left: -26px;}
	.indhb-link{height: 80px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indMore {width: 136px;height: 40px;}
    .indpp {flex-wrap: wrap;}
    .indpp-bg {width: 100%;}
	.indpp-cont {width: 100%;}
	.indpp{background: none;}
	.indpp-num-items .num {width: 120px;height: 120px;}
	.indpp-num-items .text {width: 120px;height: 120px;}
	.indpp-num-items:nth-child(2) {margin-left: 120px;}
    .indhb-play {width: 44px;height: 44px;margin-left: -22px;margin-top: 30px;}	
	.indhb-head .bigBox_fl li{width: 136px;height: 40px;border-radius: 20px;}
	.indxw-loop-link .cont{padding: 20px;}
	.indxw-prev, .indxw-next{width: 40px;height: 40px;}
	.indal .indal-head .indTitle{max-width: calc(100% - 0px);}
	.indal-cont pre {max-width: calc(100% - 0px);}
	.indal-menu .swiper-slide {padding: 20px;flex-wrap: wrap;}
	.indal-menu .name {margin-left: 0px;margin-top: 10px;}
	.indal-img { width: 100%;}
	.indal-loop .indal-img img {min-height: 350px;}
	.indal-cont{position: relative;top: 0;transform: translateY(0);padding-bottom: 34px !important;}
	.indal .indal-head {position: relative;}
}