﻿﻿


/* 样式初始化 */
html,head,body,div,span,a,ul,ol,li,em,i,p,form,fieldset,h1,h2,h3,h4,h5,h6,table,tr,td,thead,tbody,tfoot,video,dl,dt,dd,img,select,option { font-family: "Microsoft YaHei",微软雅黑,宋体,"Arial Narrow",HELVETICA; box-sizing: border-box; color: #333; margin: 0; padding: 0 }
:root { --red: #0c7cd9; --font-gray: #3f3f3f; }
html { line-height: 1.15; -webkit-text-size-adjust: 100% }
body { margin: 0 }
main { display: block }
h1 { font-size: 2em; margin: 0.67em 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace,monospace; font-size: 1em }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b,strong { font-weight: bolder }
code,kbd,samp { font-family: monospace,monospace; font-size: 1em }
small { font-size: 80% }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -0.25em }
sup { top: -0.5em }
img { border-style: none }
button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button,input { overflow: visible }
button,select { text-transform: none }
button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0 }
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText }
fieldset { padding: 0.35em 0.75em 0.625em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0 }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
img,input { border: none; outline: none }
a { outline: none; text-decoration: none; cursor: pointer }
a:hover { color: var(--red); }
li { list-style: none }
i,em { font-style: normal }
table,td { border-collapse: collapse }
.fl { float: left }
.fr { float: right }
.clearfix { zoom: 1 }
.clearfix:after,.ip-view ul li a:after,.tzyx-bd ul li:after,.tzyx-bd ul li a:after,.ex-btn ul li a:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.w1200 { width: 1200px; margin: 0 auto }
.show { display: block !important }
.hide { display: none !important }
/* 样式初始化 */


a:hover {
    cursor: pointer;
    padding-left: 10px;
    transition: 1s all;
}

.hdbgc {
    height: 600px;
    background: url(../images/bgcpic.png) top center no-repeat;
}

.tiplogo img {
    margin-top: 20px;
    width: 255px;
}

.fontlogo {
    width: 1100px;
    margin: 0 auto;
}

.fontlogo img {
    width: 1100px;
    margin-top: 120px;
}

.publicity {
    margin: 0 auto;
    margin-top: 45px;
    width: 900px;
}

.publicity .pbox {
    position: relative;
    text-align: center;
    font-family: "宋体";
    color: #fff;
    font-size: 30px;
    letter-spacing: 10px;
}

.publicity ul li {
    display: inline-block;
    float: left;
}

.publicity .lfar {
    margin-right: 10px;
}

.publicity .lfar li::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 7px solid #ffffff;
    margin: 8px 0;
}

.publicity .rgar li::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right: 7px solid #ffffff;
    margin: 8px 0;
}

/* .hdnav{
    margin: 0 auto;
    margin-top: 162px;
    height: 214px;
    width: 1335px;
    background: url(../images/navpic.png) no-repeat;
    background-size: 1335px 80px;
} */
.hdnav {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 190px;
}

.hdnav ul {
    box-shadow: 0 0 10px rgba(60, 64, 69, 0.3);
    overflow: hidden;
    padding: 10px;
    padding-right: 15px;
    float: left;
    width: 285px;
    height: 120px;
    background-color: #f7f7f7;
    margin-right: 20px;
}

.hdnav ul img {
    float: left;
    margin-top: 14px;
    width: 79px;
}

.hdnav .hqzc {
    border-left: 7px solid #ff7030;
}

.hdnav .zjfw {
    border-left: 7px solid #1372ef;
}

.hdnav .hdzx {
    border-left: 7px solid #6cd2cc;
}

.hdnav .bspj {
    border-left: 7px solid #a261e7;
}

.hdnav ul:last-child {
    margin-right: 0;
}

.hdnav ul h6 {
    margin-bottom: 15px;
    font-size: 28px;
    margin-left: 27px;
    margin-top: 18px;
}

.hdnav ul li {
    float: left;
    margin-left: 50px;
}

.hdnav ul li a {
    color: #7e7e7e;
    font-size: 18px;
}

.whitbox {
    width: 1200px;
    background-color: #f7f7f7;
    top: 140px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(60, 64, 69, 0.3);
}

.navbox ol li {
    text-align: center;
    float: left;
    border: 1px solid rgb(195, 195, 195);
    width: 212px;
    padding: 15px 20px;
    margin-right: 25px;
    margin-bottom: 10px;
}

.listbox {
    margin-top: 20px;
}

.listbox ol li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 565px;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

.listbox ol li:nth-child(even) {
    margin-right: 0;
}

.listbox ol li .timer {
    margin-top: 5px;
    margin-left: 18px;
    font-size: 14px;
    color: rgb(160, 160, 160);
}

