@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun{position: relative;}
.banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.banner .swiper-pagination{bottom: 95px;text-align: left;}
.banner .swiper-pagination-bullet{width: 50px;height: 2px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 5px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #288cff;position: absolute;top: 0;left: 0;}
.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-lun .content .title{text-shadow: 2px 3.464px 3px rgba(0, 0, 0, 0.1);color: #288cff;}
.banner-btn{width: 160px;height: 48px;display: flex;justify-content: center;align-items: center;position: relative;box-shadow: 0px 0px 15px 0px rgba(91, 113, 146, 0.1);}
.banner-btn img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}

.indsj{margin-top: -60px;z-index: 2;}
.indsj-list { border-style: solid;border-width: 1px;border-color: rgb(255, 255, 255);border-radius: 5px;    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(245,248,251) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(245,248,251) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(245,248,251) 100%);box-shadow: 0px 0px 15px 0px rgba(91, 113, 146, 0.1);padding: 30px 0px;overflow: hidden;}
.indsj-list li{height: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;width: calc(100%/5);border-right: 1px solid #efefef;}
.indsj-list li:last-child{border-right: 0px solid #efefef;}

.CommonTitle .line{width: 50px;height: 2px;background-color: #2677ee;}
.CommonTitle.flex {flex-direction: column;justify-content: center;align-items: center;}
  
.indsj {position: relative;}
.indcp{border-bottom: 1px solid #e7e7e7;}
.indcp-list {padding: 0px 120px;justify-content: space-between;}
.indcp-list a {flex-direction: column;justify-content: center;align-items: center;position: relative;padding-bottom: 26px;}
.indcp-list a .img{height: 50px;}
.indcp-list a .img img{max-height: 100%;}
.indcp-list a .text{transition: all .4s ease;}
.indcp-list a::before{content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);height: 2px;background-color: #2677ee;transition: all .4s ease;width: 0%;}
.indcp-list a.active::before,.indcp-list a:hover::before{width: 100%;}
.indcp-list a.active .text,.indcp-list a:hover .text{color: #2677ee;}

.indcp_ph{background: url(../images/index/indcp_ph_bg.jpg)center no-repeat #fafbfc;background-size: cover;}
.indcp_ph-muen > div {display: none;}
.indcp_ph-muen > div.active {display: flex;flex-wrap: wrap;}
.indcp_ph-muen > div .img{width: 51%;}
.indcp_ph-muen > div .cont{width: 49%;padding-left: 60px;display: flex;flex-direction: column;justify-content: center;}
.indcp_ph-list {margin-right: -10px;margin-bottom: -10px;}
.indcp_ph-list li{width: calc(100%/6 - 10px);margin-right: 10px;margin-bottom: 10px;background-color: #fff;border-radius: 3px;box-shadow: 0px 0px 10px 0px rgba(83, 128, 193, 0.1);height: 32px;
display: flex;justify-content: center;align-items: center;}
.indcp_ph-muen > div .cont .btn{width: 136px;height: 42px;background-color: #2677ee;border-radius: 3px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.indcp_ph-muen > div .cont .btn:hover{box-shadow: 0px 0px 15px 0px rgba(91, 113, 146, 0.5);}

.indzn {background-color: #f7f7f7;position: relative;}
.indzn img.bg{position: absolute;top: 0px;left: 0px;height: 645px;width: 100%;}
.indzn .contain{position: relative;}
.indzn-list {padding: 0px 260px;justify-content: space-between;}
.indzn-list a {flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;position: relative;padding-bottom: 16px;}
.indzn-list a::before{content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);height: 2px;background-color: #2677ee;transition: all .4s ease;width: 0%;}
.indzn-list a.active::before,.indzn-list a:hover::before{width: 100%;}
.indzn-list a .img {height: 60px;}
.indzn-list a .img img {max-height: 100%;}
.indzn-list a .text {transition: all .4s ease;}
.indzn-list a:hover .text,.indzn-list a.active .text {color: #2677ee;} 

.indzn-cont{border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 15px 0px rgba(149, 173, 209, 0.3);padding: 30px 60px;position: relative;overflow: hidden;}
.indzn-cont img.indzn-cont_bg {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.indzn-cont .img{position: relative;z-index: 2;width: 50%;display: flex;justify-content: center;align-items: center;padding: 30px;}
.indzn-cont .img img {max-height: 320px;}
.indzn-cont .cont{padding-left: 60px;position: relative;z-index: 2;width: 50%;}
.indzn-cont-list {margin-bottom: -10px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.indzn-cont-list .list-muen{background: url(../images/index/indzn-cont-list_bg.jpg) no-repeat center;background-size: cover;width: 100%;margin-bottom: 10px;}
.indzn-cont-list .list-muen{padding: 20px 30px;}
.indzn-cont-list .list-muen li{padding-left: 13px;position: relative;}
.indzn-cont-list .list-muen li::before{content: "";position: absolute;width: 4px;height: 4px;background-color: #999999;border-radius: 100px;left: 0px;top: 10px;}

.indys{background: url(../images/index/indys_bg.jpg)top no-repeat;background-size: cover;}
.indys-list {}
.indys-list .list-muen{width: calc(100%/4);padding: 40px 40px 20px 40px;transition: all .4s ease;position: relative;height: 305px;}
.indys-list .list-muen:nth-child(odd){background-color: #fff;}
.indys-list .list-muen:nth-child(even){background-color: #f7fbff;}
.indys-list .list-muen .img{height: 45px;position: relative;z-index: 2;}
.indys-list .list-muen .img img{max-height: 100%;}
.indys-list .list-muen .line{width: 40px;height: 2px;background-color: #2677ee;transition: all .4s ease;position: relative;z-index: 2;}
.indys-list .list-muen .title{transition: all .4s ease;position: relative;z-index: 2;}
.indys-list .list-muen .text{transition: all .4s ease;position: relative;z-index: 2;}
.indys-list .list-muen:hover .text{color: #fff;}
.indys-list .list-muen:hover .title{color: #fff;}
.indys-list .list-muen:hover .line{background-color: #fff;}
.indys-list .list-muen:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
.indys-list .list-muen:hover{height: 365px;transform: translateY(-30px);}
.indys-list .list-muen img.bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;transition: all .4s ease;opacity: 0;}
.indys-list .list-muen:hover img.bg{opacity: 1;}

.indxr{background: url(../images/index/indxr_bg.jpg)center no-repeat;background-size: cover;}
.indxr-list {margin-right: -16px;margin-bottom: -16px;}
.indxr-list .list-muen{box-shadow: 0px 0px 10px 0px rgba(151, 171, 201, 0.1);background-color: rgb(255, 255, 255);border-style: solid;border-width: 1px;border-color: rgb(241, 242, 243);border-radius: 3px;}
.indxr-list .list-muen{width: calc(100%/6 - 16px);margin-right: 16px;margin-bottom: 16px;height: 80px;display: flex;justify-content: center;align-items: center;}
.indxr-btn {display: flex;justify-content: center;}
.indxr-btn .btn{width: 136px;height: 42px;background-color: #2677ee;border-radius: 3px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.indxr-btn .btn:hover{background-color: #fff;color: #2677ee;}

.indzn-muen > div{display: none;}
.indzn-muen > div.active{display: block;}

.banner-lun > img {width: 100%;}




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

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indcp_ph-muen > div .img{width: 45%;}
    .indcp_ph-muen > div .cont{width:55%;}
    .indcp_ph-list li{width: calc(100%/6 - 10px);}
}

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

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

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

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-lun > img{min-height: 400px;}
    .indcp-list{padding: 0px 20px;}
    .indcp_ph-muen > div .img{width: 100%;}
    .indcp_ph-muen > div .cont{width: 100%;padding-left: 0px;margin-top: 25px;}
    .indzn-list{padding: 0px 70px;}
    .indzn-cont .img{width: 100%;}
    .indzn-cont .cont{padding-left: 0px;width: 100%;}
    .indys-list .list-muen{width: calc(100%/1);height: auto;}
    .indys-list .list-muen:hover{height: auto;transform: translateY(0px);}
    .indxr-list .list-muen{width: calc(100%/3 - 16px);}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .indsj{margin-top: 0px;}
    .banner .swiper-pagination{bottom: 20px;text-align: center;}
    .indsj-list li{width: calc(100%/3);border-right: 0px;}
    .indsj-list{padding: 15px 0px;justify-content: center;}
    .indcp-list{padding: 0px;}
    .indcp-list a{padding-bottom: 14px;width: 155px;}
    .indcp-list-Fun {overflow-x: auto;}
    .indcp_ph-list li{width: calc(100%/3 - 10px);}
    .indzn-list{padding: 0px;}
    .indzn-list a{padding-bottom: 12px;}
    .indzn-cont{padding: 0px;}
    .indzn-cont .img{display: none;}
    .indzn-cont-list .list-muen {padding: 15px 20px;}
    .indys-list .list-muen{padding: 15px;}
    .indxr-list .list-muen {width: calc(100%/2 - 16px);}
    .indzn{padding-bottom: 36px;}
    .indzn img.bg{height: 100%;}
	.banner-lun .content{display: none;}
}