html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
button,
input {
    margin: 0;
    padding: 0;
    rder: 0;
    outline: 0;
    background: transparent;
    border: none
}

body {
    line-height: 1;
    color: #4e4e4e;
    font-size: 12px;
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html,
body {
    background-color: #fff;
}

a {
    text-decoration: none;
    color: #4e4e4e;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.block {
    display: block;
}

* {
    box-sizing: border-box;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.center {
    margin: 0 auto;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pre {
    position: relative;
}

img.block {
    width: 100%;
    display: block;
}

.w1195 {
    width: 1200px;
}

.autocenter {
    margin: 0 auto;
}

.top {
    padding-top: 35px;
}

.logo {

    display: block;
}
.alpagbg{
 background-image: url(../images/alpha.png);
        background-size: 100% atuo;
        background-repeat: no-repeat;
        background-position: top center
}
.search-wrap {
    padding-top: 7px;
    position: relative;
}

.search-wrap input {
    width: 180px;
    height: 26px;
    border-radius: 20px;
    border: 1px solid #9eadf2;
    padding: 0 10px;color: #fff;
}

.search-wrap input::-webkit-input-placeholder {
    color: #9eadf2;
}

.search-wrap input::-moz-input-placeholder {
    color: #9eadf2;
}

.search-wrap input::-ms-input-placeholder {
    color: #9eadf2;
}

.search-btn {
    position: absolute;
    width: 26px;
    height: 28px;
    right: 8px;
    top: 4px;
    cursor: pointer;
    padding-top: 5px;
}

.index-nav {
    margin-top: 37px;
}

.index-nav li {
    float: left;
    width: 84px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    transition: all .5s;
    border-bottom: 1px solid #0e2077
}

.index-nav li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    transition: all .5s;
}

.index-nav li:hover {
    background-color: #0e2077;
}

.index-nav li:hover>a {
    color: #fff;
}

.pr130 {
    padding-right: 130px;
}

.index-banner {

    height: 421px;
    background-image: url(../images/banner.jpg);
    background-size: auto 421px;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
}

.index-nav li .dropmenu {
    transition: all .5s;
    position: absolute;
    text-align: center;
    display: none;
    z-index: 99;
    height: 208px;
    left: 0;
    top: 68px;
    padding-top: 34px;
}

.index-nav li .dropmenu .submenu-wrap {
    background: rgba(255, 255, 255, .9);
    padding-bottom: 30px;
}

.index-nav li .dropmenu .menuimg {
    width: 287px;
    height: 113px;
    margin-left: 28px;
    margin-top: 30px;
}

.index-nav li .dropmenu .drop-item:hover {
    background-color: #efefef;
}

.index-nav li:hover .dropmenu {
    display: block;
}

.submenu-list-wrap {
    width: 475px;
    padding-left: 56px;
    border-right: 1px solid #7c8cd4;
    height: 113px;
    margin-top: 30px;
    padding-right: 160px
}

.submenu-list a {
    display: block;
    float: left;
    margin-left: 48px;
    line-height: 36px;
    height: 36px
}

.menucord {
    width: 313px;
    height: 113px;
    margin-top: 30px;
}


#hot-news .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background-color: #ffffff;
}

#hot-news .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #006f93;
}

.topnews {
    width: 489px;
    height: 371px;
}

.index-main .mainline {
    border-top: 10px solid #0e2077;
    margin-top: -5px;
    position: relative;
    z-index: 9
}

.section1 .leftbox {
    width: 793px
}

.section1 .common-title {
    padding-top: 17px;
    padding-bottom: 14px;
    padding-right: 15px;
    padding-left: 5px;
}

.common-title.pl25 {
    padding-left: 25px;
}

.common-title.bluebg {
    background-color: #0e2077;
    color: #fff
}

.common-title.yellowbg {
    background-color: #ff9900;
    color: #fff
}

.common-title.redbg {
    background-color: #a51c30;
    color: #fff
}

.common-title.abluebg {
    background-color: #1b3ddc;
    color: #fff
}

