@media screen and (min-width: 1920px) { .wangkong-banner-con .wangkong-banner-txt { background-size:100%; } } @media screen and (max-width: 1920px) { .wangkong-banner-con .wangkong-banner-txt { background-size:cover; } } @media screen and (max-width: 1440px) { /****** banner ****** begin ******/ .wangkong-banner-con, .wenkong-banner-con { height: 450px; } .wangkong-banner-con .wangkong-banner-txt p:nth-child(1) { margin-top: 120px; } .xingwei-banner-con-img { height: 376px; padding: 0 80px; } .wenkong-banner-con { padding: 0 80px; } .xingwei-banner-con-img .xingwei-banner-txt { margin-top: 0; justify-content: center; width: 60%; } .xingwei-banner-con-img .xingwei-banner-txt p:nth-child(1) { margin-top: 0; } .xingwei-banner-con-img .xingwei-banner-txt p:nth-child(2) br { display: none; } .xingwei-banner-con-img .xingwei-banner-img { width: 30%; } .xingwei-banner-con-img .xingwei-banner-img img { width: 70%; } /****** banner ****** end ******/ /****** 上网行为管理 ***** begin ******/ /* 价值优势 begin */ .jzys-box .ys-content { padding: 0 40px; } /* 价值优势 end */ /****** 上网行为管理 ***** end ******/ /****** 文控堡垒系统 ***** begin ******/ /* banner begin */ .wenkong-banner-con { background-position-x: 60%; } /* banner end */ /* 文控堡垒系统信息 begin */ .wk-con-box .wenkong-con { width: 100%; padding: 0 40px; } /* 文控堡垒系统信息 end */ /* 标语 begin */ .wenkong-biaoyu-box { padding: 60px 0; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-one h2 { font-size: 80px; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-two h3 { font-size: 40px; font-weight: 500; } .wenkong-biaoyu-con .zixun-btn a { width: 240px; height: 60px; font-size: 30px; } /* 标语 begin */ /****** 文控堡垒系统 ***** end ******/ /****** 电脑行为 ***** begin ******/ .wk-content .wk-con-box .wk-con.xingwei-tj-con { width: 100%; padding: 0 40px; } /****** 电脑行为 ***** end ******/ } @media screen and (max-width: 1420px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ .wangkong-banner-con, .wenkong-banner-con { height: 443px; } .xingwei-banner-con-img { height: 369px; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ /****** 网控堡垒系统 ***** begin ******/ /* 价值优势 begin */ .yx-con-box .yx-con { width: 100% } /* 价值优势 end */ /****** 网控堡垒系统 ***** end ******/ } @media screen and (max-width: 1366px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ .wangkong-banner-con, .wenkong-banner-con { height: 426px; } .xingwei-banner-con-img { height: 355px; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ } @media screen and (max-width: 1240px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ .wangkong-banner-con, .wenkong-banner-con { height: 387px; } .wangkong-banner-con .wangkong-banner-txt p:nth-child(1) { margin-top: 100px; font-size: 50px; } .wangkong-banner-con .wangkong-banner-txt p:nth-child(2) { font-size: 30px; } .wenkong-banner-con .wenkong-banner-txt p:nth-child(1) { font-size: 50px; } .xingwei-banner-con-img { height: 322px; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ /* 电脑行为管理 begin */ .xingwei-banner-con-img { /* padding: 0 30px; */ } /* 电脑行为管理 end */ } @media screen and (max-width: 1200px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ .wangkong-banner-con, .wenkong-banner-con { height: 375px; } .xingwei-banner-con-img { height: 312px; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ /****** 网控堡垒系统 ***** begin ******/ /* 网控堡垒信息 begin */ .wk-content .wk-con-box .wk-con { width: 100%; padding: 0 40px; } /* 网控堡垒信息 end */ /* 安全威胁 begin */ .wk-content .wx-con-box .wx-con { width: 100%; padding: 0 40px; } .wk-content .wx-con-box .wx-con .wx-con-img-box { width: 40%; } .wk-content .wx-con-box .wx-con .wx-right-txt-img { width: 55%; } /* 安全威胁 end */ /* 功能详解 begin */ .fun-item-con .fun-con-box { width: 100%; padding: 0 40px; } .fun-item-con .fun-con-box .fun-con-txt-img { justify-content: space-between; } .fun-con-txt-img .fun-con-img { width: 40%; } .fun-con-txt-img .fun-con-txt { width: 55%; margin-left: 0px; } .wx-right-txt-img .wx-right-txt, .fun-con-txt .fun-txt { width: 100%; } /* 功能详解 end */ /* 价值优势 begin */ .yx-con-box .yx-con .ys-item { padding: 30px 20px; } /* 价值优势 end */ /****** 网控堡垒系统 ***** end ******/ /****** 文控堡垒系统 ***** begin ******/ /* 泄密渠道 begin */ .wenkong-qd-con .wenkong-qd-list { width: 100%; padding: 0 40px; } /* 泄密渠道 end */ /* 自动透明加密 begin */ .wk-zd-item-two .fun-con-txt-img .fun-con-txt, .wk-zd-item-three .fun-con-txt-img .fun-con-img, .wk-zd-item-three .fun-con-txt-img .fun-con-txt { width: auto; } .wk-zd-item-one.fun-item-con .fun-con-box .fun-con-txt-img, .wk-zd-item-two.fun-item-con .fun-con-box .fun-con-txt-img, .wk-zd-item-three.fun-item-con .fun-con-box .fun-con-txt-img { justify-content: center; } .wk-zd-item-four .fun-con-txt-img .fun-con-img { width: auto; } /* 自动透明加密 end */ /* 企业软件库 begin */ .soft-con-box .fun-con-txt-img .fun-con-img { width: auto; } /* 企业软件库 end */ /* 多种加密 begin */ .fun-item-con .fun-con-box.powerful-pic { width: 904px; padding: 0; } /* 多种加密 end */ /****** 文控堡垒系统 ***** begin ******/ } @media screen and (max-width: 1080px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ .wangkong-banner-con, .wenkong-banner-con { height: 336px; } .xingwei-banner-con-img { height: 300px; } .wenkong-banner-con .wenkong-banner-txt p:nth-child(1), .xingwei-banner-con-img .xingwei-banner-txt p:nth-child(1) { font-size: 50px; } .wangkong-banner-con .wangkong-banner-txt p:nth-child(1) { margin-top: 80px; font-size: 50px; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ /****** 网控堡垒系统 ***** begin ******/ /* 价值优势 begin */ .yx-con-box .yx-con .ys-item { width: 48.5%; } .yx-con-box .yx-con { flex-wrap: wrap; } /* 价值优势 end */ /****** 网控堡垒系统 ***** end ******/ /****** 文控堡垒系统 ***** begin ******/ /* 企业所存在的安全隐患 begin */ .wenkong-yh-box .wenkong-yh-con { width: 100%; flex-direction: column; padding: 0 40px; } .wenkong-yh-box .wenkong-yh-con .wenkong-yh-img img { width: 100%; } .wenkong-yh-box .wenkong-yh-con .wenkong-yh-desc { margin-top: 40px; margin-left: 0px } /* 企业所存在的安全隐患 end */ /* 标语 begin */ .wenkong-biaoyu-box { padding: 60px 0; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-one h2 { font-size: 70px; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-two h3 { font-size: 36px; font-weight: 500; } .wenkong-biaoyu-con .zixun-btn a { width: 200px; height: 50px; font-size: 26px; } /* 标语 begin */ /****** 文控堡垒系统 ***** end ******/ } @media screen and (max-width: 1024px) { /****** 文控堡垒系统 ***** begin ******/ /* 泄密渠道 begin */ .wenkong-qd-con .wenkong-qd-list ul { flex-wrap: wrap; } .wenkong-qd-con .wenkong-qd-list ul li { width: 25%; } /* 泄密渠道 begin */ /* 加密前、加密后 begin */ .wk-zd-item-three.fun-item-con .fun-con-box .fun-con-txt-img { flex-direction: column; } .wk-zd-item-three.fun-item-con .fun-con-box .fun-con-txt-img .fun-con-txt { margin-top: 0; margin-right: 0; margin-bottom: 30px; } .wk-zd-item-three .fun-con-txt-img .fun-con-img { align-items: center; } /* 加密前、加密后 end */ /****** 文控堡垒系统 ***** end ******/ } @media screen and (max-width: 960px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ /* .wangkong-banner-con, .wenkong-banner-con { height: 300px; } */ /* .wangkong-banner-con .wangkong-banner-txt p:nth-child(1) { margin-top: 80px; font-size: 44px; } */ .wangkong-banner-con .wangkong-banner-txt p:nth-child(2) { font-size: 24px; } .wenkong-banner-con .wenkong-banner-txt p:nth-child(1) { /* font-size: 44px; */ } .wenkong-banner-con .wenkong-banner-txt { width: 100%; /* padding: 0 50px; */ } .wenkong-banner-con .wenkong-banner-txt p:nth-child(2) { line-height: 24px; } .xingwei-banner-con-img .xingwei-banner-img img { width: 80%; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ } @media screen and (max-width: 904px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ /* .wangkong-banner-con, .wenkong-banner-con { height: 282px; } */ /****** 网控堡垒 文控堡垒 banner ****** end ******/ /****** 文控堡垒系统 ***** begin ******/ .fun-item-box .fun-item-con.powerful-pic-box { width: 100%; padding: 0 20px; } .fun-item-con .powerful-pic .powerful-pic-item { width: calc(50% - 5px); } /****** 文控堡垒系统 ***** begin ******/ } @media screen and (max-width: 890px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ /* .wangkong-banner-con, .wenkong-banner-con { height: 278px; } */ /****** 网控堡垒 文控堡垒 banner ****** end ******/ /****** 文控堡垒系统 ***** end ******/ /* 标语 begin */ .wenkong-biaoyu-con .wenkong-biaoyu-desc-two h3 { font-size: 30px; font-weight: 500; } /* 标语 begin */ /****** 文控堡垒系统 ***** end ******/ } @media screen and (max-width: 768px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ /* .wangkong-banner-con, .wenkong-banner-con { height: 240px; } */ .wangkong-banner-con .wangkong-banner-txt p:nth-child(1) { margin-top: 60px; font-size: 40px; } .wangkong-banner-con .wangkong-banner-txt p:nth-child(2) { font-size: 22px; margin-top: 10px; } .wenkong-banner-con .wenkong-banner-txt p:nth-child(1) { font-size: 40px; } .xingwei-banner-con-img .xingwei-banner-txt p:nth-child(1) { /* margin-top: 40px; */ font-size: 40px; } .xingwei-banner-con-img, .wenkong-banner-con { padding: 0 40px; } .xingwei-banner-con-img .xingwei-banner-img { align-items: center; } .xingwei-banner-con-img .xingwei-banner-txt p:nth-child(2) { line-height: 24px; font-size: 14px; } .xingwei-banner-con-img .xingwei-banner-img img { width: 90%; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ /* 主题 begin */ .main-box { padding-top: 50px; } /* 主题 end */ /* 板块标题 begin */ .box-top-con p { font-size: 24px; } /* 板块标题 end */ /* banner begin */ .wangkong-banner-con .wangkong-banner-txt { background-size: cover; } /* banner end */ /****** 网控堡垒系统 ***** begin ******/ /* 详细功能 begin */ .wk-content .wx-con-box .wx-con, .fun-item-con .fun-con-box .fun-con-txt-img { flex-direction: column; } .fun-con-txt-img .fun-con-img, .wk-content .wx-con-box .wx-con .wx-con-img-box { width: 100%; justify-content: center; } .fun-con-txt-img .fun-con-txt, .wk-content .wx-con-box .wx-con .wx-right-txt-img { width: 100%; margin-top: 40px; } .fun-con-txt .fun-txt { width: 100%; } /* 详细功能 end */ /* 价值优势 begin */ .yx-con-box .yx-con .ys-item { width: 100%; } /* 价值优势 end */ /****** 网控堡垒系统 ***** end ******/ /****** 文控堡垒系统 ***** begin ******/ /* 文控堡垒系统信息 begin */ .wenkong-con-img-box .wenkong-con-img-list { display: grid; grid-template-columns: repeat(2, 1fr); } .wenkong-con-img-box .wenkong-con-img-list .wenkong-con-img-item { /* width: 50%; */ width: auto; } /* 文控堡垒系统信息 end */ /* 企业所存在的安全隐患 begin */ .wenkong-yh-desc .wenkong-yh-desc-con p { font-size: 14px; } /* 企业所存在的安全隐患 end */ /* 自动加密 begin */ .wenkong-fun-item .wk-zd-item-two .fun-con-txt .fun-txt { display: flex; justify-content: center; } .wenkong-fun-item .wk-zd-item-two .fun-con-txt .fun-txt p, .wenkong-fun-item .wk-zd-item-three .fun-con-img p { padding-left: 0; font-size: 20px; text-align: center; line-height: 30px; } /* 自动加密 end */ /* 标语 begin */ .wenkong-biaoyu-box { padding: 40px 0; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-one h2 { font-size: 50px; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-two h3 { font-size: 22px; font-weight: 500; } .wenkong-biaoyu-con .zixun-btn { margin-top: 30px; } .wenkong-biaoyu-con .zixun-btn a { width: 180px; height: 40px; font-size: 20px; } /* 标语 begin */ /****** 文控堡垒系统 ***** end ******/ } @media screen and (max-width: 560px) { /****** 网控堡垒 文控堡垒 banner ****** begin ******/ /* .wenkong-banner-con .wenkong-banner-txt p:nth-child(2) { line-height: 24px; } */ .wenkong-banner-con .wenkong-banner-txt { /* padding: 0 40px; */ } .wenkong-banner-con .wenkong-banner-txt p:nth-child(2) { margin-top: 20px; } .xingwei-banner-con-img .xingwei-banner-txt p:nth-child(1), .wenkong-banner-con .wenkong-banner-txt p:nth-child(1) { font-size: 30px; } .wenkong-banner-con .wenkong-banner-txt p:nth-child(2) { font-size: 14px; } .wenkong-banner-con .wenkong-banner-txt p:nth-child(3) { font-size: 18px; } .xingwei-banner-con-img .xingwei-banner-txt { width: 50%; } .xingwei-banner-con-img .xingwei-banner-img { width: 40%; } .xingwei-banner-con-img .xingwei-banner-img img { width: 100%; margin-top: 40px; } /****** 网控堡垒 文控堡垒 banner ****** end ******/ /****** 文控堡垒系统 ***** end ******/ /* 泄密渠道 begin */ .wenkong-qd-con .wenkong-qd-list ul li .wenkong-qd-item-img { width: 80px; height: 80px; } .wenkong-qd-con .wenkong-qd-list ul li .wenkong-qd-item-img img { display: block; width: 50%; } .wenkong-qd-con .wenkong-qd-list ul li .wenkong-qd-item-title { font-size: 14px; } /* 泄密渠道 end */ /* 标语 begin */ .wenkong-biaoyu-box { padding: 30px 0; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-one h2 { font-size: 40px; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-two h3 { font-size: 20px; font-weight: 500; text-align: center; margin-top: 20px; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-two h3 br { display: block; } .wenkong-biaoyu-con .zixun-btn { margin-top: 30px; } .wenkong-biaoyu-con .zixun-btn a { width: 180px; height: 40px; font-size: 20px; } /* 标语 begin */ /* 多种加密模式 begin */ .fun-item-con .powerful-pic .powerful-pic-item h2 { font-size: 20px; } .fun-item-con .powerful-pic .powerful-pic-item .powerful-img img { width: 80%; } /* 多种加密模式 end */ /****** 文控堡垒系统 ***** end ******/ } @media screen and (max-width: 490px) { /****** 文控堡垒系统 ***** begin ******/ /* 标语 begin */ .wenkong-biaoyu-con .wenkong-biaoyu-desc-one h2 { font-size: 36px; } .wenkong-biaoyu-con .wenkong-biaoyu-desc-two h3 { font-size: 18px; font-weight: 500; } .wenkong-biaoyu-con .zixun-btn { margin-top: 30px; } .wenkong-biaoyu-con .zixun-btn a { width: 160px; height: 40px; font-size: 18px; } /* 标语 begin */ /****** 文控堡垒系统 ***** end ******/ } @media screen and (max-width: 430px) { } @media screen and (max-width: 414px) { } @media screen and (max-width: 390px) { .fun-item-con .powerful-pic .powerful-pic-item h2 { font-size: 18px; } } @media screen and (max-width: 375px) {} @media screen and (max-width: 350px) { .fun-item-con .powerful-pic .powerful-pic-item h2 { font-size: 16px; } } @media screen and (max-width: 1400px) {}