@import url("common.css");
.banner { height: 900px; background: #00002A url(../images/index/banner_bg.jpg) no-repeat center; display: flex; justify-content: center; align-items: center; margin-top: 130px; }
.swiper-banner { width: 100%; max-width: 1920px; overflow: hidden; position: absolute;padding: 20px 0; }
.banner li { background-position: center; background-size: cover; width: 340px; border-radius: 10px; }
.banner li img { width: 100%; display: block; }
.banner li p { width: 100%; height: 40px; background-color: #C30A0A; color: #fff; display: block; line-height: 40px; text-align: center; font-size: 26px;}
.banner h2,.banner h3 { width: 100%; text-align: center; font-size: 70px; color: #36B6C7; position: absolute; top: 180px; }
.banner h3 { font-size: 36px; top: 890px; color: #fff; width: 1140px; }
.banner h3 span { color: #36B6C7; }
.banner .swiper-pagination { bottom: -3px!important;}
.banner .swiper-pagination-bullet { background-color: #fff; }
/* 3D图板块 */
.cj_bt { font-size: 48px; text-align: center; margin: 40px 0;}
.cj_bt span { display: block; }
.cj_text { text-align: center; padding: 30px 0; margin-bottom: 10px; border-radius: 20px; }
.cj_text h4 { font-size: 32px; color: #36B6C7;  }
.cj_text p { font-size: 20px; font-weight: bold; line-height: 36px; margin: 20px auto;}
.cj_text b,.cj_text b span { display: block; }
.cj_text b a { color: #C30A0A; }
.gallery { border-radius: 20px; overflow: hidden; }
/* 技术先进  服务优质 */
.index_jsfw { background-color: #313848; margin-top: 50px; }
.index_jsfw .title h4 b { color: #75F4F4;}
.jsfw_rwap { position: relative; overflow: hidden;}
.jsfw_rwap img { width: 100%;}
.jsfw_text { position: absolute; width: 50%; padding: 8% 7%; box-sizing: border-box; top: 0; bottom: -1px; left: 0; background-color: rgba(49,56,72,0.9); backdrop-filter: blur(10px); }
.jsfw_text.te { left: auto; right: 0; padding: 3% 5%; }
.jsfw_text span { font-size: 48px; color: #75F4F4; font-weight: bold;}
.jsfw_text p { color: #fff; font-size: 30px; text-indent: 2em; line-height:60px; margin-top: 40px;}
.jsfw_text.te p { margin-top: 0; }
.jsfw_text.te p b {color: #75F4F4; }
.jsfw_text.te ul li { float: left; width: 50%; text-align: center; margin-top: 50px; }
.jsfw_text.te ul li img { width: 70%; }
/* 杜绝事故 */
.index_sg .sg_li:nth-child(1) { background: url(../images/index/shigu_1.jpg) no-repeat right;background-size: cover; }
.index_sg .sg_li:nth-child(2) { background: url(../images/index/shigu_2.jpg) no-repeat right; background-size: cover; }
.index_sg .sg_li:nth-child(3) { background: url(../images/index/shigu_3.jpg) no-repeat right; background-size: cover; }
.index_sg .sg_li:nth-child(4) { background: url(../images/index/shigu_4.jpg) no-repeat right; background-size: cover; }
.index_sg .sg_li:nth-child(5) { background: url(../images/index/shigu_5.jpg) no-repeat right; background-size: cover; }
.index_sg .sg_li:nth-child(6) { background: url(../images/index/shigu_6.jpg) no-repeat right; background-size: cover; }
/* 视频 */
.index_video { margin: 50px auto 30px auto; box-sizing: border-box; }
.index_video_li { width: 48%; }
.index_video video { width: 100%; height: 385px; border-radius: 20px;  }
.index_video .video_title { font-size: 26px; text-align: center; }
/* 成功案例 */
.index_al { margin-top: 30px; padding-bottom: 50px; }
.index_al .swiper-slide b { display: block; line-height: 20px; padding: 10px 0; font-size: 15px; text-align: center; background-color: #36B6C7; color: #fff;}
.index_al .swiper-slide b span { margin-right: 10px; }
.index_al .swiper-slide img { width: 100%;}
.index_al .swiper-pagination { bottom: 0px!important; z-index: 9; }
.index_al .swiper-pagination-bullet { background-color: #36B6C7; }
.swiper-al { width: 100%; height: 100%; padding-bottom: 40px; overflow: hidden; position: relative;}
/* 合作客户 */
.index_kh { padding-bottom: 40px; }
.index_kh li { width: 18%; height: 110px; float: left; margin:0 1%; overflow: hidden; margin-bottom: 2%; background-color: #fff; border-radius: 10px; display: flex; justify-content: center; align-items: center; }
.index_kh li img { max-width: 100%; }

/* 移动端 */
@media all and (max-width: 1700px){
    .jsfw_text { padding: 5%; }
    .jsfw_text.te ul li { margin-top: 20px;  }
 }
@media all and (max-width: 1500px){
    .jsfw_text { padding: 3%; }   
    .jsfw_text p { line-height: 50px; font-size: 26px; }
    .jsfw_text.te { padding: 3%;}
    .jsfw_text.te ul li img  {width: 60%; }
    .jsfw_text span { font-size: 40px; }
}
@media all and (max-width: 1200px){
.banner { margin-top: 100px; } 
.banner h2, .banner h3 { font-size: 46px; top: 140px;}
.banner h3 { font-size: 24px; top: 850px; width: 630px; }
.cj_bt,.cj_text h4 { font-size: 28px; }
.cj_text p { font-size: 15px; line-height: 30px; }
.cj_text b span { display: inline; }
.index_jj .title { padding: 60px 0; }
.index_al .swiper-slide b { line-height: 20px; font-size: 13px; }
.jsfw_text span { font-size: 30px; }
.jsfw_text p { margin-top: 20px; font-size: 20px; line-height: 40px;}
}
@media all and (max-width: 1000px){
.index_video { margin-bottom: 10px; margin-top: 20px; padding: 0 3%; }
.index_video video { height: 250px; }
.jsfw_text p { font-size: 18px; line-height: 30px; }
.jj_text { height: 180px; padding-bottom: 30px; margin-bottom: 20px; overflow: hidden; position: relative;  transition: 0.3s ease; }
.jj_text.on { height: auto; padding-bottom: 10px; }
.jj_text.on .text-zhan { display: none; }
}
@media all and (max-width: 800px){
.banner h2, .banner h3 { font-size: 36px; }
.banner h3 { font-size: 20px; top: 830px; }
.jsfw_text span { font-size: 20px; }
.jsfw_text p { font-size: 14px; line-height: 20px;}  
.banner h3 { width: 90%; }
.jj_more { margin-top: 20px; width: 70%; font-size: 20px; line-height: 50px; height: 50px; }
.index_kh li { width: 31.3%; height: 90px; }
}
@media all and (max-width: 600px){
.banner { margin-top: 0; height: 700px; }
.banner h2, .banner h3 { top: 70px; font-size: 24px; }
.banner h3 { top: 620px; font-size: 16px; }
.banner li { width: 280px; }
.cj_bt, .cj_text h4 { font-size: 16px; }
.cj_bt { margin: 20px 0; }
.cj_text p { font-size: 13px; padding: 0 3%; line-height: 24px; margin: 10px 0; }
.cj_text { padding: 10px 0; }
.jsfw_text { padding:5% 2%; }
.jsfw_text span { font-size: 15px; }
.jsfw_text p { font-size: 13px; line-height: 24px; margin-top: 5px; }
.sg_li { width: 100%; float: none; margin-bottom: 10px; height: 106px; }
.sg_li:nth-child(2n) { margin-left: 0; }
.jsfw_text { width: 100%; position: static; text-align: center; }
.jsfw_text.te ul li img { width: 80%; margin: 0 auto; }
.jsfw_text.te { padding: 5% 3%; }
.jsfw_text p { text-indent: 0; }
.modal-content { width: 100%; }
.jj_more { height: 40px; line-height: 40px; font-size: 16px; margin: 30px auto 20px auto; } 
.jj_zl h4 { font-size: 18px; margin: 10px 0; }
.jj_zl h4::after, .jj_zl h4::before { margin-left: 60px; }
.jj_zl h4::after { margin-left: -200px; }
.jj_rwap { overflow: hidden; }
.index_al { padding-bottom: 20px; margin-top: 20px; }
.index_kh li { height: 70px; }
.banner li p { font-size: 22px; }
.index_video { margin-bottom: 10px; margin-top: 20px; padding: 0 3%; }
.index_video video { height: 120px;  }
.index_video .video_title { font-size: 15px; }
}
@media all and (max-width: 340px){
.jsfw_text.te ul li { margin-top: 20px; }
.index_al .swiper-slide b { padding: 4px 0; font-size: 13px; line-height: 20px; }
}