.common-title.abluebg .labels {
    background-image: none !important;
    padding-left: 0 !important
}

.common-title.bluebg .more,
.common-title.yellowbg .more,
.common-title.redbg .more,
.common-title.abluebg .more {
    color: #fff
}

.index-section3 .common-title.icon2 .labels {
   background-image: url(../images/indexionc/5.png);
}
.index-section3 .common-title.icon3 .labels {
    background-image: url(../images/indexionc/6.png);
}

.index-section3 .common-title .labels {
    background-image: url(../images/indexionc/4.png);
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    background-size: auto 40px;
}

.index-section3 .common-title {
    padding-left: 25px;
    height: 60px;
    padding-top: 10px
}

.index-section3 .common-title .more {
    line-height: 40px;
    margin-right: 22px
}

.box-line {
    border: 1px solid #e4e4e4
}

.section1 .leftbox .leftitem {
    width: 371px;
    border-right: 1px solid #e4e4e4
}

.section1 .leftbox .leftitem li .news-img {
    width: 370px;
    height: 210px;
    background-size: cover;
    background-repeat: no-repeat;
}

.section1 .leftbox .leftitem li .news-title {
    text-align: center;
    font-size: 14px;
    line-height: 42px;
    height: 42px;
}

.section1 .leftbox .rightitem {
    padding-left: 41px;
    padding-right: 31px;
    width: 420px;
    padding-top: 10px
}

.section1 .leftbox .rightitem li {
    font-size: 14px;
    line-height: 31px;
    border-bottom: 1px dashed #f6f6f6;
    padding: 8px 0;
    height:79px;
}

.section1 .leftbox .rightitem li .date {
    padding-left: 10px
}

.section1 .leftbox .rightitem li .dotta {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #1b3ddc;
}

.section1 .leftbox .rightitem li a {
    padding-left: 10px
}

.section1 .rightbox {
    width: 397px;
    margin-left: 10px
}

.common-title .labels {
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    padding-left: 40px;
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.common-title .labels.icon2 {

    background-image: url(../images/indexionc/2.png);

}
.common-title .labels.icon3 {

    background-image: url(../images/indexionc/3.png);

}
.common-title .more {
    line-height: 30px
}

.hotnews-area {
    width: 796px;
    height: 376px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 2px solid #006f93;
}

.sc-area {
    width: 796px;
    height: 376px;
    border: 1px solid #e4e4e4;
}

.mt14 {
    margin-top: 14px;
}

.mr13 {
    margin-right: 13px;
}

.hr-news {
    border: 1px solid #e4e4e4;
    width: 386px;
    height: 376px;
}

.index-section3 {
    background-color: #f7f7f7;
    padding-top: 48px;
    margin-top: 40px;
    padding-bottom: 39px;
}

.index-section3 .part1 {
    width: 535px;
    height: 375px;
    margin-right: 14px;
    background-color: #fff;
}

.index-section3 .part2 {
    width: 646px;
    height: 375px;
    background-color: #fff;
}

#footer {
    background-color: #504f4f;
}

.pt30 {
    padding-top: 30px;
}

.footer-itme {
    padding-left: 36px;
    color: #fff;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    background-image: url(../images/bicon.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.footer-itme.copyright {
    background-position-y: -5px;
}

.footer-itme.telephone {
    background-position-y: -37px;
}

.footer-itme.address {
    background-position-y: -75px;
}

.footer-itme.email {
    background-position-y: -109px;
}

#hot-news .carousel-indicators {
    left: 30%;
}

#hot-news .carousel-indicators .active {
    background-color: #006f93;
}

#hot-news .carousel-indicators li {
    background-color: #fff;
    border: none;
}

#hot-news-desc {
    padding: 26px;
    width: 305px;
}

#hot-news-desc .typename {
    font-size: 16px;
    color: #006f93;
}

.more {
    font-size: 12px;
    text-transform: uppercase;
    color: #999999;
}

.index-hot-futllitle {
    height: 48px;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    margin-bottom: 8px;
    margin-top: 20px;
}

.index-hot-grey {
    color: #999999;
}

