* {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑 Light", "Arial";
}

body, ul, h1, h2, h3, h4, h5, h6, p, img, ul {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

html, body {
    height: 100%;
}

.wrap{
    min-height: calc(100% - 132px) !important;
}

[v-cloak] {
    display: none !important;
}

/*==========移动端icon  Start===========*/
.phone-icon {
    background-color: #0f0f0f;
    height: 40px;
    overflow: hidden;

}

.phone-icon > .phone-tool {
    margin-top: 10px;
}

.phone-icon > .phone-tool > li {
    border-right: 1px solid #fff;
    padding: 0 15px;
}

.phone-icon > .phone-tool li:last-of-type {
    border-right: 0;
}

.phone-icon > .phone-tool li a {
    color: #fff;
}

.phone-icon > .phone-tool li .dropdown-menu {
    background-color: #3388ff;
}

.phone-tool li a i {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .phone-icon > .phone-tool > .phone-res-icon {
        border-right: 0;
    }
}

/*==========移动端icon  End===========*/

/*header Start*/

.header-bg {
 
    border: 0;
    border-bottom: 1px solid #275dbf; 
    margin-bottom: 20px;
}

.header {
    height: 80px;
    background-color: #3388ff;
}

.header .logo {
    display: block;
    margin-top: 0px;
}

.tool {
    margin-top: 25px;
    float: right;
}

.tool > li {
    border-right: 1px solid #fff;
    padding: 2px 15px;
}

.tool .mt5 {
    margin-top: 5px;
}

.nav-bg .mt5{
    margin-top: 10px;
    padding: 0 10px;
    border-right: 1px solid #333;
}
.nav-bg .mt5:last-of-type{
    border-right: 0
}
.nav-bg .mt5 a i {
    margin-right: 2px;
}

.tool > li:hover {
    background-color: white;
}

.tool > li:hover > a {

    color: #275dbf;
}

.tool li:last-of-type {
    border-right: 0;
}

.tool li a {
    color: #fff;
}

.tool li .dropdown-menu {
    background-color: #749ade;
}

.tool li a i {
    margin-right: 5px;
}

.nav-bg {
    background-color: #fff;
}

.nav-box {
    background-color: #fff;
}

.nav-box .navbar-collapse .nav li i {
    margin-right: 8px
}

.nav-box .navbar-collapse .nav li a {
    font-size: 14px;
    font-weight: 700;
    color: #3388ff;
    padding: 10px 20px;
}

.nav-box .navbar-collapse .nav li a:hover {
    background-color: #275dbf;
    color: white;
}


.nav-box .navbar-collapse .nav li.active a {
    background-color: #507bc7;
    color: white;
}

.my-home-icon {
    font-size: 18px;
}

.phone-logo {
    color: white;
}

.phone-logo i {
    margin-right: 5px;
}

.weixin, .message {
    position: relative;
}

.wx-dropdown {
    z-index: 99;
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    background-color: white;
    padding: 10px;
}

.message-dropdown {
    z-index: 99;
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    background-color: white;
    padding: 10px;
    border: 1px solid #ccc;
}

@media (max-width: 1200px) {
    .message-dropdown {
        top: 30px;
    }

    .wx-dropdown {

        top: 30px;

    }
}

@media (max-width: 991px) {
    .nav-box .navbar-collapse .nav li a {
        padding: 10px 15px;
    }

    .tool > li {
        padding: 0 10px;
    }
}

@media (min-width: 767px)and(max-width: 991px) {
    .navbar-brand {
        float: left;
        padding: 8px 15px;
        font-size: 18px;
        line-height: 20px;
        height: 50px;
    }
}

@media (max-width: 767px) {

    .header {
        height: inherit;
        padding: 5px 0;
    }

    .nav-box .navbar-collapse .nav li a {
        padding: 10px 15px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #3388ff;
    }

    .phone-padding {
        padding: 0;
    }

    .nav-box .navbar-collapse .nav li a {
        font-size: 14px;
        font-weight: 700;
        color: #3388ff;
        padding: 10px 15px;
    }
}

/*header End*/

/*===================面包屑导航 Start=================*/
.my-breadcrumb-bg {
    background-color: #3388ff;
    padding: 10px 0;
    border-radius: 0;
}

.breadcrumb-title {
    color: #fff;
    margin-top: 8px;
}

.breadcrumb-title i {
    margin-right: 5px;
}

.my-breadcrumb {
    background-color: #3388ff;
    border-radius: 0;
    margin-bottom: 0;
}

.my-breadcrumb > li a {
    color: white;
}

.my-breadcrumb > li a i {
    margin-right: 5px;
}

.my-breadcrumb > li + li:before {
    color: #fff;
    content: ">";
    padding: 0 5px;
}

@media (max-width: 1200px ) {
    .my-breadcrumb {
        padding: 10px 15px;

    }
}

/*====================面包屑导航 End================*/

/*首页内容 Start*/
.banner-box {

    height: 300px;
}

.index-content {
    margin-top: 15px;
}


.source-style-box {
    margin-bottom: 15px;
}

.index-source-title, .index-publish-title {
    padding-bottom: 20px;
}

.index-database-title {
    padding-bottom: 17px;
}

.index-source-title h4, .index-publish-title h4, .index-database-title h4 {
    font-weight: 700;
    color: #275dbf;
    font-size: 18px;
}

.index-source-title .more, .index-publish-title .more, .index-database-title .more {
    font-size: 16px;
    cursor: pointer;
}

.index-source-title .more i, .index-publish-title .more i, .index-database-title .more i {
    margin-left: 5px;

}

.index-source-content li {
    width: 12.5%;
    text-align: center;
    background-color: #eeeeee;
}

.index-source-content li:hover {
    background-color: #eacba4;
}

.index-source-content li .all-source {
    background-image: url("../images/all-source-icon.png");
}

.index-source-content li .elec-qk {
    background-image: url("../images/ele-book-icon.png");
}

.index-source-content li .elec-book {
    background-image: url("../images/ele-book2-icon.png");
}

.index-source-content li .elec-bz {
    background-image: url("../images/ele-bz-icon.png");
}

.index-source-content li .ysda {
    background-image: url("../images/ysda-icon.png");
}

.index-source-content li .sssz {
    background-image: url("../images/sssz-icon.png");
}


.index-source-content li .ckgj {
    background-image: url("../images/ckgj-icon.png");
}


.index-source-content li .dmtzy {
    background-image: url("../images/dmtzy-icon.png");
}


.index-source-content li .swwx {
    background-image: url("../images/swwx-icon.png");
}

.index-source-content li .source0 {
    background-image: url("../images/all-source-icon.png");
}

.index-source-content li .source1 {
    background-image: url("../images/ele-book-icon.png");
}

.index-source-content li .source2 {
    background-image: url("../images/ele-book2-icon.png");
}

.index-source-content li .source3 {
    background-image: url("../images/ele-bz-icon.png");
}

.index-source-content li .source4 {
    background-image: url("../images/ysda-icon.png");
}

.index-source-content li .source5 {
    background-image: url("../images/sssz-icon.png");
}


.index-source-content li .source6 {
    background-image: url("../images/ckgj-icon.png");
}


.index-source-content li .source7 {
    background-image: url("../images/dmtzy-icon.png");
}


.index-source-content li .source8 {
    background-image: url("../images/swwx-icon.png");
}


.index-source-content li a {
    color: #333;
    padding: 20px 5px 20px 45px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 5px 10px;
}



.index-source-content2 li {
    width: 10%;
    text-align: center;
    background-color: #eeeeee;
}

.index-source-content2 li:hover {
    background-color: #eacba4;
}

.index-source-content2 li .all-source {
    background-image: url("../images/all-source-icon.png");
}

.index-source-content2 li .elec-qk {
    background-image: url("../images/ele-book-icon.png");
}

.index-source-content2 li .elec-book {
    background-image: url("../images/ele-book2-icon.png");
}

.index-source-content2 li .elec-bz {
    background-image: url("../images/ele-bz-icon.png");
}

.index-source-content2 li .ysda {
    background-image: url("../images/ysda-icon.png");
}

.index-source-content2 li .sssz {
    background-image: url("../images/sssz-icon.png");
}


.index-source-content2 li .ckgj {
    background-image: url("../images/ckgj-icon.png");
}


.index-source-content2 li .dmtzy {
    background-image: url("../images/dmtzy-icon.png");
}


.index-source-content2 li .swwx {
    background-image: url("../images/swwx-icon.png");
}

.index-source-content2 li .source0 {
    background-image: url("../images/all-source-icon.png");
}

.index-source-content2 li .source1 {
    background-image: url("../images/ele-book-icon.png");
}

.index-source-content2 li .source2 {
    background-image: url("../images/ele-book2-icon.png");
}

.index-source-content2 li .source3 {
    background-image: url("../images/ele-bz-icon.png");
}

.index-source-content2 li .source4 {
    background-image: url("../images/ysda-icon.png");
}

.index-source-content2 li .source5 {
    background-image: url("../images/sssz-icon.png");
}


.index-source-content2 li .source6 {
    background-image: url("../images/ckgj-icon.png");
}


.index-source-content2 li .source7 {
    background-image: url("../images/dmtzy-icon.png");
}


.index-source-content2 li .source8 {
    background-image: url("../images/swwx-icon.png");
}


.index-source-content2 li a {
    color: #333;
    padding: 20px 5px 20px 45px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 5px 10px;
}



.publish-box {
    width: 80%;
    margin: 0 auto;
}

.index-publish-content {
    border: 1px solid #ccc;
    /*min-height: 637px;*/
    overflow: hidden;

}

.index-publish-content li i {
    margin-right: 8px;
}

.index-publish-content li {
    border-bottom: 1px solid #ccc;
    padding: 15px;

}

.index-publish-content li:hover {
    background-color: #CCCCCC;
}


.index-publish-content li:last-of-type {
    border-bottom: none;
}

.index-publish-content li a {
    font-size: 16px;
    color: #333;

    /*display: inline-block;*/
}

.all-source-english {
    font-size: 14px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.all-source-china {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.all-source-china a:hover {
    color: #3e6f97;
}
@media (max-width: 767px) {
    .nav-item{
        color: white;
    }
    .nav-item li{
        margin-right: 5px;
    }

}


.index-database-content .index-database-item {
    background-color: #eeeeee;
    color: #333;
}

.index-database-content .index-database-item a:hover {
    color: white;
}

.index-database-content .index-database-item:hover a {
    background-color: #3388fe;
    color: white;
}

.index-database-content .index-database-item:hover {
    background-color: #3388fe;
    color: white;
}

.index-database-content .index-database-item h4, .index-database-content .index-database-item p {

    margin-top: 5px;
}

.index-database-content .index-database-item p {
    line-height: 26px;
}

.index-database-content .index-database-item {
    margin-bottom: 8px;
    padding: 10px 15px;
    overflow: hidden;
    /*border: 1px solid #ccc;*/
}

.publish-content {
    margin-top: 15px;
}

.publish-content h4{

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.index-database-content .index-database-item h4 {
    font-size: 14px;
    
    font-weight: 700;
}


.index-database-content .index-database-item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.index-database-content .index-database-item img {
    width: 100%;
    margin: 0 auto;
}

.index-publish-body{
    padding-left: 0;

}

@media (max-width: 1200px) {



    .index-publish-content {
        height: inherit;
    }
}

@media (max-width: 991px) {

    .index-source-content li {
        width: 25%;
    }
    .index-publish-content {
        height: inherit;
    }
}

@media (max-width: 767px) {

    .index-source-content li {
        width: 50%;
    }

    .index-source-title, .index-publish-title, .index-database-title {
        margin-top: 15px;
    }

    .index-database-content .index-database-item {
        height: inherit;
    }

    .banner-box {
        padding: 0;
    }

}

/*首页内容 End*/

/*right Start*/

.book-container {
    height: 350px;
    margin: 15px;
}

.book-container .swiper-container {
}

.book-container .swiper-wrapper .book-shuff-item {
    width: 170px !important;
    height: 237px;
}

.book-container .box {
    margin: 0 auto;
    width: 160px;
    height: 220px;
    position: relative;

}

.book-container .box img, .result-list .result-item .box img {
    width: 100%;
    height: 100%;
}

.book-container .box .book-fm {
    position: absolute;
    left: 8px;
    top: 2px;
    z-index: 10;
    height: 96%;
}

.book-container .book-name {
    margin-top: 5px;
    font-weight: 700;
    color: #3556ae;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.book-container .swiper-wrapper .swiper-slide {
    text-align: center;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.publish-container {
    margin-top: 50px;
}

/*right End*/

/*footer Start*/
#footer {
    margin-top: 30px;
    background-color: #214475;
    padding: 15px 0;
    color: white;
    text-align: center;
}

/*footer End*/

/*检索结果页面*/

/*检索结果页面侧导航 Start*/
#result_sidebar_title {
    background-color: #3556ae;
    color: white;
    font-size: 16px;
    font-weight: 700;
    padding: 15px;
}

#result_sidebar_title p i {
    margin-right: 8px;

}

#result_sidebar_nav {
    background-color: #e6e6e6;
}

#result_sidebar_nav > li {
    cursor: pointer;

}