.listbox ol li::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #fe5574;
    margin-right: 10px;
}



/* main start */
main {
    margin-top: 70px;
}

.scroll {
    margin-bottom: 20px;
}

.scroll .lfpic .swiper {
    width: 580px;
    height: 400px;
}

.swiper-slide {
    position: relative;
}

.swiper-slide h6 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #5d5c5c, rgb(255 255 255/0%));
    text-align: center;
    padding: 20px 0;
}

.swiper-slide h6 a {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}


.scroll .rglist {
    width: 580px;
    height: 400px;
}

.scroll .rglist ul li {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;

}

.scroll .rglist h5 {
    margin-bottom: 20px;
}

.scroll .rglist h5 a {
    font-size: 24px;
    color: #0068b7;
}

.scroll .rglist .pbox {
    line-height: 1.8;
}

main h4,
main h4 a {
    text-align: center;
    height: 120px;
    font-size: 32px;
    color: #1174b8;
    font-family: "方正粗宋简体";
    font-weight: 500;
    line-height: 120px;
}

main h4::after {
    content: url(../images/rightline01.png);
    float: right;
}

main h4::before {
    content: url(../images/leftlin01.png);
    float: left;
}

main .picnewtitle::after {
    content: url(../images/rightline02.png);
    float: right;
}

main .picnewtitle::before {
    content: url(../images/leftlin02.png);
    float: left;
}

.newstitle {
    background: url(../images/news.png) no-repeat center;
    background-size: auto 70px
}

.newslist {
    margin-bottom: 30px;
}

.newslist ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    padding: 20px 0;
    width: 580px;
    margin-right: 40px;
}

.newslist ul li:nth-child(even) {
    margin-right: 0;
}

.newslist ul li a {
    font-size: 18px;
}

.newslist ul li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #0068b7;
    margin-right: 10px;
    vertical-align: middle;
}

.picnewtitle {
    background: url(../images/PICNEW.png) no-repeat center;
    background-size: auto 70px
}

.scroll02 {
    margin-bottom: 30px;
    height: 600px;
    width: 1200px;
}

.scroll02 .swiper {
    height: 600px;
    width: 1200px;
}

.minlist .title {
    width: 580px;
    background: url(../images/titleline.png) no-repeat bottom;
}

.minlist .title .more {
    margin-top: 12px;
}

.minlist .title .more a {
    color: #bdbdbd;
}


.minlist .title .more a:hover {
    color: #1E64AA;
    cursor: pointer;
    padding-left: 10px;
    transition: 1s all;
}

.minlist .title h5 {
    font-size: 30px;
    color: #1174b8;
    font-family: "方正粗宋简体";
    font-weight: 500;
    padding-bottom: 10px;
}

.minlist ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    padding: 20px 0;
    width: 580px;
    margin-right: 40px;
}

.minlist ul li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #0068b7;
    margin-right: 10px;
    vertical-align: middle;
}

.minlist ul li a {
    font-size: 18px;
}


.xwjj {
    width: 580px;
}

.gdxd {
    width: 580px;
}

.picnews {
    width: 1200px;
    border: 5px solid #0068b7;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(102, 159, 212, 0.5);
    padding: 20px;
    margin-bottom: 30px;
    background-color: #f7f7f7;
}

.inputmod {
    padding-right: 20px;
}

.fqbox {
    padding-bottom: 20px;
    border-bottom: 1px dotted rgb(130, 130, 130);
}

.fqbox:last-child {
    border: none;
}

.picnews h5,
.goodorno h5
 {
    font-size: 24px;
    margin-bottom: 25px;
    padding-left: 15px;
    border-left: 10px solid #0068b7;
}

.rgboxmod {
    width: 1160px;
}

.rgboxmod .picbox,
.goodorno .picbox {
    width: 360px;
    height: 160px;
    margin-bottom: 30px;
    background-color: #fbecec;
    position: relative;
    margin-right: 40px;
}

.goodorno  .picbox img {
    position: absolute;
    width: 130px;
    bottom: 15px;
    right: 20px;
}

.picbox h2 {
    width: 144px;
    position: absolute;
    left: 20px;
    top: 20px;
    letter-spacing: 5px;
    line-height: 1.25em;
}




.fqbox h6 {
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 45px;
    height: 40px;
    border-radius: 8px;
    font-size: 22px;
    background-color: #ff7f50;
}

.fqbox .pbox {
    display: inline-block;
    width: auto;
    margin-top: 10px;
    border: 1px solid rgb(158, 158, 158);
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;

}

