/* ===================首页样式========================== */
.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%;top: 50%;transform: translateY(-50%);left: 0;}
.banner-cont .name{font-family:'SamsungOne300';color: #FFFFFF;text-align: center;text-transform: capitalize;}
.banner-cont .text{font-family:'SamsungOne300';color: #FFFFFF;text-align: center;text-transform: capitalize;}
.banner-cont .link{display: flex;align-items: center;justify-content: center;width: 150px;height: 44px;background: #004994;border-radius: 22px;transition: all .4s ease;color: #ffffff;margin: 20px auto 0;}
.banner-cont .link span{}
.banner-cont .link i{margin-left: 10px;}
.banner-cont .link:hover{box-shadow: 0 0 30px rgba(0, 0, 0, .1);}
.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: #004994;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: 400px;}
.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: 400px;}
.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: 80px;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: #5ab651;color: #ffffff;}
@media (max-width: 640px){
.banner-cont{bottom: 50px;}
.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-btn{bottom: 20px;}
.banner-prev, .banner-next{width: 40px;height: 40px;}
}

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

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

.indpp{width: 100%;position: relative;display: flex;flex-wrap: wrap;align-content: space-between;background: #004994 url(/template/cn/image/about_bg.png) right bottom no-repeat;background-size: 80% auto;}
.indpp-bg{display: flex;align-items: center;justify-content: space-between;}
.indpp-bg .indTitle {max-width: 70%}
.indpp-bg .indTitle .name{color: #ffffff;}
.indpp-bg .indTitle .text{color: #ffffff;}
.indpp-wrap{width: calc(100% - 0px);color: #ffffff;}
.indpp-num{width: 80%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.indpp-num-items{margin-right: 20px;display: flex;color: #ffffff;max-width: calc(33.33% - 20px);}
.indpp-num-items:last-child{margin-right: 0px;}
.indpp-num-items .indpp-num-line{margin-right: 10px;color: #5ab651;}
.indpp-num-items .num{display: flex;align-items: baseline;justify-content: flex-start;flex-wrap: wrap;}
.indpp-num-items .num .timer{font-family: 'SamsungOne300';}
.indpp-num-items .num  i{font-style: normal;margin-left: 10px;}
.indpp-num-items .text{width: 100%;}

.indhb-play{position: relative;}
.indhb-play .contain{background: #000000;border-radius: 10px;position: relative;}
.indhb-play img{opacity: 0.9;height: 100%;width: 100%;}
.indhb-play i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: inline-block;width: 3.25rem;height: 3.25rem;background: #ffffff;border-radius: 100%;}
.indhb-play i:before {position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-top: 0.5rem solid transparent;border-bottom: 0.5rem solid transparent;border-left: 0.8rem solid #004994;z-index: 2;}
.indhb-play i:after {position: absolute;content: '';width: 200%;height: 200%;left: -50%;top: -50%;background: rgba(255, 255, 255, 1.0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;animation: changes 2s linear 0.5s infinite;}
.indhb-play p {width: 100%;float: left;margin-top: 1.5rem;text-align: center;color: #ffffff;z-index: 1;}
.indhb-play i:hover::after {animation-play-state: paused;}
@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.5;
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}

.indal{}
.indal-head {display: flex;justify-content: space-between;align-items: center;}
.indal-loop {}
.indal-link{position: relative;display: block;transition: all .4s ease;overflow: hidden;}
.indal-link:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 73, 148, 0.3);border: rgba(0, 98, 199, 0) 10px solid;transition: all .4s ease;}
.indal-link .cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4;text-align: center;}
.indal-link .cont .iconfont{color: #ffffff;}
.indal-link .cont .name{color: #ffffff;}
.indal-link .img{}
.indal-link .img img{transition: all .6s ease;width: 100%;}
.indal-link:hover{}
.indal-link:hover:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
.indal-link:hover .cont .iconfont{color: #5ab651;}
.indal-link:hover .cont .name{}
.indal-link:hover .img img{transform: scale(1.04);}
.indal-btn {display: flex;}
.indal-prev, .indal-next{width: 44px;height: 44px;border-radius: 50%;background: #f8f8f8;cursor: pointer;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}
.indal-prev{left: 0px;margin-right: 10px;}
.indal-next{right: 0px;}
.indal-prev:hover, .indal-next:hover{background: #5ab651;color: #ffffff;}

.indca{}
.indca-menu .contain{display: flex;justify-content: space-between;align-items: flex-end;}
.indca-menu .contain ul{display: flex;justify-content: space-between;}
.indca-menu .contain ul li{text-align: center;margin-left: 10px;}
.indca-menu .contain ul li h2{color: #888888;height: auto;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indca-menu .contain ul li.active {color: #004994;}
.indca-menu .contain ul li.active h2{color: #004994;}
.indca-head {min-width: 30%;}
.indca-loop{width: calc(100% - 0px);position: relative;}
.indca-loop .swiper-slide{display: flex;justify-content: space-between;}
.indca-loop .indca-loop-left{width: calc(50% - 10px);position: relative;}
.indca-loop .indca-loop-right{width: calc(50% - 10px);position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.indca-loop .indca-loop-right li{width: calc(50% - 10px);}

.indca-link{width: 100%;display: block; position: relative;overflow: hidden;}
.indca-link:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 73, 148, 0.3);border: rgba(0, 98, 199, 0) 10px solid;transition: all .4s ease;}
.indca-link .img{background: #f8f8f8;}
.indca-link .img img{transition: all .6s ease;}
.indca-link .logo{position: absolute;top: 30px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 80%;}
.indca-link .logo img{max-height: 30px;}
.indca-link .cont{position: absolute;bottom: 30px;left: 50%;transform: translate(-50%, 0%);z-index: 4;width: 80%;text-align: left;}
.indca-link .cont .name{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #FFFFFF;}
.indca-link .cont .text{height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;color: #FFFFFF;display: none;}
.indca-link:hover{}
.indca-link:hover:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
.indca-link:hover .img img{transform: scale(1.04);}
.indca-link:hover .cont{}
.indca-link:hover .cont .text{display: -webkit-box;}


.indxw{width: 100%;position: relative;}
.indxw-head{width: 100%;}
.indxw-head .indTitle .name{color: #000000;}
.indxw-loop{width: 100%;position: relative;display: flex;justify-content: space-between;}
.indxw-loop .indxw-left{width: calc(50% - 10px);}
.indxw-loop .indxw-right{width: calc(50% - 10px);}
.indxw-left-link{width: 100%;height: 100%; padding: 30px; transition: all .4s ease;background: #f8f8f8;display: block;}
.indxw-left-link .name{eight: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-left-link .time{color: #888888;}
.indxw-left-link .img img{transition: all .6s ease;width: 100%;}
.indxw-left-link:hover{background: #5ab651;}
.indxw-left-link:hover .name{color: #FFFFFF;}
.indxw-left-link:hover .time{color: #FFFFFF;}
.indxw-left-link:hover .img img{transform: scale(1.04);}
.indxw-left-link:hover .indMore{background: #ffffff;opacity: 1;}
.indxw-left-link:hover .indMore span{ color: #5ab651;}
.indxw-left-link:hover .indMore i{ color: #5ab651;}
.indxw-right-link{width: 100%;height: 100%; padding: 30px; transition: all .4s ease;border-bottom: #f0f0f0 1px solid;    display: block;}
.indxw-right-link .cont{display: flex;justify-content: space-between;align-items: flex-end;}
.indxw-right-link .name{width: calc(100% - 50px);height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-right-link .time{color: #888888;width: 50px;text-align: right;}
.indxw-right-link .text{color: #888888;height: auto;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-right-link:hover .name{color: #5ab651;}


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

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

@media all and (max-width:1439px) {
    /* 1360 */
	.indca .box{height: 510px;}
}

@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;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indMore{width: 136px;height: 40px;border-radius: 20px;}
	.indpp{background-size: 100% auto;}
    .indpp-wrap {width: 100%;}
	.indpp-num{width: 100%;}
	.indpp-num-items{width: calc(50% - 20px);max-width: calc(50% - 20px);}
	.indal-link:before{background: rgba(0, 73, 148, 0.8);border: rgba(0, 98, 199, 1) 10px solid;}
	.indal-link .cont .iconfont{color: #5ab651;}
	.indal-prev, .indal-next{width: 40px;height: 40px;}
	.indca {}
	.indca-menu .contain{flex-wrap: wrap;}
	.indca-menu .contain ul {width: 100%;flex-wrap: wrap;justify-content: space-between;}
	.indca-menu .contain ul li {width: calc(50% - 5px);margin-left: 0px;}
	.indca-menu .contain ul li:first-child {/*margin-left: 0px;*/}
	.indca-loop .swiper-slide{flex-wrap: wrap;}
	.indca-loop .indca-loop-left{width: calc(100% - 0px);}
	.indca-loop .indca-loop-right{width: calc(100% - 0px);}
	.indca-loop .indca-loop-right li{width: calc(50% - 5px);margin-top: 10px;}
	.indxw-loop {flex-wrap: wrap;}
	.indxw-loop .indxw-left {width: calc(100% - 0px);}
	.indxw-loop .indxw-right {width: calc(100% - 0px);}
	.indxw-left-link {padding: 30px 15px;}
	.indxw-right-link {padding: 15px;}
}