.index-hot-desc {
    line-height: 21px;
    margin-top: 30px;
}

.index-hot-link {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.index-right-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.index-right-link a {
    display: block;
    float: left;
    width: 50%;
    height: 50%;
}

.sc-area .sc-title {
    background-color: #e8e8e8;
    height: 62px;
    line-height: 62px;
    font-size: 16px;
    color: #006e92;
    padding: 0 3%;
}

.hr-news .sc-title {
    background-color: #006f93;
    height: 62px;
    line-height: 62px;
    font-size: 16px;
    color: #006e92;
    padding: 0 3%;
    color: #fff;
}

.hr-news .sc-title .more {
    color: #fff;
}

.index-part-item {
    width: 50%;
}

.index-part-item .sc-title {
    height: 62px;
    line-height: 62px;
    font-size: 16px;
    padding: 0 3%;
}

.index-part1-1 .sc-title {
    background-color: #999999;
    color: #fff;
}

.index-part1-1 .more {
    color: #fff;
}

.index-part1-2 .sc-title {
    background-color: #006f93;
    color: #fff;
}

.index-part1-2 .more {
    color: #fff;
}

.index-part2-2 .sc-title {
    background-color: #999999;
    color: #fff;
}

.index-part2-2 .more {
    color: #fff;
}

.index-part2-1 .sc-title {
    background-color: #006f93;
    color: #fff;
}

.index-part2-1 .more {
    color: #fff;
}

.sc-main {
    padding: 0;
}

.sc-list {
    padding-top: 17px;
}

.sc-list li {
    line-height: 54px;
    height: 55px;
    border-bottom: 1px dashed #dddddd;
    padding-right: 12px;
    padding-left: 31px;
    font-size: 14px;
}

.sc-list li:last-child {
    border: none;
}

.sc-list li a {
    margin-left: 10px;
}

.square {
    width: 7px;
    height: 7px;
    background-color: #e8e8e8;
    display: inline-block;
}

.hr-list {
    padding: 0 20px;
}

.hr-list li {
    font-size: 14px;
    height: 101px;
    line-height: 27px;
    padding-top: 27px;
    border-bottom: 1px dashed #dddddd;
}

.hr-list li .hr-list-first {
    width: 231px;
}

.hr-list li .date {
    padding-top: 20px;
    color: #006f93;
}

.hr-list li:last-child {
    border: none;
}

.f-link-wrap {
    padding-left: 43px;
    padding-top: 26px;
}

.f-link-item {
    color: #6c6c6c;
    line-height: 40px;
}

.f-link-item .square {
    background-color: #6c6c6c;
    margin-right: 6px;
    transform: rotate(45deg);
}

.hd-list {
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 23px;
    border-left: 1px solid #e4e4e4;
    height: 315px;
}

.hd-list-tile {
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
}

.sj-list-item {
    line-height: 25px;
}

.sj-list {
    padding: 0 27px;
}

.sj-list li {
    height: 101px;
    border-bottom: 1px dashed #dddddd;
    padding-top: 13px;
    padding-left: 15px;
    padding-right: 15px;
}

.sj-list li .date {
    color: #006f93;
    margin-top: 10px;
}

.sj-list li:last-child {
    border: none;
}

.zc-list li {
    height: 77px;
    border-bottom: 1px dashed #dddddd;
    padding-top: 13px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 25px;
}

.zc-list-item .square {
    background-color: #6c6c6c;
    margin-right: 6px;
    transform: rotate(45deg);
}

.zc-list {
    padding: 5px 27px;
    border-left: 1px solid #dddddd;
}

.zc-list li:last-child {
    border: none;
}

.in-banner {
    height: 290px;
    background-image: url(../images/banner1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.in-banner1{
    background-image: url(../images/banner1.jpg);
}
.in-banner2{
    background-image: url(../images/banner2.jpg);
}

.in-banner3{
    background-image: url(../images/banner3.jpg);
}

.in-banner4{
    background-image: url(../images/banner4.jpg);
}

.in-banner5{
    background-image: url(../images/banner5.jpg);
}

.in-banner6{
    background-image: url(../images/banner6.jpg);
}

.in-banner7{
    background-image: url(../images/banner7.jpg);
}

.in-banner8{
    background-image: url(../images/banner8.jpg);
}


.mt20 {
    margin-top: 20px;
}
#leftmenu {
    position: relative;
    top: -105px
}
#leftmenu li {

  
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #d8d9da
}

#leftmenu li a {
    display: block;
    text-decoration: none;
}

