html {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, body {
    min-height: 100vh;
    background: #fff;
}

body {
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,"Microsoft Yahei",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 14px;
    overflow-x: hidden;
    line-height: 1;
}

img {
    vertical-align: middle;
}
img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    padding: 0;
}

a {
    text-decoration: none !important;
}
a:hover {
    /*color: #3291f6;*/
    text-decoration: none;
}

a:focus {
    outline: 0;
    text-decoration: none;
}



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

@media (max-width: 1024px) {
    .m_header_box {
        display: block;
    }
}

.m_header_box {
    transition: .6s;
    height: 5rem;
    position: relative;
    z-index: 100000;
    width: 100%;
}

.m_header_box header {
    padding: 0 0 0 15px;
    height: 5rem;
    box-shadow: 0 3px 5px rgba(0,0,0,.05);
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1567B1;
}

.m_header_box header #logo {
    padding: 0;
    width: 100%;
}
.m_header_box header #logo img {
    height: 2.75rem;
}

#nav_btn_box {
    position: relative;
    width: 6rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    min-width: 6rem;
}
#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    outline: none;
    box-shadow: none;
}
#nav_btn .point {
    display: inline-block;
    width: 2.4rem;
    height: 18px;
    position: relative;
    outline: none;
    vertical-align: middle;
}
#nav_btn .navbtn {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
    margin-top: -1px;
}

#nav_btn .navbtn::after, #nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}


#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {
    width: 100%;
}

#nav_btn .navbtn::before {
    top: 8px;
}
#nav_btn .navbtn::after {
    top: -8px;
}
#nav_btn .point.on .navbtn {
    background: transparent;
}

#nav_btn .point.on .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}

#nav_btn .point.on .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


.m_nav_list {
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    display: flex;
    background: rgba(255,255,255,.1);
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav {
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 100vh;
    right: -105vw;
    top: 0;
    display: none;
    padding: 90px 20px 30px;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    overflow: hidden;
    overflow-y: scroll;
    background: #f1f1f1;
}

#m_nav .close {
    position: absolute;
    top: 7px;
    right: 15px;
    left: 15px;
    font-size: 30px;
    color: #333;
    z-index: 10000;
    width: auto;
    height: 35px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0;
}

#m_nav.act {
    pointer-events: auto;
    right: 0;
    opacity: 1;
    visibility: visible;
}

#m_nav .search_box input.submit {
    background: #fba33e url(../images/submit.svg) center no-repeat;
    background-size: 1.75rem;
}

.wap_search {
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    width: 100%;
    display: block;
    height: 60px;
    position: relative;
}
.wap_search .input {
    font-size: 14px;
    color: #646464;
    height: 44px;
    padding: 0 1.4rem;
    box-shadow: none;
    -webkit-appearance: none;
    float: left;
    border-right: 0;
    background: none;
    width: calc(100% - 66px);
    border: #1567B1 1px solid;
    border-radius: 50vw 0 0 50vw;
    background: #fff;
}
/*input:focus {*/
/*    border: 0;*/
/*}*/
a, input, img, :focus {
    outline: none;
}
input, button, textarea {
    background: 0;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;
}
.wap_search .btn_blue {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 66px;
    height: 44px;
    line-height: 44px;
    border: 0;
    background: url(../images/submit.svg) center no-repeat #1567B1;
    background-size: 1.8rem;
    border-radius: 0 50vw 50vw 0;
}


#m_nav .list1 {
    justify-content: center;
}

.list_box_nav_mobile {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 0;
}

.list_box_nav_mobile>li {
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

.list_box_nav_mobile>li .con {
    position: relative;
}

.list_box_nav_mobile>li .h3 {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.06);
    line-height: 2.28rem;
    color: #000;
    padding: 0;
    font-size: 1.21rem;
    display: flex;
    position: relative;
    transition: .5s;
}

.list_box_nav_mobile>li.on .a {
    color: rgba(255,255,255,1);
}

.list_box_nav_mobile>li .box {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none
}

