@charset "utf-8";
.orientLayer {display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9997}
.orientLayer .content { position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center}
.orientLayer .icon-orient{background-image: url("../images/mobile.png"); display: inline-block; width: 67px; height: 109px; transform: rotate(90deg); animation: rotation infinite 1.5s ease-in-out; background-size: 67px}
.orientLayer .desc{margin-top: 20px; font-size: 15px; color: #fff}
@media screen and (min-aspect-ratio: 13/8) and ( max-width: 1023px ){
    .orientLayer{ display: block }
}

.main-navigation { display: none; }
.m { display: none; }
.mobeilTc { display: none; text-align: center; letter-spacing: 5px; height: 43px; background: #1f1f1f; color: #c9c9c9; }
.mobeilTc span { display: inline-block; padding-top: 12px; }
.mobeilTc font { line-height: 43px; }

@media only screen and (max-device-width : 736px){
    /*公共*/
    body { padding-top: 43px; }
    iframe { display: none; }
    img { max-width: 100%; }
    .wrap { width: 96% !important; margin: 0 auto; overflow:hidden }
    .heightOver { overflow: hidden; }

    /*头部*/
    .header { z-index: 101;  }
    .mobeilTc { display: block; position: fixed; left: 0; top: 0; height: 43px; width: 100%; }
    .header .topBar { display: none; }

    .header .logo { padding: 20px 0; }
    .header .logo img { width: 62.5px; height: 20px; display: block; margin: 0 auto; }

    /*导航*/
    .nav { display: none; }
    #site-navigation { display: block; margin-left: auto; position: fixed; top:14px; right:3%; z-index: 202; }
    #site-navigation .menu-toggle { cursor: pointer; width: 25px; z-index: 120; position: relative; }
    #site-navigation .menu-toggle span { transition: all 300ms ease-in-out; width: 20px; height: 2px; display: block; margin-bottom: 5px; background:#fff; }
    #site-navigation .menu-toggle div { font-weight: bold; font-size: 14px; color: #282828; margin-top: 10px; }
    .m #site-navigation .menu-toggle span{background: #282828;}
    .m #site-navigation .menu-toggle div{color: #282828;}
    #site-navigation .menu-toggle.active span:first-of-type { transform: translate(0, 7px) rotate(45deg); }
    #site-navigation .menu-toggle.active span:nth-child(2) { opacity: 0; }
    #site-navigation .menu-toggle.active span:last-of-type { transform: translate(0, -7px) rotate(-45deg); }

    #site-navigation .menu-main_menu-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;visibility:hidden;background:#c2da68;opacity:0;transition:all .5s ease-in-out;transform:scale(.9)}
    #site-navigation .menu-main_menu-container.active{visibility:visible;opacity:1;transform:scale(1)}
    #site-navigation .menu-main_menu-container ul{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;margin:0;padding:0;align-items:center;justify-content:center;flex-direction:column}
    #site-navigation .menu-main_menu-container ul li{display:block;width:100%;text-align:center}
    #site-navigation .menu-main_menu-container ul li a{display:inline-block;margin:0 auto;color:#30163c;text-align:center;text-transform:uppercase;font-weight:300;font-size:30px;line-height:60px}
    #site-navigation .menu-main_menu-container ul li a:hover{color:#eb2961;text-decoration:none;font-weight:900}
    #site-navigation .menu-main_menu-container ul li div a{display:block;font-size:2.1rem;line-height:50px}

    .m {position: fixed;width: 100%; display: block; height:100%;z-index:100;padding-top:43px;background:#fff;top:0;left: 100%;transition: all .6s cubic-bezier(.19,1,.22,1);    overflow: hidden;
        overflow-y: scroll;-webkit-overflow-scrolling: touch;padding-bottom:5vh;}
    .m.act{left: 0;}
    .m .title{margin:35px 20% 15px;display: flex;justify-content: space-between;position: relative;}
    .m .title span{width: 45%;text-align: center;padding:10px 0;font-size: 1.6rem;border-bottom: 1px solid transparent;color:#a4a2a2;}
    .m .title:after{position: absolute;left:50%;width: 1px;height: 40%;top:50%;transform: translate(-50%,-50%);content: "";background: #282828;;}
    .m .title span.cur{border-bottom-color: #282828;color:#282828;}
    .m .list{margin:23% 20% 0;font-size: 16px;}
    .m .list>ul>li{line-height: 3;color:#fff;}
    .m .list>ul>li.dp{background:url(../images/jia.png) no-repeat right 15px top 13px;background-size:15px 15px;}
    .m .list>ul>li.open{background-image:url(../images/jian.png);}
    .m .list>ul>li a{color: #282828;display: inline-block;}
    .m .list>ul>li:last-child>a{
        background: url(../images/tmall.png) no-repeat center top;
    }
    .m .list>ul>li li{font-size: 1.2rem;line-height: 2.2;}
    .m .list>ul>li li a{color:#a4a2a2}
    .m .list>ul ul{margin-bottom: 15px;display: none;}


    .m .list>ul>li.on a { color: #c00 }


    /*Banner*/
    .banner video { background: #000; height: 100%; object-fit: cover; }
    .banner { width:100%; height:300px; }
    /*.banner .swiper-slide { background-size: cover !important; }*/
    .banner .txt { padding-top: 18%; }
    .banner .txt h3 { font-size: 20px; }
    .banner .txt p {font-size: 18px;letter-spacing: 5px;font-weight: 300; }

    /*底部*/
    .subscribe { margin: 40px 0 55px; }
    .subscribe input { width: 90%; margin-bottom: 22px; height: 40px; line-height: 40px; }
    .subscribe button { margin-left: 0; height: 40px; line-height: 40px; }

    .footer { padding: 0; }
    .footer .f-nav .cf { display: none; }
    .footer .f-nav { float: none; width: 100%; }
    .footer .f-nav .copyright { padding: 1% 0; line-height: 2; text-align: center;}
    .footer .f-logo { float: none; width: 100%; text-align: center; padding: 20px 0 30px; }

}

@media only screen and (max-device-width : 413px) {
    /*.course-list .item { width: 49%; margin: 0 0%; }
    .course-list .item:nth-child(odd) { margin-right: 2%; }

    .popup .hd { line-height: 40px; font-size: 18px; }
    .popup .bd .title { line-height: 40px; font-size: 15px; }
    .popup .bd form .group { margin-bottom: 5px; }
    .popup .bd form .group select { width: 180px; }
    .popup .bd form .group input { width: 180px; }
    .popup .bd form .group textarea { width: 182px; }*/
}

/* 大片弹窗、全屏视频自适应 */
@media only screen and (max-width: 640px) {
    .slider-player .close-btn,
    .global-video-player .close-btn { width: 55px; height: 55px; background-size: 100% 100%; z-index: 20; }
    .slider-player .slider-text-wrap { top: 2%; }
    .slider-player .slider-text-wrap h4 { font-size: 15px; }
    .slider-player .slider-text-wrap .count { font-size: 14px; } 
    .slider-player .slider-player-inner .slider-player-arrow { position: absolute; bottom: 0; left: 0; width: 50%; height: 44px; z-index: 100; }
    .slider-player .slider-player-inner .slider-player-arrow.arrow-next { left: auto; right: 0; }
    .slider-player .slider-player-inner .slider-player-arrow span { width: 10px; height: 17.5px; background-size: 100% 100%; }
    .slider-player .slider-player-inner .slider-player-arrow.arrow-next span { background-size: 100% 100%; }
}

/* d-harry */
@media only screen and (max-width: 640px) {
    .dhappy-title { margin-top: 15px; }
    .dhappy-about { width: auto; padding-top: 60px; padding-bottom: 60px; }
    .dhappy-about > div { text-align: left; }
    .dhappy-about p { padding-left: 40px; padding-right: 40px; margin-bottom: 10px; }
    .dhappy-about .thumb { padding-top: 60px; padding-left: 20px; padding-right: 20px; }
    .dhappy-thumb-1 { flex-direction: column; width: 100%; padding: 0; margin-bottom: 60px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
    .dhappy-thumb-1 .left { flex: 1; margin: 0 0 60px; }
    .dhappy-thumb-1 .right { flex: 1; margin: 0; }
    .dhappy-thumb-1 .text { padding-top: 15px; position: static; width: 100%; text-align: center; }
    .dhappy-thumb-2 { margin-bottom: 60px; }
    .dhappy-thumb-2 .text { padding-top: 15px; }
    .dhappy-thumb-2 .text h3,
    .dhappy-thumb-5 .right .text h3,
    .dhappy-thumb-3 .thumb-big .text h3,
    .dhappy-thumb-4 .text h3,
    .dhappy-thumb-6 .left .text h3,
    .dhappy-thumb-1 .text h3 { font-size: 14px; white-space: normal; }
    .dhappy-thumb-2 .text p,
    .dhappy-thumb-5 .right .text p,
    .dhappy-thumb-3 .thumb-big .text p,
    .dhappy-thumb-6 .left .text p,
    .dhappy-thumb-4 .text p,
    .dhappy-thumb-1 .text p { font-size: 12px; }
    .dhappy-thumb-3 { flex-direction: column; width: 100%; padding: 0 20px; box-sizing: border-box; margin-bottom: 60px; }
    .dhappy-thumb-3 .thumb-small { flex: 1; margin: 0 0 60px; }
    .dhappy-thumb-3 .thumb-inner h3 { margin-top: 15px; text-align: center; font-size: 16px; }
    .dhappy-thumb-3 .thumb-inner p { font-size: 13px; text-align: center; }
    .dhappy-thumb-3 .thumb-big { flex: 1; margin: 0; }
    .dhappy-thumb-3 .text,
    .dhappy-thumb-6 .left .text,
    .dhappy-thumb-4 .text { padding-top: 15px; text-align: center; }
    .dhappy-thumb-4 { margin-bottom: 60px; padding: 0 60px; }
    .dhappy-thumb-5 { padding-bottom: 100px; }
    .dhappy-thumb-5 .right .text { padding-top: 15px; left: -11%; }
    .dhappy-thumb-6 { padding-bottom: 60px; width: 100% !important; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
    .dhappy-thumb-6 .left { flex: 0.58; }
    .dhappy-thumb-6 .right { flex: 0.32; }
}

/* d-d */
@media only screen and (max-width: 640px) {
    .dd-section { width: 100% !important; padding: 30px 0 60px; }
    .dd-section .dd-label { margin-top: 0; }
    .dd-section .dd-body { width: auto; padding: 0 40px; float: none; }
    .dd-section .dd-title { margin: 15px 0; }
    .dd-section .dd-title img { width: 100%; height: auto; }
    .dd-section p { margin-right: 0; }
    .dd-section .dd-aside { margin: 0; padding: 0 20px; }
    .dd-section p:last-child { margin-bottom: 30px; }
    .dd-thumb-list { width: 100%; box-sizing: border-box; padding: 0 20px; }
    /* .dd-thumb-list .thumb-item { float: none; width: 100%; } */
    .dd-swiper-wrap { width: auto; margin-top: 60px; margin-bottom: 60px; margin-left: 20px; margin-right: 20px; padding: 0; }
    .dd-swiper-wrap .dd-swiper-arrow { z-index: 1000; position: absolute; left: 10px; top: 40%; width: 40.5px; height: 31px; height: auot; float: none; }
    .dd-swiper-wrap .dd-swiper-arrow.arrow-next { left: auto; right: 10px; }
    .dd-swiper-wrap .dd-swiper-arrow span,
    .dd-swiper-wrap .dd-swiper-arrow.arrow-next span { width: 40.5px; height: 31px; background-size: 100%; }
    .dd-swiper-wrap .dd-swiper-body { float: left; width: 100%; height: auto; }
    .dd-swiper-wrap .dd-swiper { width: 100%; }
    .dd-swiper-wrap .dd-swiper .dd-item .thumb { width: 100%; height: auto; }
    .dd-swiper-wrap .dd-swiper .dd-item .link { display: none; }
    .dd-swiper-wrap .dd-icon { display: none; width: 93px; height: 70px; background-size: 100% 100%; top: -43px; right: -33px; }
    .dd-swiper-wrap .dd-swiper .dd-item .title { padding-top: 15px; font-size: 14px; }
    .dd-swiper-wrap .dd-swiper .dd-item .desc { font-size: 12px; }
    .dd-video-wraper { margin-bottom: 0; }
    .dd-video-wraper .video-item .title { font-size: 14px; }
    .dd-video-wraper .video-item .desc { font-size: 12px; }
    .dd-video-wraper .dd-video { width: auto; padding-left: 10px; padding-right: 10px; }
    .dd-video-wraper .dd-video-container { width: auto; flex: 1; }
}

/* lisahino */
@media only screen and (max-width: 640px) {
    .lisahino-about { width: auto; padding: 30px 40px; }
    .lisahino-about > div { text-align: left; }
    .lisahino-first { width: auto !important; flex-direction: column; padding: 0 20px; }
    .lisahino-first .thumb { flex: 1; }
    .lisahino-first .body { padding-top: 0; flex: 1; }
    .lisahino-first .section .title { width: 105px; height: 45px; margin-top: 15px; }
    .lisahino-first .section h3,
    .lisahino-thumb .section h3 { font-size: 14px; }
    .lisahino-first .section p,
    .lisahino-thumb .section p { font-size: 12px; }
    .lisahino-first .section { margin-bottom: 60px; }
    .lisahino-first .first-swiper-wrap { width: auto; height: auto; left: 0; }
    .lisahino-first .first-swiper-wrap .first-swiper { width: 100%; }
    .lisahino-first .first-swiper-wrap .first-swiper .thumb { width: 100%; height: auto; }
    .lisahino-first .first-swiper-wrap .first-swiper .thumb img { width: 100%; }
    .lisahino-first .first-swiper-wrap .first-swiper-arrow { position: absolute; left: 10px; top: 50%; width: 21px; height: 22px; z-index: 100; }
    .lisahino-first .first-swiper-wrap .first-swiper-arrow.arrow-next { left: auto; right: 10px; }
    .lisahino-first .first-swiper-wrap .first-swiper-arrow.arrow-next span { left: 50%; right: auto; }
    .lisahino-first .first-swiper-wrap .first-swiper .link { display: none; }
    .lisahino-thumb { width: auto !important; padding-top: 60px; padding-left: 20px; padding-right: 20px; justify-content: space-between; }
    .lisahino-thumb .section { margin-bottom: 0; }
    .lisahino-thumb .section .title {  width: 105px; height: 45px; margin-top: 15px; margin-bottom: 0; }
    .lisahino-thumb .section h3 { padding-top: 14px; }
    .lisahino-thumb .section + div,
    .lisahino-thumb.thumb-2 > div { flex: 0.55 }
    .lisahino-desc { width: auto; padding-top: 60px; padding-left: 40px; padding-right: 40px; padding-bottom: 60px; }
    .lisahino-desc p { margin-bottom: 5px; text-align: left; }
    .lisahino-desc p:first-child { text-align: center; }
    .lisahino-video { padding-bottom: 30px; margin-bottom: 0; }
    .lisahino-video .swiper-slide h3 { margin-top: 15px; font-size: 14px; }
    .lisahino-video .swiper-slide p { font-size: 12px; }
    .lisahino-video-arrow.arrow-left { width: 30px; background-position: 50% 30%; background-size: 7px 12px; }
    .lisahino-video-arrow.arrow-right { width: 30px; background-position: 50% 30%; background-size: 7px 12px; }
}

/* acium */
@media only screen and (max-width: 640px) {
    .acium-section { width: auto !important; flex-direction: column; padding: 60px 0; }
    .acium-section .acium-aside { width: 100%; margin: 0; box-sizing: border-box; padding: 0 20px; }
    .acium-section .acium-aside .thumb-1 { position: static; transform: translate3d(0, 0, 0) !important; }
    .acium-section .thumb-bg { display: none; }
    .acium-section .acium-body { width: 100%; padding: 0; text-align: center; }
    .acium-section .acium-body > div { text-align: left; }
    .acium-section .acium-label { padding-top: 30px; margin-bottom: 30px; }
    .acium-section p { margin: 0; padding: 0 40px; margin-bottom: 5px; }
    .acium-section-slider .slider-wrap .pointer { display: none; }
    .acium-section-slider .slider-wrap .thumb-2 { display: none; }
    .acium-section-slider .text { padding: 15px 0 0; }
    .acium-section-slider .text h3 { font-size: 14px; }
    .acium-section-slider .text p { font-size: 12px; }
    .acium-product { padding: 60px 0; width: auto !important;  }
    .acium-product .product-title .product-tabs { padding: 0 20px; text-align: center; }
    .acium-product .product-title h3 { text-align: center; }
    .acium-product .product-list .product-item { width: 120px; margin-right: 15px; margin-left: 0; }
    .acium-product .product-list .product-item:first-child { margin-left: 15px; }
    .acium-product .product-list .product-item .product-thumb { width: 100%; height: auto; }
    .acium-product .product-list .product-item h3 { font-size: 14px; }
    .acium-product .product-list .product-item p { font-size: 12px; }
    .acium-topic { width: auto !important; padding-top: 0; }
    .acium-topic .thumb { width: 80%; margin-top: 15px; }
    .acium-topic .text { width: 90%; margin-top: 15px; }
    .acium-topic .text h3 { font-size: 14px; }
    .acium-topic .text p { font-size: 12px; }
    .acium-about { padding-bottom: 60px; }
    .acium-about .acium-title { width: 200px; height: 19px; background-size: 100% 100%; margin-bottom: 25px; }
    .acium-about p { padding: 0 40px; width: auto; }
    .acium-swiper-video { width: auto !important; }
    .acium-swiper-video .swiper-container { overflow: hidden; }
    .acium-swiper-video .video-item .text { padding: 10px 10px }
    .acium-swiper-video .video-item .text h3 { font-size: 14px; }
    .acium-swiper-video .video-item .text p { font-size: 12px; }
    .acium-swiper-video .swiper-pagination { margin-top: 15px; }
}

/* euroangel */
@media only screen and (max-width: 640px) {
    .euroangel-border { display: none; }
    .euroangel-section { padding-top: 60px; flex-direction: column; margin-bottom: 60px; }
    .euroangel-section .euroangel-aside { float: none; width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
    .euroangel-section .euroangel-aside img { width: 100%; }
    .euroangel-section .euroangel-body { text-align: center; width: 100%; float: none; padding: 0; }
    .euroangel-section .euroangel-body > div { text-align: left; }
    .euroangel-section .euroangel-label { margin: 30px 0; }
    .euroangel-section .border { margin: 0 auto 30px;  }
    .euroangel-section p { margin: 0; padding: 0 40px; }
    .euroangel-section.thumb-right { padding-top: 0; margin-bottom: 0;  flex-direction: column-reverse; }
    .euroangel-section.thumb-right .euroangel-body { padding-left: 0; }
    .euroangel-section.thumb-right .border { background-color: #FFF; }
    .euroangel-next { margin: 30px 0; }
    .euroangel-thumb { flex-direction: column; background-color: #FFF; margin-bottom: 60px; padding: 0 20px; }
    .euroangel-thumb .thumb-left { margin-bottom: 30px; }
    .euroangel-thumb h3, .euroangel-thumb-2 h3 { font-size: 14px; }
    .euroangel-thumb p, .euroangel-thumb-2 p { font-size: 12px; }
    .euroangel-thumb-2 { background-color: #FFF; width: auto !important; }
    .euroangel-thumb-2 > div { padding: 0 20px; flex-direction: column;  }
    .euroangel-thumb-2 .thumb-big { padding: 0; flex: 1; margin-bottom: 30px; }
    .euroangel-thumb-2 .thumb-small { flex: 1; width: 100%; }
    .euroangel-thumb-2 .thumb-small .thumb-inner { width: 100%; }
    .euroangel-thumb-2 .thumb-small img { width: 100%; }
    .euroangel-thumb-2.second { flex-direction: row; justify-content: space-between; margin-bottom: 60px; }
    .euroangel-thumb-2.second .thumb-big { flex: 0.4; margin-bottom: 0; }
    .euroangel-thumb-2.second .thumb-small { flex: 0.55; padding: 0; }

    .euroangel-thumb.first { flex-direction: row; justify-content: space-between; }
    .euroangel-thumb.first .thumb-left { flex: 0.55; margin-bottom: 0; }
    .euroangel-thumb.first .thumb-right { flex: 0.4; }
    .euroangel-video-wraper { margin-bottom: 0; padding-bottom: 0; }
    .euroangel-video-inner { width: auto !important; }
    .euroangel-video-wraper .video-item .title { font-size: 15px; }
    .euroangel-video-wraper .video-item .desc { font-size: 13px; }
    .euroangel-video-wraper .euroangel-video { width: auto; margin: 0; padding: 10px 15px; }
    .euroangel-video-wraper .euroangel-video-container { width: auto; flex: 1; }
}

/* 关于我们 */
@media only screen and (max-width: 640px) {
    .about { padding-top: 30px; }
    .about .wrap { width: auto !important; }
    .about .txt { float: none; width: auto; padding: 0 40px; text-align: center; }
    .about .txt h2 { line-height: 2; font-size: 15px; }
    .about .txt > div { text-align: left; }
    .about .pic { float: none; width: auto; padding: 0 20px; }
    .about .pic .about-thumb-bg { display: none; }
    .about .pic .about-thumb-1 { position: static; width: 100%; transform: translate3d(0, 0, 0) !important; }
    .about-brand { padding: 80px 0 60px; }
    .about-icon { padding: 0 15px 40px; display: flex; flex-direction: row; margin-bottom: 0; }
    .about-icon .item span { padding-top: 15px; }
}

/* 新闻中心 */
@media only screen and (max-width: 640px) {
    .nwes .wrap { width: auto !important; }
    .nwes .items { padding: 60px 20px 0; }
    .nwes .items .item { margin-bottom: 60px; flex-direction: column; }
    .nwes .items .item .pic { flex: 1; width: 100%; }
    .nwes .items .item .txt { flex: 1; width: auto; padding: 0; height: auto !important; }
    .nwes .items .item .txt .more { margin: 0 auto; }
    .nwes .items .item .txt .date { margin-bottom: 15px; }
    .news-detail .detail-content .detail-header { padding: 50px 15px 15px; }
    .news-detail .close-btn { width: 55px; height: 55px; background-size: 100% 100%; z-index: 20; }
    .news-detail .detail-content .detail-body { width: auto; padding: 0 15px; }
}

/* 联系我们 */
@media only screen and (max-width: 640px) {
    .contact-wrapper { position: static; background-position: center top; }
    .contact-wrapper .contact-body { position: static; padding: 80px 0 180px; }
    .contact-wrapper .contact-body .contact-list { padding: 10px 15px; margin: 10px 15px; position: static; transform: translate3d(0, 0, 0); width: auto; }
    .contact-icon { right: auto; top: auto; bottom: -120px; left: 50%; margin-left: -48.5px; }
    .contact-wrapper .contact-body .contact-list .list-item:last-child { border: 0; }
    .guestbook .close-btn { width: 55px; height: 55px; background-size: 100% 100%; z-index: 20; }
    .guestbook .guestbook-inner { position: static; width: auto; margin: 80px 15px; padding: 10px 15px 30px; transform: translate3d(0, 0, 0); }
    .guestbook-form .form-item { flex-direction: column; margin: 0 10px; }
    .guestbook-form .form-item .input { line-height: 50px; }
    .guestbook-form .form-item .input:first-child { margin-right: 0; }
    .guestbook-form .form-item .input:last-child { margin-left: 0; }
    .guestbook-form .form-item .input.textarea label { line-height: 2.4; }
    .guestbook-form .form-item .input textarea { line-height: 1.4; padding-top: 7px; }
}

/* 地图 */
@media only screen and (max-width: 640px) {
    .tiandian { margin-bottom: 0; padding: 0; }
    .tiandian .wrap { width: auto !important; }
    .tiandian .map { position: relative; float: none; width: auto; margin: 0; height: auto; }
    .tiandian .map:after { content: ""; display: block; padding-top: 100%; }
    .tiandian .store { float: none; width: auto; }
    .tiandian .store .select { margin: 0; width: 100%; }
    .tiandian .store .list { height: 400px !important; }
}

/* 首页 */
@media only screen and (max-width: 640px) {
    .brand .wrap,
    .video .wrap,
    .brand2 .wrap,
    .brand3 .wrap,
    .brand4 .wrap,
    .brand5 .wrap,
    .brand6 .wrap { width: auto !important; }
    .brand .intro { padding: 60px 0; }
    .brand .intro .btn { margin-top: 15px; }
    .brand .bd .item .txt .btn { margin-top: 15px; }
    .brand .bd .item .txt { float: none; width: auto; padding: 0 15px; }
    .brand .bd .item .pic { float: none; width: auto; margin-top: 30px; }
    .brand .arrow { position: static; margin: 0 auto; }
    .video { padding-bottom: 30px; }
    .brand3 { padding: 30px 0; }
    .brand3 .bd { padding-top: 30px; }
    .brand3 .item { width: 100%; margin: 0; }
    .brand3 .item:nth-child(2) { margin: 0; }
    .brand4 { padding: 30px 0; }
    .brand4 .bd,
    .brand5 .bd { padding-top: 30px; }
    .brand5 { padding: 30px 0; }
    .brand6 .bd { padding: 30px 0; }
    .video2 { padding: 30px 0 30px; }
    .video2 .bd { padding-top: 30px; }
    .video2 .bd .item { width: 50%; }
    .home { display: none; }
    .footer .f-logo .f-logo-mobile { display: inline; width: 70%; }
    .footer .f-logo .f-logo-pc { display: none; }
    .bottomBar { padding: 50px 0 0; }
    .bottomBar .wrap { overflow:inherit; }
    .bottomBar .wrap.cf:before,
    .bottomBar .wrap.cf:after { display: none; }
    .subscribe label { margin-right: 0; }
    .mobeilTc { display: flex; flex-direction: row; justify-content: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .mobeilTc span { display: flex; padding-top: 0; margin-right: 5px; }
    .mobeilTc font { line-height: 43px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .mobeilTc font a { color: #FFF !important; letter-spacing: 1px !important; }
}