body {
        background: #000000;
        font-size: 14px;
}
.font-size-24 {
        font-size: 1.6rem;
}
.color266baf {
        color: #266baf;
}
.colorec8703 {
        color: #ec8703;
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
        animation-name: jssorl-009-spin;
        animation-duration: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
        from {
                transform: rotate(0deg);
        }

        to {
                transform: rotate(360deg);
        }
}

/*jssor slider arrow skin 093 css*/
.jssora093 {
        display: block;
        position: absolute;
        cursor: pointer;
}

.jssora093 .c {
        fill: none;
        stroke: #fff;
        stroke-width: 400;
        stroke-miterlimit: 10;
}

.jssora093 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 400;
        stroke-miterlimit: 10;
}

.jssora093:hover {
        opacity: .8;
}

.jssora093.jssora093dn {
        opacity: .6;
}

.jssora093.jssora093ds {
        opacity: .3;
        pointer-events: none;
}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        background: #f3f9ff;
}

.jssort101 .p .cv {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #044c92;
        box-sizing: border-box;
        z-index: 1;
}

.jssort101 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 400;
        stroke-miterlimit: 10;
        visibility: hidden;
}

.jssort101 .p:hover .cv,
.jssort101 .p.pdn .cv {
        border: none;
        border-color: transparent;
}

.jssort101 .p:hover {
        padding: 2px;
}

.jssort101 .p:hover .cv {
        background-color: rgba(0, 0, 0, 6);
        opacity: .35;
}

.jssort101 .p:hover.pdn {
        padding: 0;
}

.jssort101 .p:hover.pdn .cv {
        border: 2px solid #fff;
        background: none;
        opacity: .35;
}

.jssort101 .pav .cv {
        border-color: #fff;
        opacity: .35;
}

.jssort101 .pav .a,
.jssort101 .p:hover .a {
        visibility: visible;
}

.jssort101 .t {
        position: absolute;
        top: 0;

        left: 0;
        width: 100%;
        /* height: 100%; */
        height: auto;
        border: none;
        opacity: .6;
}

.jssort101 .pav .t,
.jssort101 .p:hover .t {
        opacity: 1;
}

.history .tags {
        background-image: linear-gradient(to right, #f794be, #f9ca92);
        padding: 0 1rem;
        border-radius: 0 3rem 0 3rem;
        display: inline-block;
        box-sizing: border-box;
}

.history .item_box:hover .tags {

        background: #0099ee;
}

.history .item_box {
        margin-bottom: 3rem;
}

/* 荣誉墙 */
.single {
        width: 100%;
        height: 100%;
        position: relative;
        font-size: 0;
        overflow: hidden;
}

.pre {
        position: absolute;
        width: 20px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
}

.pre:hover {
        background-color: rgba(0, 0, 0, 0.8);
}

.pre::before {
        content: "";
        width: 12px;
        height: 12px;
        border: solid #fff;
        border-width: 2px 0 0 2px;
        transform: translate(-50%, -50%) rotate(-45deg);
        position: absolute;
        left: 70%;
        top: 50%;
}

.next {
        position: absolute;
        width: 20px;
        height: 100%;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
}

.next:hover {
        background-color: rgba(0, 0, 0, 0.8);
}

.next::before {
        content: "";
        width: 12px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: translate(-50%, -50%) rotate(-45deg);
        position: absolute;
        left: 30%;
        top: 50%;
}

.single ul {
        padding: 0;
        list-style: none;
        white-space: nowrap;
        display: inline-block;
}

.single ul li {
        
        display: inline-block;
}

.single img {
        width: 300px;
        vertical-align: top;
}



.mingrentang_bg {
        background: #1660a8;
}
.bg_image {
        background-repeat: no-repeat;
        background-size: cover;
        border: 3px solid #ffffff;
        transition: all 0.5s linear;
        overflow: hidden;
}
.bg_image:hover {
        opacity: 1;
        
}
.bg_image .old_pic_content {
        /* height: 3rem; */
        height: 100%;
        transition: all 0.2s linear;
        bottom: -100%;
        background: rgba(0, 155, 238, 0.575);
        padding: 5px;
        overflow: hidden;
}
.bg_image:hover .old_pic_content {
        bottom: 0;
}



/* 历史 */


.dowebok {
        height: 320px; 
        font-size: 14px; 
        background: none;
}
.dowebok ul {
        padding-left: 0; 
        margin: 0; 
        line-height: 30px; 
        list-style-type: none;
}
#content_box {
        background: #1660a8;
        position: relative;
}