#leftmenu li .greybg {
   
    height: 46px;
 
    background-color: #f2f3f5;
    line-height: 45px;
}

#leftmenu li.active {
    background-image: url(../images/breadnav.jpg);
}

#leftmenu li.active .greybg {
    background: transparent;
}

#leftmenu li.active a {
    color: #fff;
}

.in-main {
    width: 948px;
    margin-left: 24px;
}

.spliticon {
    color: #ccc;
    padding-left: 16px;
    padding-right: 16px;
}

.breadnav {
    font-size: 14px;
    height: 48px;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 15px;
    padding-right: 5px;
}

.breadnav .fa-home {
    color: #8e8e8e;
}

.about {
    padding: 24px;
    line-height: 26px;
}
.in-main .typename{
    font-size: 18px;
    border-bottom: 2px solid #0e2077;color: #000;padding: 0 25px;
    height: 33px
}
.news-list li {
    width: 302px;
    height: 272px;
    float: left;
    background-color: #f6f6f6;
    border: 1px solid #e4e4e4;
    margin-right: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.news-list li .imgthumb{
    width: 300px; height: 180px;background-repeat: repeat;;background-size: cover;
}
.news-list li:nth-child(3n){
 margin-right: 0;
}
.news-list li:last-child{
     margin-right: 0;
}

.news-list li .imgbox {
    width: 100%;
    height: 180px;
    background-size: cover;
}

.news-list li.isnow {
    margin-right: 0;
}

.news-list li .news-date {
    color: #666666;
    padding: 10px 15px 0;
}

.news-list li .news-title {
    padding: 0 15px;
    line-height: 22px;
    padding-top: 12px;
    font-size: 14px;
    color: #333333;
}

#page-box {
    text-align: center;
    padding: 20px;
}

#page-box .PrevDisabled {
    height: 20px;
}

#page-box .NextDisabled {
    height: 20px;
}

#page-box a,
#page-box .pageList .this-page {
    height: 20px;
}

.defaultInputStyle {
    border: 1px solid #ccc;
    padding: 2px;
    margin: 0 4px;
}

.news-detail-title {
    font-size: 24px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
}

.news-detail-subinfo {
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    padding-bottom: 40px;
}

.news-content {
    padding-bottom: 50px;
}

.ds-flex {
    display: flex;
}

.flex-1 {
    flex: 1
}

