@charset "utf-8";

/* ===================首页样式========================== */



.ind-tit{width: 100%;overflow: hidden;text-align: center;}

.ind-tit h6{font-size: 32px;color: #000000;font-family: 'Microsoft YaHei';}

.ind-tit p{font-size: 17px;color: #999;line-height: 44px;}



/* banner */

.banner-container{width: 100%;position: relative;}

.banner{width: 100%;}

.banner-picwords{width: 100%;}

.banner-pic{width: 100%;overflow: hidden;}

.banner-pic img{width: 100%;height: 100%;object-fit: cover;}

.banner-pic .banner-pc{display: block;min-height: 520px;}

.banner-pic .banner-mb{display: none;min-height: 320px;}

.banner .swiper-pagination{bottom: 20px;}

.banner .swiper-pagination-bullet{position: relative;border: 1px solid rgba(255, 255, 255, 0);background: transparent;opacity: 1;}

.banner .swiper-pagination-bullet::after{content: '';width:10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border:2px solid #fff;}

.banner .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, .8);background-color: rgba(255, 255, 255, .2);}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 40px;width: 26px;height: 26px;}

.banner .swiper-pagination-bullet::before{content: '';width: 0px;height: 1px;position: absolute;left: 16px;top: 50%;background-color: #fff;}

.banner .swiper-pagination-bullet:last-child::before{left: auto;right: 16px;}

.banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before{animation: bannerlong 6s linear;}

.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child:before{animation: bannerlong2 6s linear;}

.banner .swiper-pagination-bullet i{position: absolute;width: 99px;height: 1px;background-color: rgba(255, 255, 255, .2);left: 16px;top: 50%;}

.banner .swiper-pagination-bullet:last-child i{display: none;}



.banner-text{position: absolute;top: 50%;left: 13.5%;transform: translateY(-50%);}

.banner-text h6{font-size: 54px;color: #fff;font-family: 'Microsoft YaHei';margin-bottom: 10px;}

.banner-text p{font-size: 24px;line-height: 30px;color: #fff;}

.banner-text a{display: block;width: 130px;background-color: #133f97;color: #fff;text-align: center;font-size: 16px;line-height: 40px;

border-radius: 30px;margin-top: 30px;border: 1px solid #133f97;transition: all .4s;}

.banner-text a:hover{background: transparent;border-color: #fff;}



.banner .swiper-slide-active .banner-text h6{animation: bannertextRight 1.2s ease both 800ms;}

.banner .swiper-slide-active .banner-text p{animation: bannertextRight 1.2s ease both 1000ms;}

.banner .swiper-slide-active .banner-text a{animation: bannertextRight 1.2s ease both 1200ms;}





@keyframes bannertextRight {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}

@keyframes bannerlong {0% {width: 0;}100% {width: 99px;}}

@keyframes bannerlong2 {0% {width: 99px;}100% {width: 0px;}}







/* 公告 */

.ind-notice{width: 100%;border-bottom: 1px solid #dedede;overflow: hidden;}

.notice{width: 1400px;margin: 0 auto;overflow: hidden;position: relative;padding-left: 175px;height: 60px;}

.notice span{position: absolute;left: 0;top: 0;height: 60px;line-height: 60px;font-size: 18px;color: #000;font-weight: bold;font-family: 'Microsoft YaHei';padding-left: 30px;width: 175px;}

.notice span::before{width: 20px;height: 60px;position: absolute;left: 0;top: 0;content: '';background: url('../images/index/ind-ico1.png') no-repeat left top 18px;}

.notice span::after{width: 1px;height: 13px;position: absolute;right: 0;top: 20px;content: '';background-color: #e5e5e5;}

.not-text{width: 100%;position: relative;overflow: hidden;} 

.not-text .swiper-container{height: 60px;}

.swiper-button-next,.swiper-button-prev{background-size: 12px;opacity: .6;width: 25px;}

.swiper-button-next{right: 0;}

.swiper-button-prev{right: 25px;left: auto;}

.not-text a{padding: 0 16px; line-height: 60px;font-size: 18px;overflow: hidden;color: #666;position: relative;height: 60px;display: block;float: left;transition: all .3s;}

.not-text i{width: 19px;height: 60px;display: block;content: '';background:url('../images/index/ind-ico2.png') no-repeat center center;float: left;}

.not-text a:hover{color: #133f97;}



/* 解决方案 */

.ind-sol{width: 100%;overflow: hidden;padding: 50px 0 70px;}

.sol-list{width: 100%;overflow: hidden;margin-top: 50px;}

.sol-list ul{margin-left: -1%;}

.sol-list ul li{width: 24%;float: left;margin-left: 1%;border-top: 4px solid #133f97;position: relative;background-color: #000;}

.sol-list ul li a{display: block;position: relative;}

.sol-list ul li .img{width: 100%;overflow: hidden;transition: all .4s;}

.sol-list ul li .img img{width: 100%;height: 100%;object-fit: cover;}

.sol-list ul li .text1{position: absolute;z-index: 10;width: 100%;top: 10%;left: 0;text-align: center;}

.sol-list ul li .text1 h6{font-size: 24px;color: #fff;line-height: 32px;font-family: 'Microsoft YaHei';}

.sol-list ul li .text1 p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 10px;max-height: 52px;}

.sol-list ul li .text2{position: absolute;z-index: 10;width: 100%;top: 150%;text-align: center;padding: 0 30px;transition: all .4s;}

.sol-list ul li .text2 h6{line-height: 90px;}

.sol-list ul li .text2 h6 img{max-width: 100%;}

.sol-list ul li .text2 p{font-size: 16px;color: #fff;line-height: 26px;margin: 20px 0;}

.sol-list ul li .text2 button{font-size: 16px;color: #fff;line-height: 30px;background: transparent;height: 30px;pointer-events: none;}

.sol-list ul li .text2 button i{display: inline-block;width: 17px;height: 13px;background: url('../images/index/ind-ico4.png') no-repeat center center;margin-left: 5px;}

.sol-list ul li:hover .text2{top: 40%;}

.sol-list ul li:hover .img{opacity: .6;}



/* 视频 */

.ind-video{width: 100%;overflow: hidden;position: relative;}

.ind-video .img{width: 100%;overflow: hidden;}

.ind-video .img img{width: 100%;height: 100%;object-fit: cover;min-height: 300px;}

.video-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.video-text h6{font-size:32px;color: #fff;line-height:40px;text-align: center;font-family: 'Microsoft YaHei';}

.video-text .ind-play{width: 90px;height: 90px;margin: 0 auto;background: url('../images/index/ind-video.png') no-repeat center center;cursor: pointer;display: block;margin-top: 20px;background-size: 100%;}

.video-text .ind-play:hover{animation: btn-pudding 1s ease both;}



/* 产品 */

.ind-pro{width: 100%;padding: 80px 0 0 0;overflow: hidden;}

.pro-box{position: relative;width: 100%;margin:40px 0 0 0;}

.pro-box .swiper-pagination{bottom: 30px;}

.pro-box .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #fff;border-radius: 50%;opacity: 1;background-color: #fff;}

.pro-box .swiper-pagination-bullet-active.swiper-pagination-bullet{background: transparent;}

.pro-main{width: 100%;overflow: hidden;}

.pro-img{width: 50%;float: left;height: 700px;background: url('../images/index/ind-bg1.jpg') no-repeat center center;background-size: cover;text-align: center;padding: 50px;overflow: hidden;line-height: 600px;}

.pro-img img{max-width: 100%;max-height: 100%;}

.pro-img.imgr{float: right;}

.pro-text{width: 50%;float: right;height: 700px;background: url('../images/index/ind-bg2.jpg') no-repeat center center;background-size: cover;text-align: center;padding: 50px;overflow: hidden;text-align: center;}

.pro-text h5{width: 100%;margin-bottom: 30px;padding-top: 80px;}

.pro-text h5 img{max-width: 100%;}

.pro-text h6{font-size: 28px;line-height: 50px;/*height: 50px;*/overflow: hidden;color: #fff; font-family: 'Microsoft YaHei';margin-bottom: 10px;}

.pro-text p{font-size: 16px;line-height: 26px;color: #fff;max-width: 600px;margin: 0 auto;overflow: hidden;}

.pro-text button{width: 200px;margin: 30px auto 0;line-height: 44px;border-radius: 30px;background-color: #133f97;font-size: 15px;color: #fff;text-align: center;border: 1px solid #133f97;transition: all .4s;}

.pro-text button:hover{background: transparent;border: 1px solid #fff;}

.pro-text button a{display: block;}



/* 案例 */

.ind-case{width: 100%;overflow: hidden;padding: 80px 0 50px 0;}

.case-list{width: 100%;margin-top: 40px;overflow: hidden;}

.case-list ul{margin-left: -1.6%;}

.case-list ul li{width: 23.4%;margin-left: 1.6%;position: relative;float: left;margin-bottom: 1%;overflow: hidden;height: 280px;}

.case-list ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;min-height: 150px;}

.case-list ul li:hover img{transform: scale(1.06);}

.case-list ul li p{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 20px;background-color: rgba(19, 63, 151, .8);height: 60px;font-size: 18px;color: #fff;line-height: 60px;font-family: 'Microsoft YaHei';white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.case-list ul li:first-child{width: 48.4%;height: 578px;}

.case-more{width: 100%;margin: 20px 0 10px;overflow: hidden;position: relative;}

.case-more::after{content: '';width: 100%;height: 1px;background-color: #e5e8f6;top: 50%;left: 0;z-index: -1;position: absolute;}

.case-more a{display: block;width: 180px;height: 44px;border-radius: 30px;font-size: 16px;color: #133f97;line-height: 44px;text-align: center;background-color: #fff;margin: 0 auto;position: relative;padding-right: 20px;transition: all .4s;}

.case-more a::after{content: '';width: 20px;height: 44px;background: url('../images/index/ind-ico2.png') no-repeat center center;position: absolute;top: 0;right: 28px;}

.case-more a:hover::after{background: url('../images/index/ind-ico5.png') no-repeat center center;}

.case-more a:hover{color: #fff;background-color: #133f97;}



/* 关于我们 */

.ind-abo{width: 100%;overflow: hidden;padding: 110px 0;background: url('../images/index/ind-bg3.jpg') no-repeat center center;background-size: cover;}

.abo-text{width: 100%;overflow: hidden;text-align: center;max-width: 800px;margin: 0 auto;}

.abo-text h6{font-size: 32px;color: #fff;font-family: 'Microsoft YaHei';margin-bottom: 10px;}

.abo-text p{font-size: 17px;color: #fff;line-height: 36px;}

.abo-text button{width: 160px;height: 44px;margin: 0 auto;font-size: 15px;color: #fff;line-height: 44px;text-align: center;background-color: #133f97;border-radius: 30px;margin-top: 20px;border: 1px solid #133f97;transition: all .4s;}

.abo-text button:hover{background: transparent;border: 1px solid #fff;}

.abo-text button a{display: block;}

.abo-num{width: 100%;padding-top: 70px;overflow: hidden;max-width: 1280px;margin: 0 auto;}

.abo-num ul li{width: 25%;float: left;position: relative;text-align: center;}

.abo-num ul li::after{width: 1px;height: 55px;background: rgba(255, 255, 255, .3);content: '';position: absolute;top: 0;right: 0;}

.abo-num ul li:last-child::after{display: none;}

.abo-num ul li h5 span{font-size: 44px;color: #fff;font-family: 'Microsoft YaHei';}

.abo-num ul li h6{font-size: 18px;color: #fff;padding-top: 4px;line-height: 30px;}



/* 新闻中心 */

.ind-news{width: 100%;overflow: hidden;background-color: #f5f5f5;padding: 70px 0;}

.news-box{width: 100%;overflow: hidden;margin-top: 40px;}

.news-box .swiper-container{padding-bottom: 50px;}

.news-box .swiper-pagination{bottom: 0px;}

.news-box .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #d7d7d7;border-radius: 50%;opacity: 1;background-color: #d7d7d7;}

.news-box .swiper-pagination-bullet-active.swiper-pagination-bullet{background: transparent;}





.news-main{width: 100%;overflow: hidden;}

.news-main .img{width: 100%;overflow: hidden;}

.news-main .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}

.news-main .text{width: 100%;background-color: #fff;height: 140px;padding: 35px 40px;transition: all .4s;overflow: hidden;}

.news-main .text h6{font-size:18px;color: #333;line-height: 32px;/* height: 96px; */overflow: hidden;font-family: 'Microsoft YaHei';display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;transition: all .4s;}

.news-main .text p{font-size: 14px;color: #999;line-height: 20px;margin-top: 20px;transition: all .4s;}



.news-main:hover .img img{transform: scale(1.06);}

.news-main:hover .text{background-color: #133f97;}

.news-main:hover .text h6,.news-main:hover .text p{color: #fff;}

/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */

    .sol-list ul li .text1 h6{font-size: 20px;line-height: 30px;}

    .sol-list ul li .text1 p{margin-top: 5px;}

    .video-text h6{font-size: 40px;}

    .pro-text h6{font-size: 40px;}

    .pro-img,.pro-text{height: 650px;}

    .pro-img{line-height: 550px;}

    .case-list ul li p{font-size: 16px;padding: 0 16px;}

    .news-main .text h6{font-size: 20px;}

    .news-main .text{height: 180px;padding: 25px 30px;}

}



@media all and (max-width:1599px) {

    /* 1440 × (900/1050) */

    .notice{width: 94%;}

    .video-text h6{font-size: 32px;line-height: 40px;}



    .ind-tit h6{font-size: 32px;}

    .sol-list{margin-top: 40px;}

    .sol-list ul li .text1{top: 8%;}

    .ind-pro{padding-top: 60px;}

    .pro-img, .pro-text{height: 600px;}

    .pro-img{line-height: 500px;}

    .pro-text h5{padding-top: 50px;}

    .case-list ul li{height: 243px;}

    .case-list ul li:first-child{height: 500px;}

    .case-list ul li p{height: 50px;line-height: 50px;}

    .ind-case{padding: 60px 0 40px 0;}

    .ind-abo{padding: 80px 0;}

    .abo-text h6{font-size: 32px;}

    .news-main .text h6{line-height: 28px;height: 84px;}

    .news-main .text{height: 160px;padding: 20px;}

    .news-main .text p{margin-top: 10px;}

    .ind-news{padding: 50px 0;}

    .banner-text{left: 3%;}

    .banner-text h6{font-size: 46px;}

    .banner-text p{font-size: 22px;}

    .banner-text a{margin-top: 20px;}

}



@media all and (max-width:1439px) {

    /* 1360 × (768) */

    .sol-list ul li .text2 h6{line-height: 60px;}

    .sol-list ul li .text2 h6 img{width: 80px;}

    .sol-list ul li .text2 p{font-size: 14px;line-height: 24px;margin: 14px 0;}

    .sol-list,.pro-box,.case-list{margin-top: 30px;}

    .pro-text h6{font-size: 28px;line-height: 40px;height: 40px;}

    .pro-img, .pro-text{height: 500px;}

    .pro-img{line-height: 400px;}

    .pro-text h5{padding-top: 0;}

    .case-list ul li{height: 219px;}

    .case-list ul li:first-child{height: 450px;}

    .abo-num{padding-top: 50px;}

    .news-box{margin-top: 30px;}

    

}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

    .ind-tit h6{font-size: 38px;}

    .news-main .text h6{font-size: 16px;}

    .sol-list ul li .text1 h6{font-size: 18px;line-height: 26px;}

    .sol-list ul li .text1 p{font-size: 14px;}

    .video-text h6{font-size: 30px;line-height: 40px;}

    .video-text .ind-play{width: 70px;height: 70px;}

    .abo-num ul li h5 span{font-size: 50px;}

    .abo-num ul li h6{padding-top: 0;}

    .news-main .text h6{line-height: 24px;height: 72px;}

    .news-main .text{height: 140px;}

    .abo-text h6{font-size: 40px;}

    .abo-text p{line-height: 30px;}

    .sol-list ul li .text2 p{line-height: 20px;}

}



@media all and (max-width:1279px) {

    /* 1152 × (864) */

    .case-list ul li{height: 195px;}

    .case-list ul li:first-child{height: 400px;}

    .case-list ul li p{font-size: 14px;padding: 0 10px;}

    



}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */



}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .banner-pic .banner-pc{display: none;}

    .banner-pic .banner-mb{display: block;}

    .banner .swiper-pagination{bottom: 10px;}

    .banner .swiper-pagination-bullet i{display: none;}

    .banner .swiper-pagination-bullet::before{display: none;}

    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;width: 22px;height: 22px;}

    .banner .swiper-pagination-bullet::after{width: 6px;height: 6px;border: 1px solid #fff;}



    .ind-sol{padding: 40px 0;}

    .video-text {width: 80%;}

    .sol-list ul li{width: 49%;margin-bottom: 2%;}

    .sol-list ul li .text2{top: 40%;}

    .ind-tit h6{font-size: 32px;}

    .pro-img{width: 100%;height: auto;line-height: normal;}

    .pro-text{height: auto;width: 100%;}

    .pro-box .swiper-pagination{bottom: 10px;}

    .case-list ul li:first-child{width: 98.4%;height: auto;}

    .case-list ul li{width: 48.4%;height: auto;}

    .ind-case{padding: 40px 0 20px;}

    .not-text i{display: none;}

    .abo-num ul li h5 span{font-size: 40px;}

    .abo-text h6{font-size: 34px;}

    .ind-abo{padding: 50px 0;}

    .abo-text p{font-size: 16px;line-height: 26px;}

    .ind-tit p{font-size: 16px;line-height: 26px;}

    .ind-news{padding: 40px 0 30px;}



    .banner-text h6{font-size: 34px;}

    .banner-text p{font-size: 18px;line-height: 26px;}

    

    

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .notice{padding: 0 0 0 20px;width: 94%;height: 50px;}

    .notice span{width: 30px;overflow: hidden;height: 50px;}

    .not-text .swiper-container{height: 50px;}

    

    .not-text .swiper-button-prev,.not-text .swiper-button-next{display: none;}

    .not-text a{font-size: 14px;line-height: 50px;height: 50px;padding: 0 0 0 20px;}

    .notice span::after{top: 16px;}

    .notice span::before{height: 50px;background: url('../images/index/ind-ico1.png') no-repeat left top 13px;}

    .ind-tit h6{font-size: 28px;padding-bottom: 10px;}

    .ind-sol{padding: 30px 0;}

    .sol-list, .pro-box, .case-list{margin-top: 24px;}

    .sol-list ul li{border-top: 2px solid #133f97;}

    .sol-list ul li .text2{display: none;}

    .sol-list ul li .text1 {padding: 0 10px;top: 50%;transform: translateY(-50%);}

    .sol-list ul li .text1 h6{font-size: 16px;line-height: 26px;}

    .sol-list ul li .text1 p{display: none;}

    .ind-tit p{font-size: 14px;line-height: 20px;}

    .video-text h6{font-size: 24px;line-height: 30px;}

    .ind-pro{padding-top: 30px;}

    .pro-text{padding: 40px 20px;}

    .pro-text h6{font-size: 20px;line-height: 30px;height: 30px;}

    .pro-text button{margin: 20px auto;}

    .pro-text p{font-size: 14px;line-height: 24px;}

    .case-list ul li p{height: 40px;line-height: 40px;}

    .abo-num ul li{width: 50%;margin-bottom: 20px;}



    .abo-text h6{font-size: 30px;}

    .abo-num ul li::after{display: none;}

    .ind-abo{padding: 40px 0 20px 0;}

    .news-box{margin-top: 20px;}

    .ind-news{padding: 30px 0;}

    .news-box .swiper-container{padding-bottom: 30px;}

    .case-more a{background-color: #133f97;color: #fff;}

    .case-more a::after{background: url("../images/index/ind-ico5.png") no-repeat center center;}

    .pro-text h5 img{width: 70px;}

    .pro-text h5{margin-bottom: 20px;}



    .banner-text h6{font-size: 24px;margin-bottom: 5px;}

    .banner-text p{font-size: 16px;line-height: 24px;}

    .banner-text a{width: 120px;line-height: 34px;font-size: 12px;margin-top: 10px;}

    

   

}