/* 导航 */
.navs{
        background: #044c92;
        border-radius:6px;	
        /* box-shadow:0 5px 10px #044c92; */
        padding: 0;
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.navs.position-fixed-top {
        position: fixed;
        top: 0;
        z-index: 9;
}
.navs li{
        flex: 1;
        box-sizing: border-box;
        text-align:center; 
        list-style-type: none;
        cursor:pointer
}

.navs li a {
        border-bottom: 1px solid #044c92;
        box-sizing: border-box;
        color: #93c4f4 !important;
        display:block; 
        padding: 1.5rem 0;
        font-size:16px;
        position: relative;
}

.navs li a.cur::after{
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -33px;
        bottom: 13px;
        width: 66px;
        height: 2px;
        background-image: linear-gradient(to right, #f794be, #f9ca92);
        
}
.navs li a:hover::after {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -33px;
        bottom: 13px;
        width: 66px;
        height: 2px;
        background-image: linear-gradient(to right, #f794be, #f9ca92);
}
.center_border::before {
        content: "";
        border-color: #1660a8 rgba(4, 75, 146, 0) rgba(4, 75, 146, 0) rgba(4, 75, 146, 0);
        border-style: solid;
        border-width: 8px 20px 0px 20px;
        
        position: absolute;
        top: -27px;
        left: -20px;
        z-index: 3;
        
}
.center_border::after {
        content: "";
        border-color:#044c92 rgba(22, 95, 168, 0) rgba(22, 95, 168, 0) rgba(22, 95, 168, 0);
        border-style: solid;
        border-width: 8px 20px 0px 20px;
        
        position: absolute;
        bottom: -34px;
        left: -20px;
        z-index: 3;
        
}

/* 标题 */
.style_ellipsis {
        width: 40px;
        height: 40px;
        background: url(../../../view/img/mrt/css_sprites.png) no-repeat;
 }
/* .style_ellipsis::before {
        content: "";
        height: 20px;
        width: 100%;
        background-image: linear-gradient(to right, rgba(22, 95, 168, 0.8), rgba(22, 95, 168, 0), rgba(22, 95, 168, 0.8));
        position: absolute;
        z-index: 2;
} */

.style_ellipsis_white {
        width: 40px;
        height: 40px;
        background: url(../../../view/img/mrt/css_sprites.png) no-repeat;
}
/* .style_ellipsis_white::before {
        content: "";
        height: 20px;
        width: 100%;
        background-image: linear-gradient(to right, rgba(241, 248, 255, 0.8), rgba(241, 248, 255, 0), rgba(241, 248, 255, 0.8));
        position: absolute;
        z-index: 2;
} */


/* 福利 */
.fuli_icon {
        left: 20px;
        top: 30px;
}
.fuli_title {
        color: #fff;
        left: 200px;
        top: 40px;
}
.fuli_num {
        right: 20px;
        top: 30px;
}


.content_top {
        background: url(../../../view/img/mrt/decorative/1.png), url(../../../view/img/mrt/decorative/4.png), url(../../../view/img/mrt/decorative/5.png), url(../../../view/img/mrt/decorative/2.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position-x: 14%, 90%, 84%, 13%;
        background-position-y: 43%, 63%, 93%, 83%;
}

.content_bottom {
        background: url(../../../view/img/mrt/decorative/3.png), url(../../../view/img/mrt/decorative/6.png), url(../../../view/img/mrt/decorative/7.png), url(../../../view/img/mrt/decorative/1.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position-x: 10%, 90%, 84%, 13%;
        background-position-y: 13%, 63%, 93%, 83%;
}


/* 视频 */


.swiper-container {
        width: 100%;
        
        margin-left: auto;
        margin-right: auto;
}
.swiper-slide {
        background-size: cover;
        background-position: center;
}
.gallery-top {
        
        width: 100%;
}
.gallery-thumbs {
        height: 150px;
        box-sizing: border-box;
        padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.4;
        border: 3px solid #4086cb;
}
.gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
        border: 3px solid #7ebaf5;
}


.history_box_close {
        height: 500px;
        overflow: hidden;
        padding-bottom: 5rem;
}
.bg_image3 {
        
        animation: moveAn 6s linear infinite alternate;
}
@-o-keyframes moveAn {
        from {background-position: center top;}
        to {background-position: center center;}
}
@-moz-keyframes moveAn {
        from {background-position: center top;}
        to {background-position: center center;}
}
@-webkit-keyframes moveAn {
        from {background-position: center top;}
        to {background-position: center center;}
}
@keyframes moveAn {
        from {background-position: center top;}
        to {background-position: center center;}
}