.search-container-header {
    position: relative;
    width: 29px;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
    transition: width 0.4s ease;
    background-color: #6671b2;
    cursor: pointer;

  }

  .search-container-header:hover,
  .search-container-header.focused {
    width: 150px; /* 展开宽度 */
    justify-content: flex-start; /* 展开后内容靠左布局 */
  }

  .search-icon-header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
    transition: all 0.3s ease;
    z-index: 2;
  }

  .search-container-header:hover .search-icon-header,
  .search-container-header.focused .search-icon-header {
    /* 移动到最右侧 */
    left: auto;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }

  .search-input-header {
    position: absolute;
    right: 40px;
    width: 100px;
    height: 100%;
    padding: 0;
    border: none;
    outline: none;
    font-size: 12px;
    background: transparent;
    color: #fff;
    opacity: 0;
    pointer-events: none; /* 防止未展开时被点击 */
    transition: opacity 0.3s 0.1s ease;
    box-sizing: border-box;
  }

  .search-container-header:hover .search-input-header,
  .search-container-header.focused .search-input-header {
    opacity: 1;
    pointer-events: auto;
  }

  .search-input-header:focus {
    opacity: 1 !important;
  }

  /* 占位符颜色 */
  .search-input-header::placeholder {
    color: #fff !important;
  }
  .search-input-header::-webkit-input-placeholder {
    color: #fff !important;
  }
  .search-input-header::-moz-placeholder {
    color: #fff !important;
  }
  .search-input-header:-ms-input-placeholder {
    color: #fff !important;
  }
.nav-right-info .zh_click{
margin-right: 10px;
}
 .clearfix:before, .clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
.nav-two-item-yanjiu-list a {
display: inline-block;
height: 36px;
line-height: 36px;
margin-right: 20px;
font-family: NotoSansCJKsc-Regular;
font-size: 16px;
color: #FFF;
}

#mobile_list .zh_click{
  color: #2d1e6e;
  border-bottom: 1px solid #DFDFDF;
  font-size: 16px;
  width: 100%;
  padding: 20px 0;
  font-weight: 450;

}
.nav-right-bottom-content {
height: 40px;
position: relative;
}
.nav-right-bottom {
background: #005984;
padding: 20px 30px;
height: 100%;
}
.nav-right-bottom p {
font-family: NotoSansCJKsc-Regular;
font-size: 16px;
color: #FFFFFF;
line-height: 28px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control {
box-shadow: none!important;
}
.nav-right-bottom-content input {
border: 1px solid #979797;
border-radius: 0;
background: none;
height: 100%;
padding-right: 90px;
color: #fff;
}
.nav-right-btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.nav-right-bottom-content button {
background: #3DA1D2;
padding: 0px;
text-align: center;
color: #fff;
height: 40px;
width: 80px;
font-size: 14px;
border-radius: 0;
position: absolute;
right: 0px;
top: 0px;
line-height: 40px;
}
.nav-right-btn:hover, .nav-right-btn:focus {
color: #333;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.mobile-two-link-yanJiu dl {
margin-bottom: 20px;
}
.mobile-two-link-yanJiu dt {
font-family: NotoSansCJKsc-Bold;
font-size: 16px;
color: #FFF;
margin-bottom: 20px;
}
.mobile-two-link-yanJiu dt .iconfont {
margin-right: 15px;
}
.mobile-two-link-yanJiu dd {
font-family: NotoSansCJKsc-Regular;
font-size: 14px;
color: #FFF;
text-indent: 28px;
margin-bottom: 20px;
display: none;
}
.mobile-two-link-yanJiu dl.active dd {
display: block;
}
}



