/* ===================首页样式========================== */
.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: 440px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;}
.banner-cont .name{font-family: 'SamsungOne300';color: #ffffff;text-align: left;text-transform: capitalize;text-align: center;}
.banner-cont .text{font-family: 'SamsungOne300';color: #ffffff;text-align: left;text-transform: capitalize;text-align: center;}
.banner-cont .link{display: flex;align-items: center;justify-content: center;width: 150px;height: 44px;background: #ffffff;border-radius: 22px;transition: all .4s ease;margin: 20px auto 0;}
.banner-cont .link span{}
.banner-cont .link i{margin-left: 10px;}
.banner-cont .link:hover{background: #009bd3;color: #ffffff;}
.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: #009bd3;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: 550px;}
.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: 550px;}
.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;top: 50%;width: 92% !important;left: 4%;z-index: 5;display: flex;justify-content: space-between;transform: translateY(-50%);}
.banner-prev, .banner-next{width: 44px;height: 44px;border-radius: 50%;background: rgba(255, 255, 255, 1);transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.banner-prev{left: 0;}
.banner-next{right: 0;}
.banner-prev:hover, .banner-next:hover{background: #009bd3;color: #ffffff;}
@media (max-width: 640px){
.banner-cont .link {width: 136px;height: 40px;border-radius: 20px;}
.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-prev, .banner-next{width: 40px;height: 40px;}
}

.indTitle{width: auto;}
.indTitle .name{font-family: 'SamsungOne300';color: #000000;}
.indTitle .text{font-family: 'SamsungOne300';color: #000000;}

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

.indpp{width: 100%;position: relative;background:url(/template/cn/image/indpp_bg.png) #f8f8f8 bottom center no-repeat;}
.indpp .contain{position: relative;justify-content: space-between;display: flex;flex-wrap: wrap;}
.indpp-bg{width: calc(50% - 25px);}
.indpp-bg .indpp-cont{color: #888888;}
.indpp-wrap{width: calc(50% - 25px);display: flex;justify-content: center;}
.indpp-wrap ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.indpp-wrap ul li{max-width: 80px;}
.indpp-wrap ul li .name{margin-top: 10px;text-align: center;}
.indpp-num{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.indpp-num-items{}
.indpp-num-items .num{display: flex;align-items: center;}
.indpp-num-items .num .timer{font-family: 'SamsungOne300';color: #009bd3;line-height: 1;}
.indpp-num-items .num img{margin-right: 10px; max-height: 60px;}
.indpp-num-items .text{margin:0 0 5px 70px;color: #888888;}
.indhb-play{width: 52px;height: 52px;cursor: pointer;position: absolute;opacity: 0.8;background:rgb(255 255 255 / 50%) url(/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: #009bd3;color: #ffffff;}
.indhb-head .bigBox_fl li:hover{background: #009bd3;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: #009bd3;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 .contain{}
.indal .indal-head{width: 100%;text-align: center;}
.indal-list{width: 100%;}
.indal-list ul{flex-wrap: nowrap;}
.indal-list li{width: calc(35% - 20px);margin-left: 20px;relative;height: 533px;overflow: hidden;position: relative;}
.indal-list li:first-child{margin-left: 0px;}
.indal-list li:before {position: absolute;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));content: "";display: block;width: 100%;height: 100%;z-index: 1;}
.indal-list li img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.indal-list li.active{width: calc(100% - 35%);}
.indal-list li.active:before{background: linear-gradient(to bottom, rgba(0, 155, 211, 0), rgba(0, 155, 211, 1));}
.indal-list-link{display: block;width: 100%;}
.indal-hint{width: calc(90% - 0px);position: absolute;z-index: 4;bottom: 50px;left: 50%;transform: translateX(-50%);color: #ffffff;}
.indal-hint .img{width: 100%;}
.indal-hint .img img{position: relative;max-height: 60px;transform: translateX(0);left: 0;width: auto;}
.indal-hint .name{margin:10px 0 0;}
.indal-cont{position: absolute;z-index: 5;width: calc(90% - 0px);bottom: 50px;left: 50%;transform: translateX(-50%);color: #ffffff;}
.indal-cont .img{width: 100%;}
.indal-cont .img img{position: relative;max-height: 60px;transform: translateX(0);left: 0;width: auto;}
.indal-cont .name{margin:10px 0 20px;}
.indal-cont .text{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indal-cont .name, .indal-cont .text, .indal-cont .img{opacity: 0;}
.indal-list li.active .indal-cont .img{animation: indalRun 1s ease both .5s;}
.indal-list li.active .indal-cont .name{animation: indalRun 1s ease both .6s;}
.indal-list li.active .indal-cont .text{animation: indalRun 1s ease both .7s;}
@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
.indal-list li.active .indal-hint{opacity: 0;}


.indfw{width: 100%;position: relative;overflow: hidden;}
.indfw-head {}
.indfw-loop-img{width: 100%;}
.indfw-loop-img img{width: 100%;object-fit: cover;}
.indfw-loop-cont{position: absolute;z-index: 5;width: 100%;height: 100%;top: 40%;left: 0;color: #ffffff;}

.indfw-area{width: 100%;position: relative;}
.indfw-area-word{width: 100%;height: 100%;}
.indfw-area-logo{width: 3rem;height: 3rem;background: #009bd3; border-radius: 100%;padding: 10px;display: flex;align-items: center;justify-content: center;position: absolute;top: 45%;right: 20%;z-index: 10;}
.indfw-area-logo img{position: relative;z-index: 10;}
.indfw-area-logo:after{position: absolute;content: '';width: 200%;height: 200%;left: -50%;top: -50%;background: #009bd3;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 2;opacity: 0;animation: changes 2s linear 0.5s infinite;}
.indfw-area-logo:before {position: absolute;content: '';width: 400%;height: 400%;left: -150%;top: -150%;background: #009bd3;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;animation: changes 3s linear 0.8s infinite;}
@keyframes changes {
	0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.0;}
	50% {transform: scale(0.75);-webkit-transform: scale(0.75);opacity: 0.2;}
	100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;}
}
.indfw-area-line{position: absolute; width: 100%;height: 100%;top: 0;}
.indfw-area-line .indfw-num-line:nth-child(1){top: 30%;left: 15%;}
.indfw-area-line .indfw-num-line:nth-child(2){top: 50%;left: 15%;}
.indfw-area-line .indfw-num-line:nth-child(3){top: 30%;left: 50%;}
.indfw-area-line .indfw-num-line:nth-child(4){top: 40%;left: 50%;}
.indfw-area-line .indfw-num-line:nth-child(5){top: 20%;left: 70%;}
.indfw-area-line .indfw-num-line:nth-child(6){top: 40%;left: 42%;}
.indfw-area-line .indfw-num-line:nth-child(7){top: 23%;left: 42%;}
.indfw-area-line .indfw-num-line:nth-child(8){top: 40%;left: 45%;}
.indfw-area-line .indfw-num-line:nth-child(9){top: 10%;left: 15%;}
.indfw-area-line .indfw-num-line:nth-child(10){top: 80%;left: 52%;}
.indfw-area-line .indfw-num-line:nth-child(11){top: 40%;left: 80%;}
.indfw-area-line .indfw-num-line:nth-child(12){top: 50%;left: 60%;}
.indfw-area-line .indfw-num-line:nth-child(13){top: 40%;left: 55%;}
.indfw-area-line .indfw-num-line:nth-child(14){top: 60%;left: 70%;}
.indfw-area-line .indfw-num-line:nth-child(15){top: 60%;left: 78%;}
.indfw-area-line .indfw-num-line:nth-child(16){top: 55%;left: 66%;}
.indfw-area-line .indfw-num-line:nth-child(17){top: 55%;left: 75%;}
.indfw-area-line .indfw-num-line:nth-child(18){top: 70%;left: 30%;}
.indfw-area-line .indfw-num-line:nth-child(19){top: 55%;left: 73%;}
.indfw-area-line .indfw-num-line:nth-child(20){top: 45%;left: 65%;}
.indfw-area-line .indfw-num-line:nth-child(21){top: 38%;left: 64%;}
.indfw-area-line .indfw-num-line:nth-child(22){top: 55%;left: 80%;}
.indfw-area-line .indfw-num-line:nth-child(23){top: 30%;left: 55%;}
.indfw-area-line .indfw-num-line:nth-child(24){top: 30%;left: 52%;}
.indfw-num-line{width: auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: absolute;}
.indfw-num-line span{text-align: center;margin-top: 5px;width: 100%;}
.indfw-num-line i {display: inline-block;width: 20px;height: 20px;background: #ffffff;border-radius: 100%;position: relative;cursor: pointer;}
.indfw-num-line i:before { position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;border-radius: 100%;background: #009bd3;z-index: 2;}
.indfw-num-line i:after {position: absolute;content: '';width: 200%;height: 200%;left: -50%;top: -50%;background: #ffffff;border-radius: 100%;z-index: 1;opacity: 0;animation: changes1 2s linear 0.5s infinite;}
@keyframes changes1 {
	0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.0;}
	50% {transform: scale(0.75);-webkit-transform: scale(0.75);opacity: 0.5;}
	100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;}
}


.indxw{width: 100%;position: relative;}
.indxw-head{width: 100%;text-align: center;}
.indxw-list{width: 100%;display: flex;justify-content: space-between;}
.indxw-list .indxw-list-link{width: calc(65% - 10px); position: relative;}
.indxw-list .indxw-list-link1{width: calc(35% - 10px);border: #f0f0f0 1px solid;}
.indxw-list .indxw-list-link .img{display: flex;position: relative;justify-content: center;align-items: center;overflow: hidden;border: #f0f0f0 1px solid;height: 100%;max-height: 533px;}
.indxw-list .indxw-list-link .img:before {position: absolute;background: linear-gradient(to bottom, rgba(0, 155, 211, 0), rgba(0, 155, 211, 1));content: "";display: block;width: 100%;height: 100%;z-index: 1;}
.indxw-list .indxw-list-link .img img{width: 100%;transition: all .6s ease;}
.indxw-list .indxw-list-link .cont{width: calc(90% - 0px); position: absolute;bottom: 50px; left: 50%;transform: translateX(-50%); color: #ffffff;z-index: 2;}
.indxw-list .indxw-list-link:hover .img img{transform: scale(1.04);}
.indxw-list .indxw-list-link1 a{display: flex;flex-wrap: wrap;align-content: stretch;height: 100%;}
.indxw-list .indxw-list-link1 .img{position: relative;overflow: hidden;}
.indxw-list .indxw-list-link1 .img img{transition: all .6s ease;height: 100%;width: 100%;}
.indxw-list .indxw-list-link1 .cont{width: calc(90% - 0px); margin: 0 auto;transition: all .4s ease;padding: 25px 0;display: flex;flex-wrap: wrap;align-content: center;}
.indxw-list .indxw-list-link1 .cont .name{width: calc(100% - 0px);}
.indxw-list .indxw-list-link1:hover {background: #009bd3;}
.indxw-list .indxw-list-link1:hover .img img{transform: scale(1.04);}
.indxw-list .indxw-list-link1:hover .cont{color: #ffffff;}

.indxw-loop{width: 100%;position: relative;}
.indxw-loop .swiper-pagination{bottom: 0;top: auto;margin:0 auto;position: relative;height: 2px;}
.indxw-loop .swiper-slide-active .name{color: #ffffff;}
.indxw-loop .swiper-slide-active .time{color: #ffffff;}
.indxw-loop .swiper-slide-active .more{color: #ffffff;}
.indxw-loop .swiper-slide-active .indxw-loop-link:before{content: "";width: 100%;height: 100%;background: #009bd3;position: absolute;top: 0;left: 0;z-index: 3;    opacity: 0.5;}
.indxw-loop .swiper-pagination-progressbar{background: #f8f8f8;}
.indxw-loop .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #009bd3;}
.indxw-loop-link{}
.indxw-loop-link .img{width: calc(100% - 0px);overflow: hidden;background: #f8f8f8;border: #f0f0f0 1px solid;}
.indxw-loop-link .img img{transition: all .6s ease;}
.indxw-loop-link .cont{padding: 30px;width: calc(100% - 0px);position: absolute;left: 0;top: 0;z-index: 5;transition: all .4s ease;height: 100%;}
.indxw-loop-link .name{height: auto;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-loop-link .more i{margin-left: 10px;}
.indxw-loop-link .time{color: #888888;position: absolute;bottom: 30px;right: 30px;text-align: center;}
.indxw-loop-link .time p:first-child{font-family:'SamsungOne300';line-height: 1.2;}
.indxw-loop-link:hover{color: #ffffff;}
.indxw-loop-link:hover:before{content: "";width: 100%;height: 100%;background: #009bd3;position: absolute;top: 0;left: 0;z-index: 3;opacity: 0.5;}
.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-loop-link:hover .more{color: #ffffff;}
.indxw-prev, .indxw-next{width: 44px;height: 44px;border-radius: 50%;background: #f0f0f0;position: absolute;z-index: 4;top: 50%;margin-top: -22px;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.indxw-prev{left: 0px;}
.indxw-next{/*transform: rotate(180deg);*/right: 0px;}
.indxw-prev:hover, .indxw-next:hover{background: #009bd3;color: #ffffff;}


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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
	.indfw-area-line .indfw-num-line:nth-child(19) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(24) {display: none;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
	.indfw-area-line .indfw-num-line:nth-child(21) {display: none;}
}

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


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.indhb-play{position: relative;left: 50%;margin-top: 50px;margin-left: -26px;}
	.indhb-link{height: 80px;}
	.indfw-area-line .indfw-num-line:nth-child(8) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(17) {display: none;}
	.indpp-num-items .num img{max-height: 50px;}
	.indpp-num-items .text{margin:0 0 5px 60px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indMore {width: 136px;height: 40px;border-radius: 20px;}
    .indpp{}
    .indpp .contain {flex-wrap: wrap;}
    .indpp-bg {width: 100%;}
    .indpp-wrap{width: 100%;}
    .indhb-play {width: 44px;height: 44px;margin-left: -22px;margin-top: 30px;}	
	.indhb-head .bigBox_fl li{width: 136px;height: 40px;border-radius: 20px;}
	.indfw-num-line span {margin-top: 0px;}
	.indfw-area-line .indfw-num-line:nth-child(2) {top: 50%;left: 13%;}
	.indfw-area-line .indfw-num-line:nth-child(3) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(5) {top: 20%;left: 60%;}
	.indfw-area-line .indfw-num-line:nth-child(6) {top: 40%;left: 40%;}
	.indfw-area-line .indfw-num-line:nth-child(7) {top: 20%;left: 40%;}
	.indfw-area-line .indfw-num-line:nth-child(9) {top: 10%;left: 13%;}
	.indfw-area-line .indfw-num-line:nth-child(10) {top: 80%;left: 48%;}
	.indfw-area-line .indfw-num-line:nth-child(13) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(14) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(15) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(16) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(18) {top: 70%;left: 25%;}
	.indfw-area-line .indfw-num-line:nth-child(20) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(22) {top: 60%;left: 75%;}
	.indfw-area-line .indfw-num-line:nth-child(23) {display: none;}
	.indxw-loop-link .cont{padding: 20px;}
	.indxw-list {flex-wrap: wrap;}
	.indxw-list .indxw-list-link{width: calc(100% - 0px);}
	.indxw-list .indxw-list-link1{width: calc(100% - 0px);margin-top: 20px;}
	.indal-list ul {flex-wrap: wrap;}
    .indal-list li {width: calc(100% - 0px);margin-left: 0; margin-top: 20px; height: 350px;}
	.indal-list li:first-child {margin-top: 0px;}
	.indal-list li.active {width: calc(100% - 0px);}
	.indal-cont {width: calc(90% - 0px);}
	.indal-cont .name, .indal-cont .text, .indal-cont .img {opacity: 1;}
	.indal-cont .img img{max-height: 50px;}
	.indal-hint {opacity: 0;}
}