html,
body,
div,
span,
p,
a,
img,
ul,
li,
form,
table,
tbody,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body,
html {
    line-height: 1;
    font-family: 'itc_bk', Arial, 'PingFang', '微软雅黑', 'Helvetica', sans-serif;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    color: #303030;
    font-size: 13px;
    text-justify: inter-ideograph;
    text-align: justify;
}

li {
    list-style-type: none;
}

img {
    border: none;
    display: block;
    pointer-events: none;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

a:active {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
select {
    outline: none;
    -webkit-appearance: none;
    border: 0;
}

button {
    background: none;
    border: 0;
    outline: none;
    font-family: 'itc_bk', Arial, 'PingFang', 'Helvetica', sans-serif;
}


html {
    font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 1000px) {
    html {
        font-size: calc(1000px / 1920 * 100);
    }
}

@media(min-width: 1920) {
    html {
        font-size: 100px;
    }
}

body {
    font-size: calc(16 * 100vw / 1920);
}

@media(max-width: 1584px) {
    body {
        font-size: 13.2px;
    }
}


@media(min-width: 1920px) {
    body {
        font-size: 100px;
    }
}


#new_header_container {
    width: 100%;
    /* height: 312px; */
    position: relative;
}

#new_header_container .top_logo {
    height: 86px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#new_header_container .top_logo img {
    /* position: absolute; */
    /* width: 100%; */
    /* height: auto; */
    bottom: 0;
    left: 0;
}

#new_header_container.page_detail {
    padding-top: 1rem;
    padding-bottom: .4rem;
    /* height: 220px; */
    overflow: hidden;
    background-position: center 100px;
}

#new_header_container .nmbHover {
    /* width: 400px; */
    height: 100%;
    margin: 0 auto;
    cursor: pointer;
}

#new_header_container:hover .sub_nav li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#new_header_container .sub_nav {
    width: 572px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* #new_header_container .sub_nav li {
    font-size: 14px;
    color: #959595;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    -o-transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
} */

#new_header_container .sub_nav li:nth-child(2) {
    transition-delay: .05s;
}

#new_header_container .sub_nav li:nth-child(3) {
    transition-delay: .1s;
}

#new_header_container .sub_nav li span {
    color: #303030;
}

#new_footer_container {
    width: 100%;
    height: 65px;
    background: #fff;
    margin-top: 25px;
}

#new_footer_container p {
    width: 1100px;
    margin: 0 auto;
    border-top: 1px solid #e3e3e3;
    text-align: center;
    line-height: 65px;
    font-size: 13px;
    color: #a9a9a9;
}

#new_header_containerex {
    width: 100%;
    height: 312px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .3s cubic-bezier(0, .385, .345, 1);
    -moz-transition: .3s cubic-bezier(0, .385, .345, 1);
    -o-transition: .3s cubic-bezier(0, .385, .345, 1);
    transition: .3s cubic-bezier(0, .385, .345, 1);
}

#new_header_containerex .top_logo {
    width: 570px;
    height: 100%;
    background: url('../images/logo.png') no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#new_header_containerex.page_detail {
    height: 171px;
    overflow: hidden;
    background-position: center;
}

#new_header_containerex .nmbHover {
    width: 400px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -200px;
    cursor: pointer;
}

#new_header_containerex .nmbHover:hover .sub_nav li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#new_header_containerex .sub_nav {
    width: 500px;
    position: absolute;
    bottom: 16px;
    left: 50%;
    margin-left: -250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#new_header_containerex.open {
    opacity: .9;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* #new_header_containerex .sub_nav li {
    font-size: 13px;
    color: #959595;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    -o-transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    transition: .3s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
} */

#new_header_containerex .sub_nav li:nth-child(2) {
    transition-delay: .05s;
}

#new_header_containerex .sub_nav li:nth-child(3) {
    transition-delay: .1s;
}

#new_header_containerex .sub_nav li span {
    color: #303030;
}

#new_header_containerex p {
    width: 1300px;
    margin: 0 auto;
    border-top: 1px solid #e3e3e3;
    text-align: center;
    line-height: 65px;
    font-size: 13px;
    color: #a9a9a9;
}

#header_container {
    width: 100%;
    height: 75px;
    font-size: 0;
    border-bottom: 1px solid rgba(215, 215, 215, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 13;
    -webkit-transition: .6s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .6s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    -o-transition: .6s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
    transition: .6s transform cubic-bezier(.19, 1, .22, 1), .6s opacity cubic-bezier(.19, 1, .22, 1), .6s background-color cubic-bezier(.19, 1, .22, 1), .6s -webkit-transform cubic-bezier(.19, 1, .22, 1);
}