#result_sidebar_nav > li > .result-subnav-title > a {
    font-size: 16px;
    font-weight: 700;
}

#result_sidebar_nav .result-subnav-title {
    padding: 15px 10px;
    border-bottom: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;

}

#result_sidebar_nav .result-subnav-titl:first-of-type {
    border-top: none;
}

#result_sidebar_nav .result-subnav-title i {
    margin-right: 10px;
}

#result_sidebar_nav .result-subnav {
    padding-left: 20px;

}

#result_sidebar_nav .result-subnav li a {
    padding: 10px;
    display: inline-block;
}

/*检索结果页面侧导航 End*/

/*检索结果页 content Start*/
.search-result-title {
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 16px;
}

.search-result-title .search-word {
    margin-right: 10px;
}

.search-result-title .search-word, .search-result-title .result-num {
    color: red;
    font-weight: 700;
    letter-spacing: 2px;
}

.result-list .result-item {
    border-bottom: 1px solid #ccc;
    padding: 15px;
}

.result-list .result-item:last-of-type {
    border-bottom: none;
}

.result-list .result-item .box {
    width: 170px;
    height: 237px;
    position: relative;
    margin-right: 15px;
    /*box-shadow: 1px -1px  1px #a3a3a3;*/
}

.result-list .result-item .box .book-fm {
    position: absolute;
    left: 8px;
    top: 3px;
    height: 95%;

}

.result-list .result-item .result-content {
    max-width: calc(100% - 200px);
}

.result-list .result-item .result-content .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-top: 15px;
    word-wrap: break-word;

}

.result-list .result-item .result-content .author {
    font-style: italic;
    padding-top: 1em;
}

.result-list .result-item .result-content .author, .result-list .result-item .result-content .journal, .result-list .result-item .result-content .publisher, .result-list .result-item .result-content .volume, .result-list .result-item .result-content .type {
    margin-top: 10px;
}

/*检索结果页 content End*/

/*==============公司简介 Start*================*/

.about {
    margin-top: 30px;
}

.about-title li {
    /*padding: 10px 15px;*/
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    color: white;
    width: 175px;
}


/*@media (max-width: 767px) {*/
/*    .about-title{*/
/*        width: 100%;*/
/*    }*/
/*    .about-title li{*/
/*        width: 100%;*/
/*    }*/
/*}*/

.about-title li a{
    color:white;

}

/*.about-title li:last-of-type {*/
/*    padding: 0;*/
/*    border: none*/
/*}*/

/*.about-title li:last-of-type a {*/
/*    padding: 11px 16px;*/
/*    display: block;*/
/*}*/



.about-title {
   
}

/*@media(max-width: 1199px) {*/
/*    .about-title{*/
/*        position: fixed;*/
/*        left: 0;*/
/*        top: 152px;*/
/*        width: 225px;*/
/*    }*/
/*}*/


/*@media (max-width: 768px) {*/
/*    .about-title{*/
/*        position: inherit;*/
/*        width: inherit;*/
/*        left: 0;*/
/*        top: 0;*/
/*    }*/
/*}*/



.about-title li:first-of-type {
    margin-top: 0;
}

.about-title-active {
    background-color: #3388ff;
    color: gold;
}

.about-content-title:first-of-type {
    padding-top: 0;
}

.about-content li {
    display: none;
    transition: all 1s;
}

.about-content-title {
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid red;
    padding-bottom: 10px;
    display: inline-block;
}

.about-content-body {
    font-size: 16px;
    line-height: 40px;
    margin-top: 10px;
}

.about-content-body p i {
    margin-right: 5px;
}

.about-content .about-content-active {
    display: block;
    text-align:justify; text-justify:inter-ideograph;
}

/*@media (max-width: 991px ) {*/
/*    .about-content {*/
/*        margin-top: 15px;*/
/*    }*/

/*}*/

@media (max-width: 1200px ) {
    .about {
        padding: 0;
    }

}

@media (max-width: 767px ) {
    .banner {
        height: 200px;
    }
}

/*==============公司简介 End*================*/

/*===============联系我们 Start==============*/
.contact {
    margin-top: 30px;
}

.contact-item {
    text-align: center;
    width: 20%;
    float: left;
}

.contact-item img {
    margin: 0 auto;
}

.contact-item p:first-of-type {
    font-size: 16px;
    font-weight: 700;
    color: #3556ae;
}

.contact-item p {
    margin-top: 10px;
    color: #333;
}

.MessageBoard {
    padding: 10px 0;
    text-align: center;
}

.MessageBoard-title {
    font-weight: 700;
    font-size: 24px;
    border-bottom: 2px solid red;
    padding: 30px 0 15px 0;
    display: inline-block;
}

.MessageBoard-form {
    margin-top: 30px;
    text-align: left;
}

.MessageBoard-form label {
    font-size: 16px;

}

.contact-btn {
    margin-top: 30px;
}

.contact-btn .btn {
    background-color: #275dbf;
    color: white;
}

.btn-text {
    font-size: 16px;
}

.btn-text i {
    margin-right: 5px;
}

.appointment-form input {
    height: 50px;
    width: 100%;
    padding: 0 30px;

    color: #000;

    font-size: 15px;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #fff;
    transition: .3s;
    border: 1px solid #dcdcdc;
}

.appointment-form input:focus {
    border-color: #ffffff;
    border-bottom: 2px solid #fff;
    background: none;
}

.appointment-form textarea {
    color: #a9bbc8;
    height: 120px;
    width: 100%;
    padding: 17px 30px;
    text-transform: capitalize;
    background-color: #f4f4f4;
    border-radius: 5px;
    transition: .3s;
}

.appointment-form textarea:focus {
    border-color: #ffffff;
    border-bottom: 2px solid #fff;
    background: none;
}

.appointment-form input:focus::-moz-placeholder, .appointment-form input:focus::placeholder {
    color: #ffffff;
}

.appointment-form input::-moz-placeholder, .appointment-form input::placeholder {
    color: #a9bbc8;
    font-size: 15px;
}

.appointment-form textarea::-moz-placeholder, .appointment-form textarea::placeholder {
    color: #a9bbc8;
    font-size: 15px;
}

.appointment-form textarea:focus::-moz-placeholder, .appointment-form textarea:focus::placeholder {
    color: #ffffff;
}

.appointment-form .form-box {
    margin-top: 30px;
}


.appointment-form .form-box::after {
    color: #ffffff;
    top: 24px;
}

.contact-form-page {
    margin-top: 30px;
}

.contact-form-page .appointment-form input {
    border: 2px solid transparent;
    text-transform: capitalize;
    background: #f4f4f4;
    font-size: 15px;
    color: #696969;
}

.contact-form-page .appointment-form input:-moz-placeholder {
    color: #696969;
}

.contact-form-page .appointment-form input::placeholder {
    color: #696969;
}

.contact-form-page .appointment-form textarea {
    border: 2px solid transparent;
    text-transform: capitalize;
    background: #f4f4f4;
    font-size: 15px;
    color: #696969;
}


input:focus:-moz-placeholder {
    opacity: 0;
}

input:focus::placeholder {
    opacity: 0;
}

textarea:focus:-moz-placeholder {
    opacity: 0;
}

textarea:focus::placeholder {
    opacity: 0;
}

