@charset "utf-8"; /* banner轮播 */ .banner { padding-top: 126px; height: 100vh; transition: all .3s; background-color: var(--btn_bg_color); } .bannerbox { height: 100%; overflow: hidden; } .banner_swiper { position: relative; width: 100%; height: 100%; } .banner_slide { height: auto; } .banner_pcimg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .banner_pcimg { transition: transform 6s ease; /* 3秒的过渡效果,可以根据需要调整 */ } .banner_slide.swiper-slide-active .banner_pcimg { transform: scale(1.05); /* 图片放大到原始尺寸的110% */ } .banner_txt { height: 100%; padding-bottom: 85px; position: relative; display: flex; flex-direction: column; justify-content: center; width: 85%; margin: 0 auto; z-index: 5; color: var(--txt_white); } .banner_txth { font-size: 68px; font-weight: 700; line-height: 1.3; } .banner_txty { font-size: 18px; text-transform: capitalize; } .banner_txtx { display: flex; margin: 22px 0; } .banner_txtx_l, .banner_txtx_r { height: 2px; border-radius: 2px; } .banner_txtx.banner_txtxs .banner_txtx_l, .banner_txtx.banner_txtxs .banner_txtx_r { height: 2px; border-radius: 2px; } .banner_txtx_l { width: 33px; background-color: var(--btn_bg_color1); } .banner_txtx_r { margin-left: 3px; width: 86px; background-color: var(--btn_bg_color); } .banner_txtx_r.baise { background-color: var(--txt_white); } .banner_txtp { width: 40%; font-size: 16px; line-height: 28px; } .banner_txt .banner_txta { margin-top: 55px; display: flex; align-items: center; justify-content: center; width: 220px; height: 55px; border-radius: 35px; background-color: var(--a_hover_color); color: var(--txt_white); font-size:18px; font-weight: 700; text-transform: capitalize; } .banner_txta i { margin-left: 10px; transform: rotate(-90deg); font-size: 18px; margin-top: 2px; transition: all .5s; } .news .banner_txta:hover i{ transform: translatex(5px) rotate(-90deg); } .banner_txt .banner_txta:hover i { transform: translatex(5px) rotate(-90deg); } .banner_zj { position: absolute; height: 85px; bottom: 0; left: 50%; width: 85%; transform: translatex(-50%); margin: 0 auto; display: flex; justify-content: space-between; color: var(--txt_white); z-index: 10; } .banner_jdt { display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ height: 100%; /* 使容器占满其父元素的高度 */ } .banner_btn{ display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ height: 100%; /* 使容器占满其父元素的高度 */ } .banner_jdt .swiper-pagination-bullet { width: 90px; height: 2px; margin: 0 10px 0 0; border-radius: 3px; opacity: 1; background: none; position: relative; z-index: 11; outline: none; overflow: hidden; } .banner_jdt .swiper-pagination-bullet::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--txt_white); opacity: 0.2; } .banner_jdt .swiper-pagination-bullet::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--txt_white); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; z-index: 10; } .banner_jdt .swiper-pagination-bullet.swiper-pagination-bullet-active::after { opacity: 1; } .banner_jdt .swiper-pagination-bullet.swiper-pagination-bullet-active::after { -webkit-animation: w100 6000ms 1; animation: w100 6000ms 1; } @keyframes w100 { 0% { width: 0%; } 100% { width: 100%; } } .banner_down { cursor: pointer; text-align: center; } .banner_down p { color: var(--txt_white); font-size: 18px; text-transform: capitalize; } .banner_down i { margin-top: 10px; transform: rotate(90deg); font-size: 20px; color: var(--txt_white); opacity: .6; animation: jump 2s ease-in-out infinite; } .banner_btn { display: flex; } .banner_btn i { font-size: 30px; color: var(--txt_white); cursor: pointer; outline: none; margin-left: 20px; transition: all .3s; } .swiper-button-disabled i { opacity: 0.3; } /* 产品中心 */ .product { padding-top: 120px; background-position: top; background-repeat: no-repeat; background-size: 100% auto; } .product_th { font-size: 42px; font-weight: 700; color: var(--txt_color1); line-height: 1.3; } .product_tp { width: 45%; font-size: 16px; line-height: 30px; color: var(--p_color); } .product_b { position: relative; margin-top: 130px; } .product_b .product_bt { position: relative; display: flex; background-color: var(--btn_bg_color); border-radius: 22px; } .product_bt>div { width: 50%; } .product_bttxt { position: relative; padding: 80px; color: var(--txt_white); z-index: 5; } .product_bttxtdw { position: absolute; top: 80px; left: 270px; display: none; } .product_bttxth { color: var(--txt_white); } .product_bttxty { font-size: 18px; opacity: .5; text-transform: capitalize; } .product_bttxtx { margin: 28px 0; display: flex; } .product_bttxtx .product_bttxtx_item { padding: 14px 30px; margin-right: 8px; line-height: 1; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .3); color: var(--txt_white); transition: all .3s; white-space: nowrap; overflow: hidden; /* 隐藏超出的内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .product_bttxtx .product_bttxtx_item:hover { background-color: var(--btn_bg_color1); border-color: var(--btn_bg_color1); } .product_bttxtp { font-size: 16px; line-height: 30px; } .product_bttxt .banner_txta { margin-top: 40px; display: flex; align-items: center; justify-content: center; width: 220px; height: 55px; border-radius: 35px; background-color: var(--txt_white); color: var(--btn_bg_color); font-size: 18px; font-weight: 700; text-transform: capitalize; } .product_btimg { padding: 0 40px; } .product_btimg .product_btimga { display: block; width: 100%; height: 100%; transform: translatey(-40px); border-radius: 15px; overflow: hidden; transition: all .4s; } .product_btimga img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; } .product_btimg .product_btimga:hover img { transform: scale(1.1); } .product_bb { margin-top: 30px; display: flex; } .product_bb>div { flex: 1; } .product_bbl { display: flex; margin-right: 30px; padding: 20px; border-radius: 15px; background-color: var(--btn_bg_color1); } .product_bbl .product_bbla { width: 50%; border-radius: 15px; overflow: hidden; min-height: 300px; } .product_bbla img { transition: all .4s; width: 100%; /* 默认宽度为100% */ height: 100%; /* 默认高度为100% */ object-fit: cover; /* 使图片按比例缩放来完全覆盖父容器 */ } .product_bbla:hover img { transform: scale(1.1); } .product_bbltxt { width: 50%; padding-left: 50px; display: flex; flex-direction: column; justify-content: center; color: var(--txt_white); } .product_bbrh { font-size: 36px; font-weight: 700; line-height: 1.3; } .product_bbry { font-size: 14px; opacity: 0.7; white-space: nowrap; /* 确保文本在一行内 */ overflow: hidden; /* 隐藏超出的内容 */ text-overflow: ellipsis; /* 显示省略号 */ max-width: 100%; /* 或任何其他宽度值 */ } .product_bbra { margin-top: 20px; } .product_bbra a { margin-top: 10px; display: inline-block; width: 220px; height: 42px; line-height: 40px; text-align: center; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .3); color: var(--txt_white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .4s; padding: 0 15px; } .product_bbra a:hover { background-color: var(--txt_white); border-color: var(--txt_white); color: var(--btn_bg_color1); } .product_bbr { display: flex; } .product_bbr .product_bbr_item { display: flex; flex-direction: column; height: 100%; flex: 1; border-radius: 15px; overflow: hidden; margin-left: 30px; color: var(--txt_white); } .product_bbr .product_bbr_item:first-child { margin-left: 0; } .product_bbra_img { overflow: hidden; height: 100%; width: 100%; } .product_bbra_img img { width: 100%; transition: all .4s; width: 100%; /* 默认宽度为100% */ height: 100%; /* 默认高度为100% */ object-fit: cover; /* 使图片按比例缩放来完全覆盖父容器 */ } .product_bbr_item:hover img { transform: scale(1.1); } .product_bbr .product_bbr_item { position: relative; } .product_bbra_txt { display: flex; align-items: center; justify-content: center; flex: 1; background-color: rgba(0,71,186,1); text-align: center; font-size: 22px; font-weight: 700; transition: all .3s; position: absolute; width: 100%; bottom: 0; height: 50px; line-height: 50px; opacity: 0.9; } .product_bbr_item:hover .product_bbra_txt { background-color: var(--a_hover_color); } /* 方案 */ .care { padding: 120px 0; text-align: center; } .care_txtx { display: flex; justify-content: center } .care_p { width: 42%; margin: 0 auto; font-size: 16px; line-height: 30px; color: var(--p_color); } .care_ct { margin-top: 50px; display: flex; border-radius: 20px; overflow: hidden; } .care_ct .care_cta { position: relative; width: 25%; overflow: hidden; height: 580px; background: #000; } .care_cta_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; color: var(--txt_white); text-align: center; transition: all .4s; } .care_cta:hover .care_cta_txt { /* background-color: rgba(0, 0, 0, .6); */ } .care_cta_txti i { font-size: 45px; height: 50px; line-height: 50px; transition: all .4s; } .care_cta_txti i.icon-xudianchijiance_1 { font-size: 38px; } .care_cta_txti i.icon-a-dianchi2{ font-size: 50px; } .care_cta_txti i.icon-yaopin{ font-size: 48px; } .care_cta_txth { font-size: 26px; font-weight: 700; line-height: 1.3; margin-top: 15px; transition: all .4s; } .care_cta_txtp { font-size: 14px; text-transform: capitalize; } .care_cta img { width: 100%; /* 默认宽度为100% */ height: 100%; /* 默认高度为100% */ object-fit: cover; /* 使图片按比例缩放来完全覆盖父容器 */ opacity: 0.7; transition: all .4s; } .care_cta:hover img { transform: scale(1.1); opacity: 0.95; } .care_cta:hover .care_cta_txti i { transform: scale(1.5); } .care_cta .care_cta_txti { margin: 0 auto; height: 50px; width: 50px; border-radius: 50px; transition: all .4s; } .care_cta:hover .care_cta_txti { background-color: var(--a_hover_color); height: 50px; width: 50px; border-radius: 50px; } /* 关于 */ .about { position: relative; padding: 100px 0 150px; background-position: center; background-repeat: no-repeat; background-size: cover; /* background-attachment: scroll; */ color: var(--txt_white); transition: all .3s; background-color: var(--btn_bg_color); } @media (min-width: 1200px) { .about { animation: zoomanimation 20s linear infinite; } } @keyframes zoomanimation { 0% { background-size: 105%; } 50% { background-size: 115%; /* 放大到120% */ } 100% { background-size: 105%; /* 缩小回100% */ } } .about::before { content: ''; position: absolute; left: 50%; bottom: 0; width: 1px; height: 150px; background-color: rgba(255, 255, 255, .2); /* transform: translatex(-100%); */ } .about .container { position: relative; z-index: 5; } .about .product_th { text-align: center; color: var(--txt_white); } .about .banner_txtx { justify-content: center; } .about .banner_txtx_r { background-color: var(--txt_white); } .about_p { text-align: center; font-size: 16px; } .about_ct { display: flex; margin-top: 60px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .3); background-color: rgba(0, 0, 0, .3); min-height: 450px; } .about_ct>div { width: 50%; } .about_ctl { padding: 80px 90px; } .about_ctl_p { margin-top: 35px; font-size: 16px; line-height: 30px; } .about_ctl_p p { font-size: 16px; line-height: 30px; color: #fff; } .about_ct .product_th { text-align: left; } .about_ct .banner_txta { margin-top: 40px; display: flex; align-items: center; justify-content: center; width: 220px; height: 55px; border-radius: 35px; background-color: var(--a_hover_color); color: var(--txt_white); font-size: 18px; font-weight: 700; text-transform: capitalize; } .about_ctr { display: flex; flex-wrap: wrap; } .about_ctr_item { display: flex; flex-direction: column; justify-content: center; padding-left: 40px; width: 33.33%; height: 50%; border-left: 1px solid rgba(255, 255, 255, .3); border-top: 1px solid rgba(255, 255, 255, .3); transition: all .4s; } .about_ctr_item:hover { /* background-color: var(--a_hover_color); */ } .about_ctr_item:nth-child(-n 3) { border-top: 0; } .about_ctr_itemt { /* font-size: 58px; font-weight: 700; font-family: 'din_light'; line-height: 1.2; */ } .about_ctr_itemt b { font-size: 58px; font-weight: 700; font-family: 'din_light'; line-height: 1.2; transition: all .3s; } .about_ctr_itemt span { font-size: 16px; font-weight: 500; padding-left: 5px; } .about_ctr_itemb { font-size: 18px; opacity: .6; height: 48px; } /* 使用伪元素来控制动画 */ .counter::before { content: attr(data-count); /* 设置动画结束后的值 */ display: none; /* 初始隐藏 */ } /* 定义动画 */ .counter[data-count] { animation: count-up 2s ease-in-out 1 forwards; /* 动画名称、持续时间、缓动函数、只播放一次并保持最后状态 */ } @keyframes count-up { from { opacity: 0; /* 初始透明度为0 */ transform: translatey(1em); /* 初始位置下移 */ } to { opacity: 1; /* 最终透明度为1 */ transform: translatey(0); /* 最终位置不移动 */ } } /* 理由*/ .reason { position: relative; padding-top: 120px; } .reason .swiper-container-cube .swiper-cube-shadow { opacity: 0.3 !important; } .reason::before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 122px; background-color: #e1e1e1; transform: translatex(-100%); } .reason::after { content: ''; position: absolute; left: 0; bottom: 0; width: 8%; height: 1px; background-color: #e1e1e1; } .reasonbox { display: flex; } .reasonbox>div { width: 50%; } .reasonbox_ly { font-size: 18px; color: var(--p_color); text-transform: capitalize; } .reasonbox_lbox { position: relative; padding: 40px 120px 60px 0; } .reasonl_swiper { /* border-radius: 20px; */ width: 100%; /* overflow: hidden; */ } .reasonl_slidebox { /* overflow: hidden; */ } .reasonl_slidebox img { width: 100%; transition: all .4s; border-radius: 20px; overflow: hidden; } .reasonl_slidebox:hover img { transform: scale(1.02); } .reasonbox_l { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-radius: 0 0 33px 0; } .reasonbox_lboxdw { position: absolute; right: 75px; top: 0; width: 120px; height: 120px; border-radius: 12px; background-color: var(--btn_bg_color1); animation: jump 2s ease-in-out infinite; } .reasonbox_r { display: flex; flex-direction: column; } .reasonbox_r>div { height: 33.33%; } .reasonbox_ritem { position: relative; padding: 0 0 30px 50px; } .reasonbox_ritemdw { margin-top: -30px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; border-radius: 100%; border: 0; transform: translate(-50%, -50%); background-color: transparent; transition: all .3s; } .reasonbox_ritemdw>span { display: block; width: 10px; height: 10px; border-radius: 100%; background-color: #e1e1e1; transition: all .3s; } .reasonbox_ritem.on .reasonbox_ritemdw { background-color: #fff; border: 1px solid #00aee0; } .reasonbox_ritem.on .reasonbox_ritemdw>span { background-color: #00aee0; width: 18px; height: 18px; } .reasonbox_ritembox { padding: 0 65px 15px 65px; display: flex; flex-direction: column; justify-content: center; height: 100%; border-radius: 20px; background-color: var(--txt_white); color: var(--txt_color1); overflow: hidden; border: 1px solid #e1e1e1; transition: all .1s; cursor: pointer; } .reasonbox_ritem.on .reasonbox_ritembox { background-color: var(--btn_bg_color); color: var(--txt_white); border-color: var(--btn_bg_color); } .reasonbox_ritembox_t { display: flex; justify-content: space-between; align-items: center; } .reasonbox_ritembox_tl { font-size: 28px; font-weight: 700; } .reasonbox_ritembox_tl span { font-size: 14px; font-weight: 400; margin-left: 10px; color: var(--p_color); opacity: 0.5; } .reasonbox_ritembox_tr i { font-size: 46px; color: var(--p_color); transition: all .4s; } .reasonbox_ritembox_b { margin-top: 5px; font-size: 16px; line-height: 28px; color: var(--p_color); } .reasonbox_ritem.on i { transform: scale(1.5); } .reasonbox_ritem.on .reasonbox_ritembox_tl span, .reasonbox_ritem.on .reasonbox_ritembox_tr i, .reasonbox_ritem.on .reasonbox_ritembox_b { color: var(--txt_white); } /* 客户 */ .partner { margin-top: 120px; padding: 110px 0 100px; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; } .partner .banner_txtx { justify-content: center; } .partner_ct { margin-top: 50px; overflow: hidden; } .partner_container { width: 100%; } .partner_slide_img { overflow: hidden; } .partner_slide_img img { width: 100%; } .partner_slide { height: auto; transform: scale(.8); transition: 300ms; padding: 3px; filter: grayscale(100%); opacity: 0.6; } .partner_slide_img { border-radius: 35px; padding: 45px 70px 50px 70px; overflow: hidden; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .partner_slide.swiper-slide-active { transform: scale(1); filter: grayscale(0); opacity: 1; } .partner_pagination { margin-top: 50px; } .partner_pagination span { width: 10px; height: 10px; background-color: var(--btn_bg_color); opacity: 1; margin: 0 5px; } .partner_pagination .swiper-pagination-bullet-active { background-color: var(--btn_bg_color1); } .partner_prev, .partner_next { position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 100%; border: 1.5px solid #00aee0; display: flex; justify-content: center; align-items: center; outline: none; cursor: pointer; transform: translate(-50%, -50%); z-index: 5; background: rgba(255, 255, 255, .6); font-weight: bold; } .partner_prev { left: 17%; } .partner_next { right: 14%; } .partner_prev i, .partner_next i { font-size: 20px; color: var(--btn_bg_color1); } .news { padding: 120px 0; } .news_t { display: flex; justify-content: space-between; align-items: flex-start; } .news_tr { display: flex; background-color: var(--btn_bg_color); border-radius: 200px; overflow: hidden; } .news_trl { display: flex; padding: 0 75px; } .news_trl>a { position: relative; display: block; height: 65px; line-height: 65px; padding: 0 30px; font-size: 18px; color: var(--txt_white); transition: all .4s; } .news_trl>a:hover { /* transform: scale(0.9); */ } .news_trl>a::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 16px; background-color: #fff; opacity: .5; transform: translatey(-50%); } .news_trl>a:last-child::after { display: none; } .news .banner_txta { display: flex; align-items: center; justify-content: center; width: 250px; border-radius: 200px; background-color: var(--a_hover_color); color: var(--txt_white); font-size: 18px; font-weight: 700; text-transform: capitalize; } .news_b { margin-top: 25px; display: flex; } .news_bl { display: flex; width: 68%; } .news_bl>div { width: 50%; padding-right: 55px; } .news_blla_img { position: relative; height: 320px; border-radius: 12px; overflow: hidden; } .news_blla_img img { height: 100%; width: 100%; object-fit: cover; transition: all .3s; } .news_blla:hover img { transform: scale(1.1); } .news_blla_img_rq { position: absolute; right: 0; top: 0; padding: 8px 15px; background-color: var(--btn_bg_color1); font-weight: 700; color: #fff; border-radius: 0 10px 0 10px; } .news_blla_img_txt { position: absolute; left: 0; bottom: 0; width: 100%; /* height: 130px; */ padding: 25px; font-size: 20px; font-weight: 700; color: #fff; background-color: rgba(0,71,186,0.9); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示两行 */ text-overflow: ellipsis; } .news_blla_img img { width: 100%; } .news_blla_txt { display: flex; height: 80px; line-height: 80px; border-bottom: 1px solid #ededed; } .news_blla_txtl { position: relative; width: calc(100% - 110px); padding-left: 25px; font-size: 16px; color: var(--p_color); white-space: nowrap; /* 禁止换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; transition: all .3s; } .news_blla_txtl::before { content: ''; position: absolute; top: 50%; left: 8px; display: block; width: 5px; height: 5px; border-radius: 100%; background-color: #4a4a4a; transform: translatey(-50%); transition: all .3s; } .news_blla:hover .news_blla_txtl{ transform: translatex(5px); } .news_blla_txtr { text-align: center; width: 110px; font-size: 15px; color: #999; } .news_blr>a:first-child .news_blla_txt { border-top: 1px solid #ededed; } .news_br { height: 630px; width: 32%; border: 2px solid #00aee0; border-radius: 20px; padding: 45px 50px; } .news_container { height: 100%; } .news_slide .news_slidea { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 15px; border-bottom: 1px solid #ededed; } .news_slideat { position: relative; /* padding-left: 40px; */ font-size: 18px; color: var(--txt_color1); white-space: nowrap; /* 禁止换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; transition: all .3s; } .news_slidea:hover .news_slideat { padding-left: 5px; } .news_slideab_box { transition: all .3s; } .news_slidea:hover .news_slideab_box { color: var(--btn_bg_color); /* padding-left: 45px; */ } .news_slideat span { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 0; width: 25px; height: 25px; border-radius: 100%; background-color: var(--btn_bg_color1); color: var(--txt_white); font-size: 16px; transform: translatey(-50%); transition: all .3s; } .news_slidea:hover .news_slideat span { } .news_slideab { padding-top: 15px; } .news_slideab_box { position: relative; /* padding-left: 40px; */ font-size: 14px; color: #878787; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示两行 */ text-overflow: ellipsis; } .news_slideab_box span { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 25px; height: 25px; border-radius: 100%; background-color: var(--btn_bg_color); color: var(--txt_white); font-size: 16px; } .news_blla:hover .news_blla_txtl { color: var(--btn_bg_color1); } .news_blla:hover .news_blla_txtl::before { background-color: var(--btn_bg_color1); } .news_slide .news_slidea:hover .news_slideat { color: var(--btn_bg_color1); } .news_slideat::before { content: ''; /* 这会创建一个空的内容 */ display: inline-block; width: 5px; /* 根据需要调整圆点的大小 */ height: 5px; background-color: var(--p_color); /* 设置圆点的颜色 */ border-radius: 50%; /* 这使内容成为一个完美的圆点 */ margin-right: 10px; /* 为圆点和其后的内容添加一些间距 */ vertical-align: middle; /* 使圆点垂直居中 */ } .news_slideat:hover::before { background-color:var(--btn_bg_color1); } /* .news_br .swiper-slide:nth-child(odd) { background-color: #f5f5f5; } .news_br .swiper-slide:nth-child(even) { background-color: #ffffff; } */ @media screen and (max-width: 2000px) { .product { padding-top: 120px; } .product_b, .partner { margin-top: 120px; } .care, .partner, .news { padding: 120px 0; } .care_ct { margin-top: 40px; } .about { padding: 110px 0 120px; } .reason { padding-top: 110px; } } @media screen and (max-width: 1800px) { /* banner */ .banner_txth { font-size: 60px; } .banner_txty { font-size: 16px; } .banner_txtp { line-height: 26px; } .banner_txt .banner_txta { height: 55px; } /* 产品 */ .product { padding-top: 90px; } .product_b, .partner { margin-top: 90px; } .product_th { font-size: 42px; } .banner_txtx { margin: 20px 0; } .product_tp { font-size: 16px; line-height: 28px; } .product_bttxty { font-size: 18px; } .product_bttxt { padding: 60px; } .product_bttxtx .product_bttxtx_item { font-size: 14px; } .product_bttxtp { font-size: 16px; line-height: 28px; } .product_bttxt .banner_txta { margin-top: 40px; height: 55px; } .product_bbrh { font-size: 32px; } .product_bbry { font-size: 14px; } .product_bbra a { font-size: 14px; } .product_bbra { margin-top: 15px; } .product_bbra_txt { font-size: 20px; } /*方案 */ .care, .partner, .news { padding: 90px 0; } .care_p { width: 56%; } .care_ct { margin-top: 35px; } .care_cta_txth { font-size: 24px; } .care_p, .about_p { font-size: 16px; line-height: 28px; } .care_ct .care_cta { height: 500px; } /* 关于 */ .about_ctl_p { margin-top: 20px; } .about { padding: 90px 0 100px; } .about_ct { margin-top: 45px; } .about_ctl { padding: 60px; } .about_ct .banner_txta { margin-top: 30px; } .about_ctr_itemt b { font-size: 50px; } .about_ctr_itemb { font-size: 16px; height: 40px; } /* 理由 */ .reason { padding-top: 90px; } .reasonbox_ly { font-size: 16px; } .reasonbox_ritembox { padding: 0 50px 15px 50px; } .reasonbox_ritembox_tl { font-size: 26px; } .reasonbox_ritem { padding: 0 0 20px 40px; } .reasonbox_ritemdw { margin-top: -20px; } .reasonbox_ritembox_b { margin-top: 5px; font-size: 15px; line-height: 26px; } /* 伙伴 */ .partner_ct { margin-top: 45px; } .partner_pagination { margin-top: 30px; } /* 新闻 */ .news_trl { padding: 0 45px; } .news_trl>a { height: 50px; line-height: 50px; font-size: 14px; } .news .banner_txta { width: 230px; font-size: 16px; } .news .banner_txta i { font-size: 16px; } .news_blla_img_rq { font-size: 14px; } .news_blla_img_txt { font-size: 18px; } .news_blla_img_txt { padding: 20px; } .news_blla_txt { height: 70px; line-height: 70px; } .news_blla_txtl { font-size: 16px; } .news_blla_txtr { font-size: 14px; } .news_blla_img { height: 280px; } .news_br { height: 560px; } .news_br { padding: 45px 30px; } .news_slideat { font-size: 18px; } .news_slideab_box { font-size: 13px; line-height: 22px; } .news_slideab { padding-top: 10px; } .partner_next { right: 13.5%; } } @media screen and (max-width: 1600px) { /* banner */ .banner_txt { width: 90%; } .banner_txth { font-size: 50px; } .banner_txty{ font-size: 14px; } .banner_txtp{ font-size: 14px; line-height: 24px; } .banner_txt .banner_txta{ margin-top: 40px; height: 50px; font-size: 16px; width: 200px; } .banner_txta i{ font-size: 16px; } /* 产品 */ .product{ padding-top: 80px; } .product_th{ font-size: 38px; } .product_tp{ font-size: 16px; line-height: 26px; } .product_b, .partner{ margin-top: 80px; } .product_bttxty{ font-size: 16px; } .product_bttxtp{ font-size: 14px; line-height: 26px; } .product_bttxtx .product_bttxtx_item{ padding: 14px 20px; } .product_bbltxt{ padding-left: 45px; } .product_bbra_txt{ font-size: 18px; } .product_bb{ margin-top: 20px; } .product_bbl{ margin-right: 20px; } .product_bbr .product_bbr_item{ margin-left: 20px; } /* 方案 */ .care, .partner, .news{ padding: 80px 0; } .care_p, .about_p{ font-size: 16px; line-height: 26px; } .care_ct, .about_ct{ margin-top: 30px; } .care_ct .care_cta { height: 450px; } /* 关于 */ .about{ padding: 80px 0 90px; } .about_ctl_p{ font-size: 14px; line-height: 24px; } .about_ctl_p p { font-size: 14px; line-height: 24px; } .about_ctr_itemt b{ font-size: 40px; } .about_ctr_itemb{ font-size: 14px; } /* 理由 */ .reason{ padding-top: 80px; } .reasonbox_ly{ font-size: 14px; } .reasonbox_lbox{ padding: 40px 80px 60px 0 } .reasonbox_lboxdw{ right: 35px; } .reasonbox_ritembox_tl{ font-size: 22px; } .reasonbox_ritembox_tl span{ margin-left: 10px; font-size: 12px; } .reasonbox_ritembox_b{ margin-top: 0; font-size: 14px; line-height: 24px; } .reasonbox_ritembox{ padding: 0 42px 15px 42px; } .partner_ct{ margin-top: 40px; } /* 新闻 */ .news_trl>a{ /* font-size: 16px; */ } .news_bl>div{ padding-right: 40px; } .news_blla_txtr{ width: 90px; } .news_blla_txtl{ width: calc(100% - 90px); } .news_slideat{ font-size: 18px; } .product_bttxt .banner_txta{ height: 50px; font-size: 16px; width: 200px; } .product_bbra_txt { height: 44px; line-height: 44px; } .news_slideat span{ width: 22px; height: 22px; font-size: 13px; } .news_slideab_box span{ width: 22px; height: 22px; font-size: 13px; } .partner_next { right: 13%; } } @media screen and (max-width: 1400px){ /* banner */ .banner_txth{ font-size: 40px; } .banner_txty{ font-size: 12px; } .banner_txtp{ font-size: 13px; line-height: 22px; } .banner_txt .banner_txta{ margin-top: 30px; height: 45px; width: 180px; } .banner_txt .banner_txta{ font-size: 14px; } .banner_txta i { font-size: 14px; } /* 产品 */ .product{ padding-top: 70px; } .product_th{ font-size: 32px; } .product_tp{ font-size: 14px; line-height: 24px; } .product_b, .partner{ margin-top: 70px; } .product_bttxty{ font-size: 14px; } .product_bttxt{ padding: 40px; } .product_bttxt{ margin: 20px 30px; } .product_bttxtx .product_bttxtx_item{ font-size: 12px; } .product_bttxtp{ font-size: 12px; line-height: 21px; } .product_bttxt .banner_txta{ height: 45px; width: 180px; margin-top: 30px; font-size: 14px; } .product_bbltxt{ padding-left: 40px; } .product_bbra a { width: 160px; margin-top: 5px; height: 36px; line-height: 34px; } .product_bbl .product_bbla { min-height: 200px; } .product_bbrh{ font-size: 28px; } .product_bbry{ font-size: 12px; display: none; } .product_bbra a{ font-size: 12px; } .product_bbra_txt{ font-size: 16px; } /* 方案 */ .care, .partner, .news{ padding: 70px 0; } .care_p, .about_p{ font-size: 14px; line-height: 20px; } .care_ct, .about_ct{ margin-top: 25px; } .care_cta_txth{ font-size: 22px; margin-top: 10px; } .care_cta_txtp{ font-size: 12px; } .care_ct .care_cta { height: 400px; } /* 关于 */ .about{ padding: 70px 0 80px; } .about_ctl_p{ font-size: 12px; line-height: 22px; } .about_ctl_p p { font-size: 12px; line-height: 22px; } .about_ct .banner_txta{ height: 45px; width: 180px; margin-top: 30px; font-size: 14px; } .about_ctl{ padding: 50px; } .about_ctr_item{ padding-left: 20px; } .about_ctr_itemt b{ font-size: 34px; } /* 理由 */ .reason{ padding-top: 70px; } .reasonbox_ly{ font-size: 13px; } .reasonbox_ritembox_tl{ font-size: 20px; } .reasonbox_ritembox_b{ font-size: 12px; line-height: 20px; } .partner_ct{ margin-top: 35px; padding: 0 10px; } .reasonbox_ritembox_tr i { font-size: 38px; } .reasonbox_ritembox { padding: 0 35px 15px 35px; } /* 新闻 */ .news_trl>a{ font-size: 14px; } .news_trl{ padding: 0 25px; } .news .banner_txta{ font-size: 14px; } .news .banner_txta i { font-size: 14px; } .news_blla_img_txt{ font-size: 16px; } .news_blla_img_txt{ } .news_blla_txt{ height: 55px; line-height: 55px; } .news_blla_txtl{ font-size: 14px; } .news_blla_txtr{ font-size: 12px; } .news_blla_img{ height: 220px; } .news_br{ padding: 30px 20px; height: 440px; } .news_slideat{ font-size: 16px; } .news_slideab_box{ font-size: 12px; line-height: 20px; } .partner_prev, .partner_next{ width: 50px; height: 50px; } .partner_next{ right: 12%; } .news_slideat span{ width: 20px; height: 20px; font-size: 12px; } .news_slideab_box span{ width: 20px; height: 20px; font-size: 12px; } .news_slideat { font-size: 14px; } .partner_next { right: 13%; } } @media screen and (max-width: 1200px){ .banner{ padding-top: 116px; } .banner_txth{ font-size: 36px; } .banner_txt .banner_txta{ width: 160px; } .product{ padding-top: 60px; } .product_th{ font-size: 28px; } .banner_txtx{ margin: 20px 0; } .product_tp{ font-size: 12px; line-height: 20px; } .product_b, .partner{ margin-top: 60px; } .product_bttxty{ font-size: 12px; display: none; } .product_bttxt{ margin: 20px; padding: 30px; } .product_bttxtx .product_bttxtx_item{ padding: 14px 16px; } .product_bttxtx{ margin: 15px 0; } .product_bttxt .banner_txta{ margin-top: 25px; font-size: 14px; width: 160px; } .product_bbrh{ font-size: 22px; } .product_bbra a{ margin-top: 5px; height: 34px; line-height: 34px; } .product_bbra_txt{ font-size: 14px; } /* 方案 */ .care, .partner, .news{ padding: 60px 0; } .partner, .news{ font-size: 12px; line-height: 20px; } .care_ct, .about_ct{ margin-top: 20px; } .care_cta_txth{ font-size: 22px; } /* 关于 */ .about{ padding: 60px 0 70px; } .care_p, .about_p{ font-size: 12px; } .about_ct .banner_txta{ margin-top: 25px; font-size: 14px; width: 160px; } /* 理由 */ .reason{ padding-top: 60px; } .reasonbox_ly{ font-size: 12px; } .reasonbox_lbox{ padding: 60px 80px 60px 0; } .reasonbox_ritembox_tr i{ font-size: 30px; } .reasonbox_ritembox { padding: 0 30px 15px 30px; } .reasonbox_lboxdw { width: 80px; height: 80px; top: 20px; } /* 客户 */ .partner_pagination{ margin-top: 20px; } .news_blla_img_txt{ padding: 20pxx; font-size: 14px; line-height: 24px; } .news_blla_txt{ height: 50px; } .news_blla_txtl{ font-size: 12px; } .news_blla_img{ height: 200px; } .news_bl>div{ padding-right: 25px; } .news_br{ height: 400px; } .news_trl{ padding: 0 10px; } .news .banner_txta{ font-size: 16px; } .news .banner_txta{ width: 200px; } } @media screen and (max-width: 992px){ .news_blla_img{ height: 200px; } .banner_txtx_l { width: 20px; background-color: var(--btn_bg_color1); } .banner_txtx_r { margin-left: 3px; width: 50px; background-color: var(--btn_bg_color); } .banner{ padding-top: 50px; } .footer_t{ padding: 50px 0; } .banner_txt{ width: 100%; padding: 0 25px; } .banner{ height: 550px; } .banner_txth{ font-size: 30px; line-height: 32px; } .banner_down{ display: none; } .banner_zj{ width: 100%; padding: 0 25px; } .product{ padding-top: 50px; background: none; } .product_th{ font-size: 24px; } .product_t{ text-align: center; } .banner_txtx{ justify-content: center; } .product_tp{ width: 100%; padding: 0 15px; } .product_b{ margin-top: 25px; } .product_btimg{ padding: 30px 20px; } .product_btimg .product_btimga{ transform: translatey(0); } .product_bttxt{ padding-right: 0; } .product_bttxtdw{ top: 30px; left: 100px; } .product_bbra_txt { height: 32px; line-height: 32px; } .product_bttxtx .product_bttxtx_item{ padding: 12px 15px; margin-right: 5px; } .product_bb{ margin-top: 10px; } .product_bb{ flex-wrap: wrap; } .product_bb>div{ flex: none; width: 100%; } .product_bbra { text-align: center; width: 100%; } .product_bbra a{ height: 36px; line-height: 34px; width: 80%; margin: 3px auto 0px auto; } .product_bbltxt{ /* padding-left: 0; */ align-items: center; } .product_bbr{ margin-top: 10px; } .product_bbr .product_bbr_item{ margin-left: 10px; } .product_bbra_txt{ padding: 10px 5px; } .product_bt .product_bttxt{ width: 60%; } .care, .partner, .news{ padding: 50px 0; } .care_cta_txth{ font-size: 20px; } .care_cta_txth{ padding: 0; } /* 关于 */ .about_ct{ flex-wrap: wrap; } .about_ct>div{ width: 100%; } .about_ctl{ padding: 40px 30px; } .about_ctl_p { margin-top:10px } .about_ctr{ border-top: 1px solid rgba(255, 255, 255, .3); } .about_ctr_item{ padding: 30px; } .about::before{ display: none; } .about_ctr_item:first-child, .about_ctr_item:nth-child(4) { border-left: none; /* 移除第一个和第四个元素的左边框 */ } /* 理由 */ .reason{ padding-top: 50px; } .reasonbox{ flex-wrap: wrap; } .reasonbox>div{ width: 100%; } .reasonbox_l{ text-align: center; border: 0; } .reason::before, .reasonbox_lboxdw, .reason::after, .reasonbox_ritemdw{ display: none; } .reasonbox_lbox{ padding: 10px 0 30px 0; } .reasonl_swiper { overflow: hidden; } .reasonbox_ritem{ padding-left: 0; padding-bottom: 15px; } .reasonbox_ritembox{ padding: 20px 35px 30px 35px; border-radius: 15px; } .reasonl_swiper{ /* height: 300px; */ } .reasonl_slidebox{ height: 100%; } .reasonl_slidebox img{ height: 100%; object-fit: cover; } /* 客户 */ .partner_slide_img{ padding: 30px 50px; } .partner_next{ right: 12%; } /* 新闻 */ .news .banner_txta{ display: none; } .news_bl{ width: 50%; } .news_bl .news_bll{ width: 100%; } .news_blr{ display: none; } .news_br{ width: 50%; } .news_slideat{ height: 26px; } .banner .banner_txtx{ justify-content: flex-start; } } @media screen and (max-width: 768px){ .banner{ height: 450px; } .banner_txth{ font-size: 24px; line-height: 26px; } .banner_txtp{ width: 100%; line-height: 20px; font-size: 12px; } .banner_txt .banner_txta{ margin-top: 20px; font-size: 12px; width: 130px; height: 34px; } .banner_txta i { font-size: 12px; } .banner_zj{ height: 65px; } .banner_jdt .swiper-pagination-bullet{ width: 40px; } .banner_btn i{ font-size: 26px; } .banner_txtx{ margin: 15px 0; } /* 产品 */ .product_t { padding-bottom: 40px; } .product_btimg .product_btimga{ transform: translatey(-60px); } .product_btimg .product_btimga { width: 90%; margin: 0 auto; } .product_b .product_bt { border-radius: 16px; } .product_bttxt { margin: 0; } .product_b .product_bt{ flex-wrap: wrap; } .product_bttxtp{ padding: 0 30px; } .product_bt>div{ width: 100%; } .product_bt .product_bttxt{ width: 100%; text-align: center; } .product_bttxtx{ margin: 20px 0; flex-wrap: wrap; justify-content: center; } .product_bbltxt { padding-left: 0; } .product_bttxt .banner_txta{ margin: auto; margin-top: 20px; } .product_bttxtx .product_bttxtx_item{ /* margin: 0; */ margin-top: 5px; width: 80%; height: 36px; } .product_btimg{ order: -1; padding: 0; } .product_bt{ padding: 30px 20px; } .product_bttxt{ /* margin-top: 15px; */ } .product_bt .product_bttxt{ padding: 0; transform: translatey(-20px); } .product_bttxt .banner_txta{ margin-top: 20px; font-size: 12px; width: 130px; height: 34px; } .product_bbl{ padding: 30px 20px; flex-wrap: wrap; } .product_bbl .product_bbla, .product_bbltxt{ width: 100%; } .product_bbl .product_bbla { width: 90%; margin: 0 auto; } .product_bbltxt{ margin-top: 30px; margin-bottom: 10px; } .product_bttxtdw{ display: none; } /* 案例 */ .care_p{ width: 90%; } .care_ct{ flex-wrap: wrap; } .care_ct .care_cta{ width: 50%; } .care_ct .care_cta:first-child{ width: 50%; /*height: 220px;*/ } .care_cta_txth{ padding: 0; } .care_ct .care_cta { height: 200px; } .care_cta_txt { transform: scale(0.8); } .care_ct { border-radius: 15px; } /* 关于 */ .about_ct { border-radius: 15px; } .about_ct .banner_txta{ margin-top: 20px; font-size: 12px; width: 130px; height: 34px; } .about_ctr_item{ padding-right: 0; padding-left: 15px; } .about_ctr_itemt b{ font-size: 28px; } .about_ctr_itemb{ font-size: 12px; } .about_ctr_itemt span { font-size: 14px; } /* 伙伴 */ .partner_slide_img{ padding: 20px; } .partner_prev, .partner_next{ display: none; } .partner_slide_img{ border-radius: 10px; } .partner_pagination span { width: 6px; height: 6px; margin: 0 3px; } .partner_slide.swiper-slide-active { } /* 新闻 */ .news_t{ flex-wrap: wrap; justify-content: center; } .news_tl{ width: 100%; text-align: center; } .news_tr{ margin-top: 0px; } .news_b{ flex-wrap: wrap; } .news_bl .news_bll{ padding-right: 0; } .news_blla_img_txt{ height: 80px; } .news_bl, .news_br{ width: 100%; } .news_br{ margin-top: 20px; display: none; } .banner_txty{ display: none; } .news_blla_img { min-height: 240px; } .news_tr { width: 100%; background: #fff; /* border-radius: 15px; */ /* border: 1px solid #e5e5e5; */ } .news_trl>a { height: 40px; line-height: 40px; color: var(--txt_color1); } .news_trl>a { padding: 0 22px; font-size: 14px; } .news_trl>a::after { background-color: #e5e5e5; } .news_trl { display: flex; justify-content: center; align-items: center; flex-direction: row; width: 100%; } .news_tl { /* display: none; */ } }