*{margin: 0;padding: 0;font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.container{position: relative;}
h2{font-size: 32px;margin-bottom: 55px;text-align: center;font-weight: normal;letter-spacing: 10px;}
.btn-product{width: 280px;border-radius: 5px;color: #ff3e02;border: 1px solid #ff3e02;padding: 15px;letter-spacing:3px;font-weight: 600;font-size: 16px;}
footer a{color: #333333!important;}
a:hover{color: #ff3e02!important;}
.meau-gotop-box{position: fixed;bottom: 10%;right: 5%;z-index: 999;}
.mm-appear.active img{max-height: 100%;}
/*头部*/
.header-navbar{height:75px;padding-top:15px;background-color:#1b1b1b;opacity:1;
    border-color: #333333;webkit-transition: background ease 3s !important;transition: background ease 3s !important;}
.header-navbar.transparent{background-color:#1b1b1b;opacity:.8;}
.header-navbar .navbar-brand{color: #fff;}
.header-navbar #navbar-menu{position: absolute;right: 0;}
.header-navbar #navbar-menu a{color: #fff;}
.header-navbar #navbar-menu a:hover{color:red; }

#navbar-menu .dropdown .dropdown-menu{background: transparent;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
#navbar-menu .dropdown-menu li{background-color:#1b1b1b;opacity:.8; }

/*动效*/
.appear-info{
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}

.appear-info.active{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/*产品效果*/
.product{position: relative;display: block;}
.product.left .img-box{padding-left: 40%;}
.product.right .img-box{padding-right: 40%;}
.product .product-info{position: absolute;z-index: 99;}
.product .product-info{
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
.product .product-info.active{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.product.left:before{content: " ";width: 100%;background-color: #EBECEB;
    height: 100%;display: block;position: absolute;z-index: 99;
    transform: skewX(-27deg);
    left: -55%;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
.product.active.left:before{left: -45%;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
.product.right:before{content: " ";width: 100%;background-color: #fff;
    height: 100%;display: block;position: absolute;z-index: 99;
    transform: skewX(27deg);
    right: -60%;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
.product.right.active:before{right: -42%;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}

/*视频列表*/
.video-lists .videos{background-color: #000000!important;padding-top: 10px;}
.video-lists .videos-box{background-color: #313131;padding: 80px 0;}
.video-lists .tab-content{width: 820px;height: 500px;float: left;}
.video-lists .nav{    width: 300px;margin: 0;float: left;}
.video-lists .videos li a{color: #fff;}
.video-lists .videos li i{display: none;}
.video-lists .videos li.active i{display: block;color: #ff3e02;    float: left;height: 34px;line-height: 30px;}
.video-lists .videos li.active a{color: #ff3e02;}
.video-lists .videos li a:hover{background-color: #000000;}
/*视频列表*/
.mm-qrcode{text-align: center;}

.footer{background-color: #434343;padding-top: 100px;}
.footer .btn-link{font-size: 14px;color: #fff!important;text-align: left;text-decoration: none;}
.footer ul li.first {border-left: 3px solid #ff3e02;}
.copyright {
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 20px;
    color: #fff;
}
.text-align-left{
    text-align: left!important;
}
@media (max-width: 768px) {
    .header-navbar{padding-top: 0;height: auto;}
    .header-navbar img{width: 80%;}
    .header-navbar #navbar-menu{position: relative;border-color: #333333;margin-top: 10px;opacity: 1;background-color: #333333;}
    #app{margin-top: 50px;}
    .footer{padding-top: 25px;}
    .footer .btn-link{font-size: 12px;}
    footer ul li.first{clear: both;width: 100%;}
    footer ul li:not(first){float: left;width: 33%;display: inline-table;}
    .copyright{font-size: 11px;margin-top: 10px;letter-spacing: 0px;}

}
/*合作伙伴样式调整*/
.mm-partner-img{display: table-cell;height: inherit;vertical-align: middle;text-align: center;}

.mm-qrcode-box img{width: 120px;}
.mm-qrcode-box p{margin-top: 5px;}