.list_box_nav_mobile>li .sub {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

.list_box_nav_mobile>li i {
    content: "";
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: 3.4rem;
    height: 2rem;
    display: inline-block;
    background: url(../images/arrow_down.svg) center no-repeat;
    background-size: 20px 20px !important;
    position: absolute;
    display: block;
    right: -1.2rem;
    top: 0;
    cursor: pointer;
}

.list_box_nav_mobile>li.on1 i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.list_box_nav_mobile>li .sub a {
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 2.5;
    min-width: 33.33%;
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    background-color: rgba(0,0,0,0.4);
    display: none;
}

.banner_box {
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}

.banner {
    overflow: hidden;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.img-scale{
    
		transition:1s linear 2s;
		transform:scale(1.1,1.1);    
}
.swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;

}
/*.swiper-slide-active img,.swiper-slide-duplicate-active img{*/
/*		transition:6s linear;*/
/*		transform:scale(1,1);*/
/*}	*/

.swiper-slide-active .img-scale,.swiper-slide-duplicate-active .img-scale{
		transition:6s linear;
		transform:scale(1,1);
}

.topNews {
    overflow: hidden;
    width: 100%;
}

.wp {
    width: 30rem;
    padding: 0;
    max-width: 100%;
}
.flex {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 800px) {
    .topNews {
        padding-top: 3rem;
        /*padding-bottom: 1.5rem;*/
    }
}


@media (max-width: 1024px) {
   .topNews .wp {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .wp {
        padding: 0 15px;
    }
}
@media (max-width: 1024px) {
    .wp {
        padding: 0 15px;
        width: 100%;
        max-width: 100%;
    }
}
.img_news {
    width: 100%;
    overflow: hidden;
    /*padding-bottom: 61.54%;*/
    
    display: block;
    margin-bottom: 10px; /* 根据需要调整间距 */
}

.img_news img {
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.mySwiperB .swiper-slide {*/
/*    width: 400px !important;*/
/*    margin-right: 0  !important;*/
/*}*/

.news_txt {
    padding: 1.2rem 1.58rem 1.2rem;
}
@media (max-width: 800px) {
    .news_txt {
        padding: 1.2rem 0 0;
    }
}

.title1s1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.title1 {
    margin-bottom: 1.15rem;
}
.title1 a {
    display: flex;
    align-items: center;
    position: relative;
}
.title1s1 a:before {
    content: "";
    position: absolute;
    width: 1.15rem;
    height: 1px;
    background: #1567B1;
    right: 110%;
}
.title1s1 a:after {
    content: "";
    position: absolute;
    width: 1.15rem;
    height: 1px;
    background: #1567B1;
    left: 110%;
}
.title1s1 a * {
    color: #1567B1;
}
.title1 big {
    font-size: 1.22rem;
    /*color: #666666;*/
    font-weight: 600;
    white-space: nowrap;
}
.title1 small {
    font-size: 1.14rem;
    /*color: #666666;*/
    text-transform: uppercase;
    margin: 0 0 0 1.1rem;
}

@media (max-width: 800px) {
    .title1 big {
        font-size: 1.24rem;
    }
}
@media (max-width: 800px) {
    .title1 small {
        font-size: 1.18rem;
        letter-spacing: -0.06rem;
    }
}

@media (max-width: 800px) {
    .title1 {
        margin-bottom: 1.25rem;
    }
}

.news_txt h4 {
    font-size: 1.22rem;
    color: #555;
    line-height: 1.8rem;
    font-family: "Microsoft Yahei";
    margin: 1.25rem 0 1.22rem;
    transition: color .5s;
    text-align: center;
    font-weight: 500;
}

.news_txt p {
    /*font-size: 0.9rem;*/
    color: #898989;
    line-height: 1.57rem;
    margin: 0 0 .91rem;
    transition: .5s;
    text-align: left;
    padding: 0 .72rem;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.notice{
    width: 21.21%;
    padding: 1.3rem 0;
}

@media (max-width: 800px) {
    .notice {
        width: 100%;
        padding: 0;
        order: 1;
        margin-top: 3rem;
    }
}

.notice-list{
    margin-top: -.17rem;
}
@media (max-width: 800px) {
    .list4 {
        margin: 0;
    }
}

.notice-list li a {
    display: flex;
    align-items: center;
    padding: 0;
    height: 1rem;
}
@media (max-width: 800px) {
    .list4 li a {
        padding: .8rem 0 !important;
        height: auto !important;
    }
}

.list4 li a {
    border-bottom: #e2e2e2 1px solid;
    /*padding: .1rem 0;*/
    display: flex;
    height: 1rem;
}

.notice-list li span {
    width: 3.6rem;
    line-height: 2.18rem;
    background: #eff1f2;
    font-size: .97rem;
    color: #666;
    text-align: center;
    margin: 0 .91rem 0 0;
    transition: .5s;
    /* border-radius: .05rem; */
    transform: translateY(-.3rem);
}
.notice-list li h4 {
    flex: 1;
    overflow: hidden;
}
.list4 li h4 {
    font-size: 1.17rem;
    color: #333;
    line-height: 1.24rem;
    max-height: 1.48rem;
    font-weight: bold;
    /* margin: .15rem 0; */
    transition: color .5s;
    text-align: justify;
    -webkit-line-clamp: 2;
}
@media (max-width: 800px) {
    .notice-list h4 {
        font-size: 1.06rem !important;
        line-height: 1.58rem !important;
        font-weight: normal !important;
        max-height: initial !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

.list4 li:last-child a {
    border-bottom: none;
}

.xyjj {
    /*padding: 1rem 0 1.25rem;*/
    position: relative;
    z-index: 1;
}
.pad {
    padding: 3rem 0;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 800px) {
    .pad {
        padding: 3rem 0;
    }
}


.xyjj .bg1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/wp-bg1.jpg) center bottom no-repeat;
    background-size: 100% auto;
    z-index: -1;
}

.xyjj .wp {
    align-items: center;
}

.xyjj .xyjj_txt {
    width: calc(100% - 56%);
    padding: 0 0 0 8%;
}

@media (max-width: 800px) {
    .xyjj .xyjj_txt {
        width: 100%;
        padding: 3rem 0 0;
    }
}

@media (max-width: 800px) {
    .title2 {
        margin-bottom: 2.42rem;
    }
}
.title2 {
    margin-bottom: 2.42rem;
    align-items: center;
}
.title2 .ll {
    position: relative;
    padding: 0 0 0 1rem;
}

.title2 .ll::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #1567B1;
    width: 3px;
}

.title2 .ll h6 {
    font-size: .97rem;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
}

@media (max-width: 800px) {
    .title2 .ll h3 {
        font-size: .26rem;
    }
}
.title2 .ll h3 {
    font-size: 1.57rem;
    color: #000000;
    font-weight: 600;
    margin: .7rem 0 0;
}

.xyjj p{
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #898989;
    text-indent: 2em;
    text-align: justify;
}

@media (max-width: 800px) {
    .xyjj_list {
        margin: 0 -7px;
    }
}

@media (max-width: 800px) {
    .xyjj_list li {
        padding: 0 7px;
    }
}
.xyjj_list ul{
    display: flex;
  justify-content: space-between;
}
.xyjj_list li {
    width: 50%;
    padding: 0 .36rem;
}

.xyjj_list li a {
    display: flex;
    height: 3.64rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: #bbbbbb 1px solid;
}

.xyjj_list li h4 {
    font-size: 1.21rem;
    color: #000000;
    transition: color .5s;
    line-height: 1.8rem
}
.xyjj_list li i{
    font-size: 20px;
}

.sthd {
    background: #f2f3f9;
}

.arrow2 {
    transform: translateY(1.2rem);
}

@media (max-width: 800px) {
    .arrow2 {
        transform: translateY(0rem);
    }
}



.arrow2 .arrow {
    width: 3.7rem;
    height: 3.7rem;
    border: #1567B1 1px solid;
    border-radius: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

@media (max-width: 800px) {
    .arrow2 .arrow {
        width: 2.7rem;
        height: 2.7rem;
    }
}

.arrow2 .arrow.next {
    margin-left: 1.51rem;
}

@media (max-width: 800px) {
    .arrow2 .arrow.next {
        margin-left: 1.5rem;
    }
}

.arrow2 .arrow:hover:before {
    transform: scale(1.25);
}

.arrow2 .arrow:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50vw;
    transform: scale(0);
    background: #1567B1;
    z-index: -1;
    transition: .5s;
}

.arrow2 .arrow:hover img:nth-child(1) {
    display: none;
}
.arrow2 .arrow:hover img:nth-child(2) {
    display: block;
}
.arrow2 .arrow img:nth-child(2) {
    display: none;
}
.arrow2 .arrow img {
    height: 1.6rem;
    vertical-align: middle;
    padding: 0;
    border: 0;
}

.arrow2 .arrow.next img {
    transform: rotateY(180deg);
}

.sthd_box h4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
    
}
.sthd_box h4 {
    font-size: .19rem;
    color: #333;
    line-height: .24rem;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    margin: 1.21rem 0 0;
    transition: color .5s;
}

@media (max-width: 800px) {
    .sthd_box h4 {
        font-size: 1.21rem !important;
        line-height: 1.82rem !important;
        font-weight: normal !important;
    }
}

.sthd_box_img{
    
    position: relative;
    width: 100%;
    overflow: hidden;
}
.sthd_box_img img{
    object-fit:cover;
}
.jthbx {
   position: relative;
    z-index: 1; 
}

.jthbx .bg2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/wp-bg2.jpg) right bottom no-repeat;
    background-size: 31.7% auto;
    z-index: -1;
}

.jthbx_list{
    margin: 0 -2vw;
}

.jthbx_list li {
    width: 33.33%;
    padding: 0 2vw;
}

@media (max-width: 560px) {
    .jthbx_list li {
        width: 100%;
        margin-bottom: 1.21rem;
    }
}

.jthbx_list li a {
    display: block;
    position: relative;
    z-index: 1;
}

.jthbx_list li .txt {
    border-top: #e5e5e5 .11rem solid;
    padding: 1.32rem 0 0;
}

@media (max-width: 800px) {
    .jthbx_list li .txt {
        padding: 1.21rem 0 0;
    }
}

.jthbx_list li .txt h6 {
    font-size: .97rem;
    color: #000000;
}

.jthbx_list li .txt h4 {
    font-size: 1.3rem;
    color: #333;
    line-height: 1.9rem;
    margin: .48rem 0 0;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    transition: color .5s;
}

@media (max-width: 800px) {
    .jthbx_list h4 {
        font-size: 1.21rem !important;
        line-height: 1.82rem !important;
        font-weight: normal !important;
    }
}


.xyfg {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 3.3rem 0 1.82rem;
}

@media (max-width: 800px) {
    .xyfg {
        padding: 3.03rem 0 1.82rem;
    }
}

.xyfg .xyfg_box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.xyfg_img{
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.img_box{
    height: 100%;
    padding-bottom: initial;
    
    transition: all .5s ease-out 0s;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}
.xyfg li .xyfg_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: #1567B1;
    transform: translate(100%,0);
    transition-delay: .5s;
    opacity: 1;
    transition: 2s;
}
.xyfg .box1 {
    width: 29.14rem;
    max-width: 100%;
    background: rgba(0,0,0,.2);
    padding: 2.5rem 2.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 800px) {
    .xyfg .box1 {
        margin-bottom: .5rem;
        padding: 2.42rem 1.51rem;
    }
}

.xyfg .wp {
    position: relative;
    z-index: 1;
}

.xyfg .title2 .ll h6, .xyfg .title2 .ll h3 {
    color: #fff;
}

.xyfg .xyfg_article {
    width: 100%;
    max-width: 100%;
}

.xyfg .xyfg_article p {
    font-size: 1rem;
    color: #fff;
}

.xyfg_article p:last-child {
    margin-bottom: 0;
}

.xyfg_article  p {
    text-indent: 2em;
    text-align: justify;
    line-height: 2 !important;
}

.xyfg_box2 li a {
    display: block;
    position: relative;
    z-index: 1;
}

.xyfg_box2_img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.xyfg_box2 li .xyfg_box2_img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #fff .17rem solid;
}

