@charset "utf-8";
/* ===================棣栭〉鏍峰紡========================== */
/* 瑙嗛寮圭獥 */
.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}
/* ---- */
.indban{width: 100%;overflow: hidden;position: relative;user-select: none;}
.indban-img{width: 100%;position: relative;overflow: hidden;}
.indban-img img{width: 100%;object-fit: cover;display: block;}
.indban-img img.pc{height: auto;min-height:700px}
.indban-img img.mb{display: none;min-height: 300px;}
.indban-cont{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;}
.indban-cont video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;background:rgba(0,0,0,.5);backdrop-filter: saturate(180%) blur(20px);display:none}
.indban-cont h2{font-size: 48px;color: #fff;}
.indban-cont h6{font-size: 22px;color: #fff;margin-top: 10px;font-weight:lighter;}
.indban-cont-btn{width: 100%;font-size: 0;margin-top: 30px;}
.indban-cont-btn a{display: inline-block;vertical-align: middle;border-radius: 3px;width: 140px;height: 42px;line-height: 40px;text-align: center;transition: all .4s ease;border:1px solid #fff}
.indban-cont-btn a span{display: inline-block;font-size: 16px;color: #fff;transition:color .4s ease}
.indban-cont-btn a.video{border: 1px solid #fff;}
.indban-cont-btn a.video span{padding-left: 28px;background: url('../images/index/indbanVd.png') no-repeat left top 12px;transition:background .4s ease}
.indban-cont-btn a+a{margin-left:10px}
.indban-cont-btn a.video:hover{background: #fff;border: 1px solid #fff;color:#0063b4}
.indban-cont-btn a.video:hover span{background-image:url(../images/index/indbanVd-blue.png)}
.indban-cont-btn a.more:hover{background: #e51c17;border-color:#e51c17}
.indban-cont-btn a:hover span{color:#fff}
/* -- */
.indban-cont h2, .indban-cont h6, .indban-cont-btn{opacity: 0;transform: translateX(80px);}
.indban-cont h2{transition: all 1.2s ease 1s;}
.indban-cont h6{transition: all 1.2s ease 1.15s;}
.indban-cont .indban-cont-btn{transition: all 1.2s ease 1.3s;}
.oneSlide .indban-cont h2{transition: all 1.2s ease;}
.oneSlide .indban-cont h6{transition: all 1.2s ease .15s;}
.oneSlide .indban-cont .indban-cont-btn{transition: all 1.2s ease .3s;}
.swiper-slide-active .indban-cont h2, .swiper-slide-active .indban-cont h6, .swiper-slide-active .indban-cont-btn{transform: translateX(0);opacity: 1;}
/* -- */
.indban .swiper-pagination{bottom: 40px;font-size: 0;}
.indban .swiper-pagination-bullet {width: 60px;height: 3px;border-radius: 0;background: rgba(230,230,230,.7);opacity: 1;margin: 0 5px !important;position:relative;z-index:1}
.indban .swiper-pagination-bullet:after{content:'';width:0;background:#fff;position:absolute;left:0;top:0;height:100%;z-index:2}
.indban .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:100%;opacity:1;transition:width 4s}
.indban  video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;background-color:rgba(0,0,0,.8)}

.indSpace{width: 100%;overflow: hidden;padding: 90px 0 100px;}
.indMenu{width: 100%;font-size: 0;text-align: center;}
.indMenu a{display: inline-block;vertical-align: middle;font-size: 35px;color: #000;position: relative;height: 68px;margin: 0 32px;transition: all .4s ease;}
.indMenu a::after{content: "";position: absolute;width: 0;bottom: 0;right: 0;height: 3px;background: #0063b4;transition: all .4s ease;}
.indMenu a.active{font-weight: 700;color: #000 !important;cursor: default;}
.indMenu a.active::after{right: auto;left: 0;width: 100%;}
.indMenu a:hover{color: #0063b4;}
.indItems{width: 100%;margin-top: 42px;}
.indItems>div{display: none;width: 100%;}
.indItems>div.active{display: block;}

.indcp-list, .indal-list{width: 100%;}
.indcp-list ul{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.indcp-list ul li:nth-child(1){width: 45%;}
.indcp-list ul li:nth-child(2){width: 53%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.indcp-list ul li:nth-child(3){display:none!important}
.indcp-link{width: 100%;display: flex;flex-direction: column;border-radius: 6px;border: 1px solid #ececec;position: relative;transition: all .4s ease;}
.indcp-link-tags{position: absolute;display: inline-block;top: 20px;left: 20px;font-size: 12px;text-transform: uppercase;font-weight: 700;color: #fff;z-index: 4;border-radius: 8px;padding: 2px 8px;line-height: 1.1;}
.indcp-link-tags.new{background: #0063b4;}
.indcp-link-tags.hot{background: #e51c17;}
.indcp-link-img{width: 100%;display: flex;height: 191px;align-items: center;justify-content: center;background: #f9f9f9;}
.indcp-link-img img{max-height: 140px;max-width: 88%;transition:all .4s ease}
.indcp-list a:hover .indcp-link-img img{transform:scale(1.04)}
.indcp-link-cont{display: flex;flex-direction: column;justify-content: center;text-align: center;height: 84px;padding: 0 20px;}
.indcp-link-cont h2{font-size: 16px;color: #333;font-weight: 700;transition: all .4s ease;margin-bottom: 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indcp-link-cont p{font-size: 14px;color: #8c8c8c;line-height:22px;max-height:44px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical}
.indcp-link:hover{box-shadow: 0 2px 24px 0 rgba(0,0,0,.14);}
.indcp-link:hover .indcp-link-cont h2{color: #0063b4;}
.indcp-list ul li:nth-child(1) .indcp-link-cont, .indcp-list ul li:nth-child(3) .indcp-link-cont{height: 142px;}
.indcp-list ul li:nth-child(1) .indcp-link-img, .indcp-list ul li:nth-child(3) .indcp-link-img{height: 434px;}
.indcp-list ul li:nth-child(1) .indcp-link-img img, .indcp-list ul li:nth-child(3) .indcp-link-img img{max-height: 98%;}
.indcp-list ul li:nth-child(1) .indcp-link-cont h2{font-size: 20px;margin-bottom: 10px;}
.indcp-list ul li:nth-child(1) .indcp-link{flex-direction: column-reverse;}
.indcp-list ul li:nth-child(2) .indcp-link{width: 48%;}
.indcp-list ul li:nth-child(2) .indcp-link:nth-child(n+3){margin-top: 24px;}
/* -- */
.indal-list ul{display:flex;overflow:hidden}
/*.indal-list ul li{width: 25.21%;}*/
.indal-list ul li:hover{width: 47.29%;}
.indal-list ul li{width: 33.33%;transition:.6s;padding:0 10px}
.indal-list ul:nth-child(2) li{width:50%}
.indal-list ul:nth-child(2) li:hover{width:70%}
.indal-list ul:last-child{margin-top: 10px;}
.indal-link{width: 100%;border-radius: 10px;overflow: hidden;position: relative;display: block;}
.indal-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/index/indalSd.png') repeat-x center/100% 100%;z-index: 2;}
.indal-link-img{width: 100%;object-fit: cover;transition: all .6s ease;height: 284px;}
.indal-link-cont{position: absolute;bottom: 26px;height: calc(100% - 26px);left: 0;color: #fff;z-index: 4;padding: 0 26px;overflow: hidden;width: 100%;display: flex;align-items: flex-end;}
.indal-link-cont img{height: 32px;}
.indal-link-cont h2{font-size: 20px;font-weight: 700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 12px 0 34px;transition:all .4s ease}
.indal-link-cont p{font-size: 15px;opacity: 0;transition: all .6s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indal-link-run{width: 100%;transform: translateY(34px);transition: all .6s ease;}
.indal-link:hover .indal-link-img{transform: scale(1.04);}
.indal-link:hover .indal-link-cont h2{margin-bottom:16px}
.indal-link:hover .indal-link-run{transform: translateY(-50px);}
.indal-link:hover .indal-link-cont p{opacity: 1;transition: all .6s ease .1s;}
/* -- */
.indcpal-more{width: 100%;margin-top: 40px;}
.indcpal-more a{display: flex;align-items: center;justify-content: center;width: 150px;height: 42px;border-radius: 3px;border: 1px solid #111;font-size: 16px;color: #111;margin: 0 auto;transition: all .4s ease;}
.indcpal-more a:hover{border: 1px solid #0063b4;color: #fff;background: #0063b4;}

.indxw{background: #f6f6f6;}
.indxw-list{width: 100%;}
.indxw-list ul{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.indxw-list li{width: 31.93%;background: #fff;padding-bottom: 60px;border-radius: 10px;transition: all .4s ease;}
.indxw-link-img{display: block;width: 100%;overflow: hidden;}
.indxw-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-link-img span{display:inline-block;background:#0063b4;color:#fff;font-size:13px;padding:2px 4px;position:absolute;right:10px;top:10px;border-radius:4px}
.indxw-link-cont{width: 100%;padding: 32px 34px 0;}
.indxw-link-cont h2{font-size: 22px;color: #383838;line-height: 30px;height: 60px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-link-cont h2 a{transition: all .4s ease;}
.indxw-link-cont p{font-size: 15px;line-height: 22px;color: #808080;height: 44px;margin-top: 10px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-link-more{display: inline-block;transition: all .4s ease;margin-top: 48px;padding-left: 24px;font-size: 16px;color: #444;background: url('../images/index/indxwArr.png') no-repeat left top 6px;}
.indxw-list li:hover{box-shadow: 0 2px 24px 0 rgba(0,0,0,.14);}
.indxw-link-img:hover img{transform: scale(1.06);}
.indxw-link-cont h2 a:hover{color: #0063b4;}
.indxw-link-more:hover{color: #0063b4;}
.indxw-name{width: 100%;padding: 34px 34px 0;}
.indxw-name-title{display: flex;width: 100%;justify-content: space-between;align-items: flex-end;padding-bottom: 14px;}
.indxw-name-title h4{font-size: 23px;color: #000;}
.indxw-name-title a{font-size: 16px;color: #a7a7a7;transition: all .4s ease;}
.indxw-name-title a:hover{color: #0063b4;}
.indxw-name-link{width: 100%;}
.indxw-name-link a{display: flex;width: 100%;flex-direction: column;justify-content: center;padding: 17px 0;border-top: 1px solid #eaeaea;}
.indxw-name-link a:last-child{padding-bottom: 0;}
.indxw-name-link a p{font-size: 13px;color: #444;font-weight: 700;}
.indxw-name-link a h2{font-size: 16px;color: #555;line-height: 24px;height: 48px;margin-top: 8px;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-name-link a:hover h2{color: #0063b4;text-decoration: underline;}

.Header-logo img.w,body.Lucency .Header-logo img.c{display:none}
body.Lucency .Header-logo img.w{display:block}


/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
}

@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .indSpace {padding: 74px 0 80px;}
    .indban-cont h2 {font-size: 44px;}
    .indban-cont h6 {margin-top: 6px;}
    .indban-cont-btn {margin-top: 32px;}
    .indban .swiper-pagination {bottom: 32px;}
    .indMenu a {font-size: 30px;height: 60px;margin: 0 26px;}
    .indal-link-img{height: 244px;}
    .indal-link:hover .indal-link-run {transform: translateY(-36px);}
    .indxw-name {padding: 20px 34px 0;}
    .indxw-name-title h4 {font-size: 20px;}
    .indxw-list li {padding-bottom: 32px;}
    .indxw-name-link a {padding: 14px 0;}
    .indcp-link-tags {top: 16px;left: 16px;}
    .indban-img img.pc{height: auto;min-height:600px}
    .indban .swiper-pagination-bullet{width:50px}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .indSpace {padding: 60px 0 64px;}
    .indban-cont h2 {font-size: 36px;}
    .indban-cont h6 {font-size: 20px;margin-top: 4px;}
    .indban-cont-btn {margin-top: 24px;}
    .indMenu a {font-size: 26px;height: 54px;margin: 0 22px;}
    .indal-link-img {height: 196px;}
    .indal-link-cont h2 {font-size: 18px;margin: 10px 0 30px;}
    .indal-link:hover .indal-link-cont h2{margin-bottom:10px}
    .indal-link-run {transform: translateY(28px);}
    .indal-link:hover .indal-link-run {transform: translateY(-24px);}
    .indxw-link-cont {padding: 32px 24px 0;}
    .indxw-link-cont h2 {font-size: 20px;line-height: 28px;height: 56px;}
    .indxw-link-cont p {height: 66px;-webkit-line-clamp: 3;}
    .indxw-name {padding: 20px 24px 0;}
    .indban-img img.pc{height: auto;min-height:500px}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indban video{display:none!important}
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .indcp-list ul li:nth-child(1){width: 100%;}
    .indcp-list ul li:nth-child(2), .indcp-list ul li:nth-child(3){width: 100%;margin-top: 5.2%;}
    .indcp-list ul li:nth-child(2) .indcp-link:nth-child(n+3){margin-top: 5.2%;}
    .indcp-list ul li:nth-child(1) .indcp-link-img, .indcp-list ul li:nth-child(3) .indcp-link-img {height: 380px;}
    .indcp-list ul li:nth-child(1) .indcp-link-cont, .indcp-list ul li:nth-child(3) .indcp-link-cont {height: 110px;}
    .indal-link-cont {padding: 0 20px;}
    .indxw-list li{width: 47.4%;}
    .indxw-list li:last-child{width: 100%;margin-top: 5.2%;}
    .indxw-link-cont p {height: 44px;-webkit-line-clamp: 2;}
    .indxw-link-more {margin-top: 32px;}
    .indal-list ul li{padding:0 5px}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .indSpace {padding: 40px 0 44px;}
    .indban-cont{align-items:flex-start;padding-top:15%}
    .indban-img img.pc{display: none;}
    .indban-img img.mb{display: block;}
    .indban-cont h2 {font-size: 24px;}
    .indban-cont h6 {font-size: 18px;}
    .indban-cont-btn a {width: 120px;height: 38px;line-height: 36px;}
    .indban-cont-btn a.video span {padding-left: 26px;background-position: left top 10px;}
    .indban-cont-btn {margin-top: 18px;}
    .indban .swiper-pagination {bottom: 24px;}
    .indMenu a {font-size: 20px;height: 42px;margin: 0 14px;}
    .indItems {margin-top: 28px;}
    .indcp-list ul li:nth-child(1) .indcp-link-cont, .indcp-list ul li:nth-child(3) .indcp-link-cont {height: 110px;}
    .indcp-list ul li:nth-child(1) .indcp-link-cont h2 {font-size: 18px;margin-bottom: 4px;}
    .indcp-link-tags {top: 12px;left: 12px;}
    .indcp-list ul li:nth-child(1) .indcp-link-img, .indcp-list ul li:nth-child(3) .indcp-link-img {height: 300px;}
    .indcp-list ul li:nth-child(2), .indcp-list ul li:nth-child(3), .indcp-list ul li:nth-child(2) .indcp-link:nth-child(n+3){margin-top: 2%;}
    .indcp-list ul li:nth-child(2) .indcp-link{width: 49%;}
    .indcp-list ul li:nth-child(2) .indcp-link .indcp-link-img{padding-top: 16px;}
    .indcp-link-cont {padding: 0 16px;}
    .indal-list ul li{width: 100% !important;margin-top: 10px;}
    .indal-list ul li:first-child{margin-top: 0;}
    .indal-link-run {transform: translateY(0);}
    .indal-link:hover .indal-link-run {transform: translateY(0);}
    .indal-link-cont p{opacity: 1;}
    .indal-link-cont h2 {margin: 8px 0;}
    .indal-link-img {height: auto;min-height: 200px;}
    .indcpal-more a {width: 140px;height: 40px;}
    .indcpal-more {margin-top: 32px;}
    .indxw-list li{width: 100%;padding-bottom: 24px;margin-top: 20px !important;}
    .indxw-list li:first-child{margin-top: 0 !important;}
    .indxw-link-cont h2 {font-size: 18px;line-height: 26px;height: 52px;}
    .indxw-link-cont {padding: 20px 16px 0;}
    .indxw-link-more {margin-top: 18px;}
    .indxw-name {padding: 24px 16px 4px;}
    .indal-list ul{flex-wrap:wrap}
    .indcp-link-cont p{max-height:40px;font-size:13px;line-height:20px}
    .indban .swiper-pagination-bullet{width:40px;height:2px}
    .indban-cont-btn a span{font-size:14px}
    .indban-cont-btn a{width:100px;height:34px;line-height:34px}
    .indban-cont h6{font-size:16px}
    .indban-cont h6,.indban-cont h2,.indban-cont-btn{transition:none!important;transform:translateX(0)!important;opacity:1}
}