@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;position: relative;}
.indban-video{width: 100%;height: 100vh;background: #fafafa;overflow: hidden;}
.indban-video video{width: 100%;height: 110vh;object-fit: cover;}
.indban-video img{width: 100%;height: 100vh;object-fit: cover;display: none;}
.indban-prev, .indban-next{display: none;position: absolute;z-index: 9;width: 54px;height: 54px;border: 2px solid #e1e5e7;cursor: pointer;border-radius: 50%;background: url('../images/index/arrL.svg') no-repeat center/20px auto;top: 50%;margin-top: -27px;transition: all .4s ease;}
.indban-prev{left: 146px;}
.indban-next{right: 146px;transform: rotate(180deg);}
.indban-prev:hover, .indban-next:hover{border: 2px solid #2470bc;background-image: url('../images/index/arrLH.svg');}
.indban-cont{color: #fff;position: absolute;width: 100%;text-align: center;padding: 0 4%;left: 0;bottom: 260px;z-index: 4;}
.indban-cont h2{font-size: 48px;line-height: 1;margin-bottom: 36px;font-weight: 500;}
.indban-cont p{font-size: 20px;line-height: 1;}
.indban-mouse{position: absolute;width: 48px;left: 50%;margin-left: -24px;z-index: 3;text-align: center;font-size: 0;bottom: 70px;user-select: none;cursor: pointer;}
.indban-mouse i{display: block;opacity: 0;width: 3px;height: 3px;border-radius: 50%;background: #fff;margin: 4px auto 0;}
.indban-mouse i.indban-mouse-1{margin-top: 0;}
.indban-mouse b{width: 20px;height: 17px;display: block;background: url('../images/index/down1.png') no-repeat center;margin: 8px 0 0 13px;}
.indban-mouse i.indban-mouse-1{animation: indbanShow1 3s ease both infinite;}
.indban-mouse i.indban-mouse-2{animation: indbanShow2 3s ease both infinite;}
.indban-mouse i.indban-mouse-3{animation: indbanShow3 3s ease both infinite;}
@keyframes indbanShow1 {0%{opacity: 0;}20%{opacity: 1;}60%{opacity: 1;}61%{opacity: 0;}100%{opacity: 0;}}
@keyframes indbanShow2 {0%{opacity: 0;}20%{opacity: 0;}21%{opacity: 1;}70%{opacity: 1;}71%{opacity: 0;}100%{opacity: 0;}}
@keyframes indbanShow3 {0%{opacity: 0;}30%{opacity: 0;}31%{opacity: 1;}80%{opacity: 1;}81%{opacity: 0;}100%{opacity: 0;}}

.indyj{width: 100%;padding: 100px 0;background: url('../images/index/indyjLine.png') repeat-x left bottom;overflow: hidden;}
.indyj-title{width: 100%;text-align: center;}
.indyj-title p{font-size: 18px;color: #363636;line-height: 32px;max-width: 530px;margin: 0 auto;}
.indyj-list{width: 100%;margin-top: 60px;}
.indyj-ul{display: flex;flex-wrap: wrap;margin: -2% 0 0 -2%;}
.indyj-link{display: block;width: 31.3333%;float: left;position: relative;margin: 2% 0 0 2%;}
.indyj-link-img{width: 100%;overflow: hidden;}
.indyj-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indyj-link-cont{position: absolute;width: 100%;color: #fff;height: 100%;top: 0;left: 0;z-index: 2;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.indyj-link-cont i{display: block;height: 60px;transition: all .4s ease;}
.indyj-link-cont i img{max-height: 100%;}
.indyj-link-cont h2{font-size: 22px;line-height: 1;margin: 24px 0 10px;transition: all .4s ease;font-weight: 500;}
.indyj-link-cont p{font-size: 16px;line-height: 1;opacity: 0.6;transition: all .4s ease;}
.indyj-link:hover .indyj-link-img img{transform: scale(1.04);}
.indyj-link:hover .indyj-link-cont i{transform: translateY(-6px);}
.indyj-link:hover .indyj-link-cont h2{transform: translateY(-6px);}
.indyj-link:hover .indyj-link-cont p{transform: translateY(-6px);}

.inddt{width: 100%;padding: 100px 0;overflow: hidden;}
.inddt-title{width: 100%;text-align: center;}
.inddt-title h2{font-size: 28px;color: #363636;line-height: 1;font-weight: 500;}
.inddt-list{width: 100%;margin-top: 40px;}
.inddt-ul{display: flex;flex-wrap: wrap;margin: -68px 0 0 -3%;}
.inddt-link{display: block;width: 30.3333%;float: left;position: relative;margin: 68px 0 0 3%;}
.inddt-link-img{width: 100%;overflow: hidden;}
.inddt-link-img img{width: 100%;height: 15rem;object-fit: cover;transition: all .6s ease;}
.inddt-link-mix{width: 100%;}
.inddt-link-time{width: 100%;position: relative;padding-top: 8px;display: flex;align-items: center;justify-content: space-between;height: 66px;border-bottom: 1px solid #e6e7e8;padding-right: 20px;}
.inddt-link-time span{font-size: 20px;color: #bcc1c6;font-family:'BRUTALTYPE';}
.inddt-link-time img{max-width: 62px;}
.inddt-link-cont{width: 100%;padding-top: 28px;}
.inddt-link-cont h2{font-size: 20px;font-weight: 500;margin-bottom: 20px;transition: all .4s ease;color: #433939;line-height: 28px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.inddt-link-cont p{font-size: 14px;line-height: 24px;color: #94979b;max-height: 72px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.inddt-link:hover .inddt-link-img img{transform: scale(1.04);}
.inddt-link:hover .inddt-link-cont h2{color: #2470bc;}
.inddt-more{display: flex;align-items: center;justify-content: center;margin: 84px auto 0;width: 160px;height: 60px;border-radius: 30px;background: #2470bc;font-size: 18px;color: #fff;transition: all .4s ease;}
.inddt-more:hover{box-shadow: 0 4px 16px 2px rgba(36,112,188,.3);}

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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indban-cont h2 {font-size: 42px;margin-bottom: 28px;}
    .indban-cont {bottom: 180px;}
    .indban-mouse {bottom: 50px;}
    .indyj, .inddt{padding: 80px 0;}
    .indyj-list {margin-top: 50px;}
    .inddt-more {margin-top: 68px;}
    .inddt-ul {margin: -50px 0 0 -3%;}
    .inddt-link {margin: 50px 0 0 3%;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indban-cont h2 {font-size: 36px;margin-bottom: 24px;}
    .indban-cont p {font-size: 18px;}
    .indban-cont {bottom: 160px;}
    .indban-mouse {bottom: 40px;}
    .indyj, .inddt{padding: 60px 0;}
    .indyj-list {margin-top: 40px;}
    .inddt-more {height: 50px;margin-top: 50px;}
    .indyj-link-cont h2 {font-size: 20px;margin: 20px 0 10px;}
    .inddt-ul {margin: -36px 0 0 -3%;}
    .inddt-link {margin: 36px 0 0 3%;}
}

@media all and (max-width:1000px) {
    /* 1024 */
    /* .indban-video{height: auto;min-height: 300px;} */
    .indban-video{height: auto}
    .indban-video video{height: auto;display: none;min-height: auto;}
    .indban-video img{display: block;min-height: 300px;height: auto;}
    .indban-mouse{display: none;}
    .indban-cont{height: 100%;display: flex;flex-direction: column;justify-content: center;bottom: 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indban-cont h2 {font-size: 32px;margin-bottom: 20px;}
    .indyj-link-cont h2 {font-size: 18px;margin: 16px 0 10px;}
    .inddt-link{width: 47%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-cont h2 {font-size: 28px;margin-bottom: 16px;}
    .indban-cont p {font-size: 16px;}
    .indyj, .inddt {padding: 40px 0;}
    .indyj-title p {font-size: 16px;line-height: 26px;}
    .indyj-list {margin-top: 32px;}
    .indyj-ul {margin: -12px 0 0;}
    .indyj-link {width: 100%;margin: 12px 0 0;}
    .inddt-title h2 {font-size: 24px;}
    .inddt-list {margin-top: 32px;}
    .inddt-ul {margin: -24px 0 0;}
    .inddt-link {width: 100%;margin: 24px 0 0;}
    .inddt-link-time span {font-size: 18px;}
    .inddt-link-time {height: 50px;padding-right: 10px;}
    .inddt-link-cont {padding-top: 18px;}
    .inddt-link-cont h2 {font-size: 18px;margin-bottom: 10px;line-height: 26px;height: 52px;}
    .inddt-more {width: 140px;height: 44px;font-size: 16px;margin-top: 32px;}
}