body{
font-size: 14px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #428bca;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}


@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #428bca;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-form.navbar-right:last-child {
margin-right: -15px;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
.navbar-text.navbar-right:last-child {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #777;
}
.navbar-inverse .navbar-nav > li > a {
color: #777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #777;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #777;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}

/* 导航 */
.nav {
/* position: absolute; */
position: fixed;
top: 0;
left: 0;
/* width: 100vw; */
width: 100%;
height: 110px;

background: 
linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), /* 半透明白色叠加层 */
#FFF url(../img/14.png) no-repeat 30px center; /* 原始背景设置 */
background-size:contain;
box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.18);
z-index: 1000;
}

.nav-logo {
/* width: 240px; */
/* height: 40px; */
/* width: 460px; */
/* height: 73px; */
float: left;
/*margin-top: 37px; */
/* margin:19px 0; */
/* background: url(../img/nav-logo.png) no-repeat center center; */
/* background: url(../img/nav-logo.png) no-repeat; */
/* background-size: 100%; */
/* font-size: 0px; */
display: flex;
align-items: center;
height: 70px;
margin-top: 25px;
}

.nav-right-info {
width: 704px;
height: 100%;
float: right;
}

.nav-top-icons {
width: 100%;
height: 46px;
line-height: 46px;
border-bottom: 1px solid #BEBEBE;
text-align: right;
}

.nav-top-icons a {
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #2d1e6e;
vertical-align: middle;
}

.nav-icon-global {
font-size: 16px;
margin-right: 10px;
}

.nav-icon-search {
font-size: 18px;
}

.center-divider-line {
display: inline-block;
width: 1px;
height: 14px;
background: #999;
vertical-align: middle;
margin: 0 10px;
}

.nav-bottom-list {
width: 100%;
height: 64px;
text-align: justify;
/* text-align: right; */
}

.nav-bottom-list::after {
width: 100%;
content: '';
display: inline-block;
overflow: hidden;
height: 0;
}

.nav-bottom-list li {
display: inline-block;
/* padding: 0 28px; */
height: 64px;
line-height: 64px;
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 18px;
color: #333;
/* margin-left: 5px; */
cursor: pointer;
}

.nav-bottom-list li a:hover {
color: #333 !important;
}

.nav-bottom-list li.active {
border-bottom: 4px solid #3DA1D2;
}

.nav .container {
position: relative;
}

.nav-two-list {
position: absolute;
left: 0;
top: 110px;
width: 100%;
height: auto;
z-index: 10;
}

.nav-two-item {
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
    background: #005984 url(../img/nav-two-bg.png) no-repeat right bottom;
display: none;
}

.nav-two-item.active {
display: block;
/* width: 1370px; */
/* margin-left: 15px; */
width: 1400px;
}

.nav-two-item-guanyu {
padding: 45px 105px 20px 105px;
}

.nav-two-item-guanyu-item {
display: block;
margin-bottom: 30px;
}

.nav-two-item-title {
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 20px;
color: #FFF;
margin-bottom: 6px;
white-space: nowrap;
}

.nav-two-item-title .iconfont {
font-size: 14px;
color: #CCC;
margin-right: 10px;
}

.nav-two-item-subtitle {
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #B9B9B9;
text-indent: 30px;
}

.nav-two-item-yanjiu {
padding: 40px;
}

.nav-two-item-yanjiu-nav-box {
display: inline-block;
width: 780px;
margin-right: 50px;
vertical-align: top;
}

.nav-two-item-yanjiu-Introduction {
display: inline-block;
width: calc(100% - 785px);
vertical-align: top;
}

.nav-two-item-yanjiu-title {
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 20px;
color: #FFF;
}

.nav-two-item .divider-line {
width: 100%;
height: 1px;
background: #979797;
margin-top: 10px;
margin-bottom: 10px;
}

.nav-two-item-yanjiu-list {
margin-bottom: 25px;
font-family: Helvetica, Arial, sans-serif;
}

.nav-two-item-yanjiu-Introduction-text {
font-family: NotoSansCJKsc-Regular;
font-size: 14px;
color: #B9B9B9;
line-height: 24px;
margin: 10px 0 30px;
}
.nav-two-item-dongtai {
padding: 72px 80px 80px;
}