#header_container.whiteword::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 224px;
    background: url('../images/b_shadow.png') repeat-x;
    top: 0;
    left: 0;
    z-index: -1;
}

#header_container.whiteword {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0);
}

#header_container.blackword {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.95);
}

#header_container.opacity0 {
    opacity: 0;
}

#header_container .left_part {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    height: 100%;
}

#header_container .right_part {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    height: 100%;
    -webkit-transition: .6s color cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .6s color cubic-bezier(.19, 1, .22, 1);
    -o-transition: .6s color cubic-bezier(.19, 1, .22, 1);
    transition: .6s color cubic-bezier(.19, 1, .22, 1);
}

#header_container.whiteword .right_part {
    color: #fff;
}

#header_container .nav_container {
    width: 75px;
    height: 100%;
    position: relative;
    cursor: pointer;
}

#header_container.whiteword .nav_container .nav_icon i {
    background-color: #fff;
}

#header_container .nav_container .nav_icon {
    width: 23px;
    height: 17px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -8.5px 0 0 -11.5px;
}

#header_container .nav_container .nav_icon i {
    width: 100%;
    height: 2px;
    font-size: 0;
    background-color: #333;
    position: absolute;
    -webkit-transition: .6s transform, .6s background-color cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .6s transform, .6s background-color cubic-bezier(.19, 1, .22, 1);
    -o-transition: .6s transform, .6s background-color cubic-bezier(.19, 1, .22, 1);
    transition: .6s transform, .6s background-color cubic-bezier(.19, 1, .22, 1);
}

body.open #header_container.blackword .nav_container .nav_icon i {
    background-color: #fff;
}

#header_container .nav_container .nav_icon i:first-child {
    top: 0;
}

#header_container .nav_container .nav_icon i:nth-child(2) {
    top: 5px;
    width: 15px;
}

#header_container .nav_container .nav_icon i:nth-child(3) {
    top: 10px;
    width: 15px;
}

#header_container .nav_container .nav_icon i:last-child {
    bottom: 0;
}

body.open #header_container .nav_container .nav_icon i.white {
    background-color: #fff;
}

body.open #header_container .nav_container .nav_icon i:nth-child(1) {
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -o-transform: translateY(7px);
    transform: translateY(7px);
    transition-delay: .1s;
}

body.open #header_container .nav_container .nav_icon i:nth-child(2) {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
}

body.open #header_container .nav_container .nav_icon i:nth-child(3) {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

body.open #header_container .nav_container .nav_icon i:nth-child(4) {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    transition-delay: .1s;
}

#header_container .social_ul {
    font-size: 12px;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid rgba(215, 215, 215, .3);
    display: flex;
    display: -webkit-flex;
}

#header_container .social_ul li {
    flex: 1;
    margin-left: 59px;
    background: url('../images/social_icons.png') no-repeat;
    cursor: pointer;
}

#header_container .social_ul li:hover {
    opacity: .6;
}

#header_container.whiteword .social_ul li {
    background-image: url('../images/sb_w.png');
}

#header_container .social_ul li.wechat {
    width: 35px;
    height: 29px;
    background-position: 0 0;
}

#header_container .social_ul li.webo {
    width: 34px;
    height: 27px;
    background-position: -93px -1px;
}

#header_container .logo {
    width: 200px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -100px;
    background: url('../images/logo.png') no-repeat;
    cursor: pointer;
}

#header_container.whiteword .logo {
    background-image: url('../images/logo_w.png');
}

#header_container .right_part {
    height: 100%;
    color: #333;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    padding-right: 62px;
    display: flex;
    display: -webkit-flex;
}

#header_container .right_part li {
    margin-left: 76px;
    cursor: pointer;
}

#header_container .right_part li:first-child {
    margin-left: 0;
}

#header_container .right_part li a {
    display: inline-block;
    position: relative;
}

#header_container.blackword .right_part li a::after {
    background-color: #333;
}