@media (max-width:767px) {
    body {
        width: 100%;
    }

    .w1195 {
        width: 100%;
    }

    .top {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .logo {
        padding-left: 10px;
        width: 120px;
    }

    .logo img {
        display: block;
        width: 100%;
    }

    .index-banner {
        height: 180px;
        background-size:auto 180px;
    }

    #index-banner .carousel-indicators {
        bottom: 15px;
    }

    #index-banner .carousel-indicators li {
        width: 25px;
        height: 3px;
    }

    #index-banner .carousel-indicators li.active {
        width: 25px;
        height: 3px;
        background-color: #006f93;
    }

    .mobile-menu {
        color: #006f93;
        font-size: 24px;
        padding: 0;
        margin: 0 10px;
        width: 20px;
    }

    .mobile-search-btn {
        width: 20px;
    }

    .pttop {
        padding-top: 5px;
    }

    .mobilepre {
        position: relative;
    }

    .mobile-search {
        width: 100%;
        height: 50px;
        padding: 5px;
        background-color: #0e2077;
        top: 32px;
        left: 0;
        position: absolute;
        z-index: 99;
        border-top: 1px solid #eee;
    }

    .search-btn {
        position: static;
        padding: 10px 0 0 10px;
        width: 40px;
        height: 40px;
        font-size: 14px;
        color: #006f93;
    }

    .mobile-search-input {
        background-color: #eee;
        padding: 10px;
    }

    #collapseMenu {
        background-color: #0e2077;
        position: absolute;
        width: 100%;
        color: #fff;
        z-index: 99;
        top: 32px;
        padding: 20px 15px;
    }

    #collapseMenu>ul>li {
        line-height: 40px;
        border-bottom: 1px solid #fff;
    }

    #collapseMenu>ul>li:last-child {
        border-bottom: none
    }

    #collapseMenu>ul>li .dropmenu {
        display: none;
        background-color: #fff;
    }

    #collapseMenu>ul>li .dropmenu .drop-item {
        padding: 0 20px;
        background-color: #fafafa;
        margin: 5px 0;
    }

    #collapseMenu>ul>li>a {
        color: #fff;
        font-size: 14px;
        display: block;
        text-decoration: none;
    }

    .hotnews-area {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }

    .topnew-mobile {
        width: 55%;
        height: 140px;
    }

    .index-main {}

    .index-main .mainline {
        border-top: 1px solid #0e2077;
        margin-top: 0
    }

    .section1 {
        padding: 0 2px
    }

    .section1 .common-title {
        padding-bottom: 5px;
        padding-top: 10px;
        padding-right: 5px
    }

    .common-title .labels {
        font-size: 14px;
        ;
        background-size: 20px auto;
        padding-left: 24px;
        height: 20px;
        line-height: 20px
    }

    .common-title .more {
        line-height: 20px;
        font-size: 10px
    }

    .section1 .leftbox {
        width: 100%
    }

    .section1 .leftbox .leftitem {
        width: 50%
    }

    .section1 .leftbox .leftitem li .news-img {
        width: 100%;
        height: 120px
    }

    .section1 .leftbox .leftitem li .news-title {
        font-size: 10px;
        line-height: 30px;
        height: 30px
    }

    .section1 .leftbox .rightitem {
        width: 50%;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 0;
    }

    .section1 .leftbox .rightitem li {
        font-size: 10px;
        line-height: 16px;
        height: 50px;
    }

    .section1 .rightbox {
        margin-left: 0;
        width: 100%
    }

    #hot-news-desc {
        width: 45%;
        padding: 10px
    }

    #hot-news .carousel-indicators {
        left: 50%;
        bottom: 0;
    }

    #hot-news .carousel-indicators li {
        border: 1px solid #006f93;
    }

    .index-hot-desc {
        margin-top: 10px;
        padding: 0 10px 20px;
    }

    .mobile-mt-15 {
        margin-top: 15px;
    }

    .sc-area {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }

    .index-section3 .part1,
    .index-section3 .part2 {
        width: 100%;
    }

    .hr-news {
        width: 100%;
        height: auto;
    }

    .sc-area .sc-title {
        line-height: 50px;
        height: 50px;
        font-size: 14px;
    }

    .hr-news .sc-title {
        line-height: 50px;
        height: 50px;
        font-size: 14px;
    }

    .sc-main {
        padding: 0;
    }

    .sc-list li {
        padding-left: 10px;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
    }

    .sc-list li a {
        margin-left: 5px;
        font-size: 12px;
    }

    .mobilemt14 {
        margin-top: 14px;
    }

    .hr-list {
        padding: 10px 10px 0;
    }

    .hr-list li {
        height: 50px;
        line-height: 50px;
        padding-top: 0;
        font-size: 12px;
    }

    .hr-list li .date {
        padding-top: 0;
    }

    .index-section3 {
        margin-top: 14px;
        padding-top: 0;
    }

    .index-part-item .sc-title {
        line-height: 50px;
        height: 50px;
        font-size: 14px;
    }

    .f-link-wrap {
        padding-left: 10px;
        padding-top: 10px;
    }

    .index-section3 .part1,
    .hd-list {
        height: auto;
    }

    .f-link-item {
        line-height: 30px;
    }

    .sj-list {
        padding: 0 5px;
    }

    .sj-list li {
        padding: 5px;
        height: auto;
        font-size: 12px;
    }

    .zc-list {
        padding: 0 5px;
        border-left: 1px solid #dddddd;
    }

    .zc-list li {
        font-size: 12px;
    }

    .footer-itme {
        font-size: 8px;
        height: 20px;
        line-height: 20px;
        margin-top: 5px;
        background-size: 20px auto;
        padding-left: 22px;
    }

    .footerlogo {
        width: 130px;
    }

    .index-section3 {
        padding-bottom: 15px;
    }

    .hr-list li .hr-list-first {
        width: auto;
    }

    .sj-list li .date {
        margin-top: 0;
    }

    #footer .pt30 {
        padding-top: 0;
    }

    #footer {
        padding: 10px 10px 10px 5px;
    }

    .zc-list li {
        height: auto;
    }

    .index-section3 .part2 {
        height: auto;
    }

    .footer-itme.copyright {
        background-position-y: 0;
    }

    .footer-itme.telephone {
        background-position-y: -18px;
    }

    .footer-itme.address {
        background-position-y: -38px;
    }

    .footer-itme.email {
        background-position-y: -58px;
    }

    .in-banner {
        height: auto;
    }

    .breadnav {
        height: 46px;
        padding-top: 20px;
        font-size: 12px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .mobileabout {
        padding: 10px;
        font-size: 12px !important;
    }

    #mobile-top-menu {
        padding: 10px 15px;
        flex-wrap: wrap;
    }

    #mobile-top-menu li {
        text-align: center;
        padding: 8px 0;
        background-color: #e8e8e8;
        margin: 0 5px;
        border-radius: 5px;
        font-size: 12px;
        width: 100px;
        margin-bottom:10px;

    }