.pagebox {
    width: 500px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.pagebox ul li {
    float: left;
    padding: 10px 15px;
    margin-right: 13px;
    background-color: #efefef;
}

.pagebox ul .active {
    background-color: #87b8dd;
}

.pagebox ul .active a {
    color: #fff;
}

.pagebox ul li:last-child {
    margin-right: 0;
}

/* main end */


.footer {
    background-color: #a1a9b1;
}

.footer-wrap {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 30px 0;
}

.footer-fl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 30px;

}

.footer-fr {
    flex: 1;
}

.footer-fr p {
    text-align: left;
    color: #fff;
    font-size: 14px;
    word-spacing: 5px;
    line-height: 28px;
    text-align: center;
}

.reportCont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 30px;
}

/* goodorno start */
.postion {
    box-shadow: 0 0 1.5rem 0 rgb(9 41 77 / 12%);
    padding: 10px;
}

.postion h4 {
    float: left;
    font-size: 16px;
}

.postion ul li {
    float: left;
}

.postion ul li a {
    color: #666;
}

.goodornoc {
    background: url(../images/bgcpic.png) center no-repeat;
}

.hdtip {
    font-size: 14px;
    background-color: #f9f9f9;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 0px 20px 0px #dadada;
}

.rginfo ul li {
    float: left;
    margin-right: 10px;
}

.goodlogo {
    padding: 50px 0;
}

.goodlogo img {
    float: left;
    width: 380px;
    padding: 20px 0;
}

.goodlogo h1 {
    text-align: center;
    color: #fff;
    float: right;
    line-height: 1.5em;
    letter-spacing: 5px;
}

.goodlogo h1 span {
    font-family: 方正粗宋简体;
    font-size: 42px;
    color: #fedc92;
    font-weight: 400;
}

.goodornoc .nav {
    border-top: 1px solid #ccc;
    height: 50px;
    background-color: #0a71c6;
}

.goodornoc .nav ul li {
    line-height: 50px;
    padding: 0 42px;
    float: left;
    font-size: 20px;
}

.goodornoc .nav ul li a {
    color: #fff;
}

.goodmian h5 {
    font-size: 24px;
    margin-bottom: 25px;
    padding-left: 15px;
    border-left: 10px solid #0068b7;
}

.goodmian h3 {
    font-size: 20px;
    margin-bottom: 25px;
    padding-left: 15px;
    border-left: 10px solid #0068b7;
}

.goodmian .detail ul li {
    width: 300px;
    height: 130px;
    float: left;
    position: relative;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 1.5rem 0 rgb(9 41 77 / 12%);
    box-shadow: 0 0 1.5rem 0 rgb(9 41 77 / 12%);
    padding: 20px 10px 10px 10px;
}

.goodmian .detail ul li .number {
    color: #0c55bb;
    font-size: 38px !important;
}

.goodmian .detail ul li .contentname {
    display: block;
    margin-top: 15px;
    color: #333;
    font-size: 20px;
}

.goodmian .detail {
    margin-bottom: 20px;
}

.goodinfo .lfinfobox,
.rginfobox {
    width: 48%;
}

.lfinfobox {
    margin-right: 48px;
}


#goodTop,
#badTop {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#goodTop li,
#badTop li {
    width: 100%;
    height: 100%;
    height: 36px;
    margin-bottom: 10px;
}

.goodTop_tit {
    width: 100%;
    height: 30px;
}

#goodTop .goodTop_list {
    width: 100%;
    height: 6px;
    margin-bottom: 10px;
    background-color: rgba(66, 147, 244, .1);
}

#badTop .goodTop_list {
    width: 100%;
    height: 6px;
    margin-bottom: 10px;
    background-color: rgba(241, 57, 57, .1);
}


#goodTop,
#badTop {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#goodTop li,
#badTop li {
    width: 100%;
    height: 100%;
    height: 36px;
    margin-bottom: 10px;
}

.goodTop_tit {
    width: 100%;
    height: 30px;
}

#goodTop .goodTop_list {
    width: 100%;
    height: 6px;
    margin-bottom: 10px;
    background-color: rgba(66, 147, 244, .1);
}

#badTop .goodTop_list {
    width: 100%;
    height: 6px;
    margin-bottom: 10px;
    background-color: rgba(241, 57, 57, .1);
}

.difference_span {
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #c6e0ff, #4293f4);
}

.praise_span {
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #ffedc8, #f13939);
}