.xyfg_box2 li .img_box {
    padding-bottom: 65.16%;
}


.xyfg_box2 img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.none {
    display: none!important;
}

.xyfg_box2 li .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(21,103,177, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: transform .5s;
    opacity: 0;
    transform: translateY(101%);
    padding: 0 5px;
    text-align: center;
}

.xyfg_box2 li.swiper-slide-thumb-active .txt {
    opacity: 1;
    transform: translateY(0);
}

.xyfg_box2 li .txt h4 {
    font-size: 2rem;
    color: #fff;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    line-height: 1.5;
    width: 100%;
}

@media (max-width: 800px) {
    .xyfg_box2 li .txt h4 {
        font-size: .97rem;
    }
}

.quicklinks {
    padding: 2rem 0 3.75rem;
}

@media (max-width: 800px) {
    .quicklinks {
        padding: 1.82rem 0 3.03rem;
    }
}

.quicklinks .left {
    width: calc(100% - 2.18rem);
    padding: 0 .94rem 0 0;
}

@media (max-width: 800px) {
    .quicklinks .left {
        width: 100%;
        padding: 0;
    }
}

.title3 {
    margin-bottom: 2rem;
}

@media (max-width: 800px) {
    .title3 {
        margin-bottom: 1.82rem;
    }
}

