@charset "utf-8";

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



/* 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 img{width: 100%;object-fit: cover;transform: matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;}

.swiper-slide-active .banner-pic img {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;}

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

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

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

.banner-text i{display: block;position: relative;width: 100%;}

.banner-text i::before{content: '';width: 1px;height: 60px;background-color: #bfbfbf;position: absolute;left: -30px;top: 0px;transform: rotate(30deg);}

.banner-text i::after{content: '';width: 1px;height: 60px;background-color: #bfbfbf;position: absolute;right: -20px;bottom: -100px;transform: rotate(30deg);}

.banner-text h6{font-size: 36px;color: #333;line-height: 40px;margin-bottom: 10px;}

.banner-text p{font-size: 14px;color: #333;line-height: 20px;font-family: 'Noto';letter-spacing: 1.5px;}



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

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



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

.banner .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #fff;opacity: 0.5;vertical-align: middle;position: relative;}

.banner .swiper-pagination-bullet:after{content: "";width: 18px;height: 18px;position: absolute;left: 50%;top: 50%;background: transparent;border: 1px solid #1da5f3;border-radius: 100%;margin-top: -9px;margin-left: -9px;opacity: 0;}

.banner .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #1da5f3;}

.banner .swiper-pagination-bullet-active:after {opacity: 1;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 10px 10px;}



@keyframes bannertextDow {0% {transform: translateY(-100px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}

@keyframes bannertextUp {0% {transform: translateY(100px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}



.ind-pro{width: 100%;margin: 5px 0;overflow: hidden;}

.ind-pro ul li{width: 50%;float: left;overflow: hidden;position: relative;}

.ind-pro ul li:nth-child(1){height: 706px;}

.ind-pro ul li:nth-child(2){padding-left: 5px;padding-bottom: 5px;height: 353px;}

.ind-pro ul li:nth-child(3){padding-left: 5px;height: 353px;}

.ind-pro ul li .img{width: 100%;height: 100%;overflow: hidden;}

.ind-pro ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}

.ind-pro ul li:hover .img img{transform: scale(1.06);}

.ind-pro ul li .text{position: absolute;width: 50%;top: 10%;left: 8%;}

.ind-pro ul li .text h6{font-size: 24px;color: #fff;line-height: 30px;margin-bottom: 10px;}

.ind-pro ul li .text p{font-size: 14px;color: #fff;line-height: 24px;}

.ind-pro ul li .text a{display: block;width: 125px;line-height: 36px;border: 1px solid #fff;font-size: 14px;color: #fff;text-align: center;opacity: .74;margin-top: 50px;}

.ind-pro ul li .text a:hover{background-color: #1da5f3;opacity: 1;border-color: #1da5f3;}

.ind-pro ul li:nth-child(3) .text a:hover{background-color: #1da5f3;opacity: 1;color: #fff;border-color: #1da5f3;}

.ind-pro ul li:nth-child(2) .text{left: 60%;width: 40%;}

.ind-pro ul li:nth-child(3) .text{left: 5%;width: 50%;}

.ind-pro ul li:nth-child(3) .text h6{color: #333;}

.ind-pro ul li:nth-child(3) .text p{color: #999;}

.ind-pro ul li:nth-child(3) .text a{color: #999;border-color: #999;}



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



.case-pic{width: 100%;position: relative;}

.case-pic img{width: 100%;height: 100%;min-height: 550px;}

.case-pic .text{position: absolute;max-width: 720px;left: 14.5%;top: 10%;text-align: left;}

.case-pic .text h6{position: relative;font-size: 36px;color: #fff;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;}

.case-pic .text h6::after{content: '';width: 35px;height: 3px;background-color: #fff;position: absolute;left: 0;bottom: 0;}

.case-pic .text p{font-size: 16px;color: #fff;line-height: 32px;height: 62px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.case-pic .text a{display: block;width: 160px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;float: left;margin-top: 40px;transition: all .4s;}

.ind-case .swiper-slide-active .case-pic .text{animation: bannertextUp 1.2s ease both 400ms;}

.case-pic .text a:hover{background-color: #1da5f3;border-color: #1da5f3;}

.case-list{position: absolute;width: 100%;height: 250px;left: 0;bottom: 0;z-index: 10;}

.case-list ul li{width: 25%;float: left;height: 240px;margin-top: 10px;background: rgba(0, 0, 0, .45);border-right: 1px solid rgba(255, 255, 255, .2);padding: 20px;text-align: center;cursor: pointer;}

.case-list ul li h6{font-size: 24px;color: #fff;line-height: 30px;margin: 20px 0 20px;}

.case-list ul li p{font-size: 14px;color: #fff;line-height: 24px;height: 48px;overflow: hidden;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.case-list ul li i{display: block;width: 41px;height: 41px;margin: 20px auto 0;background: url('../images/index/ind-ico1.png') no-repeat center center;transition: all .3s;}

.case-list ul li:hover i{transform: rotate(90deg);}

.case-list ul li.ontrue {background: rgba(29, 165, 243, 1);height: 250px;margin-top: 0px;padding: 30px 20px 20px 20px;}



.ind-about{width: 100%;overflow: hidden;margin: 2px 0;background: url('../images/index/comeCity.png') no-repeat left 20% bottom;}

.about-left{float: left;width: 57%;overflow: hidden;}

.about-words{width: 670px;margin: 100px 140px 0 0;float: right;}

.about-words .pub-tit h6{text-align: left;}

.about-words .pub-tit h6::after{left: 0;margin-left: 0;}

.about-desc{width: 100%;overflow: hidden;margin-top: 30px;}

.about-desc h6{font-size: 20px;color: #444;}

.about-desc p{font-size: 16px;color: #888;line-height: 32px;margin-top: 18px;}



.about-num{width: 100%;overflow: hidden;margin-top: 42px;}

.about-num ul li{width: 33.333%;float: left;}

.about-num ul li h6{font-size: 62px;color: #555;font-family: 'DincondBold';}

.about-num ul li p{font-size: 14px;color: #888;margin-top: 10px;}



.about-more{display: block;width: 154px;height: 48px;line-height: 48px;margin-top: 58px;border: 1px solid #1da5f3;text-align: center;border-radius: 4px;background: #1da5f3;color: #fff;font-size: 16px;font-weight: bold;transition: all .4s ease;}

.about-more i{display: inline-block;vertical-align: middle;width: 9px;height: 14px;background: url('../images/index/comeArr.png') no-repeat;margin: -2px 0 0 12px;transition: all .4s ease;}

.about-more:hover{background: #fff;color: #1da5f3;}

.about-more:hover i{background: url('../images/index/comeArrH.png') no-repeat;}



.about-pic{float: right;width: 43%;float: right;overflow: hidden;position: relative;}

.about-pic img{width: 100%;height: 100%;object-fit: cover;min-height: 500px;}

.about-pic .video-play{display: block;width: 70px;height: 70px;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;cursor: pointer;background: url('../images/index/video-ico.png') no-repeat center center;background-size: 100%;}



.video-play:before,

.video-play:after {content: "";display: block;width: 80px;height: 80px;border: 1px solid #fff;border-radius: 100%;position: absolute;

top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;animation: runquan 1.5s linear infinite;opacity: 0.9;}

.video-play:before {animation-delay: .6s;}

.video-play:after {animation-delay: 0s;}

@keyframes runquan {from {transform: scale(1, 1);opacity: 0.5;}to {transform: scale(1.8, 1.8);opacity: 0;}}











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

.news-title{width: 100%;overflow: hidden;margin-top: 30px;text-align: center;font-size: 0;}

.news-title ul li{display: inline-block;font-size: 18px;color: #333;line-height: 30px;border-bottom: 2px solid #eee;margin: 0 15px;cursor: pointer;}

.news-title ul li.ontrue,.news-title ul li:hover{color: #1da5f3;border-color: #1da5f3;}

.news-main{width: 100%;overflow: hidden;margin-top: 50px;display: none;}

.news-main ul{margin-left: -3%;}

.news-main ul li{width: 30.333%;float: left;margin-left: 3%;overflow: hidden;}

.newsimg{width: 100%;overflow: hidden;}

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

.newstext{width: 100%;background-color: #fff;position: relative;padding: 20px 10px 20px 85px;}

.newstext .time{width: 85px;height: 50px;position: absolute;left: 0;top: 20px;font-size: 12px;color: #333;line-height: 20px;text-align: center;}

.newstext .time span{font-size: 24px;line-height: 30px;display: block;}

.newstext .text{width: 100%;overflow: hidden;}

.newstext .text h6{font-size: 16px;color: #333;line-height: 26px;font-weight: bold;height: 26px;overflow: hidden;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: all .4s;}

.newstext .text p{font-size: 14px;color: #999;line-height: 24px;height: 24px;}



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

.news-main ul li:hover .newstext .text h6{color: #1da5f3;}

.news-main ul li:hover .newstext .time{color: #1da5f3;}



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

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

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

    .about-words{margin: 50px 120px 0 0;}

}



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

    /* 1440 × (900/1050) */

    .ind-pro ul li:nth-child(2) .text{left: 63%;width: 36%;}

    .case-pic .text h6{font-size: 32px;margin-bottom: 14px;}

    .case-pic .text a{margin-top: 30px;}

    .case-pic .text{left: 5%;}

    .case-list{height: 210px;}

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

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

    .case-list ul li h6{font-size: 22px;margin: 10px 0;}

    .about-words{margin: 50px 100px 0 0;}

    .about-desc{margin-top: 20px;}

    .about-num ul li h6{font-size: 50px;}

    .about-num{margin-top: 30px;}

    .about-more{margin-top: 35px;}

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

    .news-main{margin-top: 40px;}

    

}



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

    /* 1360 × (768) */

    .about-words{width: 100%;margin: 0;padding: 40px 30px 0 8%;}

    .about-desc p{line-height: 28px;}

    .case-pic .text h6{font-size: 26px;}

    .ind-pro ul li:nth-child(1){height: 660px;}

    .ind-pro ul li:nth-child(2){height: 330px;}

    .ind-pro ul li:nth-child(3){height: 330px;}

    

}



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

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

    .case-pic .text h6{font-size: 26px;}

    

    .about-desc h6{font-size: 18px;}

    .about-desc p{font-size: 14px;line-height: 24px;}

    .about-more{font-size: 140px;line-height: 40px;font-size: 14px;height: 40px;}

    .newstext .text h6{font-size: 15px;}

}



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

    /* 1152 × (864) */

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

    .banner-text p{letter-spacing: 0.5px;}

    .ind-pro ul li:nth-child(1){height: 600px;}

    .ind-pro ul li:nth-child(2){height: 300px;}

    .ind-pro ul li:nth-child(3){height: 300px;}

    .ind-pro ul li .text h6{font-size: 20px;margin-bottom: 6px;}

}



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

    /* 1024 × (600/768) */

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

    .banner-text p{letter-spacing: normal;}

}





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

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

    /* 平板设备 720 适配 */

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

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

    .banner-text i{display: none;}

    .banner-text h6{font-size: 22px;line-height: 30px;margin-bottom: 5px;}



    .ind-pro ul li{width: 100%;}

    .ind-pro ul li:nth-child(1){height: auto;}

    .ind-pro ul li:nth-child(2){height: auto;padding-left: 0;}

    .ind-pro ul li:nth-child(3){height: auto;padding-left: 0;}

    .ind-pro ul li:nth-child(2) .text {left: 60%;width: 38%;}



    .case-pic img{min-height: 250px;}

    .case-list{position: relative;height: auto;}

    .case-list ul li{width: 50%;margin-top: 0;height: 180px; border-bottom: 1px solid rgba(255, 255, 255, .2);}

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

    .case-list ul li i{display: none;}

    .case-pic .text h6{font-size: 22px;padding-bottom: 10px;}

    .case-pic .text h6::after{height: 2px;}

    .case-pic .text{width: 100%;left: 0;padding: 0 4%;}

    .case-pic .text p{line-height: 28px;font-size: 15px;}

    .case-pic .text a{width: 140px;}

    .about-left{width: 100%;height: auto;}

    .about-words{padding: 30px 4% 20px;}

    .about-pic{width: 100%;}

    .about-pic img{min-height: auto;}

    .about-num{margin-top: 20px;}

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

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

    .news-title ul li{font-size: 16px;}

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

    .news-main ul{margin-left: 0;}

    .news-main ul li{width: 100%;margin: 0 0 3% 0;}

    .case-list ul li{background: rgba(0, 0, 0, .3);}





}

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

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

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

    .banner-text{width: 100%;padding: 0 10px;}

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

    .ind-pro ul li .text h6{font-size: 16px;}

    .ind-pro ul li .text a{width: 110px;margin-top: 30px;}

    .ind-pro ul li .text p{font-size: 12px;line-height: 20px;}

    .ind-pro ul li .text{width: 80%;}

    .ind-pro ul li .img img{min-height: 200px;}

    .ind-pro ul li:nth-child(2) .text{left: 40%;width: 60%;}

    .case-list ul li{padding: 20px 10px;}

    .case-list ul li.ontrue{padding: 20px 10px;}

    .case-list ul li h6 {font-size: 18px;margin: 6px 0;}

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

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

    .case-list ul li p{font-size: 12px;}

    .about-num ul li h6{font-size: 40px;}

    .about-num ul li p{font-size: 14px;line-height: 20px;}

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

    .news-title{margin-top: 16px;}

    .news-title ul li{margin: 0 10px;}

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

    .newstext .text p{font-size: 12px;}

    .newstext .time{width: 70px;}

    .newstext{padding: 20px 10px 20px 72px;}

    .newstext .text h6 {font-size: 14px;}

    .about-pic .video-play{width: 50px;height: 50px;}





}