.home_about .about_bg{background:#f5f6fb;padding:20px}
.home_about .about_more{display:flex;justify-content:space-between;margin-top:10px}
.home_about .about_more .left{width:100%}
.home_about .about_more .right{width:100%}
.home .container h2{color:#0b369c;font-weight:700;font-size:26px;margin-bottom:20px}
.home_about .s-tit{color:#0b369c}
.home_about h3{color:#575858;font-size:26px;margin:10px 0}
.home_about .about_more p{margin-bottom:20px}
.home_about .spe_area{display:flex;margin:10px 0}
.spe_area .box{margin:10px 0 30px}
.spe_area .box .num{color:#0b369c;font-weight:700;font-size:31px}
.spe_area .box.rig{margin-left:300px}
.spe_area .left{width:65%}
.spe_area .right{width:33%;margin-left:35px}
.about_more .left a{background:#0b369c;padding:10px 20px;display:inline-block;color:#fff;border-radius:0 20px 20px 0}
.about_more .left a i{vertical-align:middle;font-size:19px;margin-left:10px}
.home_about .partners{border-bottom:4px solid #0b369c;padding: 0;}
.partners .container{display:flex;justify-content:space-between;padding:20px 0}
.partners .container img{max-width:160px;object-fit:scale-down}
.home_networkFloor{background:url(/images/home-ban-case.webp) no-repeat;background-size:cover}
.home_networkFloor .container{padding: 40px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap: 50px;}
.home_networkFloor .box{background:#fff}
.home_networkFloor .box .text{height: 140px;margin: 10px 40px;}
.home_networkFloor .box .tit{margin: 0 40px;}
.home_networkFloor .box .pic_ico{margin: 20px 40px;max-height:53px}
.home_networkFloor .box .tit p{color:#0b369c;font-weight:700;font-size:22px}
.home_networkFloor .box .tit i{color:#0b369c;font-size:22px}
.home_product .container{padding:40px 0}
.home_product .mdc_tab-content{margin:20px 0;display:flex;justify-content:space-between}
.home_product .mdc_tab-content .mdc_tab-btn{width:100%;border-radius:0;padding:20px 0;position:relative}
.home_product .products_show .flex_grid-option{grid-template-columns: repeat(4,1fr);}
.home_Cases .Case_Pic{display:flex;align-items:center;position:relative;margin:20px 0;overflow:hidden}
.home_Cases .Case_Pic .tab_img{display:flex;width:73%;position:absolute;top:17px;left:301px;overflow:hidden;transition:transform .5s ease}
.home_Cases .Case_Pic .tab{background:#0b369c;width:370px;height:340px;text-align:center;padding:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c4c4c4}
.home_Cases .tab_img-list{display:flex;transition:transform .5s ease;width:max-content}
.Case_Pic .tab_img img{max-width:530px;display:block}
.home_Cases .tab_img .img{flex:0 0 auto;margin-right:20px;min-width:300px}
.Case_Pic .tab_img .img{margin-right:20px;position:relative}
.Case_Pic .tab_img p{position:absolute;bottom:0;color:#fff;z-index:9;padding:10px}
.Case_Pic .tab_img .img::after{content:'';display:block;position:absolute;width:100%;top:0;bottom:0;left:0;z-index:2;background:#33373a3b;transition:.6s ease;background-color:#fff0;background-image:linear-gradient(0deg,#00000075 13%,#00000000 27%)}
.home_news .content{margin:10px 0}
.home_news .content .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:51px}
.home_news .content .item:last-child{margin-bottom:0}
.home_news .content .left{margin-right:40px;width:35%}
.home_news .content .title{margin:10px 0 5px;font-size:20px;font-weight:700}
.home_news .details{margin:10px 0;color:#7b7878;overflow:hidden;text-align:left;height:50px;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home_news .content .item .img{margin-right:15px;width:32%;overflow:hidden}
.home_news .date{margin:10px 0;display:flex;align-items:center}
.home_news .date i{margin-right:7px}
.home .container .read_more{color:#0b369c;font-size:15px}
.home_product{margin-bottom:50px}
.home_Cases{margin-bottom:50px}
.mdc_tab-btn.on{background:#f5f5f5;border-color:#003d7e;color:#003d7e}
button.mdc_tab-btn.on:after{content:'';position:absolute;bottom:0;width:100px;height:2px;background:#fc641d;display:block;left:50%;transform:translateX(-50%)}
.mdc_tab-btn.on{color:#fc641d;font-weight:700}
.Case_Pic .tab i{color:#c4c4c4;font-size:30px;cursor:pointer;padding:10px 5px}
.Case_Pic .tab i:first-child{border-bottom:1px solid #c4c4c4}
.Case_Pic .tab i:hover{color:#fff}
.Case_Pic .page_num{margin-top:20px}
.Case_Pic .page_num .current{font-size:24px;color:#fff;margin-right:10px}
.ipad_phone-tab{display:none}
.home_news .content .img a{display:block;margin-right:20px;width:275px;height:175px;overflow:hidden;position:relative}
.home_news .content .img a img{width:100%;height:auto;min-width:100%;min-height:100%;position:absolute;left:50%;top:44%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);object-fit:cover}
.home_news .content .item .text{width:66%}
.home_news .content .item h3{font-size:20px;font-weight:700;line-height:30px}
.home_news .content .right{width:60%}
.home_news .title a:hover{color:#0b369c}
.home_news .title a{color:#000}
.home_news .item .text a:hover{color:#0b369c}
.home_news .item .text a{color:#000}
.products_show{margin-top:20px;}
.home_networkFloor .text p{margin-bottom:20px}
.home_news .content .left img{max-height:500px}

@media(max-width:1440px){.home_banner .right img{max-width:401px}
.home_banner .text p{margin-bottom:50px}
.spe_area .box.rig{margin-left:150px}
.home_product .products_show .flex_grid-option{gap: 10px 20px;}
.home_news .content .img a{width:100%}
.home_news .content .item{margin-bottom:45px}
.home_news .content .item h3{font-size:17px}
.home_news .content .title{font-size:17px}
.home_banner .text h2{font-size: 40px;}
.spe_area .box .num{font-size:28px}
.home_networkFloor .box .tit p{font-size:20px}
.home .container h2{font-size:24px;margin-bottom:10px}
.home_product{margin-bottom:20px}
.home_news .content .item .img{width:32%}
}

@media(max-width:1024px){.partners .container{flex-wrap:wrap;}
.home_about .about_more{align-items:center}
.home_about .spe_area{flex-wrap:wrap}
.spe_area .left{width:100%}
.spe_area .right{width:100%;margin-left:0;margin-top:30px;display:flex;justify-content:space-between}
.spe_area .box.rig{margin:10px 0 0 0}
.spe_area .box .num{margin-bottom:10px}
.spe_area .box{margin:10px 0}
.home_networkFloor .container{grid-template-columns:repeat(2,1fr);padding: 40px;}
.home_networkFloor .box .text p{margin-bottom:10px}
.home_product .products_show .flex_grid-option{grid-template-columns:repeat(2,1fr);gap: 15px;}
.home_Cases .Case_Pic .tab{display:none}
.home_Cases .Case_Pic{clear:both;height:auto;flex-wrap:wrap}
.home_Cases .Case_Pic .tab_img{left:10px;width:min(1500px,95%);position:relative}
.home_news .content{flex-wrap:wrap}
.home_news .content .left{margin-right:0;width:100%}
.home_news .content .left>a{text-align:center;display:block}
.home_news .content .item{margin-bottom:10px}
.home_banner .container .img{display:none}
.home_banner .text p{margin:20px 0}
.home_product{margin-bottom:20px}
.ipad_phone-tab{display:flex;gap:40px;margin:45px auto 0}
.ipad_phone-tab .switch-btn{width:100px;height:40px;background-color:#f0f0f0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.ipad_phone-tab .switch-btn:hover{background-color:#e0e0e0;transform:scale(1.1)}
.ipad_phone-tab .switch-btn:active{transform:scale(.9)}
.ipad_phone-tab .switch-btn.active{background-color:#007aff;color:#fff}
.ipad_phone-tab i{font-size:23px;font-weight:700}
.home_networkFloor .box .img{text-align:center;display:block;margin:10px 0 0}
.home_news .content .right{width:100%}
.home_news .content .item .img{width:32%;overflow:hidden}
}

@media(max-width:768px){.home_banner .s_pic img{margin-right:0;max-width: 100%;}
.home_banner .s_pic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.home_about .about_more{flex-wrap:wrap}
.home_about .about_more .left{margin-bottom:10px}
.home_about h3{margin:12px 0 18px}
.home_about .about_more p{margin-bottom:10px}
.home_banner .text h2{font-size:30px;line-height:40px;margin-bottom:10px}
.home_banner .container{padding:20px}
.home_about .partners{padding:0}
.home_networkFloor .container{grid-template-columns:repeat(1,1fr);padding: 10px;}
.home_product .mdc_tab-content{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.home_news .content .right{display:none}
.spe_area .box .num{font-size:25px}
.home_Cases .tab_img .img{min-width:280px;margin-right:10px}
.ipad_phone-tab .switch-btn{margin:0 10px}
}

@media(max-width:568px){
.home_product .products_show .flex_grid-option {grid-template-columns: repeat(1, 1fr);}
}