/* ===================首页样式========================== */
.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;}
.banner-cont .text{font-family: 'SamsungOne300';color: #ffffff;text-align: left;text-transform: capitalize;}
.banner-cont .link{display: flex;align-items: center;justify-content: center;width: 150px;height: 44px;background: #ffffff;border-radius: 22px;transition: all .4s ease;}
.banner-cont .link span{}
.banner-cont .link i{margin-left: 10px;}
.banner-cont .link:hover{background: #0c4172;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: #0c4172;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: 160px;display: flex;justify-content: center;width:  92%!important;left: 4%;justify-content: space-between;align-items: center;}
.banner-prev, .banner-next{width: 44px;height: 44px;border-radius: 50%;background:rgba(255, 255, 255, 1);position: absolute;z-index: 4;top: 50%;margin-top: -22px;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.banner-prev{right: 54px;}
.banner-next{/*transform: rotate(180deg);*/right: 0;}
.banner-prev:hover, .banner-next:hover{background: #0c4172;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;margin-top: -20px;}
.banner-prev{right: 50px;}
.banner-btn{bottom: 80px;}
}

.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: #0c4172;color: #ffffff;}

.indpp{width: 100%;position: relative;background:url(/template/cn/image/about_bg.png) #ffffff bottom center no-repeat;}
.indpp .contain{position: relative;justify-content: space-between;display: flex;}
.indpp .indTitle{max-width: 880px;position: relative;z-index: 4;text-align: left;}
.indpp-bg{width: calc(65% - 25px);}
.indpp-cont{color: #888888;}
.indpp-wrap{width: calc(35% - 25px);}
.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: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.indpp-num-line{}
.indpp-num-items{width: calc(50% - 0px);}
.indpp-num-items .num{display: flex;align-items: baseline;}
.indpp-num-items .num .timer{font-family: 'SamsungOne300';color: #0c4172;}
.indpp-num-items .num i{font-style: normal;margin-left: 10px;}
.indpp-num-items .text{}
.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: #0c4172;color: #ffffff;}
.indhb-head .bigBox_fl li:hover{background: #0c4172;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: 100px;align-items: center;justify-content: center;padding: 10px;background: #ffffff;}
.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: #0c4172;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{width: 100%;}
.indal .indal-head .indTitle{display: flex;align-items: center;justify-content: space-between;}
.indal .indal-head .indTitle .name{color: #ffffff;}
.indal .indal-head .indTitle .indMore{border: 1px solid #ffffff;background: none;color: #ffffff;}
.indal .indal-head .indTitle .indMore:hover{border: 1px solid #0c4172;background: #0c4172;}
.indal-loop{width: 100%;position: relative;}
.indal-loop-cont {position: absolute;width: 100%;top: 30%;right: 0;color: #ffffff;z-index: 4;}
.indal-loop-cont .contain {}
.indal-menu {position: absolute;z-index: 5;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-content: space-between;justify-content: flex-end;flex-wrap: wrap;}
.indal-menu ul {bottom: 0;position: absolute;width: 100%;display: flex;justify-content: space-between;}
.indal-menu li {width: 100%;position: relative;}
.indal-menu li:before {content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;z-index: 1;background: rgba(255, 255, 255, 0.2);}
.indal-menu li:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;z-index: 1;background: rgba(255, 255, 255, 0.2);}
.indal-menu li.active {background: #0c4172;}
.indal-menu li.active:before {background: #0c4172;}
.indal-menu li.active:after {background: #0c4172;}
.indal-menu  .indal-menu-cont{display: flex;align-items: center;justify-content: space-around;padding: 30px 0;color: #ffffff;}
.indal-menu .img{width: 40px;height: 40px;background-size: 100%; }
.indal-menu .name {}
/* 效果 */
.indal-loop-cont .name, .indal-loop-cont .hint{opacity: 0;max-width: 80%;}
.swiper-slide-active .indal-loop-cont .name{animation: bannerUp2 1s ease both .9s;font-family: 'SamsungOne300';}
.swiper-slide-active .indal-loop-cont .hint{animation: bannerUp2 1s ease both 1s;}
@keyframes bannerUp2 {0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.indal .swiper-slide {overflow: hidden;position: relative;}
.indal .swiper-slide:before {content: "";width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(12, 65, 114, 1), rgba(12, 65, 114, 0));position: absolute;top: 0;left: 0;z-index: 3;}
.indal .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: 80vh;}
.indal .swiper-slide-active img {transition-delay: 0.4s !important;transform: matrix(1.06, 0, 0, 1.06, 0, 0);transition: all 4s ease;}


.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: 4rem;height: 4rem;background: #0c4172; border-radius: 100%;padding: 0px;display: flex;align-items: center;justify-content: center;position: absolute;top: 45%;right: 20%;z-index: 10;color: #ffffff;text-align: center;}
.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: #0c4172;-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: #0c4172;-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: #0c4172;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%;display: flex;align-items: center;justify-content: space-between;}
.indxw-head .indMore{border: #f0f0f0 1px solid;}
.indxw-head .indMore:hover{border: #0c4172 1px solid;}

.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: #0c4172;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: #0c4172;}
.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: #0c4172;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: #0c4172;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(12) {display: none;}
	.indfw-area-line .indfw-num-line:nth-child(17) {display: none;}
	.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 适配 */
    .indal-loop-cont .name, .indal-loop-cont .hint{max-width: 100%;}
	.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;}
}
@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;}
	.indal-menu .indal-menu-cont {flex-wrap: wrap;padding: 20px 0;}
	.indal-menu .indal-menu-cont i{display: none;}
	.indal-menu ul li .name {width: 100%;text-align: center;margin-top: 10px;}
	.indal-loop-cont {top: 20%;}
	@keyframes bannerUp2{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}	
	.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;}
}