:root {
    --contMargin: 25px;
    --layoutPer: 198px;
    --layoutGap: 16px;
    --headerHeight: 65px;
    --main_vidHeight: 751px;
}

body.hmMenu {overflow: hidden;}

@media screen and (max-width: 1024px) {
    :root {
        --contMargin: 15px;
        --layoutPer: 150px;
    }
}
@media screen and (max-width: 820px) {
    :root {
        --layoutPer: 0px;
    }
}



.wrap {position: relative; margin: 0 auto; width: calc(100% - var(--contMargin) * 2);}
.wrap.motherWrap {width: 100%;}
.wrap[max='1920'] {max-width: 1920px;}
.wrap[max="1645"] {max-width: 1645px;}

@media screen and (min-width: 1921px) {
    .wrap {width: 100%;}
    .wrap[max='1920'] {max-width: none;}
    main {padding: 0 var(--contMargin)}
}
@media screen and (max-width: 820px) {
    .wrap {width: calc(100% - var(--contMargin) * 2)}
}


._sub .paging {display: flex; align-items: center; justify-content: center; padding-top: 160px;}
._sub .paging > div {display: flex; align-items: center;}
._sub .paging > div a {padding: 1px; color: #777777;}
._sub .paging > .num {padding: 0 15px;}
._sub .paging > .num a {border-radius: 50%; color: #1f1f1f; background: transparent; font-size: 16px; width: calc(28/16*1em); height: calc(28/16*1em); display: flex; align-items: center; justify-content: center; transition: .4s;}
._sub .paging > .num a+a {margin-left: 3px;}
._sub .paging > .num a.act {background: #1f1f1f; color: #ffffff;}

@media screen and (max-width:1700px) {
	._sub .paging{padding-top: 60px;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._sub .paging{padding-top: 50px;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	._sub .paging{padding-top: 40px;}
	._sub .paging > .num a+a{margin-left: 0;}
	._sub .paging > .num{padding: 0 12px;}
}
@media screen and (max-width:320px) {}