@media (max-width: 767px) {
    .contact-item {
        text-align: center;
        width: 50%;
        float: left;
    }

    .contact-item p:last-of-type {
        height: 40px;
        overflow: hidden;

    }

    .MessageBoard-title {
        font-weight: 700;
        font-size: 24px;
        border-bottom: 2px solid red;
        padding-bottom: 15px;
        display: inline-block;
    }

    .appointment-form .form-box {
        margin-top: 15px;
    }

    .contact-form-page {
        margin-top: 15px;
    }

    .contact-btn {
        margin-top: 15px;
    }

}

@media (max-width: 1200px) {
    .contact {
        padding: 0;
    }
}

/*===============联系我们 End==============*/

/*===============数据库详情 Start==============*/
/*.database {*/
/*    margin-top: 15px;*/
/*}*/

.database span, .database p, .database h4 {
    /*margin-top: 10px;*/
}
.database-detail{
    margin-top: 10px;
    padding-left: 15px;

}
.database-detail h4 span{
    font-size: 18px;
    font-weight: 700;
}
.database-detail p{
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
}
#share{
    cursor: pointer;
}
.share-box{
    width: 100px;
    position: relative;
}
.share-box .share-list{
    background-color: white;
    /*text-align: center;*/
    position: absolute;
    left:28px;
    top: 0;
    width: 100px;
    /*padding: 0 20px; */
    display: none;
}
.social-share .social-share-icon{
    border-radius:15%;
    vertical-align: middle;
 
}
.database-detail h4  .social-share-txt{
    font-size: 14px; 
    font-weight: normal;
    vertical-align: middle;
}

.social-share .social-share-icon:first-of-type{

    margin-top: 0px;
}


/*.database-nav {*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 300px;*/
/*    width: 174px;*/
/*}*/

/*@media(max-width: 1199px) {*/
/*    .database-nav{*/
/*        position: fixed;*/
/*        left: 0;*/
/*        top: 300px;*/
/*        width: 225px;*/
/*    }*/
/*}*/


/*@media (max-width: 768px) {*/
/*    .database-nav{*/
/*        position: inherit;*/
/*        width: inherit;*/
/*        left: 0;*/
/*        top: 0;*/
/*    }*/
/*}*/


.database-nav li {
    padding: 10px 30px;
    text-align: center;
    margin-top: 10px;
    background-color: #275dbf;
    cursor: pointer;
    transition: all 1s;
    color: #fff;
    width: 175px;
}
/*@media (max-width: 767px) {*/
/*    .database-nav li , .database-nav , .database-content {*/
/*        width: 100%;*/
/*    }*/
/*}*/

.database-nav li a{
    color: #333;
}
.database-nav li:first-of-type{
    margin-top: 0;
}

.database-content .database-content-item {
    border: 1px #efefef solid;  
    padding: 15px;
    transition: all 1s;
    min-height: 500px;
    margin: 15px 0 ;
}


@media (max-width: 767px) {
    .database-nav{
        float: none !important;
    }

    .database-nav li{
        width: 100% !important;
    }
    .database-content{
        float: none; !important;
        width: 100% !important;
    }
}


/*@media (max-width: 991px) {*/
/*    .database-content .database-content-item {*/
/*        border: none;*/
/*    }*/
/*}*/

.database-content-item .service-content-body {
    border: 1px #efefef solid;
    padding: 0px 20px;
    margin-bottom: 15px;
}

.database-content-item p {
    text-align: left;
    line-height: 35px;

}

.database-content-item .service-content-body > p:last-of-type {
    color: #999;
}


.service-content-body p:first-of-type{
    cursor: pointer;
}

.service-content-body p:last-of-type{
    display: none;
}

.database-nav .database-nav-active {
    background-color: #ff870b;
    color: white;
}

.database-content-item {
    display: none;
}

.database-content-item-active {
    display: block;
}

.data-apply-title {
 
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid red;
    padding-bottom: 10px;
    display: inline-block;
    margin: 15px 0;
}


.product-detail-content .service-content-body {
    border: 1px #efefef solid;
    padding: 20px;
    margin-bottom: 15px;
}

.product-detail-content .service-content-body p {
    margin-top: 15px;
}

.product-detail-content .service-content-body p:first-of-type {
    margin-top: 0;
}

.product-detail-title {
    background-color: #275dbf;
    padding: 15px;
    margin-top: 15px;
}

.product-detail-title h4 {
    color: white;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}

.product-detail-title h4 i {
    margin-right: 5px;
}


.product-detail-content p {
    margin-top: 10px;
    line-height: 30px;
}

.product-detail-content ul li {
    margin-top: 15px;
}


@media (max-width: 1200px) {
    .database {
        padding: 0;
    }
}

/*===============数据库详情 End==============*/

/*===============客户服务 Start===============*/
.service {
    margin-top: 10px;
}

/*.service-sidebar {*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 140px;*/
/*    width: 174px;*/
/*}*/

/*@media(max-width: 1199px) {*/
/*    .service-sidebar{*/
/*        position: fixed;*/
/*        left: 0;*/
/*        top: 140px;*/
/*        width: 225px;*/
/*    }*/
/*}*/


/*@media (max-width: 768px) {*/
/*    .service-sidebar{*/
/*        position: inherit;*/
/*        width: inherit;*/
/*        left: 0;*/
/*        top: 0;*/
/*    }*/
/*}*/



.service-sidebar li{
    padding: 10px 30px;
    text-align: center;
    margin-top: 10px;
    background-color: #275dbf;
    cursor: pointer;
    transition: all 1s;
    color: #fff;
    width: 175px;
}

/*@media (max-width: 767px) {*/
/*    .service-sidebar{*/
/*        width: 100%;*/
/*    }*/
/*    .service-sidebar li{*/
/*        padding: 10px 30px;*/
/*        text-align: center;*/
/*        margin-top: 10px;*/
/*        background-color: #275dbf;*/
/*        cursor: pointer;*/
/*        transition: all 1s;*/
/*        color: #fff;*/
/*        width: 100%;*/
/*    }*/
/*}*/
.service-sidebar li:first-of-type{
    margin-top: 0;
}
.service-sidebar li.active{
    background-color: #ff870b;
}

.service-body{
    min-height: 800px;
}
.service-body .service-body-item{
    display: none;
}
.service-body .service-body-item.active{
    display: block;

    text-align:justify; text-justify:inter-ideograph;
}


.service-nav li {
    padding: 10px 30px;
    text-align: center;
    margin-top: 10px;
    background-color: #3388ff;
    cursor: pointer;
    transition: all 1s;
    margin-right: 15px;
    color: #fff;
}

.service-nav .service-nav-active {
    background-color: #ff870b;
}

.service-content li {
    text-align: center;

}


/*.service-content li .service-content-title {*/
/*    margin: 30px 0;*/
/*}*/

.service-content li .service-content-body {
    border: 1px #efefef solid;
    padding: 0px 40px;
    margin-bottom: 15px;
    background-color: #eeeeee;
}

.service-content li p {
    text-align: left;
    line-height: 35px;

}

.service-content li .service-content-body > p:last-of-type {
    color: #999;
    text-align:justify; text-justify:inter-ideograph;
}

.service-content-title {
    font-weight: 700;
    font-size: 24px;
    border-bottom: 2px solid red;
    padding: 15px 0;
    display: inline-block;
    margin-bottom: 15px;

}

.service-download {
    background-color: #3388ff;
    color: white;
    padding: 5px 15px;
    margin-top: 5px;
    display: inline-block;
}

.service-download i {
    margin-left: 5px;
    display: inline-block;
}

.service-download:hover, .service-download:focus {
    color: white;
}

.service-question {
    background-color: #e67817;
    padding: 5px 15px;
    color: white;
    margin-right: 5px;
}

.service-answer {
    background-color: #333;
    padding: 5px 15px;
    color: white;
    margin-right: 5px;
}

@media (max-width: 1200px) {
    .service {
        padding: 0;
    }
}

/*===============客户服务 End===============*/

/*=================出版社详情页 Start==============*/
.publish-banner img {
    width: 100%;
    height: 100%;
    
    
    
}

/*.publish {*/
/*    margin-top: 30px;*/
/*}*/

.publish-img-box {
    
    /*width: 300px;*/
    height: 60px;

}
.publish-detail{
    padding-left: 15px;
}


.publish-detail li{
    font-weight: 700;
    font-size: 18px;
}
.publish-detail li span{
    font-weight: 700;
    font-size: 18px;
}
.publish-img-bg {
    /*border: 1px solid #cccccc;*/
    /*border-radius: 5px;*/
    /*padding: 10px;*/
    /*background-color: #f5f5f5;*/
    /*width:300px;*/
    height: 60px;
    padding-right: 15px;
    padding-top:10px;
}

.publish-img {
    /*width: 100%;*/
    height: 100%;
   
}

.publish-detail li {
    word-wrap: break-word;
    margin-top: 10px;
    letter-spacing: 1px;
}

.publish-detail li:first-of-type {
    margin-top: 0;
}


.publish-detail-item {
    margin-top: 15px;
    background-color: #eeeeee;
    color: #333;
    margin-bottom: 8px;
    padding: 10px 15px;
    overflow: hidden;
    height: 126px;
}
@media (max-width: 767px) {
    .publish-detail-item{
        height: inherit;
    }
    .product-english-name, .product-summary{
        margin-top: 0;
    }
}


.publish-detail-item:hover {

    background-color: #cccccc;
}


/*.publish-nav{*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 329px;*/
/*    width: 174px;*/
/*}*/


.publish-nav li {
    padding: 10px 30px;
    text-align: center;
    margin-top: 10px;
    background-color: #275dbf;
    cursor: pointer;
    transition: all 1s;
    color: #fff;
    width: 175px;
}
/*@media (max-width: 767px) {*/
/*    .publish-nav li, .publish-nav , .publish-body{*/
/*        width: 100%;*/
/*    }*/
/*}*/

.publish-nav li a{
    color: #fff;
}
    /*@media(max-width: 1199px) {*/
/*    .publish-nav{*/
/*        position: fixed;*/
/*        left: 0;*/
/*        top: 329px;*/
/*        width: 225px;*/
/*    }*/
/*}*/