.goodTop,
.badTop {
    display: block;
    width: 80%;
    height: 100%;
    font-size: 14px;
    line-height: 36px;
    color: #333;
    border-radius: 2px;
    /*margin-bottom: 12px;*/
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topCi {
    float: right;
}

.TopNums {
    float: right;
    margin-right: 10px;
}

.moondetail .lfinfobox {
    width: 58%;
}

.moondetail .rginfobox {
    width: 38%;
}

.moondetail .lfinfobox ul li {
    padding: 25px 10px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px;
    width: 217px;
    height: 140px;
    background: #fff;
    box-shadow: 0 0 1.5rem 0 rgb(9 41 77 / 12%);
    text-align: center;
}

.moondetail .lfinfobox ul li:nth-child(3n) {
    margin-right: 0;
}

.moondetail .rginfobox ul li {
    font-size: 18px;
    width: 100%;
    margin-bottom: 26px;
}

.moondetail .rginfobox ul li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #1c60a9;
    margin-right: 10px;
    vertical-align: middle;
}

.moondetail .rginfobox ul li .timer {
    float: right;
    font-size: 16px;
    color: #bdbdbd;
}

.moondetail .number {
    font-size: 26px;
    color: #0068b7;
}

.moondetail .names {
    display: block;
    margin-top: 35px;
    font-size: 14px;
    color: #333;
}

/* goodorno end */

/* textlist start */
.path {
    width: 100%;
    height: 40px;
    line-height: 40px;
    /* background-color: #F2F3F5; */
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 15px;
}

.path a {
    cursor: pointer;
    color: #333;
}

.channel_wrap {
    width: 1200px;
    height: inherit;
    overflow: hidden;
}

.channel_title {
    float: left;
    width: 240px;
}

.channel_title>p {
    width: 240px;
    height: 50px;
    background-color: #0a71c6;
    text-align: left;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    padding-left: 20px;
    box-shadow: 0 0 1.5rem 0 rgb(9 41 77 / 12%);
}

.channel_title ul {
    border: 1px solid #EAEAEA;
    border-top: 0;
}

.channel_title ul li {
    border-top: 1px solid #e8e8e8;
    background: url(../images/site2021/10.gif) no-repeat 90% center;
}

.channel_title ul li a {
    color: #333;
    display: block;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    padding-left: 15px;
    font-size: 15px;

}

.channel_title ul li a:hover {
    color: #0c7cd9;
    background-color: #F5F8FC;
}

.channel_title .ac {
    color: #0c7cd9;
    background-color: #F5F8FC;
}

.channel_content {
    float: right;
    width: 900px;
    /* height: 600px; 
	border: 1px solid blue;*/
    margin-right: 15px;
}

.channel_content .biaoti {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eeee;
}

.biaoti p {

    display: inline-block;
    padding: 0 10px;
    height: 50px;
    line-height: 48px;
    font-size: 19px;
    color: #fff;
    text-align: center;
    background-color: #0c7cd9;
    /* border-left: 3px solid #0c7cd9;
	border-right: 3px solid #0c7cd9; */
}

.channel_list {
    min-height: 580px;

}

.channel_content .channel_list ul li {
    border-bottom: 1px dashed #ececec;
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 5px 15px 5px 15px;
    line-height: 50px;
}

.channel_list ul li a {
    display: block;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%;
    font-size: 15px;
    transition: 1s all;
}

.channel_list ul li a:hover {
    color: #1E64AA;
    cursor: pointer;
    padding-left: 10px;
    transition: 1s all;
}

.channel_list ul li span {
    font-size: 13px;
    color: #999;
}


.channel_content .page_wrap {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    /* border: 1px solid green; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_wrap>* {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #f2f2f2;
    border: 1px solid #eee;
    display: block;
    margin-left: 5px;
    color: #888;
    font-size: 13px;
}

.page_wrap .ac {
    background-color: #0c7cd9 !important;
    color: #fff !important;
}

.page_wrap>*:hover {
    background-color: #0c7cd9;
    color: #fff;
}



/* textlist end */


.navbox ol li:nth-child(5n){
    margin-right:0px;
}


.channelbox {
    width: 900px;
}

.channelbox ul li {
    padding: 15px;
    float: left;
    width: 885px;
    height: 145px;
    margin-right: 20px;
}

.channelbox ul li .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}



.content div {
    margin-bottom: 10px;
    color: #aaa;
    margin-left: 5px;
}

.contents {
    padding: 20px;
}

.contents h4 {
    font-size: 18px;
    margin-bottom: 10px;

}

.contents div {
    margin-bottom: 10px;
}

.picbox01 {
    margin-right: 20px;
}

.imgbox {
    width: 500px;
}

.thead,
.tbody {
    width: 1200px;
}

.thead span,
.tbody span {
    float: left;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    padding: 5px 0;
}

.xx14 {
    width: 14%;
}

.xx40 {
    width: 40%;
}

.imgbox {
    width: 566px;
    height: 406px;
    background-color: #0068b7;
}