* {
    margin: 0;
    padding: 0;
    text-decoration-line: none;
    list-style: none;
}

html,
body {
    /*height: 100%;*/
}

.bg {
    background-image: url('../img/index-3.png');
    /* background-repeat: no-repeat;
    background-size: cover;*/
    background-repeat: no-repeat;
    /* background-position: 50% 0px; */
    width: 100%;
    height: 1028px;
    /*background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -50px 0px;
	background-size: 100% 100%;
	background-color: transparent; */
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: -72px center; */
    top: 0%;
    left: 0;
}

.header {

    position: relative;
    top: 320px;
    /* margin-top: 400px; */
}

.navbar {
    margin-bottom: 5px;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-collapse {
    margin-top: 7px;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #fff;
}

.navbar-nav>li {
    flex: 1;
    text-align: center;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;

}

.navbar-header-logo {
    height: 50px;
    align-items: center;
    display: none;
    float: left;
    margin-left: 15px;
}

.active {
    background: #4899F0;
}

.tab_con li {
    display: none;
    background: white;
    /* height: 200px;
            width: 600px;
            font-size: 100px;
            line-height: 200px;
            text-align: center; */
}

.tab_list .current {
    background: red;
    color: #ccc;
}

.tab_con .item {
    display: block;
}



.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    padding: 10px;
    font-size: 16px;
}

.navbar-inverse .navbar-nav>.active>a {
    background-color: transparent;
    text-align: center;
}

.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: transparent;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

.menu {
    display: flex;
    justify-content: space-around;
}

.menu>div {
    line-height: 60px;
}

.dropdown-menu {
    min-width: initial;
    background: #4756A3;
    color: #fff;
    width: 100%;
    text-align: center;
}

.dropdown-menu a {
    color: #fff;
}

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

.navbar .container .navbar-header {
    background-color: #4756A3 !important;
}

/* 轮播 */
.carousel {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(000, 000, 000, 0.5);
    width: 100%;
    display: flex;
    padding: 7px 10px;
}