/*@media (max-width: 768px) {*/
/*    .publish-nav{*/
/*        position: inherit;*/
/*        width: inherit;*/
/*        left: 0;*/
/*        top: 0;*/
/*    }*/
/*}*/

.publish-nav li:first-of-type {
    margin-top: 0;
}

.publish-nav .publish-nav-active {
    background-color: #ff870b;
}

.publish-content-item {
    border: 1px #efefef solid;
    padding: 20px;
    margin: 15px 0;
    display: none;
    
}

.publish-content-item-active {
    display: block;
}

.publish-content-title {
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid red;
    padding-bottom: 10px;
    display: inline-block;
    margin-bottom: 15px;

}

.publish-content-body {
    line-height: 30px;
    text-align:justify; 
    text-justify:inter-ideograph;
}

@media (max-width: 1200px) {
    .publish {
        padding: 0;
    }

}

/*=================出版社详情页 End==============*/

/*==========================产品概览 Start ====================*/
.product-left-content{
    overflow: overlay;
}
/*.product-list-scroll{*/
/*    overflow: auto;*/
/*    border-bottom: 1px solid #ccc;*/
/*}*/

/*.product-content-scroll{*/
/*    overflow: auto;*/
/*}*/

/*@media (max-width: 1024px) {*/
/*    .product-list-scroll{*/
/*        height: 400px;*/
/*        overflow: auto;*/
/*        border-bottom: 1px solid #ccc;*/
/*    }*/

/*    .product-content-scroll{*/
/*        height: 400px;*/
/*        overflow: auto;*/
/*    }*/

/*}*/

/*@media (max-width: 768px) {*/
/*    .product-list-scroll{*/
/*        height: inherit;*/
/*        overflow: inherit;*/
/*   */
/*    }*/

/*    .product-content-scroll{*/
/*        height: inherit;*/
/*        overflow: inherit;*/
/*    }*/

/*}*/
.product-list-scroll{
    background-color: white;
}
.produce {
    margin-top: 30px;
    min-height: calc(100% - 231px);
}

.product-title {
    background-color: #3388ff;
    padding: 12px 15px;
    color: #fff;

}

.product-sidebar {
    border: 1px solid #ccc;
    border-top: none;

}

.product-sidebar > li {
    border-bottom: 1px solid #ccc;
}

.product-sidebar-title {
    /*padding: 10px 15px;*/
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #ccc;
}

.product-sidebar-title .pull-left{
    padding-top: 16px; 
    padding-bottom: 20px;
    height: 50px; 
    width: 100px;
    cursor: pointer
}

.product-sidebar-title .pull-right{
    padding-top: 10px; 
    padding-bottom: 10px;
}

.product-sidebar-content {
    padding: 0 15px;
}

.product-sidebar-content > li {
    padding: 8px 0;
}

.product-sidebar-content > li.active {
    color: red;
}

.product-search {
    background-color: #3388ff;
    padding: 8px 15px;
    font-size: 14px;
}

.product-sidebar-content li i {
    margin-right: 5px;
}

/*.sidebar-checkbox-icon {*/
/*    display: none;*/
/*}*/

.product-sidebar-title {
    /*cursor: pointer;*/
}

.product-sidebar-title i {
    margin-right: 5px;
}

.product-title p {
    margin-top: 5px;
}

.product-title p i {
    margin-right: 5px;
}

.product-btn .btn {
    background-color: #ff870b;
    color: white;
}

.produce-search-title {
    background-color: #ff870b;
    color: white !important;
}

.procuct-filter-btn {
    background-color: #ff870b;
    color: white !important;
}

.filter-checkbox {
    display: none;
}

.filter-content-body label {
    margin-top: 15px !important;
    padding-right:7px;
    padding-left: 8px;
}

.filter-content-body label.active {
    color: black;
    background-color: #cccccc;
}

.filter-content-title {
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid red;
    padding-bottom: 10px;
    display: inline-block;
}

.filter-content-title {
    margin-top: 15px;
}

.procuct-filter-btn {
    margin-top: 15px;
}

.panel-title i {
    margin-right: 5px;
}

.product-list li:first-of-type {
    padding-top: 0;
}

.product-list li:last-of-type {
    border-bottom: none;
}

.product-list li {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;

}

/*.product-img {*/

/*    padding: 5px 10px;*/
/*}*/


/*@media (max-width: 1200px) {*/
/*    .product-img {*/
/*        width: 120px;*/
/*        height: 120px;*/

/*    }*/
/*}*/
/*@media (max-width: 997px) {*/
/*    .product-img {*/
/*        width: 120px;*/
/*        height: 120px;*/

/*    }*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .product-img {*/
/*        width: 120px;*/
/*        height: 120px;*/

/*    }*/
/*}*/
.product-img img {
    width: 100%;
}

.product-name {
    font-size: 16px
}