.title3 h3 {
    font-size: 1.84rem;
    color: #000000;
    font-weight: 600;
}

@media (max-width: 800px) {
    .title3 h3 {
        font-size: 1.57rem;
    }
}

.qk_list {
    margin: 0 -1rem;
}
@media (max-width: 1024px) {
    .qk_list {
        margin: 0 -7px;
    }
}

.qk_list li {
    width: 20%;
    padding: 0 1rem;
}

@media (max-width: 1024px) {
    .qk_list li {
        width: 25%;
        padding: 0 7px;
    }
}

@media (max-width: 800px) {
    .qk_list li {
        width: 33.33%;
    }
}

.qk_list li a {
    display: flex;
    height: 3.03rem;
    align-items: center;
    font-size: 1rem;
    color: #555555;
    line-height: 1.5;
    position: relative;
    transition: color .5s;
    overflow: hidden;
}

@media (max-width: 560px) {
    .qk_list li a {
        font-size: .86rem;
    }
}

.qk_list li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #dddddd;
    transform: translateY(1px);
}

.qrcode {
    width: 12rem;
    transform: translateY(1.35rem);
    position: relative;
    z-index: 100;
}

@media (max-width: 800px) {
    .qrcode {
        margin: 0 auto;
        margin-top: 1rem;
        width: 10.6rem;
    }
}

