.inpage .ch_securleft .safteytxt{ text-align: left;padding-top: 52px;line-height: 40px;}
.cmndeal {  display: flex;  flex-wrap: wrap;border: 1px solid #e6e6e6;padding: 32px 60px 42px;margin-bottom: 30px;align-items: center;}
.cmndeal_lft{width: calc(100% - 425px);padding-right: 92px;}
.cmndeal_rgt {   width: 425px;
    padding-left: 70px;
    border-left: 1px solid rgba(0, 0, 0,0.102);
}
ul.alm_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        align-items: center;
}
.cmndeal_rgt .title_sm{padding-top: 10px;  line-height: 38px;  padding-bottom: 8px;}
.cmndeal_rgt .title{padding-bottom: 16px;}
.cmndeal_rgt p{padding-bottom: 16px;}
.alrmdetect_ul li { line-height: 28px;   padding-bottom: 26px;}
.alrmdetect_ul li:last-child{
    padding-bottom: 0;
}
.alrmdetect_ul li:before {  margin: 0px auto;   top: 8px;}
.alarm_detect {align-items: flex-start;
    display: flex;
    flex-wrap: wrap;    background: #f8f8f8;
    padding:78px 69px 70px;margin: 60px 0 68px;
}
.alrm_detleft .title_sm {
    padding-bottom: 40px;
}
.alrm_detright {
    width: 612px;
    background: #fff;
    text-align: center;
    padding: 34px 20px 72px;position: sticky; -webkit-position: sticky; align-items: flex-start; top: 0px;
}