.product-english-name, .product-summary {
    line-height: 20px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .produce {
        padding: 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .product-summary {
        line-height: 25px;
        margin-top: 5px;

    }
}

@media (max-width: 767px) {
    .product-search {
        margin-top: 15px;
    }

}

@media (max-width: 991px) {


    .product-name {
        padding-top: 15px;
    }
}

/*====================产品概览 End===============================*/

/*====================动态资讯 Start =============================*/
.news {
    margin-top: 30px;
}
.news-img a img{
    width: 100%;
    height: 100px;
    
}
.news-img a{
    margin-top: 10px;
    display: inline-block;
}
.news-img a:first-of-type{
    margin-top: 0;
}
.news-body{
    overflow: hidden;
    height: 234px;
}
.news-body li{
    /*list-style: disc;*/
    padding-bottom: 13px;
}
.news-body li a{
    display: inline-block;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 390px;
}
.news-item-title h4{
    font-weight: 700;
    border-left: 4px solid red;
    padding-left: 12px;

}
.news-btn{
    margin: 10px 0;
    
}

.news-list li {
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #f5f5f5;
    padding: 10px 15px ;
    margin-top: 10px;
}
.news-list li:first-of-type{
    margin-top: 0;
}

.news-list-title{
    font-weight: 700;
    border-left: 4px solid red;
    padding-left: 12px;
    margin-bottom: 15px;
    
}
.post-title{
    font-size: 24px;
}

@media (max-width: 1200px) {
    .news-body li a{
        display: inline-block;
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 320px;
    }
}

@media (max-width: 997px) {
    .news-body li a{
        display: inline-block;
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 200px;
    }
}
@media (max-width: 767px) {
    .news-body li:first-of-type{
        margin-top: 7px;
    }
    .news-body li{
        list-style: none;
    }
    .news-body li a{
        display: inline-block;
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
}



/*====================动态资讯 End =============================*/

/*=====================登录 Start  ================================*/

.textright {
    text-align: right
}

.large-header {
    position: relative;
    width: 100%;
    background: url(../images/login-bg.jpg) no-repeat;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.logobg_style .login-form {
    position: absolute;
    top: 40%;
    font-family: "微软雅黑", Microsoft YaHei UI;
    margin-top: -225px;
    margin-left: -225px;
    left: 50%;
    z-index: 999;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
    background-color: rgba(255,255,255,.5);
}

.logobg_style .register-form {
    position: absolute;
    top: 50%;
    font-family: "微软雅黑", Microsoft YaHei UI;
    margin-top: 0px;
    margin-left: -175px;
    left: 50%;
    z-index: 999;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
}



.logobg_style .login-content {
    position: relative;
    width: 450px;
    z-index: 999;
    height: 300px;
    box-shadow: 0px 3px 6px #333333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
}

.logobg_style .res-content {

    position: relative;
    width: 800px;
    z-index: 999;
    height: 620px;
    box-shadow: 0px 3px 6px #333333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
    background-color: rgba(255,255,255,.5);
}

.logobg_style .input-group-addon {
    padding: 6px 20px
}

.logobg_style .login-content .title_name {
    color: #d9534f;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0;
}

.login_padding {
    padding: 0  40px 15px;
    position: relative
}

.logobg_style .form-control {
    height: 45px
}

.logobg_style .input-group {
    height: 45px;
    float: left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.logobg_style a:hover {
    color: #ffffff
}

.logobg_style .form-group {
    margin: 15px 0;
    display: block
}

.logobg_style .input-group-addon i {
    background-size: 25px;
    position: absolute;
    left: 3px;
    top: 7px;
    width: 30px;
    height: 30px;
}

.logobg_style .icon_user {
    background: url(../images/iconfont-yonghu.png) no-repeat 7px center;
}

.logobg_style .icon_password {
    background: url(../images/iconfont-psw.png) no-repeat 7px center;
}

.logobg_style .icon_phone {
    background: url(../images/iconfont-shouji.png) no-repeat 7px center;
}

.logobg_style .icon_yanzhen {
    background: url(../images/iconfont-duanxin.png) no-repeat 5px center;
}
.logobg_style .icon_gzdw {
    background: url(../images/iconfont-gzdw.png) no-repeat 5px center;
}

.logobg_style .icon_message {
    background: url(../images/iconfont-email.png) no-repeat 5px center;
}

.logobg_style .icon_address {
    background: url(../images/iconfont-address.png) no-repeat 5px center;
}

.logobg_style .icon_dept {
    background: url(../images/iconfont-dept.png) no-repeat 5px center;
}


.btn-block {
    height: 45px;
    line-height: 29px;
    font-size: 18px
}

.forget {
    color: #d9534f;
    text-align: right;
    font-weight: 700;
}

.tishi, .tishis {
    margin: 10px 0px;
}

.tishi .prompt,
.tishis .prompt {
    background: #ffffff;
    border: 1px solid #F94D50;
    color: #F94D50;
    text-align: left;
    padding-left: 40px;
    height: 30px;
    line-height: 28px;
    border-radius: 3px;
    position: relative
}

.tishi .tishi_icon,
.tishis .tishi_icon {
    background: url(../images/bz_16x16.png) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 15px;
}

.login input {
    font-family: 'Microsoft YaHei';
    outline: none;
}

.btn_mfyzm {
    width: 100px;
    margin-left: 10px;
    height: 45px;
    background: #f0f0f0;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color .5s ease;
}

.btn_mfyzm.msgs1,
.btn_mfyzm.msgs1:hover {
    background: #E6E6E6;
    color: #818080;
    border: 1px solid #CCCCCC;
}

.btn_mfyzm:hover {
    color: #ffffff;
    background: #DD4144;
    border: 1px solid #DD4144
}

.download-btn {

    height: 38px;
    line-height: 26px;
    color: #ffffff !important;
    margin: 10px 0px;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
    white-space: inherit;
    font-size: 12px;
}

.download-btn i {
    margin-right: 10px;
}

/****************************************************/
.Retrieve_style {
    font-family: "微软雅黑", Microsoft YaHei UI;
    width: 460px;
    height: 460px;
    border: 10px solid rgba(255, 255, 255, 0.42);
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -225px;
    position: absolute;
    z-index: 999;
}

.Retrieve_style h1 {

    margin: 0px;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
    left: 50%;
    color: #d9534f;
    border-radius: 20px;
    text-align: center;;
    background: rgba(255, 255, 255, 1.00)
}

.Retrieve_style .Retrieve-content {
    width: 440px;
    background: #ffffff;
    height: 440px;
    position: absolute;
    top: 0px;
}

/*************************************切换*************************************/
.step-body {
    position: relative;
}

.step-content {
    margin-top: 50px;
}

.step-header {
    width: 100%;
    margin: 0 auto;
    display: none;
    height: 60px;
}

.step-header ul {
    padding: 0;
}

.step-header li {
    list-style-type: none;
    text-align: center;
    float: left;
    position: relative;
}

.step-header li p {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #D5D5D5;
}

.step-header li span {
    position: relative;
    margin: 0 auto;
    font-size: 18px;
    font-family: Arial;
    color: #ffffff;
    z-index: 22;
    height: 25px;
    width: 25px;
    line-height: 25px;
    background: #D5D5D5;
    border-radius: 25px;
    display: block;
}

.step-header li.step-active span {
    background: #EB393C;
    border-radius: 25px;
    color: white;
}

.step-header li.step-active p {
    color: #EB393C;
}

.step-bar, .step-bar-active {
    height: 13px;
    border-radius: 12px;
}

.step-bar {
    width: 90%;
    background: #D5D5D5;
    position: relative;
    border-radius: 12px;
    z-index: 1;
    margin: 0 auto;
    height: 5px;
    top: 50px;
}

.step-bar-active {
    width: 0px;
    background: #EB393C;
    height: 5px;
}

.step-list {
    display: none;
    clear: both;
}

/*******************顶部*************/
.headerbg {
    margin-top: 20px;
    transition: all 0.3s ease-out 0s;
}

.headerbg.active {
    border: none;
    background: rgba(0, 0, 0, 0.6);
    margin-top: 0;
    height: 50px;
}

.headerbg .user_status {
    position: absolute;
    right: 0px;
    top: 7px;
    margin-right: 80px;
    color: #ffffff;
    line-height: 35px;
}

.headerbg .user_status h4 {
    float: left;
    font-size: 14px;
    margin-right: 15px;
}

.headerbg .user_status a {
    color: rgba(255, 255, 255, 1.00)
}

.headerbg .user_status a.operating_btn {
    margin: 0px 5px;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 3px 10px;
    border-radius: 3px;
}

.headerbg .user_status a.operating_btn:hover {
    background: #ffffff;
    color: #333333;
    text-decoration: none
}

/*****************广告图层******************/
.banner_style ul {
    margin: 0px;
    padding: 0px;
    position: relative
}

.banner_style .hd {
    position: absolute;
    z-index: 11;
    bottom: 20px;
    width: 100%;
    height: 40px;
}

.banner_style .hd ul {
    min-width: 100px;
    margin: 0 auto;
    width: 100px;
}

.banner_style .hd ul li {
    font-size: 0px;
    float: left;
    margin: 0px 5px;
    background: rgba(255, 255, 255, 0.61);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

.banner_style .hd ul li.on {
    background: rgba(0, 0, 0, 0.69)
}

.bannerN {
    height: 490px;
    font-family: "微软雅黑", Microsoft YaHei UI;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.bannerN .imgFull {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.imgFull {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banH2 {
    position: absolute;
    bottom: 220px;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    display: block;
    width: 100%;
}

.bannerN h3 {
    font-size: 24px;
    color: #ffffff;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 160px;
}

.imgFull img {
    display: none;
}

/***********************分辨率设置********************/
@media (max-width: 321px) {

}

@media (max-width: 720px) {


    .logobg_style .res-content{
        width: 400px;
        height: 645px;
    }
    .logobg_style .form-group {
        margin: 10px 0;
        display: block;
    }
    .Retrieve_style {
        background: rgba(255, 255, 255, 0.00);
        border: 0px;
        width: inherit;
        top: 10%;
        margin-top: 0px;
    }

    .logobg_style .login-form {
        top: 3%;
        margin-top: 0px;
    }

    .Retrieve_style .Retrieve-content {
        width: none;
        border: 0px;
        /*background: rgba(255, 255, 255, 0.00)*/
    }

    .Retrieve_style h1 {
        /*background: rgba(255, 255, 255, 0.00);*/
        color: #ffffff;
        font-weight: bold
    }


    .container .Article_list .Article_title {
        font-size: 1.5rem
    }

    .container .Article_list .Article_info {
        font-size: 1.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: break-word;
    }

    .container .detailed_content {
        border-right: 0px;
    }


    .logobg_style .register-form{
        position: absolute;
        top: 50%;
        font-family: "微软雅黑", Microsoft YaHei UI;
        margin-top: 0px;
        margin-left: 25px;
        left: 50%;
        z-index: 999;
        -webkit-transition: all 550ms ease-in-out;
        -moz-transition: all 550ms ease-in-out;
        -o-transition: all 550ms ease-in-out;
        transition: all 550ms ease-in-out;
    }
    /*.logobg_style .login-content {*/
    /*    background: none;*/
    /*    box-shadow: 0px 0px 0px;*/
    /*}*/

    .container .digital_style {
        position: absolute;
        color: #C1C1C1;
        background: none;
        width: auto
    }

    .container .Article_list .Article_content {
        left: 75px;
    }

    .container .user_operating a {
        width: 90px;
    }

    .container .Article_list .Article_title span {
        position: absolute;
        bottom: 5px;
        left: -65px;
    }

    .container .user_article_content .Article_operating {
        width: 70px;
    }

    .container .user_article_content .Article_list .Article_content {
        right: 80px;
    }

    .pays_style .options_btn {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .classify_list .sub-menu li {
        width: 50% !important;
        padding: 0px;
    }

    .navMenu > li > a {
        border: 0px !important
    }

    .navMenu {
        width: 100%;
        left: 0px;
        display: block;
        position: relative;
        margin-top: 10px;
    }

    .menu_Plate .user_operating a {
        margin-bottom: 10px !important
    }

    .user_info_style {
        position: relative !important;
        top: 0px !important;
        right: 0px !important;
        margin-bottom: 20px;
    }
}

@media (max-width: 1600px) {
    .bannerN {
        height: 490px;
    }

    .banH2 {
        font-size: 30px;
    }
}

@media (max-width: 1400px) {
    .bannerN {
        height: 350px
    }
}

.bannerN .sky {
    opacity: 0.3;
    bottom: 50px;
}

.search_style {
    margin: 20px 0px;
}

.menu_Plate .user_operating {
    height: 100%;
    border: 0px;
    margin-top: 30px;
}

.menu_Plate .user_operating a {
    overflow: hidden;
    margin-left: 10px;
    margin-bottom: 10px;
}

.menu_Plate .user_operating a.on {
    background: #3556ae;
    color: #FFFFFF;
    border: 1px solid #3556ae
}

.article_style {
    border: 1px solid #dddddd;
    padding: 10px;
    margin: 20px 0px;
}

.article_style .title_name {
    border-left: 3px solid #E7594B;
    text-align: left;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.article_style .article_list li {
    margin: 5px 0px;
    height: 30px;
    line-height: 30px;
}

.article_style .article_list li a {
    font-size: 12px;
    color: #888888;
    display: block;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
    text-align: -webkit-left;
}

/**************评价*************/
.evaluation {
}

.evaluation .evaluation_add {
    background: #f0f0f0;
    border-radius: 5px;
    padding: 10px;
}

.evaluation .textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    resize: none
}

.wordage {
    float: right;
    margin-left: 20px;
    color: #888888;
    line-height: 30px;
}

.evaluation_list li {
    border-bottom: 1px solid #dddddd;
}

.evaluation_info {
    text-align: left;
    line-height: 24px;
    color: #888888;
    line-height: 24px;
    font-size: 12px;
}

/****************************/
.left_fixed {
    position: fixed;
    z-index: 9999;
    left: 50px;
    top: 150px;
    width: 39px;
    overflow: visible;
    clear: both;
}

.left_fixed ul.left_menu li:first-child {
    height: 70px;
}

.left_fixed ul.left_menu li {
    clear: both;
    overflow: visible;
    width: 39px;
    height: 50px;
    margin: 0;
}

.left_fixed ul.left_menu li .left-fixed-btn {
    border: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    height: auto;
    vertical-align: top;
}

.left_fixed ul.left_menu li .left-fixed-btn .iconbox {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    display: block;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    clear: both;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.left_fixed ul.left_menu li .left-fixed-btn .iconbox:hover {
    background: #F06668;
    color: #ffffff;
    border: 1px solid #F06668
}

.left_fixed ul.left_menu li .left-fixed-btn .iconbox:hover i {
    color: #ffffff
}

.left_fixed ul.left_menu li .left-fixed-btn .iconbox i {
    font-size: 1.95rem;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    color: #888888
}

.left_fixed ul.left_menu li .left-fixed-btn .iconbox i:hover {
    color: #ffffff
}

.left_fixed ul.left_menu li .left-fixed-btn .txt {
    display: block;
    text-align: center;
    clear: both;
    font-size: 12px;
    color: #de686d;
}

/******************分页*****************/
#kkpager {
    clear: both;
    color: #999;
    padding: 5px 0px 5px 0px;
    font-size: 13px;
}

#kkpager a {
    float: left;
    border: 1px solid #ccc;
    display: inline;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    color: #999;
}

#kkpager span.disabled {
    float: left;
    display: inline;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #DFDFDF;
    background-color: #FFF;
    color: #DFDFDF;
}

#kkpager span.curr {
    float: left;
    border: 1px solid #FF6600;
    display: inline;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FFEEE5;
    color: #FF6600;
}

#kkpager a:hover {
    border: 1px solid #FF6600;
    background-color: #FF6600;
    color: #fff;
}

#kkpager span.normalsize {
}

#kkpager_gopage_wrap {
    position: relative;
    left: 0px;
    top: 0px;
}

#kkpager_btn_go {
    width: 44px;
    height: 24px;
    border: 0px;
    overflow: hidden;
    line-height: 140%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    cursor: pointer;
    background-color: #FF6600;
    color: #FFF;
    position: absolute;
    left: 0px;
    top: -2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
}

#kkpager_btn_go_input {
    width: 36px;
    height: 24px;
    color: #999;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
    border: 1px solid #DFDFDF;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    left: 0px;
    top: 0px;
    outline: none;
}

#kkpager_btn_go_input.focus {
    border-color: #FF6600;
}