#mobile-top-menu li.flex-1{flex: none;}
    #mobile-top-menu li.active {
        background-color: #0e2077;
    }

    #mobile-top-menu li.active a {
        color: #fff;
    }

    #menu-nav {
        padding-top: 10px;
        height: 36px;
    }

    .news-list {
        padding-bottom: 20px;
    }

    .news-list li .news-title {
        font-size: 10px;
        height: 60px;
        overflow: hidden;
    }

    .news-list li {
        width: 44vw;
    }

    .news-list li {
        margin-right: 0;
        height: auto;
        padding-bottom: 10px;
    }

    .news-list li {
        margin-left: 4vw;
    }

    .news-list li .imgbox {
        width: 100%;
        height: 90px;
        background-size: cover;
    }
  .news-list li .imgthumb{
    width: 100%; height: 100px;background-repeat: repeat;;background-size: cover;
}   
    .news-detail-title {
        font-size: 16px;
        line-height: 28px;
    }

    .news-detail-subinfo {
        font-size: 12px;
    }

    .news-content {
        padding: 0 10px;
    }

    .mobilepretop {
        border-top: 2px solid #0e2077
    }

    .m-ds-flex {
        display: flex;
    }

    .m-flex-1 {
        flex: 1
    }

    .topitem,
    .bottomitem {
        width: 50%;
        padding-top: 0 !important;
        margin:0 .5vw;
    }


}

.article_detail {
    line-height: 28px;
    font-size: 14px;
}

#all-top {
    height: 40px;
    background-color: #0e2077;
}

#memn-row {
    background-color: #f9f9fb;
    height: 99px;
    box-shadow: 0 1px 2px #ccc
}

.topitem li {
    font-size: 14px
}

.topitem .date {
    width: 62px;
    height: 47px;
    background-color: #e8ecfd;
    color: #1633bc;
    text-align: center;
    line-height: 47px;
}

.topitem .news-title {
    width: 248px;
    line-height: 25px;
    margin-left: 24px;
}

.topitem ul {
    padding: 12px 22px 0
}

.topitem ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0 15px 13px
}
.topitem ul li:last-child{border-bottom: none;}
.bottomitem {
    padding-top: 4px;
}

.bottomitem ul {
    padding: 8px 22px 4px
}