#header_container .right_part li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -31px;
    width: 100%;
    height: 1px;
    background-color: #fefefe;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: left;
    -webkit-transition: .4s transform cubic-bezier(.275, 0, 0, 1), .4s -webkit-transform cubic-bezier(.275, 0, 0, 1);
    -moz-transition: .4s transform cubic-bezier(.275, 0, 0, 1), .4s -webkit-transform cubic-bezier(.275, 0, 0, 1);
    -o-transition: .4s transform cubic-bezier(.275, 0, 0, 1), .4s -webkit-transform cubic-bezier(.275, 0, 0, 1);
    transition: .4s transform cubic-bezier(.275, 0, 0, 1), .4s -webkit-transform cubic-bezier(.275, 0, 0, 1);
}

#header_container .right_part li:hover a::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}



#mobile_header_container {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
    height: 3.33rem;
    /*background-color:#fff;*/
    -webkit-transition: height .3s cubic-bezier(0, .385, .345, 1);
    -moz-transition: height .3s cubic-bezier(0, .385, .345, 1);
    -o-transition: height .3s cubic-bezier(0, .385, .345, 1);
    transition: height .3s cubic-bezier(0, .385, .345, 1);
}

#mobile_header_container .mobile_top_logo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(255, 255, 255, .9);
    -webkit-transition: background-color .3s cubic-bezier(0, .385, .345, 1);
    -moz-transition: background-color .3s cubic-bezier(0, .385, .345, 1);
    -o-transition: background-color .3s cubic-bezier(0, .385, .345, 1);
    transition: background-color .3s cubic-bezier(0, .385, .345, 1);
    /*background-size:5.51rem 1.23rem;*/
    background-size: 44%;
}

#mobile_header_container .mobile_top_logo img {
    width: 44%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.caseShow #mobile_header_container .mobile_top_logo {
    z-index: -1;
}

#mobile_sub_nav_page {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    overflow: hidden;
    height: 0;
    /*   -webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
    -moz-transition:all .6s cubic-bezier(.19,1,.22,1);
    -o-transition:all .6s cubic-bezier(.19,1,.22,1);
    transition:all .6s cubic-bezier(.19,1,.22,1); */
}

#mobile_sub_nav_page .sub_nav_bg {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    -webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
    -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
    transition: .8s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate3d(100%, 0, 0) skew(30deg, 0);
    -moz-transform: translate3d(100%, 0, 0) skew(30deg, 0);
    -o-transform: translate3d(100%, 0, 0) skew(30deg, 0);
    transform: translate3d(100%, 0, 0) skew(30deg, 0);
}

#sub_nav_list .mobile_top_logo {
    width: 100%;
    height: 1.84rem;
    background: url('../images/logo.png') no-repeat 49% center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    /*background-size:5.51rem 1.23rem;*/
    background-size: 71%;
    -webkit-transform: skew(0);
    -moz-transform: skew(0);
    -o-transform: skew(0);
    transform: skew(0);
}

#mobile_sub_nav_page .sub_nav_list {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: .66rem;
    color: #303030;
    font-family: 'itc_xlt', sans-serif;
    z-index: 2;
    -webkit-transition: .6s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .6s cubic-bezier(.19, 1, .22, 1);
    -o-transition: .6s cubic-bezier(.19, 1, .22, 1);
    transition: .6s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

#mobile_sub_nav_page .sub_nav_list ul {
    margin: 2.5rem 0 0 .67rem;
}

#mobile_sub_nav_page .sub_nav_list ul li {
    margin-top: .87rem;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
    -webkit-transition: 1.2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: 1.2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: 1.2s cubic-bezier(.19, 1, .22, 1);
}

#mobile_sub_nav_page .sub_nav_list.active ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#mobile_sub_nav_page .sub_nav_list ul li:first-child {
    margin-top: 0;
}

#mobile_sub_nav_page .sub_nav_list.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#mobile_sub_nav_page .sub_nav_bg.active {
    -webkit-transform: translate3d(0, 0, 0) skew(0);
    -moz-transform: translate3d(0, 0, 0) skew(0);
    -o-transform: translate3d(0, 0, 0) skew(0);
    transform: translate3d(0, 0, 0) skew(0);
}

#introduction_container_mobile .m_introduction_bottom_img {
    max-width: 100%;
    margin-top: .8rem;
}

#soon_container_mobile {
    margin-top: 1.6rem;
}

#soon_container_mobile .img_title {
    width: 6.67rem;
    height: .53rem;
    background: url('../images/mobile_av.png') no-repeat center;
    background-size: contain;
    margin: 0 auto;
}

#soon_container_mobile .soon_nav {
    width: 6.67rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    margin: .16rem auto 0;
}