#kkpager .pageBtnWrap {
    float: left;
}

#kkpager .infoTextAndGoPageBtnWrap {
    float: right;
}

#kkpager .spanDot {
    float: left;
    margin-right: 5px;
}

#kkpager .currPageNum {
    color: #FD7F4D;
}

#kkpager .infoTextAndGoPageBtnWrap {
    padding-top: 5px;
}

/****************上传样式********************/
.uploader {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: default;
    padding: 0;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.filename {
    float: left;
    display: inline-block;
    outline: 0 none;
    height: 32px;
    width: 180px;
    margin: 0;
    padding: 8px 10px;
    overflow: hidden;
    cursor: default;
    border: 1px solid;
    border-right: 0;
    font: 9pt/100% Arial, Helvetica, sans-serif;
    color: #777;
    text-shadow: 1px 1px 0px #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);
    border-color: #ccc;
    -moz-box-shadow: 0px 0px 1px #fff inset;
    -webkit-box-shadow: 0px 0px 1px #fff inset;
    box-shadow: 0px 0px 1px #fff inset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.button {
    float: left;
    height: 32px;
    display: inline-block;
    outline: 0 none;
    padding: 8px 12px;
    margin: 0;
    cursor: pointer;
    border: 1px solid;
    font: bold 9pt/100% Arial, Helvetica, sans-serif;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    -moz-box-shadow: 0px 0px 1px #fff inset;
    -webkit-box-shadow: 0px 0px 1px #fff inset;
    box-shadow: 0px 0px 1px #fff inset;
}

.uploader input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    height: 30px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

input[type=button]::-moz-focus-inner {
    padding: 0;
    border: 0 none;
    -moz-box-sizing: content-box;
}

input[type=button]::-webkit-focus-inner {
    padding: 0;
    border: 0 none;
    -webkit-box-sizing: content-box;
}

input[type=text]::-moz-focus-inner {
    padding: 0;
    border: 0 none;
    -moz-box-sizing: content-box;
}

input[type=text]::-webkit-focus-inner {
    padding: 0;
    border: 0 none;
    -webkit-box-sizing: content-box;
}

.white .button {
    color: #555;
    text-shadow: 1px 1px 0px #fff;
    background: #ddd;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
    border-color: #ccc;
}

.white:hover .button {
    background: #eee;
    background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);
}

/**************************新闻列表**********************************/
.Article_list {
    margin-bottom: 30px
}

.Article_name {
    height: 115px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px dashed #dddddd;
    padding-bottom: 20px;
}

.Article_name:hover .digital_style {
    background: #E74144
}

.Article_list .Article_title {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 15px;
}

.Article_list .Article_info {
    font-size: 14px;
    color: #CCCCCC;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
    height: 62px;
}

.digital_style {
    width: 80px;
    background: #3556ae;
    color: #FFFFFF;
    text-align: center
}

.Article_list .Article_content {
    position: absolute;
    z-index: 1;
    left: 90px;
    top: 0px;
}

.detailed_content {
    text-align: center;
    margin: 20px 0px;
    border-right: 1px solid #dddddd;
}

.detailed_content h5 {
    color: #888888
}

.operating_style {
    height: 100%;
    text-align: center
}

.header_article_style {
    background: rgba(0, 0, 0, 0.6);
    margin-top: 0px;
    padding: 10px 0px;
    height: 50px;
}

.header_article_style.navbar-fixed-top {
    position: inherit
}

.header_article_style.navbar-fixed-top.active {
    position: fixed;
    height: 50px;
}

.article_title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin: 20px 0px;
}

/*************************************************用户管理***************************************************/
.user_operating {
    height: 55px;
    border-bottom: 1px dashed #dddddd;
    margin-bottom: 20px;
}

.user_operating a {
    margin: 0px 10px;
    height: 40px;
    line-height: 26px;
    display: block;
    float: left;
    width: 100px;
    text-align: center
}

.user_article_content .Article_list .Article_content {
    right: 110px;
}

.user_article_content .Article_operating {
    width: 100px;
    height: 95px;
    float: right;
    border-left: 1px solid #dddddd;
    text-align: center
}

