@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: relative;}
.banner-lun{position: relative;}
.banner-cont{position: absolute;top: 0px;height: 100%;width: 100%;left: 0px;display: flex;align-items: center;}
.banner-cont .contain{height: 100%;flex-direction: column;align-items: flex-start;text-align: left;}
.banner-cont .contain.textCenter{align-items: center;text-align: center;}
.banner-cont .btn{margin-bottom: 20px; width: 42px;height: 42px;border-radius: 50%;padding-left: 3px; user-select: none;cursor: pointer;background: #fff;font-size: 14px;transition: all .4s ease;}
.banner-cont .btn i{position: relative;z-index: 2;font-size: 14px;}
.banner-cont .btn::after,.banner-cont .btn::before{content: "";animation: banBtn 2s linear infinite; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;border-radius: 50%;border: 1px solid #fff;}
.banner-cont .btn::after{animation-delay: -1s;}
.banner-cont .btn:hover{background: #075bae;color: #fff;}
.banner-cont .btn:hover::after,.banner-cont .btn:hover::before{border-color: #075bae;}
@keyframes banBtn {
    0%{opacity: 0;width: 100%;height: 100%;}
    50%{opacity: 1;width: 140%;height: 140%;}
    100%{opacity: 0;width: 180%;height: 180%;}
}
.banner-cont .title{color: #f7f8fc;}
.banner-cont .text{color: #fff;}
.banner .swiper-slide-active .title,.banner .swiper-slide-active .btn{animation: BannerTitle 1s both .4s;} 
.banner .swiper-slide-active .text{animation: BannerText 1s both .4s;} 
@keyframes BannerTitle {0%{transform: translateX(100px);opacity: 0;filter: blur(10px);}100%{transform: translateY(0px);opacity: 1;filter: blur(0px);}}
@keyframes BannerText {0%{transform: translateX(-100px);opacity: 0;filter: blur(10px);}100%{transform: translateY(0px);opacity: 1;filter: blur(0px);}}
.banner .pages{position: absolute;bottom: 35px;width: 100%;left: 0px;display: flex;justify-content: center;z-index: 9;}
.banner .pages .swiper-pagination-bullet{width: 10px;height: 10px;border: 2px solid #fff;border-radius: 100px;margin: 6px;opacity: 1;transition: all .4s ease;background-color: rgba(0, 0, 0, 0);}
.banner .pages .swiper-pagination-bullet-active{width: 60px;background-color: #fff;}
.banner-lun-link{position: absolute;top: 0px;height: 100%;width: 100%;left: 0px;z-index:8;}
/* 公共 */
.CommonNav{background-color: #f4f5fa;border: 1px solid #eff1f6;box-shadow: 0px 4px 5.58px 0.42px rgba(148, 182, 216, 0.13);}
.CommonNav a{width: calc(100%/5);display: flex;justify-content: center;align-items: center;height: 185px;padding: 12px;flex-direction: column;border-right: 1px solid #e9ebf1;transition: all .4s ease;position: relative;position: relative;}
.CommonNav a .img{height: 55px;display: flex;align-items: center;}
.CommonNav a .img img{max-height: 55px;}
.CommonNav a:nth-child(1){border-left: 1px solid #e9ebf1;}
.CommonNav a.active,.CommonNav a:hover{background-color: #fff;}
.CommonNav a::before{content: "";position: absolute;bottom: 0px;left: 50%;width: 0%;height: 3px;background-color: #075bae;transform: translateX(-50%);transition: all .4s ease;}
.CommonNav a.active::before,.CommonNav a:hover::before{width: 100%;}
.CommonNav a .number{position: absolute;bottom: 20px;right: 30px;color: #f3f9fa;transition: all .4s ease;}
.CommonNav a.active .number,.CommonNav a:hover .number{color: #075bae;}
.indpro::before{content: "";position: absolute;right: 0px;width: 50%;height: 100%;background: url(../images/index/indpro-bg.jpg)center no-repeat;background-size: cover;top: 0px;z-index: -1;}
.indpro-cont{width: 100%;}
.indpro-cont .cont-l{width: 27%;display: flex;align-items: center;padding-right: 70px;}
.indpro-cont .cont-r{width: 73%;}
.indpro-xian{width: 800px;height: 800px;position: relative;}
.indpro-xian>img{width: 100%;height: 100%;object-fit: contain;}
.indpro-xian .bg{position: absolute;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;top: 0px;left: 0px;}
.indpro-xian .bg.lt1{animation: indpro_Xian1 12s linear infinite;}
.indpro-xian .bg.lt2{animation: indpro_Xian2 12s linear infinite;}
.indpro-xian .bg.lt4 ul{width: 390px;height: 350px;}
.indpro-xian .bg.lt4 li{width: 390px;height: 350px;opacity: 0;position: absolute;display: flex;justify-content: center;align-items: center;left: 0%;right: 0%;margin: 0 auto;}
.indpro-xian .bg.lt4 li img{max-width: 390px;max-height: 350px;transform: scale(.1);transition: all .8s ease;}
.indpro-xian .bg.lt4 li.active{opacity: 1;}
.indpro-xian .bg.lt4 li.active img{transform: scale(1);}
.indpro-xian .bg.lt4 li{animation: backTop .8s linear infinite alternate;}
@keyframes backTop{0%{transform:translateY(0px);}100%{transform:translateY(10px);}}
@keyframes indpro_Xian1 {0%{transform: rotate(-360deg);}100%{transform: rotate(0deg);}}
@keyframes indpro_Xian2 {0%{transform: rotate(360deg);}100%{transform: rotate(0deg);}}
.indpro-list{position: relative;width: 200px;}
.indpro-list li{position: absolute;}
.indpro-list li::before{content: "";position: absolute;left: -35px;top: 7px;width: 10px;height: 10px;border-radius: 100px;background-color: #fff;z-index: 1;transition: all .4s ease;}
.indpro-list li::after{content: "";position: absolute;left: -44px;top: -1px;width: 27px;height: 27px;border-radius: 100px;background-color: #009140;z-index: 0;opacity: 0;transition: all .4s ease;}
.indpro-list li.active::after{opacity: 1;}
.indpro-list li a{position: relative;padding-bottom: 8px;}
.indpro-list li a::before{content: "";position: absolute;bottom: 0px;left: 0px;width: 0px;height: 3px;background-color: #fff;transition: all .4s ease;}
.indpro-list li.active a::before{width: 100%;}
.indpro-list li:hover a::before{width: 100%;}
.indpro-list li.lt1 {top: 85px;left: -118px;}
.indpro-list li.lt2 {top: 200px;left: -20px;}
.indpro-list li.lt3 {top: 345px;left: 26px;}
.indpro-list li.lt4 {top: 499px;left: 12px;}
.indpro-list li.lt5 {top: 637px;left: -65px;}
.indpro_list_lty > li{display: none;}
.indpro_list_lty > li.active{display: block;}
.indpro_list_lty > li li{padding-left: 42px;position: relative;margin-bottom: 30px;}
.indpro_list_lty > li li::before{content: "";position: absolute;width: 25px;height: 25px;background: url(../images/index/indpro_list_lty.png)center no-repeat;background-size: cover;top: 0px;left: 0px;}
.indpro_list_lty > li .line{height: 3px;width: 55px;background-color: #009140;}
.indpro_list_lty-btn{display: flex;justify-content: center;align-items: center;width: 140px;height: 40px;background-color: #075bae;border-radius: 20px;box-shadow: 0px 12px 23.22px 3.78px rgba(0, 84, 167, 0.19);}
.indpro_list_lty-btn .text{margin-right: 10px;}
.indpro_list_lty-btn .img{transition: all .4s ease;}
.indpro_list_lty-btn:hover .img{transform: translateX(5px);}
.indpro_display .indpro_muen{display: none;}
.indpro_display .indpro_muen.active{display: block;}
.indfw{background: url(../images/index/indfw-bg.jpg)center no-repeat;background-size: cover;}
.indfw-cont{width: 100%;}
.indfw-cont .cont-l{width: 50%;}
.indfw-cont .cont-r{width: 50%;display: flex;align-items: center;}
.indfw-cont .cont-l input{width: 360px;height: 50px;border: 1px solid #1471c5;background-color: #f7f8fa;padding: 0px 18px;margin-right: 3px;}
.indfw-cont .cont-l input::-webkit-input-placeholder{color: #777;font-size: 15px;}
.indfw-cont .cont-l input:-moz-placeholder{color: #777;font-size: 15px;}
.indfw-cont .cont-l input::-moz-placeholder{color: #777;font-size: 15px;}
.indfw-cont .cont-l input:-ms-input-placeholder{color: #777;font-size: 15px;}
.indfw-cont .cont-l .btn{width: 87px;height: 50px;background-color: #0054a7;display: flex;justify-content: center;align-items: center;}
.indfw-cont .cont-l .btn i{color: #fff;font-weight: bold;}
.indfw-list {display: flex;justify-content: space-between;width: 100%;}
.indfw-list li{display: flex;justify-content: center;align-items: center;}
.indfw-list li .img{height: 50px;display: flex;justify-content: center;align-items: center;}
.indfw-list li .img img{max-height: 50px;}
.indfw-list li .text{color: #314b5b;}
.banner-lun>img{width: 100%;}
.banner-lun>img{height: 100vh;}
.banner .swiper-slide-active .banner-lun>img{animation: BannerImg 4s ease both;}
@keyframes BannerImg {0%{transform:scale(1.3);}100%{transform: scale(1);}}
.CommonNav a .number{display: none;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indpro-list{width: 1px;}
    .indpro-list li{width: 200px;}
    .indpro-xian{transform: scale(.8);}
    .indpro-cont .cont-l{padding-right: 0;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indpro-cont .cont-l{width: 50%;}
    .indpro-cont .cont-r{width: 50%;}
    .indpro-xian .bg{top: auto;left: auto;}
    .indpro-xian .bg.lt4 li img{width: 90%;height: 90%;}
    .indpro-xian .bg.lt3{width: 70%;height:70%;}
    .indpro-xian .bg.lt2{width: 80%;height: 80%;}
    .indpro-xian .bg.lt1{width: 90%;height: 90%;}
    .indpro-xian .bg.lt4{width: 60%;height: 60%;}
    .indpro-xian{display: flex;align-items: center;justify-content: center;height: auto;width: 100%;}
    .indpro-xian .bg.lt4 ul{width: 100%;height: 100%;}
    .indpro-xian .bg.lt4 li{width: 100%;height: 100%;}
    .indpro-xian .bg.lt4 li img{object-fit: contain;}
    .indpro-list{width: 100%;margin: 0px 50px;display: flex;justify-content: space-between;margin-top: 35px;}
    .indpro-list li{position: static;}
    .indpro-list li::before{display: none;}
    .indpro-list li::after{display: none;}
    .indpro-xian{transform: scale(1);}
    
}
@media all and (max-width:1140px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indpro-list{margin: 0px 25px;flex-wrap: wrap;margin-bottom: -15px;margin-right: -15px;justify-content: center;margin-top: 15px;}
    .indpro-list li{width: calc(100%/3 - 15px);margin-bottom: 15px;margin-right: 15px;}
    .indfw-cont .cont-l{width: 100%;margin-bottom: 25px;}
    .indfw-cont .cont-r{width: 100%;}
    .indpro-cont .cont-l{width: 100%;padding-right: 0px;margin-top: 35px;}
    .indpro-cont .cont-r{width: 100%;}
    .indpro-list li{display: flex;justify-content: center;}
    .indpro-list li a{color: #fff;}
    .indpro-list li a::before{background-color: #fff;}
    .indpro::before{width: 100%;height: 50%;}
    .indpro-cont{display: flex;flex-direction: column-reverse;}
    .banner-lun>img{height: 500px;}
    .CommonNav{overflow: auto;}
    .CommonNav .contain{overflow: auto;width: 1000px;}
    .indpro-list li::before{display: block;}
    .indpro-list li::after{display: block;}
    .indpro-list li{position: relative;top: auto !important;right: auto !important;bottom: auto !important;left: auto !important;}
    .indpro-list li::after {left: -10px;top: 5px;width: 15px;height: 15px;}
    .indpro-list li::before {left: -5px;top: 10px;width: 5px;height: 5px;}
    .banner-cont .btn{width: 20px;height: 20px;margin-bottom: 10px;}
    .banner-cont .btn i{font-size: 8px;}
    .banner .pages{bottom: 30px;}
    .banner .pages .swiper-pagination-bullet{width: 6px;height: 6px;border-width: 1px;margin: 0 3px;}
    .banner .pages .swiper-pagination-bullet-active{width: 30px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indfw-cont .cont-l input{width: 80%;margin-right: 0px;}
    .indfw-cont .cont-l .btn{width: 20%;}
    .indfw-list li .img img {max-height: 35px;}
    .indfw-list li .img {height: 40px;}
    .CommonNav a {height: 125px;}
    .CommonNav a .img img {max-height: 30px;}
    .CommonNav a .img {height: 30px;}
    .CommonNav a .number {bottom: 10px;right: 10px;}
    .banner-lun>img{height: 175px;}
    .banner-cont .title{font-size: 12px;}
    /* .CommonNav .contain{width: 100%;}
    .CommonNav a{width: calc(100%/3);height: 90px;} */
}