@charset "utf-8";
/* ===================首页样式========================== */
.banner .hasVideo .banner-image img.pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.hasVideo .banner-image img.pc{animation: none !important;}.hasVideo video{display: none;}}
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;height: 100vh;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;background: rgba(0, 0, 0, 0.1);}
.banner-cont .title{width: 100%;}
/* -- */
.banner .swiper-slide{overflow: hidden;}
.banner .banner-image img{transform: matrix(1.16, 0, 0, 1.16, 0, 0);transition: all .4s ease 1.4s;}
.swiper-slide-active .banner-image img{transform: matrix(1, 0, 0, 1, 0, 0);transition: all 4s ease .4s;}
/* -- */
.banner-cont .title{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerRun 1.2s ease both 1s;}
.oneSlide .banner-cont .title{animation: bannerRun 1.2s ease both .4s;}
@keyframes bannerRun{0%{opacity: 0;transform: translateY(max(60px,1.2rem));filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */
.banner .swiper-pagination{position: absolute;bottom: max(28px,0.4rem);}
.banner .swiper-pagination-bullet{background: #fff;}
.indBtn{border: 1px solid #000;background: #fff;height: max(34px,0.42rem);padding: 0 max(14px,0.2rem);transition: all .9s;font-size: 14px;line-height: 1;color: #000;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.indBtn span{position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indBtn::before{content: "";width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: #036aff;transform: scaleX(0);opacity: .2;transition: transform .4s,opacity .5s;}
.indBtn:hover{border-color: #036aff;color: #fff;background: #036aff;}
.indBtn:hover::before{transform: scaleX(100%);opacity: 1;}
/* -- */
.swiper-pagination{font-size: 0;bottom: 0;position: relative;}
.swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 10px !important;background: #bebebe;opacity: 1;}
.swiper-pagination-bullet-active{background: #036aff !important;}
.indcp{background: #fff;}
.indcp-list{width: 100%;}
.indcp-list li{width: 50%;}
.indcp-link{display: block;width: 100%;overflow: hidden;position: relative;}
.indcp-link img.bg{width: 100%;height: 6.2rem;transition: all .6s ease;}
.indcp-link:hover img.bg{transform: scale(1.04);}
.indcp-link .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);color: #fff;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.indcp-link .cont .link{justify-content: center;}
.indxw{background: #f4f4f4;}
.indxw-wrap{width: 100%;}
.indxw-loop{width: 100%;position: relative;}
.indxw-loop .swiper-slide{height: auto;}
.indxw-link{width: 100%;position: relative;display: flex;flex-direction: column; height: 100%; padding: 15px;border: 1px solid transparent;transition: border .4s ease;}
.indxw-link .img{width: 100%;overflow: hidden;display: block;}
.indxw-link .img img{width: 100%;height: 3.18rem;transition: all .6s ease;}
.indxw-link .cont{display: flex;flex-direction: column;flex: 1;}
.indxw-link .tags{width: 100%;flex: 1;}
.indxw-link .tags span{display: flex;align-items: center;padding: 6px 12px;background: #ebebeb;margin: 6px 6px 0 0;}
.indxw-link:hover{border-color: rgba(0, 0, 0, 0.1);}
.indxw-link:hover .img img{transform: scale(1.06);}
.indxw-loop-arrow{position: absolute;width: 40px;height: 40px;font-size: 18px;line-height: 1;color: #000;top: 50%;margin-top: -20px;z-index: 10;cursor: pointer;transition: color .4s ease, opacity .4s ease;user-select: none;}
.indxw-loop-arrow.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
.indxw-loop-arrow.prev{left: -50px;}
.indxw-loop-arrow.next{right: -50px;transform: rotateY(180deg);}
.indxw-loop-arrow:hover{color: #036aff;}
.indxw-more{width: 100%;justify-content: center;margin-top: max(16px,0.2rem);}
.indxw-more a{display: flex;align-items: center;position: relative;transition: color .4s ease;}
.indxw-more a i{transform: rotateY(180deg);margin-right: max(10px,0.14rem);line-height: 1;}
.indxw-more a::after{content: "";position: absolute;width: 0;height: 1px;right: 0;bottom: 0;background: #036aff;opacity: 0;transition: width .4s ease, opacity .1s ease .4s;}
.indxw-more a:hover{color: #036aff;}
.indxw-more a:hover::after{width: 100%;opacity: 1;right: auto;left: 0;transition: width .4s ease .1s, opacity .1s ease;}
.indgy{background: #fff;}
.indgy-items{width: 100%;align-items: flex-start;}
.indgy-items:first-child{margin-top: 0;}
.indgy-items:nth-child(2n+1){flex-direction: row-reverse;}
.indgy-img{width: 5.25rem;overflow: hidden;display: block;}
.indgy-img img{width: 100%;transition: all .6s ease;}
.indgy-items:hover .indgy-img img{transform: scale(1.04);}
.indgy-cont{width: calc(100% - 5.25rem);padding-left: max(30px,0.68rem);margin-top: -4px;}
.indgy-items:nth-child(2n+1) .indgy-cont{padding-left: 0;padding-right: max(30px,0.68rem);}
.indgz{background: #fff;}
.indgz-head{width: 100%;justify-content: space-between;align-items: center;}
.indgz-code{width: auto;}
.indgz-code a{display: flex;align-items: center;justify-content: center;position: relative;margin-right: 26px;font-size: 20px;color: #000;transition: color .4s ease;}
.indgz-code a:first-child{font-size: 22px;}
.indgz-code a:last-child{margin-right: 0;}
.indgz-code a:hover{color: #036aff;}
.indgz-loop{width: 100%;position: relative;}
.indgz-link{width: 100%;position: relative;}
.indgz-link .img{width: 100%;display: block;overflow: hidden;}
.indgz-link .img img{width: 100%;height: 1.94rem;transition: all .6s ease;}
.indgz-link .img:hover img{transform: scale(1.06);}
.indgz-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transform: translate3d(0,0,10px);pointer-events: none;}
.indgz-link .link{position: absolute;z-index: 4;width: 100%;bottom: 0;left: 0;justify-content: space-between;color: #fff;line-height: 1;}
.indgz-link .link a{transition: opacity .4s ease;}
.indgz-link .link a:hover{opacity: 0.6;}
.indgz-loop .swiper-pagination{display: none;}
.indgz-loop .btn{position: absolute;width: 40px;height: 40px;font-size: 18px;line-height: 1;color: #000;top: 50%;margin-top: -20px;z-index: 10;cursor: pointer;transition: color .4s ease, opacity .4s ease;user-select: none;}
.indgz-loop .btn.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
.indgz-loop .btn.prev{left: -50px;}
.indgz-loop .btn.next{right: -50px;transform: rotateY(180deg);}
.indgz-loop .btn:hover{color: #036aff;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .indxw-loop-arrow,.indgz-loop .btn{display: none;}
    .indgz-loop .swiper-pagination{display: block;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .banner-image img{width: 100%;height: calc(100vh - 60px);}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-cont .title{font-size: 26px;}
    .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 4px !important;}
    .indcp-list ul{margin-top: -10px;}
    .indcp-list li{width: 100%;margin-top: 10px;}
    .indcp-link img.bg{height: 390px;}
    .indxw-link{border: 1px solid rgba(0, 0, 0, 0.1);padding: 14px;}
    .indxw-link .img img{height: 301px;}
    .indxw-link .cont .title{height: 60px;-webkit-line-clamp: 3;-moz-line-clamp: 3;line-clamp: 3;}
    .indgy-items{flex-direction: row !important;}
    .indgy-img{width: 100%;}
    .indgy-cont{width: 100%;padding: 24px 0 0 !important;}
    .indgz-code a {margin-right: 14px;font-size: 16px;}
    .indgz-code a:first-child {font-size: 18px;}
    .indgz-link .img img{height: 160px;}
    .indgz-link .link{padding: 0 12px 10px;font-size: 16px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indcp-list ul{margin-top: 0;}
    .indcp-list li{width: 50%;margin-top: 0;}
    .indcp-link img.bg{height: 418px;}
    .indxw-link .img img{height: 316px;}
    .indgz-link .img img{height: 225px;}
}