.install_style .form-horizontal .form-group {
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.install_style {
    padding: 20px;
}

/************************************************************************************/
.sky {
    height: 400px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 1;
    overflow: hidden;
    -webkit-animation: sky_background 50s ease-out infinite;
    -moz-animation: sky_background 50s ease-out infinite;
    -o-animation: sky_background 50s ease-out infinite;
    animation: sky_background 50s ease-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_one {
    background: url("../images/line_one.png") repeat-x;
    position: absolute;
    left: -10px;
    bottom: 0;
    height: 220px;
    width: 300%;
    -webkit-animation: cloud_one 50s linear infinite;
    -moz-animation: cloud_one 50s linear infinite;
    -o-animation: cloud_one 50s linear infinite;
    animation: cloud_one 50s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_two {
    background: url("../images/line_two.png") repeat-x;
    position: absolute;
    left: -10px;
    bottom: 0;
    height: 260px;
    width: 300%;
    -webkit-animation: cloud_two 75s linear infinite;
    -moz-animation: cloud_two 75s linear infinite;
    -o-animation: cloud_two 75s linear infinite;
    animation: cloud_two 75s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_three {
    background: url("../images/line_three.png") repeat-x;
    position: absolute;
    left: -10px;
    bottom: 0;
    height: 240px;
    width: 300%;
    -webkit-animation: cloud_three 100s linear infinite;
    -moz-animation: cloud_three 100s linear infinite;
    -o-animation: cloud_three 100s linear infinite;
    animation: cloud_three 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes sky_background {
    0% {
        color: #3556ae
    }
    50% {
        color: #a3d9ff
    }
    100% {
        color: #007fd5
    }
}

@-moz-keyframes sky_background {
    0% {
        color: #007fd5
    }
    50% {
        background: #000;
        color: #a3d9ff
    }
    100% {
        color: #007fd5
    }
}

@keyframes sky_background {
    0% {
        color: #007fd5
    }
    50% {
        color: #a3d9ff
    }
    100% {
        color: #007fd5
    }
}

@-webkit-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    height: 150px;
    width: 100%;
    margin: auto;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;

}

.waveTop {
    background-size: 50% 100px;
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 50% 120px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 100px;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

/****************************************************************/

.navMenu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    margin-bottom: 10px;
}

.navMenu > li > a {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    background: #f0f0f0;
    padding-left: 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 40px;
    color: #ABB1B7;
    transition: all .3s;
    position: relative;
    text-decoration: none;
    font-size: 17px;
}

.navMenu > li:nth-of-type(1) > a {
    border-top: 1px solid transparent;
}

.navMenu > li:last-child > a {
    border-bottom: 1px solid transparent;
}

.navMenu > li > a > i {
    background: url(../images/newspaper.png) no-repeat;
    width: 25px;
    height: 22px;
    display: block;
    margin-left: 10px;
    margin-top: 8px;
    float: left
}

.navMenu > li > a.active > i {
    background: url(../images/newspaperb.png) no-repeat
}

.navMenu > li > a > .name {
    margin-left: 10px;
}

.navMenu li a .arrow {
    background: url(../images/xia.png) no-repeat;
    display: block;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    width: 16px;
    height: 16px;
}

.navMenu li a .arrow:before {
    display: block;
    float: right;
    margin-top: 1px;
    margin-right: 15px;
    display: inline;
    font-size: 16px;
    background: url(../images/shang.png) no-repeat;
    height: auto;;
    font-weight: 300;
    text-shadow: none;
}

.navMenu li a .arrow.open {
    background: url(../images/shang.png) no-repeat;
}

.navMenu li a .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 15px;
    display: inline;
    background: url(../images/shang.png) no-repeat;
    font-weight: 300;
    text-shadow: none;
}

.navMenu > li > a.active, .navMenu > li > a:hover {
    color: #FFF;
    background: #0D67BB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.navMenu > li > ul.sub-menu, .navMenu > li > ul.sub-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px;
    padding-bottom: 5px;
}

.navMenu > li.active > ul.sub-menu, .navMenu > li > ul.sub-menu > li.active > ul.sub-menu {
}

.navMenu > li > ul.sub-menu li {
    width: 100%;
    position: relative;
    display: table;
    content: " ";
    background: #ffffff !important;
    margin: 0px;
    padding: 0px;
}

.bg_menu {
    padding: 0px !important
}

.navMenu > li > ul.sub-menu > li > ul.sub-menu,
.navMenu > li > ul.sub-menu > li > ul.sub-menu a {
    background: #f0f0f0
}

.navMenu > li > ul.sub-menu li > a {
    display: block;
    font-size: 16px;
    line-height: 36px;
    padding-left: 20px;
    color: #ABB1B7;
    clear: both;
    border-bottom: 1px dotted #dddddd;
}

.navMenu > li > ul.sub-menu li > a.active, .navMenu > li > ul.sub-menu li > a:hover, .navMenu > li > ul.sub-menu > li.active > a {
    color: #FFF;
    background: #0d67bb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.navMenu.web_navMenu > li > ul.sub-menu {
    position: absolute;
    margin-left: -5px;
    width: 800px;
    min-height: 350px;
    background: #ffffff;
    border: 1px solid #0D67BB;
    padding: 10px;
    top: -1px;
    left: 100%;
    z-index: 19;
}

.web_navMenu {
    background: #0D67BB;
    border: 1px solid #0D67BB;
    position: relative
}

.navMenu.web_navMenu > li {
    height: 50px;
    line-height: 50px;
}

.navMenu.web_navMenu > li,
.navMenu.web_navMenu > li > a {
    margin: 0px;
}

.navMenu.web_navMenu > li > a {
    background: no-repeat;
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 44;
    border-bottom: 1px solid #ffffff;
    border-radius: 0px;
    height: 50px;
    line-height: 50px;
    color: #ffffff
}

.mtb10 {
    margin: 10px 0px !important;
}

.navMenu.web_navMenu > li > a > i {
    background: url(../images/newspaperb.png) no-repeat;
    margin-top: 12px;
}

.navMenu.web_navMenu li a .arrow {
    background: url(../images/xia1_w.png) no-repeat;
    width: 10px;
    height: 16px;
    margin-top: 15px;
}

.navMenu.web_navMenu > li > a.active,
.navMenu.web_navMenu > li.selected > a {
    background: #ffffff;
    color: #0D67BB
}

.navMenu.web_navMenu > li > a.active > i,
.navMenu.web_navMenu > li.selected > a > i {
    background: url(../images/newspaper.png) no-repeat
}

.navMenu.web_navMenu > li > a.active .arrow,
.navMenu.web_navMenu > li.selected > a .arrow {
    background: url(../images/xia1.png) no-repeat
}

.navMenu.web_navMenu > li > ul.sub-menu li > a {
    background: #ffffff !important;
    color: #0D67BB;
    border: 0px;
    text-align: right;
    width: 112px;
    float: left;
    clear: none
}

.navMenu.web_navMenu > li > ul.sub-menu li > a.two_menu_name {
    background: #ffffff !important;
    font-size: 14px;
    font-weight: bold;
    color: #E43C3F;
    padding: 0px 10px;
    border-radius: 0px;
}

.navMenu.web_navMenu > li > ul.sub-menu > li > ul.sub-menu {
    display: block;
    background: #ffffff;
    float: left;
    width: 665px;
    clear: none;
    border-bottom: 1px dotted #f0f0f0
}

.navMenu.web_navMenu > li > ul.sub-menu > li > ul.sub-menu li {
    float: left;
    width: 90px;
}

.navMenu.web_navMenu .two_menu li a .arrow {
    display: none
}

.navMenu.web_navMenu > li > ul.sub-menu li {
}

.navMenu.web_navMenu > li > ul.sub-menu > li > ul.sub-menu li a {
    color: #878787;
    font-size: 12px;
    border: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
    height: 35px;
    padding: 0px 5px;
    text-align: left;
    width: 110px;
}

.title_namemenu {
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    font-size: 16px;
    border: 1px solid #0D67BB;
    color: #0D67BB;
    border-radius: 3px;
    padding: 0px 10px;
}

.title_namemenu .icon_wem {
    width: 24px;
    height: 26px;
    background: url(../images/wen.png) no-repeat;
    display: block;
    float: left;
    margin-top: 12px;
    margin-right: 5px;
}

#download_style {
    text-align: center;
    padding: 15px;
    line-height: 40px;
}

/********************************************/
/*navList*/
.navList {
    display: table;
    margin: 0 auto;
}

.navLi {
    float: left;
    height: 40px;
    position: relative;
    display: table-caption
}

.navLi h3 {
    margin: 0px
}

.navLi h3 a {
    text-decoration: none;
    display: block;
    padding: 0px 10px;
    font-size: 15px;
    color: #FFFFFF;
}

.navLi h3 a span {
    display: block;
    border-bottom: 2px solid transparent;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    transition: all 0.4s ease 0s;
}

.navLi.on h3 a span, .navLi h3 a:hover span {
    border-color: #FFFFFF;
}

.classify_list .two_menu_name {
    display: block;
    border-bottom: 1px dotted #dddddd;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #098B10;
    font-weight: bold
}

.classify_list .sub-menu li {
    float: left;
    width: 220px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
}

.classify_list .sub-menu li a {
    font-size: 12px;
    color: #888888;
    text-overflow: ellipsis;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
    height: 35px;
    overflow: hidden;
    padding: 0px 10px;
    text-align: left;
}

.list_content {
    background: #f0f0f0;
    padding: 0px 10px;
    margin-bottom: 5px;
    position: relative
}

.checkbox-primary {
    margin-top: 5px !important;
    color: #888888
}


/***************弹出框样式****************/
.advbox {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 99;
    background: rgba(2, 2, 2, 0.84);
    top: 0px;

}

.advbox .advpic {
    width: 650px;
    position: relative;
    height: 500px;
    left: 50%;
    overflow: hidden;
    margin: -215px 0 0 -325px;
    z-index: 100

}

.advbox .closebtn {
    position: absolute;
    right: 20px;
    top: 50px;
    color: #ffffff;
    font-size: 18px;
}

/*图片自适应宽度*/
.article_content img {
    max-width: 100%;
}

/****************************************************新加样式属性***************************************************/
.download_style h2 {
    color: #F0484A;
    margin-top: 0px;
    border-bottom: 1px dotted #dddddd;
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 24px;
}

.download_style .integral {
    width: 120px;
    line-height: 30px;
    height: 120px;
    float: left;
    border: 3px dotted #ffffff;
    color: #FFFFFF;
    margin-right: 20px;
    background: #FFBE02;
    border-radius: 50%;
    text-align: center;
}

.download_style .amount {
    color: #979797;
    font-size: 16px;
    margin-bottom: 20px;
}

.download_style .amount b {
    color: #F35C5E
}

.download_style .right_info {
    float: left;
}

.download_style .integral h5 {
    margin-top: 25px;
    font-size: 16px;
}

.download_style .integral b {
    font-size: 36px;
    display: block;
    margin-top: 5px;
}

.download_style .link_style .pay_money {
    background: #f0484a;
    color: #FFFFFF;
    padding: 8px 15px;
}

.download_style .link_style .pay_moneycz {
    background: #2F9615;
    color: #FFFFFF;
    padding: 8px 15px;
}

/************************支付*****************/
.pays_style {
    border: 1px solid #dddddd;
    padding: 20px;
    border-radius: 3px;
    margin-top: 0px;
}

.pays_style .Money {
    font-size: 18px;
    color: #888888;
    text-align: right;
    margin: 20px 0px;
}

.pays_style .Money b {
    font-size: 24px;
    color: #E34E50;
}

.pays_style .Pay_content th {
    text-align: center;
    background: #f0f0f0
}

.pays_style .name {
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 40px;
    border: 1px solid #dddddd;
    line-height: 40px;
    font-size: 16px;
    padding: 0px 20px;
    background: #2a8bcc !important;
    background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffffff), to(#ededed)) !important;
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ededed, 100%) !important;
    background-image: -moz-linear-gradient(top, #ffffff 0, #ededed 100%) !important;
    background-image: linear-gradient(to bottom, #ffffff 0, #ededed 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft
}

.pays_style .options_btn {
    width: 180px;
    height: 89px;
    border: 2px solid #dddddd;
    float: left;
    margin-right: 20px;
    border-radius: 3px;
    display: block
}

.pays_style .options_btn.hover {
    border: 2px solid #0B58A8
}

.pays_style .title_name {
    text-align: center;
    padding-bottom: 20px;
    margin-top: 0px;
}

.pays_style .Payment_style .title_name {
    text-align: left;
    border-left: #FFCE00 3px solid;
    border-bottom: 1px dashed #E1E1E1;
    padding-bottom: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.inpit button,
.inpit .insideonelist {
    background-color: rgb(156, 86, 241);
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    width: 100%;
    max-width: 400px;
    margin: 10px auto;
    border: #000000;
    padding: 10px 0;
    text-align: center;
    display: block;
    cursor: pointer
}

=

/***********************用户中心********************/
.user_center {
    text-align: center;
    margin: 0px 0px
}

.user_center .title_name {
    font-size: 28px;
    background: #f0f0f0;
    padding: 15px 0px;
    margin-bottom: 20px;
}

.user_center .nav_list .nav_title {
    border: 0px;
    border-left: 5px solid #0E74B4;
    text-align: left;
    padding: 5px 10px;
    font-size: 18px;
    background: #f0f0f0
}

.user_center .nav_list li {
    margin: 10px 0px;
    text-align: left;
}

.user_center .nav_list li a {
    display: block;
    font-size: 14px;
    padding: 10px 10px;
    border: 1px solid #337ab7;
    border-radius: 3px
}

.user_center .nav_list li a.hover {
    background: #337ab7;
    color: #ffffff
}

.user_center .nav_list li a:hover {
    background: #337ab7;
    color: #ffffff;
    text-decoration: none
}

.simei_iframe {
    bottom: 0;
    height: 650px;
    width: 100%;
}

.user_left_info {
    padding: 10px 0px;
    position: relative;
    left: 0px;
    top: 0px;
}

.user_left_info .label_name {
    float: left;
    text-align: right;
    height: 32px;
    line-height: 32px;
    color: #999;
    width: 110px;
}

.user_info_style {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999999
}

.form-group select, .form-group textarea, .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="datetime"], .form-group input[type="datetime-local"], .form-group input[type="date"], .form-group input[type="month"], .form-group input[type="time"], .form-group input[type="week"], .form-group input[type="number"], .form-group input[type="email"], .form-group input[type="url"], .form-group input[type="search"], .form-group input[type="tel"], .form-group input[type="color"] {
    background-color: #FFF;

}

.user_left_info .text_info {
    border: 0px;
}

.user_left_info .Button_operation .save {
    display: none;
}

.Button_operation {
    margin-left: 150px
}

.Button_operation .operation_btn {
    padding: 10px 15px;
}

.Button_operation .btn {
    display: block;
    float: left;
    margin: 0px 5px;
}

.user_left_info .line_height1 {
    height: 32px;
    line-height: 32px;
}

.user_left_info .add_sex, #page_style .hover .sex {
    display: none;
}

#page_style .hover .add_sex {
    display: block;
}

.user_left_info .text_info.add,
.add_style.hover .user_left_info .line_height1 input.text_info {
    border: 1px solid #dddddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.grxxuser .line_height1 input[type="text"] {
    border: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}

/*************************************************************/
.verification .user_left_info .label_name {
    width: 90px
}

.verification .user_left_info .text_info {
    border: 1px solid #dddddd
}

.verification .user_left_info a.send1 {
    height: 35px;
    text-decoration: none;
    line-height: 32px;
    padding: 2px;
    width: 80px;
    background: #fa5d5d;
    font-family: '宋体';
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    float: left;
    border-radius: 2px;
    margin-left: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.verification .user_left_info .div-phone a.send0:hover {
    background: #A1A1A1;
    font-family: '宋体';
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.verification .user_left_info .line_height1 {
    height: 100%
}

.verification .user_left_info .div-phone a.send0 {
    height: 35px;
    text-decoration: none;
    line-height: 32px;
    padding: 2px;
    width: 80px;
    background: #A1A1A1;
    font-family: '宋体';
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    float: left;
    border-radius: 2px;
    margin-left: 2px;
}

.verification .user_left_info span.error {
    height: 26px;
    line-height: 26px;
    padding: 2px;
    width: 100px;
    color: red;
    float: left;
    padding-left: 20px;
    display: block;
    margin-left: 10px;
    font-size: 12px;
    font-family: '宋体';
    background: url(../images/error.png) no-repeat left center;
}

/**********************筛选**********************/
.navSub {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 45px;
    width: 200px;
    padding-top: 23px;
    display: none;
}

.navSub:before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 13px 13px;
    border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
}

.navSubLi {
    border-bottom: 1px dotted #ffffff
}

.navSubLi h4 {
    margin: 0px;
}

.navSubList {
    background: rgba(0, 0, 0, 0.75);
    padding: 15px 25px;
    border-radius: 5px;
}

.navSubLi a:hover {
    color: #3754a8;
}

.navSubLi h4 a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 42px;
    background-position: right center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-out 0s;
}

#myList-nav {
    margin: 20px 0px;
    position: relative
}

