html{height:100%;}
#footer { display: none; }
#banner { width: 100%; height: 100%; padding-top: 95px; margin: 0 !important; }
.body-content { height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { font-size: 18px; background: #fff; /* 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; background: url(../images/brand/bg.jpg)0 0 no-repeat; background-size: 100% 100%; padding-top: 0px;overflow:hidden; }

.swiper-slide >.am-container{margin-left:0;margin-right:0;}

#culture { background: url(../images/brand/culture_bg.jpg)0 0 no-repeat; background-size: 100% 100%; }
.brand_title { color: #cf000e; font-size: 78px; font-family: Arial !important; line-height: 80px; margin-bottom: 0; font-weight: normal; }
#culture .brand_title span { display: block; }
#culture .brand_title .second { padding-left: 182px; }

.brand_title_btn { font-size: 30px; color: #fff; background-color: #cf000e; display: inline-block; padding: 0px 25px; border-radius: 10px; margin-top: 20px; }

#culture .culture_content { color: #848484; font-size: 18px; line-height: 38px; margin-top: 32px; }



#concept { background: #ffffff !important; }
    #concept .concept_left{padding:0 60px;}
    #concept .concept_box {
        margin: 48px 0;
    }
    #concept .concept_box_top { background: url(../images/brand/blue_bg.png)0 0 no-repeat; background-size: 100% 100%; height: 85px; text-align: center; font-size: 23px; color: #ffffff; line-height: 85px; }
    #concept .concept_box_bottom { background: url(../images/brand/gray_bg.png)0 0 no-repeat; background-size: 100% 100%; height: 85px; text-align: center; color: #898989; font-size: 16px; }
        #concept .concept_box_bottom span { display: block; }

    #concept .concept_content { margin: 0; line-height: 50px; font-size: 18px; color: #9da8bd; padding-top: 48px; }

#message { background: #f8f8f7 !important; }
    #message .brand_title span { display: block; text-align: right; }
    #message .brand_title .second { margin-right: -96px; }
.message_box_content { color: #9da8bd; font-size: 18px; line-height: 38px; margin-top: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
                       
                       /*三角箭头的颜色*/
scrollbar-arrow-color: #cf000e;
/*滚动条滑块按钮的颜色*/
scrollbar-face-color: #cf000e;
/*滚动条整体颜色*/
scrollbar-highlight-color: #333;
/*滚动条阴影*/
scrollbar-shadow-color: #f8f8f7;
/*滚动条轨道颜色*/
scrollbar-track-color:#f8f8f7; }
.message_box_content::after { content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;}



#honors.show_hide .more_btn{display:none;}
#honors.show_hide .honor_list { height: 322px; overflow-y: scroll; }
#message.show_hide .more_btn{display:none;}
#message.show_hide .message_box_content { height: 340px; overflow-y: scroll; }
#message .sign{overflow:hidden;}
    #message .sign img{float:right;}
    ::-webkit-scrollbar { width: 14px; height: 14px; background-color: #eee; cursor: pointer; }
::-webkit-scrollbar-thumb { border-radius: 5px; background: #cf000e; }

#introduction { background: url(../images/brand/desc_bg.jpg)0 0 no-repeat; background-size: 100% 100%; }
::-webkit-scrollbar-track { border-radius: 0px; background: rgba(255,255,255,0); }


    #introduction .brand_title .second { padding-left: 105px; }
    #introduction .brand_title_btn { margin-left: 105px; }
.introduction_box_content { color: #9da8bd; font-size: 18px; line-height: 38px; margin-top: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; /*三角箭头的颜色*/ scrollbar-arrow-color: #cf000e; /*滚动条滑块按钮的颜色*/ scrollbar-face-color: #cf000e; /*滚动条整体颜色*/ scrollbar-highlight-color: #333; /*滚动条阴影*/ scrollbar-shadow-color: #f8f8f7; /*滚动条轨道颜色*/ scrollbar-track-color: #f8f8f7; }
#introduction.show_hide .more_btn { display: none; }
#introduction.show_hide .introduction_box_content { height: 340px; overflow-y: scroll; }
#honor { background: #ffffff; }
.honor_box { height: 525px; background: url(../images/brand/honor_bg.png)left bottom no-repeat; background-size: contain; overflow: hidden; }
#honor .brand_title span { display: block; text-align: right; }
#honor .brand_title_btn { float: right; }
.honor_box_bf_title { font-size: 20px; font-weight: bold; color: #cf000e; }
.honor_box_bf_content { color: #737373; font-size: 18px; }

#event { background: url(../images/brand/event_bg.jpg)0 0 no-repeat; background-size: 100% 100%; }

    #event .event_box { position: relative; width: 550px; }
    #event .brand_title span { display: block; }
    #event .brand_title .second { padding-left: 206px; }
    #event .brand_title_btn { position: absolute; top: 0; right: 0; }

    /*这个灰色更深*/
.event_list { margin: 100px auto 300px; text-align: center; border-top: 3px solid #716c6c; }
    .event_list svg { width:100px;height:28px; margin-left:-15px}
    .event_list_scroll { /*width: 1180px;*/ padding: 0; text-align: center; }
.list { border-bottom: none; /*width: 10000px;*/ display: inline-block;margin-top: -35px;}

    .list li {  padding: 0 20px; float: left; position: relative; width: 100px; }
        .list li span { display: block; font-size: 16px; color: #716c6c; text-align: center; margin-top: 10px; /*padding: 0 15px;*/ }
        .list li:hover span { color: #cf000e; }
        .list li:hover .st0 { fill: #cf000e !important; }
.list_content {  position: absolute; width: 400px; height: 300px; background: #ffffff; padding: 20px 20px; overflow-y: scroll; z-index: 1; left: -50%; transition: all 1s; transform: translateY(50px); opacity:0;visibility:hidden;}
.list li:hover:before { border: 3px solid #cf000e; content: ''; border-radius: 100%; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); }
.list li:hover .list_content { transform: translateY(10px); opacity: 1; visibility:visible;}
.list li.am-active .list_content { display: block;  }
.list li.am-active:before { border: 3px solid #cf000e; content: ''; border-radius: 100%; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); }
.list li.am-active span { color: #cf000e; }
.list li.am-active .st0 { fill: #cf000e !important; }
.list_content dl dd{padding-left:20px;background:url(../images/brand/blue.png)0px 7px no-repeat;font-size:18px;margin-bottom:10px;text-align:left;}
.list li:last-child:hover .list_content { right:0;left:auto; }
.list li:first-child .list_content { left:0; }
#keshun { background: #ffffff; }

.keshun_list { margin-top: 70px; }
.keshun_list .am-thumbnails .item { text-align: center; padding: 0 38px 12px; transition-duration: 1s; }
.keshun_list .am-thumbnails .item h4 { color: #cf000e; font-size: 26px; margin-top: 20px; margin-bottom: 10px; }
.keshun_content { border-top: 1px solid #bab9b9; border-bottom: 1px solid #bab9b9; line-height: 42px; font-size: 20px; color:#333;}
.keshun_list .am-thumbnails .item a { color: #cf000e; float: right; }
.keshun_list .am-thumbnails .item .more{float:right;}
.keshun_list .item:hover { margin-top: -10px; transition-duration: 1s; }


.honor_list { margin-top: 70px; height:322px; overflow:hidden; }
.honor_list .am-thumbnails .item { text-align: center; padding: 0 38px 12px; transition-duration: 1s; }
.honor_list .am-thumbnails .item h4 { color: #cf000e; font-size: 26px; margin-top: 20px; margin-bottom: 10px; }
.honor_content { border-top: 1px solid #bab9b9; border-bottom: 1px solid #bab9b9; line-height: 42px; font-size: 20px; color:#333; margin-top:10px;}
.honor_list .am-thumbnails .item a { color: #cf000e; float: right; }
.honor_list .am-thumbnails .item .more{float:right;}
.honor_list .item:hover { margin-top: -10px; transition-duration: 1s; }


    @media only screen and (max-width: 1420px) { .brand_title { font-size: 44px; font-family: Arial !important; line-height: 56px;  }

    .brand_title_btn { font-size: 20px; margin-top: 15px; }
    #culture .culture_content { font-size: 14px; line-height: 28px; }
    #concept .concept_box_top { font-size: 21px; height: 75px; }
    #concept .concept_box_bottom { font-size: 14px; height: 75px; }
    #concept .concept_box { margin: 25px 0; }
    #concept .concept_content {line-height: 44px; font-size: 14px;}

    #message.show_hide .message_box_content { height: 164px;}
    .message_box_content { -webkit-line-clamp: 2; font-size: 14px; line-height: 32px; }
    #message .sign img { width: 150px; }
    .people { width: 410px; float: right; }

    #introduction .brand_title .second { padding-left: 134px; }
    .introduction_box_content { -webkit-line-clamp: 2; font-size: 14px; line-height: 32px; }
    #introduction.show_hide .introduction_box_content { height: 194px;}

    .honor_box_bf_title { font-size: 18px; }
    .honor_box_bf_content { font-size: 12px; }
    .honor_box{height:490px;}
    .honor_box_item{padding-left:30px;}
    .keshun_list { margin-top: 28px; }
    .keshun_list .am-thumbnails .item h4 { font-size: 18px; margin-top: 10px; margin-bottom: 4px; }
    .keshun_content { line-height: 32px; font-size: 14px; }
    .honor_list { margin-top: 28px; }
    .honor_list .am-thumbnails .item h4 { font-size: 18px; margin-top: 10px; margin-bottom: 4px; }
    .honor_content { line-height: 32px; font-size: 14px; }

    .event_list_scroll {  width: auto;text-align: center; }
    .am_tab {display: inline-block;width:auto;}
    .event_list {width:auto;margin: 60px auto 200px; }
    #event .brand_title .second { padding-left: 88px; }
    #event .brand_title_btn {  right: 170px; }
    .list li {  padding: 0 25px; }
}
@media screen and (max-width:1368px) {
    .list li { width: 154px; padding: 0 20px; }
}

@media screen and (max-width:1280px) {
    .list li { padding: 0 20px; width: 12%; }
}