.bottomitem ul li {
    font-size: 14px;
    line-height: 34px;
}

.bottomitem ul li .dotta {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #666666;
    margin-right: 5px
}

.partwrap ul {
    padding: 10px 30px
}

.partwrap {
    background-color: #fff
}

.partwrap li {
    font-size: 14px;
    line-height: 31px;
    border-bottom: 1px dashed #f6f6f6;
    padding: 8px 0px 8px 10px;
    height: 79px;
}

.partwrap li .date {
    padding-left: 10px
}

.partwrap li .dotta {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #333333;
    transform: rotate(45deg);
}

.partwrap li a {
    padding-left: 10px
}

.righe-line {
    border-right: 1px solid #e4e4e4
}

.section4 {
    margin-top: 60px;
    background-color: #fff
}

.section4 ul {
    padding-left: 60px;
    padding-top: 32px;
    padding-bottom: 5px
}

.section4 ul li {
    width: 207px;
    margin-right: 56px;
}

.section4 ul li .news-img {
    width: 207px;
    height: 230px;
    background-size: cover;
    background-repeat: no-repeat;
}

.section4 ul li .news-title {
    text-align: center;
    font-size: 14px;
    line-height: 44px;
}

.pt20 {
    padding-top: 20px
}

.mlogo {
    width: 56vw;
    display: block;
}
#leftmenu .parentClass{
    width: 217px; height: 74px;background: rgba(14,32,119,.8);
    line-height: 74px; text-align: center; font-size: 22px; color: #fff
}
@media (max-width:767px) {
    .topitem ul {
        padding: 8px 5px 8px
    }

    .topitem ul li {
        border-bottom: 1px solid #f0f0f0;
        padding: 8px 0;
    }

    .topitem .date {
        width: 38px;
        height: 30px;
        line-height: 30px;
        font-size: 10px
    }

    .topitem .news-title {
        margin-left: 5px;
        width: 30vw;
        font-size: 10px;
        line-height: 16px;
    }
     .topitem .box-line,.bottomitem .box-line{height: 43vw}
    .bottomitem ul {
        padding: 8px 5px 8px
    }

    .bottomitem ul li {
        font-size: 10px;
        line-height: 28px
    }

    .index-section3 .common-title .labels {
        line-height: 20px;
        height: 20px;
        padding-left: 24px;
        background-size: auto 20px;
    }

    .index-section3 .common-title {
        padding-left: 6px;
        height: 40px
    }

    .index-section3 .common-title .more {
        line-height: 20px;
        margin-right: 5px
    }

    .partwrap ul {
        padding: 5px 5px
    }

    .partwrap li {
        font-size: 10px;
        line-height: 20px;
        border-bottom: 1px dashed #f6f6f6;
        padding: 8px 0px 8px 10px;
        height: 55px
    }

    .partwrap li .date {
        padding-left: 10px
    }

    .partwrap li .dotta {
        display: inline-block;
        width: 5px;
        height: 5px;
        background-color: #333333;
        transform: rotate(45deg);
    }

    .partwrap li a {
        padding-left: 5px
    }
    .section4{
        margin-top: 10px
    }
    .section4 ul{padding-left: 2vw;padding-top: 2vw}
    .section4 ul li{
        width: 46.5vw;
        margin-right: 2vw
    }
    .section4 ul li .news-img{
        width: 100%
    }
    .section4 ul li .news-title {
    text-align: center;
    font-size: 10px;
    line-height: 30px;
}
    #footer .pt20{
       padding-top: 0
    }
    #page-box{
        width: 100%;overflow-x:scroll;
    }
}

#page-box a, #page-box .this-page{height: 20px; margin: 0 4px; border: 1px solid #0e2077;text-align: center;
    padding: 4px 8px;}
#page-box .this-page{
    background-color: #0e2077; color: #fff
}
#page-box .PrevDisabled{opacity: .5;line-height: 20px; height: 20px; margin: 0 4px; border: 1px solid #0e2077;text-align: center;
    padding: 4px 8px;}