.index_3_2,.index_3_1{height:15rem} @media(max-width:768px) { .index_3_2,.index_3_1{height:12rem} } html{ font-size:16px; } @media(min-width:1200px) { .pc_swiper{height:580px !important} .t_t{margin:6rem auto 3rem} } @media(max-width:1200px) { .pc_swiper{height:500px !important} .t_t{margin:4rem auto 2rem} .index_al_li_t{font-size} .index_news_li_d2 span { font-size: 1.3rem; } } @media(max-width:768px) { .pc_swiper{height:350px !important} } @media(max-width:480px) { html{ font-size:14px; } .pc_swiper{height:auto} .pc_swiper{height:260px !important} .description{height:100% !important} } .t_d_3 .description{height:100%;width:100%;} .jisuanqi{width:100%;height:300px;background:#e5e5e5;margin-top:35px;} .jisuanqi_title{width:100%;height:60px;line-height:60px;color:#fff;background:#d41817;font-size:28px;font-weight:600;letter-spacing:4px} .li-tab input{ background-color: transparent; float: left; width: 140px; height: 40px; border: solid 1px #666; border-radius: 4px; text-indent: 10px; font-size: 1rem; line-height: 24px; margin-right: 1px; } } #banner .swiper { width: 100%; height: 100%; } #banner.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #banner .swiper-slide img { display: block; width: 100%; max-width:860px;margin:auto; height: 100%; object-fit: cover; } #banner .swiper { margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { #banner .swiper-slide div{width:100%;height:900px;background-size:cover} } @media (max-width: 1200px) { #banner .swiper-slide div{width:100%;height:350px;background-size:cover} } @media (max-width: 768px) { #banner .swiper-slide div{width:100%;height:250px;background-size:cover} } .banner1{background:url(/uploads/image/nimage/banner1.jpg) center no-repeat} .banner5{background:url(/uploads/image/nimage/banner5.jpg) center no-repeat} .banner2{background:url(/uploads/image/nimage/banner2.jpg) center no-repeat} .banner3{background:url(/uploads/image/nimage/banner3.jpg) center no-repeat} .banner4{background:url(/uploads/image/nimage/banner4.jpg) center no-repeat} .index_3_1{background: center/cover no-repeat;} .index_3_2{background: center/cover no-repeat;} .index_3_1,.index_3_2{font-size:0.95rem;color:#fff;padding:0.8rem 1.6rem;letter-spacing:0.1rem;} .t_d{font-size:1.3rem;color:#8b8b8b} .t_d_1{margin-top:4rem} .t_t b{font-size:2.5rem} @media(max-width:768px) { .t_d{font-size:1.2rem;color:#8b8b8b} .t_d_1{margin-top:2rem} .t_t{margin:3rem auto 1rem} .t_t b{font-size:1.8rem} .t_d_1 .row .col-md-6{margin-bottom:1rem} } .index_3_4{width:270px;line-height:1.5} .index_3_3{font-size:1.6rem;font-weight:600} .cebo_c{position:relative;width:100%;height:100%} .cebo_c_1{position:absolute;top:5%;left:5%;color:#fff;font-size:4.5rem;letter-spacing:5px} .cebo_c_2{position:absolute;top:25%;left:5%;} .cebo_c_2_1{width:7rem;height:7rem;border-radius:50%;border:1px solid #579b24;color:#579b24;margin:auto} .cebo_c_2_1_1{font-size:4rem;line-height:4.5rem;position:relative;top:0.5rem} .cebo_c_2_2{color:#fff;font-size:1.5rem;margin-top:0.5rem;} .cebo_c_3{position:absolute;bottom:10%;left:80%} @media(max-width:768px) { .index_3_4{margin-top:15px} .cebo_c_1{font-size:2.5rem;left:20%} .cebo_c_2_1{width:6rem;height:6rem} .cebo_c_2_1_1{font-size:3rem;line-height:3.5rem} .cebo_c_2_2{font-size:1.2rem} .cebo_c_3{position:absolute;bottom:5%;left:70%} } .heat_transfer div{width:240px;line-height:1.0} .jsq_name{line-height:20px;font-size:15px;margin-left:5px;display: inline-block;} .huansuan{background:#d41817;color:#fff;padding:8px 10px;height:32px;cursor:pointer} .btn1{margin-right:30px} .huansuanall{margin-top:30px} .index_cp_bg{background:url(/uploads/image/nimage/产品1.jpg) center/cover no-repeat} .cpon{opacity:1 !important} .hangye_li{} .hangye_li a{color:#999;display:block;width:6.25rem;background:#eeeeee;height:1.9rem;float:left;margin:0px 0.9rem 10px 0;text-align:center;line-height:1.9rem;border-radius:5px} .hyon{color:#fff !important;background:#d41817 !important} .mr0{margin-right:0px !important} @media(max-width:768px) { .hangye_li {display:flex;flex-flow:row wrap; justify-content:space-around} .hangye_li a{width:5.5rem} } .fabn{width:100%;height:680px;background:url(/uploads/image/nimage/xd.jpg) center/cover no-repeat;transition:background 0.3s,transform 0.6s !important} .index_al_1{background:url(/uploads/image/nimage/kh.jpg) center/cover no-repeat;height:140px;overflow:hidden} .index_al_1 p{color:#fff;font-size:1.5rem;text-align:center;margin-top:20px} .index_al_1 span{font-size:3.5rem} .index_al_bg{background:#e5e5e5} .index_al_li_t{font-size:1.7rem} .index_al_li_b{color:#666} @media(max-width:768px) { .index_al_li_t{max-height: 48px; font-size: 1rem; margin-top: 0.5rem !important; overflow: hidden;} .index_al_li .col-6{padding:0.5rem !important} .index_al_li_b span{display:block !important;font-size:0.8rem} .index_al_li_b span svg{width:1rem} .index_al_li_b {display:block !important;margin-top:0.5rem !important} } .index_al_1{margin-bottom:2rem} .index_al_bg img{object-fit:cover;width:100%} @media(min-width:1200px) { .index_al_bg img{height:400px} } @media(max-width:1200px) { .index_al_bg img{height:250px} } @media(max-width:768px) { .index_al_bg img{height:140px} } .index_gyst{height:680px;background:url(/uploads/image/nimage/qiye.jpg) center/cover no-repeat;width:100%;} .index_gyst div{width:700px;height:300px;background:rgba(18,51,96,0.6);color:#fff;font-size:1.2rem;padding:30px 20px;text-indent:3rem;letter-spacing:0.15rem;position:relative;left:calc(70% - 450px);bottom:0px;top:calc(100% - 300px)} .index_gyst_sj{width:100%;background:#d41817;color:#fff;height:120px} .index_gyst_sj .row{max-width:1200px;margin:auto;height:100%;font-size:1.3rem;} .index_gyst_sj .row .shuzi{font-size:4rem;line-height:5rem} .index_gyst_sj .row .col-3:hover{background:#1a4ba7} .index_gyst_sj .index_biaoqian:after{content:" ";position:absolute;top:0px;font-size:3rem;} @media(max-width:768px) { .index_gyst{height:300px;} .index_gyst div{width:100%;height:100%;padding:20px 15px;text-indent:3rem;letter-spacing:0.1rem;left:0;font-size:1.1rem} .index_gyst_sj .row{font-size:1rem;} .index_gyst_sj{height:100px} .index_gyst_sj .row .shuzi{font-size:2rem;line-height:2.2rem} .index_gyst_sj .index_biaoqian:after{content:""} .index_gyst_sj .col-3{padding:10px} } .index_news{ background:#f6f6f6; } .index_news_li{background:#fff} .index_news_li_d1{width:38%;} .index_news_li_d1 img{width:100%; object-fit: cover;height:100%;max-height:13rem;border:5px solid #fff} @media(max-width:768px) { .index_news{ padding: 8px !important; } .index_news_li_d1 img{max-height:9rem} .index_news_li_d3 .mb-4{line-height:1.3} } .index_news_li_d2{width:15%;color:#666} .index_news_li_d2 span{font-size:2rem} .index_news_li_d3{width:47%} .index_news_li_d3 div{font-size:1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 控制显示的行数 */ overflow: hidden; text-overflow: ellipsis; /* 显示省略号 */} .index_news_li_d3 div a{ color:#333; } .index_news_li_d3 p{font-size:1rem;color:#999} .index_news_li:hover a{ color:red; } .index_news_r_t { height: 50px; text-align: center; display: flex; align-items: center; justify-content: center;} .line { display: inline-block; width: 100px; height: 1px; background: #ccc; } .txt { color: #d41817; vertical-align: middle; font-size: 1.4rem; margin: 0 1rem; } @media(max-width:768px) { .index_bofangqi{width:90% !important;height:21px !important;top:calc(35%) !important;left:calc(5%) !important;overflow:visible !important} } @media(min-width:768px) { .index_bofangqi{width:800px !important;height:21px !important;top:calc(50% - 250px) !important;left:calc(50% - 400px) !important;overflow:visible !important} } .index_news_r{height:auto;max-height:670px;background: #fff;} .index_news_r_li{color:#999;font-size:1.2rem;margin:1rem auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .index_news_r_li:hover:before{color:#fff;border:1px solid #d41817;background:#d41817;} .index_news_r_li:hover{color:#d41817;} .index_news_r_li:before{content:attr(data-id);border:1px solid #999;border-radius:5px;padding:0px 5px;margin-right:1rem;font-size:0.8rem;transition:all 0.3s;line-height:28px;vertical-align:bottom} @media(max-width:768px) { .index_news .col-md-8{padding-right:0 !important} .index_news_li_d3 div{font-size:1.1rem;margin-bottom:0.5rem !important} .index_news_li_d3 p{line-height:1.4;font-size:0.9rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;} .index_news_li_d3 {margin-top:0.4rem !important;padding-right:0 !important;width:55%} .index_news_li_d1 {width:38%} .index_news_li_d1{margin-right:1rem} .index_news .pt-5{padding-top:1rem !important} .index_news_li {margin-bottom:1rem !important} .index_news_r_t{height:40px;margin-bottom:0px !important} .index_news_r_li{margin:0.5rem auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* 控制显示的行数 */ overflow: hidden; text-overflow: ellipsis; /* 显示省略号 */ } .index_news{padding-bottom:1rem} .index_shipin_l {padding-right:1.5rem} } .index_shipin .swiper-slide{display:block} .index_shipin .col-md-5{padding-right:0px !important;} .index_shipin_l {padding-right:0px} .index_shipin_l img{width:20rem;object-fit: cover;} .index_shipin_l_b_1{width:30%;height:100%;background:#63b6e8;position:relative;color:#fff;} .index_shipin_l_b_2{width:30%;height:100%;background:#fdc161;position:relative;color:#fff;} .index_shipin_l_b:before{ position: absolute; top: calc(50% - 10px); right: -20px; content: ''; border-bottom: 20px solid transparent; border-left: 20px solid #63b6e8; border-top: 20px solid transparent; } .index_shipin_l_b_2:before{ position: absolute; top: calc(50% - 10px); right: -20px; content: ''; border-bottom: 20px solid transparent; border-left: 20px solid #fdc161; border-top: 20px solid transparent; } .index_shipin_l_en{font-size:1.3rem;} .index_shipin_l_cn{font-size:1.8rem;line-height:1.3} .index_shipin_l_go{background:#2c8abe;border-radius:8px;font-size:1rem;width:90px;color:#fff} .index_shipin_l_go2{background:#df901a;border-radius:8px;font-size:1rem;width:90px;color:#fff} .swipershipin{padding:0 30px !important} .swipershipin img{align-items:center;object-fit:cover;width:100%} .index_shipin_r_t{font-size:1rem;text-align:left;line-height:1.9;font-weight:700} .index_shipin_r_d{font-size:0.8rem;margin-bottom:5px;letter-spacing:0.5px;text-align:left;color:#666} .index_shipin_r_go{border:1px solid #ccc;color:#555;font-size:0.9rem;line-height:1.9} .swipershipin .swiper-button-prev{--swiper-navigation-size:30px;} .swipershipin .swiper-button-next{--swiper-navigation-size:30px;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {position: absolute;content: 'prev';left: -10px;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: 'next';position: absolute;left: 10px;} .index_shipin .row{margin-top:4rem} .index_shipin .swiper-slide:hover .index_shipin_r_go{border:1px solid #d41817;color:#fff;background:#d41817} .index_shipin a{color:#000} @media(max-width:768px) { .index_shipin .col-md-5{padding-right:1.5rem !important;padding-bottom:0 !important} .index_shipin_l img{width:70%} .index_shipin .row{margin-top:1rem} .index_shipin_r_d{height:3rem; line-height: 1.3rem;} } .black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 99999; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); } .white_content { transition:all 0.5s; display: block; position: fixed; top: 50%; left:50%; width: 0%; height: 0%; z-index: 100000; overflow: auto; overflow: hidden; background:#fff; } .white_content_small { display: none; position: fixed; top: 20%; left: 30%; width: 40%; height: 50%; border: 1px solid lightblue; z-index: 1002; overflow: auto; } .index_5{height:auto;width:100%;margin:45px 0 10px} .index_5 div{width:17.65%;height:100%;float:left} .index_5 div span{margin:0 auto;background:url(/uploads/image/images/index_bg2.png) no-repeat;display:block;margin-bottom:30px;transition:0.5s;} .index_5 div .span1{background-position:-80px -74px;} .index_5 div .span2{background-position:-140px -74px} .index_5 div .span3{background-position:-200px -74px} .index_5 div .span4{background-position:-260px -74px} .index_5 div .span5{background-position:-320px -74px} .index_5 div:hover .span1{background-position:-80px -127px} .index_5 div:hover .span2{background-position:-140px -127px} .index_5 div:hover .span3{background-position:-200px -127px} .index_5 div:hover .span4{background-position:-260px -127px} .index_5 div:hover .span5{background-position:-320px -127px} .index_5 div b{font-size:1.2rem;color:#333;text-align:center;display:block;font-weight:100;height:20px;line-height:20px;margin-bottom:20px;transition:all .3s} .index_5 div:hover b{color:#ff3f3c} .index_5 p{text-align:center}