body{padding:0; margin:0;min-width: 1100px;}
body{line-height:1.5;font-family:"Microsoft YaHei","\5B8B\4F53",arial;background:#ffffff;font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;*font-size:100%;}
fieldset,img,a img,:link img,:visited img{border:0;}
.cWhite, .cWhite a{ color: #fff;}
a{text-decoration:none; color: #666}
a:hover{text-decoration:underline;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}sup,sub{font-size:100%;vertical-align:baseline;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
.clear,.clearfix:after{clear:both;height:0;overflow:hidden;display:block;}
.clearfix:after{visibility:hidden;content:".";}
.clearfix{*zoom:1;}
.fB{font-weight:bold;}.fI{font-style:italic;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f20px{font-size:20px!important;}
.f22px{font-size:24px;}
.f24px{font-size:22px;}
.f34px{font-size:34px;}
.lh-26{line-height: 26px;}
.lh-30{line-height: 30px;}
.lh-1-mb10{line-height: 1; margin-bottom: 10px;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.noBorder{border:none;}
.blankW{background:#fff;}
.blank3{clear:both;height:3px;overflow:hidden;display:block;}
.blank6{clear:both;height:6px;overflow:hidden;display:block;}
.blank9{clear:both;height:9px;overflow:hidden;display:block;}
.blank9w{background:#ffffff;clear:both;height:9px;overflow:hidden;display:block;}
.blank12{clear:both;height:12px;overflow:hidden;display:block;}
.blank15{clear:both;height:15px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}

/* */
.wrapper{width: 1100px; margin: 20px auto 0;}
.w-left{width: 816px;}
.w-right{width: 264px;}
.w-center{width: 686px}
.w-left-sm{width: 90px}
.w-162{width: 162px;}
.w-200{width: 200px;}
.w-355{width: 355px;}
.w-380{width: 380px;}
.w-435{width: 435px;}
.w-533{width: 533px;}
.w-543{width: 543px;}
.w-720{width: 720px;}
.w-880{width: 880px;}
.h-480{height: 480px}
.h-110{height: 110px;}
.h-292{height: 292px;}
.h-120{height: 120px;}
.h-168{height: 168px;}
.h-330{height: 330px;}
.h-340{height: 340px;}
.h-360{height: 360px;}
.m-auto{margin: 0 auto;}
.p-5{padding:7px 10px;}
.py-20{padding-top: 20px; padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.mx30{margin-right: 30px; margin-left: 30px;}
.my10{margin-top: 10px; margin-bottom: 10px;}
.my5{margin-top: 5px; margin-bottom: 5px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt--14{margin-top: -14px;}
.mt-none{margin-top: 0!important;}
.divider{overflow: hidden; height: 0; border-bottom: 1px solid #E8E8E8; margin-top: 20px;}
.indent28px{text-indent: 28px}

.text-center{text-align: center;}
.color-primary{color: #E40210;}
.color-gray{ color: #F2F2F2}
.color-ccc,.color-ccc a{ color: #ccc}
.color-333,.color-333 a{ color: #333}
.color-666,.color-666 a{ color: #666}
.color-888,.color-888 a{ color: #888}
.color-b2,.color-b2 a{ color: #b2b2b2}
.color-red,.color-red a,a.color-red{ color: #E40210}
.bg-white{background-color: #fff;}
.bg-primary{background-color: #E40210;}
.bg-gray{ background-color: #F2F2F2}
.bg-f8{background-color: #f8f8f8}

.full-top-banner{background-color: #E40210; position: relative; height: 110px;margin-top: 0!important;}
.full-top-banner .close{position: absolute; line-height: 1;color: #fff; top:10px; right: 10px; font-size: 12px; cursor: pointer}

.top{height: 41px; line-height: 41px;}
.links{height: 31px; line-height: 31px;}
.links ul{display: flex; justify-content: space-between; font-size: 12px;}
.links ul li{float: left;}
.logo{padding: 10px 0;}
.bottom-shadow{box-shadow: 0px 2px 5px #eee;}

/* fixed flex */
.navs ul,.navs ul li{
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.navs{background-color: #E40210; height: 47px;}
.navs ul{
    display: -ms-flex; /* 兼容IE */display: flex;justify-content: space-between; align-items: center;
    height: 100%;
}
.navs ul li{
    display: -ms-flex; /* 兼容IE */display: flex; flex-direction: column; justify-content: center; align-items: center;
    height: 100%;
    float: left;
}
.navs ul li.active{background-color: #F9F8F8; padding: 0 5px;}
.navs ul li.active a{color: #E40210}
.superior a{color: #E40210}
#sticky-nav {
    /*position: sticky;
    top: 180px;*/
    width: 100%;
    z-index: 9999;
}

.search{padding-top: 26px;}
.input-search{width: 300px; padding-left: 12px; height: 30px; line-height: 30px;}
.btn-search{background-color: #E40210; color: #ffffff; border: none; height: 34px; line-height: 34px;width: 72px;}

.services-list{width: 100%; display: flex;flex-wrap: wrap; flex-direction: row; justify-content: space-between;align-items: center;}
.services-list li{ float:left; text-align: center; width: 104px; height: 130px; border: 1px solid #E8E8E8; border-radius: 6px;display: flex; flex-direction: column; align-items: center; justify-content: center}
.services-list li span{display: inline-block; margin: 10px 10px 0; text-align: center}

.footer{background-color: #333}
.footer-left{display: flex; flex-direction: column; justify-content: space-between; height: 180px;}
.footer-link a{margin-right: 15px; display: inline-block}
.footer-right{display: flex;}
.footer-right{padding-bottom: 44px;}
.footer-right div{width: 150px; margin:0 20px; text-align: center; font-size: 12px; color: #fff;float: left;}
/* return top */
#btnTop {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;border: none;outline: none;color: white;cursor: pointer;}

.headlines{}
.headlines .tbody{padding: 18px 12px 12px;}
.headlines h1{font-size: 36px; color: #E40210; text-align: center; margin-bottom: 10px;}
.headlines h1 a{color: #E40210;}
.headlines-list{display: flex; justify-content: space-between}

.brands_logo{ padding: 0px 0px; background-color: #d7d7d7!important;height: 120px;}
.brands_list{height: 120px;}
.brands_list ul{  display: flex; align-items: center;justify-content: space-between; }
.brands-container{width:calc(1100px - 297px);height: 100%;}
.brands-container-list{width:calc(816px - 297px); height: 100%;}
.brands_list ul li{ display: flex; height: 100%; align-items: center;}
.bnr-text{display: flex;justify-content: space-between}

.block-title{ border-bottom: 1px solid #E8E8E8}
.block-title span { color:#E40210;font-size: 22px;border-bottom: 2px solid #E40210; display: inline-block; height: 38px;line-height: 34px; vertical-align: middle;}
.block-title a{color:#E40210;}
.videos{display: flex;}
.videos-title{display:flex; align-items:center;padding: 0 13px; text-align: center;width: 18px; height: 230px;vertical-align: middle; font-size:18px;}
.videos-list{flex:1;border: 1px solid #E8E8E8;}
.icon-camera{width: 19px; height: 12px; margin-right: 10px; background-color: #E40210; margin-top: 5px;}
.video-block{position: relative}
.icon-play{position: absolute;top:50%; left:50%; margin-left: -17px; margin-top: -17px;}

a.bnr-block {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
a.bnr-block:after{
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    padding: 0px 5px;
    line-height: 20px;
    font-size: 10px;
    display: block;
    color: #fff;
    content: '广告';
    border-bottom-left-radius: 8px;
    text-align: center;
}
.row-3 {
    display: flex;
    justify-content: space-between;
}
.video-block span{position: absolute;top:0;left: 0; background-color: #E40210; color: #fff; padding: 4px 8px;}
.video-block .meeting-title{ color: #fff; background-color: rgba(0,0,0, 0.2); position: absolute; height:35px;line-height:35px;left:0; bottom: 0;width: 100%;text-indent: 12px;}
.col-3 .video-block{height: 234px;}

.col-row-3{margin-left: -20px; overflow: hidden}
.col-row-3 .col-3{width: 350px;float: left; margin-left: 20px; margin-bottom: 20px;}

.list{line-height: 30px; margin-top: 15px;}
.list.dot li{
    position: relative;
    padding-left: 12px;
}
.list.dot li:after {
    content: "";
    background: #cccccc;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
}

.share{padding: 15px 0; text-align: center;}
.share-icon{padding-top:15px;border-top: 1px solid #E8E8E8; display: flex; flex-direction: column; justify-content: center;align-items: center; align-content: center;}
.share-icon li{ text-align: center;display: flex; flex-direction: column; align-items: center; width: 70px; margin: 0 auto; border-bottom: 1px solid #E8E8E8; color: #666666; margin-bottom: 15px;}
.share-icon li span{display: block; margin-top: 7px; text-align: center; font-size: 14px;}

.content .description{padding: 15px 30px; display: flex;}
.content .description p{display: flex; align-items: center;}
.content .description .desc-text{ width: 80px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #E40210;}
.content .description .desc{font-size: 14px; line-height: 26px;}
.content img{max-width: 100%;}
.btn-submit{background-color: #E40210; border: none; height: 35px; border-radius: 35px; width: 106px;color: #ffffff}
.article{font-size: 16px; line-height: 30px}
/*.article div {text-indent: 32px;}*/
.article p{margin-bottom: 0.8rem}

.list-hot-image{height: 303px;}
.hot-image-right{height: 100%; display: flex; flex-direction: column; justify-content: space-between}

.media-block{display: flex; border-bottom: 1px solid #E8E8E8; margin-bottom: 24px; padding-bottom: 20px;}
.media-block img{margin-right: 20px;}
.media-block .media-body{flex: 1}
.media-block .media-body .description{line-height: 26px;}
.load-more{text-align: center; line-height: 28px; cursor: pointer}

.image-tile{position: relative;}
.image-tile img{z-index: 0}
.image-tile a{
    white-space: nowrap; overflow:hidden;text-overflow:ellipsis; z-index:1;color: #fff;
    text-indent: 10px; display: block; position: absolute; bottom: 0; padding: 10px 0;
    background-color: rgba(0,0,0,0.5); width: 100%;
}
.swiper-slide.image-tile a{font-size: 24px; padding: 14px 0}

.videos-container {width: calc(1100px - 88px);height: 228px;padding: 0px 0;}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /*-webkit-justify-content: center;
    justify-content: center;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    flex-direction: column;
}
.brands .swiper-slide{
    align-items: center;
    justify-content: center;
}

.special-banner {
    position: relative;
}
.special-navs{
    position: absolute;
    background-color: #ffffff;
    padding: 12px 12px 0 12px;
    bottom: 0;
    left: 50%;
    margin-left:-550px;
}
.special-navs ul{text-align: center; width: 100%}
.special-navs li{ display: inline-block; padding: 0 30px;}
.special-navs li a{color: #fff; font-size: 18px;}
.special-navs ul{height: 46px; line-height: 46px; background-color: #07A2D4}
.special-col .col-3{ width: 33.3333%; float: left}
.special-col .col-li-3 .list li{
    width: 33.3333%; float: left;padding-left:0!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.special-col .col-li-3 .list li a{
    margin-left: 12px;

}
.text-live a{ display: inline-block; margin-left: 30px;}

.ebook-list ul{
    /*display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
    margin-left: -18px;
}
.ebook-list li{width: 190px; margin-top: 20px; float: left; margin-left: 18px;}
.ebook-list li .text{background-color: #F2F2F2; height: 44px;line-height: 44px; font-size: 20px;text-align: center}

.register{padding: 30px;}
.form-input{border: 1px solid #E8E8E8; height: 38px; line-height: 38px; width: 100%; text-indent: 14px;}

.code{}
.code .form-input{width: 60%!important;}
.icon-input-phone{background: url("../assets/img/icon_phone.png") 14px center no-repeat; text-indent: 38px; }
.icon-input-code{background: url("../assets/img/icon_code.png") 14px center no-repeat; text-indent: 38px; }
.icon-input-lock{background: url("../assets/img/icon_lock.png") 14px center no-repeat; text-indent: 38px; }
.code .btn-code{background-color: #E40210; border: none; color: #fff; text-align: center; height: 40px; width: 38%;}
.btn-block{background-color: #E40210; border: none; color: #fff;display: block; width: 100%; text-align: center; height: 38px;}
.btn-block:active,.btn-code:active {
    background-image: none;
    outline: 0;
    opacity: 0.75;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn-red{
    background-color: #E40210;color: #fff;
    border-radius: 4px; text-align: center;
    width: 90px; height: 34px; line-height: 34px;
}

/* member */
.avatar{text-align: center; padding: 30px 0; border-bottom: 1px solid #f2f2f2;}
.avatar img{border-radius: 90px}

.user-nav a{position: relative; font-size: 20px; text-align: center; display: flex; justify-content: center; align-items: center; vertical-align: center; height: 62px;}
.user-nav a span{display: inline-block; margin-right: 10px; width: 22px; height: 22px}
.icon_push{background: url("img/icon_push.png") center center no-repeat}
.icon_setting{background: url("img/icon_setting.png") center center no-repeat}
.user-nav a.active{background-color: #F9F8F8}
.user-nav a.active .icon_push{background: url("img/icon_push_active.png") center center no-repeat}
.user-nav a.active .icon_setting{background: url("img/icon_setting_active.png") center center no-repeat}

.user-nav a.active:before{width: 9px; height: 34px; content: ' '; background-color: #FFA820; position: absolute; left: 0;}
.member-right{padding:20px;}
.member-title{font-size: 24px}

.icon_message{background: url("img/icon_message_default.png") center center no-repeat}
.icon_comment{background: url("img/icon_commnet_default.png") center center no-repeat}
.user-nav a.active .icon_message{background: url("img/icon_message_active.png") center center no-repeat}
.user-nav a.active .icon_comment{background: url("img/icon_comment_active.png") center center no-repeat}
.breadcrumb{margin-bottom: 20px}

.baike{margin-left: -13px; width: 832px!important;}
.brand-baike{width: 195px;float: left; margin-left: 13px;}
.brand-baike a{width: 195px;line-height:38px; display:inline-block;white-space: nowrap; overflow:hidden;text-overflow:ellipsis;}
.brand-content{font-size: 14px; line-height: 26px; color: #666666}
.brand-content p{margin-bottom: 14px;}
.brands-photos-container {padding: 15px 0;}

.state,.state-red{display: inline-block; padding: 3px 10px; border-radius: 3px;}
.state{line-height:1;border: 1px solid #e8e8e8; color: #333!important; }
.state-red{line-height:1;border: 1px solid #E40210; color: #E40210!important;}
.tip{color: #FF9FA5; font-size: 12px;}


#certify{position:relative;width:264px;margin:16px auto 0;}
#certify .swiper-container{/*padding-bottom:60px;*/}
#certify .swiper-slide{width:220px;height:286px;/*background:#fff;box-shadow:0 8px 30px #ddd;*/}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p{l/*font-size:1.1em;ine-height:98px;*/padding-top:0;text-align:center;color:#636363;margin:0;}


.special-cards {
    display: flex;
    flex-wrap: wrap;
}
.media {
    width: 25%;
}
.media {
    width: 25%;
}
.title-desc{
    width: 254px;
}
.title-desc h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.title-desc h3 a{
    color: #333;
    font-size: 16px;
}
.title-desc p{
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}