/* ===================首页样式========================== */
/* .banner-bg{width: 100%;height: 100vh;} */
.banner{margin:80px auto 0;}
.banner-bg .bg{width:100%;height:100%;background-repeat: no-repeat;}
.banner-bg img{width:100%;height:100%;}
.banner-con{position:absolute;transform: translateX(150px);opacity:0;left:0;top:0;width:100%;height:100%;align-items:center;}
.banner-title p{position:relative; z-index:2; color:#ef3826; font-weight:bold;}
.banner-text{line-height:2.3; color:#000;}
.banner-text span{display:inline-block; position:relative; line-height:1.2;}
.banner .swiper-slide-active .banner-con{animation: banText 2s .5s ease forwards;}
@keyframes banText {
    0%{opacity: 0;transform: translateX(150px);}
    100%{opacity: 1;transform: translateX(0);}
}
.banner-more{width:180px; display:inline-block; margin-top:40px;}
.banner-more a{display:block; width:180px; height:50px; background:#ef3826; border-radius:30px; line-height:50px; text-align:center; font-size:18px; color:#fff; transition:all .5s;}
.banner-more a:hover{background:#000; width:200px; transition:all .5s ease-in-out;}
.pagination-box{position: absolute;left: 0;bottom:60px;width: 100%;z-index: 2;user-select: none;}
.banner-pagination .swiper-pagination-bullet{width:8px;height:8px;transition: all .4s ease;cursor: pointer; border-radius:50%;opacity: 1;background:#e9e9e9;margin-left:22px;position: relative;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;transition: all .4s ease; left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);border: 1px dashed #ef3826;border-radius: 50%; width:200%;height:200%;}
.banner-pagination .swiper-pagination-bullet::before{content: "";width:14px;height:14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner-pagination .swiper-pagination-bullet-active{background:#ef3826;}
.banner-pagination .swiper-pagination-bullet-active::after{transform: translate(-50%,-50%) scale(1);}

/* 首页产品体系部分 */
.in_pro{width:100%; margin:auto; background:url(../image/in_probg.jpg) fixed center no-repeat; background-size:cover; padding:80px 0 0;}
.w1580{width:95%; max-width:1580px; margin:auto;}
.in_title{width:100%; margin:auto; text-align:center;}
.in_title h2{font-size:40px; line-height:40px; font-weight:bold; color:#000;}
.in_title h2 a{color:#000;}
.in_title h2 a:hover{color:#ef3826;}
.in_title p{font-size:20px; line-height:25px; margin-top:10px; color:#666;}
.in_prolist{width:100%; margin:40px auto 0;}
.in_prolist li{width:49%; height:299px; float:left; margin:20px 2% 0 0; background:url(../image/in_pro_picbg.jpg); padding:0 60px 0 40px; border-radius:10px; transition:all .5s;}
.in_prolist li:hover{transform:translateY(-5px); transition:all .5s ease-in-out; box-shadow:0 5px 12px rgba(0,0,0,.2);}
.in_prolist li:nth-child(2n){margin-right:0;}
.in_prolist li .ltext{width:46%; float:left; padding-top:60px;}
.in_prolist li .ltext h3{font-size:24px; font-weight:bold; line-height:30px; color:#000;}
.in_prolist li .ltext:hover h3{color:#ef3826;}
.in_prolist li .ltext h3::after{content:""; display:block; width:30px; height:3px; background:#333; margin-top:20px;}
.in_prolist li .ltext:hover h3::after{background:#ef3826;}
.in_prolist li .ltext .con1{display:block; margin-top:30px; font-size:18px; line-height:30px; color:#666;}
.in_prolist li .ltext .more{margin-top:40px;}
.in_prolist li .ltext .more a{color:#333; font-size:18px; line-height:30px; background:url(../image/in_jt2.png) right no-repeat; padding-right:30px;}
.in_prolist li .ltext .more a:hover{background:url(../image/in_jt.png) right no-repeat; padding-right:30px; color:#ef3826;}
.in_prolist li .pic{width:52%; float:right; overflow:hidden; padding-top:35px;}
.in_prolist li .pic img{width:100%; display:block; transition:all .5s;}
.in_prolist li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1); transition:all .5s ease-in-out;} 

.in_prolist2{width:100%; margin:10px auto 0;}
.in_prolist2 li{width:32%; float:left; margin:20px 2% 0 0; background:url(../image/in_pro_picbg.jpg); padding:0 60px 0 40px; border-radius:10px; transition:all .5s;}
.in_prolist2 li:hover{transform:translateY(-5px); transition:all .5s ease-in-out; box-shadow:0 5px 12px rgba(0,0,0,.2);}
.in_prolist2 li:nth-child(3n){margin-right:0;}
.in_prolist2 li .ltext{width:100%; float:left; padding-top:40px;}
.in_prolist2 li .ltext h3{font-size:24px; font-weight:bold; line-height:30px; color:#000;}
.in_prolist2 li .ltext:hover h3{color:#ef3826;}
.in_prolist2 li .ltext h3::after{content:""; display:block; width:30px; height:3px; background:#333; margin-top:10px;}
.in_prolist2 li .ltext:hover h3::after{background:#ef3826;}
.in_prolist2 li .ltext .con1{display:block; margin-top:10px; font-size:18px; line-height:30px; color:#666;}
.in_prolist2 li .ltext .more{margin-top:20px;}
.in_prolist2 li .ltext .more a{color:#333; font-size:18px; line-height:30px; background:url(../image/in_jt2.png) right no-repeat; padding-right:30px;}
.in_prolist2 li .ltext .more a:hover{background:url(../image/in_jt.png) right no-repeat; padding-right:30px; color:#ef3826;}
.in_prolist2 li .pic{width:100%; float:left; overflow:hidden; padding-bottom:10px;}
.in_prolist2 li .pic img{width:100%; display:block; transition:all .5s;}
.in_prolist2 li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1); transition:all .5s ease-in-out;} 

/* 首页案例中心部分 */
.in_case{width:95%; max-width:1580px; margin:80px auto 0;}
.in_hxys{width:100%; float:left; margin-top:60px;}
.in_hxys_p1{width:34%; overflow:hidden; position:relative; margin-right:1%; border-radius:10px;}
.in_hxys_p1 .pic{width:100%; float:left;}
.in_hxys_p1 .pic img{width:100%; height:32.7vw; object-fit:cover; display:block; transition: all .5s;}
.in_hxys_p1 .txt{height:60px; position:absolute; bottom:0; padding:0 5%; color:#fff; overflow:hidden; transition: all .5s; width:100%; background:rgba(0,0,0,.8);}
.in_hxys_p1 .txt h4{font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:60px; line-height:60px; transition:all .4s;}
.in_hxys_p1 .txt p{font-size:16px; line-height:30px; text-align:center; margin-top:20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; white-space:normal;}
.in_hxys_p1 .txt .more{width:110px; font-size:18px; text-align:center; background:url(../image/in_jth.png) right no-repeat; padding-right:20px; margin:40px auto 0; color:#fff;}
.in_hxys_p1:hover .txt{background:rgba(36,78,161,.9); height:100%; padding:160px 35px; text-align:center; transition:all .5s ease-in-out;}
.in_hxys_p1:hover .txt h4{font-size:30px; font-weight:700;}
.fl{float:left;}
.fr{float:right;}

.in_hxys_p2{width:29%; float:left; margin-right:1%;}
.in_hxys_p2 li{width:100%; margin-bottom:2.5%; position:relative; overflow:hidden; border-radius:10px;}
.in_hxys_p2 li .pic{width:100%; float:left;}
.in_hxys_p2 li .pic img{width:100%; height:16vw; display:block; transition: all .5s;}
.in_hxys_p2 li .txt{width:100%; height:60px; position:absolute; bottom:0; padding:0 5%; color:#fff; overflow:hidden; transition: all .5s; background:rgba(0,0,0,.8);}
.in_hxys_p2 li .txt h4{font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:60px; line-height:60px; transition:all .4s;}
.in_hxys_p2 li .txt p{font-size:16px; line-height:30px; text-align:center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal;}
.in_hxys_p2 li .txt .more{width:110px; font-size:18px; text-align:center; background:url(../image/in_jth.png) right no-repeat; padding-right:20px; margin:40px auto 0; color:#fff;}
.in_hxys_p2 li:hover .txt{background:rgba(36,78,161,.9); height:100%; padding:40px 30px; overflow:hidden; text-align:center; transition:all .5s ease-in-out;}
.in_hxys_p2 li:hover .txt h4{font-size:24px; font-weight:700;}

.in_case_more{width:262px; height:60px; margin:60px auto 0; background:#ef3826; border-radius:10px; transition:all .5s; text-align:center;}
.in_case_more a{display:block; font-size:20px; line-height:60px; color:#fff; background:url(../image/in_case_gdicon.png) 85% no-repeat;}
.in_case_more:hover{box-shadow:0 3px 12px rgba(0,0,0,.3); transform:translateY(-5px); transition:all .5s ease-in-out; background:#244ea1;}


/* 首页关于我们部分 */
.in_aboutbg{width:100%; margin:80px auto 0; background:#f9f9f9; padding:80px 0; overflow:hidden;}
.in_about_text{width:95%; max-width:1580px; margin:40px auto 0; background:#fff url(../image/in_about_rbg.jpg) right top no-repeat; border-radius:10px; padding:60px 0 60px 60px;}
.in_about_text .desc{width:50%; float:left; font-size:16px; line-height:30px;}
.in_about_text .desc h3{font-size:30px; line-height:30px; font-weight:bold; color:#000; margin-bottom:20px;}
.in_more{float:left; margin-top:30px;}
.in_more a{display:inline-block; line-height:30px; font-size:18px; color:#333; background:url(../image/in_jt2.png) right no-repeat; padding-right:30px;}
.in_more a:hover{background:url(../image/in_jt.png) right no-repeat; padding-right:30px; color:#ef3826;}

.indAb-num{width:55%; float:left; margin-top:40px;}
.indAb-num li{display:flex; align-items:center; justify-content:space-between; text-align:center; width:25%; transition:all .5s; position:relative;}
.indAb-num li::after{content:""; display:block; width:1px; height:40px; background:#d6d6d6; position:absolute; top:25px; right:50px;}
.indAb-num li:hover{border-color:#ef3826; transform:translateY(-5px); transition:all .5s ease-in-out; cursor:pointer;}
.indAb-num-con .num{align-items:flex-start;}
.indAb-num-con .num span{line-height: .8;margin-right:5px; font-family:"gilroy_bold"; font-weight:500; color:#ef3826;}
.indAb-num-con .num sup{vertical-align:top; width:25px; height:25px; color:#fff; font-size:16px; background:#ef3826; border-radius:50%; line-height:25px;}
.indAb-num-con .title{text-align:left; font-size:16px; margin-top:15px;}

/* 首页新闻中心部分 */
.in_news{width:95%; max-width:1580px; margin:80px auto 0;}
.in_news_box{width:100%; margin:40px auto 0;}
.in_news_boxl{width:60%; float:left;}
.in_news_boxl li{width:49%; float:left; background:#fff; border-radius:6px; border:1px solid #e9e9e9; margin-right:2%; position:relative;}
.in_news_boxl li:nth-child(2n){margin-right:0;}
.in_news_boxl li:hover{border-color:#ef3826; transform:translateY(-5px); transition:all .5s ease-in-out;}
.in_news_boxl li .bti{width:100px; height:44px; background:rgba(0,0,0,.8); border-top-left-radius:6px; text-align:center; padding:0 10px; line-height:44px; color:#fff; font-weight:bold; position:absolute; left:0; top:0; z-index:10;}
.in_news_boxl li:hover .bti{background:rgba(238,29,35,.8);}
.in_news_boxl li .pic{width:100%; float:left; overflow:hidden;border-radius:6px 6px 0 0;}
.in_news_boxl li .pic img{width:100%; display:block; border-radius:6px 6px 0 0; transition:all .5s;}
.in_news_boxl li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);  transition:all .5s ease-in-out;}
.in_news_boxl li .desc{width:100%; float:left; padding:30px 25px 100px; overflow:hidden;}
.in_news_boxl li .desc h4{font-size:20px; color:#000; font-weight:bold; line-height:30px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.in_news_boxl li:hover .desc h4{color:#ef3826;}
.in_news_boxl li .desc .wen{margin-top:20px; font-size:16px; line-height:30px; color:#333; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.in_news_boxl li .rqmore{width:90%; position:absolute; left:20px; bottom:30px; line-height:30px;}
.in_news_boxl li .more{width:120px;}
.in_news_boxl li .more a{background:url(../image/in_jt2.png) right no-repeat; padding-right:25px; font-size:16px; color:#333;}
.in_news_boxl li:hover .more a{background:url(../image/in_jt.png) right no-repeat; padding-right:25px; color:#ef3826;}
.in_news_boxl li .time{font-size:14px; color:#999; font-family:"gilroy_regular";}
.in_news_boxr{width:38%; height:550px; float:right; background:#fff; border-radius:6px; border:1px solid #e9e9e9; position:relative; padding:40px 25px 30px; overflow-y:scroll;}
.in_news_boxr li{width:100%; float:left; margin-top:10px; padding-bottom:10px;}
.in_news_boxr li .bti{width:100px; height:44px; background:rgba(0,0,0,.8); border-top-left-radius:6px; text-align:center; padding:0 10px; line-height:44px; color:#fff; font-weight:bold; position:absolute; left:0; top:0; z-index:10;}
.in_news_boxr li .tit{width:100%; float:left;}
.in_news_boxr li .tit h4{width:85%; float:left; font-size:20px; color:#000; font-weight:bold; line-height:30px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.in_news_boxr li:hover .tit h4{color:#ef3826;}
.in_news_boxr li .tit span{float:right; font-size:14px; color:#999; font-family:"gilroy_regular";}
.in_news_boxr li .wen{width:100%; margin-top:10px; font-size:16px; line-height:30px; color:#333; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}


/* -------------------------PC端--------------------------- */
/* -------------------------4k端--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {
    /* 1920设计稿 3840分辨率【所有宽度 × (3840÷1920 = 2)】【电脑缩放1920÷3840 = 50%】 */
    .banner-bg img{object-fit:cover;}
}

/* -------------------------2k端--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    /* 1920设计稿 2560分辨率【所有宽度 × (2560÷1920 ≈ 1.5)】【电脑缩放1920÷2560 = 75%】 */
    .banner-bg img{object-fit:cover;}

}
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-bg img{object-fit: cover;}
}
@media all and (max-width:1430px) {
    /* 1360 */
    .in_prolist_ltit{width:90%; left:30px; top:30px;}
    .in_prolist_lpic{width:90%; left:0;}
    .in_news_boxr{height:526px;}
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
}
@media all and (max-width:1140px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner{margin:0 auto;}
    .banner-more{width:140px; margin-top:20px;}
    .banner-more a{display:block; width:140px; height:40px; line-height:40px; font-size:15px;}

    .in_pro{padding:40px 0 0;}
    .in_title h2,.in_prolist_ltit h3,.in_prolist_r li .rtit h3{font-size:25px; line-height:30px;}
    .in_title p,.in_prolist_ltit p{font-size:15px; margin-top:5px;}
    .in_prolist{margin:20px auto 0;}
    .in_prolist li{height:465px; padding:20px;}
    .in_prolist li .ltext{width:100%; padding-top:20px;}
    .in_prolist li .ltext h3::after,.in_prolist2 li .ltext h3::after{margin-top:10px;}
    .in_prolist li .ltext .con1{margin-top:20px; font-size:16px;}
    .in_prolist li .ltext .more{margin-top:20px;}
    .in_prolist li .pic{width:100%; padding-top:20px;}
    .in_prolist li .pic img{width:80%; margin:auto;}
    .in_prolist2 li{padding:20px 20px 10px;}
    .in_prolist2 li .ltext{padding-top:20px;}

    .in_case{margin:40px auto 0;}
    .in_hxys{margin-top:30px;}
    .in_hxys_p1 .txt,.in_hxys_p2 li .txt{height:44px; padding:0 4%;}
    .in_hxys_p1:hover .txt{padding:60px 20px;}
    .in_hxys_p1:hover .txt h4{font-size:25px;}
    .in_hxys_p1 .txt p{font-size:15px; line-height:25px; margin-top:10px; -webkit-line-clamp:3;}
    .in_hxys_p1 .txt .more{font-size:16px; margin:20px auto 0;}
    .in_hxys_p1 .txt h4,.in_hxys_p2 li .txt h4{font-size:18px; height:44px; line-height:44px;}
    .in_hxys_p2 li:hover .txt{padding:20px;}
    .in_hxys_p2 li:hover .txt h4{font-size:20px;}
    .in_hxys_p2 li:hover .txt p{font-size:14px; line-height:25px; margin-top:0; -webkit-line-clamp:2;}
    .in_hxys_p2 li .txt .more{font-size:15px; margin:10px auto 0;}
    .in_case_more{width:220px; height:52px; margin:40px auto 0; text-align:left; padding-left:40px;}
    .in_case_more a{line-height:52px; font-size:18px;}

    .in_aboutbg{margin:60px auto 0; padding:40px 0;}
    .in_about_text{width:95%; margin:30px auto 0; font-size:16px; line-height:30px; padding:60px 40px 40px;}
    .in_about_text .desc{width:95%; font-size:15px; line-height:28px; color:#000;}
    .in_about_text .desc h3{font-size:25px;}
    
    .indAb-num{width:98%; margin:40px auto 0;}
    .indAb-num li{display:block; text-align:center; padding:20px 20px 0;}
    .indAb-num-img{margin-right:0; margin-bottom:10px;}
    .indAb-num-con .title{color:#000; text-shadow:0 1px 3px rgba(255,255,255,.8);}

    .in_news{margin:40px auto 0;}
    .in_news_boxl{width:100%;}
    .in_news_boxl li .desc{padding:20px 15px 50px;}
    .in_news_boxl li .desc h4{font-size:18px; line-height:26px;}
    .in_news_boxl li .desc .wen{margin-top:10px; font-size:14px; line-height:25px;}
    .in_news_boxl li .more a{font-size:14px;}
    .in_news_boxl li .time{font-size:12px;}
    .in_news_boxl li .rqmore{left:15px; bottom:15px; line-height:25px;}
    .in_news_boxr{width:100%; height:250px; float:left; margin-top:20px; padding:40px 15px 30px;}
    .in_news_boxr li .tit h4{font-size:18px;}
    .in_news_boxr li .wen{font-size:14px; line-height:25px;}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .Header .language_search .tel{font-size:15px; background-size:15px; padding-left:20px;}
    .indTitle .text{font-size: 18px;}
    .banner .swiper-slide{overflow: hidden;}
    .banner-con{align-items: flex-start;}
    .banner-con .contain{padding: 100px 0 0 30px;}
    .banner-title::after{width: 45px;height: 42px;}
    .banner-text{margin-top: 10px;line-height: 1.8;}
    .banner-text br{height: 5px;line-height: 5px;overflow: hidden;}
    .banner-text span{font-size:14px;line-height: 1;}
    .pagination-box{bottom:30px;}
    .pagination-box .contain{display: flex;justify-content: center;}
    .banner-pagination .swiper-pagination-bullet{margin-left: 20px;}
    .banner-pagination .swiper-pagination-bullet::before{width: 12px;height: 12px;}
    .banner-pagination .swiper-pagination-bullet::after{border: 1px dashed #ef3826;}
    .in_title h2,.in_prolist_ltit h3,.in_prolist_r li .rtit h3,.in_prolist2 li .rtit h3{font-size:20px; line-height:25px;}
    .in_prolist li{width:100%; height:auto;}
    .in_prolist2 li{width:100%; margin:10px 0 0;}

    .in_hxys_p2{width:100%; margin:10px 0 0;}
    .in_hxys_p1 .pic img,.in_hxys_p2 li .pic img{height:auto;}
    
    .in_hxys_p1{width:100%;}
    .in_case_more{width:200px; height:46px; margin:30px auto 0;}
    .in_case_more a{line-height:46px; font-size:16px;}

    .in_about_text{font-size:14px; line-height:25px; padding:40px 20px;}
    .in_about_text .desc{height:250px; overflow-y:scroll;}
    .in_about_text .desc h3{font-size:22px; margin-bottom:10px;}

    .indAb-num li{display:block; width:49%; height:auto; margin:0 2% 2% 0; padding-bottom:20px;}
    .indAb-num li:nth-child(2n){margin-right:0;}
    .indAb-num li::after{display:none;}
     
    .in_news_box{margin:20px auto 0;}
    .in_news_boxl li{width:100%; margin-bottom:10px;}
    .in_news_boxl li .desc h4,.in_news_boxr li .tit h4{font-size:16px;}
    .in_news_boxr{margin-top:10px;}
    .in_news_boxr li .tit h4{width:75%;}
}   

@media all and (max-width:480px) {
    .Header-logo{width:80px;}
    .in_prolist li .ltext,.in_prolist2 li .ltext{padding-top:10px;}
    .in_prolist li .ltext .more a{font-size:16px;}
    .in_prolist li .ltext h3,.in_prolist2 li .ltext h3{font-size:22px;}
}