@charset "utf-8";
body {
    position: relative;
    color: #000;
    font-size: 16px;
    font-family: Microsoft YaHei, Simsun, SimHei, Arial;
    -webkit-text-size-adjust: none;
}

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    padding: 0;
    margin: 0;
}

li,
ol,
ul {
    list-style: none;
}

img {
    border: none;
    border: 0;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #333333;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a:hover {
    color: #2775d6;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 0.9375em;
}

input:focus,
textarea:focus {
    outline: none;
}

input::-webkit-input-placeholder {
    color: #cccccc;
}

em {
    font-style: normal;
    color: #ff0000
}


/*layout*/

.container {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.container:after {
    clear: both;
}

.container:after,
.container:before {
    display: table;
    content: "";
}

.common-row:after,
.common-row:before {
    content: '';
    display: block;
    clear: both;
}

.common-col-space {
    margin: 0 -15px;
}

.common-col-space>* {
    float: left;
}

.common-col-space .grid {
    padding: 0 15px;
}

.common-col-4>div {
    width: 33.33333333%;
}

.common-col-6>div {
    width: 50%;
}

.mt {
    margin-top: 30px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mb {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/*common*/

.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.clear {
    clear: both;
}

.transition a {
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.imgScale {
    overflow: hidden;
}

.imgScale a img {
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.imgScale a:hover img {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.hover-opacity:hover,
.hover-opacity-box a:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

.text-nowrap,
.text-nowrap p,
.text-nowrap a,
.text-nowrap span,
.text-nowrap font {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.text-nowrap a {
    display: inline-block;
    max-width: 100%;
}

.common-title {
    position: relative;
}

.common-title h3 {
    position: relative;
    display: inline-block;
    font-size: 1.25em;
    font-weight: bold;
    color: #383838;
    background: url(../images/icon02.png) no-repeat 0px 12px;
    padding-left: 20px;
}

.common-title h3 a {
    color: #383838;
}

.common-title.grain h3:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 4px;
    height: 16px;
    margin-top: -8px;
    background-color: #0557ac;
}

.common-title.grain h3 {
    padding-left: 20px;
}

.recommend-more {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/icon07.png) no-repeat;
    padding-left: 30px;
    color: rgba(128, 128, 128, 1)
}


/* newsList */

.newsList {
    clear: both;
}

.newsList li h4 {
    position: relative;
    padding: 7px 0;
    font-size: 1em;
    font-weight: normal;
    line-height: 24px;
    overflow: hidden;
    vertical-align: top;
}

.newsList li .time {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    color: #999999;
}

.newsList li a {
    float: left;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.newsList li a br {
    display: none;
}

.newsList.MM-dd li h4 {
    padding-right: 60px;
}

.newsList.yyyy-MM-dd li h4 {
    padding-right: 100px;
}

.newsList.dot li h4 {
    padding-left: 18px;
}

.newsList.dot li h4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    background: #999999;
}

.newsList.dot li:hover h4:before {
    background: #2775d6;
}


/* tab */

.tab-brief>.hd {
    border-bottom: rgba(240, 240, 240, 1) 1px solid;
}

.tab-brief>.hd ul:after {
    content: '';
    display: block;
    clear: both;
}

.tab-brief>.hd li {
    float: left;
    position: relative;
    padding: 0 0 20px;
    font-size: 1.25em;
    font-weight: bold;
    opacity: .8;
}

.tab-brief>.hd li+li {
    margin-left: 60px;
}

.tab-brief>.hd li+li:before {
    content: '';
    width: 1px;
    height: 18px;
    position: absolute;
    left: -30px;
    top: 5px;
    background: #333333;
}

.tab-brief>.hd li a {
    color: rgba(0, 82, 147, 1);
}

.tab-brief>.hd li:after,
.tab-brief>.hd li:before {
    content: '';
    position: absolute;
    width: 0;
    bottom: -2px;
    left: 0;
    height: 3px;
    background: #005293;
    overflow: hidden;
}

.tab-brief>.hd li:before,
.tab-brief>.hd li.on:before {
    background: #a81010;
    width: 30%;
    z-index: 1;
}

.tab-brief>.hd li,
.tab-brief>.hd li:after {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.tab-brief>.hd li.on:after {
    width: 100%;
}

.tab-brief>.hd li.on {
    opacity: 1;
}

.tab-brief>.hd .common-more {
    padding-top: 3px;
}

.main-select {
    font-size: 18px;
    line-height: 80px;
    position: relative;
}

.total-stat .item-total {
    padding-left: 2em;
}

.total-stat .item-total b {
    color: #d43030
}

.filter-list li {
    float: left;
    position: relative;
    padding: 0px 1.5em 0px 0px;
    margin: 0px 0px 0px 2em;
    cursor: pointer;
    line-height: 80px;
}

.filter-list li::before {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -3px;
    background: url(../images/bg03.png) no-repeat 0px;
    width: 10px;
    height: 8px;
    transform: rotateY(180deg);
    background-size: 100%;
}

.filter-item::before {
    content: '';
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border: transparent solid 10px;
    border-bottom-color: #fff;
    z-index: 2;
    margin-left: -13px;
    opacity: 0.6;
    left: 50%;
}

.filter-item::after {
    content: '';
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    position: absolute;
    z-index: -1;
    box-shadow: -2px 1px 17px 2px grey;
    left: 50%;
    top: -20px;
}

.filter-item {
    display: none;
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    background: #fff;
    box-shadow: 0 0 12px #d0d0d0;
    top: 65px;
    z-index: 1;
    padding: 10px;
    left: -17px;
    line-height: initial;
}

.filter-item a {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    /*text-indent: 1em;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.filter-item.filter-bm {
    width: 997px;
    right: 0px;
    left: -359px;
    display: block;
    height: 470px;
    padding: 0px;
    display: none;
}

.filter-item.filter-bm::before,
.filter-item.filter-bm::after {
    left: 40%;
}

.filter-bm-box {
    padding: 20px;
    height: 230px;
    position: relative;
}

.filter-bm-box::before {
    content: '';
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border: transparent solid 10px;
    border-bottom-color: #fff;
    z-index: 2;
    margin-left: -13px;
    opacity: 0.6;
    left: 40%;
}

.filter-bm-box::after {
    content: '';
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    position: absolute;
    z-index: -1;
    box-shadow: -2px 1px 17px 2px grey;
    left: 40%;
    top: -20px;
}

.filter-bm a {
    width: 24.5%;
    height: 40px;
    line-height: 40px;
}

.filter-item a:hover {
    background: #f5f5f5
}

.description {
    overflow: hidden;
    height: 100%;
    width: auto;
}

.main-content {
    margin-bottom: 40px;
}

.list-part {
    width: 66.5%;
}

.relevant-search-part {
    width: 31%;
}

.hot-search .pic {
    width: 43%;
}

.hot-search .pic img {
    width: 100%;
    height: 100%;
}

.hot-search .fr {
    width: 54.5%;
}

.relevant-box {
    padding: 20px;
    border: 1px solid #f0f0f0
}

.relevant-column .item {
    background-image: linear-gradient(to right, #7fc9ef, #509fd4);
    height: 84px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.relevant-column .item b,
.relevant-column .item span {
    display: block;
}

.relevant-column .item b {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
    color: #fff;
    line-height: 1.4em;
    height: 84px;
    width: 67%;
}

.relevant-column .item span {
    width: 75px;
    height: 80px;
    background: url(../images/icon01.png) no-repeat 0px;
    float: left;
    margin-left: 7%;
    background-size: 100%;
}

.relevant-column.relevant-ins .item {
    background-image: linear-gradient(to right, #e9f4fd, #c5daeb);
    border: 1px solid #d1e6f8
}

.relevant-column.relevant-ins .item span {
    background: url(../images/icon03.png) no-repeat 0px;
    width: 44px;
}

.relevant-column.relevant-ins .item b {
    color: rgba(0, 82, 147, 1);
    width: 78%;
    -webkit-text-stroke: 0.6px #fff;
}

.search-ranking h4 {
    font-weight: normal;
    position: relative;
    border-top: rgba(242, 242, 242, 1) 1px solid;
    padding-left: 40px;
    line-height: 50px;
}

.search-ranking li span {
    position: absolute;
    width: 32px;
    height: 50px;
    left: 0px;
    top: 0px;
    display: block;
    text-align: center;
    text-indent: -0.3em;
    color: #bfbfbf
}

.search-ranking li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.search-ranking li:first-child span {
    background: url(../images/icon04.png) no-repeat 0px 10px;
    color: #fff;
    line-height: 44px;
}

.search-ranking li:nth-child(2) span {
    background: url(../images/icon05.png) no-repeat 0px 10px;
    color: #fff;
    line-height: 44px;
}

.search-ranking li:nth-child(3) span {
    background: url(../images/icon06.png) no-repeat 0px 10px;
    color: #fff;
    line-height: 44px;
}

.int-qa {
    padding: 20px;
    background-image: linear-gradient(to right, rgba(232, 250, 255, 1) 0%, #c2e0f0);
}

.int-qa-info {
    position: relative;
}

.int-qa-info .text {
    font-size: 16px;
}

.int-qa-info .text p {
    margin-top: 15px;
    color: rgba(56, 56, 56, 1);
}

.int-qa-info .text p a {
    color: #005293
}

.int-qa-info .pic-qa {
    position: absolute;
    right: -12px;
    bottom: -19px;
}

.int-qa-info .pic-qa img {
    width: 95px;
}

.int-qa-item {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    position: relative;
    margin-top: 35px;
}

.int-qa-item h3 {
    font-weight: normal;
}

.int-qa-item h3 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.int-qa-item a {
    display: inline-block;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 2px;
    color: rgba(166, 166, 166, 1);
    padding: 5px 20px;
    margin: 10px 10px 0px 0px;
    cursor: pointer;
}

.int-qa-item a:hover {
    background: rgb(0 82 147);
    color: #fff;
}

.int-qa-item::after {
    position: absolute;
    content: '';
    top: -20px;
    left: 0px;
    background: #fff;
    width: 95%;
    height: 20px;
    left: 2.5%;
    opacity: 0.5;
}

.list-body .list-item .list-title {
    height: 40px;
    font-size: 18px;
    background: #f7f7f7;
    line-height: 40px;
    border-top-left-radius: 25px;
    font-weight: bold;
}

.list-body .list-item .list-title span {
    display: inline-block;
    background: #005293;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    padding: 0px 20px;
    margin-right: 15px;
}

.list-body .list-item .content {
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
    font-family: MicrosoftYaHei;
    color: #333333;
    margin-bottom: 16px;
    /*摘要 行高28px 字体大小16px*/
    font-size: 16px;
    line-height: 28px;
    width: 100% !important;
}

.listIntro.fl {
    float: none;
}

.list-body .list-item span.publisher {
    color: rgba(43, 83, 153, 1);
    margin-right: 20px;
}

.list-body .list-item span.url {
    color: rgba(128, 128, 128, 1);
    word-break: break-all;
}

.list-body .list-item span.date {
    color: rgba(128, 128, 128, 1);
}

.page {
    text-align: center;
}


/*.page a{*/


/*    display: inline-block;*/


/*    border:1px solid #ddd;*/


/*    padding:5px 12px;*/


/*    margin:30px 4px 0px 0px;*/


/*}*/

.page a.first,
.page a.prev-page,
.page a.next-page,
.page a.last-page {
    background: #f1f1f1;
}

.page a.on {
    background: #2f5395;
    color: #fff
}


/* 1921 电脑_大 */

@media only screen and (min-width: 120.0625em) {
    /* end */
}


/* 1440 电脑_小 */

@media only screen and (max-width: 90em) {
    .container {
        width: auto;
    }
    .main-select,
    .main-content {
        padding: 15px;
    }
    .main-select {
        line-height: initial;
        font-size: 15px;
    }
    .container .navv li {
        font-size: 18px;
    }
    /* end */
}


/* 1366 电脑_小 */

@media only screen and (max-width: 85.375em) {
    /* end */
    .list-part {
        width: auto;
    }
    .fl,
    .fr {
        float: none;
    }
    .hot-search .pic {
        float: left;
    }
    .hot-search .fr {
        float: right;
    }
    .relevant-search-part {
        width: auto;
        margin-top: 20px;
    }
}


/* 1300 电脑_小 */

@media only screen and (max-width: 81.25em) {
    /* end */
}


/* 992 平板_横 */

@media only screen and (max-width: 62em) {
    .filter-list li {
        margin: 0px 0px 0px 1em;
        padding: 15px 1.5em 0px 0px;
        width: 45%;
    }
    .filter-list li::before {
        top: 55%;
    }
    .filter-item {
        top: 49px;
    }
    .total-stat.fl,
    .filter-list.fr {
        float: none;
        text-align: center;
    }
    .list-part.fl,
    .listIntro.fl,
    .relevant-search-part.fr {
        float: none;
    }
    /* end */
}


/* 768 手机_横 平板_竖 */

@media only screen and (max-width: 48em) {
    .filter-list li {
        width: 45%;
        line-height: unset;
    }
    .total-stat .item-total {
        padding: 5px;
    }
    .relevant-column .item span {
        width: 40px;
    }
    .relevant-column .item b {
        font-size: 15px;
    }
    .wordGuide .time {
        line-height: 25px;
    }
    .list-body .list-item span.url {
        margin-top: 10px;
    }
    .hot-search .pic,
    .hot-search .fr {
        float: none;
        width: auto;
    }
    .hot-search .fr {
        margin-top: 15px;
    }
    /* end */
}


/* 576 手机_竖 */

@media only screen and (max-width: 36em) {}


/* 414 手机_竖 */

@media only screen and (max-width: 25.875em) {
    /* end */
}