#soon_container_mobile .soon_nav li {
    width: 20%;
    height: .64rem;
    font-size: .24rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#soon_container_mobile .soon_nav li p {
    width: 100%;
}

#soon_container_mobile .soon_nav li::after {
    content: '';
    position: absolute;
    border-right: 1px solid #959595;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    right: 0;
    height: 100%;
}

#soon_container_mobile .soon_nav li:first-child::before {
    content: '';
    position: absolute;
    border-left: 1px solid #959595;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    left: 0;
    height: 100%;
}

#soon_container_mobile .soon_mobile_img {
    width: 100%;
    height: 7.64rem;
    background: url('../images/soon_mobile.jpg') no-repeat center;
    background-size: contain;
    margin-top: 1.07rem;
}

#award_container_mobile {
    width: 100%;
}

#award_container_mobile .mobile_awards_group {
    width: 100%;
    margin-top: .8rem;
}

#award_container_mobile .mobile_awards_group .mobile_award_list_nav {
    margin-top: .8rem;
    font-size: .33rem;
    color: #959595;
}

#award_container_mobile .mobile_awards_group .mobile_award_list_nav:first-child {
    margin-top: 0;
}

.mobile_award_list_nav .year_title {
    font-size: .4rem;
    color: #303030;
    margin-bottom: .13rem;
}

.mobile_award_list_nav li {
    line-height: 1.5;
}

#award_container_mobile .mobile_brands_show {
    width: 100%;
    font-size: 0;
    margin-top: .8rem;
}

#award_container_mobile .mobile_brands_show img {
    max-width: 100%;
}


#mobile_join_container .mobile_join_nav {
    color: #303030;
    margin-top: .75rem;
}


.mobile_tasks>.title {
    font-size: .38rem;
}

.mobile_requirements>.title {
    font-size: .38rem;
}

.mobile_requirements>.mobile_job_detail,
.mobile_tasks>.mobile_job_detail {
    color: #959595;
    font-size: .33rem;
    line-height: 1.5;
    overflow: hidden;
    height: 0;
    -webkit-transition: .45s;
    -moz-transition: .45s;
    -o-transition: .45s;
    transition: .45s;
}

.mobile_requirements>.mobile_job_detail p,
.mobile_tasks>.mobile_job_detail p {
    font-size: .33rem;
    position: relative;
}

.mobile_requirements>.mobile_job_detail p {
    padding-left: .4rem;
}

.mobile_requirements>.mobile_job_detail p::before {
    content: '';
    position: absolute;
    width: .13rem;
    height: .13rem;
    border-radius: 50%;
    background: #afafaf;
    top: .11rem;
    left: 0;
}

.mobile_requirements>.mobile_job_detail p:first-child::before {
    top: .51rem;
}

.mobile_join_nav>.join_list>li.active .mobile_job_detail {
    height: auto;
}

.mobile_tasks>.mobile_job_detail p:first-child {
    padding-top: .4rem;
}

.mobile_requirements>.mobile_job_detail p:first-child {
    padding-top: .4rem;
}

#list_container_mobile {}

#list_container_mobile .mobile_list_main_body {
    width: 100%;
    overflow: hidden;
    margin-top: .8rem;
}

#list_container_mobile .mobile_list_main_body ul {
    width: 110%;
    font-size: 0;
    text-align: left;
}

#list_container_mobile .mobile_list_main_body li {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 4.2rem;
    height: 2.67rem;
    position: relative;
    margin: 0 .4rem .4rem 0;
    -webkit-transition: 1.5s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: 1.5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: 1.5s cubic-bezier(.19, 1, .22, 1);
}

#list_container_mobile .mobile_list_main_body li.mobile_case_loading::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2) url('../images/loading.svg') no-repeat center;
    background-size: 17%;
}

#list_container_mobile .mobile_list_main_body li.active {
    z-index: 3;
}

#list_container_mobile .mobile_list_main_body li.cants {
    opacity: 0;
    -webkit-transform: translate3D(0, 100%, 0);
    -moz-transform: translate3D(0, 100%, 0);
    -ms-transform: translate3D(0, 100%, 0);
    -o-transform: translate3D(0, 100%, 0);
    transform: translate3D(0, 100%, 0);
}

#list_container_mobile .mobile_list_main_body li>.grid_reveal {
    height: 100%;
}