.carousel-title {
    color: #fff;
    font-size: 15px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.carousel-left {
    flex: 1;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.carousel-indicator {
    display: flex;
}

.carousel-indicator>div {
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #000;
    margin-right: 5px;
    background-color: #fff;
    font-size: 10px;
    border-radius: 2px;
    cursor: pointer;
}

.carousel-indicator .carousel-checked-row {
    background-color: #016534;
    color: #fff;
}

.carousel-cancel-row {
    background-color: #fff;
    color: #000;
}

/* 新闻 */
.new-row {
    display: flex;
    color: #000;
}

.a-underscore {
    float: left;
    width: 100%;
    border-bottom: 0.5px #C3C3C3 dashed;
    box-sizing: border-box;
}

.new-item {
    display: flex;
    margin: 5px 0;
    /*//12px*/
    align-items: center;
}

.black {
    color: #000;
    text-decoration: none;
}

.grey {
    color: #696969;
    font-size: 16px;
    color: #333;
}

.new-item-icon {
    margin-right: 10px;
}

.new-item-icon>img {
    width: 15px;
    height: 15px;
}

.new-item-centen {
    flex: 1;
    height: auto;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #696969;
    /*font-size: 12px;*/
    font-size: 16px;
    color: #333;
    margin: 6px 0;
}

.introduction {
    margin-top: 15px;
    color: #4756A3;
    font-weight: bolder;
    /*margin-bottom: 15px;*/
}

.introtext {
    font-size: 18px;
    margin-bottom: 15px;
}

.learn-row>div:nth-child(2n) {
    float: right;
}

/* 简介 */
.layout {
    /* border: #000 1px solid; */
}

.title-row {
    cursor: pointer;
}

.title-row>div {
    /*font-size: 15px;*/
    color: #4756A3;
    /*font-weight: bolder;*/
    font-size: 18px;
    font-weight: bold;
}

.title-row>img {
    display: block;
    width: 61px;
}

.introType {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4756A3;
    border-radius: 10px;
    margin-bottom: 15px;
}

.introType .introImg {
    width: 30px;
    height: 30px;
    margin-right: 20px;
}

.introType span {
    color: white;
}

.date-row {
    font-size: 13px;
    color: #333;
}

.more-text {
    /*font-size: 12px;*/
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

/* 新闻动态 */

.noticeTitle {
    height: 30px;
    line-height: 30px;
    background: #4756A3;
    color: white;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: bold;
}

.mentTitle {
    flex: 1;
    height: auto;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 公告标题 */
.ment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    width: 100%;
}

.datetime {
    width: 60px;
    text-align: center;
    margin-right: 10px;
}

.datetime .time {
    background: #4756A3;
    color: white;
}

.date {
    border: #E9E9E9 1px solid;
    -webkit-box-sizing: border-box;
}

.dynamicTitle {
    color: #4756A3;
    font-weight: bolder;
}

.dynamic {
    margin-bottom: 10px;
}

/* 科普视频 */
.video {
    margin-top: 12px;
    margin-bottom: 7px;
    float: left;
    width: 50%;
}

.popularVideo {
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
}

.popularVideo .video-cover {
    width: 100%;
    height: 163px;
}

.popularVideo .video-play-icon {
    position: absolute;
    left: 46%;
    top: 32%;
}

.popularVideo span {
    margin-top: 10px;
    font-weight: bolder;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;

}

/* 友情链接 */
.link {
    margin-top: 8px;
}

.likeBtn {
    border: #E4E4E4 1px solid;
    margin-top: 13px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
}

.likeBtn img {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 18px;
    top: 10px;
}

/* 底部 */
.floor {
    margin-top: 20px;
    width: 100%;
    height: 150px;
    background: #4756A3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.floor img {
    margin-right: 30px;
}


/* 联系我们 */
.location {
    width: 91%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    border-bottom: #E6E6E6 1px solid;
}

.location-box {
    width: 99%;
    min-height: 600px;
    margin: 10px auto;
    border: #F3F3F3 10px solid;
    padding: 20px;
}

.location-box div {
    margin: 30px 30px;
}


.link-menu-bottom a {
    color: #000;
}




@media (max-width: 767px) {
    .navbar .container>.navbar-collapse {
        background-color: #fff !important;
    }

    .navbar-header-logo {
        display: flex;
    }

    .navbar-nav {
        display: block !important;
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #000 !important;
    }
}

@media (max-width: 996px) {
    .bg {
        display: none;
    }

    .header {
        top: 0;
    }

    .service-window {
        width: 48%;
        display: inline-block;
    }

    .service-row .service-window:nth-child(2n) {
        float: right;

    }

    .new-row {
        margin-top: 15px;
    }

    /* 首页学会简介图标 */
    .introImg {
        width: 25px;
        /*height: 20px;*/
        margin-right: 10px;
    }

    /* 科普视频高度 */
    .science-video {
        height: 100px;
    }

    .science-left {
        width: 78%;
    }

    .scienceText {
        width: 70%;
    }

    .releaseTime {
        width: 30%;
    }

    /* 科普知识 */
    .science-knowledge-video {
        height: 100px;
    }

    .science-knowledgeText {
        width: 70%;
    }

    .link {
        text-align: center;
    }

    .science-content {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

    .link-item {
        padding-left: 0;
    }

    .navbar-nav>li {
        height: auto;
        display: block;
    }
}

/* 会议服务平台 */
.platform-box {
    margin-top: 20px;
}

.platform {
    text-align: center;
}

.platform-title {
    text-align: center;
    font-size: 17px;
    border-bottom: #E7E7E7 1px solid;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.platform-tab {
    width: 100%;
    background: #F3F3F3;
    margin-top: 10px;
    font-size: 16px;
}

.platform-tab div {
    /*height: 35px;*/
    line-height: 35px;
    text-align: center;
}

.checked {
    background: #4899F0;
    color: white;
    font-weight: bold;
}

.checked>a {
    color: white;
}

.sheet {
    /*clear: both;*/
    /* border: red 1px solid; */
}

.sheet-title {
    width: 98%;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-bottom: #E7E7E7 1px solid;
    padding-bottom: 6px;
    box-sizing: border-box;
}


table {
    margin: 5px auto;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: #fff 1px solid;
}

th {
    /* background-color:#C3D69B; */
    text-align: center;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
    border: #fff 1px solid;
    height: 45px;
}

.even td {
    /*必须加td，代表的是一行进行*/
    /* background-color: #EBF1DD; */
    text-align: center;
    padding: 5px 6px;
    box-sizing: border-box;
    border: #fff 1px solid;
}

.odd td {
    height: 45px;
    /* background-color: #EEEEEE; */
    ;
    text-align: center;
    padding: 5px 6px;
    border: #fff 1px solid;
    box-sizing: border-box;
}

/* 科普视频 */
.science-video {
    margin-top: 10px;
    height: 160px;
    border: #F3F3F3 8px solid;
    padding: 5px 0 5px 0px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 10px;
}

.science-left {
    width: 90%;
    display: flex;
}

.science-video img {
    width: 30%;
}

.scienceText {
    width: 69%;
    padding: 5px 10px;
    box-sizing: border-box;
}

.science-Title {
    font-size: 10px;
    font-weight: bolder;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.science-content {
    font-size: 10px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    color: #A9A9A9;
}

.releaseTime {
    width: 11%;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #A9A9A9;
}

.releaseTime div {
    margin-bottom: 10px;
}

/* 视频列表详情 */
.videoDetails {
    margin-top: 10px;
    /* height: 650px; */
    border: #F3F3F3 8px solid;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
}

.title-box {
    border-bottom: #E7E7E7 1px solid;
}

.videoDetails-title {
    font-size: 20px;
    font-weight: bolder;
}

.videoDetails-item {
    display: flex;
    font-size: 10px;
    justify-content: center;
    margin: 12px 0;
    color: #919191;
    align-items: center;
    font-size: 16px;
}

.btnsTitle {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
}

.btnsTitle button {
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    border: #EFEFEF 1px solid;
    background: white;
    width: 42%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#media {
    margin-top: 45px;
}

/* 科普知识 */
.science-knowledge {
    margin-top: 10px;
    height: 160px;
    border: #F3F3F3 8px solid;
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 10px;
}

.science-knowledgeText {
    width: 90%;
    padding: 5px 10px;
    box-sizing: border-box;
}

.science-knowledge-Title {
    font-size: 16px;
    font-weight: bolder;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.science-knowledge-content {
    font-size: 15px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    color: #A9A9A9;
}

/* 科普知识详情 */
.knowledgeDetails {
    margin-top: 10px;
    /* height: 650px; */
    border: #F3F3F3 8px solid;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;

}

.knowledgeContent {
    margin-top: 20px;
}

.knowledgeContent-title {
    text-align: left;
    /*text-indent: 2em;*/
    margin-bottom: 40px;
    font-size: 16px;
}

/*.knowledgeContent img{*/
/*    width: 70%;*/
/*}*/