.swiper-pagination { width:100%; bottom:0px; } .swiper-pagination-bullet { width:10px; height:10px; background:#fff; border:2px solid #c0c0c0; opacity:1; margin:0px 0.1rem; } .swiper-pagination-bullet-active { background:#c02d28; border-color:#c02d28; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0px 0.1rem; } .page-tab-btn { position:absolute; width:0.5rem; height:0.5rem; z-index:5; background:url(../images/page-btn-img01.png) no-repeat center center; background-size:cover; top:50%; margin-top:-0.25rem; border-radius:50%; } .page-tab-btn.swiper-button-next:before {position:absolute; width:0.12rem; right:0.2rem; height:0.03rem; top:50%; margin-top:-0.02rem; content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); } .page-tab-btn.swiper-button-next:after {position:absolute; width:0.12rem; margin-top:-0.03rem; right:0.2rem; height:0.03rem; border-radius:0.02rem; top:50%; content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);} .page-tab-btn.swiper-button-prev:before {position:absolute; width:0.12rem; left:0.2rem; height:0.03rem; top:50%; content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg); margin-top:-0.03rem; } .page-tab-btn.swiper-button-prev:after {position:absolute; width:0.12rem; margin-top:-0.02rem; left:0.2rem; height:0.03rem; border-radius:0.02rem; top:50%; content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);} .page-tab-btn.swiper-button-prev { left:-0.9rem; } .page-tab-btn.swiper-button-next { right:-0.9rem; } .page-tab-btn.swiper-button-disabled { opacity:1; background:#d2d2d2; pointer-events:auto; } @media only screen and (max-width:750px) { .page-tab-btn.swiper-button-prev { left:-0.25rem; } .page-tab-btn.swiper-button-next { right:-0.25rem; } .swiper-pagination-bullet { width:6px; height:6px; } } /***********产品列表**************/ .pro-in-sec { padding:0.02rem 0px 0.99rem; } .pro-in-sec .page-con { padding-top:0.1rem; overflow:hidden; position:relative; margin-top:0.35rem; } .pro-in-sec .page-con:before { position:absolute; left:0px; top:0px; height:0.1rem; right:0px; border-radius:0.1rem; border:0.03rem solid #f9f9f9; content:""; border-bottom:0px; } .pro-in-sec .page-con:after { position:absolute; left:-100%; top:0.03rem;transition:0.5s all; -webkit-transition:0.5s all; border-radius:0.04rem; -ms-transition:0.5s all; -o-transition:0.5s all; height:4px; width:100%; background:url(../images/pro-in-sec-libg01.png) no-repeat center center; background-size:100% 100%; content:""; } .pro-in-sec .page-con:hover:after { left:0px; } .pro-in-sec .page-con .page-sub { border:0.03rem solid #f9f9f9; padding:0.2rem 0.56rem; border-top:none; border-bottom:none; } .pro-in-sec .page-con .page-sub img { height:0.58rem; vertical-align:middle; margin-right:0.28rem; } .pro-in-sec dl { border:0.03rem solid #f9f9f9; padding:0.2rem 0px 0.34rem 1.33rem; border-top:none; border-radius:0px 0px 0.1rem 0.1rem; background:#f9fafb; } .pro-in-sec dl dd { width:33.33%; padding:0.13rem 0.8rem 0.13rem 0px; } .pro-in-sec dl dd a h3 { color:#2b2b2b; } .pro-in-sec dl dd a:hover h3 { color:#d0121b; } .pro-in-sec dl dd a h4 { color:#2b2b2b; margin-top:0.06rem; } .pro-in-sec .con-sec { padding-top:0.7rem; } .pro-in-sec .page-con.last01 { background:#f9fafb; padding-top:0.2rem; padding-bottom:0.2rem; } .pro-in-sec .page-con.last01 dl dd a { cursor:default; } .pro-in-sec .page-con.last01 dl dd a:hover h3 { color:#2b2b2b; } @media only screen and (max-width:1660px) { .pro-in-sec .page-con:after { height:3px; } } @media only screen and (max-width:1340px) { .pro-in-sec .page-con:after { height:2px; } } @media only screen and (max-width:750px) { .pro-in-sec { padding-bottom:0.5rem; } .pro-in-sec dl dd { width:100%; } .pro-in-sec .page-con .page-sub { padding:0.2rem 0.2rem; } .pro-in-sec dl { padding:0.3rem 0.4rem 0.3rem 0.88rem; } .pro-in-sec .page-con .page-sub img { margin-right:0.2rem; } .pro-in-sec dl dd { padding:0.13rem 0px; } } /**************产品介绍*******************/ .pro-detail-into { padding:0.8rem 0px; } .pro-detail-into .page-pic-tab { width:44.28%; overflow:hidden; position:relative; padding-bottom:0.45rem; } .pro-detail-into .page-pic-tab .bg_container { padding-bottom:56.129%; } .pro-detail-into .page-pic-tab .page-play { position:absolute; left:0px; top:0px; width:100%; height:100%; right:0px; bottom:0px; background:url(../images/page-play01.png) no-repeat center center; background-size:0.8rem 0.8rem; cursor:pointer; z-index:3; } .pro-detail-into .page-pic-tab .page-video { position:absolute; z-index:2; left:0px; top:0px; width:100%; right:0px; height:100%; bottom:0px; } .pro-detail-into .page-pic-tab .page-video video { height:100%; width:100%; } .pro-detail-into .page-pic-tab .swiper-slide.on .page-video video { background:#000; } .pro-detail-into .page-pic-tab .swiper-slide.on .page-play { display:none; } .pro-detail-into .page-pic-tab .swiper-slide:hover .page-play { display:block; } .pro-detail-into .page-pic-tab h3 { position:absolute; left:0px; bottom:0px; } .pro-detail-into .page-pic-tab h3 span { display:inline-block; color:#fff; background:#d0121b; line-height:2.22; border-radius:0px 0.2rem 0px 0px; padding:0px 1em; min-width:1.9rem; text-align:center; } .pro-detail-into .page-pic-tab a { display:block; position:relative; } .pro-detail-into .page-pic-tab a:before { position:absolute; right:0px; bottom:0px; width:0.4rem; height:0.4rem; background:url(../images/jiagou-ico.png) no-repeat center center #dfdfdf; background-size:0.4rem 0.4rem;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; border-radius:0.1rem 0px 0px 0px; content:""; } .pro-detail-into .page-pic-tab a:hover:before { width:100%; height:100%; background-color:rgba(223,223,223,0.5); border-radius:0px; } .pro-detail-into .page-text { /*width:52.28%; margin-top:-0.03rem;*/ } .pro-detail-into .page-text .page-title { line-height:1.1; } .pro-detail-into .page-text .page-txt { line-height:1.875; color:#2b2b2b; margin-top:0.33rem; } .pro-detail-into .page-text .page-txt ul { padding:0.19rem 0px; } .pro-detail-into .page-text .page-txt ul li { padding-left:0.22rem; background:url(../images/jt01.png) no-repeat left center; background-size:0.13rem 0.09rem; } .pro-detail-into .page-text .page-txt img { max-width:100%; height:auto!important; } .pro-detail-into .page-text .page-more { padding-top:0.23rem; } .pro-detail-into .page-text .page-more a { border-color:#dcdcdc; min-width:1.2rem; line-height:0.38rem; border-radius:1.3875rem; color:#2b2b2b; } .pro-detail-into .page-text .page-more a:hover { color:#fff; border-color:transparent; } @media only screen and (max-width:750px) { .pro-detail-into { padding:0.5rem 0px; } .pro-detail-into .page-pic-tab { width:100%; } .pro-detail-into .page-text { width:100%; margin-top:0.2rem; } } /*******************产品功能******************************/ .pro-detail-function { background:#f9f9f9; padding:0.72rem 0px 0.54rem; } .pro-detail-function .swiper-function { padding-top:0.06rem; } .pro-detail-function ul { margin:0px -0.125rem; padding-bottom:0.71rem; } .pro-detail-function ul li { width:33.33%; margin-top:0.25rem; position:relative; } .pro-detail-function ul li:before { position:absolute; left:0.125rem;top:0px; height:100%; content:""; bottom:0px; right:0.125rem; background:#fff; border:0.02rem solid #fff; } .pro-detail-function ul li .page-con:after { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; background:#d0121b; height:0.04rem; width:100%; content:""; } .pro-detail-function ul li .page-con { margin:0px 0.125rem; overflow:hidden; width:100%; padding:0rem 0.6rem 0rem 0.3rem; position:relative; z-index:2; } .pro-detail-function ul li .page-sub { padding:0.12rem 0px; } .pro-detail-function ul li .page-ico { position:relative; width:0.6rem; height:0.6rem; } .pro-detail-function ul li img { max-height:100%; max-width:100%; } .pro-detail-function ul li .page-txt { width:100%; line-height:1.875; padding:0.22rem 0px 0.5rem; border-top:1px dashed #b2b2b2; } .pro-detail-function ul li .page-detail { min-height:7.5em; } .pro-detail-function ul li:hover .page-con:after { left:-0.25rem; } .pro-detail-function ul li:hover .page-tit { color:#d0121b; /*text-shadow:0px 1px 1px #d0121b;*/ font-weight:bold; } @media only screen and (max-width:750px) { .pro-detail-function { padding:0.5rem 0px; } .pro-detail-function ul li { width:100%; } .pro-detail-function ul li img { height:0.4rem; } .pro-detail-function .swiper-wrapper { display:block; } .pro-detail-function ul { padding-bottom:0px; } } /********************产品优势*********************/ .pro-detail-advantages {padding:0.72rem 0px 0.51rem; background:#fff; } .pro-detail-advantages .swiper-advantages { padding-top:0.1rem; } .pro-detail-advantages ul { margin:0px -0.12rem; padding-bottom:0.71rem; } .pro-detail-advantages ul li { width:25%; position:relative; margin-top:0.24rem; } .pro-detail-advantages ul li .page-con { margin:0px 0.12rem; overflow:hidden; padding:0.23rem 0.37rem; min-height:1.8rem; position:relative; } .pro-detail-advantages ul li i { border:0.02rem solid #f1f1f1; position:absolute; left:0.12rem; top:0px; height:100%; right:0.12rem; } .pro-detail-advantages ul li:before { position:absolute; left:0.12rem; background:#dcdcdc; height:0.04rem; content:""; top:0px; z-index:2; right:0.12rem; } .pro-detail-advantages ul li .page-con:after { position:absolute; width:100%; left:-100%;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; background:#d0121b; height:0.04rem; content:""; top:0px; z-index:3; } .pro-detail-advantages ul li:hover .page-con:after { left:0px; } .pro-detail-advantages ul li .page-num { color:#999; position:relative; top:-2px;background:url(../images/pro-detail-advantages-textbg01.png) repeat-x left top/100% 100% #999;-webkit-background-clip:text; -webkit-text-fill-color:transparent; } .pro-detail-advantages ul li .page-num:before { position:absolute; left:0px; content:""; top:-100%; width:100%; right:0px; height:224%; bottom:0px;/*background-image: linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,0.5), rgba(255,255,255,0.75), rgba(255,255,255,1));background-image: linear-gradient(to bottom, transparent, #fff 80%);*/background:url(../images/pro-detail-advantages-textbg01.png) repeat-x left top/100% 100%;-webkit-background-clip:text; -webkit-text-fill-color:transparent; display:none; } .pro-detail-advantages ul li .page-txt { color:#2b2b2b; position:relative; margin-top:0.11rem; } .pro-detail-advantages ul li .page-txt p {padding-left: 10px; position: relative;} .pro-detail-advantages ul li .page-txt p:before { position: absolute;left: 0px; top:-0.25em; content: "."; } .pro-detail-advantages ul li .page-tit { /*padding-left:0.36rem; background:url(../images/jt05.png) no-repeat left 0.1rem; background-size:0.15rem 0.1rem;*/ position:relative; margin-top:-0.4rem; } .pro-detail-advantages ul li .page-tit .page-ico { position:absolute; display:none; left:0px; top:0px; height:0.34rem; width:0.26rem; } .pro-detail-advantages ul li .page-tit .page-ico img { max-height:100%; max-width:100%; } .pro-detail-advantages ul li .page-tit span { color:#2b2b2b; } .pro-detail-advantages ul li:hover .page-tit span { color:#d0121b; font-weight:bold; } @media only screen and (max-width:750px) { .pro-detail-advantages { padding:0.5rem 0px; } .pro-detail-advantages ul li { width:100%; } .pro-detail-advantages ul li .page-tit .page-ico {height:0.44rem; width:0.36rem; } .pro-detail-advantages ul li .page-tit { padding-left:0.46rem; } .pro-detail-advantages ul li .page-tit { background-position:left center; background-size:0.2rem 0.14rem; } .pro-detail-advantages ul li .page-num:before { background:url(../images/pro-detail-advantages-textbg01.png) repeat-x left top/100% 100%;-webkit-background-clip:text; -webkit-text-fill-color:transparent;} } /********************应用场景*********************/ .pro-detail-scene {background:#f0f4fa; padding:0.72rem 0px 0.82rem; } .pro-detail-scene .page-img { position:relative; z-index:2; width:42.85%; position:relative; } .pro-detail-scene .page-img a { display:block; position:relative; } .pro-detail-scene .page-img a:before { position:absolute; right:0px; bottom:0px; width:0.4rem; height:0.4rem; background:url(../images/jiagou-ico.png) no-repeat center center #dfdfdf; background-size:0.4rem 0.4rem;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; border-radius:0.1rem 0px 0px 0px; content:""; } .pro-detail-scene .page-img a:hover:before { width:100%; height:100%; background-color:rgba(223,223,223,0.5); border-radius:0px; } .pro-detail-scene .page-img h3 { position:absolute; left:0px; bottom:0px; } .pro-detail-scene .page-img h3 span { display:inline-block; color:#fff; background:#d0121b; line-height:2.22; border-radius:0px 0.2rem 0px 0px; padding:0px 1em; min-width:1.9rem; text-align:center; } .pro-detail-scene .bg_container { padding-bottom:56.33%; background-size:contain; background-color:#fff; } .pro-detail-scene .page-text { position:relative; z-index:2; padding:0.2rem 0.3rem; /*min-height:1.8rem; width:52.8571%;*/ } .pro-detail-scene .page-text img { max-width:100%; height:auto!important; } .pro-detail-scene .page-con { margin:0px 0.15rem; } .pro-detail-scene .swiper-scene { margin:0px -0.15rem; padding:0.17rem 0px; } .pro-detail-scene .swiper-slide { width:100%; } .pro-detail-scene h4 { line-height:1.875; color:#2b2b2b; margin-top:0.27rem; } .pro-detail-scene .page-scene-wrap { position:relative; margin-top:0.14rem; padding-bottom:0.2rem; } .pro-detail-scene .page-scene-pag { display:none; } @media only screen and (max-width:750px) { .pro-detail-scene { padding:0.5rem 0px; } } /********************产品动态*********************/ .pro-detail-trends { padding:0.72rem 0px 0.64rem; } .pro-detail-trends .page-trends-wrap { position:relative; } .pro-detail-trends .swiper-trends { margin:0px -0.14rem; padding-bottom:0.57rem; padding-top:0.29rem; } .pro-detail-trends .swiper-slide { width:33.33%; padding:0.04rem 0px 0.1rem; } .pro-detail-trends .page-con { margin:0px 0.14rem; box-shadow:0px 5px 10px rgba(0,0,0,0.05); overflow:hidden; position:relative; } .pro-detail-trends .page-con:before { position:absolute; left:-100%;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; width:100%; top:0rem; height:0.04rem; background:#d0121b; content:""; z-index:3; } .pro-detail-trends .page-con:after { position:absolute; content:""; left:0px; width:100%; right:0px; top:0px; height:0.04rem; z-index:2; background:#dcdcdc; } .pro-detail-trends .page-con:hover:before {left:0px; } .pro-detail-trends .page-con:hover { box-shadow:0px 5px 10px rgba(0,0,0,0.1);} .pro-detail-trends .page-sub-tit { background:url(../images/pro-detail-trends-libg01.jpg) no-repeat center center; background-size:cover; padding:0.25rem 0.7rem 0.28rem 0.3rem; } .pro-detail-trends .page-sub-tit a { color:#2b2b2b; height:3em; } .pro-detail-trends .page-text { padding:0.23rem 0.3rem 0.36rem; background:#fff; } .pro-detail-trends .page-time { color:#999; } .pro-detail-trends .page-txt { color:#2b2b2b; margin-top:0.07rem; line-height:1.875; height:3.75em; max-height:3.75em; } .pro-detail-trends .page-more { padding-top:0.32rem; } .pro-detail-trends .page-more a { min-width:1.2rem;border-color:#dcdcdc; color:#2b2b2b; line-height:0.38rem; } .pro-detail-trends .page-more a:hover { color:#fff; border-color:transparent; } .pro-detail-trends .page-follow { position:absolute; display:none; z-index:4; width:0.92rem; right:0.11rem; top:0px; height:0.91rem; background:url(../images/page-follow.png) no-repeat center center; background-size:100% 100%; } .pro-detail-trends .page-con:hover .page-more a {color:#fff; border-color:transparent; } .pro-detail-trends .page-con:hover .page-more a:before { left:0px; } .pro-detail-trends .page-con:hover .page-sub-tit a {color:#d0121b; } .pro-detail-trends2 { background:#f9f9f9; } .pro-detail-trends2 .page-con { background:#fff; } @media only screen and (max-width:1260px) { .pro-detail-trends .page-sub-tit span { height:40px; max-height:40px; } .pro-detail-trends .page-txt { height:40px; max-height:40px; } } @media only screen and (max-width:1100px) { .pro-detail-trends .page-sub-tit a { height:34px; max-height:34px; } } @media only screen and (max-width:750px) { .pro-detail-trends { padding:0.5rem 0px; } .pro-detail-trends .page-txt { height:auto; max-height:3.75em; } .pro-detail-trends .page-sub-tit a { height:auto; max-height:3em; } .pro-detail-trends .page-sub-tit span { height:auto; max-height:3em; } .pro-detail-trends .page-follow { top:1px; } } /********************软件下载*********************/ .pro-detail-download { padding:0.72rem 0px 0.55rem; } .pro-detail-download .swiper-download { margin:0px -0.1rem; padding:0.24rem 0px 0.51rem; } .pro-detail-download .swiper-slide ul li { width:50%; float:left; } .pro-detail-download .page-con { margin:0.1rem; position:relative; overflow:hidden; background:#fff; } .pro-detail-download .page-con:before { position:absolute; left:0px; top:0px; content:""; width:100%; height:0.04rem; background:#dcdcdc; } .pro-detail-download .page-con:after { position:absolute; left:-100%; top:0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;content:""; width:100%; height:0.04rem; background:#d0121b; } .pro-detail-download h3 { position:relative; display:block; } .pro-detail-download h3 a { color:#2b2b2b; } .pro-detail-download .page-text {border:0.02rem solid #dcdcdc; border-top:none; padding:0.37rem 0.4rem 0.34rem; } .pro-detail-download h4 { color:#2b2b2b; } .pro-detail-download .page-tit { position:relative; max-width:70%; padding-left:0.82rem; } .pro-detail-download .page-ico { width:0.64rem; height:0.64rem; position:absolute; left:0px; top:50%; margin-top:-0.32rem; background:#f7f7f8; border-radius:50%; } .pro-detail-download .page-ico img { max-height:0.28rem; max-height:0.28rem; } .pro-detail-download .page-more a { display:inline-block; color:#2b2b2b; border:1px solid #7b7b7b; margin-right:0.09rem; position:relative; text-align:center; min-width:1.4rem; line-height:0.4rem; padding:0px 0.2rem 0px 0.2rem; border-radius:1.42855rem; position:relative; overflow:hidden; } .pro-detail-download .page-more a span { display:inline-block; position:relative; z-index:2; } .pro-detail-download .page-more a img { height:0.16rem; vertical-align:middle; margin-right:0.12rem; } .pro-detail-download .page-more { padding-top:0.06rem; } .pro-detail-download .page-more a{ border-color:transparent; min-width:1.4rem; -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); color:#fff; } .pro-detail-download .page-more a:before { position:absolute; left:-100%;transition:0.5s all; -webkit-transition:0.5s all; border-radius:0.04rem; -ms-transition:0.5s all; -o-transition:0.5s all; content:""; width:100%; z-index:2; top:0px; height:100%; bottom:0px; background:rgba(0,0,0,0.1); } .pro-detail-download .page-more a:hover { color:#fff; border-color:transparent;} .pro-detail-download .page-more a:hover:before { left:0px; } .pro-detail-download .page-con:hover { box-shadow:0px 0px 0.15rem rgba(0,0,0,0.15);} .pro-detail-download .page-con:hover:after { left:0px; } .pro-detail-download .page-con:hover h3 a { color:#d0121b; } .pro-detail-download .page-con:hover .page-more a:before { left:0px; } @media only screen and (max-width:750px) { .pro-detail-download { padding:0.5rem 0px; } .pro-detail-download .page-text { padding:0.37rem 0.3rem 0.34rem; } .pro-detail-download .swiper-slide ul li { width:100%; } } /********************相关案例*********************/ .pro-detail-cases { padding:0.72rem 0px 1rem; background-repeat:repeat-x; background-position:center top; } /*.pro-detail-cases .pro-cases-wrap { position:relative; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin-top:0.35rem; } .pro-detail-cases .gallery-thumbs { overflow:hidden;background:#fff; } .pro-detail-cases .pro-cases-wrap .swiper-slide { width:25%; cursor:pointer; } .pro-detail-cases .pro-cases-wrap .swiper-slide .page-img { position:relative; } .pro-detail-cases .pro-cases-wrap .swiper-slide .page-img a { position:absolute; left:0px; top:0px; width:100%; right:0px; height:100%; bottom:0px; display:block; height:100%;} .pro-detail-cases .page-ico { height:1.1rem; position:relative; overflow:hidden; } .pro-detail-cases .page-ico:before { position:absolute; content:""; top:0px; width:100%; left:0px; height:0.04rem; background:#dcdcdc; } .pro-detail-cases .page-ico:after {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; position:absolute; content:""; top:0px; width:100%; left:-100%; height:0.04rem; background:#d0121b; } .pro-detail-cases .page-ico img { max-height:65.45%; max-width:79%; } .pro-detail-cases .swiper-slide.swiper-slide-thumb-active .page-ico { box-shadow:0px 0px 10px rgba(0,0,0,0.1); } .pro-detail-cases .swiper-slide.swiper-slide-thumb-active .page-ico:after { left:0px; } .pro-detail-cases .pro-cases-con { position:relative; background:#fff; margin-top:0.35rem; } .pro-detail-cases .page-img { width:50%; position:absolute; left:0px; top:0px; height:100%; bottom:0px; } .pro-detail-cases .page-img .bg_container { height:100%; } .pro-detail-cases .page-text { box-shadow:0px 5px 10px rgba(0,0,0,0.05); min-height:3.7rem; padding:0.2rem 0.66rem 0.2rem 0.62rem; } .pro-detail-cases .page-txt { color:#2b2b2b; line-height:1.875; max-height:5.625em; margin-top:0.18rem; } .pro-detail-cases .page-more { padding-top:0.33rem; } .pro-detail-cases .page-more a {-webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-size:cover; color:#fff; line-height:0.4rem; min-width:1.2rem; } .pro-detail-cases .page-more a:before { position:absolute; left:-100%;transition:0.5s all; -webkit-transition:0.5s all; border-radius:0.04rem; -ms-transition:0.5s all; -o-transition:0.5s all; content:""; width:100%; z-index:2; top:0px; height:100%; bottom:0px; background:rgba(0,0,0,0.1); } .pro-detail-cases .page-more a:hover:before { left:0px; } .pro-detail-cases h3 a { color:#2b2b2b; } .pro-detail-cases .swiper-slide:hover h3 a { color:#d0121b; } .pro-detail-cases .swiper-slide:hover .page-more a:before { left:0px; } .pro-detail-cases .page-con-wrap { background:#fff; } .pro-detail-cases .page-con-wrap .swiper-slide { padding-left:50%; } */ .pro-detail-cases .pro-cases-con { position:relative; } .pro-detail-cases .gallery-top { margin:0px -0.1rem; overflow:hidden; padding-bottom:0.29rem; padding-top:0.29rem; } .pro-detail-cases .swiper-slide { width:50%; padding:0.04rem 0px 0.1rem; } .pro-detail-cases .page-con { margin:0px 0.1rem; overflow:hidden; position:relative; } .pro-detail-cases .page-sub-tit { /*background:url(../images/pro-detail-solutions-titbg01.jpg) no-repeat center center; background-size:cover;*/ padding:0.175rem 25% 0.175rem 0.4rem; } .pro-detail-cases .page-sub-tit a { color:#2b2b2b; height:3em; } .pro-detail-cases .page-text { padding:0.15rem 0.4rem 0.34rem; background:#fff; border:1px solid #e5e5e5; border-top:none; } .pro-detail-cases .page-txt { color:#2b2b2b; margin-top:0.07rem; line-height:1.875; height:3.75em; max-height:3.75em; } .pro-detail-cases .page-more { padding-top:0.32rem; } .pro-detail-cases .page-more a { min-width:1.2rem;border-color:#d0121b; color:#d0121b; line-height:0.38rem; } .pro-detail-cases .page-more a:hover { color:#fff; border-color:transparent; } .pro-detail-cases .page-con:hover .page-more a {color:#fff; border-color:transparent; } .pro-detail-cases .page-con:hover .page-more a:before { left:0px; } .pro-detail-cases .page-con:hover .page-sub-tit a {/*color:#d0121b;*/ text-shadow:0px 0px 1px rgba(0,0,0,1); } @media only screen and (max-width:1240px) { .pro-detail-solutions .page-txt { height:40px; max-height:40px; } } @media only screen and (max-width:750px) { .pro-detail-solutions .page-txt { height:3.5em; max-height:3.5em; } .pro-detail-cases .page-sub-tit { background-position:right center; } } @media only screen and (max-width:340px) { .pro-detail-solutions .page-txt { height:40px; max-height:40px; } } /*.pro-detail-cases .page-tab-btn.swiper-button-prev { left:-0.25rem; } .pro-detail-cases .page-tab-btn.swiper-button-next { right:-0.25rem; } */ @media only screen and (max-width:1340px) { .pro-detail-cases .page-txt { height:62px; max-height:62px; } } @media only screen and (max-width:900px) { .pro-detail-cases h3 a { height:34px; max-height:34px; } } @media only screen and (max-width:750px) { .pro-detail-cases { padding:0.5rem 0px 0.7rem; } .pro-detail-cases .page-con-wrap .swiper-slide { padding-left:0px; } .pro-detail-cases .page-img { width:100%; position:relative; } .pro-detail-cases .page-img .bg_container { padding-bottom:52.85%; } .pro-detail-cases .page-text { width:100%; padding:0.3rem; } .pro-detail-cases .page-txt { height:auto; max-height:5.625em; } .pro-detail-cases h3 a { height:auto; max-height:3em; } } @media only screen and (max-width:340px) { .pro-detail-cases .page-txt { max-height:6em; } } @media only screen and (max-width:750px) { .er-banner .bg_container { background-position:55% center; } } /*********************相关解决方案*************************/ .pro-detail-solutions { padding-bottom:0.26rem; } .pro-detail-solutions .page-wrap { border-top:1px solid #e3e4e4; padding-top:0.7rem; } .pro-detail-solutions .page-solutions-wrap { position:relative; } .pro-detail-solutions .swiper-solutions { margin:0px -0.1rem; padding-bottom:0.29rem; padding-top:0.29rem; } .pro-detail-solutions .swiper-slide { width:50%; padding:0.04rem 0px 0.1rem; } .pro-detail-solutions .page-con { margin:0px 0.1rem; overflow:hidden; position:relative; } .pro-detail-solutions .page-sub-tit { /*background:url(../images/pro-detail-solutions-titbg01.jpg) no-repeat center center; background-size:cover; */padding:0.175rem 25% 0.175rem 0.4rem; } .pro-detail-solutions .page-sub-tit a { color:#2b2b2b; height:3em; } .pro-detail-solutions .page-text { padding:0.15rem 0.4rem 0.34rem; background:#fff; border:1px solid #e5e5e5; border-top:none; } .pro-detail-solutions .page-txt { color:#2b2b2b; margin-top:0.07rem; line-height:1.875; height:3.75em; max-height:3.75em; } .pro-detail-solutions .page-more { padding-top:0.32rem; } .pro-detail-solutions .page-more a { min-width:1.2rem;border-color:#d0121b; color:#d0121b; line-height:0.38rem; } .pro-detail-solutions .page-more a:hover { color:#fff; border-color:transparent; } .pro-detail-solutions .page-con:hover .page-more a {color:#fff; border-color:transparent; } .pro-detail-solutions .page-con:hover .page-more a:before { left:0px; } .pro-detail-solutions .page-con:hover .page-sub-tit a {/*color:#d0121b;*/ text-shadow:0px 0px 1px rgba(0,0,0,1); } @media only screen and (max-width:1240px) { .pro-detail-solutions .page-txt { height:40px; max-height:40px; } } @media only screen and (max-width:750px) { .pro-detail-solutions .page-txt { height:3.5em; max-height:3.5em; } .pro-detail-solutions .page-sub-tit { background-position:right center; } } @media only screen and (max-width:340px) { .pro-detail-solutions .page-txt { height:40px; max-height:40px; } } /*******************产品列表页改版**************************/ .product-index-list { padding:0.9rem 0px; } .product-index-list .page-list ul li { width:25%; position:relative; overflow:hidden; } .product-index-list .page-con { margin:0.1rem; cursor:pointer; background:#fff; box-shadow:0px 0px 0.2rem rgba(0,0,0,0.1); padding:0.64rem 0.3rem 0.59rem; border-radius:0.1rem; } .product-index-list .page-ico { height:1.2rem; position:relative; margin-top:0.18rem; } .product-index-list .page-ico img { max-height:100%; max-width:100%; } .product-index-list h3 { margin-top:0.27rem; } .product-index-list h4 { height:1.5em; } .product-index-list .page-con { position:relative; z-index:3; } .product-index-list .page-con .page-img { padding-bottom:0.23rem; } .product-index-list .page-con .page-img a { color:#2b2b2b; } .product-index-list .page-con2 .page-img a { color:#2b2b2b; } .product-index-list .page-con2 { bottom:0.1rem;opacity:0;filter:alpha(opacity=0); position:absolute; z-index:1; left:0.1rem; top:0.1rem; width:194.5%; background:#fff; box-shadow:0px 0px 0.2rem rgba(0,0,0,0.1); padding:0.64rem 0.3rem 0.59rem; } .product-index-list .page-con2:before { position:absolute; left:0px; top:0px; width:0px; right:0px; height:0.04rem; background:#e20000; content:"";transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; } .product-index-list .page-con2 .page-img { width:37.4%; } .product-index-list .page-text { border-left:1px dotted #ccc; overflow-y:auto; padding:0px 0px 0px 0.63rem; width:62.6%; } .product-index-list .page-text a { display:inline-block; max-width:100%; position:relative; color:#2b2b2b; padding-left:0.18rem; padding-right:0.1rem; position:relative; } .product-index-list .page-text a em { top:50%; left:0px; width:8px; height:8px; border-top:2px solid #bdbdbd; border-right:2px solid #bdbdbd; margin-top:-4px; } .product-index-list .page-text a:before { position:absolute; display:none; left:0px; bottom:0px; width:100%; height:1px; background:#e20000; content:""; } .product-index-list .page-text a:hover:before { display:block; } .product-index-list .page-text a:hover em { border-top:2px solid #e20000; border-right:2px solid #e20000; } .product-index-list .page-text a:hover { color:#e20000; } .product-index-list .page-text dl dd { padding:0.035rem 0px; } .product-index-list .page-text dl dt { color:#d0121b; padding-bottom:0.07rem; } .product-index-list .page-text a.no { cursor:default;} .product-index-list .page-text a.no:before { display:none; } .product-index-list .page-text a.no:hover em {border-top:2px solid #bdbdbd; border-right:2px solid #bdbdbd; } .product-index-list .page-text a.no:hover { color:#2b2b2b; } .product-index-list .page-text dl +dl { padding-top:0.3rem; } .product-index-list .page-text dl.noline { border-top:1px solid #e1e1e1; padding-top:0.15rem; margin-top:0.15rem; } .product-index-list .page-con2 .page-close { position:absolute; top:50%; margin-top:-0.27rem; right:0px; width:0.3rem; height:0.54rem; background:url(../images/page-product-close01.png) no-repeat center center; background-size:100% 100%; cursor:pointer; } .product-index-list .page-con2 .page-close:hover { background:url(../images/page-product-close02.png) no-repeat center center; background-size:100% 100%; } .product-index-list .page-text::-webkit-scrollbar { width: 6px; height: 6px; } /* 整个滚动条去除button剩下的部分 */ .product-index-list .page-text::-webkit-scrollbar-track { border-radius: 3px; background-color: #d8dce5; } /* 滚动条可拖拽的部分 */ .product-index-list .page-text::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #d0121b; } .product-index-list .page-list ul li.on { overflow:visible; } .product-index-list .page-list ul li.on .page-con { z-index:1; position:static; } .product-index-list .page-list ul li.on .page-con2 { opacity:1; filter:alpha(opacity=100); z-index:5; } .product-index-list .page-list ul li.on .page-con2:before { width:100%; } .product-index-list .page-list ul li:nth-child(4n) .page-con2,.product-index-list .page-list ul li:nth-child(4n-1) .page-con2 { left:auto; right:0.1rem; } .product-index-list .mCSB_scrollTools { width:2px; } .product-index-list .mCSB_scrollTools .mCSB_draggerContainer { background:url(../images/page-scrollbg01.jpg) repeat-y right top; border-radius:0px;} .product-index-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#d0121b; border-radius:0px; } .product-index-list .page-tips { padding-top:1em; } @media only screen and (max-width:750px) { .product-index-list .page-list ul li { width:50%; } .product-index-list .page-text a { padding-left:16px; } .product-index-list .page-text { padding-left:0.3rem; } .product-index-list .page-list ul li:nth-child(2n) .page-con2 { left:auto; right:0.1rem; } .product-index-list .page-list ul li:nth-child(4n-1) .page-con2 { left:0px; right:0px; } } /*************************2021-09-16**********************************/ /************************安全服务**************************/ .pro-security-services-bk01 { padding:1.41rem 0px 1rem; } .pro-security-services-bk01 .page-title { } .pro-security-services-bk01 .page-title .page-tit { position:relative; padding-bottom:0.36rem; } .pro-security-services-bk01 .page-title .page-tit:before { position:absolute; left:0px; width:0.6rem; height:0.02rem; background:#d0121b; content:""; bottom:0px; } .pro-security-services-bk01 .page-title .page-tips { line-height:1.875; width:80.28%; padding-top:0.11rem; } .pro-security-services-bk01 .page-content { padding-top:1.19rem; } .pro-security-services-bk01 .page-content .page-sub-con { padding-top:0.47rem; padding-bottom:0.72rem; } .pro-security-services-bk01 .page-content .page-con { margin-top:-0.34rem; position:relative; z-index:2; } .pro-security-services-bk01 .page-content .page-con img { max-width:100%; height:auto!important; position: relative; z-index: 4; } .pro-security-services-bk01 .page-content .page-con .page-list { padding: 0px; } .pro-security-services-bk01 .page-content .page-con .page-list ul li { width: 26%; position: absolute; top:50%; transform: translateY(-50%); } .pro-security-services-bk01 .page-content .page-con .page-list ul li dl dt img { height: 0.24rem!important; } .pro-security-services-bk01 .page-content .page-con .page-list ul li:first-child { left: 0px; } .pro-security-services-bk01 .page-content .page-con .page-list ul li:first-child +li { right: 0px; width: 26.5%; } .pro-security-services-bk01 .page-content .page-con + .page-list { margin-top:-0.32rem; } .pro-security-services-bk01 .page-list ul li { width:26.7142%; background:#f8f8f8; } .pro-security-services-bk01 .page-list ul li dl { padding:0.34rem 0.2rem 0.32rem 0.4rem; } .pro-security-services-bk01 .page-list ul li dl dt img { vertical-align:middle; position:relative; top:-0.02rem; height:0.24rem; margin-right:0.1rem; } .pro-security-services-bk01 .page-list ul li dl dd { padding:0.16rem 0.05rem 0px; } .pro-security-services-bk01 .page-list ul li dl dd p { position:relative; padding:0.03rem 0.1rem 0.03rem 0.16rem; } .pro-security-services-bk01 .page-list ul li dl dd p:before { position:absolute; width:0.06rem; background:#ccc; border-radius:50%; left:0px; top:50%; margin-top:-0.03rem; content:""; height:0.06rem; } .pro-security-services-bk01 .page-list ul li dl dd.u-df p { width:50%; } .pro-security-services-bk01 .page-list { padding: 0px 8%; } .pro-security-services-bk01 .page-list ul li { width: 40%; } .pro-security-services-bk01 .page-content .page-con + .page-list ul li { width: 32%; } @media only screen and (max-width:1440px) { .pro-security-services-bk01 .page-title .page-tips { /*width:70%;*/ } } @media only screen and (max-width:1000px) { /* .pro-security-services-bk01 .page-list ul li { width:32%; } */ } @media only screen and (max-width:750px) { .pro-security-services-bk01 { padding:0.8rem 0px; } .pro-security-services-bk01 .page-title .page-tit { width:100%; } .pro-security-services-bk01 .page-title .page-tips { width:100%; padding-top:0.5rem; } .pro-security-services-bk01 .page-list ul li dl dd.u-df p { width:100%; } .pro-security-services-bk01 .page-list ul li dl { padding:0.2rem 0rem 0.2rem 0.2rem; } .pro-security-services-bk01 .page-list ul li dl dd { padding:0.16rem 0px 0px; } .pro-security-services-bk01 .page-list ul li dl dd p { padding-left:0.1rem; } .pro-security-services-bk01 .page-list ul li dl dd p:before { top:0.18rem; margin-top:0px; } .pro-security-services-bk01 .page-content .page-con { margin-top:0px; } .pro-security-services-bk01 .page-content .page-con + .page-list { margin-top:0px; } .pro-security-services-bk01 .page-list { padding: 0px; } .pro-security-services-bk01 .page-list ul li { width: 49%; margin-top: 0.2rem; } .pro-security-services-bk01 .page-content .page-con > img {display: none;} .pro-security-services-bk01 .page-content .page-con + .page-list ul li { width: 49%; } .pro-security-services-bk01 .page-content .page-con .page-list ul li { position: relative; top:auto; transform: translateY(0); width: 49%; } .pro-security-services-bk01 .page-content .page-con .page-list ul li:first-child +li { width: 49%; } } .pro-security-services-bk02 { background-color:#f2f8fc; background-size:100% auto; background-position:center top; padding:0.91rem 0px 1.02rem; } .pro-security-services-bk02 .page-title { position:relative; padding-bottom:0.24rem; } .pro-security-services-bk02 .page-title:before { position:absolute; left:50%; margin-left:-0.3rem; content:""; bottom:0px; height:0.02rem; background:#ff0000; width:0.6rem; } .pro-security-services-bk02 .page-sub { padding-top:0.54rem; } .pro-security-services-bk02 .page-list-num { padding-top:0.76rem; padding-bottom:0.22rem; } .pro-security-services-bk02 .page-list-num ul { margin:0px -0.17rem; } .pro-security-services-bk02 .page-list-num ul li { width:33.33%; cursor:pointer; } .pro-security-services-bk02 .page-list-num ul li .page-con { padding:0.63rem 0.44rem 0.7rem; height:100%; background:url(../images/pro-security-services-bk02-libg02.jpg) no-repeat center center; background-size:cover; margin:0px 0.17rem; border:1px solid #dcdcdc; transition:1s all; -webkit-transition:1s all; -ms-transition:1s all; -o-transition:1s all; } .pro-security-services-bk02 .page-list-num ul li .page-num { color:#333; opacity:0.1; filter:alpha(opacity=10);} .pro-security-services-bk02 .page-list-num ul li .page-txt { line-height:2.1428; margin-top:0.1rem; } .pro-security-services-bk02 .page-list-num ul li:hover .page-con {background:url(../images/pro-security-services-bk02-libg01.jpg) no-repeat center center/cover; color:#fff; } .pro-security-services-bk02 .page-list-num ul li:hover .page-num { color:#fff;opacity:1; filter:alpha(opacity=100); } .pro-security-services-bk02 .page-list-text { margin-top:0.4rem; } .pro-security-services-bk02 .page-list-text .page-tit { width:1.69rem; background:#efe1e5; margin-right:0.2rem; } .pro-security-services-bk02 .page-list-text .page-text { background:#fff; padding:0.32rem 0.3rem 0.18rem; } .pro-security-services-bk02 .page-list-text dl dt { padding:0px 0px 0.17rem; } .pro-security-services-bk02 .page-list-text dl dd span { width:22.65%; margin:0.08rem 1% 0.12rem; padding:0.1rem; min-height:0.85rem; background:#f7f7f7; } .pro-security-services-bk02 .page-list-text dl dd .page-con { width:31%; margin:0.08rem 1% 0.12rem; padding:0.1rem; min-height:1.53rem; background:#f7f7f7; } .pro-security-services-bk02 .page-list-text dl dd .page-con .page-ico { height:0.45rem; position:relative; } .pro-security-services-bk02 .page-list-text dl dd .page-con .page-ico img { max-width:100%; max-height:100%; } .pro-security-services-bk02 .page-list-text dl dd .page-con p { padding-top:0.22rem; } .pro-security-services-bk02 .page-list-text2 .page-text { padding-bottom:0.42rem; } .pro-security-services-bk02 .page-list-text3 .page-text { padding-bottom:0.52rem; } @media only screen and (max-width:750px) { .pro-security-services-bk02 { padding:0.8rem 0px; } .pro-security-services-bk02 .page-list-num ul li { width:100%; margin-top:0.2rem; } .pro-security-services-bk02 .page-list-text .page-tit { width:100%; padding:0.2rem; } .pro-security-services-bk02 .page-list-text dl dd span { width:47%; margin:0.08rem 1.5% 0.12rem; } .pro-security-services-bk02 .page-list-text dl dd .page-con { width:47%;margin:0.08rem 1.5% 0.12rem; } } /***************安全运营*****************/ .pro-security-operation-bk01 { padding-bottom:1.28rem; } .pro-security-operation-bk01 .page-content { padding-top:0.82rem; } @media only screen and (max-width:750px) { .pro-security-operation-bk01 { padding-bottom:0.8rem; } } .pro-security-operation-bk02 { padding:0.91rem 0px 1rem; } .pro-security-operation-bk02 .page-title { position:relative; padding-bottom:0.24rem; } .pro-security-operation-bk02 .page-title:before { position:absolute; left:50%; margin-left:-0.3rem; content:""; bottom:0px; height:0.02rem; background:#ff0000; width:0.6rem; } .pro-security-operation-bk02 .page-sub { padding-top:0.54rem; } .pro-security-operation-bk02 .page-list { padding-top:0.77rem; } .pro-security-operation-bk02 .page-list ul { margin:0px -0.18rem; } .pro-security-operation-bk02 .page-list ul li { width:33.33%; position:relative; min-height:5.16rem; } .pro-security-operation-bk02 .page-list .page-con { margin:0px 0.18rem; height:100%; padding:0.62rem 0.2rem; background:#fff; background-size:cover; transition:1s all; -webkit-transition:1s all; -ms-transition:1s all; -o-transition:1s all; } .pro-security-operation-bk02 .page-list .page-con .page-tit { margin-top:0.3rem; } .pro-security-operation-bk02 .page-list .page-con .page-txt { margin-top:0.35rem; } .pro-security-operation-bk02 .page-list .page-ico { height:1rem; position:relative; } .pro-security-operation-bk02 .page-list .page-ico img { display:none; max-height:100%; max-width:100%; } .pro-security-operation-bk02 .page-list .page-ico .img01 { display:inline-block; } .pro-security-operation-bk02 .page-list .page-txt { line-height:2.1428; } .pro-security-operation-bk02 .page-list .page-sec { min-height:calc(50% - 0.15rem); padding:0.5rem 0.37rem 0px 0.42rem; margin:0px 0.18rem; background:#fff; } .pro-security-operation-bk02 .page-list .page-sec .page-txt { line-height:1.8571; margin-top:0.2rem; } .pro-security-operation-bk02 .page-list .page-sec +.page-sec { margin-top:0.3rem; } .pro-security-operation-bk02 .page-list .page-sec .page-ico { width:0.88rem; margin-top:0.3rem; height:0.88rem; margin-right:0.4rem; } .pro-security-operation-bk02 .page-list ul li .page-con:hover,.pro-security-operation-bk02 .page-list ul li .page-sec:hover { background:url(../images/pro-security-operation-bk02-libg01.jpg) no-repeat center center; background-size:cover; } .pro-security-operation-bk02 .page-list ul li .page-con:hover,.pro-security-operation-bk02 .page-list ul li .page-sec:hover { color:#fff; } .pro-security-operation-bk02 .page-list ul li .page-con:hover .page-ico .img01,.pro-security-operation-bk02 .page-list ul li .page-sec:hover .page-ico .img01 { display:none; } .pro-security-operation-bk02 .page-list ul li .page-con:hover .page-ico .img02,.pro-security-operation-bk02 .page-list ul li .page-sec:hover .page-ico .img02 { display:inline-block; } @media only screen and (max-width:1600px) { .pro-security-operation-bk02 .page-list ul li { min-height:6rem; } } @media only screen and (max-width:1200px) { .pro-security-operation-bk02 .page-list ul li { min-height:7rem; } } @media only screen and (max-width:1000px) { .pro-security-operation-bk02 .page-list .page-sec .page-ico { width:100%; } .pro-security-operation-bk02 .page-list ul li { min-height:10rem; } } @media only screen and (max-width:750px) { .pro-security-operation-bk02 .page-list ul li { min-height:0px; width:100%; } .pro-security-operation-bk02 .page-list .page-sec { margin-top:0.3rem; padding-bottom:0.5rem; min-height:0px; } } .pro-security-operation-bk03 { padding:0.91rem 0px 1rem; } .pro-security-operation-bk03 .page-title { position:relative; padding-bottom:0.24rem; } .pro-security-operation-bk03 .page-title:before { position:absolute; left:50%; margin-left:-0.3rem; content:""; bottom:0px; height:0.02rem; background:#ff0000; width:0.6rem; } .pro-security-operation-bk03 .page-sub { padding-top:0.54rem; } .pro-security-operation-bk03 .page-list-text { margin-top:0.77rem; padding:0.34rem 0.44rem 0.4rem; background:#fbfbfb; } .pro-security-operation-bk03 .page-list-text .page-tit { width:1.27rem; line-height:3.4285; background:#f7e3e4; } .pro-security-operation-bk03 .page-list-text .page-con { margin-top:0.25rem; } .pro-security-operation-bk03 .page-list-text dl dt { padding:0px 0px 0.17rem; } .pro-security-operation-bk03 .page-list-text dl dd span { width:15.16%; margin:0px 1.5% 0.2rem 0px; padding:0.1rem; min-height:0.85rem; background:#f2f2f2; } .pro-security-operation-bk03 .page-list-text dl dd span:last-child { width:31.82%; background:#f7e3e4; } .pro-security-operation-bk03 .page-list-text dl dd span.bg01 { background:#f7e3e4; margin-bottom:0px; } .pro-security-operation-bk03 .page-content { background:#fbfbfb; margin-top:0.4rem;padding:0.34rem 0.4rem 0.4rem; } .pro-security-operation-bk03 .page-content .page-conimg { padding-top:0.24rem; } .pro-security-operation-bk03 .page-content .page-conimg img { max-width:100%; height:auto!important; } .pro-security-operation-bk03 .page-content.pad0 { padding:0.34rem 0px 0px; } @media only screen and (max-width:1000px) { .pro-security-operation-bk03 .page-list-text .page-tit { width:1.75rem; } .pro-security-operation-bk03 .page-list-text dl dd span { width:31.33%; margin-right:2%; } .pro-security-operation-bk03 .page-list-text dl dd span.bg01 { background:#f2f2f2; margin-bottom:0.2rem; } .pro-security-operation-bk03 .page-list-text dl dd span:last-child { width:64.66%;background:#f7e3e4; margin-bottom:0px; } .pro-security-operation-bk03 .page-list-text dl dd span:nth-last-child(2) {background:#f7e3e4; margin-bottom:0px; } } @media only screen and (max-width:750px) { .pro-security-operation-bk03 .page-list-text .page-tit { width:97%; margin:0.2rem 1.5% 0px; line-height:1.5; padding:0.2rem; } .pro-security-operation-bk03 .page-list-text .page-tit br { display:none; } .pro-security-operation-bk03 .page-list-text dl dd span { width:47%; margin:0px 1.5% 0.2rem; } .pro-security-operation-bk03 .page-list-text dl dd span:last-child { width:97%; margin:0px 1.5%; } .pro-security-operation-bk03 .page-list-text dl dd span:nth-last-child(2) {background:#f2f2f2; margin-bottom:0.2rem; } .pro-security-operation-bk03 .page-list-text { padding:0.34rem 0.1rem 0.4rem; } }