.qrcode li img {
    width: 100%;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

.qrcode li h6 {
    font-size: .97rem;
    color: #fff;
    line-height: 1.375;
    text-align: center;
    margin: .97rem 0 0;
}

footer {
    position: relative;
    z-index: 1;
}
@media (max-width: 1300px) {
    footer {
        padding: 0 25px;
    }
}

@media (max-width: 1024px) {
    footer {
        padding: 0 25px;
        overflow: hidden;
    }
}

footer::before {
    content: "";
    position: absolute;
    top: 2.42rem;
    right: 0;
    bottom: 0;
    left: 0;
    background: #c7cfd7;
    z-index: -1;
}

footer::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: .71rem;
    /*background: url(../images/footer_bg.jpg) center no-repeat;*/
    background-color:#1567B1;
    background-size: cover;
    z-index: -1;
}
@media (max-width: 1800px) {
    footer::after {
        left: 1rem;
    }
}

@media (max-width: 1024px) {
    footer::after {
        left: 10px;
    }
}

footer .ft1 {
    padding: 7rem 0 2rem;
    align-items: center;
}
@media (max-width: 800px) {
    footer .ft1 {
        padding: 6.07rem 0 1.82rem;
    }
}

footer .ft1 .left {
    margin-right: 6.7rem;
}
@media (max-width: 800px) {
    footer .ft1 .left {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }
}

footer .ft1 .left img {
    max-height: 3.88rem;
    max-width: 100%;
}

@media (max-width: 800px) {
    footer .ft1 .right {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin: 1.21rem 0 0;
    }
}

footer .ft1 .box {
    margin-right: 1rem;
}
@media (max-width: 800px) {
    footer .ft1 .box {
        margin: 0 .6rem;
    }
}

footer .ft1 .box p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.75;
    padding: .18rem 0;
    margin:0;
}

footer .ft2 {
    padding: 1.8rem 0;
    border-top: rgba(255,255,255,.2) 1px solid;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 800px) {
    footer .ft2 .left {
        width: 100%;
        text-align: center;
    }
}

footer .ft2 .left p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.45rem;
}

@media (max-width: 800px) {
    footer .fl2 .left p {
        line-height: 1.5;
    }
}


.n_banner {
    position: relative;
    z-index: 1;
}

.img {
    position: relative;
    width: 100%;
}

.img .imgbg {
    padding-bottom: 60%;
    transition: .5s;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

.n_banner .img .imgbg {
    padding-bottom: 30%;
}

.n_banner .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/mbg1@3x.png) center no-repeat;
    background-size: cover;
}

.n_banner .top .wp {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    width: 30.5rem;
    padding-bottom: 2.65rem;
}

@media (max-width: 800px) {
    .n_banner .top .wp {
        padding-bottom: 1.82rem;
    }
}

.n_banner h2 {
    font-size: 2rem;
    color: #fff;
    margin: 0 0 .4rem;
}

@media (max-width: 800px) {
    .n_banner h2 {
        font-size: 1.45rem;
        text-align: left;
        margin: 0 0 0;
    }
}

.m_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%;
    background: #1567B1;
    background-size: cover;
}
@media (max-width: 1024px) {
    .m_nav {
        display: block;
    }
}

.btn_back {
    position: absolute;
    left: 15px;
    top: 0px;
}

.m_nav h1 {
    font-size: 1rem;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0px;
    line-height: 50px;
}

.btn_right {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 50px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 18px;
    display: flex;
    align-items: center;
}

.m_container {
    overflow: visible;
}

@media (max-width: 800px) {
    .m_container {
        padding: 2.42rem 0 1.21rem;
    }
    .detail {
    overflow: hidden;
    }
}

.detail .main {
    width: calc(100% - 3.48rem);
    padding: 0;
    /* display: table-cell; */
    transform: translateX(-.72rem);
}

@media (max-width: 1024px) {
    .detail .main {
        transform: translateX(0);
        width: 100%;
        display: block;
    }
}

@media (max-width: 1300px) {
    .detail .main {
        display: block;
    }
}

.detail .main .box {
    margin: 0 -1.22rem 0 0;
}

@media (max-width: 1024px) {
    .detail .main .box {
        margin: 0;
    }
}

.main_title {
    text-align: center;
    margin-bottom: 1.4rem;
}

@media (max-width: 800px) {
    .main_title {
        margin-bottom: 1.21rem;
    }
}

.main_title h3 {
    font-size: 1.6rem;
    color: #000000;
    font-weight: bold;
    line-height: 1.5;
}

@media (max-width: 800px) {
    .main_title h3 {
        font-size: 1.45rem;
    }
}

.main_title h6 {
    font-size: 1.09rem;
    color: #555555;
    line-height: 1.5;
    margin: 1.21rem 0 0;
}

.articleAuthor {
    padding: 10px 0 10px 10px;
    color: #646464;
    font-size: 13px;
    border-left: 1px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
    .articleAuthor {
        margin-bottom: 15px;
        padding: 0 5px;
        font-size: 12px;
    }
}

.main_article{
    font-size: .121rem !important;
    line-height: 2 !important;
    color: #000;
}

.main_article img{
    object-fit: cover;
    max-width: 100%;
}

