.Article-content > h1 /*
bootsnav.css
*/
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}

nav.bootsnav .container {
    position: relative;
}

nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
}

nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
}

nav.bootsnav .megamenu-content .title {
    margin-top: 0;
}

nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/* Navbar
=================================*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background: none;
}

nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: none;
    /*z-index: 9;*/
    background-color: rgba(68, 117, 225, 0.8);
}

nav.navbar.bootsnav ul.nav > li > a {
    color: #fff;
}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a {
    background-color: transparent;
}

nav.navbar.bootsnav .navbar-toggle {
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
    white-space: normal;

}

ul.menu-col {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.menu-col li a {
    color: #6f6f6f;
}

ul.menu-col li a:hover,
ul.menu-col li a:focus {
    text-decoration: none;
}

/* Navbar Full
=================================*/
nav.bootsnav.navbar-full {
    padding-bottom: 10px;
    padding-top: 10px;
}

nav.bootsnav.navbar-full .navbar-header {
    display: block;
    width: 100%;
}

nav.bootsnav.navbar-full .navbar-toggle {
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: 0;
    font-size: 30px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

nav.bootsnav.navbar-full .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    padding: 0;
    display: none !important;
    z-index: 9;
}

nav.bootsnav.navbar-full .navbar-collapse.in {
    display: block !important;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full {
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full:-o-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav {
    display: block;
    width: 100%;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a {
    background-color: transparent;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {
    float: none;
    display: block;
    text-align: center;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 24px;
    padding: 10px 15px;
}

li.close-full-menu > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

li.close-full-menu {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Atribute Navigation
=================================*/
.attr-nav {
    float: right;
    display: inline-block;
}

.attr-nav > ul {
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block;
}

.attr-nav > ul > li {
    float: left;
    display: block;
}

.attr-nav > ul > li > a {
    color: #6f6f6f;
    display: block;
    padding: 28px 15px;
    position: relative;
}

.attr-nav > ul > li > a span.badge {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 5px;
    font-size: 10px;
    padding: 0;
    width: 15px;
    height: 15px;
    padding-top: 2px;
}

.attr-nav > ul > li.dropdown ul.dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    border: solid 1px #e0e0e0;
}

ul.cart-list {
    padding: 0 !important;
    width: 250px !important;
}

ul.cart-list > li {
    position: relative;
    border-bottom: solid 1px #efefef;
    padding: 15px 15px 23px 15px !important;
}

ul.cart-list > li > a.photo {
    padding: 0 !important;
    margin-right: 15px;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    left: 15px;
    top: 15px;
}

ul.cart-list > li img {
    width: 50px;
    height: 50px;
    border: solid 1px #efefef;
}

ul.cart-list > li > h6 {
    margin: 0;
}

ul.cart-list > li > h6 > a.photo {
    padding: 0 !important;
    display: block;
}

ul.cart-list > li > p {
    margin-bottom: 0;
}

ul.cart-list > li.total {
    background-color: #f5f5f5;
    padding-bottom: 15px !important;
}

ul.cart-list > li.total > .btn {
    display: inline-block;
    border-bottom: solid 1px #efefef !important;
}

ul.cart-list > li .price {
    font-weight: bold;
}

ul.cart-list > li.total > span {
    padding-top: 8px;
}

/* Top Search
=================================*/
.top-search {
    background-color: #5585e9;
    padding: 10px 0;
    display: none;
    margin: 0;
    position: relative;
    z-index: 99;
}

.top-search input.form-control {
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    padding: 0 15px;
    background-color: #fff;
    margin-left: 15px;
}

.top-search .input-group-addon {
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.top-search .input-group-addon.close-search {
    cursor: pointer;
}

/* Side Menu
=================================*/
body {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

body.on-side {
    margin-left: -280px;
}

.side {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 280px;
    padding: 25px 30px;
    height: 100%;
    display: block;
    background-color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
}

.side.on {
    right: 0;
}

.side .close-side {
    float: right;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 16px;
}

.side .widget {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}

.side .widget .title {
    color: #fff;
    margin-bottom: 15px;
}

.side .widget ul.link {
    padding: 0;
    margin: 0;
    list-style: none;
}

.side .widget ul.link li a {
    color: #9f9f9f;
    letter-spacing: 1px;
}

.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover {
    color: #fff;
    text-decoration: none;
}

/* Share
=================================*/
nav.navbar.bootsnav .share {
    padding: 0 30px;
    margin-bottom: 30px;
}

nav.navbar.bootsnav .share ul {
    display: inline-block;
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
}

nav.navbar.bootsnav .share ul > li {
    float: left;
    display: block;
    margin-right: 5px;
}

nav.navbar.bootsnav .share ul > li > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #cfcfcf;
    color: #fff;
}

/* Transparent
=================================*/
nav.navbar.bootsnav.navbar-fixed {
    position: fixed;
    display: block;
    width: 100%;
}

nav.navbar.bootsnav.no-background {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/* Navbar Sticky
=================================*/
.wrap-sticky {
    position: relative;
}

.wrap-sticky nav.navbar.bootsnav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.wrap-sticky nav.navbar.bootsnav.sticked {
    position: fixed;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
    left: -280px;
}

/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width: 1400px) {
    body.wrap-nav-sidebar .wrapper .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 768px) {
    /* General Navbar
    =================================*/
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        margin-top: -2px;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
        left: -200px;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 0px 20px;
        height: 44px;
        line-height: 44px;
        font-weight: 600;
        margin: 25px 20px 25px 0px;
    }

    nav.navbar.bootsnav ul.nav > li:hover > a,
    nav.navbar.bootsnav ul.nav > li:focus > a {
        background-color: #5585e9;
    }

    /*  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
          font-family: 'Font Awesome 5 Free';
          content: "\f0d7";
          margin-left: 5px;
          margin-top: 2px;
          font-size: 12px;
      }*/
    .dropdown-menu {
        border: none;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0;
        width: 260px;
        background: #5585e9;
        margin-top: -25px;
    }

    nav.navbar.bootsnav li:last-child.dropdown ul.dropdown-menu {
        width: 260px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
        background-color: transparent;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
        padding: 0px 20px;
        color: #fff;
        height: 40px;
        line-height: 40px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover {
        background-color: #4c77d1;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
        border-bottom: none;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
        text-align: left;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: right;
        content: "\f105";
        margin-top: 0;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: left;
        content: "\f104";
        margin-top: 0;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
        top: -3px;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
        padding: 0 15px !important;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
        padding: 25px 0 20px;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
        padding: 0;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
        padding: 0;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
        padding: 0 30px;
        margin: 0 -0.5px;
        border-left: solid 1px #f0f0f0;
        border-right: solid 1px #f0f0f0;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
        border-left: none;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
        border-right: none;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
        display: none;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
        text-align: left;
        padding: 5px 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        border-bottom: none;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
        display: block !important;
        height: auto !important;
    }

    /* Navbar Transparent
    =================================*/
    nav.navbar.bootsnav.no-background {
        background-color: transparent;
        border: none;
    }

    nav.navbar.bootsnav.navbar-transparent .attr-nav {
        padding-left: 15px;
        margin-left: 30px;
    }

    nav.navbar.bootsnav.navbar-transparent.white {
        background-color: rgba(255, 255, 255, 0.3);
        border-bottom: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark {
        background-color: rgba(0, 0, 0, 0.3);
        border-bottom: solid 1px #555;
    }

    nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
        border-left: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
        border-left: solid 1px #555;
    }

    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a {
        color: #fff;
    }

    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
        color: #eee;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
        display: block;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block;
    }

    /* Atribute Navigation
    =================================*/
    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 0;
        margin-left: 55px;
        width: 250px;
        left: -250px;
    }

    /* Menu Center
    =================================*/
    nav.navbar.bootsnav.menu-center .container {
        position: relative;
    }

    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

    nav.navbar.bootsnav.menu-center .navbar-header,
    nav.navbar.bootsnav.menu-center .attr-nav {
        position: absolute;
    }

    nav.navbar.bootsnav.menu-center .attr-nav {
        right: 15px;
    }

    /* Navbar Brand top
    =================================*/
    nav.bootsnav.navbar-brand-top .navbar-header {
        display: block;
        width: 100%;
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 2px;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
        display: inline-block;
        float: none;
        margin: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-collapse {
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav {
        display: inline-block;
        float: none;
        margin: 0 0 -5px 0;
    }

    /* Navbar Center
    =================================*/
    nav.bootsnav.brand-center .navbar-header {
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }

    nav.bootsnav.brand-center .navbar-brand {
        display: inline-block;
        float: none;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 2px;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 50%;
        float: left;
        display: block;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half.left {
        text-align: right;
        padding-right: 100px;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half.right {
        text-align: left;
        padding-left: 100px;
    }

    nav.bootsnav.brand-center ul.nav {
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important;
    }

    nav.bootsnav.brand-center ul.nav.navbar-right {
        margin: 0;
    }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
        text-align: left;
        padding-right: 100px;
    }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
        text-align: right;
        padding-left: 100px;
    }

    /* Navbar Sidebar
    =================================*/
    body.wrap-nav-sidebar .wrapper {
        padding-left: 260px;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar {
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0 0 0 0 !important;
        background: #fff;
        -moz-box-shadow: 1px 0px 1px 0px #eee;
        -webkit-box-shadow: 1px 0px 1px 0px #eee;
        -o-box-shadow: 1px 0px 1px 0px #eee;
        box-shadow: 1px 0px 1px 0px #eee;
    }

    nav.bootsnav.navbar-sidebar .scroller {
        width: 280px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar .container-fluid,
    nav.bootsnav.navbar-sidebar .container {
        padding: 0 !important;
    }

    nav.bootsnav.navbar-sidebar .navbar-header {
        float: none;
        display: block;
        width: 260px;
        padding: 10px 15px;
        margin: 10px 0 0 0 !important;
    }

    nav.bootsnav.navbar-sidebar .navbar-collapse {
        padding: 0 !important;
        width: 260px;
    }

    nav.bootsnav.navbar-sidebar ul.nav {
        float: none;
        display: block;
        width: 100%;
        padding: 0 15px !important;
        margin: 0 0 30px 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li {
        float: none !important;
    }

    nav.bootsnav.navbar-sidebar ul.nav > li > a {
        padding: 10px 15px;
        font-weight: bold;
    }

    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
        float: right;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
        left: 100%;
        top: 0;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent;
        border: none !important;
        padding: 0;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
    }

    nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
        border: none !important;
    }

    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
        margin-bottom: 15px;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
        padding-left: 0;
        float: none;
        margin-bottom: 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
        padding: 5px 15px;
        color: #6f6f6f;
        border: none;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
        padding-left: 15px;
        margin-top: 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
        content: "\f107";
    }

    nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
        padding: 0 !important;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
        display: block;
        float: none !important;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
        padding: 7px 0;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        color: #6f6f6f;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
        content: "\f107";
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
        border: none;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
        padding: 0 0 0 15px;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
        padding: 3px 0 !important;
    }
}

@media (max-width: 767px) {
    /* Navbar Responsive
    =================================*/
    nav.bootsnav .container {
        padding: 0;

    }

    nav.navbar.bootsnav {
        height: 130px;
    }

    nav.navbar.bootsnav .navbar-brand {
        display: inline-block;
        float: none !important;
        margin: 0 !important;
    }

    nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;

    }

    nav.navbar.bootsnav .navbar-toggle-block {
        display: inline-block;
        float: right;

    }

    nav.navbar.bootsnav .navbar-collapse {
        border: none;
        margin: 0;
        padding: 0;
        margin-bottom: 0;

    }

    nav.navbar.bootsnav.no-full .navbar-collapse {

        overflow-y: auto !important;
    }

    nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none !important;
        height: auto;
        position: relative;
        z-index: 99;
    }

    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        display: block !important;
        transition: all 0.01s;
        -moz-transition: all 0.01s;
        -webkit-transition: all 0.01s;
        -o-transition: all 0.01s;
    }

    nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0px;
        z-index: 999;

    }

    nav.navbar.bootsnav .navbar-nav > li {
        float: none;
    }

    /*  nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
          content: "\f0d7";
          float: right;
          font-size: 12px;
          margin-left: 10px;
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
      }

      nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
          content: "\f0d7";
      }*/
    nav.navbar.bootsnav .navbar-nav > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #779ded;
        padding: 10px 0;
        margin-bottom: -1px;
    }

    nav.navbar.bootsnav .navbar-nav > li:first-child > a {
        border-top: none;
    }

    nav.navbar.bootsnav .navbar-nav > li:last-child > a {
        border-bottom: none;
    }

    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
        float: none !important;
        position: relative;
        display: block;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        width: 100%;
        position: relative !important;
        background-color: transparent;
        float: none;
        border: none;
        padding: 0 !important;
        margin: 0 0 -1px 0 !important;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px;
        -o-border-radius: 0px 0px 0px;
        border-radius: 0px 0px 0px;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        display: block;
        width: 100%;
        padding: 10px 0;
        color: #fff;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
        background-color: transparent;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: transparent;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
        display: inline-block;
        margin-top: -10px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
        display: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
        padding: 10px 15px 10px 0;
        line-height: 24px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: solid 1px #e0e0e0;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 8px 0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
        position: relative;
        right: -15px;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
        content: "\f107";
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
        padding: 0 0 0 15px;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        display: block;
    }

    nav.bootsnav.brand-center ul.nav {
        margin-bottom: 0px !important;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 100%;
        float: none;
        display: block;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half.left {
        margin-bottom: 0;
    }

    nav.bootsnav .megamenu-content {
        padding: 0;
    }

    nav.bootsnav .megamenu-content .col-menu {
        padding-bottom: 0;
    }

    nav.bootsnav .megamenu-content .title {
        cursor: pointer;
        display: block;
        padding: 10px 15px;
        margin-bottom: 0;
        font-weight: normal;
    }

    nav.bootsnav .megamenu-content .content {
        display: none;
    }

    .attr-nav {
        position: absolute;
        right: 60px;
    }

    .attr-nav > ul {
        padding: 0;
        margin: 0 -15px -7px 0;
    }

    .attr-nav > ul > li > a {
        padding: 16px 15px 15px;
    }

    .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
        display: none;
    }

    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 2px;
        margin-left: 55px;
        width: 250px;
        left: -250px;
        border-top: solid 5px;
    }

    .top-search .container {
        padding: 0 45px;
    }

    /* Navbar full Responsive
    =================================*/
    nav.bootsnav.navbar-full ul.nav {
        margin-left: 0;
    }

    nav.bootsnav.navbar-full ul.nav > li > a {
        border: none;
    }

    nav.bootsnav.navbar-full .navbar-brand {
        float: left !important;
        padding-left: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-top: 10px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px;
        margin-bottom: 0;
    }

    /* Tabs
    =================================*/
    nav.navbar.bootsnav .megamenu-content.tabbed {
        padding-left: 0 ! important;
    }

    nav.navbar.bootsnav .tabbed > li {
        padding: 25px 0;
        margin-left: -15px !important;
    }

    /* Mobile Navigation
    =================================*/
    body > .wrapper {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #fff;
        z-index: 99;
        width: 280px;
        height: 100% !important;
        left: -280px;
        top: 0;
        padding: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
        left: 0;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        width: 293px;
        padding-right: 0;
        padding-left: 15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
        padding: 15px 15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block !important;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none !important;
    }

    nav.navbar.bootsnav.navbar-mobile .tab-menu,
    nav.navbar.bootsnav.navbar-mobile .tab-content {
        width: 100%;
        display: block;
    }

    .article-img {
        width: 100%;
    }

}

@media (min-width: 768px)and (max-width: 991px) {
    nav.navbar.bootsnav .navbar-collapse {
        margin: 0 -15px;
        text-align: center;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {

        text-align: center;
        width: 100%;
        margin-top: 20px;
    }

    .navbar-brand {
        float: none;

    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

        text-align: center;
    }

    .nav > li {
        display: inline-block;
        float: none;
    }

    .navbar-nav {
        float: none;
    }

    nav.navbar.bootsnav {
        /* height: 140px;*/
    }

    nav.navbar.bootsnav ul.nav > li > a {
        margin: 15px 20px 25px 0px;
    }

}

.tab-content .row {

}

.tab-content .row li[class*="col-md-"] {

}

@media (min-width: 768px) {
    .row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding: 0 20px;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -20px;
        margin-left: -20px;
    }
}