.nav-two-dongtai-item {
display: block;
padding: 0 15px;
}

.nav-two-dongtai-item-img {
width: 100%;
height: 167px;
position: relative;
}

.nav-two-dongtai-item-img img {
width: inherit;
height: inherit;
object-fit: cover;
}

.nav-two-dongtai-item-title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 20px;
color: #FFF;
}

.nav-two-dongtai-item-text {
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #B9B9B9;
margin-top: 20px;
}

.nav-two-item-huodong {
padding: 50px 100px;
}

.nav-two-item-huodong-sbutitle {
font-family: TimesNewRomanPSMT, Noto Serif, Helvetica, Arial, sans-serif;
font-size: 20px;
color: #FFF;
display: block;
white-space: nowrap;
margin: 10px 0;
}

.nav-two-item-huodong .col-sm-3 .nav-two-item-huodong-sbutitle {
margin-bottom: 30px;
}

.nav-two-item-huodong-sbutitle .iconfont {
display: inline-block;
font-size: 14px;
color: #ccc;
vertical-align: middle;
margin-right: 10px;
}

.nav-two-item-huodong-other {
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #FFF;
/* text-indent: 30px; */
padding-left: 30px;
display: inline-block;
margin-top: 5px;
margin-bottom: 20px;
}



.nav-right-top {
padding: 15px;
padding-top: 20px;
padding-left: 30px;
padding-bottom: 0px;
background: #F6F8FA
}

.nav-right-top .nav-top-icons {
border: none;
text-align: left;
}

.btn-group .btn {
background: #fff !important;
box-shadow: none !important;
}

.close-nav {
float: right;
color: #073D6D;
margin-bottom: 10px;
font-size: 18px;
cursor: pointer;
}

.search-input-nav {
display: inline-block;
height: 36px;
border: 1px solid #ccc;
width: 100%;
border-radius: 34px;
overflow: hidden;
position: relative;
margin: 10px auto;
vertical-align: middle;
}

.search-input-nav input {
height: 100%;
width: 100%;
font-size: 14px;
padding-left: 30px;
padding-right: 50px;
border: none;
font-family: Helvetica, Arial, sans-serif;
}

.nav-right-bottom {
/* background: #005984; */
padding: 20px 30px;
/* height: 100%; */
}

.nav-right-bottom p {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
color: #FFFFFF;
line-height: 28px;
}

.nav-right-bottom-content {
height: 40px;
position: relative;
}

.nav-right-bottom-content input {
border: 1px solid #979797;
border-radius: 0;
background: none;
height: 100%;
padding-right: 90px;
}

.nav-right-bottom-content button {
background: #3DA1D2;
padding: 0px;
text-align: center;
color: #fff;
height: 40px;
width: 80px;
font-size: 14px;
border-radius: 0;
position: absolute;
right: 0px;
top: 0px;
line-height: 40px;
font-family: Helvetica, Arial, sans-serif;
}


.search-input-icon-nav {
height: 26px;
cursor: pointer;
width: 26px;
position: absolute;
border-radius: 100%;
text-align: center;
line-height: 26px;
right: 4px;
top: 4px;
color: #fff;
background: #063D6D;
}

.nav-right .list li {
border-bottom: 1px solid #DFDFDF;
color: #333;
font-size: 16px;
/*padding: 20px 0;*/
}

.nav-right .list li a {
display: block;
padding: 20px 0;
/* font-size: 18px; */
}

.nav-right .list li i {
color: #999;
float: right;
}

.nav-right {
width: 269px;
z-index: 1000;
background: #005984;
height: 100%;
position: fixed;
right: -269px;
overflow-y: auto;
}
.col-xs-6 {
width: 50%;
}
.open-en {
float: right;
margin-top: 3px;
font-size: 14px;
margin-right: 30px;
color: #063D6D;
}