#myList-nav .title_name {
    float: left;
    font-size: 14px;
    position: absolute;
    left: 0px;
}

#myList li {
    line-height: 30px;
}

#myList li a {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

#myList li span {
    float: right;
    color: #a7a7a7
}

.ln-letters {
    float: left;
    margin-left: 10px;
    position: relative;
    left: 70px;
}

.ln-letters a {
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: left;
    width: 40px;
    text-align: center;
}

.ln-letters .ln-selected {
    background: #0D5A9A;
    color: #FFFFFF;
    border: 1px solid #0D5A9A;
}

.ln-no-match {
    text-align: center;
    font-size: 18px;
    margin: 50px 0px;
}

/*********************************新增样式*********************************/
.menu-show {
    position: absolute;
    z-index: 11;
    top: 10px;
    right: 10px;
    font-size: 18px;
}

/*=====================登录 End  ================================*/


/*====新轮播====== Start*/

* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    /*font-size: 14px;*/
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

.box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.box-1 ul {
}

.box-1 ul li {
    width: 100%;
    height: 100%;;
    position: relative;
    overflow: hidden;
}

.box-1 ul li img {
    display: block;
    width: 100%;
    height: 100%;
}

.box-1 ul li h2 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 300px;
    background: rgba(125, 125, 120, .4);
    text-indent: 2em;
    padding-right: 500px;
    font-size: 15px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
    color: ghostwhite
}

.box-2 {
    position: absolute;
    right: 10px;
    bottom: 14px;
}

.box-2 ul li {
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    text-indent: 100px;
    cursor: pointer;
}

.box-2 ul .on {
    background: rgba(255, 255, 255, 0.6);
}

.box-3 span {
    position: absolute;
    color: white;
    background: rgba(125, 125, 120, .3);
    width: 50px;
    height: 80px;
    top: 50%;
    font-family: "宋体";
    line-height: 80px;
    font-size: 60px;
    margin-top: -40px;
    text-align: center;
    cursor: pointer;
}

.box-3 .prev {
    left: 10px;
}

.box-3 .next {
    right: 10px;
}

.box-3 span::selection {
    background: transparent;
}

.box-3 span:hover {
    background: rgba(125, 125, 120, .8);
}

/*====新轮播====== End*/


.check-label {
    margin-bottom: 10px !important;
    display: inline-block;
}

@media (max-width: 767px) {
    .check-label {
        margin: 5px 0;
        margin-bottom: 0 !important;
    }
}


/*================新闻资讯 Start=================*/
.news-sidebar-img {
    margin-top: 5px;
}

.news-sidebar-img img {
    width: 100%;
}

.news-sidebar-img p {
    margin-top: 5px;
}

.wrapper {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.rightbox {
    float: right;
    width: 735px;
    overflow: hidden;
}

.leftbox {
    float: left;
    width: 222px;
}


.focusBox .num li a {
    position: absolute;
    z-index: 2;
    display: block;
    color: white;
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    text-decoration: none;
}

.focusBox .num li.on a, .focusBox .num a:hover {
    background: #1C9FEF;
}

.hotsell {
    width: 214px;
}

.hotsell .hd {
    height: 20px;
    line-height: 20px;
    margin-bottom: 12px;
}

.hotsell .hd i.new {
    position: relative;
    top: -5px;
    margin-left: 2px;
}

.hotsell .bd {
    width: 214px;
    overflow: hidden;
}

.hotsell .bd ul {
    width: 230px;
}

.hotsell .bd ul li {
    float: left;
    width: 107px;
    margin-right: 6px;
    margin-bottom: 10px;
    text-align: center;
}

.hotsell .bd ul li .pic img {
    display: block;
    width: 107px;
    height: 76px;
}

.hotsell .bd ul li p {
    line-height: 20px;
    height: 23px;
    padding-top: 5px;
    overflow: hidden;
}

.home_col .item {
    margin: 5px 0;
}

.home_col .item .hd h2 {

    font-size: 16px;
    color: #275dbf;
    font-weight: 700;
    margin-bottom: 10px;
}

.home_col .item .hd span {
    float: right;
}

.home_col .item .bd .view {
    height: 86px;
    overflow: hidden;
    margin-bottom: 8px;
}

.home_col .item .bd .view .thumb {
    width: 121px;
    height: 86px;
    margin-right: 14px;
    float: left;
}

.home_col .item .bd .view .thumb img {
    display: block;
    width: 121px;
    height: 86px;
}

.home_col .item .bd .view .desc {
    padding-top: 5px;
}

.home_col .item .bd .view .desc h3 {
    height: 20px;
    line-height: 20px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home_col .item .bd .view .desc h3 span {
    font-family: "宋体";
    font-size: 12px;
    font-weight: normal;
    float: right;
}

.home_col .item .bd .view .desc h3 a {
    float: left;
}

.home_col .item .bd .view .desc p {
    height: 24px;
    line-height: 24px;
    padding: 5px 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.home_col .item .bd .view .desc .v {
    color: #1e9be6;
}

.home_col .item .bd ul li {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}

.home_col .item .bd ul li span {
    color: #1e9be6;
    margin-right: 5px;
}

.home_col .item .bd ul li em {
    color: #ababab;
    margin-left: 8px;
}

/*================新闻资讯 End=================*/

/*===========*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    z-index: 3;
    color: #ffffff;
    background-color: #275dbf;
    border-color: #275dbf;
    cursor: default;
}

.btn-primary {
    color: #ffffff;
    background-color: #275dbf;
    border-color: #275dbf;
}

.yb_conct{position:fixed;z-index:9999999;bottom:80px;right:-120px;cursor:pointer;transition:all .3s ease}
.yb_bar ul li{width:135px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden}
.yb_bar .yb_top{background:#999999 url(../images/fixCont.png) no-repeat 0 0}
.yb_bar .yb_phone{background:#3388fe url(../images/fixCont.png) no-repeat 0 -57px}
.yb_bar .yb_QQ{text-indent:0;background:#3388fe url(../images/fixCont.png) no-repeat 0 -113px}
.yb_bar .yb_ercode{background:#3388fe url(../images/fixCont.png) no-repeat 0 -169px}
.hd_qr{padding:0 29px 25px 29px}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff}
#dyrsb{ height:154px; width:174px; margin-bottom:0px; background: left bottom url(../images/xtb2.png)  no-repeat ; }



/*滚动条样式*/
/* 设置滚动条的样式 */
.product-left-content::-webkit-scrollbar {
    width:5px;
}
/* 滚动槽 */
.product-left-content::-webkit-scrollbar-track {
    -webkit-box-shadow:rgba(0,0,0,0.3);
    border-radius:5px;
}
/* 滚动条滑块 */
.product-left-content::-webkit-scrollbar-thumb {
    border-radius:5px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:rgba(0,0,0,0.5);
}
/*::-webkit-scrollbar-thumb:window-inactive {*/
/*    background:rgba(255,0,0,0.4);*/
/*}*/

/*============修改个人信息=================*/
.updateiInfo-title , .updateiPass-title{
    font-weight: 700;
    border-left: 4px solid red;
    padding-left: 12px;
}

.updateiPass-title{
    margin-top: 30px;
}

.updateInfo input , .updatePass input{
    border: 2px solid transparent;
    text-transform: capitalize;
    background: #f4f4f4;
    font-size: 15px;
    color: #696969;
    margin-top: 5px;
    display: inline-block;
    padding: 20px 12px;
}
.updateInfo button   , .updatePass button {
    margin-top: 15px;
}

.updateInfo-item{
    margin-top: 15px;
}
.updateInfo span  , .updatePass span{
    font-size: 16px;
 
}


#service_search{
    background-color: white;
  
    
}

.publisherLogo , .product-img{
    margin-top: 20px !important;
}

.btn-gray{
    background-color: #eaeaea;
    border: 1px solid #ccc;
}
.btn-gray:hover{
    background-color: #ccc;
}
.x-content-body ul li{
    list-style: square;
}


.x-content-body ol li{
    list-style: decimal;
}

@media (max-width:767px) {
    .publisherLogo img {
        width: 50%
    }
    .index-database-content .index-database-item img {
        width: 50%;
        margin: 0 auto;
    }

    .product-img img {
        width: 50%;
    }
}