#list_container_mobile .mobile_list_main_body .list_cover {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#list_container_mobile .mobile_list_main_body .list_cover img {
    width: 100%;
    height: 100%;
}

#list_container_mobile li .more_detail_container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .95);
    z-index: 99;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#list_container_mobile li.active .more_detail_container {
    display: block;
}

.mobile_block {
    display: none;
}

#detail_container_mobile .mobile_share_container {
    font-size: 0;
    text-align: center;
    margin-top: .93rem;
}

.mobile_share_container .share_grid {
    width: 1.24rem;
    height: 1.25rem;
    background: url('../images/mobile_share_bts.png') no-repeat;
    background-size: 3.25rem 1.25rem;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}

.mobile_share_container .share_grid.weibo {
    background-position: 0 0;
}

.mobile_share_container .share_grid.wechat {
    background-position: -2.01rem 0;
    margin-left: .77rem;
}

#sub_nav_bts {
    width: .93rem;
    height: .93rem;
    position: fixed;
    top: .455rem;
    left: .6rem;
    border-radius: 50%;
    z-index: 19;
    opacity: 0;
    /*-webkit-transform:translate3d(-30%,0,0);*/
    /*-moz-transform:translate3d(-30%,0,0);*/
    /*-o-transform:translate3d(-30%,0,0);*/
    /*transform:translate3d(-30%,0,0);*/
    -webkit-transition: .3s cubic-bezier(0, .385, .345, 1);
    -moz-transition: .3s cubic-bezier(0, .385, .345, 1);
    -o-transition: .3s cubic-bezier(0, .385, .345, 1);
    transition: .3s cubic-bezier(0, .385, .345, 1);
}

#sub_nav_bts.show {
    opacity: 1;
    /*-webkit-transform:translate3d(0,0,0);*/
    /*-moz-transform:translate3d(0,0,0);*/
    /*-o-transform:translate3d(0,0,0);*/
    /*transform:translate3d(0,0,0);*/
}

#sub_nav_bts i {
    width: .53rem;
    height: 2px;
    background-color: #bfbebe;
    position: absolute;
    left: 50%;
    margin-left: -.27rem;
    -webkit-transition: .3s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: .3s cubic-bezier(.19, 1, .22, 1);
    -o-transition: .3s cubic-bezier(.19, 1, .22, 1);
    transition: .3s cubic-bezier(.19, 1, .22, 1);
}

#sub_nav_bts i:nth-child(1) {
    top: .29rem;
}

#sub_nav_bts i:nth-child(2) {
    top: .44rem;
}

#sub_nav_bts i:nth-child(3) {
    top: .59rem;
}

#sub_nav_bts.active i:nth-child(1) {
    top: .44rem;
    -webkit-animation: turnoverl .3s;
    animation: turnoverl .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#sub_nav_bts.active i:nth-child(2) {
    opacity: 0;
}

#sub_nav_bts.active i:nth-child(3) {
    top: .44rem;
    -webkit-animation: turnoverr .3s;
    animation: turnoverr .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.lazy_container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

@keyframes turnoverl {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes turnoverl {
    from {
        -webkit-transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(45deg);
    }
}


@keyframes turnoverr {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-45deg);
    }
}

@-webkit-keyframes turnoverr {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-45deg);
    }
}


@media (max-width:768px) {
    .pc_block {
        display: none;
    }

    .mobile_block {
        display: block;
    }

    body {
        min-height: 100vh;
        overflow-x: hidden;
    }

    .mobile_main_page_body {
        overflow-x: hidden;
    }

    #preview_side_bar {
        width: 25%;
        display: none;
    }

    #preview_side_bar>.main_container {
        position: fixed;
    }

    .content_container .title {
        background-size: 40vw auto;
    }
}

.h-wrap {
    width: calc(1165 / 1920 *100%);
    margin: 0 auto;
}

.ha-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.a-img {
    width: calc(375 / 1165 *100%);
    position: relative;
}

.a-img-w {
    width: calc(375 / 1165 *100%);
}

.a-img-w .a-img {
    width: 100%;
}

.a-img img {
    width: 100%;
    height: auto;
}


.a-img {
    margin-bottom: .2rem;
}

.home-a-wrap {
    margin-top: .5rem;
    position: relative;
}

.ha-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ha-bottom .a-img {
    width: calc(771 / 1165 *100%);
    margin-bottom: 0;
}

.ha-bottom p {
    font-family: ArialMT;

    color: #333333;
    transition: all .3s;
}

