.c_brand {
    font-size: 0px;
    padding-bottom: 30px;
}

.pb_30 {
    padding-bottom: 30px;
}

.pb_0 {
    padding-bottom: 0px;
}

.br_top {
    border-top: 1px solid #eee;
}

/*banner*/

.c_brandBox {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.c_brandBox1 {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: -30px;
}

.c_brandBanBox {
    padding: 0px 30px;
}

.c_brandBan {
    position: relative;
    margin: 0 auto;
    max-width: 1500px;
    overflow: hidden;
    width: 100%;
    height: 150px;
}

.c_brandBan .pic {
    position: absolute;
    right: 0px;
    width: 100%;
    height: 150px;
    display: inline-block;
}

.c_brandBan .banTxt {
    font-size: 32px;
    line-height: 1.3em;
    color: #fff;
    position: absolute;
    top: 0px;
}

.c_brandBan .back {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    display: none;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .c_brandBanBox {
        padding: 0px 20px;
    }
    .c_brandBan .pic {
        width: auto;
    }
    .c_brandBan .back {
        display: inline-block;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .c_brandBox {
        margin-bottom: 45px;
    }
    .c_brandBanBox {
        padding: 0px 0px;
    }
    .c_brandBan .pic {
        width: auto;
    }
    .c_brandBan .back {
        display: inline-block;
    }
}

@media (max-width:767px) {
    /* xs*/
    .c_brandBox {
        margin-bottom: 45px;
    }
    .c_brandBanBox {
        padding: 0px 0px;
    }
    .c_brandBan .pic {
        width: auto;
        margin-right: -270px;
    }
    .c_brandBan .back {
        display: inline-block;
    }
}

/*导航*/

.brandNavBox {
    position: relative;
    height: 80px;
}

.brandNavBox .crumb {
    margin: 15px 0px;
    padding: 13px 0px;
    font-size: 0px;
}

.brandNavBox .crumb .txt {
    font-size: 12px;
    color: #999;
    line-height: 24px;
}

.brandNavBox .crumb .ico i {
    font-size: 12px;
    color: #999;
    margin: 0px 20px;
    line-height: 24px;
}

.brandNavBox .crumb .link {
    width: 100%;
    display: inline-block;
    text-align: right;
}

.brandNavBox .crumb .link i {
    font-size: 16px;
    line-height: 24px;
    color: #6f3a8a;
    margin-right: 8px;
}

.brandNavBox .crumb .link span {
    font-size: 14px;
    line-height: 24px;
    color: #6f3a8a;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .brandNavBox .crumb .ico i {
        margin: 0px 15px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .brandNavBox .crumb .ico i {
        margin: 0px 15px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .brandNavBox {
        height: auto;
    }
    .brandNavBox .crumb.cruBottom {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .brandNavBox .crumb.cruTop {
        margin-top: 0px;
    }
    .brandNavBox .crumb {
        padding: 13px 0px;
    }
    .brandNavBox .crumb .ico i {
        margin: 0px 15px;
    }
    .brandNavBox .crumb .nowrap {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 46%;
        display: inline-block
    }
}

/*列表*/

.brandListBox {}

.brandListBox .cen {
    display: block;
    margin: 0 auto;
    margin-bottom: 60px
}

.brandListBox .row {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.brandListBox .row .hover {
    border-bottom: 1px solid #a98a4b;
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 100%;
    display: none;
}

.brandListBox .row:hover .hover {
    display: inline-block;
    animation: myfirst 0.5s;
    -moz-animation: myfirst 0.5s;
    -webkit-animation: myfirst 0.5s;
    -o-animation: myfirst 0.5s;
}

.brandListBox .row:hover .txtBox .arrow {
    display: inline-block;
}

.brandListBox .row .pic {
    width: 100%;
    display: inline-block;
}

.brandListBox .row .txtBox {
    padding-left: 30px;
}

.brandListBox .row .txtBox .title {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    margin-bottom: 10px;
    display: inline-block;
}

.brandListBox .row .txtBox .title:hover {
    color: #eb6202;
}

.brandListBox .row .txtBox .type {
    font-size: 12px;
    line-height: 1.5em;
    color: #999;
    margin-bottom: 15px;
}

.brandListBox .row .txtBox .time {
    font-size: 14px;
    line-height: 1.3em;
    color: #666;
    font-family: Arial;
}

.brandListBox .row .txtBox .activity {
    font-size: 14px;
    line-height: 1.3em;
    color: #a98a4b;
    position: absolute;
    bottom: 30px;
}

.brandListBox .row .txtBox .arrow {
    background: url(../images/c_brand_arrowright.png) no-repeat;
    width: 48px;
    height: 48px;
    display: none;
    position: absolute;
    bottom: 30px;
    right: 0px;
}

.brandListBox .cui_pager {
    text-align: left;
}

@keyframes myfirst {
    0% {
        width: 50%;
    }
    25% {
        width: 70%;
    }
    50% {
        width: 90%;
    }
    75% {
        width: 95%;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes myfirst {
    /* Firefox */
    0% {
        width: 50%;
    }
    25% {
        width: 70%;
    }
    50% {
        width: 90%;
    }
    75% {
        width: 95%;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes myfirst {
    /* Safari and Chrome */
    0% {
        width: 50%;
    }
    25% {
        width: 70%;
    }
    50% {
        width: 90%;
    }
    75% {
        width: 95%;
    }
    100% {
        width: 100%;
    }
}

@-o-keyframes myfirst {
    /* Opera */
    0% {
        width: 50%;
    }
    25% {
        width: 70%;
    }
    50% {
        width: 90%;
    }
    75% {
        width: 95%;
    }
    100% {
        width: 100%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .brandListBox .row:hover .hover {
        display: none;
    }
    .brandListBox .row:hover .txtBox .arrow {
        display: none;
    }
    .brandListBox .row .txtBox .time {
        margin-bottom: 15px;
    }
    .brandListBox .row .txtBox .activity {
        position: relative;
        bottom: 0px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .brandListBox .cen {
        margin-bottom: 45px
    }
    .brandListBox .row:hover .hover {
        display: none;
    }
    .brandListBox .row:hover .txtBox .arrow {
        display: none;
    }
    .brandListBox .row .txtBox .title {
        font-size: 18px;
        line-height: 1.3em;
    }
    .brandListBox .row .txtBox .time {
        margin-bottom: 15px;
    }
    .brandListBox .row .txtBox .activity {
        position: relative;
        bottom: 0px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .brandListBox .cen {
        margin-bottom: 45px;
    }
    .brandListBox .row:hover .hover {
        display: none;
    }
    .brandListBox .row:hover .txtBox .arrow {
        display: none;
    }
    .brandListBox .row .txtBox {
        padding-left: 0px;
        padding-top: 20px;
    }
    .brandListBox .row .txtBox .title {
        font-size: 18px;
        line-height: 1.3em;
    }
    .brandListBox .row .txtBox .time {
        margin-bottom: 15px;
    }
    .brandListBox .row .txtBox .activity {
        position: relative;
        bottom: 0px;
    }
}

/*新闻详情*/

.newDetail {}

.newDetail .cen {
    display: block;
    margin: 0 auto;
}

.newDetail .dtlBox {
    width: 100%;
    margin-bottom: 45px;
    text-align: center;
}

.newDetail .dtlBox .title {
    font-size: 32px;
    line-height: 1.3em;
    color: #333;
}

.newDetail .dtlBox .title span {
    margin: 4px 0px 4px 15px;
    padding: 0px 20px;
    line-height: 32px;
    height: 32px;
    background: #eb6202;
    color: #fff;
    font-size: 14px;
    display: inline-block;
}

.newDetail .dtlBox .share {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin: 20px 0px 45px 0px;
    text-align: center;
}

/* .newDetail .dtlBox .share .icon{display: inline-block;} */

.newDetail .dtlBox .share a {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
}

.newDetail .dtlBox .share a span {
    text-align: center;
    font-family: "iconfont";
    font-size: 24px;
    color: #ccc;
    float: none;
    display: inline-block !important;
    padding: 0 !important;
    width: 24px;
    height: 24px !important;
    line-height: 24px !important;
    margin: 0 !important;
    background: #fff;
}

.newDetail .dtlBox .share a.shareBtn_sinaAct span:after {
    content: "\e63c";
}

.newDetail .dtlBox .share a.shareBtn_wechatAct span:after {
    content: "\e63d";
}

.newDetail .dtlBox .share a.shareBtn_sinaAct:hover span {
    color: #da251c;
}

.newDetail .dtlBox .share a.shareBtn_wechatAct:hover span {
    color: #0fcb19;
}

.newDetail .dtlBox .share .line {
    margin: 0px 30px;
    display: inline-block;
    color: #eee;
    height: 24px;
    line-height: 24px;
    border-left: 1px solid #eee;
	    width: 0;
	    position: inherit;
}

.newDetail .dtlBox .share .time {
    font-size: 18px;
    line-height: 24px;
    color: #999;
}

/*yzy-add*/

.newDetail .dtlBox .share .share_btn {
    display: inline-block !important;
}

.newDetail .dtlBox .share .share_btn .shareBtn {
    float: none !important;
}

.newDetail .dtlBox .share span {
    float: none !important;
}

/*yzy-add-end*/

.newDetail .dtlBox .type {
    font-size: 16px;
    line-height: 1.75em;
    color: #666;
    margin-bottom: 20px;
    text-align: left;
}

.newDetail .dtlBox .type a {
    margin: 0px 5px;
}

.newDetail .dtlBox .pic {
    width: 100%;
    display: inline-block;
    margin: 10px 0px 30px 0px;
}

.newDetail .dtlBox .pic img {
    width: 100%;
    display: inline-block;
}

.newDetail .dtlBox p,
.newDetail .dtlBox div {
    font-size: 16px;
    line-height: 1.75em;
    color: #666;
    margin-bottom: 20px;
    text-align: left;
}

.newDetail .dtlBox p a,
.newDetail .dtlBox div a {
    margin: 0px 5px;
    color: #eb6202;
}

/*.newDetail .dtlBox p img,.newDetail .dtlBox div img{width: 100%; display: inline-block; margin: 10px 0px 30px 0px; max-height: 550px!important;}*/

.newDetail .dtlBox p img,
.newDetail .dtlBox div img {
   /* width: auto !important; */
    max-width: 100% !important;
    display: block !important;
    margin: 10px auto 30px auto !important;
    height: auto;
	/* width:100%;
	height:100%; */
   /*  max-height: 550px !important; */
}

#jiathis_weixin_h3 {
    font-size: 14px;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .newDetail .dtlBox {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    /* xs*/
    .newDetail .dtlBox {
        margin-bottom: 30px
    }
    .newDetail .dtlBox .title {
        font-size: 24px;
        position: relative;
        padding-bottom: 42px;
    }
    .newDetail .dtlBox .title span {
        margin: 0px 0px;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }
    .newDetail .dtlBox .share {
        margin-bottom: 30px;
        font-size: 12px;
    }
    .newDetail .dtlBox .share .line {
        margin: 0px 10px;
    }
    .newDetail .dtlBox .share .time {
        font-size: 16px;
    }
    .newDetail .dtlBox .type {
        font-size: 14px;
    }
    #jiathis_weixin_modal {
        width: 300px !important;
        margin: -200px 0px 0px -150px !important;
    }
    .newDetail .dtlBox p a,
    .newDetail .dtlBox div a {
        margin: 0px 2px;
    }
}

/*相关活动*/

.titBox h1.title {
    line-height: .5em;
    height: .5em;
    border-bottom: 1px solid #eee;
    font-size: 28px;
    position: relative;
    margin-bottom: 2.142857em;
    text-align: center;
}

.titBox h1.title span {
    background: #fff;
    display: inline-block;
    padding: 0px 60px;
    color: #333;
    height: 1em;
    line-height: 1em;
    text-align: center;
}

.activityBox {
    border: 1px solid #eee;
    width: 100%;
    margin-bottom: 75px;
}

.activityBox .picBox {
    background: #f8f8f8;
    text-align: center;
    margin: 0px auto;
}

.activityBox .pic {
    width: auto;
    height: 100%;
}

.activityBox .txtBox {
    width: 100%;
    height: 301px;
    padding: 0px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.activityBox .txtBox .title {
    font-size: 24px;
    line-height: 1.3em;
    color: #333;
    padding-top: 40px;
}

.activityBox .txtBox .type {
    font-size: 14px;
    line-height: 21px;
    color: #999;
    margin-top: 15px;
}

.activityBox .txtBox .time {
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #eee;
    padding: 15px 0px;
    width: 89%\9;
    width: -moz-calc(100% - (30px + 30px));
    width: -webkit-calc(100% - (30px + 30px));
    width: calc(100% - (30px + 30px));
    font-size: 0px;
}

.activityBox .txtBox .time .txt {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.activityBox .txtBox .time .label {
    height: 24px;
    line-height: 24px;
    width: 67px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #eb6202;
    text-align: center;
    margin-left: 15px;
}

.activityBox .txtBox .time .label.ongoing {
    background: #6f3a8a;
}

.activityBox .txtBox .time .label.end {
    background: #eee;
}

.activityBox .txtBox .time .link {
    line-height: 24px;
    font-size: 14px;
    color: #6f3a8a;
    float: right;
}

.pieceBox {
    border-top: 1px solid #eee;
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    margin-bottom: 60px;
}

.pieceBox .txt {
    font-size: 14px;
    line-height: 1.3em;
    color: #666;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pieceBox .txt span {
    color: #eb6202;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .activityBox .txtBox {
        height: 248px;
    }
    .activityBox .txtBox .title {
        font-size: 18px;
    }
    .activityBox .txtBox .type {
        font-size: 12px;
        margin-top: 10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .activityBox {
        margin-bottom: 60px;
    }
    .activityBox .txtBox {
        height: auto;
    }
    .activityBox .txtBox .title {
        padding-top: 30px;
    }
    .activityBox .txtBox .time {
        position: relative;
        width: -moz-calc(100% + (30px + 30px));
        width: -webkit-calc(100% + (30px + 30px));
        width: calc(100% + (30px + 30px));
        margin-top: 30px;
        left: -30px;
        padding: 15px 30px;
        box-sizing: border-box;
    }
    .pieceBox {
        margin-bottom: 45px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .titBox h1.title {
        font-size: 24px;
    }
    .titBox h1.title span {
        padding: 0px 45px;
    }
    .activityBox {
        margin-bottom: 60px;
    }
    .activityBox .txtBox {
        height: auto;
        padding: 0px 20px;
    }
    .activityBox .txtBox .title {
        padding-top: 20px;
        font-size: 16px;
        text-align: center;
    }
    .activityBox .txtBox .type {
        margin-top: 10px;
        font-size: 12px;
    }
    .activityBox .txtBox .time {
        position: relative;
        width: -moz-calc(100% + (20px + 20px));
        width: -webkit-calc(100% + (20px + 20px));
        width: calc(100% + (20px + 20px));
        margin-top: 20px;
        left: -20px;
        padding: 15px 20px;
        box-sizing: border-box;
    }
    .activityBox .txtBox .time .txt {
        font-size: 12px;
    }
    .activityBox .txtBox .time .link {
        font-size: 12px;
    }
    .pieceBox {
        margin-bottom: 45px;
    }
    .pieceBox .txt {
        color: #eb6202;
    }
    .pieceBox .txt span {
        display: none;
    }
}

/*相关产品*/

.productBox {
    width: 100%;
    margin-bottom: 60px;
}

.productBox ul {
    width: 1170px;
    left: -15px;
    position: relative;
    text-align: center;
}

.productBox ul li {
    padding: 0px 15px;
    font-size: 0;
}

.productBox ul li .img {
    width: 170px;
    height: 170px;
    display: inline-block;
    float: left
}

.productBox ul li .img img {
    width: 100%
}

.productBox ul li .o_table {
    height: 170px;
    font-size: 12px;
    width: 189px;
    padding-left: 30px;
    box-sizing: border-box;
}

.productBox ul li .o_table .o_cell {
    text-align: left;
    width: 100%
}

.productBox ul li .o_table h2 {
    font-size: 18px;
    line-height: 1.1em;
    height: 1.1em;
    margin-bottom: 10px;
    width: 159px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.productBox ul li .o_table .xh {
    line-height: 1.1em;
    margin-bottom: 20px;
    height: 1.1em
}

.productBox ul li .o_table .jg {
    line-height: 1.1em;
    height: 1.1em
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .productBox ul {
        width: 970px
    }
    .productBox ul li .img {
        width: 130px
    }
    .productBox ul li .o_table {
        width: 162px;
        height: 130px
    }
    .productBox ul li .o_table h2 {
        font-size: 16px;
        width: 132px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .productBox {
        margin-bottom: 45px;
    }
    .productBox ul {
        width: 750px
    }
    .productBox ul li .img {
        width: 160px
    }
    .productBox ul li .o_table {
        width: 184px;
        height: 160px
    }
    .productBox ul li .o_table h2 {
        width: 154px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .productBox {
        margin-bottom: 15px;
    }
    .productBox ul {
        width: 100%;
        left: 0;
        text-align: left;
    }
    .productBox ul li {
        padding: 0;
        margin-bottom: 30px
    }
    .productBox ul li .img {
        width: 50%
    }
    .productBox ul li .img img {
        width: calc(100% - 15px)
    }
    .productBox ul li .o_table {
        width: 50%;
        height: 160px;
        padding-left: 15px;
        text-align: left
    }
    .productBox ul li .o_table h2 {
        font-size: 16px;
        width: 130px;
    }
}

/*品牌首页banner*/

.brandBox {
    position: relative;
}

.brandBan {
    position: relative;
    margin: 0 auto;
    max-width: 1500px;
    overflow: hidden;
    width: 100%;
    height: 600px;
}

/*.brandBan .picBox video{display: none;}*/

/*.brandBan .picBox{height: 600px;}*/

.brandBan .picBox .pic {
    width: 1540px;
    height: 600px;
    display: inline-block;
}

.brandBan .txtBox {
    position: absolute;
    top: 0px;
}

.brandBan .txtBox img {
    width: 585px;
    display: inline-block;
    margin-bottom: 25px;
}

.brandBan .txtBox .row {
    cursor: pointer;
}

.brandBan .txtBox .row .c_play {
    background: url(c_play.png);
    width: 48px;
    height: 48px;
    display: inline-block;
}

.brandBan .txtBox .row span {
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    margin-left: 20px;
}

.brandBox_con {
    position: relative;
    margin: 0 auto;
    max-width: 1500px;
    overflow: hidden;
    width: 100%;
}

.brandBox_con .contxt {
    margin: 45px 0px;
    text-align: center;
}

.brandBox_con .contxt .title {
    font-size: 18px;
    line-height: 1.75em;
    color: #333;
}

.brandBox_con .contxt .name {
    font-size: 18px;
    line-height: 1.75em;
    color: #ccc;
    margin-bottom: 15px;
}

.brandBox_con .contxt .name span {
    color: #666;
}

.brandBox_con .contxt .name span.gold {
    color: #eb6202;
}

.brandBox_con .contxt .type {
    font-size: 12px;
    color: #999;
    line-height: 1.5em;
}

.brandBox_show {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 60px;
}

.brandBox_show li img {
    width: 100%;
    display: inline-block;
}

.brandBox_show li .row {
    width: 65%;
    margin: 0px auto;
    height: 379px;
}

.brandBox_show li .row .title {
    font-size: 32px;
    line-height: 1.3em;
    color: #333;
    margin-bottom: 15px;
}

.brandBox_show li .row .name {
    font-size: 18px;
    line-height: 1.3em;
    color: #a98a4b;
    margin-bottom: 10px;
}

.brandBox_show li .row .type {
    font-size: 12px;
    line-height: 1.5em;
    color: #999;
}

@-moz-document url-prefix() {
    .brandBox_show .o_table {
        display: table;
    }
    .brandBox_show .o_cell {
        margin: 0px 0px;
        display: table-cell;
    }
}

#mep_0 {
    width: 100% !important\9;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .brandBan {
        height: 450px;
    }
    /*.brandBan .picBox{height: 450px;}*/
    .brandBan .picBox .pic {
        height: 450px;
        width: auto;
    }
    .brandBox_show li .row {
        height: 279px;
    }
    .brandBox_show li .row .title {
        font-size: 24px;
    }
    .brandBox_show li .row .name {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .brandBan {
        height: 450px;
    }
    /*.brandBan .picBox{height: 450px;}*/
    .brandBan .picBox .pic {
        height: 450px;
        width: auto;
    }
    .brandBan .txtBox img {
        width: 500px;
    }
    .brandBox_con .contxt .title {
        font-size: 16px;
    }
    .brandBox_show {
        margin-bottom: 45px;
        padding-top: 45px;
    }
    .brandBox_show li .pic {
        width: 90%;
        margin: 0px auto;
    }
    .brandBox_show li .row {
        height: auto !important;
        width: 70%;
        padding: 40px 0px 60px 0px;
    }
    .brandBox_show li .row .title {
        font-size: 24px;
    }
    .brandBox_show li .row .name {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .brandBan {
        height: 300px;
    }
    /*.brandBan .picBox{height: 300px;}*/
    .brandBan .picBox .pic {
        height: 300px;
        width: auto;
    }
    .brandBan .picBox video {
        height: 300px !important;
    }
    /*#mep_0,#mep_0 .mejs-overlay-play{height: 300px!important;}*/
    .brandBan .txtBox img {
        width: 66.66666667%;
        margin-bottom: 20px;
    }
    .brandBan .txtBox .row span {
        margin-left: 10px;
        font-size: 16px;
        line-height: 32px;
    }
    .brandBan .txtBox .row .c_play {
        width: 32px;
        height: 32px;
        background-size: 100%;
    }
    .brandBox_con .contxt {
        margin: 40px 0px 50px;
        padding: 0px 15px;
    }
    .brandBox_con .contxt .title {
        font-size: 14px;
    }
    .brandBox_show {
        margin-bottom: 45px;
    }
    .brandBox_show li .pic {
        width: 100%;
        margin: 0px auto;
    }
    .brandBox_show li .row {
        height: auto !important;
        width: 100%;
        padding: 30px 15px 40px 15px;
    }
    .brandBox_show li .row .title {
        font-size: 18px;
    }
    .brandBox_show li .row .name {
        font-size: 14px;
    }
}

/*.brandBan .picBox video{width: 100%;height: 600px;}*/

/*#mep_0 div video{width: 100%;height: 600px;}*/

/*.brandBan .picBox .mejs-overlay-button{background: url(c_play.png) no-repeat;width: 48px;height: 48px;}*/

/*演绎更多精彩*/

.moreBrilliant {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 60px;
    padding-bottom: 60px;
}

.moreBrilliant .title {
    font-size: 32px;
    line-height: 1.3em;
    color: #333;
    margin-bottom: 10px;
}

.moreBrilliant .type {
    font-size: 14px;
    line-height: 1.3em;
    color: #999;
    margin-bottom: 30px;
}

.moreBrilliant ul {
    width: 1170px;
    left: -15px;
    position: relative;
    text-align: center;
}

.moreBrilliant ul li {
    padding: 0px 15px;
    font-size: 0;
}

.moreBrilliant ul li .row {
    width: 100%;
    text-align: center;
}

.moreBrilliant ul li .row img {
    width: 100%;
    display: inline-block;
}

.moreBrilliant ul li .row .name {
    margin: 15px 0px;
    font-size: 14px;
    line-height: 1.3em;
    color: #666;
}

.moreBrilliant ul li .row a {
    width: 120px;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .moreBrilliant ul {
        width: 970px
    }
    .moreBrilliant ul li .row .name {
        font-size: 12px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .moreBrilliant {
        padding-bottom: 30px;
    }
    .moreBrilliant ul {
        width: 750px;
    }
    .moreBrilliant ul li .row {
        margin-bottom: 30px;
    }
    .moreBrilliant ul li .row .name {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .moreBrilliant {
        padding-bottom: 30px;
    }
    .moreBrilliant .title {
        font-size: 28px;
    }
    .moreBrilliant ul {
        width: 100%;
        left: 0px;
    }
    .moreBrilliant ul li {
        padding: 0px 0px;
    }
    .moreBrilliant ul li .row {
        margin-bottom: 30px;
    }
}

/*首页轮播图*/

.brand_turnBan {
    width: 100%;
    margin-bottom: 60px;
    position: relative;
}

.brand_turnBan .btn_per {
    position: absolute;
    top: 50%;
    left: 0px;
    font-family: "iconfont";
    font-size: 0px;
    cursor: pointer;
    z-index: 1;
    background: #fff;
    width: 48px;
    height: 48px !important;
    margin-top: -24px;
    line-height: 48px !important;
}

.brand_turnBan .btn_next {
    position: absolute;
    top: 50%;
    right: 0px;
    font-family: "iconfont";
    font-size: 0px;
    cursor: pointer;
    z-index: 1;
    background: #fff;
    width: 48px;
    height: 48px !important;
    margin-top: -24px;
    line-height: 48px !important;
}

.brand_turnBan .btn_per:after {
    content: "\e60b";
    display: inline-block;
    font-size: 48px;
    color: #000;
}

.brand_turnBan .btn_next:after {
    content: "\e60c";
    display: inline-block;
    font-size: 48px;
    color: #000;
}

.brand_turnBan .showbox {
    overflow: hidden;
    padding-bottom: 30px;
}

.brand_turnBan .showbox li {
    position: relative;
    text-align: center;
}

.brand_turnBan .showbox li .row {
    position: relative;
}

.brand_turnBan .showbox li .pic {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
}

.brand_turnBan .showbox li .pic i {
    background: url(c_brand_head_back.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.brand_turnBan .showbox li .pic img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

.brand_turnBan .showbox li h2 {
    font-size: 24px;
    line-height: 1.3em;
    color: #333;
    margin-bottom: 20px;
    white-space: pre-wrap;
}

.brand_turnBan .showbox li .name {
    font-size: 12px;
    line-height: 1.3em;
    color: #999;
    margin-bottom: 10px;
}

.brand_turnBan .showbox li .type {
    font-size: 14px;
    line-height: 1.3em;
    color: #666;
    margin-bottom: 15px;
}

.brand_turnBan .showbox li .o_linebtn1 {
    width: 120px;
}

.brand_turnBan .showbox .quotes {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 125px;
}

.brand_turnBan .showbox .quotes img {
    width: 100%;
}

.brand_turnBan .showbox .quotes_l {
    left: -18px;
}

.brand_turnBan .showbox .quotes_r {
    right: -18px;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .brand_turnBan {
        margin-bottom: 45px;
    }
    .brand_turnBan .showbox li h2 {
        font-size: 18px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .brand_turnBan {
        margin-bottom: 45px;
    }
    .brand_turnBan .btn_next,
    .brand_turnBan .btn_per {
        text-align: center;
    }
    .brand_turnBan .btn_per:after {
        font-size: 24px;
    }
    .brand_turnBan .btn_next:after {
        font-size: 24px;
    }
    .brand_turnBan .showbox li h2 {
        font-size: 14px;
        line-height: 21px;
    }
}

/*底部banner*/

.footBan {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.footBan img {
    width: 2000px;
    height: 300px;
}

.footBan .txtBox {
    position: absolute;
    top: 0px;
    height: 300px;
}

.footBan .txtBox .row {
    float: right;
}

.footBan .txtBox .row .title {
    font-size: 32px;
    line-height: 1.3em;
    color: #fff;
    margin-bottom: 15px;
}

.footBan .txtBox .row .type span {
    font-size: 18px;
    line-height: 16px;
    color: #a78847;
}

.footBan .txtBox .row .type i {
    margin-left: 10px;
    font-size: 16px;
    color: #a78847;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .footBan img {
        height: 250px;
        width: auto;
    }
    .footBan .txtBox {
        height: 250px;
    }
    .footBan .txtBox .row .type i {
        margin-left: 8px;
    }
}

@media (max-width:767px) {
    /* xs*/
    .footBan img {
        height: 200px;
        width: auto;
    }
    .footBan .txtBox {
        height: 200px;
    }
    .footBan .txtBox .row .title {
        font-size: 24px;
    }
    .footBan .txtBox .row .type span {
        font-size: 16px;
    }
    .footBan .txtBox .row .type i {
        margin-left: 8px;
    }
}

/*细品卡萨帝人生*/

.fineLife {
    position: relative;
    margin-bottom: 60px;
}

.fineLife h1.tit {
    height: 15px;
    border-bottom: 1px solid #eee;
    text-align: center;
    margin: 60px 0;
}

.fineLife h1.tit span {
    padding: 0 60px;
    background: white;
    font-size: 28px;
    line-height: 30px
}

.fineLife {
    position: relative
}

.fineLife .bannerbox {
    position: relative;
    height: 570px;
}

.bannerBig {
    margin-bottom: 30px
}

.bannerBig .showbox {
    overflow: hidden
}

.bannerBig ul {
    white-space: nowrap
}

.bannerBig ul li {
    display: inline-block;
    position: relative
}

.bannerBig ul li .zz {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bannerBig ul li img {
    width: 100%;
    position: relative
}

.bannerBig ul li .infobox {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -32px;
    width: 64px;
    height: 570px;
    white-space: normal;
    color: white;
}

.bannerBig ul li .infobox .o_cell {}

.bannerBig ul li .infobox h2 {
    color: white;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 1.3em
}

.bannerBig ul li .infobox p {
    font-size: 14px;
    line-height: 1.75em;
    margin-bottom: 20px;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.bannerBig ul li .infobox .btn img {
    width: 64px;
    height: 64px;
}

.bannerBig ul li .infobox .btn {
    font-size: 16px;
    line-height: 48px
}

.bannerBig ul li .txtbox {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 370px;
    white-space: normal;
}

.bannerBig ul li .txtbox p,
.bannerBig ul li .txtbox {
    font-size: 16px;
    line-height: 1.3em;
    color: #fff;
    display: block;
}

.bannerBig .btn_next,
.bannerBig .btn_per {
    position: absolute
}

.bannerListbox {
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-align: right;
}

.bannerList {
    position: relative;
}

.bannerList .showbox {
    width: 390px;
    display: inline-block
}

.bannerList ul {
    white-space: nowrap;
    text-align: right
}

.bannerList ul li img {
    width: 100%;
    position: relative
}

.bannerList ul li {
    dispaly: inline-block;
}

.bannerList ul li .box {
    padding: 2px;
    background: white;
    margin: 0 5px;
    position: relative;
    cursor: pointer
}

.bannerList ul li .box .s {
    position: relative
}

.bannerList ul li .box i {
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 1;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.bannerList ul li.cur .box i {
    display: none
}

.bannerList ul li .box div {
    overflow: hidden
}

.bannerList .btn_next,
.bannerList .btn_per {
    position: relative;
    background: url("null.png");
    display: inline-block
}

.bannerList .btn_per {
    font-family: "iconfont";
    /*left:-57px;width:32px;*/
    width: 62px;
    cursor: pointer;
    color: white;
    line-height: 62px !important
}

.bannerList .btn_next {
    font-family: "iconfont";
    /*right:-57px;width:32px;*/
    width: 62px;
    cursor: pointer;
    color: white;
    background: url(null.png);
    line-height: 62px !important;
    float: right;
	right:0;
}

.bannerList .btn_per:after {
    content: "\e60b";
    font-size: 32px;
    float: left
}

.bannerList .btn_next:after {
    content: "\e60c";
    font-size: 32px;
    float: right
}

@media (min-width:992px) and (max-width:1199px) {
    /*md */
    .fineLife .bannerbox {
        height: 470px;
    }
    .bannerBig ul li .infobox {
        height: 470px
    }
    .bannerBig ul li .txtbox {
        width: 300px;
    }
    .bannerBig ul li .infobox .btn img {
        width: 64px;
        height: 64px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .fineLife .bannerbox {
        height: 360px;
    }
    .bannerListbox {
        bottom: 20px;
        right: 20px
    }
    .bannerList {}
    .bannerList .showbox {
        width: 260px;
    }
    .bannerBig ul li .infobox {
        height: 360px
    }
    .bannerBig ul li .infobox .btn {
        font-size: 14px
    }
    .bannerBig ul li .infobox .btn img {
        width: 64px;
        height: 64px;
    }
    .bannerBig ul li .txtbox {
        left: 20px;
        bottom: 20px;
        width: 280px;
    }
    .bannerBig ul li .txtbox p {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    .fineLife .bannerbox {
        height: auto;
    }
    /*xs */
    .fineLife h1.tit span {
        font-size: 24px
    }
    .bannerBig {
        overflow: hidden
    }
    .bannerBig .showbox {
        height: auto
    }
    .bannerBig .btn_next,
    .bannerBig .btn_per {
        width: 50px;
        color: white;
        font-family: "iconfont";
        z-index: 1;
        text-align: center
    }
    .bannerBig .btn_next {
        right: 0;
        /*background: -ms-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.2)); !* IE 10 *!
        background:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2)); !*火狐*!
        background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(rgba(0,0,0,0)), to(rgba(0,0,0,0.2))); !*谷歌*!
        background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.2))); !* Safari 4-5, Chrome 1-9*!
        background: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.2));   !*Safari5.1 Chrome 10+*!
        background: -o-linear-gradient(left,rgba(0,0,0,0), rgba(0,0,0,0.2));  !*Opera 11.10+*!*/
    }
    .bannerBig .btn_per {
        left: 0;
        /*background: -ms-linear-gradient(left, rgba(0,0,0,0.2),rgba(0,0,0,0)); !* IE 10 *!
        background:-moz-linear-gradient(left,rgba(0,0,0,0.2),rgba(0,0,0,0)); !*火狐*!
        background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0))); !*谷歌*!
        background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0))); !* Safari 4-5, Chrome 1-9*!
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.2),rgba(0,0,0,0));   !*Safari5.1 Chrome 10+*!
        background: -o-linear-gradient(left,rgba(0,0,0,0.2), rgba(0,0,0,0));  !*Opera 11.10+*!*/
    }
    .bannerBig .btn_next:after {
        content: "\e60c";
        font-size: 32px;
        position: relative;
    }
    .bannerBig .btn_per:after {
        content: "\e60b";
        font-size: 32px;
        position: relative;
    }
    .bannerBig ul li {
        height: auto !important;
        white-space: normal
    }
    .bannerBig ul li .zz {
        top: 0px;
        height: 192px;
    }
    .bannerBig ul li .infobox {
        height: 192px;
        margin-left: -24px;
        width: 48px;
    }
    .bannerBig ul li .infobox .o_cell {
        text-align: center;
        color: #333
    }
    .bannerBig ul li .infobox .btn {
        font-size: 14px;
    }
    .bannerBig ul li .infobox .btn img {
        width: 48px;
        height: 48px;
    }
    .bannerBig ul li .txtbox {
        position: static;
        left: 0px;
        bottom: 0px;
        margin-top: 20px;
        width: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .bannerBig ul li .txtbox p {
        font-size: 14px;
        color: #666;
        text-align: center;
    }
}

/*banner视频*/

.brandBan .picBox video {
    display: block;
    background: #333;
    height: 600px !important;
}

.brandBan .picBox .mejs-video .me-plugin object {
    width: 100% !important;
}

.brandBan .picBox .mejs-container,
.brandBan .picBox .mejs-layers .mejs-overlay,
.brandBan .picBox .mejs-overlay-play {
    height: 600px !important;
}

.brandBan .picBox .mejs-container.mejs-container-fullscreen {
    height: 100% !important;
}

.brandBan .picBox .mejs-container .mejs-controls {
    padding-left: 37%;
}

.brandBan .picBox .mejs-layers .mejs-layer:first-child {
    display: none !important;
}

.brandBan .picBox .mejs-overlay-play {
    display: none;
}

.brandBan .picBox .mejs-controls div.mejs-time-rail {
    width: 200px !important;
}

.brandBan .picBox .mejs-controls .mejs-time-rail .mejs-time-total {
    width: 170px !important;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .brandBan .picBox video {
        height: 450px !important;
        width: 100%;
    }
    .brandBan .picBox .mejs-container .mejs-controls {
        padding-left: 0%;
    }
    .brandBan .picBox .mejs-container,
    .brandBan .picBox .mejs-layers .mejs-overlay,
    .brandBan .picBox .mejs-overlay-play {
        width: 100% !important;
        height: 450px !important;
    }
    .brandBan .picBox .mejs-layers .mejs-layer:first-child {
        display: none;
    }
    .brandBan .picBox .mejs-controls div.mejs-time-rail {
        width: -moz-calc(100% - (26px + 50px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px) * 2) !important;
        width: calc(100% - (26px + 50px) * 2) !important;
    }
    .brandBan .picBox .mejs-controls .mejs-time-rail .mejs-time-total {
        width: -moz-calc(100% - (26px + 50px + 15px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px + 15px) * 2) !important;
        width: calc(100% - (26px + 50px + 15px) * 2) !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .brandBan .picBox video {
        height: 450px !important;
        width: 100%;
    }
    .brandBan .picBox .mejs-container .mejs-controls {
        padding-left: 0%;
    }
    .brandBan .picBox .mejs-container,
    .brandBan .picBox .mejs-layers .mejs-overlay,
    .brandBan .picBox .mejs-overlay-play {
        width: 100% !important;
        height: 450px !important;
    }
    .brandBan .picBox .mejs-layers .mejs-layer:first-child {
        height: 450px !important;
    }
    .brandBan .picBox .mejs-layers .mejs-layer:first-child img {
        margin-left: 0px !important;
    }
    .brandBan .picBox .mejs-controls div.mejs-time-rail {
        width: -moz-calc(100% - (26px + 50px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px) * 2) !important;
        width: calc(100% - (26px + 50px) * 2) !important;
    }
    .brandBan .picBox .mejs-controls .mejs-time-rail .mejs-time-total {
        width: -moz-calc(100% - (26px + 50px + 15px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px + 15px) * 2) !important;
        width: calc(100% - (26px + 50px + 15px) * 2) !important;
    }
}

@media (max-width:767px) {
    /* xs*/
    .brandBan .picBox video {
        height: 300px !important;
        width: 100%;
    }
    .brandBan .picBox .mejs-container .mejs-controls {
        padding-left: 0%;
    }
    .brandBan .picBox .mejs-container,
    .brandBan .picBox .mejs-layers .mejs-overlay,
    .brandBan .picBox .mejs-overlay-play {
        width: 100% !important;
        height: 300px !important;
    }
    .brandBan .picBox .mejs-layers .mejs-layer:first-child {
        height: 300px !important;
        ;
    }
    .brandBan .picBox .mejs-layers .mejs-layer:first-child img {
        margin-left: 0px !important;
    }
    .brandBan .picBox .mejs-controls div.mejs-time-rail {
        width: -moz-calc(100% - (26px + 50px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px) * 2) !important;
        width: calc(100% - (26px + 50px) * 2) !important;
    }
    .brandBan .picBox .mejs-controls .mejs-time-rail .mejs-time-total {
        width: -moz-calc(100% - (26px + 50px + 15px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px + 15px) * 2) !important;
        width: calc(100% - (26px + 50px + 15px) * 2) !important;
    }
}

/*轮播视频*/

.bannerBig ul li video {
    height: 570px !important;
    width: 100%;
    display: block;
    background: #333;
}

.bannerBig ul li .mejs-container.mejs-container-fullscreen {
    height: 100% !important;
}

.bannerBig ul li .mejs-container {
    background: #333 !important;
}

.bannerBig ul li .mejs-container,
.bannerBig ul li .mejs-layers .mejs-overlay,
.bannerBig ul li .mejs-overlay-play {
    height: 570px !important;
    width: 100% !important;
}

.bannerBig ul li .mejs-container .mejs-controls {
    padding-left: 15%;
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
    .bannerBig ul li video,
    .bannerBig ul li .mejs-container,
    .bannerBig ul li .mejs-layers .mejs-overlay,
    .bannerBig ul li .mejs-overlay-play {
        height: 470px !important;
    }
    .bannerBig ul li .mejs-controls div.mejs-time-rail {
        width: -moz-calc(100% - (26px + 50px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px) * 2) !important;
        width: calc(100% - (26px + 50px) * 2) !important;
    }
    .bannerBig ul li .mejs-controls .mejs-time-rail .mejs-time-total {
        width: -moz-calc(100% - (26px + 50px + 15px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px + 15px) * 2) !important;
        width: calc(100% - (26px + 50px + 15px) * 2) !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
    .bannerBig ul li video,
    .bannerBig ul li .mejs-container,
    .bannerBig ul li .mejs-layers .mejs-overlay,
    .bannerBig ul li .mejs-overlay-play {
        height: 360px !important;
    }
    .bannerBig ul li .mejs-controls div.mejs-time-rail {
        width: -moz-calc(100% - (26px + 50px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px) * 2) !important;
        width: calc(100% - (26px + 50px) * 2) !important;
    }
    .bannerBig ul li .mejs-controls .mejs-time-rail .mejs-time-total {
        width: -moz-calc(100% - (26px + 50px + 15px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px + 15px) * 2) !important;
        width: calc(100% - (26px + 50px + 15px) * 2) !important;
    }
}

@media (max-width:767px) {
    /* xs*/
    .bannerBig ul li video {
        z-index: 9
    }
    .bannerBig ul li video,
    .bannerBig ul li .mejs-container,
    .bannerBig ul li .mejs-layers .mejs-overlay,
    .bannerBig ul li .mejs-overlay-play {
        height: 300px !important;
    }
    .bannerBig ul li .mejs-controls div.mejs-time-rail {
        width: -moz-calc(100% - (26px + 50px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px) * 2) !important;
        width: calc(100% - (26px + 50px) * 2) !important;
    }
    .bannerBig ul li .mejs-controls .mejs-time-rail .mejs-time-total {
        width: -moz-calc(100% - (26px + 50px + 15px)*2) !important;
        width: -webkit-calc(100% - (26px + 50px + 15px) * 2) !important;
        width: calc(100% - (26px + 50px + 15px) * 2) !important;
    }
}

@media (max-width:650px) {
    /* xs*/
    .bannerBig ul li video,
    .bannerBig ul li .mejs-container,
    .bannerBig ul li .mejs-layers .mejs-overlay,
    .bannerBig ul li .mejs-overlay-play {
        height: 310px !important;
    }
}

@media (max-width:550px) {
    /* xs*/
    .bannerBig ul li video,
    .bannerBig ul li .mejs-container,
    .bannerBig ul li .mejs-layers .mejs-overlay,
    .bannerBig ul li .mejs-overlay-play {
        height: 260px !important;
    }
}

@media (max-width:450px) {
    /* xs*/
    .bannerBig ul li video,
    .bannerBig ul li .mejs-container,
    .bannerBig ul li .mejs-layers .mejs-overlay,
    .bannerBig ul li .mejs-overlay-play {
        height: 210px !important;
    }
}

@media (max-width:350px) {
    /* xs*/
    .bannerBig ul li video,
    .bannerBig ul li .mejs-container,
    .bannerBig ul li .mejs-layers .mejs-overlay,
    .bannerBig ul li .mejs-overlay-play {
        height: 150px !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    /* md*/
}

@media (min-width:768px) and (max-width:991px) {
    /* sm*/
}

@media (max-width:767px) {
    /* xs*/
}

/*了解品牌动画*/

/* 轮播 */

.bannerbox {
    box-sizing: content-box;
    padding: 0 30px
}

.indexBanner {
    position: relative;
    font-size: 0
}

.indexBanner .showbox {
    overflow: hidden;
    width: 100% !important
}

.indexBanner .cont {
    font-size: 0;
    -webkit-text-size-adjust: none;
    white-space: nowrap;
    display: block;
    width: 100%
}

.indexBanner .cont li {
    display: inline-block;
    position: relative;
    width: 100%;
	overflow: hidden;
}

.indexBanner .cont li img {
    width: 100%
}

.indexBanner .cont li .text {
    position: absolute;
    bottom: 45px;
    padding: 0 40px;
    color: white;
    left: 0;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.indexBanner .cont li .text h2 {
    font-size: 32px;
    line-height: 1.1em;
    margin-bottom: 10px;
    color: white;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.indexBanner .cont li .text p {
    font-size: 18px;
    line-height: 1.1em;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.indexBanner .cont li .text.black h2,
.indexBanner .cont li .text.black p {
    color: #000
}

.indexBanner .bannerpager {
    position: absolute;
    z-index: 20;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 1;
    font-size: 0
}

.indexBanner .bannerpager li {
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #999;
    margin: 0 5px;
    opacity: 1;
    border: 3px solid #d6d6d6;
}

.indexBanner .bannerpager li.cur {
    background: black;
    border-color: white
}

.indexBanner .btn_per {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    text-align: center;
    cursor: pointer;
    background: url(http://image.casarte.com/casarte/images/null.png);
    z-index: 1;
    font-family: "iconfont";
    color: white;
    font: 0
}

.indexBanner .btn_per:after {
    content: "\e60b";
    display: none;
    font-size: 64px;
    position: absolute;
    left: 30px
}

.indexBanner .btn_next {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    text-align: center;
    cursor: pointer;
    background: url(http://image.casarte.com/casarte/images/null.png);
    z-index: 1;
    font-family: "iconfont";
    color: white;
    font: 0
}

.indexBanner .btn_next:after {
    content: "\e60c";
    display: none;
    font-size: 64px;
    position: absolute;
    right: 30px
}

.indexBanner .btn_per:hover {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#33000000, endColorStr=#00000000);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}

.indexBanner .btn_next:hover {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#00000000, endColorStr=#33000000);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

.indexBanner .btn_per:hover:after,
.indexBanner .btn_next:hover:after {
    display: inline-block
}

@media (min-width:992px) and (max-width:1199px) {
    .bannerbox {
        padding: 0 20px;
    }
    .indexBanner .btn_per,
    .indexBanner .btn_next {
        width: 100px;
    }
    .indexBanner .btn_per:after {
        left: 20px;
        font-size: 50px;
        left: 20px
    }
    .indexBanner .btn_next:after {
        right: 20px;
        font-size: 50px;
        right: 20px
    }
    .indexBanner .bannerpager {
        bottom: 15px
    }
    .indexBanner .bannerpager li {
        margin: 0 2px;
        width: 6px;
        height: 6px;
        border-width: 2px
    }
    .indexBanner .cont li .text {
        bottom: 35px;
        padding: 0 30px
    }
    .indexBanner .cont li .text h2 {
        font-size: 25px;
        font-weight: normal
    }
    .indexBanner .cont li .text p {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bannerbox {
        padding: 0 0
    }
    .indexBanner .btn_per,
    .indexBanner .btn_next {
        width: 80px
    }
    .indexBanner .btn_per:after {
        font-size: 34px;
        left: 20px
    }
    .indexBanner .btn_next:after {
        font-size: 34px;
        right: 20px
    }
    .indexBanner .bannerpager {
        bottom: 10px
    }
    .indexBanner .cont li .text {
        bottom: 30px;
        padding: 0 20px
    }
    .indexBanner .cont li .text h2 {
        font-size: 18px;
        font-weight: normal
    }
    .indexBanner .cont li .text p {
        font-size: 12px
    }
    .indexBanner .bannerpager li {
        margin: 0 2px;
        width: 6px;
        height: 6px;
        border-width: 2px
    }
}

@media (max-width:767px) {
    .bannerbox {
        padding: 0 0;
        border-bottom: 1px solid #eee
    }
    .indexBanner .cont li .text {
        height: 125px;
        background: white;
        position: static
    }
    .indexBanner .cont li .text h2 {
        padding-top: 30px;
        font-size: 20px;
        text-align: center;
        height: 1.1em;
        overflow: hidden;
        color: #333;
        font-weight: normal;
        text-shadow: none
    }
    .indexBanner .cont li .text p {
        font-size: 14px;
        color: #999 !important;
        text-align: center;
        height: 1.1em;
        overflow: hidden;
        margin-bottom: 45px;
        text-shadow: none
    }
    .indexBanner .bannerpager {
        bottom: 15px
    }
    .indexBanner .btn_per,
    .indexBanner .btn_next {
        height: 125px !important;
        width: 50px
    }
    .indexBanner .btn_per:after,
    .indexBanner .btn_next:after {
        font-size: 24px;
        color: #000;
        display: inline-block !important;
        line-height: 125px !important
    }
    .indexBanner .btn_per:after {
        left: 5px
    }
    .indexBanner .btn_next:after {
        right: 5px
    }
    .indexBanner .bannerpager li {
        margin: 0 2px;
        width: 6px;
        height: 6px;
        border-width: 2px;
        border-color: white !important
    }
    .indexBanner .btn_next:hover,
    .indexBanner .btn_per:hover {
        background: none
    }
}

@media(min-width:767px) and (max-width:1199px) {
    .indexBanner .btn_per {
        background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
        background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
        background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
        background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    }
    .indexBanner .btn_next {
        background: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
        background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    }
    .indexBanner .btn_per:after,
    .indexBanner .btn_next:after {
        display: inline-block
    }
}

.c_porEnter {
    padding: 45px 15px 15px;
    box-sizing: border-box;
    font-size: 0
}

.c_porEnter ul li {
    padding: 0 15px;
    position: relative;
    overflow: hidden
}

.c_porEnter ul li .link {
    background: url(http://image.casarte.com/casarte/images/c_img1-1.png) no-repeat -100px;
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: -60px
}

/* 品牌动画 */

.flash_purple_box {
    position: absolute;
    left: 10%;
    top: 10%;
    background:#954eb9;
    background: rgba(147, 78, 185, 0.9);
    color: #fff;
    padding: 40px 30px;
    width: 360px;
    cursor: pointer!important;
}
.flash_purple_box *{
    cursor: pointer!important;
}

.flash_purple_box h2 {
    font-size: 46px;
    line-height: 60px;
    color: #fff;
}

.flash_purple_box p {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 24px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.flash_purple_box em {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #bea6cc;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.flash_purple_box i {
    display: block;
    font-size: 14px;
    padding-top: 15px;
    cursor: pointer!important;
}

.flash_purple_box i b {
    display: inline-block;
    width: 50px;
    height: 0;
    border-top: 1px solid #fff;
    margin: 8px 9px 0 -59px;
}
@media(max-width:991px){
    .flash_purple_box{
        left: 3.5%;
        top: 15%;
        padding: 30px;
        width: 58.4%;
    }
    .flash_purple_box h2 {
        font-size: 36px;
        line-height: 45px;
    }
    .flash_purple_box p {
        font-size: 24px;
        line-height: 32px;
        padding: 10px 0 20px;
    }
    .flash_purple_box em{
        font-size: 20px;
        line-height: 28px;
    }
}
@media(max-width:575px){
    .flash_purple_box{
        padding: 15px;
    }
    .flash_purple_box h2 {
        font-size: 24px;
        line-height: 38px;
    }
    .flash_purple_box p {
        font-size: 16px;
        line-height: 20px;
        padding: 5px 0 10px;
    }
    .flash_purple_box em{
        font-size: 12px;
        line-height: 16px;
    }
    .flash_purple_box i{
        font-size: 12px;
    }
}
@media(max-width:330px){
    .flash_purple_box{
        width: 66%;
    }
}


/* 页码动画 */
/* #bannerboxflash .indexBanner .bannerpager li {
    margin: 0;
    box-sizing: border-box;
    width: 25%;
    background: #fff;
    background: rgba(0, 0, 0, .3);
} */
/* 页码动画 */
#bannerboxflash .bannerpagerflash{
    z-index: 1;
    position: absolute;
    bottom: 60px;
    display: inline-block;
    width: 88%;
    font-size: 0;
}
#bannerboxflash .bannerpagerflash li{
    position: relative;
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
    width: 25%;
    height: 10px;
}
#bannerboxflash .bannerpagerflash li span{
    display: block;
    height: 1px;
    background: #fff;
    margin: 4px 10px 0 0;
}
#bannerboxflash .bannerpagerflash li span i{
    display: inline-block;
    width: 0;
    height: 1px;
    background: #954eb9;
}
#bannerboxflash .bannerpagerflash li em{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 10px;
}
#bannerboxflash .bannerpagerflash li b{
    display: inline-block;
    font-size: 12px;
    position: absolute;
    right: 0;
    padding-top: 20px;
    white-space: nowrap;
    color: #fff;
    min-width: 200px;
    text-align: center;
    margin-right: -95px;
}
@media (max-width:575px) {
    #bannerboxflash .bannerpagerflash li b{
        margin-right: -18px;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
        max-width: 20%;
        min-width: 50px;
    }
}
#bannerboxflash .bannerpagerflash li:hover b,#bannerboxflash .bannerpagerflash li.active b{
    cursor: pointer;
    color: #954eb9;
}
#bannerboxflash .bannerpagerflash li:hover em,#bannerboxflash .bannerpagerflash li.active em{
    cursor: pointer;
    border: 1px solid #954eb9;
}
@media (max-width:1199px) {
    #bannerboxflash .bannerpagerflash li:hover b{
        color: #fff;
    } 
    #bannerboxflash .bannerpagerflash li:hover em{
        border: 1px solid #fff;
    }
    #bannerboxflash .bannerpagerflash li.active b{
        color: #954eb9!important;
    }
    #bannerboxflash .bannerpagerflash li.active em{
        border: 1px solid #954eb9!important;
    }
}
#bannerboxflash a,#bannerboxflash a *{
    cursor: default;
}

#bannerboxflash .bannerpager{
    z-index: 0;
}

/* 暂时隐藏左右滑动按钮 */

.indexBanner .btn_next,
.indexBanner .btn_per {
    display: none!important;
}
/* flash弹层样式 */

#f_ad_flash1,
#f_ad_flash2,
#f_ad_flash3,
#f_ad_flash4 {
    background: #fff;
}

#f_ad_flash1.show,
#f_ad_flash2.show,
#f_ad_flash3.show,
#f_ad_flash4.show {
    display: block !important;
}

#f_ad_flash1.cui_popup,
#f_ad_flash2.cui_popup,
#f_ad_flash3.cui_popup,
#f_ad_flash4.cui_popup {
    width: 100%;
    height: 100%;
    margin: 0;
    margin-left: 0!important;
    left: 0;
    right: 0;
    overflow-y: auto;
}

#f_ad_flash1 .cui_popupClose,
#f_ad_flash2 .cui_popupClose,
#f_ad_flash3 .cui_popupClose,
#f_ad_flash4 .cui_popupClose {
    float: left;
    background: url(/images/brand_flash_back.png) no-repeat 11px 15px;
}

@media(max-width:991px){
    #f_ad_flash1 .cui_popupClose,
    #f_ad_flash2 .cui_popupClose,
    #f_ad_flash3 .cui_popupClose,
    #f_ad_flash4 .cui_popupClose {
        float: left;
        background: url(/images/brand_flash_back_xs.png) no-repeat 11px 15px;
        margin: 60px 0 0 45px;
        width: 100px;
    }
}
@media(max-width:575px){
    #f_ad_flash1 .cui_popupClose,
    #f_ad_flash2 .cui_popupClose,
    #f_ad_flash3 .cui_popupClose,
    #f_ad_flash4 .cui_popupClose {
        margin: 15px 0 0 0;
        background: url(/images/brand_flash_back.png) no-repeat 11px 15px;
    }
}

#f_ad_flash1 .cont,
#f_ad_flash2 .cont,
#f_ad_flash3 .cont,
#f_ad_flash4 .cont {
    padding: 0;
    overflow: hidden;
}

#f_ad_flash1.cui_popup>h1,
#f_ad_flash2.cui_popup>h1,
#f_ad_flash3.cui_popup>h1,
#f_ad_flash4.cui_popup>h1 {
    border: none;
}

@media (max-width:991px) {
    #f_ad_flash1.cui_popup>h1,
    #f_ad_flash2.cui_popup>h1,
    #f_ad_flash3.cui_popup>h1,
    #f_ad_flash4.cui_popup>h1 {
        height: 115px;
    }
}
@media (max-width:575px) {
    #f_ad_flash1.cui_popup>h1,
    #f_ad_flash2.cui_popup>h1,
    #f_ad_flash3.cui_popup>h1,
    #f_ad_flash4.cui_popup>h1 {
        height: 80px;
    }
}

.newflash_pad {
    padding: 0 3.33%;
}

.newflash_tit {
    font-size: 46px;
    color: #333;
    line-height: 65px;
}
@media (max-width:991px) {
    .newflash_tit{
        text-align: center;
        font-size: 32px;
        line-height: 50px;
        padding-bottom: 10px;
    }
}
@media (max-width:575px) {
    .newflash_tit{
        font-size: 24px;
        line-height: 28px;
    }
}

.newflash_tip {
    font-size: 20px;
    line-height: 35px;
    color: #4d4d4d;
}
@media (max-width:991px) {
    .newflash_tip{
        text-align: center;
        font-size: 24px;
        line-height: 40px;
        color: #b19460;
    }
}
@media (max-width:575px) {
    .newflash_tip{
        font-size: 16px;
        line-height: 22px;
    }
}

.newflash_img1,
newflash_img1_small {
    padding: 20px 0 35px;
}
@media (max-width:991px) {
    .newflash_img1{
        padding: 40px 0;
    }
}
.newflash_img1 img {
    width: 100%;
}

.newflash_img1_small img {
    width: 71.4%;
}
@media (max-width:991px) {
    .newflash_img1_small img {
        width: 100%;
    }
}

.newflash_article {
    font-size: 16px;
    line-height: 24px;
    color: #808080;
}
@media (max-width:991px) {
    .newflash_article {
        font-size: 24px;
        line-height: 36px;
    }
}
@media (max-width:575px) {
    .newflash_article {
        font-size: 16px;
        line-height: 22px;
    }
}

.newflash_article .light {
    color: #a98a4b;
}

/* flash弹层1 */

.newflash_img2 {
    position: absolute;
    left: 52%;
    bottom: 40px;
    width: 20%;
    z-index: 1;
}
@media(max-width:991px){
    .newflash_img2 {
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
        width: 48.62%;
        z-index: 1;
    }
}

.newflash_img3 {
    position: absolute;
    right: 10%;
    bottom: 90px;
    width: 20%;
    z-index: 2;
}
@media(max-width:991px){
    .newflash_img3 {
        position: relative;
        right: 0;
        bottom: 0;
        width: 48.62%;
        z-index: 0;
        padding: 40px 0 90px;
    }
}

.newflash_img4 {
    position: absolute;
    left: 92%;
    bottom: 40px;
    width: 13%;
    z-index: 1;
}
@media(max-width:991px){
    .newflash_img4 {
        left: auto;
        right: 0;
        bottom: 50px;
        width: auto;
        height: 42%;
    }
}

/* flash弹层2 */

.newflash_img5 {
    position: absolute;
    left: 52%;
    bottom: 90px;
    width: 20%;
    z-index: 0;
}
@media(max-width:991px){
    .newflash_img5 {
        position: relative;
        left: 0;
        bottom: 0;
        width: 50%;
        z-index: 0;
        padding: 80px 0 55px;
    }
}

.newflash_img6 {
    position: absolute;
    left: 68%;
    bottom: 40px;
    width: 20%;
    z-index: 0;
}
@media(max-width:991px){
    .newflash_img6 {
        position: relative;
        left: 0;
        bottom: 0;
        width: 50%;
        z-index: 0;
        padding-top: 50px;
    }
}

.newflash_img7 {
    position: absolute;
    left: 90%;
    top: 40px;
    width: 15.6%;
    z-index: 0;
}

/* flash弹层3 */

.newflash_img8 {
    font-size: 0;
    padding: 20px 0 40px;
}

.newflash_img8 img {
    width: 50%;
    font-size: 0;
}

.newflash_img8 img.newflash_img8_right {
    padding-top: 60px;
}
.newflash_img8 img.newflash_img8_left {
    width: 74.5%;
}
@media(max-width:991px){
    .newflash_img8 img.newflash_img8_right {
        padding-top: 0;
        width: 49%;
        padding-left: 1%;
    }
    .newflash_img8 img.newflash_img8_left {
        width: 50%;
    }
}

.newflash_img9 {
    position: absolute;
    left: 90%;
    top: 145px;
    width: 15.6%;
    z-index: 1;
}
@media(max-width:991px){
    .newflash_img9 {
        left: auto;
        top: auto;
        right: 0;
        bottom: 45px;
        padding-top: 0;
        width: 49%!important;
    }
}

/* flash弹层4 */

.newflash_img10 {
    font-size: 0;
}

.newflash_img10 img {
    width: 83.7%;
    font-size: 0;
}

.newflash_img11 {
    position: absolute;
    left: 52%;
    top: 80px;
    width: 25%;
    z-index: 1;
}
@media(max-width:991px){
    .newflash_img11 {
        left: 8%;
        top: auto;
        bottom: 50px;
        width: 54.1%;
    }
}

.newflash_img12 {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 37.4%;
    z-index: 0;
}
@media(max-width:991px){
    .newflash_img12 {
        position: relative;
        right: 0;
        bottom: 40px;
        width: 75.5%;
        z-index: 0;
        padding: 85px 0 200px;
    }
}
@media(max-width:575px){
    .newflash_img12 {
        position: relative;
        right: 0;
        bottom: 40px;
        width: 75.5%;
        z-index: 0;
        padding: 40px 0 100px;
    }
}
.newflash_img13{
    position: absolute;
    left: 0;
    top: 0;
    width: 49.3%;
}
@media(max-width:575px){
    .newflash_img12 {
        top: -20px;
    }
}

.pos_relative {
    position: relative;
    padding: 40px 10%;
}
@media (max-width:991px) {
    .pos_relative {
        position: relative;
        padding: 40px 3.33%;
    }
}
@media (max-width:575px) {
    .pos_relative {
        padding: 0 3.33% 40px;
    }
}

.pos_onlyre{
    position: relative;
    width: 100%;
}

.pad_bottom {
    padding-bottom: 20px;
}
@media(max-width:991px){
    .pad_bottom {
        padding-bottom: 35px;
    }
}

.txalign_right {
    text-align: right;
}

@media (max-width:991px) {
    /* sm*/
    .pdtop10_xs{
        padding-top: 10px;
    }
    .txalign_right_xs{
        text-align: right;
    }
    .pos_re_xs{
        position: relative;
    }
}