.detail .main_update {
    width: 28.3rem;
    vertical-align: top;
    padding: 2.6rem 0 0;
}

@media (max-width: 1024px) {
    .detail .main_update {
        width: 100%;
        padding: 2.42rem 0 0;    }
}

@media (max-width: 1300px) {
    .detail .main_update {
        display: block;
    }
}

.main_title2 {
    margin-bottom: .6rem;
    border-bottom: #1567B1 1px solid;
    padding-bottom: .97rem;
}

.main_title2 h3 {
    font-size: 1.45rem;
    color: #000000;
    font-weight: 600;
}
.main_update_list{
    position: relative;
    z-index: 1;  
}

.main_update_list::before {
    content: "";
    position: absolute;
    left: 1.5px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(21,103,177,0.2);
    transition: background .5s;
}

.main_update_list li {
    padding: .97rem 0;
}

.main_update_list li a {
    display: block;
    padding: 0 0 0 1.45rem;
    position: relative;
    z-index: 1;
}
.main_update_list li h6 {
    font-size: .85rem;
    color: #555555;
}

.main_update_list li h4 {
    font-size: .16rem;
    color: #555555;
    line-height: .24rem;
    margin: .12rem 0 0;
    transition: color .5s;
}

@media (max-width: 800px) {
    .main_update_list li h4 {
        font-size: 1.21rem !important;
        line-height: 1.82rem !important;
        font-weight: normal !important;
    }
}
.main_update_list li a:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: rgba(21,103,177,0.3);
    border-radius: 50%;
    left: 0;
    top: .24rem;
    transition: .5s;
}

.news_list {
    width: calc(100% - 2.52rem);
    flex: 1;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .news_list {
        width: 100%;
        padding: 0;
        flex: auto;
    }
}

.news_list2 li {
    margin-bottom: 1.21rem;
}

.news_list2 li a {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #f5f5f5;
    height: 6.07rem;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (max-width: 800px) {
    .news_list2 li a {
        padding: 0 1.51rem;
    }
}

.list22 li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list22_b1.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    transform: translateY(101%);
    transition: transform .5s;
}

.news_list2 li h4 {
    font-size: 1.3rem;
    color: #333333;
    line-height: 1.8rem;
    transition: color .5s;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 800px) {
    .news_list2 li h4 {
        /*font-size: 1.21rem !important;*/
        /*font-size: 1rem !important;*/
        font-size: 1rem ;
        line-height: 1.82rem !important;
        font-weight: normal !important;
    }
}

.news_list2 li .time {
    padding: 0 0 0 1.21rem;
    text-align: center;
}

.news_list2 li .time h3 {
    font-size: 1.21rem;
    color: #1567B1;
    transition: color .5s;
    white-space: nowrap;
}

.news_list2 li .time h6 {
    font-size: .97rem;
    color: #555555;
    margin: .36rem 0 0;
    transition: color .5s;
    white-space: nowrap;
}

.news_list2 li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .18rem;
    height: 50%;
    background: #1567B1;
    transition: height .5s;
}

.m_page {
    font-size: 1rem;
    /*font-family: SimSun;*/
    line-height: 1rem;
    color: #222;
    text-align: center;
    margin-top: 20px;
    
    display: flex;
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
}

@media (max-width: 560px) {
    .m_page {
        margin-top: 2.42rem !important;
    }
}

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

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.xxgk{
    margin-bottom: 1.82rem;
}

@media (max-width: 1024px) {
    .xxgk {
        width: 100%;
        margin-right: 0 !important;
    }
}
.xxgk_cat{
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    margin: 0 auto;
    background: #f5f5f5;
}

@media (max-width: 800px) {
    .xxgk_cat {
        margin-top: -1.21rem;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
    }
}

.xxgk_cat li {
    position: relative;
    z-index: 1;
}

@media (max-width: 800px) {
    .xxgk_cat li {
        min-width: 50%;
        margin-bottom: -1px;
    }
}

.xxgk_cat li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: .2rem;
    right: .2rem;
    background: rgba(21,103,177,0.3);
    height: 1px;
}

@media (max-width: 800px) {
    .xxgk_cat li:before {
        left: 0;
        right: 0;
    }
}


.xxgk_cat li a {
    font-size: 1.21rem;
    color: #111111;
    padding: 0 1.2rem 0 1.4rem;
    position: relative;
    display: flex;
    cursor: pointer;
    height: .56rem;
    align-items: center;
    line-height: 1.5;
    z-index: 1;
    transition: .5s;
}

@media (max-width: 560px) {
    .xxgk_cat li a {
        padding: 0 2.42rem;
        /*height: 2.91rem;*/
        height: 4rem;
    }
}

.xxgk_cat li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1567B1;
    width: 0;
    top: 0;
    transition: width .5s;
    z-index: -1;
}

.xxgk_cat li a:after {
    content: "";
    background: #1567B1;
    width: .6rem;
    height: .12rem;
    left: 1.21rem;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    transition: .5s;
}

