.page-er-search { margin-top:0.8rem; } 


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

}




/****************************安全通告******************************/

.page-security-notice-list { padding-top:0.42rem; padding-bottom:1rem; }
.page-security-notice-list ul { margin:0px -0.14rem; padding-bottom:0.34rem; }
.page-security-notice-list ul li { width:33.33%; padding:0.04rem 0px 0.26rem; position:relative; }
.page-security-notice-list .page-con { margin:0px 0.14rem; overflow:hidden;  position:relative; }
.page-security-notice-list .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; }
.page-security-notice-list .page-con:after { position:absolute; content:""; left:0px; width:100%; right:0px; top:0px; height:0.04rem; z-index:2; background:#dcdcdc; }
.page-security-notice-list .page-con:hover:before {left:0px; }
.page-security-notice-list .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; font-weight:bold;  }
.page-security-notice-list .page-sub-tit a { color:#2b2b2b; height:3em; }
.page-security-notice-list .page-text { padding:0.23rem 0.3rem 0.36rem; border:0.02rem solid #f1f1f1; border-top:none; }
.page-security-notice-list .page-time { color:#999; }
.page-security-notice-list .page-txt { color:#2b2b2b; margin-top:0.07rem; line-height:1.875; height:3.75em; max-height:3.75em; }
.page-security-notice-list .page-more { padding-top:0.32rem; }
.page-security-notice-list .page-more a { min-width:1.2rem;border-color:#dcdcdc; color:#2b2b2b; line-height:0.38rem;  }
.page-security-notice-list .page-more a:hover { color:#fff; border-color:transparent; }
.page-security-notice-list .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%; }
.page-security-notice-list .page-con:hover .page-more a {color:#fff; border-color:transparent; }
.page-security-notice-list .page-con:hover .page-more a:before { left:0px; }
.page-security-notice-list .page-con:hover .page-sub-tit a {color:#d0121b; }



@media only screen and (max-width:1260px) {
.page-security-notice-list .page-sub-tit span { height:40px; max-height:40px; }	
.page-security-notice-list .page-txt { height:40px; max-height:40px; }
}
@media only screen and (max-width:750px) {
.page-security-notice-list { padding:0.5rem 0px; }	
.page-security-notice-list ul li { width:100%; }
.page-security-notice-list .page-txt { height:auto; max-height:3.75em; }
.page-security-notice-list .page-sub-tit span { height:auto; max-height:3em; }	
.page-security-notice-list .page-sub-tit a { height:auto; max-height:3em; }
.page-security-notice-list .page-follow { top:1px; }
.page-security-notice-list ul { padding-bottom:0.2rem; }

}


/********************安全通告 焦点图*********************/
.page-security-focus {  padding:0.06rem 0px 0.32rem; }
.page-security-focus .pro-cases-con { position:relative; background:#fff; margin-top:0.35rem;  }
.page-security-focus .page-img { width:50%; position:absolute; left:0px; top:0px; height:100%; bottom:0px; }
.page-security-focus .page-img .bg_container { height:100%; }
.page-security-focus .page-time { padding-top:0.09rem; }
.page-security-focus .page-text { box-shadow:0px -5px 10px rgba(0,0,0,0.05); padding:0.54rem 0.66rem 0.28rem 0.62rem; }
.page-security-focus .page-txt { color:#2b2b2b; line-height:1.875;height:5.625em; max-height:5.625em; margin-top:0.18rem; }
.page-security-focus .page-more { padding-top:0.33rem; }
.page-security-focus .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;  }
.page-security-focus .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; }

.page-security-focus h3 a { color:#2b2b2b; height:3em; }
.page-security-focus .swiper-slide:hover h3 a { color:#d0121b; } 
.page-security-focus .swiper-slide:hover .page-more a:before { left:0px; }
.page-security-focus .page-con-wrap { background:#fff;  }
.page-security-focus .page-con-wrap .swiper-slide { padding-left:50%;  }



.page-security-focus .page-tab-btn.swiper-button-prev { left:-0.25rem; }
.page-security-focus .page-tab-btn.swiper-button-next { right:-0.25rem; }


@media only screen and (max-width:1340px) {
.page-security-focus .page-txt { height:62px; max-height:62px; }
}

@media only screen and (max-width:900px) {
.page-security-focus h3 a { height:34px; max-height:34px; }
}
@media only screen and (max-width:750px) {
.page-security-focus .page-con-wrap .swiper-slide { padding-left:0px;  }
.page-security-focus .page-img { width:100%; position:relative; }
.page-security-focus .page-img .bg_container { padding-bottom:52.85%; }
.page-security-focus .page-text { width:100%;  padding:0.3rem; }
.page-security-focus .page-txt { height:auto; max-height:5.625em; }
.page-security-focus h3 a { height:auto; max-height:3em; }
}
@media only screen and (max-width:340px) {
.page-security-focus .page-txt {  max-height:6em; }

}

































