body{
    background: #fafafa;
    overflow-x: hidden;
}

*{
    user-select: none;
}

.container-fluid,
.container{
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}
.row{
    padding: 0 !important;
}

a,
a:hover{
    text-decoration: none;
}

button:hover{
    cursor: pointer;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12{
    padding: 0;
    margin: 0;
}
.list2-content-parent{
    width: 100%;
    overflow: hidden;
}
.list2-content-parent img{
    max-width: 100% !important;
}
.flex-justify-between{
    display: flex;
    justify-content: space-between;
}

.flex-justify-center{
    display: flex;
    justify-content: center;
}

.flex-justify-start{
    display: flex;
    justify-content: flex-start
}

.flex-justify-end{
    display: flex;
    justify-content: flex-end
}

.flex-cloumn-justify-between{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-justify-center-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.col-1200-364{
    width: 100%;
    max-width: 1200px;
    height: 364px;
    background: #fff;
}

.col-1200-200{
    width: 100%;
    max-width: 1200px;
    height: 200px;
    box-sizing: border-box;
}

.navbar{
    margin-bottom: 0;
}


.container-back-img{
    background-image: url('../images/banner.jpg');
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    background-position: top;
}

.top-functions-parnet{
    height: 480px;
}
/* li-hover.png */

.top-functions{
    padding-top: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.top-functions a{
    display: block;
    font-size: 18px;
    width: auto;
    height: auto;
    min-height: 36px;
    white-space: nowrap;
    color: #333333;
    text-align: center;
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    background-position: left 10px;
}

.top-functions a:hover,.top-functions a.active{
    background-image: url('../images/li-hover.png');
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    background-position: center center;
}

.top-functions a+a{
    margin-left: 20px;
}

.left-title-parent{
    width: 60px;
    height: 300px;
    background-image: url('../images/left-title.png');
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-title-parent span{
    width: 22px;
    font-size: 22px;
    word-wrap: break-word;
    letter-spacing: 10px;
    color: #ffffff;
}

.advertisement-img-parent{
    width: 480px;
    height: 300px;
    margin-left: 16px;
}

.advertisement-img-parent img{
    display: block;
    width: 100%;
    height: 100%;
}

.news-parent{
    width: 556px;
    height: 300px;
    margin-left: 24px;
    overflow: hidden;
}

.news-title-functions span{
    font-size: 18px;
    color: #777777;
    cursor: pointer;
}

.news-title-functions span:hover{
    background-image: url('../images/news-functions-hover.png');
    background-repeat: no-repeat;
    background-position: bottom;
    color: #db9d16;
}

.news-title-functions span+span{
    margin-left: 36px;
}

.news-button{
    border: 0;
    background: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.news-button span{
    font-size: 16px;
    color: #333333;
}

.news-button img{
    margin-left: 10px;
}

.news-content-parent{
    height: 236px;
    background: #fafafa;
    padding: 20px;
    box-sizing: border-box;
}

.news-content{
    font-size: 14px;
    color: #333333;
}

.news-content:hover *,
.news-content.active{
    color: #db9d16;
}

.news-content:hover .news-first-span::before,
.news-content.active .news-first-span::before{
    background: #db9d16;
}

.news-content span{
    white-space: nowrap;
}

.news-content span:first-child{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.news-first-span::before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #cccccc;
    margin-right: 8px;
}

.news-content+.news-content{
    margin-top: 21px;
}

.img-list-parent{
    width: 1060px;
    height: 300px;
    margin-left: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.img-list-parent a{
    display: block;
}

.img-list-parent a+a{
    margin-left: 20px;
}

.img-list-parent a:nth-child(n+4){
    margin-top: 20px;
}

.img-list-parent a:nth-child(4){
    margin-left: 0;
}

.activity-list-parent{
    width: 1060px;
    height: 300px;
    margin-left: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
}

.activity-list-parent a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.activity-list-parent a+a{
    margin-left: 33px;
}

.activity-list-parent img{
    width: 240px;
    height: 160px;
}

.activity-list-parent a span{
    color: #333333;
    font-size: 15px;
}
.activity-list-parent a p{
    color: #aaaaaa;
    font-size: 15px;
    margin-bottom: 0;
}

.activity-list-parent a>p:nth-child(2){
    margin: 10px 0 15px 0;
    font-size: 17px;
}

.activity-list-parent a p:nth-child(n+4){
    margin-top: 10px;
}

.ml-14{
    margin-left: 14px;
}

.ml-64{
    margin-left: 64px;
}

.img-margin > img{
    margin: 35px 0 20px 0;
}

.news-content-parent div a:nth-child(n+6){
    display: none;
}

.list1-left-functions{
    padding: 40px 0;
    box-sizing: border-box;
    width: 224px;
    background-color: #ffffff;
}

.list1-right-listDetails{
    padding: 40px;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.list1-left-functions-title{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
}

.list1-left-functions-title span{
    font-size: 22px;
    color: #333333;
    margin-left: 10px;
}

.list1-left-function-lists,
.list1-left-function-jian{
    display: none;
}

.list1-left-function-jia,.list1-left-function-jian{
    margin-left: 8px;
    color: #fff;
}

.list1-left-function-jia{
    color: #333;
}

.list1-left-function{
    height: auto;
}

.list1-left-function-details{
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-image: url('../images/functions-bg-n.png');
    background-size: 100% 100%;
    position: relative;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.list1-left-function-details:hover .list1-left-function-jia{
    color: #fff;
}

.list1-left-function-details.active,
.list1-left-function-details:hover{
    background-image: url('../images/functions-bg.png');
    color: #fff;
}

.list1-left-function-details img{
    display: none;
}

.list1-left-function-details.active img,
.list1-left-function-details:hover img{
    display: block;
    position: absolute;
    bottom: -16px;
    right: 0px;
}

.list1-left-function-details.active .list1-left-function-jia{
    display: none;
}

.list1-left-function-details.active .list1-left-function-jian,
.list1-left-function-details.active+.list1-left-function-lists{
    display: block;
}

.list1-left-function+.list1-left-function{
    margin-top: 20px;
}

.list1-left-function-lists div{
    width: auto;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #fbf8f1;
    color: #555555;
    margin: 0 20px 0 15px;
    box-sizing: border-box;
    cursor: pointer;
}

.list1-left-function-lists div:hover{
    background: #f5ecda;
}

.list1-right-title a{
    color: #333333;
}

.list1-right-title a+a::before{
    content: '>';
    color: #333333;
    margin: 0 8px;
}

.list1-right-lists{
    width: 100%;
    height: 100%;
}

.list1-right-lists div{
    margin-top: 24px;
    background: #fdfaf3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list1-right-lists div div{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 0 24px;
}

.list1-right-lists div div h5{
    font-size: 21px;
    color: #333333;
    margin: 0;
}
/* list1-right-time */
.list1-right-lists .list1-right-time{
    margin: 16px 0 6px 0;
    font-size: 14px;
    color: #999999;
}

.list1-right-lists .list1-right-time+p{
    font-size: 14px;
    color: #555555;
    line-height: 22px;
}

.list1-right-lists .list1-right-button{
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.list1-right-lists .list1-right-button button{
    margin-right: 24px;
    width: 96px;
    height: 32px;
    border-radius: 4px;
    background: #db9d16;
    color: #fff;
    border: 0;
}

/*分页*/
.box{
    width: 100%;
    height:auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box>*{
    display: block;
    border: 1px solid #f0f0f0;
    padding: 2px 6px;
    color: #333;
}

.box>*+*{
    margin-left: 12px;
}

.box span{
    background-color: #db9d16;
    border-color: #db9d16;
    color: #fff;

}


.list1-right-listDetails .page-li.page-number.page-active{
    background: #db9d16;
    border-color: #db9d16;
}

.list1-right-lists-imgLists{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.list1-right-lists-imgLists>div{
    width: calc(100%/3 - 32px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 24px;
    margin-right: 16px;
}

.list1-right-lists-imgLists>div img{
    width: 100%;
    height: 176px;
}

.list1-right-lists-imgLists>div>div{
    width: 100%;
    height: 176px;
    background: #fafafa;
}

.list1-right-lists-imgLists>div>div>div{
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 44px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    text-align: center;
    line-height: 44px;
}

.list1-left-function-lists .select-img-video{
    background: #f5ecda;
}

.display-none{
    display: none !important;
}

.display-flex{
    display: flex !important;
}

.top_menu_parent_phone{
    display: none;
}

/*下拉列表*/
.condition>.choice>.dropdown-menu{
    width: 100%;
    border-radius: 0;
    border-top:none;
    padding: 0;
    margin-top: 0;
    
}

.list-box>.col-dropdown>.condition>.choice{
    /*让col-xs-3默认 static 定位可以让下拉列表铺满*/
    position: static;
}

.list-box>.col-dropdown>.condition>.choice a{
    padding: 2px 10px;
}

.list-box>.col-dropdown>.condition>.choice a.current{
    color:#39ac6a;
}

.choice>ul>li>a>.checkLabel{
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    margin: 5px 0;
}

.choice>ul>li>a>.checkLabel>input{
    float: right;
}

.choice>ul.dropdown-menu li{
    border-bottom: 1px solid #e4e4e4;
    line-height: 32px;
}

.top_menu_parent_phone .choice>ul.dropdown-menu li:last-child{
    border: 0;
}

.choice>ul.dropdown-menu>li.item-btn{
    padding: 5px 10px;
    border: none;
}

.choice>ul.dropdown-menu>li.item-btn>button{
    background-color:#39ac6a;
    border-radius: 0;
}

.top_menu_parent_phone .choice .dropdown-menu a{
    text-align: center;
}


.list1-content-details{
    padding: 40px 32px;
    height: auto;
}

.list1-content-title{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #db9d16;
}

.list1-content-title a{
    font-size: 18px;
    color: #333333;
}

.list1-content-title a+a::before{
    content: '>';
    margin: 0 8px;
    color: #333333;
}

.list1-content-content{
    padding: 60px 0 42px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.list1-content-time-funtion{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 32px;
}

.list1-content-content h3{
    font-size: 22px;
    color: #333333;
    margin-bottom: 32px;
}

.list1-content-time-funtion *{
    font-size: 14px;
    color: #555555;
}

.list1-content-time-funtion>*:not(:first-child){
    margin-left: 50px;
}

.list1-content-time-funtion button{
    border: 0;
    background: none;
}

.list1-video-parent{
    width:100%;
    height: auto;
}

.list1-video-parent video{
    width: 100%;
    height: 640px;
    background-color: #fafafa;
}

.list1-button-parent{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
}

.list1-button-parent button{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 0;
    background: none;
}

.list1-button-parent button div{
    width: 24px;
    height: 27px;
    background-image: url('../images/墨.png');
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list1-right-lists .list2-right-content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: none;
    height: 52px;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
    margin-top: 0;
}

.list2-title{
    width: 100%;
    border-bottom: 1px solid #db9c16;
    padding-bottom: 24px;
}

.list1-right-lists .list2-right-content>span:first-child::before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #dddddd;
    margin-right: 12px;
}

.list1-right-lists .list2-right-content>span:not(:first-child){
    margin-left: 44px;
}

.list1-right-lists .list2-right-content>span{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}






@media screen and (max-width: 1024px ) {
    .media-1024{
        flex-direction: column;
        height: auto;
    }

    .media-1024>div+div{
        margin: 32px 0 0 0;
    }

    .media-1024 .left-title-parent{
        display: none;
    }

    .media-1024  .img-list-parent{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .media-1024  .img-list-parent a+a{
        margin-left: 0;
    }

    .media-1024  .img-list-parent a:not(:first-child){
        margin-top: 20px;
    }


    .media-1024 .activity-list-parent{
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .media-1024 .activity-list-parent a{
        margin-left: 0;
        padding: 16px;
    }

    .media-1024 .advertisement-img-parent img,.media-1024 .advertisement-img-parent{
        width: 100% !important;
    }

    .media-1024 .news-parent{
        width: 100% !important;
    }

    .top-functions a+a{
        margin-left: 8px;
    }

    .top_menu_parent_phone{
        display: block;
        height: 100%;
        width: 100%;
        margin: 0 !important;
    }

    .top_menu_parent_phone .col-dropdown,
    .top_menu_parent_phone .choice,
    .top_menu_parent_phone .condition{
        height: 100%;
    }

    .top_menu_parent_phone .choice>a{
        text-align: left;
        color: #000;
        text-decoration: none;
    }
    
    .choice{
        height: 32px !important;
        width: 100%;
    }

    .col-dropdown>div{
        width: 100%;
    }

    .list1-left-functions{
        display: none;
    }

    .media-list-1024{
        width: 100%;
        margin: 16px 0 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

}

@media screen and (max-width: 768px ) {
    .media-767{
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .media-767 .img-margin > div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ml-14,.ml-64{
        margin: 0;
        margin-top: 12px;
    }
    
    .media-767>.img-margin+div>.img-margin{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .open>.dropdown-menu{
        width: 100%;
    }

    .open>.dropdown-menu li{
        text-align: center;
    }

    .news-title-functions span+span{
        margin-left: 8px;
    }

    .news-parent>div:first-child span{
        font-size: 16px;
    }
    
    .news-parent>div:first-child button span{
        font-size: 14px;
    }

    .news-content{
        font-size: 12px;
    }

    .media-767{
        margin: 0 !important;
        padding-top: 16px !important;
    }

    .media-767-padding{
        padding: 0;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .media-767-padding .list1-right-lists>div{
        padding-top: 0;
        flex-direction: column;
        justify-content: flex-start;
    }

    .media-767-padding .list1-right-lists>div>*{
        margin-top: 16px !important;
    }

    .media-767-padding .list1-right-lists>div>div{
        margin: 0 !important;
        padding: 16px !important;
        box-sizing: border-box;
    }

    .list1-right-lists-imgLists{
        padding: 16px !important;
        box-sizing: border-box;
        justify-content: center;
    }

    .list1-right-lists-imgLists > div{
        width: 276px;
        height: 176px;
        
    }

    .list1-content-time-funtion{
        flex-direction: column;
    }

    .list1-content-time-funtion>*:not(:first-child){
        margin: 0;
    }

    .list1-video-parent video{
        height: auto;
    }

    .list1-button-parent{
        flex-direction: column;
    }
    
    .list1-right-lists .list2-right-content{
        flex-direction: row !important;
    }
    
    .list1-right-lists .list2-right-content span{
        margin-top: 0 !important;
    }

    .list1-right-lists .list2-right-content>span:not(:first-child){
        margin-left: 16px;
    }
    
    
}

@media screen and (max-width: 768px ){
    
    .container-back-img{
        background-size: 100% 100%;
    }
    .list1-right-lists .list2-right-content{
        padding: 0 16px;
        height: auto !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    
    .list1-right-lists .list2-right-content span{
        margin-top: 0 !important;
        margin: 0 !important;
    }

    .list1-right-lists .list2-right-content>span:not(:first-child){
        margin-left: 16px;
    }

    .list2-title{
        padding: 0 16px;
    }

    .list2-right-content{
        padding: 12px 16px 6px 16px !important;
    }

    .list2-right-content>span:last-child{
        max-width: 100% !important;
        text-align: right;
        margin-top: 4px;
    }
}

.list1-content-time-funtion .list2-button button{
    outline: none;
}

.list1-content-time-funtion .list2-button .active{
    color: #ffb639 !important;
}

.large-font{
    font-size: 20px !important;
}
.normal-font{
    font-size: 16px !important;
}
.smarl-font{
    font-size: 12px !important;
}

.navbar-header{
    width: 100%;
}