.xxgk_cat li.active a:before, .xxgk_cat li:hover a:before {
    width: 100%;
}
.xxgk_cat li.active a, .list20 li:hover a {
    color: #fff;
}
.xxgk_cat li.active a:after, .list20 li a:hover:after {
    background: #fff;
}

.xxgk_cont {
    width: calc(100% - 2.52rem);
    flex: 1;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .xxgk_cont {
        width: 100%;
        padding: 0;
        flex: auto;
    }
    .xxgk_cont img{
        width: 100%;
        object-fit: cover;
    }
    
}

.card-body {
    padding: 0.25rem;
    text-align: center;
}

.zyjs p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #898989;
    text-indent: 2em;
    text-align: justify;
}

.zyjs_more {
    display: inline-block;
    color: #4e12ac;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin: 24px 0px 40px 0;
}

@media screen and (max-width: 640px) {
    .zyjs_more {
        font-size: 0.05rem;
        margin: 1.14rem 0;
    }
}

.zyjs_more a {
    padding: 0.57rem 5px 0;
    display: block;
    background: url(../images/morebg.svg) no-repeat top center;
    background-size: 30px 10px;
    color: #4e12ac;
    font-size: 14px;
    line-height: 30px;
}

/*搜索页*/
.portlet {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 2px;
}
@media (max-width: 768px) {
    .portlet {
        margin-bottom: 0;
    }
}

.portlet .light {
    padding: 12px 0;
    background-color: #fff;
    border: 0;
}

.portlet .form {
    padding: 0!important;
}
.portlet>.portlet-body {
    clear: both;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.portlet.light .portlet-body {
    padding-top: 20px;
}

.portlet .form .form-body, .portlet-form .form-body {
    padding: 20px 0;
}

.form-group {
    margin-bottom: 15px;
}
.form-horizontal .form-group:after,.form-horizontal .form-group:before {
    content: " ";
    display: table
}
.fc-search-param .form-group label {
    margin-bottom: 10px;
    display: inline-block;
}

label {
    max-width: 100%;
    font-weight: 400;
}
.fc-search-param .form-group label {
    margin-bottom: 20px;
}
.label, sub, sup {
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    display: inline;
    border-radius: .175rem;
    font-family: "Open Sans", sans-serif;
    
    text-shadow: none !important;
    color: #fff;
    padding: .232rem .35rem;
    font-size: 1rem;
    /*font-weight: 600;*/
    line-height: 1;
}
.label-success {
    color: #2890ff;
    background-color: #f1faff;
}

.label-success {
    background-color: #40aae2!important;
}

.badge-default, .label-default {
    color: #aaa;
    background-color: #efefef;
}

.input-group {
    display: table;
    border-collapse: separate;
    position: relative;
}
.input-group input{
    margin: 0;
}
.form-control, output {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block;
}
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #d3cfcf;
    color: #3F4254;
    background-clip: padding-box;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #93a1bb;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(147,161,187,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(147,161,187,.6)
}
.form-control {
    outline: 0!important;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group {
    display: table;
    border-collapse: separate;
}
.input-group, .input-group-btn, .input-group-btn>.btn {
    position: relative;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-btn {
    font-size: 0;
    white-space: nowrap;
}
.btn, .form-control {
    box-shadow: none!important;
}
.form-control {
    outline: 0!important;
}
.input-group .form-control:focus {
    z-index: 3;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
    margin-top: 0px;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    /*background-color: #28b6ff;*/
    /*border-color: #28b6ff;*/
    border-color: #1567B1;
    background-color: #1567B1;
    
}

.search-container>ul {
    padding: 0 ;
    margin-bottom: 0;
}
.search-container>ul .search-item {
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid;
    border-color: #f4f6f8;
}

.search-container>ul a {
    text-shadow: none;
    color: #414658;
    text-decoration: none;
    background-color: transparent;
}
.portlet-body img {
    max-width: 100%;
    vertical-align: middle;
}

.search-container>ul .search-item>a>img {
    width: 100px;
    float: left;
    margin-right: 20px;
}
.search-container>ul .search-item>.search-content>.search-title>a {
    color: #4e5a64;
    font-size: 16px;
    font-weight: 400;
}
.search-container>ul .search-item>.search-content>.search-desc {
    color: #a0a9b4;
    font-size: 13px;
    margin: 0;
    line-height: 1.2;
}
.search-post-foot {
    padding-top: 20px;
    text-align: right;
}

.search-container>ul li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"], li [class^=fa-], li [class^=glyphicon-], li [class^=icon-] {
    display: inline-block;
    width: 1.25rem;
    text-align: center;
}
[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
    display: inline-block;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}

/*搜索结束*/
.mail_txt {
    line-height: 35px;
    /* padding: 40px 280px; */
    margin-top: 20px;
    font-size: 1rem;
    font-weight: bold;
}
.text-indent{
    text-indent: 2em;
}

.fc-list-form li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 3px;
    height: 16px;
    background: #0f59a4;
}