.ha-bottom p:hover {
    text-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
}

.hf-p p:hover {
    text-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
}

.a-img::after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0;
    position: absolute;
    -webkit-transition: 1s opacity cubic-bezier(.275, 0, 0, 1);
    -moz-transition: 1s opacity cubic-bezier(.275, 0, 0, 1);
    -o-transition: 1s opacity cubic-bezier(.275, 0, 0, 1);
    transition: 1s opacity cubic-bezier(.275, 0, 0, 1);
}

.home-a-wrap:hover .a-img::after {
    opacity: 1;
}


.__img_box__text {
    position: absolute;
    line-height: 1.5;
    padding: 7px 10px;
    z-index: 7;
    opacity: 0;
    -webkit-transition: .8s opacity cubic-bezier(.275, 0, 0, 1);
    -moz-transition: .8s opacity cubic-bezier(.275, 0, 0, 1);
    -o-transition: .8s opacity cubic-bezier(.275, 0, 0, 1);
    transition: .8s opacity cubic-bezier(.275, 0, 0, 1);
    bottom: 0;
}

.__img_box__text--left {
    left: 0;
    text-align: left;
}

.__img_box__text--right {
    right: 0;
    text-align: right;
}

.__project_box .case1:hover .__img_box__text {
    opacity: 1;
}

.home-a-wrap:hover .__img_box__text {
    opacity: 1;
}

.__img_box__text p {
    color: #fff;
    line-height: 1.6;

}

.hb-contianer .a-img {
    width: 100%;

}

.ha-bottom.reverse {
    flex-direction: row-reverse;
}

.home-b-wrap.home-a-wrap {
    margin-top: .2rem;
    position: relative;
}


.home-a-wrap.hc .__img_box__text {
    bottom: .4rem;
}

.home-a-wrap.hc.hd {
    margin-top: 0;
}

.hd-conrainer {
    display: flex;
    justify-content: space-between;
}

.hd-left {
    width: calc(770 / 1165 *100%);
}

.hd-left .ha-bottom .a-img {
    width: calc(530 / 770 *100%);
}

.hdl-a {
    width: calc(375 / 770 *100%);
}

.hdl-a .a-img {
    width: 100%;
}

.hd-right {
    width: calc(375 / 1165 *100%);
    /* display: flex; */
    flex-direction: column;
    justify-content: space-between;
}


.hd-right .a-img {
    width: 100%;
}

.hdl-b {
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
}

.he-content {
    display: flex;
    justify-content: space-between;
}

.he-left,
.he-right {
    width: calc(570 / 1165 *100%);
}

.he-left .a-img,
.he-right .a-img {
    width: 100%;
}

.he-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.hf-content {
    display: flex;
    justify-content: space-between;
}

.ha-container.hf {
    align-items: flex-end;

}

.hf-p {
    margin-bottom: .2rem;
}

.hf-p p {
    font-family: ArialMT;

    text-align: right;
    color: #333333;
    transition: all .3s;
}

#hide_banner_top {
    width: 100%;
    height: 1.34rem;
    position: fixed;
    left: 0;
    z-index: 12;
    overflow: hidden;
    /*top:1.84rem;*/
    top: 3.33rem;
    -webkit-transition: top .3s cubic-bezier(0, .385, .345, 1);
    -moz-transition: top .3s cubic-bezier(0, .385, .345, 1);
    -o-transition: top .3s cubic-bezier(0, .385, .345, 1);
    transition: top .3s cubic-bezier(0, .385, .345, 1);
}

#hide_banner_top ._nmb {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, .5) 68%, rgba(255, 255, 255, 0) 0);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    text-align: left;
    -webkit-transition: .5s cubic-bezier(0, .385, .345, 1);
    -moz-transition: .5s cubic-bezier(0, .385, .345, 1);
    -o-transition: .5s cubic-bezier(0, .385, .345, 1);
    transition: .5s cubic-bezier(0, .385, .345, 1);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}


#hide_banner_top ._nmb .table_father>.table_child {
    vertical-align: top;
}

#hide_banner_top ._nmb .table_father>.table_child p:first-child {
    margin-top: 4px;
}

#hide_banner_top ._nmb::after {
    content: '';
    width: 38px;
    height: 24px;
    background: url('../images/cnmb.png') no-repeat center;
    background-size: 58%;
    position: absolute;
    left: 50%;
    opacity: .5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -4px;
}

#hide_banner_top.close ._nmb {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

