@charset "utf-8";
/* ===================首页样式========================== */
/* banner */
.banner {width: 100%;position: relative;}
.banner .swiper-slide .swp-ding{position: relative;}
.banner .swiper-slide .swp-ding .content{position: absolute;top: 0px;width: 100%;height: 100%;}
.banner .swiper-slide .swp-ding .content>div{display: flex;align-items: center;height: 100%;}
.banner .swiper-slide .swp-ding .content>div .title{font-family: "slc";line-height: 55px;margin-bottom: 10px;}
.banner .page{position: absolute;bottom: 54px;width: 100%;display: flex;justify-content: center;}
.banner .swiper-pagination-bullet{margin: 0px 15px;opacity: 1;background: url(../images/index/banner-pages2.png)no-repeat center;width: 18px;height: 18px;}
.banner .swiper-pagination-bullet-active{background: url(../images/index/banner-pages1.png)no-repeat center;}
/* indgs */
.indgs{width: 100%;position: relative;}
.indgs .title{width: 25%;}
.indgs .content{width: 75%;}
.indgs .content .number{margin-top: 40px;}
.indgs .content .number li{margin-right: 150px;}
.indgs .content .number li:last-child{margin-right: 0px;}
.indgs .content .number .timer{color: #f85805;font-family: "slc";margin-bottom: -20px;}
/* indms */
.indms{width: 100%;background-image: url(../images/index/ms-swiper-back1.jpg);background-repeat: no-repeat;background-position: 0%;background-color: #e1ebf4;    background-size: contain;}
.indms .indms-l{width: 20%;}
.indms .indms-r{width: 80%;padding-left: 20px;}
.indms .indms-l .text{color: #bbc6d0;margin: 15px 0px;}
.indms .indms-r .indms-lun{width: 100%;}
.indms .indms-r .indms-lun .img{width: 100%;}
.indms .indms-r .indms-lun .img>img{width: 100%;}
.indms .indms-r .indms-lun .back{background-color: #fff;width: 100%;display: flex;justify-content: center;padding: 22px 0px;transition: all .4s ease;font-size: 18px;}
.indms .indms-r .indms-lun:hover .back{background-color: #f85805;color: #fff;}
.indms .indms-r .btn{margin-top: 38px;}
/* indcp */
.indcp{width: 100%;}
.indcp .title{width: 100%;position: relative;margin-bottom: 35px;}
.indcp .title .btn{position: absolute;right: 0px;top: 0px;}
.indcp .indcp-lun {width: 100%;position: relative;}
.indcp .indcp-lun .img::before{content: "";position: absolute;bottom: 0px;height: 5px;width: 100%;background-color: rgba(0, 0, 0, 0);transition: all .4s ease;z-index: 2;}
.indcp .indcp-lun .img{background-color: #e1ebf4;width: 100%;padding: 50px 30px;display: flex;justify-content: center;align-items: center;position: relative;height: 360px;overflow: hidden;}
.indcp .indcp-lun .img>img{object-fit: contain;}
.indcp .indcp-lun .img>img:nth-child(1){position: absolute;opacity: 1;transition: all .4s ease;}
.indcp .indcp-lun .img>img:nth-child(2){opacity: 0;transition: all .4s ease;}
.indcp .indcp-lun .content{width: 100%;}
.indcp .indcp-lun .content .text1{color: #142a4b;padding-top: 25px;padding-bottom: 5px;transition: all .4s ease;font-size: 22px;}
.indcp .indcp-lun:hover .content .text1{color: #f85805;}
.indcp .indcp-lun:hover .img::before{background-color: #f85805;}
.indcp .indcp-lun:hover .img>img:nth-child(1){transform: scale(1.04);}
/* .indcp .indcp-lun:hover .img>img:nth-child(1){opacity: 0;}
.indcp .indcp-lun:hover .img>img:nth-child(2){opacity: 1;} */
.indcp .swiper-pagination-bullet{background: url(../images/index/indcp-page2.png)no-repeat center;background-size: auto;width: 18px;height: 18px;opacity: 1
;margin: 5px;}
.indcp .swiper-pagination-bullet-active{background: url(../images/index/indcp-page1.png)no-repeat center;}
.indcp .page{width: 100%;display: flex;justify-content: center;padding-top: 40px;}
/* indst */
.indst{width: 100%;position: relative;background-color: #e1ebf4;}
.indst .content{width: 48%;padding-left: 80px;padding-top: 120px;}
.indst .img{width: 52%;text-align: right;}
/* .indst .img>img{width: 100%;} */
.indst .content .title{margin-bottom: 30px;}
.indst .content .text{margin-bottom: 60px;}
/* indxw */
.indxw .content{width: 28%;}
.indxw .indxw-swp{width: 72%;}
.indxw .contain .btn{margin-top: 45px;margin-bottom: 65px;}
.indxw .btn .swiper-next a:hover{border: 1px solid #142a4b;}
.indxw .indxw-swp .indxw-lun{width: 100%;position: relative;transition: all .4s ease;}
.indxw .indxw-swp .indxw-lun .img{width: 100%;position: relative;height: 180px;}
.indxw .indxw-swp .indxw-lun .img::before{content: "";width: 100%;height: 5px;background-color: rgba(0, 0, 0, 0);position: absolute;bottom: 0px;z-index: 99;transition: all .4s ease;}
.indxw .indxw-swp .indxw-lun .img>img{width: 100%;height: 100%;}
.indxw .indxw-swp .indxw-lun:hover .img::before{background-color: #f85805;}
.indxw .indxw-swp .indxw-lun:hover{transform:translateY(5px);}
.indxw .indxw-swp .indxw-lun .text1{color: #8f979f;margin-top: 25px;padding-bottom: 15px;}
.indxw .indxw-swp .indxw-lun .text1 span{padding-bottom: 5px;}
.indxw .indxw-swp .indxw-lun .text1 img{margin-right: 5px;padding-bottom: 5px;}
.indxw .indxw-swp .indxw-lun:hover .text2{transition: all .4s ease;}
.indxw .indxw-swp .indxw-lun:hover .text2{color: #f85805;}

.indst .img{overflow: hidden;}
.indst .img>img{transition: all .4s ease;height: 100%;}
.indst .img>img:hover{transform: scale(1.04);}
.indms .indms-r .indms-lun .img{overflow: hidden;}
.indms .indms-r .indms-lun .img>img:hover{transform: scale(1.04);}
.indms .indms-r .indms-lun .img>img{transition: all .4s ease;}

.banner .swiper-slide .swp-ding .content>div{animation: bannerText 1s both;}
@keyframes bannerText {0%{transform: translateY(-200px);opacity: 0;filter: blur(5px);}100%{transform: translateY(0px);opacity: 1;filter: blur(0px);}}
.banner .swiper-slide .swp-ding{overflow:hidden;}
.banner .swiper-slide .swp-ding img{animation: bannerImg 5s both;}
@keyframes bannerImg {0%{transform: scale(1.08);}100%{transform: scale(1);}}


/* .indst .content .title{display: flex;} */
.indst .content .title .rm{width: 40px;height: 20px;background-color: #f85805;color: #fff;font-size: 12px;margin-left: 10px;border-radius: 5px;display:inline-block;text-align: center;line-height: 20px;vertical-align: middle;}










/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indcp .indcp-lun .img{height: 310px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indst .img>img{height: 100%;}
    .indst .content {width: 48%;padding-left: 20px;padding-top: 45px;}
    .indxw .indxw-swp .indxw-lun .img {height: 150px;}
    .indcp .indcp-lun .img{height: 260px;}
    .indgs .content{padding-left: 50px;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indms .indms-l {width: 30%;}
    .indms .indms-r {width: 70%;}
    .indst .content .text {margin-bottom: 25px;}
    .indgs .content .number li {margin-right: 120px;}
    .indst .content {width: 48%;padding: 25px;}
    .indxw .contain .btn {margin-top: 25px;margin-bottom: 45px;}
    .indxw{padding-bottom: 40px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indgs .title {width: 100%;margin-bottom: 20px;}
    .indgs .content {width: 100%;}
    .indgs .content .number li {margin-right: 114px;}
    .indst .img {width: 100%;text-align: right;}
    .indst .content {width: 100%;padding: 25px;}
    .indst{flex-direction: column-reverse;}
    .banner .swiper-slide .swp-ding>img{height: 400px;}
    .indgs .content{padding-left: 0px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indxw .content {width: 100%;}
    .conbtn{display: none;}
    .indxw .contain .btn {margin-top: 15px;margin-bottom: 25px;justify-content: flex-end;}
    .indxw .indxw-swp {width: 100%;}
    .indgs .title {width: 100%;margin-bottom: 15px;}
    .indgs .content .number .timer {margin-bottom: -10px;}
    .indgs .content .number {margin-top: 14px;}
    .indms .indms-l {width: 100%;}
    .indms .CommonBtn{display: none;}
    .indms .indms-r {width: 100%;padding-left: 0px;}
    .indms .indms-r .btn {margin-top: 38px;justify-content: center;}
    .indms {background-size: cover;}
    .indxw .indxw-swp .indxw-lun .img {height: 200px;}
}