/* 首页 */
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    width: 18%;
    display: block;
}

.header .logo img {
    width: 100%;
    display: block;
}

.header .header_right {
    width: 81%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header .header_right .header_nav ul li {
    float: left;
    position: relative;
}

.header .header_right .header_nav ul li h3 {
    font-weight: normal;
}

.header .header_right .header_nav ul li h3 a {
    display: block;
    padding: 0 20px;
    line-height: 100px;
    font-size: 16px;
    color: #222;
    transition: all 0.3s;
}

.header .header_right .header_nav ul li .nav_two {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 999;
    background: #fff;
    display: none;
    border-top: 1px solid #ddd;
}

.header .header_right .header_nav ul li .nav_two a {
    display: block;
    line-height: 42px;
    font-size: 14px;
    color: #666;
    padding: 0 16px;
    white-space: nowrap;
    text-align: center;
    border-bottom: 1px dashed #ddd;
    transition: all 0.3s;
}

.header .header_right .header_nav ul li .nav_two a:last-child {
    border-bottom: none;
}

.header .header_right .header_nav ul li .nav_two a:hover {
    background: #257687;
    color: #fff;
    transition: all 0.3s;
}

.header .header_right .header_nav ul li:hover h3 a {
    color: #257687;
    transition: all 0.3s;
}

.header .header_right .header_nav ul li.active h3 a {
    color: #257687;
}

.header .header_right .header_right_content {
    width: calc(12.58% + 16px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .header_right .header_right_content .search {
    width: 100%;
    border: 1px solid #257687;
    border-radius: 15px;
    height: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.header .header_right .header_right_content .search input {
    display: block;
    width: 76%;
    line-height: 28px;
    font-size: 12px;
    color: #666;
    padding: 0 4px 0 11px;
}
.header .header_right .header_right_content .search button {
    width: 24%;
    display: block;
    border: none;
    padding: 0;
    outline: none;
    background: url(../images/sousuo.png) no-repeat center center;
    cursor: pointer;
    height: 100%;
}
.header .header_right .header_right_content .search .button {
    width: 21px;
	height: 21px;
    border: none;
    cursor: pointer;
	position: absolute;
	top:38px;
	left:91%;
	bottom: 0;
    
}



.header .header_right .header_nav ul .move {
    position: absolute;
    height: 4px;
    background: #257687;
    z-index: -1;
    content: '';
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    left: 0;
    bottom: 0;
    width: 32px;
}

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

.index_banner img {
    width: 100%;
    display: block;
}

.index_banner .banner_content {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
    top: 28.67%;
}

.index_banner .banner_content .cn {
    font-size: 72px;
    color: #fff;
}

.index_banner .banner_content .en {
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
}

.index_content {
    width: 100%;
}

.index_content .index_new {
    padding: 52px 0 56px;
}

.index_content .index_new .Notice_notice {
    width: 60.83%;
    float: left;
}

.index_content .top_title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_content .top_title .title {
    position: relative;
    display: flex;
    line-height: 24px;
    padding-bottom: 16px;
}

.index_content .top_title .title::after {
    content: '';
    width: 95px;
    height: 2px;
    background: #257686;
    position: absolute;
    left: 0;
    bottom: 0;
}

.index_content .top_title .title .cn {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.index_content .top_title .title em {
    display: block;
    font-size: 18px;
    color: #999;
    margin-left: 10px;
}

.index_content .top_title .title .en {
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
    margin-left: 5px;
}

.index_content .top_title .more {
    display: block;
    font-size: 18px;
    color: #257687;
    text-transform: uppercase;
}

.index_content .index_new .Notice_notice ul {
    width: 100%;
    margin-top: 30px;
}

.index_content .index_new .Notice_notice ul li {
    width: 100%;
    margin-bottom: 20px;
}

.index_content .index_new .Notice_notice ul li a {
    display: block;
    padding: 20px 5.71%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.4s;
}

.index_content .index_new .Notice_notice ul li a .date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.index_content .index_new .Notice_notice ul li a .date .day {
    font-size: 60px;
    color: #666;
    line-height: 50px;
    transition: all 0.2s;
    font-family: "Impact";
}

.index_content .index_new .Notice_notice ul li a .date .year_moth {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    transition: all 0.2s;
}

.index_content .index_new .Notice_notice ul li a .list_content {
    width: 87.18%;
}

.index_content .index_new .Notice_notice ul li a .list_content h4 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s;
    font-weight: bold;
}

.index_content .index_new .Notice_notice ul li a .list_content .description {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
    line-height: 28px;
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    transition: all 0.2s;
}

.index_content .index_new .Notice_notice ul li a:hover {
    background: #257687;
    transition: all 0.4s;
}

.index_content .index_new .Notice_notice ul li a:hover .date .day {
    color: #fff;
    transition: all 0.2s;
}

.index_content .index_new .Notice_notice ul li a:hover .year_moth {
    color: #fff;
    transition: all 0.2s;
}

.index_content .index_new .Notice_notice ul li a:hover .list_content h4 {
    color: #fff;
    transition: all 0.2s;
}

.index_content .index_new .Notice_notice ul li a:hover .list_content .description {
    color: #fff;
    transition: all 0.2s;
}

.index_content .index_new .news_information {
    width: 35%;
    float: right;
}

.index_content .index_new .news_information ul {
    width: 100%;
    margin-top: 31px;
}

.index_content .index_new .news_information ul li {
    width: 100%;
    margin-bottom: 20px;
}

.index_content .index_new .news_information ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_content .index_new .news_information ul li a .img {
    width: 36.9%;
    overflow: hidden;
}

.index_content .index_new .news_information ul li a .img img {
    width: 100%;
    display: block;
    transition: all 0.6s;
}

.index_content .index_new .news_information ul li a .news_information_content {
    width: 57.54%;
}

.index_content .index_new .news_information ul li a .news_information_content h4 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
    font-weight: bold;
}

.index_content .index_new .news_information ul li a .news_information_content .date {
    margin: 10px 0 4px;
    font-size: 16px;
    color: #999;
}

.index_content .index_new .news_information ul li a .news_information_content .description {
    font-size: 16px;
    color: #555;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
}

.index_content .index_new .news_information ul li a:hover .img img {
    transition: all 0.6s;
    transform: scale(1.1);
}

.index_content .index_new .news_information ul li a:hover .news_information_content h4 {
    color: #257687;
    transition: all 0.3s;
}

.index_content .workflow {
    width: 100%;
    background: url(../images/bg1.jpg) no-repeat center center;
    background-size: 100% 100%;
    padding: 16px 0 26px;
}

.index_content .workflow .news_information_title {
    width: 100%;
    text-align: center;
}

.index_content .workflow .news_information_title .cn {
    font-size: 20px;
    color: #fff;
}

.index_content .workflow .news_information_title .en {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
    text-transform: uppercase;
}

.index_content .workflow .workflow_nr {
    width: 100%;
    margin-top: 28px;
    position: relative;
}

.index_content .workflow .workflow_nr::after {
    content: '';
    position: absolute;
    width: 120%;
    height: 1px;
    background: url(../images/bg2.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 36px;
    transform: translate(-50%,0);
}

.index_content .workflow .workflow_nr .hd {
    width: 100%;
}

.index_content .workflow .workflow_nr .hd ul {
    display: flex;
    justify-content: space-around;
}

.index_content .workflow .workflow_nr .hd ul li {
    width: 10.42%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.index_content .workflow .workflow_nr .hd ul li.on {
    background: #fff;
    color: #257687;
    transition: all 0.3s;
}

.index_content .workflow .workflow_nr .bd {
    width: 100%;
    margin-top: 20px;
    position: relative;
    z-index: 99;
}

.index_content .workflow .workflow_nr .bd .bd_list {
    width: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.6s;
}

.index_content .workflow .workflow_nr .bd .bd_list ul {
    display: flex;
    justify-content: space-around;
}

.index_content .workflow .workflow_nr .bd .bd_list ul li {
    width: 16%;
    text-align: center;
}

.index_content .workflow .workflow_nr .bd .bd_list ul li img {
    width: 60px;
    display: block;
    margin: 0 auto;
}

.index_content .workflow .workflow_nr .bd .bd_list ul li p {
    margin-top: 6px;
    font-size: 16px;
    color: #fff;
}

.index_content .workflow .workflow_nr .bd .bd_list.on {
    opacity: 1;
    height: auto;
    transition: all 0.6s;
}

.index_content .message_academic {
    padding: 50px 0 54px;
}

.index_content .message_academic >div {
    width: 47.92%;
}

.index_content .message_academic .Information_publicity.Notice_notice {
    width: 47.92%;
}

.index_content .message_academic .Information_publicity {
    float: left;
}

.index_content .message_academic .Information_publicity ul {
    margin-top: 38px;
}

.index_content .message_academic .Information_publicity ul li {
    width: 100%;
    margin-bottom: 20px;
}

.index_content .message_academic .Information_publicity ul li:last-child {
    margin-bottom: 0;
}

.index_content .message_academic .Information_publicity ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_content .message_academic .Information_publicity ul li a .img {
    width: 43.48%;
    overflow: hidden;
}

.index_content .message_academic .Information_publicity ul li a .img img {
    width: 100%;
    display: block;
    transition: all 0.6s;
}

.index_content .message_academic .Information_publicity ul li a .Information_publicity_nr {
    width: 52.17%;
    position: relative;
    padding-bottom: 34px;
    transition: all 0.4s;
}

.index_content .message_academic .Information_publicity ul li a .Information_publicity_nr h4 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s;
}

.index_content .message_academic .Information_publicity ul li a .Information_publicity_nr .date {
    font-size: 16px;
    color: #999;
    margin: 12px 0 10px;
}

.index_content .message_academic .Information_publicity ul li a .Information_publicity_nr .description {
    font-size: 16px;
    color: #999;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_content .message_academic .Information_publicity ul li a .Information_publicity_nr .jr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 21px;
    height: 6px;
    transition: all 0.4s;
    background: url(../images/jr.png) no-repeat right 1px;
    border-bottom: 2px solid #333;
}

.index_content .message_academic .Information_publicity ul li a:hover .img img {
    transition: all 0.6s;
    transform: scale(1.1);
}

.index_content .message_academic .Information_publicity ul li a:hover .Information_publicity_nr h4 {
    color: #257687;
    transition: all 0.3s;
}

.index_content .message_academic .Information_publicity ul li a:hover .Information_publicity_nr .jr {
    width: 53px;
    background: url(../images/jr_hover1.png) no-repeat right 1px;
    border-bottom: 2px solid #257687;
    transition: all 0.4s;
}

.index_content .message_academic .Academic_trends {
    float: right;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr {
    width: 100%;
    margin-top: 38px;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left {
    width: 43.78%;
    float: left;
    display: block;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left .img {
    width: 100%;
    overflow: hidden;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left .img img {
    width: 100%;
    display: block;
    transition: all 0.6s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left .Academic_trends_left_nr {
    width: 100%;
    margin-top: 22px;
    padding-bottom: 10px;
    position: relative;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left .Academic_trends_left_nr h4 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
    font-weight: bold;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left .Academic_trends_left_nr .date {
    font-size: 18px;
    color: #666;
    margin: 10px 0 16px;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left .Academic_trends_left_nr .description {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left .Academic_trends_left_nr .jr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 21px;
    height: 6px;
    border-bottom: 2px solid #333;
    background: url(../images/jr.png) no-repeat right 1px;
    transition: all 0.4s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left:hover .img img {
    transition: all 0.6s;
    transform: scale(1.1);
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left:hover .Academic_trends_left_nr h4 {
    color: #257687;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_left:hover .Academic_trends_left_nr .jr {
    width: 53px;
    background: url(../images/jr_hover1.png) no-repeat right 1px;
    border-bottom: 2px solid #257687;
    transition: all 0.4s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right {
    width: 53.62%;
    float: right;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li {
    width: 100%;
    border-bottom: 1px dashed #ccc;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li:last-child {
    border-bottom: none;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a {
    padding: 16px 8%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a .date .day {
    font-size: 30px;
    color: #257687;
    font-family: "Impact";
    line-height: 30px;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a .date .year_moth {
    font-size: 18px;
    color: #666;
    padding-top: 16px;
    position: relative;
    margin-top: 18px;
    white-space: nowrap;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a .date .year_moth::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #f1f1f1;
    left: 0;
    top: 0;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a .Academic_trends_right_nr {
    width: 72.9%;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a .Academic_trends_right_nr h4 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 30px;
    height: 60px;
    text-align: justify;
    transition: all 0.3s;
    font-weight: bold;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a .Academic_trends_right_nr .jr {
    width: 21px;
    height: 6px;
    border-bottom: 2px solid #333;
    background: url(../images/jr.png) no-repeat right 1px;
    margin-top: 12px;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a:hover {
    background: #257687;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a:hover .date .day {
    color: #fff;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a:hover .date .year_moth {
    color: #fff;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a:hover .Academic_trends_right_nr h4 {
    color: #fff;
    transition: all 0.3s;
}

.index_content .message_academic .Academic_trends .Academic_trends_nr .Academic_trends_right li a:hover .Academic_trends_right_nr .jr {
    width: 52px;
    border-bottom: 2px solid #fff;
    background: url(../images/jr_hover2.png) no-repeat right 1px;
    transition: all 0.3s;
}

.index_content .Quick_links {
    padding-bottom: 100px;
}

.index_content .Quick_links ul {
    width: 100%;
    margin-top: 40px;
}

.index_content .Quick_links ul li {
    width: 18.11%;
    float: left;
    margin-right: 1.85%;
}

.index_content .Quick_links ul li a {
    display: block;
    height: 100px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.3s;
}

.index_content .Quick_links ul li:last-child {
    margin-right: 0;
}

.index_content .Quick_links ul li a .img {
    width: 11.76%;
    display: none;
}

.index_content .Quick_links ul li a .img img {
    width: 100%;
    display: block;
}

.index_content .Quick_links ul li a .img .img_hover {
    display: none;
}

.index_content .Quick_links ul li a .list_content {
    width: 88%;
    text-align: center;
}

.index_content .Quick_links ul li a .list_content .cn {
    font-size: 17px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.index_content .Quick_links ul li a .list_content .en {
    margin-top: 6px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.index_content .Quick_links ul li a:hover {
    background: #257687;
    border: 1px solid #257687;
    transition: all 0.3s;
}

.index_content .Quick_links ul li a:hover img {
    display: none;
}

.index_content .Quick_links ul li a:hover .img_hover {
    display: block;
}

.index_content .Quick_links ul li a:hover .list_content .cn {
    color: #fff;
    transition: all 0.3s;
}

.index_content .Quick_links ul li a:hover .list_content .en {
    color: #fff;
    transition: all 0.3s;
}

.index_content .Quick_links ul li:nth-child(5) {
    margin-right: 0;
}

.footer {
    width: 100%;
    background: #151717;
}

.footer .footer_top {
    padding: 60px 0 20px;
}

.footer .footer_top .footer_left {
    width: 79.86%;
    float: left;
}

.footer .footer_top .footer_left .Site_navigation {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #424343;
}

.footer .footer_top .footer_left .Site_navigation .title {
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.footer .footer_top .footer_left .Site_navigation .title .cn {
    font-size: 24px;
    color: #fefefe;
}

.footer .footer_top .footer_left .Site_navigation .title .en {
    margin-left: 14px;
    font-size: 18px;
    color: #8a8b8b;
    text-transform: uppercase;
}

.footer .footer_top .footer_left .Site_navigation .Site_navigation_nr {
    margin-top: 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer .footer_top .footer_left .Site_navigation .Site_navigation_nr a {
    font-size: 16px;
    color: #fefefe;
    transition: all 0.3s;
    display: block;
    line-height: 24px;
}

.footer .footer_top .footer_left .Site_navigation .Site_navigation_nr a:hover {
    color: #257687;
    transition: all 0.3s;
}

.footer .footer_top .footer_left .Site_navigation .Site_navigation_nr em {
    display: block;
    width: 1px;
    height: 15px;
    background: #858686;
    margin: 0 35px;
}

.footer .footer_top .footer_left .Site_navigation .Site_navigation_nr em:last-child {
    display: none;
}

.footer .footer_top .footer_left .contact_information {
    margin-top: 25px;
}

.footer .footer_top .footer_left .contact_information >div {
    width: 30%;
    float: left;
    font-size: 16px;
    color: #cfd0d0;
    margin: 0 1% 12px 0;
}

.footer .footer_top .footer_left .related_links {
    width: 100%;
    margin-top: 24px;
    line-height: 24px;
    display: flex;
    flex-wrap: wrap;
}

.footer .footer_top .footer_left .related_links span {
    font-size: 16px;
    color: #fefefe;
    margin-right: 4%;
}

.footer .footer_top .footer_left .related_links a {
    font-size: 16px;
    color: #8a8b8b;
    margin: 0 8.68% 10px 0;
    transition: all 0.3s;
    display: block;
}

.footer .footer_top .footer_left .related_links a:hover {
    color: #fff;
    transition: all 0.3s;
}

.footer .footer_top .footer_right {
    width: 8.89%;
    float: right;
    margin-top: 48px;
}

.footer .footer_top .footer_right img {
    width: 100%;
    border: 4px solid #257687;
    display: block;
    box-sizing: border-box;
}

.footer .footer_top .footer_right p {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #fefefe;
}

.footer .footer_bottom {
    width: 100%;
    text-align: center;
    border-top: 2px solid #3f4141;
    line-height: 70px;
    font-size: 14px;
    color: #a8a9a9;
}

.footer .footer_bottom a {
    color: #a8a9a9;
    transition: all 0.3s;
    margin-left: 10px;
}

.footer .footer_bottom a:hover {
    color: #fff;
    transition: all 0.3s;
}

/* 组织机构 */
.banner {
    width: 100%;
    position: relative;
}

.banner img {
    width: 100%;
    display: block;
}

.banner p {
    position: absolute;
    top: 33.14%;
    font-size: 48px;
    color: #fff;
    left: 3.5%;
    line-height: 56px;
    width: 22.15%;
    text-align: right;
}

.banner em {
    width: 25.65%;
    height: 2px;
    background: url(../images/banner_bottom.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 56.29%;
}

.content {
    width: 100%;
}

.content .crumbs {
    width: 100%;
    background: #f9f9f9;
}

.content .crumbs >.w1440 {
    line-height: 62px;
    font-size: 16px;
}

.content .crumbs >.w1440 a {
    color: #333;
}

.content .crumbs >.w1440 em {
    color: #333;
    margin: 0 8px;
}

.content .crumbs >.w1440 span {
    color: #257687;
}

.content .content_nr {
    padding: 80px 0 50px;
}

.content .content_nr .content_left {
    width: 17.64%;
    float: left;
}

.content .content_nr .content_left .content_title {
    width: 100%;
    padding: 24px 7.48% 33px;
    background: #228195;
    box-sizing: border-box;
}

.content .content_nr .content_left .content_title h3 {
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 28px;
    position: relative;
}

.content .content_nr .content_left .content_title h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 4px;
    background: #fff;
}

.content .content_nr .content_left .two_nav_box {
    width: 100%;
    margin-top: 16px;
    border-top: 1px solid #eee;
    display: block;
}

.content .content_nr .content_left .two_nav_box a {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 13px 4.72% 13px 7%;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
}

.content .content_nr .content_left .two_nav_box a.active {
    background: #257687;
    color: #fff;
}
.content .content_nr .content_left .two_nav_box a:hover {
    border-bottom: #21879C 1px dotted;

}

.content .content_nr .content_right {
    width: 74.79%;
    float: right;
}

.content .content_nr .content_right .title {
    width: 100%;
    text-align: center;
}

.content .content_nr .content_right .title .cn {
    font-size: 20px;
    color: #333;
}

.content .content_nr .content_right .title .en {
    font-size: 16px;
    color: #ccc;
    margin-top: 8px;
    text-transform: uppercase;
}

.content .content_nr .content_right .Department {
    width: 100%;
}

.content .content_nr .content_right .Department >div {
    width: 100%;
}

.content .content_nr .content_right .Department .Department_profile {
    margin-bottom: 48px;
}

.content .content_nr .content_right .Department .Department_profile .Department_profile_nr {
    width: 100%;
    margin-top: 24px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: justify;
}

.content .content_nr .content_right .Department .Person_information {
    width: 100%;
}

.content .content_nr .content_right .Department .Person_information ul {
    margin-top: 46px;
	display: flex;/*用flex控制列表显示左对齐*/
	flex-wrap: wrap;
}

.content .content_nr .content_right .Department .Person_information ul li {
    width: 48%;
    float: left;
    margin:10px 10px 40px 10px;
	
}

.content .content_nr .content_right .Department .Person_information ul li:nth-child(2n) {
    float: right;
}

.content .content_nr .content_right .Department .Person_information ul li .img {
    width: 41.67%;
    float: left;
}

.content .content_nr .content_right .Department .Person_information ul li .img img {
    width: 100%;
    display: block;

}

.content .content_nr .content_right .Department .Person_information ul li .Responsible_information {
    width: 54.25%;
    float: right;
    padding-top: 6px;
	line-height: 25px;
	font-size: 20px;
	color: #333;
}

.content .content_nr .content_right .Department .Person_information ul li .Responsible_information .name {
    font-size: 20px;
    color: #333;
    padding-bottom: 16px;
    position: relative;
    margin-bottom: 16px;
}

.content .content_nr .content_right .Department .Person_information ul li .Responsible_information .name::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32.52%;
    height: 1px;
    background: #257687;
}

.content .content_nr .content_right .Department .Person_information ul li .Responsible_information >div {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    /* margin-bottom:8px; */
    text-align: justify;
}

.content .content_nr .content_right .Department .Person_information ul li .Responsible_information .office_phone span {
    display: none;
}

.content .content_nr .content_right .Department .Person_information ul li .Responsible_information .email_address span {
    display: none;
}

.content .content_nr .content_right .Department .Person_information ul li .Responsible_information .Office_Address span {
    display: none;
}

/* 组织机构-办公室 */
/* 通知公告 */
.content .content_nr .content_left .Top_notice {
    width: 100%;
    padding: 14px 0 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.16);
    margin-top: 20px;
}

.content .content_nr .content_left .Top_notice h4 {
    font-size: 18px;
    color: #21879c;
    background: url(../images/zb1.png) no-repeat 20px center;
    padding-left: 34px;
    line-height: 24px;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr {
    width: 100%;
    margin-top: 4px;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a {
    display: block;
    padding: 0 10px;
    transition: all 0.3s;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a .Top_notice_content {
    padding: 15px 10px;
    border-bottom: 1px dashed #ccc;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a:last-child .Top_notice_content {
    border-bottom: none;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a h5 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
    font-weight: bold;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a .description {
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all 0.3s;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a .date {
    margin-top: 10px;
    font-size: 18px;
    color: #666;
    transition: all 0.3s;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a .jr {
    margin-top: 26px;
    width: 21px;
    height: 6px;
    border-bottom: 2px solid #444;
    background: url(../images/jr.png) no-repeat right 1px;
    transition: all 0.3s;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a:hover h5 {
    color: #21879c;
    transition: all 0.3s;
}

.content .content_nr .content_left .Top_notice .Top_notice_nr a:hover .jr {
    width: 46px;
    background: url(../images/jr_hover1.png) no-repeat right 1px;
    border-bottom: 2px solid #21879c;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement {
    width: 100%;
}

.content .content_nr .content_right .notification_announcement ul li {
    width: 100%;
    border-bottom: 1px dashed #ccc;
}

.content .content_nr .content_right .notification_announcement ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 34px 4.64% 34px 0;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a .list_content {
    width: 85%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.5s;
}

.content .content_nr .content_right .notification_announcement ul li a .list_content .date {
    width: 16.2%;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 8px 0;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a .list_content .date .day {
    font-size: 36px;
    color: #666;
    font-family: "Impact";
    line-height: 34px;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a .list_content .date .year_moth {
    margin-top: 16px;
    font-size: 14px;
    color: #999;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a .list_content .list_content_nr {
    width: 78.5%;
}

.content .content_nr .content_right .notification_announcement ul li a .list_content .list_content_nr h5 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
    font-weight: bold;
}

.content .content_nr .content_right .notification_announcement ul li a .list_content .list_content_nr .description {
    margin-top: 8px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.content .content_nr .content_right .notification_announcement ul li a .enter_into {
    width: 34px;
    height: 34px;
    background: url(../images/list_jr.png) no-repeat center center;
    background-size: 100% 100%;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a:hover {
    background: #f4f8f9;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a:hover .list_content .list_content_nr h5 {
    color: #257687;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a:hover .enter_into {
    background: url(../images/list_jr_hover.png) no-repeat center center;
    background-size: 100% 100%;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a:hover .list_content .date {
    border-right: 1px solid #257687;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a:hover .list_content .date .day {
    color: #257687;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a:hover .list_content .date .year_moth {
    color: #257687;
    transition: all 0.3s;
}

.content .content_nr .content_right .notification_announcement ul li a:hover .list_content {
    transform: translate(50px,0);
    transition: all 0.5s;
}

.paginationjs-pages .p_pages {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 50px;
}

.paginationjs-pages .p_pages span {
    width: 30px;
    height: 30px;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 0 !important;
    float: none;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #4c4c4c;
}

.paginationjs-pages .p_pages span:first-child {
    display: none;
}

.paginationjs-pages .p_pages span:last-child {
    display: none;
}

.paginationjs-pages .p_pages span.p_no_d {
    background: #257687;
    border: 1px solid #257687;
    color: #fff;
}

.paginationjs-pages .p_pages span a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #4c4c4c;
}

.paginationjs-pages ul li span {
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: none;
    font-size: 14px;
    color: #4c4c4c;
}

.paginationjs-pages ul li.active {
    background: #257687;
    border: 1px solid #257687;
}

.paginationjs-pages ul li.active a {
    color: #fff;
}

.paginationjs-pages ul li.active span {
    color: #fff;
}

/* 通知公告-详情 */
.content .content_nr .content_right .content_details {
    width: 100%;
}

.content .content_nr .content_right .content_details .content_details_title {
    width: 100%;
    text-align: center;
}

.content .content_nr .content_right .content_details .content_details_title h4 {
    font-size: 24px;
    color: #333;
	font-weight: bold;
	padding: 10px 0;
}

.content .content_nr .content_right .content_details .content_details_title .date {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
}

.content .content_nr .content_right .content_details .content_details_nr {
    margin-top: 30px;
    padding-bottom: 44px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    border-bottom: 1px solid #f3f3f3;
}

.content .content_nr .content_right .content_details .content_details_nr p {
    text-indent: 2em;
}
.content .content_nr .content_right .content_details .content_details_nr p:last-child {
    margin-bottom: 0;
}

.content .content_nr .content_right .content_details .content_details_nr p a {
    color: #257687;
}
.content .content_nr .content_right .content_details .content_details_nr p img {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-indent: 0;
}
.content .content_nr .content_right .content_details .content_details_nr img {
    max-width: 100%;
    margin: 0 auto;	 
}
.content_details table{ font-size:14px; margin-top:15px; margin-bottom:15px; width:100%; border-collapse: collapse;}
.content_details table a{ color:#323232;}
.content_details table a:hover{ color:#257687; text-decoration:underline;}
.content_details table img{ max-width:600px;}
.content_details table td{ text-align:center; padding:5px 10px; border:1px #bbb solid;}
.content_details table td:hover{ background:#dcf8f9;}
.content_details table td p{ text-indent:0px; margin:0; padding:0;}


.content_details table th{background: #7030a0;color: #fff;font-size: .22rem;font-weight: 600;}


.content_details video{width:100%;object-fit:cover;height:auto;}

.content_details strong{font-weight:bold;}








.skip {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.skip a {
    display: flex;
    width: 27.78%;
    line-height: 44px;
    padding: 0 22px;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    border: 1px solid #999;
    transition: all 0.3s;
}

.skip a span {
    white-space: nowrap;
}

.skip a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.skip .Returns_list {
    justify-content: center
}

.skip a:hover {
    border-color: #257687;
    background: #257687;
    color: #fff;
    transition: all 0.3s;
}

/* 学术动态-详情 */
/* 科研平台 */
.content .content_nr .content_right .scientific_research_platform {
    width: 100%;
}

.content .content_nr .content_right .scientific_research_platform ul li {
    width: 100%;
    margin-bottom: 30px;
}

.content .content_nr .content_right .scientific_research_platform ul li h4 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    position: relative;
    padding-bottom: 18px;
}

.content .content_nr .content_right .scientific_research_platform ul li h4::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background: #257687;
    left: 0;
    bottom: 0;
}

.content .content_nr .content_right .scientific_research_platform ul li .scientific_research_platform_nr {
    width: 100%;
    margin-top: 30px;
}

.content .content_nr .content_right .scientific_research_platform ul li .scientific_research_platform_nr a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29.71%;
    margin: 0 5.435% 22px 0;
    border: 1px solid #ccc;
    padding: 0 1%;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    text-align: center;
    height: 74px;
    line-height: 24px;
    transition: all 0.3s;
    float: left;
}

.content .content_nr .content_right .scientific_research_platform ul li .scientific_research_platform_nr a:nth-child(3n) {
    margin-right: 0;
}

.content .content_nr .content_right .scientific_research_platform ul li .scientific_research_platform_nr a:hover {
    background: #257687;
    color: #fff;
    border: 1px solid #257687;
    transition: all 0.3s;
}

/* 技术 */
/* 党建工作 */
/* 党建工作-详情 */
/* 移动端样式 */
.search_mobile {
    width: 18px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer;
    display: none;
}

.search_mobile img {
    width: 100%;
    display: block;
}

.search_windows {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}

.search_windows .search_windows_nr {
    width: 60%;
    border-bottom: 2px solid #257687;
    padding: 0 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.search_windows .search_windows_nr input {
    line-height: 60px;
    background: none;
    font-size: 28px;
    color: #fff;
    display: block;
    width: 88%;
}

.search_windows .search_windows_nr button {
    width: 6%;
    border: none;
    background: url(../images/isousuo.png) no-repeat center center;
    cursor: pointer;
    outline: none;
}

.header .sjdh {
    width: 24px;
    height: 18px;
    cursor: pointer;
    position: relative;
    display: none;
    z-index: 999999;
    margin-left: 18px;
}

.header .sjdh .line {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #257687;
    left: 0;
    transition: all .5s ease;
    margin: 0;
}

.header .sjdh .line1 {
    top: 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
}

.header .sjdh .line2 {
    top: 8px;
}

.header .sjdh .line3 {
    top: calc(100% - 2px);
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
}

.header .sjdh.on .line {
    left: 4px;
}

.header .sjdh.on .line1 {
    transform: rotate(47deg);
    top: 0;
}

.header .sjdh.on .line2 {
    display: none;
}

.header .sjdh.on .line3 {
    transform: rotate(-47deg);
    top: calc(100% - 1px);
}

.sj-cd {
    position: fixed;
    width: 84%;
    top: 0;
    padding-top: 60px;
    background: #323232;
    z-index: 99999;
    right: -84%;
    height: 100%;
}

.sj-cd .sj-cd-nav .isj-cd-nav {
    width: 100%;
}

.sj-cd .sj-cd-nav .isj-cd-nav h5 {
    font-weight: normal;
    border-bottom: 1px solid #222;
}

.sj-cd .sj-cd-nav .isj-cd-nav h5 a {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 46px;
    padding: 0 5%;
    position: relative;
}

.sj-cd .sj-cd-nav .isj-cd-nav.nav_two h5 a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 5%;
    background: url(../images/nav_jr.png) no-repeat center center;
    width: 8px;
    background-size: 100% auto;
    height: 100%;
}

.sj-cd .sj-cd-nav .isj-cd-nav.on h5 {
    background: #222;
    border-bottom: none
}

.sj-cd .sj-cd-nav .isj-cd-nav.on h5 a {
    color: #fff;
}

.sj-cd .sj-cd-nav .isj-cd-nav ul {
    width: 100%;
    display: none
}

.sj-cd .sj-cd-nav .isj-cd-nav ul li {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #222;
}

.sj-cd .sj-cd-nav .isj-cd-nav ul li a {
    display: block;
    width: 100%;
    padding: 0 7%;
    font-size: 12px;
    color: #fff;
}

.sj-cd .mobile_search {
    width: 80%;
    height: 60px;
    position: absolute;
    left: 5%;
    top: 0;
    display: flex;
    align-items: center;
}

.sj-cd .mobile_search input {
    width: 90%;
    height: 32px;
    background: #fff;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    line-height: 32px;
    box-sizing: border-box;
    display: block;
}

.sj-cd .mobile_search button {
    display: block;
    width: 10%;
    background: url(../images/isousuo.png) no-repeat center center #257687;
    height: 32px;
    border: none;
    background-size: 18px auto;
    cursor: pointer;
    outline: none;
}

.mobile_banner {
    width: 100%;
    display: none;
}

.mobile_banner img {
    width: 100%;
    display: block;
}

.mobile_carousel {
    display: none;
}

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

.carousel ul li {
    width: 100%;
}

.carousel ul li img {
    width: 100%;
    display: block;
}

.footer_right {
    display: none;
}

.content .content_nr .content_left .content_title h3 em:first-child {
    display: none;
}

.content .crumbs >.w1440 em:last-child {
    display: none;
}

.content .content_nr .content_right .content_details .content_details_nr table {
    width: 100%;
}