@charset "utf-8";
/* ===================首页样式========================== */
.banner_pages{position: absolute;width: 100%;left: 0px;display: flex;justify-content: center;pointer-events: none;z-index: 3;bottom: 50px;}
.banner_pages .swiper-pagination{pointer-events: all;}
.banner_pages .swiper-pagination-bullet {width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0px 15px;position: relative;}
.banner_pages .swiper-pagination-bullet::before{content: "";position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);width: 20px;height: 20px;background: url(../images/common/banner_pages.png)center no-repeat;opacity: 0;}
.banner_pages .swiper-pagination-bullet-active{background-color: transparent;}
.banner_pages .swiper-pagination-bullet-active.swiper-pagination-bullet::before{opacity: 1;}
.indBtn{width: 140px;height: 40px;border-radius: 20px;display: flex;align-items: center;justify-content: center;background-color: #004ea1;color: #f9f9f9;transition: all .4s ease;}
.indBtn:hover{box-shadow: 0px 0px 10px 0px rgba(0, 78, 161, 0.5);}

.indav .contain{position: relative;z-index: 2;}
.indav-textBg{position: absolute;left: 0;top: 170px; line-height: 1; width: 100%;overflow: hidden;display: flex;flex-wrap: nowrap;font-size: 200px;color: #f9f9f9;white-space: nowrap;text-transform: uppercase;}
.indav-textBg .title{animation:textLoop 20s linear infinite;}
@keyframes textLoop {0%{transform: translateX(0);}100%{transform: translateX(-100%);}}
.indav-cont .cont-l{width: 63%;position: relative;z-index: 2;}
.indav-cont .cont-r{width: 37%;display: flex;justify-content: center;align-items: flex-end;padding-bottom: 25px;position: relative;z-index: 2;}
.indav-ml{border-radius: 15px;overflow: hidden;position: relative;}
.indav-ml>img{width:100%; transition: all 2s ease;}
.indav-ml:hover>img{transform: scale(1.2);}
.indav-ml-content{position: absolute;top: 100px;left: 0px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.indav-ml-content .btn{width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;border: 2px solid #fff;border-radius: 20px;transition: all .4s ease;}
.indav-ml-content .btn:hover{background-color: #004ea1;border: 2px solid #004ea1;}
.indmp-pagination{display: none;}
.indmp-btn{width: 50px;height: 50px;border-radius: 50%;border: 2px solid #333;color: #333;position: absolute;left: -100px;top: 50%;transform: translateY(-50%);user-select: none;cursor: pointer;z-index: 2;}
.indmp-btn.next{left: auto;right: -100px;transform: translateY(-50%) rotate(180deg);}
.indmp-btn:hover{border-color: #004ea1;background: #004ea1;color: #fff;}
.indmp-list {margin-right: -25px;}
.indmp-list .list-menu{width: calc(100%/3 - 25px);margin-right: 25px;}
.indmp-list .list-menu:nth-child(2){height: 755px;}
.indmp-list .list-menu:nth-child(2) .img{height: 620px;}
.indmp-list_list{height: 100%;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.indmp-list_list .muen{height: calc(100%/2 - 15px);}
.indmp-cont{height: 100%;width: 100%;border-radius: 15px;overflow: hidden;background-color: #fff;padding: 30px 40px;display: block;position: relative;}
.indmp-cont .img{display: flex;justify-content: center;align-items: center;}
.indmp-cont .img img{max-height: 100%;}
.indmp-cont .img.maxHeight1{height: 230px;}
.indmp-cont .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #004ea1;padding: 30px 40px;opacity: 0;transition: all .4s ease;}
.indmp-cont .show .btn{width: 140px;height: 40px;border: 2px solid #fff;display: flex;justify-content: center;align-items: center;border-radius: 20px;transition: all .4s ease;}
.indmp-cont .show .btn:hover{background-color: #fff;color: #004ea1;}
.indmp-cont .show .title{position: relative;z-index: 2;}
.indmp-cont .show .text{position: relative;z-index: 2;}
.indmp-cont .show .btn{position: relative;z-index: 2;}
.indmp-cont:hover .show{opacity: 1;}

@media all and (max-width:1590px) {
    .indmp-list .list-menu:nth-child(2) {height: 620px;}
    .indmp-list .list-menu:nth-child(2) .img {height: 490px;}
    .indmp-cont .img.maxHeight1 {height: 180px;}
    .indav-textBg{font-size: 150px;top: 120px;}
    .indav-ml-content{top: 40px;}
    .indmp-cont .show,.indmp-cont{padding: 25px;}
    .indmp-btn{width: 40px;height: 40px;left: -50px;border-width: 1px;}
    .indmp-btn.next{right: -50px;}
}

@media all and (max-width:1270px) {
    .indav-ml-content {top: 30px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    .banner_pages {bottom: 40px;}
    .indav-cont .cont-l{width: 100%;}
    .indav-cont .cont-r{width: 100%;padding-bottom: 0px;justify-content: flex-start;margin-top: 25px;}
    .indav-ml{border-radius: 5px;height: 600px;}
    .indav-ml > img{width: 100%;height: 100%;}
    .indmp-list {margin-right: 0px;margin-bottom: -25px;}
    .indmp-list .list-menu {width: 100%;margin-right: 0px;margin-bottom: 25px;}
    .indmp-list_list {margin-bottom: -25px;}
    .indmp-list_list .muen {height: auto;width: 100%;margin-bottom: 25px;}
}
@media all and (max-width:1000px) {
    .indav-ml {height: 480px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    .banner_pages .swiper-pagination-bullet {margin: 0px 10px;}
    .indav-ml-content{top: 15px;padding: 0px 10px;text-align: center;}
    .indmp-cont{border-radius: 5px;}
    .indmp-cont .show {padding: 20px 25px;}
    .indmp-cont{padding: 20px 25px;}
    .indmp-cont .img.maxHeight1 {height: 120px;margin-top: 25px;}
    .indmp-list .list-menu:nth-child(2) .img{height: 120px;margin-top: 25px;}
    .indmp-list .list-menu:nth-child(2){height: auto;}
    .indav-textBg{font-size: 100px;top: 60px;}
    .indav{background-size: 50% auto;}
    .indmp-btn{display: none;}
    .indmp-pagination{display: block;text-align: center;}
    .indmp-pagination .swiper-pagination-bullet{opacity: 1;margin: 0 4px;background: #999;}
    .indmp-pagination .swiper-pagination-bullet-active{background: #004ea1;}
}