#hide_banner_top p {
    /* width: 9.6rem; */
    margin: 0 auto;
    line-height: 1.3;
    text-align: center;
}

footer {
    padding-top: 1rem;
}

.foot {
    background-color: #0c181c;
    padding: .25rem;
}

.foot a {
    display: block;
    line-height: 1.4;
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    text-align: center;
}

@media (max-width:1200px) {
    .a-img {
        margin-bottom: .19rem;
    }
}

@media (max-width:768px) {
    .h-wrap {
        width: 96%;
    }

    #mobile_header_container {
        height: 2.3rem;
    }

    .__img_box__text {
        display: none;
    }

    .home-a-wrap {
        margin-top: 2.4rem;
    }

    .a-img {
        margin-bottom: .15rem;
    }
}


.about-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about-content-p1 p {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    line-height: 1.6;
}

.about-content-p2 {
    margin-top: .5rem;
}

.about-content-p2 p {
    font-family: ArialMT;
    line-height: 1.6;
    color: #888888;
}

.about-content-left {
    /* width: calc(583 / 1165 *100%); */
    width: 100%;
}

.about-content-left img {
    width: 100%;
}


.about-content-left video {
    width: 100%;
    height: 100%;
    z-index: 99;
    position: relative;
    object-fit: cover;
}

.about-content-right {
    /* width: calc(524 / 1165 *100%); */
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* overflow-y: auto; */
    /* height: 7.53rem; */
    /* padding-right: .2rem; */
    margin-top: .4rem;
}

.about-content-right::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.about-content-right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #dddddd;
    background: #535353;
}

.about-content-right::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #ededed;
}

.about-container {
    margin-top: .8rem;
}

.sc-title {
    text-align: center;
}

.sc-title .s200 {
    font-family: SourceHanSansCN-Heavy;
    font-weight: bold;
    color: #333333;
}

.sc-title .s47 {
    font-family: ArialMT;
    margin-top: .15rem;
    font-weight: lighter;
    color: #333333;
}

.server-content {
    padding: 2rem 0;
}

.server-content {
    position: relative;
}

.sc-p {
    position: absolute;
}

.sc-p p {
    text-align: center;
    transition: all .3s;

}

.sc-p:hover p {
    text-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
}

.sc-p .s47 {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
}

.sc-p p:first-child {
    margin-bottom: .1rem;
}

.sc-p .s18 {
    font-family: ArialMT;
    color: #555555;
}

.sc-p .s69 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
}

.sc-p .s24 {
    font-family: ArialMT;
    color: #888888;
}

.sc-p .s45 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.sc-p .s51 {
    font-family: SourceHanSansCN-Regular;
    color: #444444;
}

.sc-p .s20 {
    font-family: ArialMT;
    color: #444444;
}

.sc-p .s59 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.sc-p .s23 {
    font-family: ArialMT;
    color: #bbbbbb;
}

.sc-p:nth-child(1) {
    top: -0%;
    left: 25%;
}

.sc-p:nth-child(2) {
    top: -5%;
    left: 55%;
}

.sc-p:nth-child(3) {
    top: 50%;
    left: 0%;
}

.sc-p:nth-child(4) {
    top: 50%;
    right: 0%;
}

.sc-p:nth-child(5) {
    bottom: 0%;
    left: 0%;
}

.sc-p:nth-child(6) {
    bottom: -2%;
    right: 0%;
}

.sc-p:nth-child(7) {
    bottom: 15%;
    left: 40%;
}

.contact-t2 {
    margin-top: 1.2rem;
}

.contact-t2 p:nth-child(1) {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.contact-t2 p:nth-child(2) {
    font-family: ArialMT;
    color: #888888;
    margin-top: .1rem;

    white-space: nowrap;
}

.contact-title p {
    font-family: ArialMT;
    color: #333333;
}

.contact-content {
    display: flex;
    justify-content: space-between;
}

.contact-content-right {
    width: calc(895 / 1165 *100%);
    margin-left: .45rem;
}

.contact-content-item-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
    flex-wrap: wrap;
}

.contact-content-item {
    width: calc(447 / 920 *100%);
}

.cci-p1 p {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    line-height: 1.6;
}

.cci-p2 {
    margin-top: .15rem;
}

.cci-p2 p {
    font-family: ArialMT;
    color: #888888;
    line-height: 1.6;
}

.pro-a-left {
    width: calc(860 / 1165 *100%);
}