.jyxc_post_Container {
    position: relative;
}

.jyxc_post_Container .homeSubmitLay {
    width: 100%;
    /* min-width: 1170px; */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.jyxc_post_Container .homeSubmitLay .homeSubmitBg {
    width: 100%;
    background-color: #fff;
    /* height: 1020px; */
    position: absolute;
    z-index: 0;
}

.jyxc_post_Container .homeSubmitLay .banner_sg {
    width: 100%;
    height: 117px;
    position: absolute;
    top: 0;
    background: url(../images/icon_suggest_home.fe6f0d72.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    color: #000;
    font-size: 42px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 35px;
}

.jyxc_post_Container .homeSubmitLay .banner_sg span {
    color: #c63f46;
}

.jyxc_post_Container .homeSubmitLay .homeSubmit {
    /* width: 1170px; */
    width: 100%;
    margin: auto;
    margin-top: 10rem;
    z-index: 10;
    margin-bottom: 35px;
}

.jyxc_post_Container .submit_form {
    background-color: #fff;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    border: 8px solid #e6e8f5;
    margin-top: 4px;
}

.jyxc_post_Container .submit_form .titleL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 48px;
    margin-bottom: 20px;
}

.jyxc_post_Container button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.jyxc_post_Container .submit_form .inputLabel {
    height: 100%;
    background: #f9fbff;
    border: 1px solid #e5e8f6;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    padding-left: 24px;
}
.jyxc_post_Container .submit_form .titleL .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.jyxc_post_Container .submit_form .contentL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px;
    position: relative;
}
.jyxc_post_Container .submit_form .contentL .submitContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    width: 100%;
    background: #f9fbff;
    border: 1px solid #e5e8f6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jyxc_post_Container button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.jyxc_post_Container .submit_form .contentL .submitContent textarea {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 175%;
    border-radius: 4px;
    resize: none;
    border-color: transparent;
    width: 100%;
    /*height: 204px;*/
    height: 300px;
    margin-bottom: 10px;
    background-color: transparent;
    overflow: auto;
}

.jyxc_post_Container .submit_form .contentL .count {
    position: absolute;
    font-size: 14px;
    color: #409eff;
    right: 18px;
    bottom: 16px;
}

.jyxc_post_Container .submit_form .inputLabel2 {
    height: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    padding-left: 16px;
}
.jyxc_post_Container .submit_form .submit {
    width: 260px;
    height: 54px;
    background: #c63f46;
    border-radius: 4px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

#confirmCheck {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-color: #d6313f;
}

.replyInfo {
    background: #f7f8fa;
    border-radius: 8px;
    padding: 30px 10px;
    margin-top: 10px;
    font-size: 14px;
}
.replyInfo h1 {
    font-size: 20px;
    font-weight: 700;
}
.replyInfo .replyInfoName {
    color: #8c8c8c;
    margin-top: 6px;
}
.replyInfo .replyInfoName .replyName {
    font-weight: 700;
    min-width: 110px;
}
.replyInfo .replyInfoName .replyMsg {
    vertical-align: middle;
}
.replyInfo .replyInfoName li {
    float: left;
}
.replyInfo .replyContent {
    color: #8c8c8c;
    line-height: 24px;
    margin-top: 20px;
}
.replyInfo .replyContent .replyContentMain {
    color: #333;
    margin-left: 72px;
    line-height: 28px;
    word-break: break-all;
}
.noWrap {
    white-space: pre-line;
    /* white-space: pre-wrap; */
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.sitText {
    text-align: justify;
}

.replyInfo h3 {

    font-size: 16px;
    font-weight: 700;
    padding-bottom: 24px;
    color: #191919;
    border-bottom: 1px solid #e6e6e6;
}

.replyInfo .replyHandle {
    margin-top: 24px;
}

.user-comment {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
}

.user-avatar {
    /* 为用户图标设置样式 */
    width: 50px; /* 图标宽度 */
    height: 50px; /* 图标高度 */
    border-radius: 50%; /* 圆形图标 */
    overflow: hidden; /* 确保图片不会超出边界 */
    margin-right: 10px; /* 图标与信息的间距 */
}

.user-info {
    /* 用户信息容器 */
    display: flex;
    flex-direction: column; /* 子元素垂直排列 */
    justify-content: center; /* 垂直居中对齐 */
}

.user-name,.user-registered {
    /* 用户名和注册日期的样式 */
    margin: 0;
    padding: 0;
    font-size: 14px; /* 字体大小 */
    line-height: 1.5; /* 行高 */
}
.user-registered {
    color:#8c8c8c;
}
.handleContent {
    line-height: 28px;
    color: #333;
    margin-top:20px;
}