@charset "utf-8";
/* ===================首页样式========================== */
.banner-container{width: 85%;margin: 0 auto;position: relative;padding-bottom: 80px;}
.banner-container::before{content: '';width: 100%;height: 84px;border: 1px solid #eee;position: absolute;bottom: 0;left: 0;}
.banner-container::after{content: '';width: 40%;height: 50%;background-color: #213491;;position: absolute;bottom: 40px;right: -30px;}
.banner{width: 100%;}
.banner-pic{width: 100%;height: auto;overflow: hidden;}
.banner-pic img{width: 100%;height: auto;min-height: 300px;object-fit: cover;}
.imgpc{display: block;}
.imgmb{display: none;}

.banner-text{position: absolute;left: 12%;top: 24%;}
.banner-text h4{padding-bottom: 10px;font-size: 56px;font-weight: bold;line-height: 60px;color: #213491;position: relative;}
.banner-text h5{font-size: 32px;color: #213491;line-height: 32px;}
.banner-text h5 span{font-size: 14px;font-family: 'arial';line-height: 16px;float: right;padding-left: 8px;}
.banner-text h6{padding-top: 30px;}
.banner-text h6 img{max-width: 100%;}
.swiper-slide-active .banner-text h6{animation: sunbanup 1s ease-in-out both 200ms;}
.banner-anniu {width: 140px;height: 66px;background-color: #213491;position: absolute;bottom: 50px;left: 12%;z-index: 2;text-align: center;line-height: 66px;}
.banner .swiper-pagination{left: 50%;transform: translatex(-50%)}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;display: inline-block;margin: 0 auto;margin: 0  5px;line-height: 66px;border: 1px solid #fff;background: none;opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: #fff;}
@keyframes sunbanup{0%{opacity: 0;transform: translatey(80px);}100%{opacity: 1;transform: translatey(0px);}}

/* 产品中心 */
.pro-container{width: 100%;padding: 80px 0;overflow: hidden;}
.index-title1{width: 100%;}
.index-title1 h6{font-size: 30px;color: #2c2c2c;font-weight: bold;text-align: center;position: relative;padding-bottom: 15px;}
.index-title1 h6 span{font-weight: 300;font-family: '微软雅黑';}
.index-title1 h6::after{content: '';position: absolute;width: 34px;height: 3px;background-color: #313f94;left: 50%;margin-left: -34px;bottom: 0;}
.pro-center{width: 1344px;margin: 0 auto;margin-top: 30px;padding: 0 50px;position: relative;}
.pro-pic{width: 100%;overflow: hidden;}
.pro-pic img{width: 100%;}
.pro-pic p{height: 78px;line-height: 78px;padding: 0 30px;font-size: 16px;color: #444;background: #f2f2f2  90% center no-repeat;transition: all .4s ease;}
.pro-pic:hover p{color: #fff;background: #213491  90% center no-repeat;}

.pro-center .swiper-button-prev,.pro-center .swiper-button-next{width: 32px;height: 32px;border-radius: 50%;background-color: #cccccc;background-size:20px 20px;}
.pro-center .swiper-button-prev:hover,.pro-center .swiper-button-next:hover{background-color: #213491;}
.pro-center .swiper-button-prev{left: 0px; }
.pro-center .swiper-button-next{right: 0px; }

.pro-more{margin-top: 30px;}
.pro-more a{display: block;width: 120px;height: 40px;margin: 0 auto;border-radius: 30px;background-color: #213491;font-size: 14px;color: #fff;text-align: center;line-height: 40px;transition: all .4s ease;}
.pro-more a:hover{background-color: #1e41ea;}

/* 设备应用 */
.application-container{width: 100%;overflow: hidden;}
.cation-left{width: 23%;background-color: #213491;height: 614px;padding: 50px;float: left;}
.cation-title{width: 100%;position: relative;padding-bottom: 12px;}
.cation-title::after{content: '';width: 34px;height: 3px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.cation-title h6{font-size: 30px;color: #ffffff;font-weight: bold;}
.cation-title h6 span{display: block;font-weight: 300;font-family: '微软雅黑';line-height: 40px;text-transform: uppercase;font-size: 26px;}
.cation-list{width: 100%;border-top: 1px solid #30429e;overflow: hidden;margin-top: 40px;}
.cation-list ul li{width: 100%;line-height: 65px;border-bottom: 1px solid #30429e;font-size: 14px;color: #fff;position: relative;cursor: pointer;
background:  no-repeat right center;}
.cation-list ul li::after{content: '';width: 0%;height: 1px;background-color: #fff;transition: all .4s ease;position: absolute;left: 0;bottom: 0;}
.cation-list ul li:hover::after,.cation-list ul li.ontrue::after{width: 50%;}
.contain-more{width: 100%;margin-top: 50px;position: relative;}
.contain-more::after{content: '';width: 0;height: 40px;background-color: #1e41ea;transition: all .4s ease;position: absolute;left: 0;bottom: 0;}
.contain-more:hover::after{width: 100%;}
.contain-more a{display: block;border: 1px solid #fff;padding-left: 20px;font-size: 16px;line-height: 40px;color: #fff;position: relative;z-index: 2;background:  92% center no-repeat;}

.cation-list ul li a{display: block;}


.cation-right{width: 77%;float: left;height: 614px;background-color: #f0f0f0;padding: 60px 60px 30px 80px;position: relative;display: none;}
.cation-right::after{position: absolute;right: 60px;top: 60px;background:  no-repeat;content: '';width: 93px;height: 143px;}
.cation-main{width: 100%;}
.cation-main h6{font-size: 30px;color: #131314;font-weight: bold;padding-bottom: 30px;}
.cation-main p{font-size: 14px;color: #666;line-height: 26px;max-width: 600px;height: 52px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.cation-lei{width: 100%;padding: 20px 0;overflow: hidden;}
.cation-lei ul{float: left;margin-right: 30px;}
.cation-lei ul li{font-size: 18px;color: #333;line-height: 30px;transition: all .4s ease;background:  no-repeat right center;padding-right: 16px;}
.cation-lei ul li:hover{color: #213491;}
.cation-main .img{width: 100%;margin-top: 20px;overflow: hidden;}
.cation-main .img img{max-width: 100%;}

/* 解决方案 */
.solution-container{width: 100%;padding: 80px 0;overflow: hidden;}
.solution{width: 1284px;margin: 0 auto;position: relative;padding: 0 20px;margin-top: 50px;}
.sol-item{width: 100%;border-right: 1px solid #b1b1b1;border-left: 1px solid #b1b1b1;padding: 20px 40px;text-align: center;}
.sol-item h4{font-size: 26px;color: #222;font-weight: bold;transition: all .4s ease;margin-top: 20px;}
.sol-item h5{font-size: 14px;color: #555;line-height: 22px;margin: 40px 0;}
.sol-item h6{margin-bottom: 40px;transition: all .4s ease;}
.sol-item h6 img{max-width: 100%;}
.sol-item p{font-size: 26px;color: #d3d3d3;}
.sol-item:hover h4{color: #213491;}
.sol-item:hover h6{transform: translatey(-10px);}
.solution .swiper-button-prev,.solution .swiper-button-next{width: 50px;height: 80px;background-color: #313f94;background-size:20px 20px;opacity: 1;}
.solution .swiper-button-prev{left: 0px; }
.solution .swiper-button-next{right: 0px; }
.solution .swiper-button-prev.swiper-button-disabled ,.solution .swiper-button-next.swiper-button-disabled{opacity: 1;}

/* 科技实力 */
.strength-container{width: 100%;padding: 110px 0;background-color: #efefef;}
.strength-img{width: 38%;height: 623px;float: left;padding-right: 50px;position: relative;}
.strength-img::after{position: absolute;width: 50%;height: 45%;background-color: #313f94;right: 0;top: 0;content: '';}
.strength-img img{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 2;}
.strength-right{width: 62%;float: left;padding-left: 50px;}
.strength-text{width: 100%;overflow: hidden;}
.strength-text .text{width: 70%;padding-right: 50px;float: left;}
.strength-text .text h4{font-size: 40px;color: #222;font-weight: bold;}
.strength-text .text h5{font-size: 38px;color: #313131;font-family: 'arial';text-transform: uppercase;margin-top: 10px;padding-bottom: 10px;position: relative;line-height: 38px;}
.strength-text .text h5::after{position: absolute;content: '';width: 50px;height: 3px;background-color: #3f52b0;bottom: 0;left: 0;}
.strength-text .text h6{font-size: 14px;color: #555;line-height: 24px;margin-top: 20px;}
.strength-text .text h6 span{color: #213491;padding-left: 10px;}
.strength-text .text h6 span:hover{color: #3f52b0;}
.strength-text .img{width: 30%;float: right;height: 278px;}
.strength-text .img img{width: 100%;height: 100%;object-fit: cover;}

.strength-num{width: 100%;overflow: hidden;margin-top: 70px;}
.strength-num ul{margin-left: -4%;}
.strength-num ul li{width: 29.333%;height: 115px;background-color: #213491;float: left;margin: 3% 0 0 4%;text-align: center;}
.strength-num ul li h5{font-size: 30px;font-weight: bold;font-family: 'arial';color: #fff;line-height: 70px;padding-top: 20px;}
.strength-num ul li h6{font-size: 16px;color: #fff;line-height: 30px;}






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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-container{width: 95%;}

}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .pro-center,.solution{width: 92%;}
    .pro-container,.solution-container,.strength-container{padding: 60px 0;}
    



}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .banner-text h4{font-size: 44px;line-height: 54px;}
    .banner-text h5{font-size: 28px;}

    .strength-text .text{padding-right: 30px;}
    .strength-num ul li h6{font-size: 14px;}

}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .pro-container,.solution-container,.strength-container{padding: 40px 0;}
    .index-title1 h6,.cation-title h6{font-size: 26px;}
    .cation-title h6 span{font-size: 22px;}
    .cation-left{padding: 50px 40px;}
    .cation-main h6{font-size: 26px;}
    .cation-lei ul li{font-size: 16px;}
    .sol-item h4{font-size: 24px;margin-top: 10px;}
    .sol-item h5{margin: 30px 0;}
    .solution .swiper-button-prev, .solution .swiper-button-next{width: 40px;height: 60px;}
    .strength-text .text h4{font-size: 36px;}
    .strength-text .text h5{font-size: 34px;}

}

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

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .imgpc{display: none;}
    .imgmb{display: block;}
    
    .banner-container{width: 100%;overflow: hidden;}
    .banner-text{left: 4%;top: 16%;}
    .banner-text h4{font-size: 26px;line-height: 34px;padding-bottom: 5px;}
    .banner-text h5{font-size: 20px;}
    .banner-container{padding-bottom: 60px;}
    .banner-container::after{bottom: 30px;display: none;}
    .banner-anniu{bottom: 30px;}
    .pro-center{padding: 0 40px;}
    .cation-left{width: 100%;padding: 20px 30px;height: auto;}
    .cation-list ul li{line-height: 44px;}
    .cation-list{margin-top: 30px;}
    .contain-more{margin-top: 30px;}
    .cation-right{width: 100%;height: auto;padding: 30px 20px;}
    .cation-right::after{display: none;}
    .strength-img{padding-right: 0px;height: 500px;}
    .strength-text .text{width: 100%;}
    .strength-text .img{display: none;}
    .strength-text .text h5{font-size: 26px;line-height: 34px;}
    .strength-text .text h4{font-size: 30px;}
    .strength-right{padding-left: 30px;}
    .strength-num{margin-top: 20px;}
    .strength-num ul li{height: 80px;}
    .strength-num ul li h5{font-size: 15px;padding-top: 10px;}
    .strength-num ul li h6{line-height: 22px;}
    .index-title1 h6, .cation-title h6{font-size: 24px;}
    .pro-pic p{height: 50px;line-height: 50px;padding: 0 16px;font-size: 14px;}
    .strength-text .text h6 span{display: block;}
    
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-container{padding-bottom: 0px;}
    .banner-text h6{display: none;}
    .banner-anniu{height: 20px;line-height: 20px;width: 100%;background: none;bottom: 10px;left: 0;}
    .banner .swiper-pagination-bullet{width: 10px;height: 10px;}
    .banner .swiper-pagination-bullet-active{background-color: #213491;}
    .banner .swiper-pagination-bullet{border-color: 213491;}
    .banner-text h5 span{display: block;width: 100%;padding-left: 0;}
    .pro-center{padding: 0;margin-top: 20px;}
    .pro-container, .solution-container, .strength-container{padding: 30px 0;}
    .cation-lei ul li{font-size: 14px;}
    .solution{margin-top: 30px;padding: 0 14px;}
    .strength-img{width: 100%;height: auto;}
    .strength-right{width: 100%;padding: 20px 0 0 0;}
    .strength-text .text h4{font-size: 28px;}
    .strength-text .text h5{font-size: 20px;line-height: 30px;}
    .strength-num ul li{width: 46%;}
    .pro-center .swiper-button-prev,.pro-center .swiper-button-next{background-size:10px;}
    .cation-list ul li a{display: block;}
    

}