.pro-a-item {
    display: flex;
    margin-bottom: .8rem;
}

.pro-a-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.pro-a-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: .5rem .2rem;
    text-align: center;
}

.par-title .s36 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.par-bottom .s60 {
    font-family: Arial-BoldMT;
    font-weight: bold;
    color: #333333;
}

.par-bottom .s18 {
    font-family: ArialMT;
    color: #333333;
    margin-top: .35rem;
}

.par-bottom .s20 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin-top: .1rem;
}

.pro-b-item {
    display: block;
    position: relative;
    margin-bottom: .2rem;
}

.pro-b-item>img {
    width: 100%;
    height: auto;
}

/*.pro-b-content a:nth-child(4),
a:nth-child(5) {
    width: 49.5%;
    float: left;
}*/
.pro-b-content a:nth-child(6),
a:nth-child(7) {
    width: 100%;
    float: left;
}
.h-wrap::after {
    content: '';
    clear: both;
}


.pro-b-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.prb-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: .2rem 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .3s;
}

.prb-bottom .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    text-align: center;
}

.pro-b-item:hover .prb-bottom {
    opacity: 1;

}


.pb-item-wrap {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: .2rem; */
}

.pb-item-wrap .pb-item {
    width: calc(572 / 1165 *100%);
}

.pc-title-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .6rem;
}

.pc-title {
    /* width: 33.3333%; */
    flex-shrink: 0;
    padding-right: .2rem;
    margin-bottom: .35rem;
    margin-right: .25rem;
}

.pc-title p:first-child {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    line-height: 1.4;
}

.pc-title p:nth-child(2) {
    font-family: ArialMT;
    line-height: 1.4;
    margin-top: .15rem;
    color: #888888;
}

.pro-b-item-list video {
    max-width: 100%
}

@media (max-width:768px) {
    /* 
    .a-img img.fs-img{
        height: 139px;
        object-fit: cover;
    } */


    /* .a-img img.fs-img2{
        object-fit: cover;
        height: 102px;
    } */



    /* .a-img img.fs-img3{
        object-fit: cover;
        height: 82px;
    } */



    .hdl-b {
        margin-top: .15rem;
    }

    .home-b-wrap.home-a-wrap {
        margin-top: .15rem;
    }


    #mobile_header_container .mobile_top_logo img {
        width: 64%;
    }

    .pc-title-list {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .pc-title {
        /* width: 48%; */
        flex-shrink: unset;
        margin-bottom: .3rem;
    }

    .contact-content,
    .contact-content-item-wrap {
        flex-wrap: wrap;
    }

    .contact-content-left,
    .contact-content-right {
        width: 100%;
        margin-left: 0;
    }

    .contact-content-item {
        width: 100%;
        margin-bottom: .5rem;
    }

    .contact-content-right {
        margin-top: .5rem;
    }

    .contact-content-left {
        display: flex;
        justify-content: space-between;
    }

    .contact-t2 {
        margin-top: 0;
    }

    .server-content {
        padding: 2rem 0;
        padding-top: 2rem;
        padding-bottom: 3rem;
        margin-top: 3rem;
    }

    .about-content {
        flex-wrap: wrap;
        /* margin-top: 2.4rem; */
    }

    .about-container {
        margin-top: 2.4rem;
    }

    .about-content-right,
    .about-content-left {
        width: 100%;
        height: auto;
    }

    .about-content-right {
        margin-top: .5rem;
    }

    .sc-p p:first-child {
        font-size: 18px;
    }

    .sc-p p:nth-child(2) {
        font-size: 14px;
    }

    .sc-p:nth-child(1) {
        top: -0%;
        left: 10%;
    }

    .sc-p:nth-child(2) {
        top: 2%;
        left: 60%;
    }

    .sc-p:nth-child(3) {
        top: 15%;
        left: 26%;
    }

    .sc-p:nth-child(4) {
        top: 55%;
        right: 64%;
    }

    .sc-p:nth-child(5) {
        bottom: 4%;
        left: 0%;
    }

    .sc-p:nth-child(6) {
        bottom: -10%;
        right: 0%;
    }

    .sc-p:nth-child(7) {
        bottom: 25%;
        left: 36%;
    }
}



.home-video .bn-video {
    width: 100%;
    height: 8.2rem;
    object-fit: cover;
}


.home-hv {
    margin-bottom: .25rem;
}


@media (max-width:768px) {
    .home-video .bn-video {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}