@media screen and (max-width: 768px) {
.open {
font-size: 18px;
float: right;
cursor: pointer;
}
.header {
padding: 20px 0;
position: fixed;
z-index: 1000;
top: 0px;
left: 0px;
width: 100%;
background: #FFFFFF;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.11);

}
.nav-logo {
margin: 0px;
/* height: 26px; */
/* width: 157px; */
width: 100%;
height: 38px;
/* background-size: cover; */
}
}
/* 移动端导航二级模块 */
.mobile-two-nav-box {
position: fixed;
left: -100vw;
top: 0;
width: 100vw;
height: 100vh;
background: #005984 url(../imgs/nav-two-bg.png) no-repeat 63px bottom; 
z-index: 9999;
transition: left linear .3s;
}

.mobile-two-nav-box.acitve {
left: 0;
}

.mobile-two-mange-box {
height: 48px;
line-height: 48px;
padding: 0 15px;
font-size: 20px;
color: #FFF;
}

.return-one-nav-btn {
margin-right: 30px;
}

.mobile-two-link-box {
width: 100vw;
height: calc(100vh - 48px);
overflow: scroll
}

.mobile-two-link-box .mobile-two-link-item {
display: none;
}

.mobile-two-link-yanJiu, .mobile-two-link-guanyu {
width: 100%;
height: auto;
padding: 0 46px 60px;
}

.mobile-two-link-item-title {
font-family: NotoSansCJKsc-Bold;
font-size: 26px;
color: #FFF;
margin-bottom: 25px;
}

.mobile-two-link-yanJiu dl {
margin-bottom: 20px;
}

.mobile-two-link-yanJiu dt {
font-family: NotoSansCJKsc-Bold;
font-size: 16px;
color: #FFF;
margin-bottom: 20px;
}

.mobile-two-link-yanJiu dt .iconfont {
margin-right: 15px;
}

.mobile-two-link-yanJiu dd {
font-family: NotoSansCJKsc-Regular;
font-size: 14px;
color: #FFF;
text-indent: 28px;
margin-bottom: 20px;
display: none;
}

.mobile-two-link-yanJiu dl.active dd {
display: block;
}

.mobile-two-link-guanyu-item {
margin-bottom: 28px;
font-family: NotoSansCJKsc-Bold;
font-size: 16px;
color: #FFF;
display: block;
}

.mobile-two-link-guanyu-item .iconfont {
margin-right: 15px;
}

.mobile-two-link-guanyu-item-subtitle {
font-family: NotoSansCJKsc-Regular;
font-size: 14px;
color: #B9B9B9;
text-indent: 34px;
margin-top: 6px;
}

.mobile-two-link-dongtai {
padding: 0 30px 60px;
}

.mobile-two-link-dongtai-item {
margin-bottom: 40px;
display: block;
}

.mobile-two-link-dongtai-item-img {
width: 100%;
height: 167px;
position: relative;
object-fit: cover;
}

.mobile-two-link-dongtai-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.mobile-two-link-dongtai-item-img::after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .28);
position: absolute;
top: 0;
left: 0;
}

.mobile-two-link-dongtai-item-name {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: NotoSansCJKsc-Bold;
font-size: 24px;
color: #FFF;
z-index: 1;
}

.mobile-two-link-dongtai-item-title {
font-family: NotoSansCJKsc-Regular;
font-size: 14px;
color: #B9B9B9;
margin-top: 20px;
}
}

.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
color: #777;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #777;
}
.form-control::-webkit-input-placeholder {
color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
.search-input-nav input {
height: 100%;
width: 100%;
font-size: 14px;
padding-left: 30px;
padding-right: 50px;
border: none;
font-family: Helvetica, Arial, sans-serif;
}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.nav-right-bottom-content button {
background: #3DA1D2;
padding: 0px;
text-align: center;
color: #fff;
height: 40px;
width: 80px;
font-size: 14px;
border-radius: 0;
position: absolute;
right: 0px;
top: 0px;
line-height: 40px;
font-family: Helvetica, Arial, sans-serif;
}
.text-right {
text-align: right;
}