.alrm_detleft {
    width: calc(100% - 612px);
}
.alrm_keyul{justify-content: space-between;}
.alrm_keyul li{width: auto;}
.title_xs{font-family: 'Graphik';font-weight: normal;line-height:100%;color:#000000;padding-bottom: 20px;font-size: 24px;}
.choose_securdiv {   margin-top: 50px;}


/*---- cctv page ----*/
.cctvpg .choose_div {  margin: 45px 0 0px;}
.cctvpg .whybg {
    background: #f6f6f6;
    padding: 90px 185px 60px 65px;

}
.cctvpg .cmndeal_rgt .title{padding-bottom: 8px;}
.cct_stor {
    margin: 38px 0 52px;
    padding: 60px 70px 50px;
    background: #f8f8f8;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cct_storleft {
    width: 460px;
}

.cct_storright {
    width: calc(100% - 460px);padding-left: 110px;
}
.cct_storright .title_sm{padding-bottom: 20px;}
.cct_storright .dlist li{width: 50%;}
.cctvpg .alrm_detleft, .cctvhm_contain_alarm .alrm_detleft {width: calc(100% - 334px);}
.cctvpg .alrm_detright, .cctvhm_contain_alarm .alrm_detright{width: 334px;}
.cctvpg .alrm_detleft .title_sm{line-height: 40px;}
.cct_mp { padding-top: 100px;padding-bottom: 66px;}
.cctvpg .cmndeal{margin-bottom: 60px;}
.cctvhm_contain .alrm_detright, .cctvhm_contain_alarm .alrm_detright{padding: 0px;background: transparent;}
.cctvhm_contain .alrmdetect_ul li, .cctvhm_contain_alarm .alrmdetect_ul li{width: 50%;}



.cctcmn_box .securt_list li {   font-size: 20px;   letter-spacing: 0.2px;   font-weight: 300;   padding: 0 20px;   line-height: 100%;   position: relative;  margin-bottom: 20px;}
.cctcmn_box .securt_list { justify-content: left;}
.cctcmn_box .cct_stor { padding: 40px 20px; margin: 0px;  border-bottom: 1px solid #e6e6e6;}
.cctcmn_box .cct_stor:last-of-type{border-bottom: 0px;}
.cctcmn_box .cct_storleft { text-align: center;}
.cctvpg .alrm_detright img{display: block;    margin: 0px auto;}
.cctvpg .alrm_detright, .cctvhm_contain_alarm .alrm_detright { padding: 78px 0 0;    }
.cctvpg .alrm_detright a.btn_blk {  width: 100%;  border-radius: 0px;   font-size: 20px;  padding: 20px 30px;  height: 72px;}
.space30{margin-top: 40px;}
.alrm_detleft .title_s{
    text-align: left;
}

.alrm_detleft p{
    margin-bottom: 30px !important;
}
.detright_first, .detright_second{
    padding: 20px;
}
.cctvpg .choose_div .dlist li:before{
    top:12px;
    bottom: inherit;
}
.cctvpg .choose_div .dlist li{
    line-height: 40px;
    margin-bottom: 12px;
}
.dlist.mCustomScrollbar {
    height: 278px;
    margin-top: 10px;
}

.cmndeal_rgt .btn_blk{
    min-width: 216px;
    height: 50px;
    font-size: 20px;
    letter-spacing: 0.4px;
}
.title-wrapper .title_sm{
    font-size: 40px;
}
.dlist.alrmdetect_ul:not(:last-child){
    margin-bottom: 30px;
}
.cct_storright .securt_list li{
    color: #000;
    font-weight: normal;
}


/*=============== media query ================ */
@media screen and (max-width:1600px){	
    .alm_ul li {padding: 0px 5px;  width: 33.33%;  display: flex;  flex-wrap: wrap;  align-items: center;}
    .cmndeal { padding: 30px;  margin-bottom: 30px;}
    .cmndeal_lft { width: calc(100% - 335px);  padding-right: 10px;}
    .cmndeal_rgt { width: 335px;      padding-left: 30px;}
    
    .cctvpg .whybg {  padding: 50px 30px 10px;}
    .cct_stor {  margin: 38px 0 52px;   padding: 60px 30px 50px;}
    .cct_storleft {width: 380px;}
    .cct_storright {  width: calc(100% - 380px);   padding-left: 30px;}
    .cctvpg .cmndeal{margin-bottom: 50px;}
}
@media screen and (max-width:1440px){
    .alarm_detect { padding: 50px 40px;  margin: 50px 0;}
    .alrm_detleft { width: calc(100% - 450px);padding-right: 20px}
    .alrm_detright { width: 450px;   padding: 30px;}
     .cct_stor {  margin: 40px 0 ;   padding: 40px 30px;}
    .cctvpg .cmndeal{margin-bottom: 40px;}
    
    .cctvpg .alrm_detleft, .cctvhm_contain_alarm .alrm_detleft { width: calc(100% - 280px);padding-right: 20px}
   .cctvpg  .alrm_detright, .cctvhm_contain_alarm .alrm_detright { width: 280px;   padding: 30px;}
    
    .cctvpg .whybg { padding: 40px 30px 10px;}
    .cctvpg .choose_div .dlist li{margin-bottom: 8px;}
    ul.dlist.ulstore { padding-top: 10px;}
    .cct_storright .dlist li {  width: 50%;  line-height: 26px;  margin-bottom: 15px;}
    .dlist.ulstore  li:before{margin: 0px auto; top: 8px;}
    .cctvhm_contain .alrm_detright{padding: 0}
    .cctvpg .alrm_detright , .cctvhm_contain_alarm .alrm_detright{padding: 30px 0 0;}
    .cct_mp {  padding-top: 30px;  padding-bottom: 30px;}
    .cctvpg .alrm_detright a.btn_blk {  font-size: 18px;   padding: 10px 30px;   height: 50px;}
    .dlist.mCustomScrollbar {
        height: 224px;
    }
}
@media screen and (max-width:1366px){
    .alarm_detect { padding: 40px 20px;  margin: 40px 0;}
    .choose_securdiv {  margin-top: 30px;}
}
@media screen and (max-width:1270px){
}
@media screen and (max-width:1200px){
    .choose_securdiv {  margin-top: 20px;}
   .cctvpg  .whybg {padding:30px 20px 10px}
    .choose_div .dlist li {
    line-height: 33px;}
        .cctvpg .alrm_detright a.btn_blk {  font-size: 14px;   padding: 10px 30px;   height: 40px;}
    .dlist.mCustomScrollbar {
        height: 160px;
    }
    .title-wrapper .title_sm{
        font-size: 28px;
    }
}
@media screen and (max-width:1120px){
}
@media screen and (max-width:1050px){

}
@media screen and (max-width:992px){
        .cmndeal {  padding: 30px;  margin-bottom: 30px;   justify-content: center;   text-align: center;}
    .cmndeal .title_sm, .cmndeal .title,.alarmpg .title_sm, .alarmpg .title,.title_xs,.cctvpg .title_sm,.cctvpg .title ,.alarmpg p,.cctvpg p{text-align: center;}
    .cmndeal_lft {  width: 100%;  padding-right: 0px;}
    .cmndeal_rgt {  width: 100%;  padding-left: 0px;  padding-top: 30px;  border-left: 0;}
    .alrm_keyul {  justify-content: center;}
    .alrm_keyul li {  width: 100%;   padding-right: 10px;}
    .inpage .ch_securleft .safteytxt {  text-align: center;   padding-top: 20px;   line-height: 28px;}
    .chsecur_inner { padding: 40px 20px;}
    .ptag p{text-align: center}
    .alrm_detleft{width: 100%;padding-right: 0}
    .alrm_detright{width: 100%;}
    ul.dlist.alrmdetect_ul,.dlist {  margin: 0px auto;   justify-content: center;  max-width: 450px;}
    .alrmdetect_ul li, .cctvpg .choose_div .dlist li {  line-height: 20px;   padding-bottom: 0px;margin-bottom: 20px;}
    .cctvhm_contain .alrmdetect_ul li, .cctvhm_contain_alarm .alrmdetect_ul li{width: 100%;}
    
        .cctvpg .alrm_detleft , .cctvhm_contain_alarm .alrm_detleft{ width:100%;padding-right: 0px}
   .cctvpg  .alrm_detright, .cctvhm_contain_alarm .alrm_detright { width: 100%;   padding: 30px;}
    
    .cctvpg .choose_div .col6 { width: 100%;}
    .cct_mp { padding-top: 30px;}
    .cctvpg .choose_inner .dlist{padding-top: 30px;}
    .cct_storleft { width: 100%;padding-bottom: 30px}
    .cct_storright {  width: 100%;   padding-left: 0px;}
    .cct_stor { justify-content: center;text-align: center;}
    .cct_storright .dlist li {    text-align: left;
    width: 100%;
    line-height: 26px;
    margin-bottom: 15px;}
    .cctvhm_contain .alrm_detright{padding: 0}
    .cctcmn_box .securt_list { justify-content: center;}
    .dlist.mCustomScrollbar {
        height: auto;
    }
}
@media screen and (max-width:860px){

}
@media screen and (max-width: 768px){
    .cctcmn_box .securt_list li { font-size: 16px;  padding: 0 12px;  margin-bottom: 10px;line-height: 22px;}
    .alrmdetect_ul li:before, .cctvpg .choose_div .dlist li:before {
        top: 2px;
    }
    .cctcmn_box .cct_stor{
        padding:30px 20px;
    }
}
@media screen and (max-width: 650px){
    
}
@media screen and (max-width:580px){
}
@media screen and (max-width:350px){
}