@media (max-width: 767px) {
    nav.navbar.bootsnav .navbar-header {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pagebanner.fixed-demo {

    }

    nav.navbar.bootsnav .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
        background-color: #5585e9;

    }

    .attr-nav {
        right: 90px;
    }

    .attr-nav > ul {
        margin-right: -10px;
    }

    .attr-nav > ul > li > a {
        padding: 16px 10px 15px;
        padding-left: 0 !important;
    }

    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        left: -275px;
    }

    .top-search .container {
        padding: 0 15px;
    }

    nav.bootsnav.navbar-full .navbar-collapse {
        left: 15px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-right: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        margin-right: -15px;
    }

    nav.bootsnav.navbar-full ul.nav > li > a {
        font-size: 18px !important;
        line-height: 24px !important;
        padding: 5px 10px !important;
    }

    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px !important;
    }

    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 0 !important;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
        padding: 30px 15px !important;
        margin-bottom: 0;
    }

    /* Mobile Navigation
    =================================*/
    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        margin-left: 0;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        margin-left: -15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        border-top: solid 1px #fff;
    }

    li.close-full-menu {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    nav.bootsnav.navbar-full ul.nav {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/*
Swiper.min.css
*/

/*
mian-content.css
*/
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/FontAwesome/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
    url('../fonts/FontAwesome/fontawesome-webfont.woff?v=4.2.0') format('woff'),
    url('../fonts/FontAwesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
    url('../fonts/FontAwesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome5';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/webfonts/fa-solid-900.eot");
    src: url("../fonts/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("../fonts/webfonts/fa-solid-900.woff2") format("woff2"),
    url("../fonts/webfonts/fa-solid-900.woff") format("woff"),
    url("../fonts/webfonts/fa-solid-900.ttf") format("truetype"),
    url("../fonts/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans-regular.svg#opensans-regular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/opensans-light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans-light.woff') format('woff'), /* Modern Browsers */ url('../fonts/OpenSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans-light.svg#opensans-light') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/OpenSans-Italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans-Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/OpenSans-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/opensans-semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans-semibold.woff') format('woff'), /* Modern Browsers */ url('../fonts/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans-semibold.svg#opensans-semibold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-semibolditalic';
    src: url('../fonts/opensans-semibolditalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-semibolditalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans-semibolditalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans-semibolditalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans-semibolditalic.svg#opensans-semibolditalic') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/opensans-bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans-bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/OpenSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans-bold.svg#opensans-bold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-bolditalic';
    src: url('../fonts/opensans-bolditalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-bolditalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans-bolditalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans-bolditalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans-bolditalic.svg#opensans-bolditalic') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSans';
    src: url('../fonts/GillSans.eot'); /* IE9 Compat Modes */
    src: url('../fonts/GillSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/GillSans.woff') format('woff'), /* Modern Browsers */ url('../fonts/GillSans.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/GillSans.svg#GillSans') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansbold';
    src: url('../fonts/gillsans-bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/gillsans-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/gillsans-bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/gillsans-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/gillsans-bold.svg#gillsans-bold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SerifRegular';
    src: url('../fonts/pt_serif.eot'); /* IE9 Compat Modes */
    src: url('../fonts/pt_serif.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt_serif.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt_serif.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt_serif.svg#pt_serif') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SerifRegular-Italic';
    src: url('../fonts/PT_Serif-Italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PT_Serif-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/PT_Serif-Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/PT_Serif-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/PT_Serif-Italic.svg#PT_Serif-Italic') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SerifRegular-bold';
    src: url('../fonts/pt_serif_bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/pt_serif_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt_serif_bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt_serif_bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt_serif_bold.svg#pt_serif_bold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SerifRegular-boldItalic';
    src: url('../fonts/pt_serif_bold_italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/pt_serif_bold_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt_serif_bold_italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt_serif_bold_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt_serif_bold_italic.svg#pt_serif_bold_italic') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
    min-height: 100%
}

body {
    font-family: "OpenSans", Arial, sans-serif;
    color: #444;
}

a {
    color: #4475E1;
    text-decoration: none;
    word-break: break-word;
    cursor: pointer;
}

.h1, .h2, .h3, h1, h2, h3 {
    padding: 0;
    margin: 0;
}

b, strong {
	/* font-family: 'OpenSans-Semibold';*/
}

b em, b i, strong em, strong i {
    font-family: "opensans-semibolditalic";
}

em, i {
    font-family: 'OpenSans-Italic';
}

a:hover,
a:focus {
    color: #4475E1;
    text-decoration: underline;
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main {
    flex: 1 0 auto;
}

footer {
    /* 和 header 一样，footer 也采用固定高度*/
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;
}

body.active {
    overflow-x: hidden;
    overflow-y: hidden
}

.overlay {
    display: none;
    background-color: transparent;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.overlay.active {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.01s;
    -moz-transition: all 0.01s;
    -webkit-transition: all 0.01s;
    -o-transition: all 0.01s;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style: none
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 0;
    margin: 0;
}

* {
    padding: 0px;
    margin: 0px;

}

.block-f17452 {
    /*background-color: #f17452;*/
    color: #f17452;
}

.block-f17452:after {
    content: "|";
    color: #999;
    margin: 0px 3px;

}

.block-999 {
    /*background-color: #999;*/
    color: #999;
}

.font-3455cda {
    color: #4475E1;
}

.font-999 {
    color: #999;
}

.fontsize11 {
    font-size: 11px;
}

.navbar-brand > img {
    height: 60px;
    display: inline-block;
}

.a-link-Primary {
    color: #4475E1;
}

.a-link-Primary:hover,
.a-link-Primary:focus {
    color: #4475E1;
    text-decoration: underline;
}

.a-link-gray {
    color: #999;
}

.a-link-gray:hover,
.a-link-gray:focus {
    color: #999;
    text-decoration: underline;
}

.pagebanner {
    background: url("./../images/oae-banner-bj.jpg") no-repeat top center;
    padding: 0;
}

.navbar-top {
    position: absolute;
    right: 0;
    left: 0;
}

/*搜素框*/
.J_home_alertBox {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.3);
}

.navbar-default .navbar-toggle {
   
}

.navbar-toggle-block, .attr-nav {
    background: none;
    outline: none;
    border: 0;
}

.navbar-default .navbar-toggle-block, .navbar-default .attr-nav {
    outline: none;
    width: 50px;
    height: 50px;
    margin: 0px;
    background: none;
    border: none;
    border-radius: 0;
}

.navbar-default .active {
    outline: none;
    width: 50px;
    height: 50px;
    margin: 0px;
    border: none;
    border-radius: 0;
    z-index: 22;

}
.navbar-default .navbar-toggle-block{width:90px !important; color:#fff; }
.navbar-default .navbar-toggle-block i{margin-right:3px;}
.sb-search {
    position: relative;
    width: 0%;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    z-index: 1;
}

.search-toggle {
    position: relative;
    width: 0%;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 5px;
    -webkit-radius: 5px;
    -moz-border-radius: 5px;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;

    margin: 0;
    z-index: 10;
    padding: 0 0 0 15px;
    font-family: inherit;
    font-size: 16px;
    color: #2c3e50;
    border-radius: 5px;
    -webkit-radius: 5px;
    -moz-border-radius: 5px;
}

.search-toggle .sb-search-input {
    height: 40px;
}

.sb-search .sb-search-input {
    height: 50px;
}

.sb-search-input::-webkit-input-placeholder {
    color: #999;
}

.sb-search-input:-moz-placeholder {
    color: #999;
}

.sb-search-input::-moz-placeholder {
    color: #999;
}

.sb-search-input:-ms-input-placeholder {
    color: #999;
}

.sb-icon-search,
.sb-search-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;

}

.sb-search-submit {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;

}

.sb-search .sb-search-submit {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.search-toggle .sb-search-submit {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.sb-search-submit {

    opacity: 1;
    border: none;
    outline: none;
    z-index: -1;
    background: #4475e1;
    color: #fff;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

/* Open state */
.sb-search.sb-search-open, .search-toggle.sb-search-open {
    width: 100%;
}

.sb-search.sb-search-open .sb-search-submit, .search-toggle.sb-search-open .sb-search-submit {
    z-index: 3;
}

.breadcrumb > li {
    font-size: 12px;
}

.fa-angle-right {
    color: #b4b4b4;
    font-size: 12px;
}

/*网站主体部分*/
.main {
    background-color: #efefef;
    position: relative;
    padding-bottom: 40px;
}

nav.navbar.nav-block {
    background-color: rgba(68, 117, 225, 1);
}

.articles-content {
    margin-top: 30px
}

.row-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: stretch;
    -webkit-align-items: stretch;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    flex-shrink: 1;
    -webkit-flex-shrink: 1;
}

/*.row-flex:after {
  clear: both;
}*/

/*.row-flex > [class*='col-'] {
	display: -webkit-box;
	display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
}*/

.publish-content h1, .Subscribe-Journal-box h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    color: #444;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    vertical-align: middle;
    position: relative;
}

.publish-content h1 span, .Subscribe-Journal-box h1 span {
    font-size: 14px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #444;

}

.publish-content h1 span:before, .Subscribe-Journal-box h1 span:before {
    width: 3px;
    height: 18px;
    background-color: #4a90e2;
    display: inline-block;
    content: '';
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.article-list-card {
    background-color: #fff;
    position: relative;
    border-top: #44b762 solid 3px;
    width: 100%;
    height: 100%;

}

.article-block span {
    font-size: 11px;
    line-height: 16px;
    /* padding: 1px 3px;
     margin: 0 -1px;*/
    display: inline;

}

.article-information .article-header {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #333;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

.article-information .article-header a {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
}

.article-information .article-header a em, .article-information .article-header a i {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

.article-information .article-header a {
    color: #333;
    text-decoration: none;
}

.article-information .article-header a:hover {
    color: #4475E1;
    text-decoration: underline;
}

.article-information p {
    font-size: 12px;
    line-height: 18px;
    color: #444;
    padding: 7px 0;
    margin: 0;

}

.article-information em {
    font-style: normal;
    line-height: 15px;
    font-family: "OpenSans";
}

.article-link {
    text-align: right;
}

.article-link-block {
    border: #ebebeb solid 1px;

}

.Journal-content ul li img, .specialissues-content ul li img {
    width: 100%;;
}

.box-shadow ul li a {
    width: 100%;
    cursor: pointer;
    box-shadow: 4px 4px 4px rgba(95, 95, 95, 0.2);
    -ms-box-shadow: 4px 4px 4px rgba(95, 95, 95, 0.2);
    -moz-box-shadow: 4px 4px 4px rgba(95, 95, 95, 0.2);
    -o-box-shadow: 4px 4px 4px rgba(95, 95, 95, 0.2);
    -webkit-box-shadow: 4px 4px 4px rgba(95, 95, 95, 0.2);
    float: left;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;

}

.box-shadow ul li a:hover,
.box-shadow ul li a:focus {
    cursor: pointer;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px); /* IE 9 */
    -webkit-transform: translate(0px, -10px); /* Safari and Chrome */
    -o-transform: translate(0px, -10px); /* Opera */
    -moz-transform: translate(0px, -10px);
    /*动效尹宇补充*/
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.oaemember-content ul li a {
    padding: 0px 15px;
    display: inline-table;
    float: left;
    margin: 0 5px 10px 5px;

}

.oaemember-content ul li a img {

    height: 40px;
    float: left;
}

.Journal-content {
    margin-top: -10px;
}

.specialissues-content, .oaemember-content {
    margin-top: 10px;
}

/*底部*/
.bottom {
    background-color: #4475e1;
    padding: 30px 0;
}

.bottom-logo {
    height: 60px;
}

.bottom-section h3 {
    font-size: 18px;
    color: #fff;
    padding: 0;
    margin: 0;
}

.Other_journallink {
    margin-top: 15px;
}

.Other_journallink a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "OpenSans";

}

.Other_journallink a:hover {
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.Other_journallink a:hover, .Other_journallink a:active {
    color: #fff;
    text-decoration: none;
}

/*尹宇增加hover样式 start*/
.Other_journallink a:hover {
    text-decoration: underline;
}

/*尹宇增加hover样式 end*/

.journal-jcmt-color {
    background-color: #3eb365;
}

.journal-par-color {
    background-color: #c45284;
}

.journal-nn-color {
    background-color: #33a6d8;
}

.journal-hr-color {
    background-color: #f28f6d;
}

.journal-vp-color {
    background-color: #da6767;
}

.journal-jumd-color {
    background-color: #a57ebd;
}

.journal-sds-color {
    background-color: #52be9b;
}

.journal-mis-color {
    background-color: #33cccc;
}

.journal-cdr-color {
    background-color: #e7b375;
}

.journal-jtgg-color {
    background-color: #59a8d9;
}

.oaebottom-info {
    color: #fff;
    margin-top: 15px;
}

.oaebottom-info a {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    /* padding: 0 2px; 尹宇去掉了这个padding */

}

.oaebottom-info a:hover, .oaebottom-info a:active {
    color: #fff;
}

/*尹宇补充分隔线样式 start*/
.oaebottom-info span {
    color: rgba(255, 255, 255, .2);
    margin: 0 5px;
}

/*尹宇补充分隔线样式 end*/

.bottom-copyright {
    background-color: #4475e1;
    border-top: #6990e7 solid 1px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    padding: 20px 0;
}

.fa-bars, .fa-search {
    color: #fff;
}

.fa-twitter, .fa-facebook-f, .fa-linkedin-in {
    color: #4475e1;
}

.fa-plus, .fa-minus {
    font-size: 12px;
}

.btn {
    display: inline-block;
    padding: 12px 27px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    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;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
}

.btn-primary {
    color: #fff;
    background-color: #4475e1;
    border-color: #4475e1;
    /*动效尹宇补充*/
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #3d69ca;
    border-color: #3d69ca;

}

.btn-primary:hover {
    color: #fff;
    background-color: #3d69ca;
    border-color: #3d69ca;
    /*动效尹宇补充*/
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: #9eb6ec;
    border-color: #9eb6ec;
}

.btn-primary:active:hover,
.btn-primary.active:hover {
    color: #fff;
    background-color: #9eb6ec;
    border-color: #9eb6ec;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.reduce {
    padding: 10px 12px;
    min-width: 70px;
}

@media ( min-width: 768px) {
    .col-sm-10ths {
        width: 10%;
        float: left;
    }
}

@media ( min-width: 992px) {
    .col-md-10ths {
        width: 10%;
        float: left;
    }
}

@media ( min-width: 1200px) {
    .col-lg-10ths {
        width: 10%;
        float: left;
    }
}

@media (min-width: 1024px) {
    .pagebanner {
        width: 100%;
        height: 660px;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }

    .navbar-nav {
        margin-right: 0;
    }
}

.advanced-search {
    color: #fff;

}

.advanced-search:hover, .advanced-search:focus {
    color: #fff;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-nav {
        float: right;
    }

    .banner-priof {
        padding-top: 92px;
    }

    .pagebanner .title {
        color: #fff !important;
        font-family: "OpenSansLight";
        font-size: 48px;
        line-height: 65px;
        text-align: center;
        margin-top: 130px;
        padding-bottom: 20px;
    }

    .pagebanner p {
        margin-bottom: 0;
        color: #f5f5f5;
        font-size: 30px;
        line-height: 40px;
        font-family: "OpenSansLight";
        text-align: center;

    }

    .pagebanner p a {
        color: #f5f5f5;
        font-size: 30px;
        line-height: 40px;
        font-family: "OpenSansLight";
    }

    .sb-search {
        margin-top: 100px;
    }

    .advanced-search {
        font-size: 14px;
        float: right;
        text-decoration: underline;
        margin: 10px 0;
        margin-right: -15px;
    }

    .fa-bars, .fa-search {
        font-size: 16px;
    }

    .article-list-card {
        /*margin-bottom: 40px;*/
        padding-bottom: 30px;
        /*动效尹宇补充 start*/
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        /*动效尹宇补充 end*/

    }

    .article-list-card:hover,
    .article-list-card:focus, .News-list-card:hover, .article-list-card:focus, .Journals-list:hover, .Specialissues-list:focus, .Specialissues-list:hover, .Specialissues-list:focus, .Journal-partner-con:hover, .Journal-partner-con:focus {
        cursor: pointer;
        box-shadow: #eee 0 10px 15px;
        -ms-box-shadow: #eee 0 10px 15px;
        -moz-box-shadow: #eee 0 10px 15px;
        -o-box-shadow: #eee 0 10px 15px;
        -webkit-box-shadow: #eee 0 10px 15px;
        transform: translate(0px, -5px);
        -ms-transform: translate(0px, -5px); /* IE 9 */
        -webkit-transform: translate(0px, -5px); /* Safari and Chrome */
        -o-transform: translate(0px, -5px); /* Opera */
        -moz-transform: translate(0px, -5px);
        /*动效尹宇补充*/
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
    }

    .journalmedia-link-top a i.fa-twitter, .journalmedia-link-top a i.fa-facebook-f, .journalmedia-link-top a i.fa-linkedin-in {
        font-size: 14px;
    }

    .journalmedia-link .fa-twitter, .journalmedia-link .fa-facebook-f, .journalmedia-link .fa-linkedin-in {
        font-size: 14px;
    }

}

@media (max-width: 991px) {

    .banner-priof {
        padding-top: 130px;
    }

    .pagebanner .title {
        color: #fff !important;
        font-family: "OpenSansLight";
        font-size: 34px;
        line-height: 32px;
        text-align: center;
        margin-top: 45px;
        margin-bottom: 20px;
    }

    .pagebanner p {
        margin-bottom: 0;
        color: #f5f5f5;
        font-size: 20px;
        line-height: 28px;
        font-family: "OpenSansLight";
        text-align: center;

    }

    .pagebanner p a {
        margin-bottom: 0;
        color: #f5f5f5;
        font-size: 20px;
        line-height: 28px;
        font-family: "OpenSansLight";
        text-align: center;

    }

    .on {
        display: block;
    }

    .attr-nav {
        display: block;
    }

    .search-advanced {
        text-align: center;
        margin: 20px 0;
    }

    .advanced-search {
        font-size: 14px;
        color: #fff;
        text-decoration: underline;
    }

    .top-search-advanced {
        padding-top: 10px;
        margin-left: -5px;
    }

    .fa-bars, .fa-search {
        font-size: 26px;
    }

    .fa-search-size {
        font-size: 14px;
    }

    .fa-search-size2 {
        font-size: 18px;
    }

    .logo-bottom {
        text-align: center;
        margin-bottom: 15px;
    }

    .sb-search form {
        margin-left: 40px;
    }

    .article-list-card {
        margin-bottom: 0px;

    }

    .article-c li:last-child .article-list-card {
        margin-bottom: 0px;
    }

}

@media (min-width: 768px) {

    .sb-search {
        margin-top: 60px;
    }

    .attr-nav {
        display: none;
    }

    .navbar-toggle-block {
        display: none;
    }

    .pagebanner.fixed-demo {
        padding-bottom: 40px;
    }

    .publish-content h1, .Subscribe-Journal-box h1 {

        font-size: 14px;

    }

    .article-information .article-header, .article-information .article-header a {
        font-size: 16px;
        line-height: 20px;
    }

    .top-menu {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;

    }

    .Other_journallink a {
        padding: 2px 0px;
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 5px;
        margin-right: 5px;

    }

    .oaemedia-link, .oaebottom-info {
        margin-top: 15px;

    }

    .oaemedia-link a {
        width: auto;
        height: 24px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
       
        font-size: 16px;
        display: inline-table;
        line-height: 24px;
        text-align: center;
        margin-right: 5px; /*尹宇修改，这里原来是10px，改为了5px*/

    }

    /* 尹宇增加sns图标 hover样式 start*/
    .oaemedia-link a:hover {
        background: rgba(0, 0, 0, .2);
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
    }

    .oaemedia-link a:hover i {
        color: #fff;
    }

    /* 尹宇增加sns图标 hover样式 end*/
    .article-link-block {
        padding: 2px 7px;
        line-height: 14px;
        font-size: 11px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
    }

    .article-link a:nth-child(1) {
        margin-right: 5px;
    }

    .link-hover-blue:hover, .link-hover-red:hover {
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
    }

    .link-hover-blue:hover,
    .link-hover-blue:focus {
        color: #4a90e2;
        border-color: #4a90e2;
        text-decoration: none;
    }

    .link-hover-red:hover,
    .link-hover-red:focus {
        color: #d0011b;
        border-color: #d0011b;
        text-decoration: none;
    }

    .article-link {
        position: absolute;
        clear: both;
        right: 0;
        bottom: 20px;
        /* display: inline-table; */
        margin-right: 15px;
    }

}

.em-margin-right {
    margin-right: 10px;
}

.right-content-part li {

}

.right-content-part li a {

    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #666;
    background-color: #fff;
    border: #eaeaea solid 1px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    width: 100%;

}

@media (max-width: 767px) {
    .fa-twitter, .fa-facebook-f, .fa-linkedin-in {
        font-size: 24px;
        line-height: 48px;
    }

    .shareicon-Con .fa-twitter, .shareicon-Con .fa-facebook-f, .shareicon-Con .fa-linkedin-in {
        line-height: 30px;
    }

    .sb-search {
        margin-top: 30px;
    }

    .search-toggle {
        margin: 10px 0px;
    }

    .pagebanner.fixed-demo {
        padding-bottom: 40px;
    }

    .publish-content h1, .Subscribe-Journal-box h1 {

        font-size: 16px;

    }

    .article-information .article-header {
        font-size: 14px;
        line-height: 18px;
        position: relative;;
    }

    nav.navbar.bootsnav .navbar-brand {
        padding: 0;
    }

    nav.navbar.bootsnav .navbar-brand img {
        margin-top: 50px;
    }

    nav.navbar.bootsnav .navbar-header {
        height: 50px;
    }

    .bottom-section {
        margin-top: 15px;
    }

    .bottom-section h3 {
        padding-left: 15px;
    }

    .Other_journallink a {
        padding: 2px 0px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;

    }

    .oaemedia-link {
        margin-top: 15px;
    }

    .oaemedia-link a {
        width: 48px;
        height: 48px;
        border-radius: 5px;
        background-color: #fff;
        font-size: 20px;
        display: inline-block;
        text-align: center;
        margin-right: 10px;
        line-height: 48px;

    }

    .article-link-block {
        padding: 6px 12px;
        line-height: 16px;
        font-size: 12px;
        border-radius: 6px;
    }

    .article-link a:nth-child(1) {
        margin-right: 10px;
    }

    .link-hover-blue {
        color: #4a90e2;
        border-color: #4a90e2;
        text-decoration: none;
    }

    .link-hover-red {
        color: #d0011b;
        border-color: #d0011b;
        text-decoration: none;
    }

    .article-link {

        margin: 15px 0 5px 0;
    }

    .sb-search form {
        margin-left: 40px;
    }

    .right-content-part {
        margin-top: 30px;
    }

    .right-content-part li {
        padding: 0;
    }

    .right-content-part li a {

        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: #666;
        background-color: #fff;
        border: #eaeaea solid 1px;
        border-radius: 5px;
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }

    .top-menu {
        height: 50px;
        position: absolute;
        top: 0;
        right: 0;

    }

    .sb-search form {
        margin-left: 30px;
    }

  /*  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #4475e1;
    }
*/
}

/*OAE内容页*/
.oae-main-con {
    background-color: #efefef;
    position: relative;
    padding-bottom: 40px;
    z-index: 1;
    flex: 1 0 auto;

}

@media (min-width: 768px) {
    .oae-main-con {
        margin-top: 0px;
    }

    .body-content > h2 {
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 10px;
        padding-top: 30px;;
    }
}

@media (max-width: 767px) {
    .oae-main-con {
        margin-top: 50px;
    }

    .body-content > h2 {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 0px;
        padding-top: 30px;;
    }
}

.oae-Path .breadcrumb {
    padding: 30px 0 20px 0;
    background: none;
    margin: 0;
}

.oae-Path .breadcrumb > li > a {
    color: #444;
}

.oae-Path .breadcrumb .active {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #444;

}

.body-content > h2 {
    font-family: "SerifRegular", "Times New Roman", serif;
}

.body-content > h2 em {
    font-family: "SerifRegular-Italic", "Times New Roman", serif;
}
.body-content > h2 em strong{
    font-family:"SerifRegular-boldItalic", "Times New Roman", serif;
}

.body-content > h3, .body-content > span {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
    display: block;

}

.body-content > h4 {
    font-size: 14px;
    color: #333;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

.body-content > p {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-family: "OpenSans";
    padding: 10px 0;
}

.body-content .b-image {
    text-align: center;
    padding: 5px 0 10px 0;
}

.body-content ul {
    padding: 10px 0;

}

.body-content ul.uloutside li {
    list-style: disc outside none;
    margin-left: 1.2em;
}

.body-content .body-content-header {
    font-size: 30px;
    line-height: 32px;
    font-family: "SerifRegular", "Times New Roman", serif;
    padding-bottom: 30px;
    padding-top: 30px;;
}

.body-content .body-content-partners > h2 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: "OpenSans-Bold";
    padding-bottom: 10px;
    padding-top: 10px;
}

.body-content .media {
    margin: 20px 0 10px 0;
}

.body-content .media-heading {
    font-size: 16px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #333;
}

@media (min-width: 992px) {
    .nav-flex {
        margin-left: 5px;
    }

    .dice-menu {
        display: none
    }

    .affix {
        top: 20px;
    }

    .right-content-part {
        margin-bottom: 30px;
    }

    .right-content-part li {
        padding: 0 40px;

    }

    .right-content-part li a {
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        color: #666;
        background-color: #fff;
        border: #eaeaea solid 1px;
        border-radius: 5px;
        margin-bottom: 10px;

    }

    .body-content {
        background-color: #fff;
        border-top: #4475e1 solid 3px;
        padding: 0 40px 30px 40px;
        min-height: 560px;
    }

    .article-information {
        padding: 20px 20px 20px;

    }

    .body-content img {
        width: auto;
    }

    .body-content img.media-object {
        width: 140px;
    }
}

@media (max-width: 1113px) {
    .body-content {
        background-color: #fff;
        border-top: #4475e1 solid 3px;
        padding: 0 15px 30px 15px;
    }

    .body-content img {
       
    }
	.body-content .media .media-left{
		width:100%; display:inline; 
	}
	.body-content .media .media-left .parterimg{ width:50%; margin-left:auto;margin-right:auto;}
    .scollblock {
        width: 345px;
        background-color: #fff;
        border-top: #4375e1 solid 3px;
        z-index: 1;
        padding: 30px 20px;
        position: fixed;
        top: 60%;
        right: 0px;

    }

    .scollblock {
        display: none;
    }

    .affix {
        position: relative;

    }

    .block {
        display: block
    }

    .dice-menu {
        padding: 0;
        display: block;
        position: fixed;
        top: 30%;
        right: 0;
        z-index: 1;
        margin-top: -41px;
        cursor: pointer;
    }

    .dice-menu .fa-list-ul {
        font-size: 24px;
    }

    .dice-menu span {
        width: 44px;
        height: 44px;
        line-height: 44px;
        background-color: #4375e1;
        color: #fff;
        text-align: center;
        border-radius: 4px;

    }

    .dice-menu li:first-child {
        opacity: .8;
    }

    .nav-flex {
        margin-left: 0px;
    }

    .scollblock {
        box-shadow: 0 20px 15px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0 20px 15px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 20px 15px rgba(0, 0, 0, 0.15);
        -o-box-shadow: 0 20px 15px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 20px 15px rgba(0, 0, 0, 0.15);
    }

    .article-information {
        padding: 10px 20px 20px;
        line-height: 16px;
    }
}

/*oae期刊展示页面*/
.Specialissues-list {
    height: 100%;
}

.Journals-list, .Specialissues-list {
    background-color: #fff;

    padding: 20px;
    margin-top: 20px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.media:first-child {
    margin-top: 20px;
}

.oae-h1header {
    margin: 0;
    padding: 0;

    color: #444;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    vertical-align: middle;
    position: relative;
}

.oae-h1header span {
    font-size: 14px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #444;
}

.oae-h1header span:before {
    width: 3px;
    height: 18px;
    background-color: #4a90e2;
    display: inline-block;
    content: '';
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.Journals-list .media-heading, .Specialissues-list .media-heading {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.Journals-list .media-heading a, .Specialissues-list .media-heading a {
    color: #333;
}

.Journals-list .media-heading a:hover, .Journals-list .media-heading a:active, .Specialissues-list .media-heading a:hover, .Specialissues-list .media-heading a:active {
    color: #3d69ca;
}

.Journals-list .media-body, .Specialissues-list .media-body {
    padding-left: 10px;
    position: relative;
}

.Journal-issn span {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    display: block;
    font-family: "OpenSans";
}

.Journal-date span {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    display: block;
    font-family: "OpenSans";
}

.Journal-date {
    position: absolute;
    bottom: 0px;
}

.Journals-list .media-object, .Specialissues-list .media-object {
    cursor: pointer;
    box-shadow: #dfdfdf 3px 3px;
    -ms-box-shadow: #dfdfdf 3px 3px;
    -moz-box-shadow: #dfdfdf 3px 3px;
    -o-box-shadow: #dfdfdf 3px 3px;
    -webkit-box-shadow: #dfdfdf 3px 3px;
}

.Journal-recommend .media-left {
    overflow: hidden;
}

.Journal-recommend .media-left a img {
    width: 100%;
    /*height: 276px;*/
}

@media ( min-width: 1200px) {
    .Journal-recommend .media-left a img {
        /*width: 422px;*/
        /*height: 276px;*/
    }

    .article-img img {
        width: 100%;
    }
}

@media ( max-width: 1199px) {
    .Journals-list a:hover .media-object, .Specialissues-list a:hover .media-object {
        box-shadow: none;
    }

    .Journal-recommend .media-left a img {
        display: block;
    }

    .article-img img {
        display: block;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .oae-h1header {
        font-size: 14px;
    }

    .Journal-recommend .media-left a {
        display: block;
        width: 422px;
        overflow: hidden;
        padding: 20px;
    }

    .article-img a {
        display: block;
        overflow: hidden;
        /*max-height: 269.1px;*/
        line-height: 0;
        font-size: 0;
    }
}

@media (min-width: 768px)and (max-width: 1199px) {

    .Journal-recommend .media-left a {
        max-width: 350px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .oae-h1header {
        font-size: 16px;
    }

    .Journal-recommend .media-left {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .Journal-recommend .media-left a {
        display: block;
        /*max-height: 200px;*/
        overflow: hidden;
        padding-top: 20px;
    }

    .article-img a {
        display: block;
        overflow: hidden;
    }
}

/*OAE新闻列表页*/
.oae-c {
    margin-top: -5px;
}

.oae-c > li {
    margin-top: 20px;
}

.oae-c > li:nth-child(1) {
    margin-top: 20px;
}

.oae-c > li:nth-child(2) {
    margin-top: 20px;
}

.News-list-card {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-top: #4a90e2 solid 3px;
    height: 100%;
}

.News-information {
    padding: 10px 20px 20px;
}

.News-information .News-header {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #333;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

.News-information .News-header em {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

.News-information .News-header a {
    color: #444;
}

.News-information .News-header a:hover {
    color: #4a90e2;
}

.News-information p {
    font-size: 12px;
    line-height: 18px;
    color: #666;
    padding: 7px 0;
    margin: 0;
}

.oae-pagination, .Journal-pagination {
    text-align: center;
}

.oae-pagination .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 0;
    border-radius: 4px;
}

.Journal-pagination {
    margin-top: -20px;
}

.Journal-pagination .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.oae-pagination li, .Journal-pagination li {
    counter-increment: pagination;
}

.oae-pagination li:first-child, .Journal-pagination li:first-child {
    float: left;
}

.oae-pagination li:nth-child(2), .Journal-pagination li:nth-child(2) {
    counter-reset: pagination;
}

.oae-pagination li:last-child, .Journal-pagination li:last-child {
    float: right;
}

.pagination li a {
    display: none;
}

/*
.pagination a:after {
    content: " " counter(pagination) " ";
}
*/

.pagination > li {
    counter-increment: pagination;
    display: inline;
}

/*
.pagination > li a:after {
    content: " " counter(pagination) " ";
}
*/
.pagination > li:first-child a {
    display: inline-block;
}

/*
.pagination > li:first-child a:after {
    content: "< Previous Page";
}
*/
.pagination > li:last-child a {
    display: inline-block;
}

/*
.pagination > li:last-child a:after {
    content: "Next Page >";
}
*/
@media (min-width: 992px) {
    .News-list-card {
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
    }

}

@media (max-width: 991px) {
    .News-list-card {

    }
}

@media (min-width: 768px) {
    .News-information .News-header, .News-information .News-header a {
        font-size: 16px;
        line-height: 20px;

    }

    .pagination > li a {
        display: inline-block;
    }

    /*
        .pagination > li:nth-child(2) a {
            display: inline-block;
        }

        .pagination > li:nth-child(3) a {
            display: inline-block;
        }

        .pagination > li:nth-child(4) a {
            display: inline-block;
        }

        .pagination > li:nth-child(5) a {
            display: inline-block;
        }

        .pagination > li:nth-last-child(2) a {
            display: inline-block;
        }

        .pagination > li:nth-last-child(3) {
            display: inline-block;
        }

        .pagination > li:nth-last-child(3):after {
            padding: 0 1rem;
            content: "...";
        }*/
    .pagination > li > a, .pagination > li > span {
        color: #666;
    }

    .pagination > li > a:hover, .pagination > li > span:hover {
        background: none;
        color: #333;
        border: #ddd solid 1px;
    }

    .pagination .active a {
        background-color: #4475e1;
        color: #fff;
        font-size: 14px;
        border: #4475e1 solid 1px;
        margin-left: 6px;
    }

    .pagination .active a:hover {
        background-color: #4475e1;
        color: #fff;
        border: #4475e1 solid 1px;
    }

    .pagination > li > a {
        /* position: relative; */
        padding: 6px 12px;
        margin-left: 6px;
        line-height: 1.42857143;
        color: #666;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #eaeaea;
        border-radius: 5px;
        float: none;
    }

    .News-img img {
        width: 100%;
        /* height: 225px;*/
    }

}

@media (max-width: 767px) {
    .News-information .News-header {
        font-size: 18px;
        line-height: 22px;
        position: relative;
    }

    .publish-content h1 {
        font-size: 16px;
    }

    /* .oae-pagination .pagination > li:nth-child(2) a, .Journal-pagination .pagination > li:nth-child(2) a {
         display: inline-block;
     }

     .oae-pagination .pagination > li:nth-last-child(2) a, .Journal-pagination .pagination > li:nth-last-child(2) a {
         display: inline-block;
     }

     .oae-pagination .pagination > li:nth-last-child(3), .Journal-pagination .pagination > li:nth-last-child(3) {
         display: inline-block;
     }*/
    /*  .oae-pagination .pagination > li:nth-last-child(3):after, .Journal-pagination .pagination > li:nth-last-child(3):after {
          padding: 0;
          content: "/";
      }*/
    .oae-pagination .pagination > li:last-child.active:after, .Journal-pagination .pagination > li:last-child.active:after {
        content: "";
    }

    .oae-pagination .pagination > li:nth-last-child(2) a, .Journal-pagination .pagination > li:nth-last-child(2) a {
        display: inline-block;
    }

    .oae-pagination .pagination > li.active a, .Journal-pagination .pagination > li.active a {
        display: inline-block;
    }

    .oae-pagination .pagination > li.active:after, .Journal-pagination .pagination > li.active:after {
        padding: 0;
        content: "/";
    }

    .oae-pagination .pagination > li > a, .oae-pagination .pagination > li > span, .Journal-pagination .pagination > li > a, .Journal-pagination .pagination > li > span {
        color: #666;
    }

    .oae-pagination .pagination > li > a:hover, .oae-pagination .pagination > li > span:hover, .Journal-pagination .pagination > li > a:hover, .Journal-pagination .pagination > li > span:hover {
        background-color: #4475e1;
        color: #fff;
    }

    .oae-pagination .pagination .active a, .Journal-pagination .pagination .active a {
        background: none;
        color: #4475e1;
        font-size: 14px;
        border: none;
    }

    .oae-pagination .pagination > li > a, .Journal-pagination .pagination > li > a {

        /* position: relative; */
        padding: 6px 0;
        margin-left: 6px;
        line-height: 1.42857143;
        color: #666;
        text-decoration: none;
        background: none;
        border: none;
        border-radius: 0;
        float: none;
    }

    .oae-pagination .pagination > li:first-child a, .oae-pagination .pagination > li:last-child a, .Journal-pagination .pagination > li:first-child a, .Journal-pagination .pagination > li:last-child a {
        display: inline-block;
        /* position: relative; */
        padding: 6px 12px;
        margin-left: 6px;
        line-height: 1.42857143;
        color: #666;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #eaeaea;
        border-radius: 5px;
        float: none;
    }

    .News-img a {
        display: block;
        /*   height: 200px;*/
        overflow: hidden;
    }

    .News-img img {
        width: 100%;
    }

    .article-img img {
        width: 100%;

    }
}

/*OAE搜素页面*/
.oae-search-content {
    background-color: #fff;
    border-top: #4475e1 solid 3px;
    margin-top: 20px;
    padding: 5px 20px 20px 20px;

}

.hr-bottom {
    display: block;
    border-bottom: #e5e5e5 solid 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

.oae-search-content > h2 {
    font-size: 14px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.oae-search-content .cs-select {
    height: 36px;
    border-radius: 3px;
    border: #ccc solid 1px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-right: none;
    font-size: 12px;
    color: #666;
    position: relative;
    z-index: 4;
    vertical-align: top;

}

.oae-search-content .select-style-box .SearchWithin-form h2 {
    font-size: 14px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.select-style-box .SearchWithin-form .select {
    display: inline-block;
    line-height: normal;
    margin: 0;
    background-color: #f7f7f7;
    border: #ccc solid 1px;
    margin-right: 10px;

}

.select-style-box .SearchWithin-form #select-u1_input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
}

@media (max-width: 767px) {
    .select-style-box .SearchWithin-form .select {
        vertical-align: middle;
    }

    .select-style-box .select > span {
        padding: 0 15px 0 10px;
    }

    .select-style-box .select > span::after {
        right: 5px;
    }

    .select-style-box .SearchWithin-form #select-u1_input {

        vertical-align: top;

    }

    .select-style-box .SearchWithin-form #select-lastselect {
        width: 80px;
    }

    .select-style-box .SearchWithin-form #select-pay2 {
        width: 80px;
    }

    .select-style-box .SearchWithin-form #select-u2725_input {
        width: 80px;
    }

    .select-style-box .SearchWithin-form #select-u2_input {
        width: 100%;
    }

    .select-style-box .SearchWithin-form #select-u3_input {
        width: 100%;
    }

}

@media (min-width: 768px) {
    .select-style-box .SearchWithin-form .select {
        vertical-align: top;
    }

    .select-style-box .select > span {
        padding: 0 20px 0 10px !important;
    }

    .select-style-box .select > span::after {
        right: 10px;
    }

    .select-style-box .SearchWithin-form #select-u1_input {
        min-width: 120px;
    }

    .select-style-box .SearchWithin-form #select-lastselect {
        width: 120px;
    }

    .select-style-box .SearchWithin-form #select-pay2 {
        width: 70px;
        margin-right: 10px;
    }

    .select-style-box .SearchWithin-form #select-u2725_input {
        width: 120px;
    }

    .select-style-box .SearchWithin-form #select-u2_input {
        width: 500px;
    }

    .select-style-box .SearchWithin-form #select-u3_input {
        width: 500px;
    }
}

.select-style-box .SearchWithin-form .Section-select .select {

    display: inline-block;
    line-height: normal;
    margin: 0;
    vertical-align: top;
    background: none;
}

.Search-btn {
    text-align: center
}

@media (min-width: 768px) {
    .select-style-box .SearchWithin-form .Section-select .select {
        min-width: 630px;
    }
}

.select-style-box .SearchWithin-form .add-group {
    margin-top: 10px;
    display: inline-block;
    vertical-align: text-bottom;
}

.select-style-box .SearchWithin-form .select > span {
    line-height: 36px;
}

.select-style-box .SearchWithin-form label .radio {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: -10px;
}

.select-style-box label {
    font-size: 14px;
    /*font-family: OpenSans-Semibold;*/
}

.select-style-box select option {
    width: 100%;
    font-size: 12px;
    color: #666;
}

.select-style-box.test-box {
    width: 100%;
    text-align: center;
    position: fixed;
    left: 0;
    top: 30%;
}

.select-style-box .select, .select ul, .select li, .select ol {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.select-style-box .select {

    background-color: #fff;
    border: #ccc solid 1px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    color: #666;
    display: block;
    position: relative;
    /*  margin: 10px 0;
      padding-right: 25px;
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px;
      border-right: none;*/
}

.select-style-box .select > span {
    margin: 0;
    /*    white-space: nowrap;*/
    display: block;
    cursor: pointer;
    height: 36px;
    overflow: hidden;
}

.select-style-box .select > span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid #000;
    border-width: 4px 3px;
    top: 50%;
}

.select-style-box .select > span::after {
    border-color: #444 transparent transparent transparent;
}

.select-style-box .select > ul {
    width: 100%;
    display: none;
    position: absolute;
    background: #fff;
    /*border: 1px solid #e8e8e8;*/
    border-radius: 3px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 35px;
    z-index: 3;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, 0.3);
    text-align: left;
}

.select-style-box .select > ul > li {
    padding: 10px 0 10px 5px;
    position: relative;
    line-height: 16px;
    border-bottom: #ededed solid 1px;
    cursor: pointer;

}

.select-style-box .select .select-cat {
    background-color: #4475e1;
    color: #fff;
}

.select-style-box .select > ul > li:hover {
    color: #4475e1;
    background-color: rgba(67, 117, 225, 0.05);
    cursor: pointer;
}


.input-text {
    height: 36px;
    border-radius: 3px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-left: none;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    margin-left: -15px;
    padding-left: 20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    vertical-align: top;
}

.oae-search-content .oae-add-btn {
    height: 36px;
    line-height: 36px;
    border: #4475e1 solid 1px;
    color: #4475e1;
    border-radius: 3px;
    text-align: center;
    padding: 0 15px;
    background-color: #fff;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
    font-family: "OpenSans";
}

.oae-search-content .oae-minus-btn {
    height: 36px;
    line-height: 36px;
    border: #4475e1 solid 1px;
    color: #4475e1;
    border-radius: 3px;
    text-align: center;
    padding: 0 15px;
    background-color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.oae-search-content .SearchWithin-form {
    vertical-align: middle;
}

.oae-search-content .SearchWithin-form label {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    vertical-align: middle;

}

.oae-search-content .SearchWithin-form label.checkbox-inline {
    margin: 0 20px 10px 0;
}

.input-select-white {
    background-color: #fff;
    border: #ccc solid 1px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 12px;
    color: #666;
    width: 100%;
    overflow: hidden;
    display: block;

}

select.sm-select {
    margin-left: 15px;
}

select.max-select {
    margin-left: 0px;
}

.oae-search-content select.sm-select-block {
    border-radius: 3px;
    border: #ccc solid 1px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-right: #ccc solid 1px;
    margin-right: 10px;
}

.add-group {
    margin-top: 10px;
}

.search-result {
    font-size: 14px;
    color: #535353;
    padding: 20px 0 0;

}

.search-result .search-result-cont {
    color: #c30016;
    font-family: "OpenSans-Bold";
}

.search-result .search-result-keywords {
    font-family: "OpenSans-Bold";
}

.input-datepicker {
    height: 36px;
    border-radius: 3px;
    border: #ccc solid 1px;
    background-color: #fff;
    padding: 0 10px;
    font-size: 12px;
    color: #666;
}

label.chkbox {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
    color: white;
    border: #cccccc solid 1px;
    margin-right: -15px;
}

label.chkbox .yes,
label.chkbox .no {
    position: absolute;
    right: 0;
    text-indent: -999em;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}

label.chkbox .toggle {
    display: none;
}

label.chkbox.on {
    background-color: #4475e1;
    border: none;
}

label.chkbox.on .fa-check {
    color: #fff;
    font-size: 12px;
}

label.chkbox.on .toggle {
    display: block;
    text-align: center;
    line-height: 16px;
}

label.chkbox.focus {
    outline: 0;
}

label.radio {
    display: inline-block;
    height: 16px;
    width: 16px;
    min-height: 16px;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: #cdcdcd solid 1px;
    border-radius: 100%;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease;

}

label.radio > span.pip {
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 100%;
    background: #4475e1;
    top: 5px;
    left: 5px;
    background-image: linear-gradient(#ffffff 0, #e7e7e7 100%);
    transform: scale(0, 0);
    transition: all 0.2s ease;
}

label.radio.on {
    background-color: #4475e1;
    border: none;
}

label.radio.on > span.pip {
    transform: scale(1, 1);
}

label.radio.focus {
    outline: 0;
}

input[type=checkbox].replaced,
input[type=radio].replaced {
    position: absolute;
    left: -9999em;
}

.checkbox-inline, .radio-inline {
    padding-left: 0px;
}

.checkbox label, .radio label {
    padding-left: 0px;
}

@media (min-width: 992px) {
    .input-text {
        width: 570px;
    }

    .oae-search-content .cs-select {
        min-width: 160px;
    }

    .form-inline .checkbox, .form-inline .margin-input {
        margin-right: 20px;
        margin-top: -15px;
        display: inline;
    }

}

@media (min-width: 768px)and (max-width: 1199px) {
    .form-inline .checkbox, .form-inline .margin-input {
        margin-right: 20px;
        margin-top: 5px;
        display: block;
        line-height: 32px;
    }

    .article-information {
        padding-bottom: 50px;
    }

    .right-content-part li {
        padding: 0px;
    }

    .right-content-part li a {
        width: 95%;
    }

    .right-content-part li:last-child a {
        float: right;
    }

    .right-content-part li a {
        margin-bottom: 0px;
    }

    .nav-flex > li {
        display: block;
    }
}

@media (min-width: 768px)and (max-width: 1112px) {
    .body-right-content {
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    label.radio {
        margin-right: -5px;
    }

    .oae-search-content select.sm-select-block {
        min-width: 70px;
    }

    .oae-search-content .cs-select {
        min-width: 120px;
    }

    .input-text {
        width: 400px;
		min-width:630px;
    }

    .oae-search-content .oae-add-btn i.fa-plus:after {
        content: "Add More";
        margin-left: 5px;
        font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    select.max-select {
        min-width: 630px;
    }

}

@media (max-width: 767px) {

    label.radio {
        margin-right: 5px;
    }

    .oae-search-content .cs-select {
        min-width: 120px;
        padding: 0 5px;
    }

    .oae-search-content .oae-add-btn i.fa-plus:after {
        content: "";
    }

    .oae-search-content select.sm-select-block {
        min-width: 50px;
    }

    .search-result {
        margin-bottom: -10px;
    }

    .input-text {
        width: 100%;
    }

    .input-datepicker {
        width: 100px;
    }

    .select-style-box .SearchWithin-form .Section-select .select {
        width: 100%;
    }
}
/*2019.4.15*/
.select-style-box .s1{margin:5px 5px 0px 0px;float:left;}
.select-style-box .s2{ margin-top:5px;float:right; }
@media (max-width: 992px)  {
 .select-style-box .s1{}
  .select-style-box .s2{ margin-top:5px;}

}
@media (max-width: 767px)  {
  .select-style-box .s1{ width:100%;}
  .select-style-box .s2{ margin-top:5px;clear: left;}

}

/*2018.5.28*/
.ContentJournal > h2 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
    display: block;
}

@media (min-width: 768px) {
    .Journal-header {
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .ContentJournal h2 {
        padding-bottom: 5px;
        padding-top: 5px;
    }
}

@media (max-width: 767px) {
    .Journal-header {
        font-size: 26px;
        line-height: 30px;
        padding-bottom: 10px;
        padding-top: 30px;
    }

    .ContentJournal h2 {
        padding-bottom: 5px;
        padding-top: 5px;
    }
}

.Journal-header {
    font-family: "SerifRegular", "Times New Roman", serif;
}

/*新闻内页样式2018.05.29*/
#News_Con {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-family: "OpenSans";
}

.G_content img {
    max-width: 600px;
}

#News_Con p {
    font-size: 14px;
    line-height: 22px;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    color: #222
}

@media (min-width: 768px) {
    .News_imgLeft {
        max-width: 350px;
        margin: 10px 20px 10px 0px;
        text-align: center;
        display: inline-block;
        float: left
    }

    .News_imgLeft img {
        max-width: 350px;
    }

    .News_imgRight {
        max-width: 350px;
        margin: 10px 20px 10px 0px;
        text-align: center;
        display: inline-block;
        float: right
    }

    .News_imgRight img {
        max-width: 350px;
    }

    .News_img {
        max-width: 350px;
        margin: 10px 0px 10px 20px;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width: 767px) {
    .News_imgLeft {

        text-align: center;
        display: inline-block;

    }

    .News_imgRight {
        text-align: center;
        display: inline-block;
    }

    .News_img {
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }
}

.Newsimg-group {
    vertical-align: top
}

.NewsProf-group {
    background-color: #f8f8f8;
    /* float: left; */
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    display: inline-block;
}

.NewsProf {

    width: 100%;
    float: left;
    padding-bottom: 10px;

}

.NewsProf img {
    float: left;
    margin: 10px 10px 0px 0px;
    width: 120px;

}

@media (max-width: 992px) {
    #News_Con img {
        width: 100%;
    }
}

/*oae右边内容部分与期刊共用*/
.oae-right-Contents {
    display: block;
    overflow: hidden;
    word-wrap: break-word;
}

.oae-right-Contents .nav > li {
    display: block
}

.oae-right-Contents .scroll-box .nav {
    max-width: 250px;
}

@media (max-width: 991px) {
    .oae-right-Contents {
        margin-top: 20px;
    }
}

/*2018-07-04增加返回顶部样式*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: fixed;
    bottom: 20vh;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;

    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 1033;
}

@media (min-width: 768px) {
    .cd-top {
        background: rgba(241, 116, 82, 0.8) url(../../images_2018/journals/cd-top-arrow.svg) no-repeat center 50%;
    }
}

@media (max-width: 767px) {
    .cd-top {
        background: rgba(241, 116, 82, 1) url(../../images_2018/journals/cd-top-arrow.svg) no-repeat center 50%;
    }
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

/*2018.07.16修改*/
.article-abstract {
    font-size: 12px;
    line-height: 18px;
    color: #444;
    padding: 0 0 7px 0;
    margin: 0;
}

/*2018.08.02修改*/
.News-abstract {
    font-size: 12px;
    line-height: 18px;
    color: #444;
    padding: 7px 0;
    margin: 0;
}

/*2018-08-29修改文章卡片padding*/
.article-img {
    padding: 20px 20px 0px 20px;
}

.article-block {
    display: inline-table;
}

@media (min-width: 768px) {
    .article-block {

        max-width: 460px;
        line-height: 16px;

    }

    .tab-content ul li, .article-c li, .Topic_Aticle_list ul li, .articles-content ul li {
        margin-bottom: 40px;
    }

    /*.articles-content ul li:nth-last-child(3), .articles-content ul li:nth-last-child(2), .articles-content ul li:last-child {
        margin-bottom: 0px;
    }*/

    /*.tab-content ul li:nth-last-child(2), .article-c li:nth-last-child(2),.oae-c>li:nth-last-child(2){
            margin-bottom:0px;
            }*/
}

.top-search input.form-control {
    color: #000
}

/*2018-09-07期刊底部Follow OAE*/
@media (max-width: 767px) {
    .oaebottom-info a {
        display: inline;
    }

    .tab-content ul li, .article-c li, .Topic_Aticle_list ul li, .articles-content ul li {
        margin-bottom: 20px;
    }

    .tab-content ul li:nth-last-child(2), .article-c li:nth-last-child(2), .oae-c > li:nth-last-child(2).articles-content ul li:nth-last-child(2) {
        margin-bottom: 20px;
    }

    .article-c li:last-child, .oae-c > li:last-child, .Topic_Aticle_list ul li:last-child, .articles-content ul li:last-child {
        margin-bottom: 0px;
    }

    .tab-content ul li:last-child {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    .oaebottom-info a {
        display: block;
        margin-bottom: 10px;
    }

    .oaebottom-info span {
        display: none
    }
}

@media (min-width: 992px) {
    .oaebottom-info a {
        display: inline;
    }
}

/*2018-09-10合作页面调整*/
@media (max-width: 480px) {
    .Journal-partner-con .media-left, .Journal-partner-con .media-body {
        display: inline;
    }

    .Journal-partner-con .media-left img {
        width: 200px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 481px) {
    .Journal-partner-con .media-left img {
        width: 120px;
        height: 160px;
    }
}

/**/
@media (max-width: 767px) {
    .special-page {
        margin-top: 20px;
    }
}

/*20180913修改文章列表页搜索*/

@media (min-width: 992px) {
    #Sortbycon-top {
        display: none;
    }
}

@media (max-width: 991px) {
    #Sortbycon-top {
        display: block;
    }

    #Sortbycon {
        display: none;
    }
}

#Sortbycon .select > ul > li {
    padding: 10px 0px 10px 15px;
}

#ArticleCon .select-style-box .select > ul {
    max-height: 300px;
    overflow-y: scroll;
}

.SpecialCon ul li {
    margin-top: 20px;
}

.SpecialCon ul li .media:first-child {
    margin-top: 0px;
}

/*20180920文章列表加特刊说明*/
.art-specialissue {
    color: #999;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 5px;
}

/*20180925新闻列表图片*/
.News-img {
    padding: 20px 20px 0px 20px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
    margin: 2px 5px 0px 0px;
    vertical-align: top;
}

.Search-form {
    display: inline;
}

.Search-form select {
    display: inline-block;
    line-height: normal;
    margin: 0;
    background-color: #f7f7f7;
    border: #ccc solid 1px;
    margin-right: 10px;
    padding: 0 20px 0 15px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
}

.Section-select select {
    background-color: #fff;
    border: #ccc solid 1px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    color: #666;
    display: block;
    position: relative;
    padding: 0 20px 0 15px;
}

.input-group-addon {
    background-color: #f7f7f7;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {

}

@media (min-width: 768px) {
    .Section-select select {
        width: 500px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .select-style-box .SearchWithin-form label .radio {
        margin-top: 8px;
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        margin-top: 8px;
    }
}

/*2018.10.11修改菜单上下icon*/
@media (max-width: 767px) {
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle i {

        float: right;
        font-size: 12px;
        margin-left: 10px;
        vertical-align: middle;
        line-height: 20px;
    }
}

@media (min-width: 768px) {
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle i {
        margin-left: 5px;
        /*margin-top: 2px;*/
        font-size: 12px;
    }
}

/*20181019修改新闻里面表格样式*/
.ContentTable {
    border: #999 solid 1px;
    margin-top: 20px;
}

.ContentTable tr td {
    border: #999 solid 1px;
    padding: 5px 10px;
}

#News_Con .ContentTable tr td img {
    width: 90px;
}

#News_Con .NewsProf img {
    width: 120px;
}

/*
Journals-style.css
*/

body {
    font-family: "OpenSans";
}

a:hover, a:active {
    color: #4475E1;
    text-decoration: underline;
}

@font-face {
    font-family: 'ma5sf';
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAASEAAsAAAAABDgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAJQAAACUlXL2j2hlYWQAAAJYAAAANgAAADYKk+0daGhlYQAAApAAAAAkAAAAJAbBA8ZobXR4AAACtAAAABQAAAAUCgABAWxvY2EAAALIAAAADAAAAAwAKABebWF4cAAAAtQAAAAgAAAAIAAHABluYW1lAAAC9AAAAW4AAAFu4YBcm3Bvc3QAAARkAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEB/7sC/wOPABYAAAkBJiIHBhQXCQEGFBceATMyNjcBNjQnAv/+OAsgCwsLAa3+UwsLBQ4IBw4GAcgLCwHFAcoLCwsgC/5R/lILIAsFBgYFAckLHwwAAAEAAAABAADMb+RrXw889QALBAAAAAAA1DrUawAAAADUOtRrAAD/uwL/A48AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAv8AAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAABAQAAAAAACgAUAB4ASgABAAAABQAXAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABQAAAAEAAAAAAAIABwBOAAEAAAAAAAMABQAwAAEAAAAAAAQABQBjAAEAAAAAAAUACwAPAAEAAAAAAAYABQA/AAEAAAAAAAoAGgByAAMAAQQJAAEACgAFAAMAAQQJAAIADgBVAAMAAQQJAAMACgA1AAMAAQQJAAQACgBoAAMAAQQJAAUAFgAaAAMAAQQJAAYACgBEAAMAAQQJAAoANACMbWE1c2YAbQBhADUAcwBmVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwbWE1c2YAbQBhADUAcwBmbWE1c2YAbQBhADUAcwBmUmVndWxhcgBSAGUAZwB1AGwAYQBybWE1c2YAbQBhADUAcwBmRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
}

.main {
    background-color: #f7f7f7;
    position: relative;
    padding-bottom: 40px;

}

.navbar-default {
    background-color: #4475e1;
}

.web-tag a {
    padding: 8px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-family: "GillSansbold";
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    height: 36px;
}

.web-tag a:hover {
    text-decoration: none;
}

nav.navbar.bootsnav {

}

.navbar {
    min-height: 0px;
    margin: 0;
    border: none;
    border-radius: 0;
}

.web-tag {
    border-width: 0;
}

.swiper-button-next, .swiper-button-prev {

    width: 30px !important;
    height: 30px !important;
    background-color: #333 !important;
    line-height: 30px !important;
    filter: alpha(opacity=0); /* IE */
    -moz-opacity: 0; /* 老版Mozilla */
    -khtml-opacity: 0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
    background-image: none !important;
    color: #eee;
    text-align: center;
    vertical-align: middle !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

}

.swiper-button-prev {
    left: 20px;
}

.swiper-button-next {
    right: 20px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next i, .swiper-button-prev i {
    font-style: normal;
    font-weight: 400;
    font-family: 'FontAwesome5';
    font-size: 0.9em;
}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
    filter: alpha(opacity=35); /* IE */
    -moz-opacity: 0.35; /* 老版Mozilla */
    -khtml-opacity: 0.35; /* 老版Safari */
    opacity: 0.35; /* 支持opacity的浏览器*/
}

/*.swiper-button-prev:before,
.swiper-button-next:before {
    content: "\e900";
    display: block;
    font-family: 'ma5sf', sans-serif;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.swiper-button-prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}*/

.swiper-container:hover .swiper-button-next:hover, .swiper-container:hover .swiper-button-prev:hover {

    filter: alpha(opacity=65); /* IE */
    -moz-opacity: 0.65; /* 老版Mozilla */
    -khtml-opacity: 0.65; /* 老版Safari */
    opacity: 0.65; /* 支持opacity的浏览器*/
    cursor: pointer;
}

.swiper-container:hover .swiper-button-next.swiper-button-disabled, .swiper-container:hover .swiper-button-prev.swiper-button-disabled {
    opacity: 0.1;
    cursor: auto;
    pointer-events: none;
}

@media (min-width: 992px) {
    .navbar-nav {
        float: left;
    }

    nav.navbar.bootsnav {
        z-index: 2;
    }
}

@media (min-width: 768px) {
    nav.navbar.bootsnav ul.nav > li > a {
        height: 54px;
        line-height: 54px;
        font-weight: 400;
        margin: 0;
        font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;

    }

    nav.navbar.bootsnav ul.nav > li > a:hover {
        text-decoration: none;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {

        margin-top: 0;
    }

    nav.navbar.bootsnav li:nth-child(2).dropdown ul.dropdown-menu {
        min-width: 240px;
    }

    nav.navbar.bootsnav li:nth-child(3).dropdown ul.dropdown-menu {
        min-width: 240px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
        padding: 0 20px;
        color: #fff;
        height: 40px;
        line-height: 40px;
    }

    .dropdown-menu > li > a {

    }

    .Journal-more-btn {
        font-size: 11px;
        padding: 3px 8px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

}

/*期刊网站头部信息*/
.Journal-info-header {

    padding: 30px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px #ddd;
    -moz-box-shadow: 0 1px 5px #ddd;
    box-shadow: 0 1px 5px #ddd;
    position: relative;

    z-index: 1;

}

.Journal-info-con {
    position: relative;
}

@media (min-width: 768px) {
    .Journal-info-con h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .Journal-info-header {
        margin-top: 90px;

    }
}

@media (max-width: 767px) {
    .Journal-info-con h1 {

        font-size: 16px;
        line-height: 22px;
        /*font-size: 32px;*/
        /*line-height: 36px;*/
    }

    .Journal-info-header {
        margin-top: 100px;
        display: inline-block;
    }
}

.Journal-info-con h1 {
    color: #444;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.journalmedia-link-top {
    float: right;
    display: inline-block;
    line-height: 50px;
    position: relative;
    z-index: 20;

}

.journalmedia-link-top h4 {
    display: inline;
    color: #fff;
    font-size: 12px;
    font-family: "OpenSans";
    margin-right: 10px;
}

.journalmedia-link-top a {
    width: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 24px;
    vertical-align: middle;
}

.journalmedia-link-top .fa-twitter:before, .journalmedia-link-top .fa-facebook-f:before, .journalmedia-link-top .fa-linkedin-in:before {
    color: #fff;
}

.Journal-info-con span {
    font-size: 14px;
    line-height: 18px;
    color: #444;
}

.Journal-desc {
    padding-top: 10px;
}

.Journal-desc p {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    padding: 0;
    margin: 0;

}

.Journal-search-con .sb-search {
    min-width: 400px;
    height: 36px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    text-align: right
}

.Journal-search-con .sb-search .sb-search-input {
    height: 36px;
    border: #ccc solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    color: #444;
}

.Journal-search-con .sb-search .sb-search-submit {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;

}

form.Journal-search-form {
    position: relative;
    margin: 0;
    display: inline-block;
    margin-right: 10px;
}

.search-advanced {
    display: inline-block;
}

@media (min-width: 1200px ) {
    form.Journal-search-form {
        width: 400px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    form.Journal-search-form {
        width: 350px;
    }
}

@media (min-width: 992px) {
    .advanced-search {
        font-size: 14px;
        color: #4475e1;
        float: right;
        text-decoration: underline;
        margin: 10px 0;
        margin-right: 0px;
    }

    .advanced-search:hover, .advanced-search:focus, .advanced-search:active {
        color: #4475e1;
    }

}

/*期刊首页推荐部分*/
.Journal-recommend-part, .Journal-right-chief {
    margin-top: 30px;
    position: relative;
}

.Journal-recommend {
    background-color: #fff;
}

.Journal-recommend .media-left {
    padding-right: 0;
}

@media (min-width: 768px) {
    .Journal-recommend .media-body {
        position: relative;
        padding-top: 5px;
        display: table-cell;
        vertical-align: top;

    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:focus, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:active {
        text-decoration: none;
    }

    /*.article-link {
        position: absolute;
        clear: both;
        left: 15px;
        bottom: 20px;
        display: inline-table;
        margin-top: 10px;

    }*/
    .Journal-recommend .media-body .article-link {
        position: relative;
        clear: both;
        left: 0;
        bottom: 0;
        right: auto;
        display: inline-table;
        margin-right: 15px;
        margin-top: 15px;
    }
}

.article-information p {
    color: #666;
}

.article-dateinfo, .article-doi, .article-Otherinfo {
    line-height: 15px;
}

.Journal-right-chief ul li {

    margin-bottom: 15px;
}

.Journal-right-chief ul li:last-child {
    margin-bottom: 0;

}

.Journal-right-chief ul li > a {
    width: 80px;
    height: 80px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
    display: inline-block;
    overflow: hidden;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .15);

}

.Journal-right-chief ul li > a img {
    width: 80px;
}

.Journal-right-chief ul li span {
    width: 100%;
    font-size: 12px;
    color: #333;
    padding: 5px 0 0 0;
}

.Journal-right-chief ul li span a {
    color: #333;
}

.Journal-right-chief ul li span a:hover {
    color: #4475E1;
}

.Journal-right-menu {
    margin-top: 30px;
}

.Journalcontent-right-menu {
    margin-top: 0px;
}

.Journal-right-menu ul li {
    margin-bottom: 10px;
}

.Journal-right-menu ul li a {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px 10px 10px 15px;
    text-decoration: none;
    border: #eaeaea solid 1px;
}

.Journal-right-menu ul li a:hover {
    /*  background: none; */background-color:#efefef;
    border: #ddd solid 1px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;

}

.Journal-right-menu ul li a:hover i:before {
    color: #666;
    /*尹宇补充 start*/
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    /*尹宇补充 end*/
}

.Journal-right-menu ul li a:active {
    background-color: #ebebeb;
    border: #ddd solid 1px;

}

.Journal-right-menu ul li a:active i:before {
    color: #666;
}

.Journal-right-Specialissues, .Journal-right-SiteDate, .Journal-right-Publisher, .Journal-right-Partners, .Journal-right-News, .Journal-right-Ads {
    margin-top: 30px;
}

.J-right-list ul li {
    border-top: #e9e9e9 solid 1px;
    font-size: 12px;

    padding: 10px 0;
}

.J-right-list ul li:last-child {
    border-bottom: #e9e9e9 solid 1px;
}

.J-right-list ul li a {
    line-height: 16px;
    color: #666;
}

.J-right-list ul li a:hover, .J-right-list ul li a:active {
    color: #4475E1;
}

.Journal-right-Publisher p {
    color: #666;
    padding: 15px 0 10px 0;
    border-top: #e9e9e9 solid 1px;
    margin: 0;
}

@media (min-width: 768px) {
    .Journal-right-Publisher p {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (max-width: 767px) {
    .Journal-right-Publisher p {
        font-size: 14px;
        line-height: 20px;
    }
}

.Journal-right-Publisher p a {
    color: #666;
}

.Journal-right-Publisher p a:hover {
    color: #4475E1;
}

.Journal-right-Partners img {
    width: 106px;
    padding: 10px;
    background-color: #fff;
}

.Journal-right-Partners p {
    color: #666;
    padding: 15px 0 10px 0;
    margin: 0;
}

.Journal-right-News img {
    width: 100%;
}

.Journal-right-News p {
    margin: 10px 0;
}

.Journal-right-News p a {
    display: inline-block;
    color: #666;
    font-family: "OpenSans";
}

.Journal-right-News p a:hover, .Journal-right-News p a:active {
    color: #4475E1;
}

.Journal-right-News a.news-more ,.Journal-right-Ads a.news-more {
    font-size: 11px;
    color: #333;
    line-height: 16px;
    background-color: #fff;
    border: #eaeaea solid 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    padding: 3px 8px;
    float: right;
}

.Journal-right-News a.news-more:hover,.Journal-right-Ads a.news-more:hover {
    background: none;
    border: #ddd solid 1px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.Journal-right-News a.news-more:active,.Journal-right-Ads a.news-more:active {
    background-color: #ebebeb;
    border: #ddd solid 1px;
    color: #333;
    text-decoration: none;

}

/*tab样式*/
.demo {
    width: 100%;
    height: 600px;
    min-height: 600px;
}

.tab .nav-tabs {
    border-bottom: 0 none;
}

.tab .nav-tabs li a {
    font-size: 13px;
    border: none;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 0;
    margin: 0;

}

@media (max-width: 991px) and (min-width: 768px) {
    .tab .nav-tabs li {
        float: left;
    }
}

.tab .nav-tabs li:first-child a {
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
}

.tab .nav-tabs li:last-child a {
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}

.tab .nav-tabs li.active a {
    border: 0 none;
    color: #fff;
    font-family: "OpenSans-Bold";
}

.tab .tab-content {

    color: #5a5c5d;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    padding: 0;
}

.fa, .fas, .fal {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome5;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 641px) {
    .tab .nav-tabs li a i {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    .tab {
        position: relative;
    }

    .tab .nav-tabs li a {
        height: 44px;
        line-height: 44px;
        padding: 0 15px;
        font-size: 14px;
        font-family: "OpenSans-Bold";
    }

    .tab .nav-tabs li a i {
        float: right;
        vertical-align: middle;
        line-height: 44px;
    }

    .tab .nav-tabs {
        /* position: absolute;
         top: 0px;*/
        z-index: 1;
    }

    .tab .tab-content {
        /* padding-top: 60px;*/
    }

    .nav-tabs-shadow {
        box-shadow: 0 20px 15px rgba(0, 0, 0, .15);
    }

    .tab .nav-tabs,
    .tab .nav-tabs li {
        width: 100%;
        background: transparent;
    }

    .tab .nav-tabs li:first-child.active a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .tab .nav-tabs li:first-child a {
        border-radius: 0;
    }

    .tab .nav-tabs li:nth-child(2) {
        display: none;
    }

    .tab .nav-tabs li:nth-child(3) {
        display: none;
    }

    .tab .nav-tabs li:nth-child(4) {
        display: none;
    }

    .nav-tabs-listshow {
        display: block;
    }

    .tab .nav-tabs li a {
        margin-bottom: 0;
        border: #dfdfdf solid 1px;
    }

    .tab .nav-tabs li.active a:after {
        border: none;
    }

}

/*期刊首页文章部分展示*/
.Journal-more-btn {
    font-size: 11px;
    color: #333;
    line-height: 16px;
    background-color: #fff;
    border: #eaeaea solid 1px;
    cursor: pointer;
    padding: 3px 8px;
    float: right;
}

.Journal-more-btn:hover {
    background: none;
    color: #333;
    border: #ddd solid 1px;
    text-decoration: none;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;

}

.Journal-more-btn:active {
    background-color: #ebebeb;
    color: #333;
    border: #ddd solid 1px;
    text-decoration: none;

}

@media (min-width: 1113px) {
    .Journal-search-con {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .Journal-articleMore {
        margin-top: -10px;
    }

    .Journal-right-menu ul li a {
        font-size: 12px;
        color: #666;
        cursor: pointer;
        /*尹宇补充 start*/
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        /*尹宇补充 end*/
    }

    .Journal-right-menu ul li a i:before {
        font-size: 13px;
        color: #d1d1d1;
        margin-right: 5px;
        /*尹宇补充 start*/
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        /*尹宇补充 end*/
    }

    .Journal-right-chief ul li {
        text-align: center;
    }

    .Journal-right-chief ul li span {
        display: inline-block;
    }

    .Journal-right-Partners p {
        font-size: 12px;
        line-height: 16px;
    }

    .Journal-right-News p a {
        font-size: 12px;
        line-height: 16px;
    }

    .Journal-right-News a.news-more {
        font-size: 12px;
        color: #333;
        line-height: 16px;
        padding: 3px 8px;
    }

    .Journal-more-primary {
        font-size: 12px;
        line-height: 16px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;

    }

    .Subscribe-Journal-box {
        display: none;
    }

    .Subscribe-Journal-box {
        width: 260px;
        height: 240px;
        background-color: #fff;
        position: absolute;
        bottom: -90px;
        left: -280px;
        padding: 20px;

        box-shadow: 1px 0 10px 5px rgba(0, 0, 0, .12);
        z-index: 99;

    }

    .Subscribe-input {
        margin-bottom: 10px;
    }

    .Subscribe-Journal-box p {
        margin-top: -10px;
    }

    .Subscribe-btn {
        margin-bottom: 20px;
    }

    #popupContactClose {
        display: block;
    }

    .Journalcontent-right-menu {
        margin-bottom: 20px;
    }
}


.layer-box2 {
        width: 100%;
        height: 300px;
		overflow-y:scroll;
        background-color: #f2f2f2;
        position: initial;
        bottom: 0px;
        left: 0px;
        padding: 2px;
	
        box-shadow: none;
        z-index: 99;

    }

@media (max-width: 991px) and (min-width: 640px) {}
@media (max-width: 640px){
	
}
@media (min-width: 768px) {
    .Journal-right-Publisher img {
        width: 218px;
    }

    .sb-search {
        margin: 0;
        margin-top: 20px;
        padding: 0;
    }

    .swiper-container , .swiper-container2 {
        margin-bottom: 9px !important;
    }

    .swiper-pagination {
        position: absolute;
        right: 10px;
        bottom: inherit;
        padding-top: 2px;
    }

    .user-interface {
        float: right; 
	

    }

    .user-interface span:after {
        content: " ";
        margin: 0 5px;
        color: rgba(255, 255, 255, .2);

    }

    .user-interface a {
        font-size: 12px;
        color: #fff;
        font-family: "OpenSans";
        padding: 0 8px;
        display: inline-block;
		width:auto;
		    height: 36px;
			line-height: 36px;
    }

    .user-interface a:hover {
        text-decoration: none;
    }

    .user-interface a:hover, .user-interface a:active {
        color: #fff;
    }

}

@media (max-width: 991px) {
    .Journal-search-con {
        display: inline-block;
    }

    .Journal-articleMore {
        margin-top: 10px;
    }

    .Journal-right-menu ul li.Subscribeli {
        display: none;
    }

    .Subscribe-Journal-box {
        display: block;
        margin-top: 30px;
    }

    .Subscribe-box {
        background-color: #fff;
        padding: 30px 60px;
    }

    .Subscribe-Journal-box .Subscribe-box p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;

    }

    .Subscribe-input {
        margin-bottom: 15px;
    }

    .Subscribe-Journal-box > .arrow, .Subscribe-Journal-box > .arrow:after {
        display: block;
    }

    .Subscribe-Journal-box .arrow {
        display: none;
    }

    #popupContactClose {
        display: none;
    }

    .Journal-right-menu ul li a {
        font-size: 14px;
        font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
        color: #666;
        text-align: center;
    }

    .Journal-right-menu ul li a i:before {
        font-size: 14px;
        color: #666666;
        margin-right: 5px;
    }

    .Journal-right-chief ul li > a {
        float: left;
    }

    .Journal-right-chief ul li span {
        display: inline;
        height: 80px;
        line-height: 80px;
        padding-left: 20px;
        font-size: 14px;

    }

    .J-right-list ul li a {
        font-size: 14px;
        line-height: 20px;
    }

    .Journal-right-Partners a {
        float: left;
        margin-right: 10px;
    }

    .Journal-right-Partners p {
        font-size: 16px;
    }

    .Journal-News-list {
        background-color: #fff;
        margin-bottom: 20px;
    }

    .Journal-News-list p {
        padding: 15px 20px 20px 20px;
        margin: 0;
    }

    .Journal-right-News p a {
        font-size: 14px;
        font-family: "OpenSans";
        line-height: 20px;
        color: #666;
    }

    .Journal-right-News p a em, .Journal-right-News p a i {
        font-family: "OpenSans-Italic";
        font-style: normal;
    }

    .Journal-right-News a.news-more {
        font-size: 14px;
        color: #333;
        line-height: 16px;
        padding: 10px 15px;
    }

    .Journal-more-primary {
        font-size: 14px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .advanced-search {
        font-size: 14px;
        color: #4475e1;
        text-decoration: underline;

    }

    .search-advanced {
        text-align: center;
        margin: 10px 0 0;
    }

    form.Journal-search-form {
        width: 400px;
    }

    .journalmedia-link-top {
        float: right;
        display: inline-table;
        position: relative;
        z-index: 20;
        margin-top: 10px;

    }

    .journalmedia-link-top h4 {
        display: inline;
        color: #fff;
        font-size: 12px;
        font-family: "OpenSans";
        margin-right: 10px;
    }

    .journalmedia-link-top a {
        width: 36px;
        height: 36px;
        line-height: 36px;
        display: inline-block;
        text-align: center;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .journalmedia-link-top {
        display: none
    }

    .swiper-button-next, .swiper-button-prev {
        filter: alpha(opacity=35); /* IE */
        -moz-opacity: 0.35; /* 老版Mozilla */
        -khtml-opacity: 0.35; /* 老版Safari */
        opacity: 0.35; /* 支持opacity的浏览器*/
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

        filter: alpha(opacity=10); /* IE */
        -moz-opacity: 0.1; /* 老版Mozilla */
        -khtml-opacity: 0.1; /* 老版Safari */
        opacity: 0.1; /* 支持opacity的浏览器*/
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    .Journal-Partners-list {
        width: 100%;
        background-color: #fff;
        border-bottom: #e9e9e9 solid 1px;
        padding: 10px 0;
        display: inline-table;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        text-align: center;
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .Journal-right-chief ul li {
        text-align: left;
    }

    .Journal-right-Publisher img {
        width: 218px;
    }

    .Journal-recommend .media-body, .Journal-recommend .media-left, .Journal-recommend .media-right {
        display: inline;
        vertical-align: top;
    }

    .Journal-recommend .media-left, .Journal-recommend .media > .pull-left {
        padding-right: 0;
    }

    .Journal-recommend .media-object {
        width: 100%;
        display: block;
    }

    .sb-search {
        margin-top: 0;
    }

    .sb-search {
        margin: 0;
        padding: 0;
        margin-top: 20px;

    }

    .Journal-search-con {
        display: none;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none;
    }

    nav.navbar.bootsnav {
        height: auto;
    }

    nav.navbar.bootsnav .navbar-header {
        height: 0;
    }

    .web-tag a {
        padding: 0px 20px;
        text-align: center;
        font-size: 16px;
        line-height: 50px;
        color: #fff;
        font-family: "GillSansbold";
        height: 50px;
    }

    .web-tag a:hover, .web-tag a:active {
        color: #fff;
        text-decoration: none;
    }

    .top-menu {
        height: 50px;
        position: absolute;
        top: -50px;
        right: 0;
    }

    .swiper-container {
        margin-bottom: 10px;
    }

    .swiper-pagination {
        text-align: center !important;
        padding-top: 10px !important;
        position: relative !important;
        padding-bottom: 20px !important;

    }

    .Journal-more-btn {
        font-size: 14px;
        color: #333;
        padding: 10px 15px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    .Journal-more-btn:active {
        background-color: #ebebeb;
        border: #ddd solid 1px;

    }

    .bottom-section h3 {
        padding-left: 0;
    }

    .bottom-Navigation a {
        height: 44px;
        line-height: 44px;
        border-radius: 6px;
        border: #ddd solid 1px;
        display: block;
        padding: 0 15px;
    }

    .Journal-bottom-part ul li {
        margin-bottom: 10px;
    }

    .journalmedia-link a {
        display: inline;
    }

    .journalmedia-link a {
        width: 48px;
        height: 48px;
        border-radius: 5px;
        background-color: #fff;
        font-size: 20px;
        display: inline-table;
        text-align: center;
        margin-right: 10px;
    }

    .user-interface {
        display: none
    }

    .Subscribe-box {
        background-color: #fff;
        padding: 20px 15px 20px 15px;
    }

    .Subscribe-btn {
        margin-bottom: 0;
    }

    .Subscribe-Journal-box .Subscribe-box p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
        color: #666;

    }

    .Subscribe-input {
        margin-bottom: 15px;
    }

    nav.navbar.bootsnav .navbar-nav > li > a {
        font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
        font-weight: 900;
    }

    .Journalcontent-right-menu {
        margin-top: 30px;
    }

    .Journalcontent-right-menu ul li a {
        width: 100%;
    }

}

@media (max-width: 640px) {

    .Journal-more-primary {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .Journal-right-News a.news-more {
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }

}

.Journal-articleMore {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.Journal-articleMore a:first-child {
    margin-right: 20px;

}

.Journal-more-primary {

    padding: 10px 15px;
    border: #eaeaea solid 1px;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    color: #333;
}

.Journal-more-primary:hover {

    border: #dddd solid 1px;
    background-color: #f9f9f9;
    text-decoration: none;
    color: #333;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;

}

.Journal-more-primary:active {

    border: #ddd solid 1px;
    background-color: #ebebeb;
    text-decoration: none;
    color: #333;
}

.Journal-article-con {
    position: relative;
    width: 100%;
    display: inline-block;
}

@media (min-width: 768px) {
    .Journal-article-con {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .Journal-article-con {
        margin-top: 0px;
    }
}

.article-editor {
    font-size: 11px;
    color: #999;
    line-height: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    /* font-style: italic;*/
    /* font-family: "OpenSans-Italic";*/
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background-color: #ccc !important;
    opacity: .9 !important;
    margin: 5px !important;
}

.swiper-pagination-bullet-active {
    background-color: #999999 !important;
}

.Journal-Message {
    margin-top: 10px;
}

/*期刊底部增加部分*/
.Journal-bottom {
    background-color: #fff;
    border-top: #e7e7e7 solid 1px;
    padding: 30px 0;
}

.Journal-bottom-part {
    padding-top: 15px;
    margin-top: 0;
}

.Journal-bottom-info {
    margin-top: 0;
    padding-top: 15px;
}

.Journal-bottom-info span {
    display: block;
}

.Journal-bottom h3 {
    color: #333;
    font-family: "OpenSans";
}

@media (min-width: 768px) {
    .Journal-bottom h3 {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .Journal-bottom h3 {
        font-size: 16px;
        line-height: 22px;
    }
}

.Journal-bottom-part ul li {
    padding-bottom: 2px;
}

.Journal-bottom-part a {
    font-size: 14px;
    color: #666;

}

.Journal-bottom-part a:hover, .Journal-bottom-part a:active {
    color: #4475E1;
}

.Journal-bottom .fa-twitter:before, .Journal-bottom .fa-facebook-f:before, .Journal-bottom .fa-linkedin-in:before {
    color: #fff;
}

/*弹出层*/
.Journal-right-menu {
    position: relative;
}

.Subscribe-Journal-box p {
    font-size: 12px;
    color: #666;

}

.Journal-input {
    height: 36px;
    border: #ccc solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    color: #999;
}

.Subscribe-input {
    width: 100%;
    padding-left: 10px;
    font-size: 12px;
    color: #444;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

/* 使用webkit内核的浏览器 */
input::-moz-placeholder {
    color: #ccc;
}

/* Firefox版本4-18 */
input::-moz-placeholder {
    color: #ccc;
}

/* Firefox版本19+ */
input:-ms-input-placeholder {
    color: #ccc;
}

/* IE浏览器 */

.Subscribe-btn {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

#popupContactClose {
    font-size: 14px;
    line-height: 14px;
    right: 10px;
    top: 10px;
    position: absolute;
    color: #666;
    font-weight: 700;
    cursor: pointer;
}

.Subscribe-Journal-box > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);

}

.Subscribe-Journal-box > .arrow {
    border-width: 11px;
}

.Subscribe-Journal-box > .arrow, .Subscribe-Journal-box > .arrow:after {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.Subscribe-Journal-box > .arrow:after {
    right: -20px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}

.Subscribe-Journal-box > .arrow:after {
    content: "";
    border-width: 10px;
}

/*期刊专题列表*/
.Specialissues-editor {
    font-size: 11px;
    font-family: "OpenSans-Italic";
    color: #999;
    line-height: 15px;
    padding-top: 5px;
}

.Specialissues-date {
    margin-top: 20px;
}

.Specialissues-date span {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    display: block;
    font-family: "OpenSans";
}

@media (min-width: 992px) {
    .body-content-padding {
        padding-top: 30px;
    }
}

/*期刊注册页与登录*/

.Journal-lg-con-left .input-group {
    margin-top: 15px;
}

.Journal-lg-con-left .input-group .control-label {
    padding: 0 10px;
    font-weight: normal;

}

.Journal-lg-con-left a.blurry {
    cursor: pointer;
    text-align: right;
    width: 100%;
    display: block;
    margin-top: 5px;
}

.Journal-lg-con-left .input-group p {
    padding: 5px 0 20px 0;
    margin: 0;
}

.Journal-lg-con-left h1, .Journal-lg-con-right h1 {
    font-size: 20px;
    color: #444;
    line-height: 30px;
}

.input-group-addon {
    padding: 6px 12px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #ccc;
    text-align: center;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
}

.form-control {
    height: 36px;
    display: inline;
}

.input-code {
    margin-top: 15px;
}

.input-code img {
    display: inline;
    width: 96px;
    height: 36px;
    margin-left: 10px;
    float: right;
}

.fa-sync {
    font-size: 12px;
}

.login-hint {
    padding: 15px 0;
}

.login-hint p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.Journal-lg-con-left form p {
    padding: 20px 0 30px 0;
    margin: 0;
    color: #666;
}

.Journal-lg-con-left form p > a {
    text-decoration: underline;
}

.Journal-lg-con-right button {
    margin-top: 15px;
}

.btn-Login {
    background: none;
    border: #4475e1 solid 1px;
    color: #4475e1;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.Journal-lg-con-left i {
    margin-right: 6px;
}

.forgot-btn {
    padding: 20px 0;
    display: inline-block;
    cursor: pointer;
    float: right;
}

.input-group .form-control, .input-group .form-control:focus {
    z-index: 1;
}

.input-group .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 1200px) {
    .form-inline .inputcode {
        width: 455px;
    }
}

@media (min-width: 992px) {
    .Journal-lg-con-left {
        border-right: #ddd solid 1px;
    }

    .Journal-lg-con-left {
        padding: 40px;
    }

    .Journal-lg-con-right {
        padding: 40px 40px 40px 0;
    }

}

@media (min-width: 640px) {
    .Journal-lg-con-left button {
        margin-top: 20px;
    }
}

@media (min-width: 640px) {
    .Journal-lg-con {
        background-color: #fff;
        margin-top: 100px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        margin-bottom: 68px;

    }
}

@media (max-width: 991px) {
    .Journal-lg-con-left {
        border-bottom: #ddd solid 1px;
    }

    .Journal-lg-con-left, .Journal-lg-con-right {
        padding: 40px;
    }

    .form-inline .inputcode {
        width: 520px;
    }
}

@media (max-width: 767px) {
    .form-inline .inputcode {
        width: 400px;
    }

    .table-responsive > .table > tbody > tr > th {
    }
}

@media (max-width: 639px) {
    .journal-tag {
        margin-left: -15px;
    }

    .form-inline .inputcode {
        width: 260px;
    }

    .Journal-lg-con {
        min-height: 500px;
        background-color: #fff;

    }

    .Journal-lg-con-left {
        padding: 40px 15px;
    }

    .Journal-lg-con-right {
        padding: 40px 15px 0 15px;
    }

    .Journal-lg-con-left {
        background-color: #fff;
        margin-left: -15px;
        margin-right: -15px;
    }

    .Journal-lg-con-right {
        background-color: #f7f7f7;
    }

    .Journal-lg-con-left button, .Journal-lg-con-right button {
        width: 100%;
        text-align: center;
        display: block;
    }
}

/*期刊编委团队*/
.EditorialBoard-list {
    padding-right: 40px;
}

.EditorialBoard-list .media-left a ,.EditorialBoard-list .media-left img {
    width: 80px;
    height: 80px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    /* box-shadow: 0 3px 5px rgba(0, 0, 0, .15); */

}

.EditorialBoard-list:hover .media-left a {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
    /*尹宇补充 start*/
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    /*尹宇补充 end*/
}

.EditorialBoard-list .media-left a img {
    width: 80px;
}

.Editor_N {
    font-size: 14px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;

}

.Editor_D {
    font-size: 12px;
    color: #666;
    line-height: 16px;
    padding-top: 5px;
}

.Editor_D a {

    color: #333;
}

.Editor_D a:hover, .Editor_D a:active {
    color: #4475E1;
}

.Editor_N a {
    color: #333;
}

.Editor_N a:hover, .Editor_N a:active {
    color: #4475E1;
}

.EditorType_list > h2 {
    font-size: 16px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
}

.Editor_tag {
    font-size: 12px;
    color: #fba700;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    line-height: 16px;
    padding-top: 5px;
}

.EditorialBoard-type {
    margin-bottom: 30px;
    margin-top: -10px;
}

@media (min-width: 767px) {
    .add-sign-ul {
        display: none;
    }
}

@media (max-width: 768px) {
    .add-sign-ul a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 900;

    }

    .add-sign-ul a:first-child {
        border-top: #69c581 solid 5px;
        border-bottom: #69c581 solid 1px;

    }
}

/*期刊合作伙伴*/
.Journal-partner-con {
    background-color: #fff;
    padding: 20px;
    /*尹宇补充 start*/
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    /*尹宇补充 end*/
}

.Journal-partner-con .media-heading {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 22px;
}

.Journal-partner-con a:hover .media-heading {
    color: #4475E1;
}

.Journal-partner-con .Journal-partner-time {
    font-size: 12px;
    color: #444;
    line-height: 16px;
    margin: 10px 0;
    display: block;
    font-family: "OpenSans", "OpenSans-Bold";
}

.Journal-partner-con .media-body p {
    font-size: 12px;
    color: #444;
    line-height: 18px;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

.Journal-partner-con .media-body a {
    font-size: 12px;
}

.Journal-partner-con .fa-link {
    color: #515151;
    font-size: 8px;
    margin-right: 5px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

/*Downloaded*/

.Download-content {
    margin-top: 20px;
    overflow: hidden;
}

.ViewDownloaded-group {
    vertical-align: top;
    display: inline-block;
}

.select-style-box .ViewDownloaded-group .select > span {
    display: block;
}

.select-style-box .ViewDownloaded-group .select {
    display: inline-block;
}

@media (min-width: 768px) {
    .select-style-box .ViewDownloaded-group .select {
        margin-right: 10px;
        min-width: 180px;
    }

    .btn-download {
        width: 100px;
        height: 36px;
        line-height: 36px;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .select-style-box .ViewDownloaded-group .select {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .btn-download {
        width: 100%;
        height: 36px;
        line-height: 36px;
        padding: 0;
        text-align: center;

    }
}

.article-c {
    margin-top: 15px;
}

/*期刊列表页*/
.Sort-by-con {
    background-color: #fff;
    display: block;
    padding-bottom: 20px;
}

.Sort-by-con .form-group {
    margin: 0;
}

.Sort-by-con form {
    background-color: #fff;
    padding: 10px 20px 20px 20px;
    position: relative;
}

.EditorRoles-box {
    max-width: 300px;
}

.Sort-by-con label {
    margin: 15px 0;
}

.Sort-by-con .select {
    /*padding-right: 25px;*/
}

.Sort-by-con-btn {
    padding-top: 20px;
    text-align: center;
}

@media (max-width: 991px) {
    .Sort-by-con {
        margin-bottom: 20px;
    }
}

/*期刊文章页*/
.Article-content {
    background-color: #fff;
    position: relative;
}

@media (min-width: 768px) {
    .Article-content > h1 {
        font-size: 22px;
        line-height: 28px;
        font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
        padding-bottom: 15px;
        padding-top: 20px;
        color: #444;
       
    }
}

@media (max-width: 767px) {
    .Article-content > h1 {
        font-size: 20px;
        line-height: 24px;
        font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
        padding-bottom: 10px;
        padding-top: 10px;
        color: #444;
    }
}

.Article-content > h1 em, .Article-content > h1 i {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) {
    .Article-content {
        padding: 40px 40px 30px 40px;
    }

}

@media (min-width: 1200px) {

    .article-header-info {
        position: absolute;
        top: 16px;
        right: 40px;
        text-align: right;
    }

}

@media (max-width: 1199px) {

    .article-header-info {
        position: relative;
        top: -20px;
        right: 20px;
        text-align: right;
    }

    .article-header-info {
        margin-right: -20px;
    }
}

@media (max-width: 767px) {
    .Article-content {
        padding: 40px 15px 30px 15px;
    }

    .article-header-info {
        text-align: right;
        margin-top: 20px;
        margin-bottom: 15px;
    }

}

.article-header-info span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 18px;
}

.Article-content .article-authors, .Article-content .Affs_con, .Article-content .CorrsAdd {
    font-size: 12px;
    line-height: 18px;
    font-family: "OpenSans", "OpenSans-Italic";
    margin: 0;
}

.Article-content .article-authors {
    display: inline-block;
    color: #333;
}

.Article-content .article-authors em {
    font-family: "OpenSans";
    font-style: normal;
}

.Article-content .Affs_con, .Article-content .CorrsAdd {
    color: #333;
}

.Open_affs {
    font-size: 12px;
    line-height: 18px;
    color: #4475E1;
    cursor: pointer;
    font-family: "OpenSans", "OpenSans-Italic";
    margin: 8px 0px;
}

.Open_affs span i {
    color: #4475E1;
    vertical-align: middle;
    margin-left: 5px;
}

.Open_affs:hover {
    text-decoration: underline
}

.Open_affs span {
    color: #000;
}

.Article-content .Affs_con p {
    margin: 0;
    padding: 0 0 5px 0;
    line-height: 16px;
}

.Article-content .CorrsAdd {
    margin-top: 5px;
}

.Article-content .CorrsAdd p {
    color: #878787;
}

.articleDate {
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0 0 0;
    color: #ccc;
}

.articleDate span {
    color: #878787;
}

.articleDate em {
    color: #262626;
    font-style: normal;
}

.CorrsAdd .media-left .media-object {
    width: 81px;
    height: 33px;
}

.Article-content .article-bg {
    background-color: #fafafa;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-bottom: 10px;
}

/*2018-07-05*/
@media (min-width: 768px) {
    .Article-content .article-bg {
        padding: 30px 40px 40px;
    }

    .article-Section > h2 {
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 20px;
        padding-top: 20px;

    }

    .article-Section > h2::after {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .Article-content .article-bg {
        padding: 15px 15px 15px;
    }

    .article-Section > h2 {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .article-Section > h2::after {
        margin-top: 10px;
    }
}

.Article-content .article-bg h2 {
    font-size: 16px;
    color: #333;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.Article-content .article-bg p {
    margin: 0 0 10px 0;
}

.Article-content p {
    font-family: "OpenSans", Arial, sans-serif;
}

.article-Section > h3, .article-Section .h3 {
    font-size: 16px;
    line-height: 20px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #444;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
}

.article-Section > h3 i, .article-Section .h3 i, .article-Section > h3 em, .article-Section .h3 em {

    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
    font-style: normal;
}

.article-Section > h2 {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #444;
}

.article-Section > h2 i, .article-Section > h2 em {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

.article-Section > h2::after {
    width: 100%;
    border-bottom: #666 solid 2px;
    content: "";
    display: block;

}

/*.article-Section > h3::after, .article-Section .h3::after {
    width: 100%;
    border-bottom: #ccc solid 1px;
    content: "";
    display: block;
    margin-top: 15px;
    display: block;
}*/

.article-Section p {
    margin: 0;
    padding: 0px 0 10px 0;
    font-family: "SerifRegular", "Times New Roman", serif;
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
}

.ArticleContent p {
    font-family: "SerifRegular", "Times New Roman", serif;
}

.article-Section p img {
    
}

.Figure-block {
    background-color: #fafafa;
    overflow: hidden;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

.Figure-block a {
    text-align: center;
    display: block;
}

.Figure-block a img {
    width: 100%;
}

.Figure-block p {
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

/*2018-07-18*/
@media (min-width: 768px) {
    .Figure-block {
        padding: 40px 40px 30px 40px;
    }
}

@media (max-width: 767px) {
    .Figure-block {
        padding: 20px 20px 10px 20px;
    }

    .Figure-block .media-body, .Figure-block .media-left {
        display: inline-block;
    }
}

.article-figure-note {
    margin-top: 10px;
}

.Figure-block .article-figure-note p.figure-note {
    font-family: "OpenSans";
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

.Figure-block .article-figure-note p.figure-note em, .Figure-block .article-figure-note p.figure-note i {
    font-family: "OpenSans-Italic";
    font-style: normal;
}

.Figure-block .article-figure-note p.figure-description {
    font-family: OpenSans;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

.article-declarations span {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    display: inline-block;
    padding: 5px 0;

}

.article-declarations p {
    font-size: 14px;
    color: #333;
    line-height: 22px;

}

.article-declarations span {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
}

.article-declarations p {
    font-family: "SerifRegular", "Times New Roman", serif;
}

.article-references ul li {
    margin-bottom: 10px;
    font-size: 12px;
    color: #444;
    line-height: 18px;
}

.article-references ul li p {
    padding: 0;
    margin: 0;
}

.article-references ul li p em {

    font-family: "SerifRegular-Italic", "Times New Roman", serif;
}

.article-references ul li a {
    margin-right: 10px;
}

.article-references ul li p a {
    margin: 0;
}

.Journal-right-btn {
    position: relative;
    margin-top: 20px;
}

.Journal-right-btn ul li {
    text-align: center;
}

.Journal-right-btn ul li .pdficon,.Journal-right-btn ul li .xmlicon,.Journal-right-btn ul li .citeicon {
   /*background-image: url(../../images_2018/journals/pdf.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: 30px center;*/
	width:23px;
	margin-right:7px;
}
#Download-con ul li a{text-indent:-10%;}


.scrollspy {
    width: 345px;
    background-color: #fff;
    border-top: #4375e1 solid 3px;
    z-index: 1;
    padding: 30px 20px;
    position: fixed;
    top: 60%;
    right: 0px;
    box-shadow: 0 20px 15px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 20px 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 20px 15px rgba(0, 0, 0, .15);
}

.Journal-right-Share a {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-right: 2px;
    line-height: 36px;
    color: #fff;
}

.Journal-right-Share a i {
    font-size: 16px;color: #fff;
}

.Share-sign {
    background-color: #498f1e;
}

.facebook-sign {
    background-color: #3b5898;
}

.twitter-sign {
    background-color: #1da1f2;
}

.envelope-sign {
    background-color: #9b9a9b;
}

.weibo-sign {
    background-color: #cb2027;
}

.tumblr-sign {
    background-color: #36cc54;
}

.star-sign {
    background-color: #f5a523;
}

.pinterest-sign {
    background-color: #cb2027;
}

.link-sign {
    background-color: #4374e1;
}

.linkedin-sign {

    background-color: #1686b0;
}

.google-plus-sign {
    background-color: #dc4e41;
}

.Journal-right-Share .fa-twitter, .Journal-right-Share .fa-facebook-f, .Journal-right-Share .fa-linkedin-in {
    color: #fff;
}

.Journal-right-Updates a img {
    width: 150px;
    height: 35px;
}

.Journal-right-Contents {
    margin-top: 30px;
    display: block;
    overflow: hidden;
    word-wrap: break-word;
}

.Journal-right-Contents .nav-flex {
    margin-left: 0;
}

.Journal-right-Contents ul > li > a {
    word-wrap: break-word; color:#333;
}
.Journal-right-Contents ul > li > a:hover {
    color:#4475E1;
}
.Journal-right-Contents ul > li .Link_style {
    display:none;
}

.Journal-right-Contents .nav > li {
    width: 252px;
}
.article-rig-content a{ word-wrap: break-word; color:#333;    font-size: 12px;}
.article-rig-content  a:hover {
    color:#4475E1;
}
.article-rig-content .article-abs{color:#999;     font-size: 12px;}


.Journal-right-Recommend {
    margin-top: 30px;
    font-family: "OpenSans", "OpenSans-Italic";
    line-height: 18px;
    font-size: 12px;
}

.fix {
    position: fixed;
    top: 300px;
}

.Journal-right-Recommend > ul > li > span {
    font-style: italic;
    color: #a2a2a2;
    padding: 5px 0 0 0;
    line-height: 16px;
    display: block;
}

@media (min-width: 992px) {
    .Journal-right-Share {
        margin-top: 30px;

        /*margin-bottom: 20px;*/
    }

}

@media (max-width: 1112px) {
    .block {
        display: block;
    }

    .floatcon {
        max-width: 300px;
        height: 70%;
        background-color: #fff;
        z-index: 1;
        padding: 0 20px 30px 20px;
        position: fixed;
        top: 30%;
        right: 0;
        display: none;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        box-shadow: 0 20px 15px rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 20px 15px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 20px 15px rgba(0, 0, 0, .15);

    }

    .Journal-right-Share {
        margin-top: 30px;

    }

    .Journal-right-Share .fa-twitter, .Journal-right-Share .fa-facebook-f, .Journal-right-Share .fa-linkedin-in {
        font-size: 16px;
        line-height: 36px;
    }

    .Journal-right-Updates, .Journal-right-Statistics {
        margin-top: 30px;
    }

}

#imgtabbox {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: none;
    z-index: 1031;
    position: fixed;
    top: 0px;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    filter: alpha(opacity=100); /* IE */
    -moz-opacity: 1; /* 老版Mozilla */
    -khtml-opacity: 1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
    overflow: auto;
}

/*图片弹出修改06.12*/
.Comments-box {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 20px;
    filter: alpha(opacity=80); /* IE */
    -moz-opacity: 0.8; /* 老版Mozilla */
    -khtml-opacity: 0.8; /* 老版Safari */
    opacity: 0.8; /* 支持opacity的浏览器*/
}

.img-Comments {
    display: inline-block;
}

.close_k {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 10px 0;
}

.close_k_icon {
    font-size: 3em;
    cursor: pointer;
    filter: alpha(opacity=70); /* IE */
    -moz-opacity: 0.7; /* 老版Mozilla */
    -khtml-opacity: 0.7; /* 老版Safari */
    opacity: 0.7; /* 支持opacity的浏览器*/
}

.close_k_icon:hover {
    filter: alpha(opacity=100); /* IE */
    -moz-opacity: 1; /* 老版Mozilla */
    -khtml-opacity: 1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
}

.images_con {
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
}

.images_con img {
    max-width: 730px;
    width: 100%;
}

.article-figure-image {
    text-align: center;
}

.Figure-block a {
    text-align: center;
    display: inline-block;
    position: relative;
}

/*2018-07-05取消图片背景及上面图标效果*/
/*@media (min-width: 992px) {
    .Article-img:hover {
        background-color: rgba(0, 0, 0, .4);
        cursor: pointer;
    }

    .Article-img:hover img {
        opacity: 0.4;
        cursor: pointer;
    }

    .Article-img:hover::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f065";
        color: #fff;
        position: absolute;
        top: 1px;
        right: 1px;
        font-size: 20px;
        background-color: #000;
        padding: 5px 8px;
    }

    .Article-img:active {
        background: none;
    }

    .Article-img:active::before {
        content: " ";
        background: none;
    }

}*/

/**/
.table-content {
    width: 100%;
    margin-bottom: 20px;
}

.table-content tr {
    border-bottom: #f2f2f2 solid 1px;
}

.table-content tr th {

}

.table-content tr td {

    vertical-align: top;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    word-wrap: break-word;
}

.table-content tr td:first-child {
    font-weight: bold;
}

.header_hr {
    background-color: #f2f2f2;
}

.body-content > h4 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: "OpenSans-Bold";
    padding-bottom: 10px;
    padding-top: 10px;
}

.body-content > h5 {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-family: "OpenSans-Bold";
    padding-bottom: 5px;
    padding-top: 5px;
}

.scroll-boxshow .nav > li.active > a {
    font-weight: bold;
    color: #333;
}

.scroll-box .nav > li.active > a:hover {
    color: #4475e1;
}

.scroll-boxshow .nav > li > a {
    color: #333;
    font-weight: bold;
}

.scroll-box .nav > li .nav > li > a {
    color: #999;
    font-weight: normal;
}

.scroll-box .nav > li .nav > li > a:hover {
    color: #4475e1;
}

.scroll-box li.active .nav li.active a {
    font-weight: normal;
    color: #333;
    border-left: #999 solid 1px;
    margin-left: -1px;
}

.body-right-content {
    position: relative;
}

.Journal-right-Instru {
    display: block;
    margin-top: 30px;
}

@media (min-width: 1200px) {
    .Journal-right-Instru {
        max-width: 252px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .Journal-right-Instru {
        max-width: 202px;
    }
}

.fix {
    position: fixed;
}

.scroll-box {
    width: 100%;
}

.Journal-right-Instru ul li a {
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 8px 10px 8px 15px;
    text-decoration: none;
    border: #4475e1 solid 1px;
    margin-bottom: 10px;
    font-size: 12px;
}

@media (max-width: 991px) {
    .Journal-right-Instru ul li a {
        text-align: center;

    }
}

.Journal-right-Instru ul li a:hover {
    color: #fff;
    background-color: #3d69ca;
    border-color: #3d69ca;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;

}

.form-Volunteer input.form-control {
    display: block;
    color: #878787;
}

.form-Volunteer label {
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
}

.form-Volunteer label.label-major::before {
    content: "*";
    color: #c30016;
    margin-right: 5px;
    font-family: "OpenSans-Semibold";
}

.form-Volunteer label.label-prompt {

    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
}

.label-prompt::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #9a9a9a;
    margin-right: 5px;

}

.form-Volunteer label.checkbox-inline {
    font-family: OpenSans;
    font-weight: normal;
}

.form-Volunteer label.label-right {
    float: right;
    color: #878787;
}

.form-Volunteer label.label-p {
    padding: 5px 0 0 0;
    color: #999;
}

.form-Volunteer .box {
    margin-top: 5px;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 8px 10px 8px 15px;
    margin: 0;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile-1 + label {
    color: #4475e1;
    border: #4475e1 solid 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.inputfile-1 + label span {
    font-family: OpenSans;
    font-weight: normal;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    color: #fff;
    background-color: #3d69ca;
    border-color: #3d69ca;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.form-instru {
    background-color: rgba(67, 116, 225, 0.05);
    border: rgba(67, 117, 225, 0.3) solid 1px;
    font-size: 14px;
    color: #444;
    line-height: 20px;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 20px;
}

.form-Volunteer input.Code-shown-txt {
    width: 300px;
    display: inline-block;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
}

.form-Volunteer .blurry {
    background-color: #f7f7f7;
    border: #ccc solid 1px;
    padding: 7px 15px;
    margin-left: -5px;
    height: 36px;
    display: inline-block;
    cursor: pointer;
}

.form-Volunteer .codePic {

    display: inline-block;
    width: 80px;
    height: 36px;
}

@media (min-width: 768px) {
    .form-Volunteer {
        width: 600px;
        margin: 10px 0 10px 0;
    }

    .form-Volunteer input.form-control {
        width: 100%;
    }

    .form-Volunteer input.Code-shown-txt {
        width: 300px;
    }

    .form-Volunteer .blurry a:after {
        content: "Refresh";
    }

    .form-Volunteer .codePic {
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .form-Volunteer {
        margin: 10px 0 10px 0;
    }

    .form-Volunteer input.form-control {
        width: 100%;
    }

    .form-Volunteer input.Code-shown-txt {
        width: 200px;
    }

    .form-Volunteer .blurry a:after {
        content: " ";
    }

    .form-Volunteer .codePic {
        margin-left: 5px;
    }
}

/*2018-06-07*/
.article-table {
    overflow: auto;
}

.article-table span {
    display: inline-block;
}

.article-table table {
    border: #999 solid 1px;

}

table.a-table th {
    border: #999 solid 1px;
    background-color: #eee;
}

.a-table td{
    padding: 2px 8px;
    font-size: 14px;
    font-weight: 400;
    min-width: 160px;
}
table.a-table th {
    padding: 2px 8px;
    font-size: 14px;
    font-weight: 400;
    min-width: 100px;
}

.a-table tr td:first-child {
    min-width: 160px;
}

.a-table tr th:first-child {
    min-width: 160px;
}

.a-table td {
    font-family: "SerifRegular", "Times New Roman", serif;
    border: #999 solid 1px;
}

table.a-table th {
    font-family: "SerifRegular-bold", "Times New Roman", serif;
}

table.a-table th i {
    font-family: "SerifRegular-boldItalic", "Times New Roman", serif;

}

.table-responsive {
    border: none;
}

.table-note span {

    font-family: "OpenSans";
}

.table-note p {
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "OpenSans";
}

.articleEditor {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 15px 0;
    color: #ccc;
}

.articleEditor span {
    color: #878787;
}

.articleEditor em {
    color: #262626;
    font-style: normal;
}

/*2018-0629 添加video样式*/
.m-media-item__img svg {
    position: absolute;
    left: 16px;
    bottom: 16px;
    background-color: #000;
    color: #fff;
    box-sizing: content-box;
    outline: 8px solid #000;
}

.icon--video {
    width: 16px;
    height: 16px;
}

.m-media-item__img span img {

    max-width: 300px;
    max-height: 600px;

}

/*2018-0629 添加文章页作者样式*/
.A-Authors {
    font-size: 12px;
}

.A-Authors .media-left span {
    /* width: 80px;
     height: 80px;*/
    /* -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;*/
    display: inline-block;
    overflow: hidden;
    /* box-shadow: 0 3px 5px rgba(0, 0, 0, .15); */
}

.A-Authors .media-left span img {
    width: 80px;
}

.A-Authors ul li {
    background-color: #fafafa;
    padding: 10px;
    margin-bottom: 5px;
}

.A-Authors img {
    width: 80px;
}

.Affs_note {
    font-size: 12px;
}

/*2018-07-05文章页右边显示*/

@media (min-width: 992px) {
    .Journal-right-Recommend {
        width: 253px;
    }
}

/*2018-08-20文章页内容样式修改*/
.article-Section p em, .article-Section p i {
    font-family: "SerifRegular-Italic", "Times New Roman", serif;

}

.article-Section > h4, .article-Section .h4 {
    font-size: 14px;
    line-height: 20px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    color: #444;
    padding-bottom: 10px;
    display: block;
}

.article-Section > h4 i, .article-Section .h4 i, .article-Section > h4 em, .article-Section .h4 em {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
    font-style: normal;
}

/**/
@media (max-width: 639px) {
    .Journal-partner-con .media-body {
        width: auto;
    }
}

.flex {
    display: box; /* OLD - Android 4.4- */

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/*2018-09-07CDR期刊菜单多出一个不兼容*/
@media (min-width: 768px)and (max-width: 991px) {
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 0 20px;
    }
}

.Aff_current {
    display: none
}

/*手机端图表滚动条显示*/
/*.article-table{
     max-height: 400px;
}*/

.article-table::-webkit-scrollbar { /*滚动条整体样式*/
    width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}

.article-table::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 8px;
    background-color: #F5F5F5;
}

.article-table::-webkit-scrollbar {
    background-color: #F5F5F5;
}

.article-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #eee;
}

.article-table::-webkit-scrollbar-corner {
    background-color: #fafafa;
}

.table-responsive::-webkit-scrollbar { /*滚动条整体样式*/
    width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 8px;
    background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar {
    background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #eee;
}

.table-responsive::-webkit-scrollbar-corner {
    background-color: #fafafa;
}

/*.article-table::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 6px solid rgba(0, 0, 0, 0);
}

.article-table::-webkit-scrollbar {
    width: 6px;
    height: 13px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.article-table::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    min-height: 28px;
}

.article-table::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}*/

.table_footer_note p {
    margin-top: 10px;
}

/*20180914文章右侧*/
@media (min-width: 1113px) {
    .Recommendfix {
        position: fixed;
    }
}

@media (max-width: 1112px) {
    .floatcon {
        display: none;
    }

    .floatcon1 {
        display: block;
    }
}

@media (max-width: 1112px) {
    .floatcon {
		
    }

    .floatcon1 {
        display: none;
    }
}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after {
    font-weight: 600;
}

.Article-content .article-bg p b {
    font-family: 'OpenSans-Semibold', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.container > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}

.Sort-by-con-btn button {
    margin-right: 5px;
}

@media (min-width: 992px)and (max-width: 1199px) {
    .Sort-by-con-btn button {
        padding: 12px 10px;
    }

    .Sort-by-con-btn a {
        padding: 12px 10px;
    }
}

.a-table td i, .a-table td em {
    font-family: "SerifRegular-Italic";

}

/*2018.10.17Reviewer Acknowledgments*/
.ReviewerContent ul {
    margin: 0px;
    padding: 0px;
}

@media (max-width: 768px) {
    .ReviewerContent ul li b {
        background-color: #eee;
        /* width: 100%; */
        display: block;
        margin: 5px 0px;
    }
}

.ContentVideo {
    margin: 20px 0;
}

@media (min-width: 992px) {
    .ContentVideo {
        width: 650px;
        margin: 20px 0;
    }

    .ContentVideo video {
        text-align: center;
    }
}

/*20181023添加图表上标样式*/
sup {
    white-space: nowrap;
}

.article-table {
    width: 101%;
}

/*20181023添加摘要文章类型样式*/
.AbstractArticle-Section {
    margin-top: 40px;
}

.AbstractArticle-Section > h1 {
    font-size: 20px;
    line-height: 24px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
}

.AbstractArticle-Section > h1 i {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

.AbstractArticle-Section span {
    display: block;
    padding-bottom: 10px;
    color: #666;
}

.AbstractArticle-Section span.ArticleAuthor {
    font-size: 14px;
    line-height: 20px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
}

.AbstractArticle-Section span.ArticleAuthor i {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

.AbstractArticle-Section span.Articledep {
    font-size: 14px;
    line-height: 20px;
    font-family: "Opensans";
}

.ArticleContent {
    padding: 10px 0;
}

.articleKeywords span {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    display: inline;
}

.articleKeywords span i {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

.articleKeywords p {
    display: inline;
    font-family: "OpenSans", Arial, sans-serif;
}

.articleReferences h2 {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
}

.articleReferences h2 i {
    font-family: "opensans-semibolditalic", Arial, Helvetica, sans-serif;
}

.articleReferences ul li {
    margin-bottom: 10px;
    font-size: 12px;
    color: #444;
    line-height: 18px;
}

.articleReferences ul li p {
    font-family: "SerifRegular", "Times New Roman", serif;
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
    padding: 0;
    margin: 0;
}

.articleReferences ul li a {
    margin-right: 10px;
}

/*
default.css
*/

.nav {
    padding-left: 0px;
}

/* all anchors */
.nav > li > a {
    padding: 3px;
    border-left: 0px rgba(0, 0, 0, 0);
    color: #999;
    padding: 8px 15px;
    background: none;
    font-size: 12px;
}

.nav > li > a:hover {
    background: none;
}

@media (min-width: 768px) {
    .nav > li > a:hover {
        color: #4475e1;
        text-decoration: underline;
    }
}

.nav > li {
  
}

/* first level */
/* second */
.nav .nav li > a {
    padding-left: 20px;
    font-size: .9em;
}

/* third */
.nav .nav .nav li > a {
    padding-left: 30px;
    font-size: .8em;
}

/* fourth */
.nav .nav .nav .nav li > a {
    padding-left: 40px;
}

/* fifth */
.nav .nav .nav .nav .nav li > a {
    padding-left: 50px;
}

/* active link */
li.active > a {
    color: #444;
    font-size: 12px;
    border-left: 2px solid #999;
    margin-left: -1px;
}

/* hide second level lists */
.nav .nav {
    display: none;
}

/* show second-level when active */
.nav > .active > .nav {
    display: block;
}

.nav-flex {
    padding-left: 0px;
    border-left: #ccc solid 1px;
}

/* headings on the page (easier to see h5, h6) */

.scroll-box .nav {
    padding-left: 0px;
    border-left: #ccc solid 1px;
}

.scroll-box .nav .nav {
    border: none;
}

.scroll-box .nav > li > a {
    background: none;
    font-size: 12px;
}

.scroll-box .nav .nav {
    display: block;
}

/*
dcalendar.picker.css
*/

.calendar {
    position: relative;
    font-family: 'Century Gothic', 'Segoe UI', Calibri, Arial;
    font-size: 12px;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    z-index: 4;
    border: 1px solid rgba(0, 0, 0, 0.08);
    width: 250px;
    color: #000;
    text-align: center;
    background-color: #FFF;
}

.calendar th,
.calendar td {
    text-align: center;
    -webki-ttransition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.calendar th:first-child,
.calendar td:first-child {
    margin-left: 5px;
}

.calendar span {
    padding: 6px 4px;
    display: block;
}

.calendar .month {
    padding: 15px;
}

.calendar .pMDate, .calendar .nMDate {
    color: #AAA;
}

.calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month {
    cursor: pointer;
}

.calendar .date.disabled, .calendar .pMDate.disabled, .calendar .nMDate.disabled {
    cursor: not-allowed;
}

.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover {
    background-color: #E2E2E2;
}

.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):active, .calendar .month:active {
    background-color: #22A7F0;
    color: #FFF;
}

.calendar .selected {
    background-color: #22A7F0 !important;
    color: #FFF !important;
}

.calendar tr:first-child th {
    background-color: #FFF;
    padding: 4px;
    padding-top: 8px;
    font-size: 14px;
}

.calendar tr:first-child th {
    cursor: pointer;
    color: #000;
}

.calendar tr:first-child th:hover {
    color: #22A7F0;
}

.calendar tr:first-child th:active {
    color: #22A7F0;
}

.calendar thead tr:nth-child(2) th {
    color: #555;
    padding: 8px 3px;
}

.calendar #prev, .calendar #next {
    font-family: 'Times New Roman';
    font-size: 20px;
    padding: 0;
}

.calendar #today {
    text-align: center;
    cursor: pointer;
    color: #22A7F0;
    padding: 10px 6px;
}

.calendar #today:hover {
    color: #80A7DD;
}

.calendar #today:active {
    color: #000;
}

.calendar #currDay {
    color: #22A7F0;
}

.datepicker {
    background-size: contain;

}

/*
zeroModal.css
*/

/*
jquery.ez-plus.css
*/

/*2018.11.24清除ie表单input里面的×*/
input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

/*文章list有序排列序号*/
.tipsDecimal li {
    list-style: inside decimal;
}

.tipsDecimal li p {
    display: inline;
}

.tableFullline tr th, .tableFullline tr td {
    border: #ddd solid 1px;
}

.tableFullline tr th, .tableFullline tr td:first-child {
    text-align: center;
    vertical-align: middle;
}

.J-right-list ul li a.citeHref {
    color: #4475E1;
}

/*2018.11.29*/
.ContentOae h2 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: "OpenSans-Semibold";
    padding-bottom: 10px;
    padding-top: 10px;
    display: block;
}

.top-menu a .fa-search:before, .top-menu .fa-bars:before {
    font-size: 1.2em !important;
}

.news-info {
    float: left;
    /* display: inline-block;
     width: 100%;*/
    text-align: left;
    margin-bottom: 10px;
    padding-right: 0;
    color: #666;
    margin-top: 10px;
}

@media ( min-width: 992px) {
    .Journal-right-Updates {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

.Journal-right-Share {
    position: relative;
}

.wx_code {
    display: none;
    position: absolute;
    top: 0px;
    right: -110px;
    z-index: 100;
    width: 100px;
    height: 100px;
    background-color: #fff;
    box-shadow: 1px 0 10px 5px rgba(0, 0, 0, .12);
    padding: 10px;
}

.share-post .wx_code img {
    display: block;
    margin: 10px auto auto 13px;
    width: 80px;
}

.share-post .wx_code h4 {
    width: 106px;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.weixin-sign {
    background-color: #0bc315;
}

.wx_code > .arrow {
    top: 50%;
    left: -30px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);

}

.wx_code > .arrow {
    border-width: 11px;
}

.wx_code > .arrow, .wx_code > .arrow:after {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.wx_code > .arrow:after {
    right: -20px;
    bottom: -10px;
    content: " ";
    border-left-width: 0;
    border-right-color: #fff;
}

.wx_code > .arrow:after {
    content: "";
    border-width: 10px;
}

/*新闻增加分享图标20181221*/
.news_topinfo_con {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.shareicon-Con {
    display: inline-block;
    float: right;
    position: relative;
}

.shareicon-Con a {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-right: 5px;
    line-height: 30px;
    color: #fff;
}

.shareicon-Con a i {
    font-size: 14px;
}

.shareicon-Con .fa-twitter, .shareicon-Con .fa-facebook-f, .shareicon-Con .fa-linkedin-in {
    color: #fff;
}

.fa, .fas, .far, .fal, .fab {
    line-height: inherit;
}
.fab2{font:normal normal normal 14px/1 FontAwesome;}
/*
#wx_wd{
    display: none;
}
#wx_ph{
    display: none;
}*/

/*期刊首页广告位展示*/
@media (max-width: 991px) {
    .Journal-right-Ads {
        padding-top: 0px;
    }

    .Ads_con ul li img {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .Journal-right-Ads {
        padding-top: 5px;
		 padding-bottom:5px;
    }

    .Ads_con ul li img {
        width: 253px;
		height:270px;
    }
}

.Ads_con .swiper-button-next.swiper-button-disabled, .Ads_con .swiper-button-prev.swiper-button-disabled {
    opacity: .6;
    cursor: auto;
    pointer-events: none
}

.Ads_con .swiper-button-next, .Ads_con .swiper-button-prev {
    position: absolute;
    top: 55%;
    width: 20px;
    height: 20px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.Ads_con .swiper-button-next, .Ads_con .swiper-button-prev {
    width: 20px !important;
    height: 20px !important;
    background-color: #000 !important;
    line-height: 20px !important;
    filter: alpha(opacity=0); /* IE */
    -moz-opacity: 0; /* 老版Mozilla */
    -khtml-opacity: 0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
    background-image: none !important;
    color: #eee;
    text-align: center;
    vertical-align: middle !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.Ads_con .swiper-button-next i, .Ads_con .swiper-button-prev i {
    font-size: 0.5px;
}

/*增加小图标*/
.OrcidIcon {
    width: 14px;
    height: 14px;
    background: url(../../images_2018/journals/orcid-id-da8473f5fc.svg) no-repeat;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    display: inline-block;
    vertical-align: middle;
}

/*2019.01.08首页右侧展示特刊*/
.Journal-right-s{
    display: inline-block;
    margin-top: 30px;

}
.s-download-img a img {
    width: 100%;
}
.citeIcon{
    margin:0 5px;
    margin-right: 10px;
}
.citeIcon img,.Crossref{
     width:66px;
     margin-top: -6px;
}
.Journal-right-citeDetail{
 margin-top: 30px;
}
.cite-count{
    float: right;
}
/*20190128新闻表格样式*/
.table-news-content{
  border: #4f81bd solid 1px;
    margin:20px 0px 0px 0px;
}
.News_header_hr{
    background-color: #4f81bd;
    color: #fff;
}
.table-news-content tr td{
    border: #fff solid 1px;
}
.table-news-content tr:nth-of-type(even){
    background-color: #d0d8e8;
}
.table-news-content tr:nth-of-type(odd){
    background-color: #e9edf4;
}

.table-news-content tr:nth-of-type(odd).News_header_hr{
    background-color: #4f81bd;
    color: #fff;
}
.table-news-content tr:nth-of-type(odd).News_header_hr th{
    border: #fff solid 1px;
}
.table-news-content-green{
    border: #4bacc6 solid 1px;
    margin:20px 0px 0px 0px;
}
.table-news-content-green tr td{
    border: #4bacc6 solid 1px;
}

.table-news-content-green tr:nth-of-type(even){
    background-color: #b7dde8;
}
.News_header_hr_green{
    background-color: #4bacc6;
    color: #fff;
}
.article-Abstract p, .article-Keywords p {
    font-family: "SerifRegular", "Times New Roman", serif;
}


 /*2020422 background-color:#4475e1 !important;*/

 #sec11,#sec12,#sec13,#sec14,#sec15,#sec16,#sec17,#sec18,#sec19,#sec110,#sec111,#sec112,#sec113,#sec114,#sec115,#sec116,#sec117,#sec118,#sec119,.article-declarations{
	 border-bottom:solid #ccc 1px;
	 }
.article-references{border-bottom:solid #ccc 1px; }
.article-Section .article-Section>h2:after,.article-references>h2:after,.article-cite>h2:after,.article-comments>h2:after{
	border:0px;
	display:none;
}
.article-cite{border-bottom:solid #ccc 3px;}
 
  .user-interface {
        float: left; 
		margin-right:10px;

    }
	.user-interface a {
		    height: 54px;
			line-height: 50px;
    }
	.user-interface span:after{margin:0px;}
.journals .container{position:relative;}
.journals .navbar-nav{    position: absolute;
    right: 0px;
    top: auto;
    z-index: 9;}
nav.journals{z-index:30;}
nav.journals.bootsnav ul.nav > li > a{
	color: #fff;
    font-size: 12px;
	line-height:36px; background:none;
	height:36px;
}
nav.journals.bootsnav ul.nav > li > a:hover,.journals-a{ background:none !important;}
.journals-menu{right:0px; left:auto;}
nav.journals.bootsnav{z-index:30; background:#4475e1 !important;}

nav.journals.bootsnav li.dropdown ul.dropdown-menu {
        background-color: #3D69CA !important;
    }

nav.journals.bootsnav li.dropdown ul.dropdown-menu > li > a:visited , nav.journals.bootsnav li.dropdown ul.dropdown-menu > li > a:hover,nav.journals.bootsnav li.dropdown ul.dropdown-menu > li > a:active {
        background-color: #00008B !important;
    }
.journals i{padding:0 5px;}	
@media (min-width:768px){
	.journals-menu{width:360px !important;}
	nav.journals.bootsnav ul.nav > li:hover > a,
	nav.journals.bootsnav ul.nav > li:focus > a {
        background-color: #3D69CA !important;
    }
	
}
@media (max-width: 1200px){
	.user-interface{display:none;}
}

@media (max-width: 767px){
	
	#Article-content-right .Journalcontent-right-menu,.Journal-bottom{display:none;}
	#Article-content-right .Journal-right-btn{display:inline-block !important;}
	.journals-menu{width:100%; top:15px;}
	nav.journals.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding-left:10px !important;}
	nav.journals.bootsnav .navbar-nav > li{text-align: right;
			height: 50px;
			}
	nav.journals.bootsnav ul.nav > li > a{
		background:#4475e1 !important;
	}
	nav.journals.bootsnav ul.nav > li:hover > a,
	nav.journals.bootsnav ul.nav > li:focus > a {
        background:#4475e1 !important;
    }
	
	nav.journals.bootsnav{height:50px;}
	nav.journals.bootsnav .navbar-nav {
		background-color: #4475e1 !important;
		width: 100% ;
			margin: 0px;
			padding: 0px !important;
	}
	.web-tag,.web-tag .container{width: 100%;
    background: #e7b375;
    height: 50px;
		}
	.oae-tag{    position: absolute;
		top: -51px;
		z-index: 41;
		left: 0px;	
		}
	.oae-main-con {
		margin-top: 100px;
	}
	/*2021.6.18**/
	#top .pull-left{ display:inline-block;}
	#top .pull-right {     width: auto;
    float: right;
    height: 40px;
    float: left;
    display: block;
    position: absolute;
    right: 0px;
    text-align: center;
   
    padding: 0 15px;}
	
}

/*428*/
.article-viewnum{
    padding: 20px 0px 10px 0px;
 }
.article-viewnum span{display:inline-block; padding:5px 15px; 
	text-align: center;
    line-height: 25px;}