锘

.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; position: relative; }

.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;

}

/* 鏁翠釜婊氬姩鏉″幓闄utton鍓╀笅鐨勯儴鍒 */

.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; }


.pro-security-services-bk02 .page-img {
  margin-top: 0.4rem;
}
.pro-security-services-bk02 .page-img img {
  width: 100%;
}


@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; }



}