/* 样式重置 */
.bigContainer {
    background: #0e50ae;
    padding: 5px 0;
    height: 60px;
    font-size: 12px;
    color: #fff;
}

.search {
    margin-top: 60px;
    padding: 0px 10px;
    border: 3px solid #0e50ae;
    background: rgba(255, 255, 255, .1);
}

.search input {
    background: none;
    line-height: 35px;
    border-radius: 0;
    padding: 0;
    height: 35px;
    font-size: 13px;
    color: #212529;
}

.search input:-internal-autofill-selected, .search input:-internal-autofill-previewed {
    -webkit-text-fill-color: #212529 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.search form {
    margin-top: 0;
}

.search form img {
    height: 26px;
}

.searchBtn {
    background: #0e50ae;
    color: #fff;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: -11px;
    padding: 0 8px;
    cursor: pointer;
}

.circular_box1 ul li {
    width: 100%;
}

.circular_box1 ul li:before {
    position: absolute;
    content: '';
    height: 50px;
    /*top:0px;*/
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 0;
}

.circular_box1 ul li img {
    width: 100%;
}

.circular_box1 ul li h2 {
    height: 50px;
    bottom: 0;
    margin-bottom: 0;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    max-width: 420px;
    background: none;
    z-index: 2;
}

.circular_box2 {
    right: 10px;
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
    height: 20px;
    padding: 6px 5px;
    bottom: 15px;
    left: auto;
     z-index: 4;
}

.circular_box2 ul li {
    height: 8px;
    width: 16px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
}

.circular_box2 ul .on {
    background: rgba(255, 255, 255, .7);
}

.sy-szy .circular_box1 ul li:before {
    position: absolute;
    content: '';
    height: 50px;
    top:0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    z-index: 0;
}

.sy-szy .circular_box1 ul li h2 {
    height: 50px;
    bottom: 20px;
    /*margin-bottom: 5px;*/
    /*margin-left: 100px;*/
    /*padding: 0 0 0 50px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    max-width: 588px;
    background: none;
    z-index: 2;
}


.sy-szy .circular_box2 ul li {
    height: 8px;
    width: 24px;
    border-radius: 3px;
    /*background: rgba(255, 255, 255, .3);*/
    background:#6c757d61;
    cursor: pointer;
}

.sy-szy .circular_box2 ul .on {
    width: 74px;
    background: #dc3545;
    
}

.sy-szy-left .szy-more-articles:hover ,
.szy-article-left  .szy-more-articles:hover ,
.szy-article-right .szy-more-articles:hover {
    color: #02579a;
}

.sy-szy-left .szy-more-articles ,
.szy-article-left .szy-more-articles ,
.szy-article-right .szy-more-articles {
    margin: -2px;
    font-size: 14px;
    color: #999;
    transition: all .5s;
}

.tab-box-list li {
    line-height: auto;
    height: auto;
}

.tab-box-list li:last-child {
    border-bottom: none;
}

.tab-box-list li span {
    text-align: right;
    margin-right: 5px;
}

.tab-box-list li .circleDiv {
    /* display: none; */
}

.tab-box-list li a {
    margin-left: 10px;
    transition: all .5s ease-in-out;
}

.tab-box-list li a:hover {
    color: #02579a;
    /* transform: translateX(15px); */
}

.fast-nav {
    height: 150px;
    width: 98%;
    margin: 0 12px 20px;
    background: none;
    justify-content: space-between;
}

.fast-nav .cardP {
    background: #EFF5F7;
    margin: 0 20px 0 0;
    flex: 1;
    flex-direction: column;
}

.fast-nav .cardP:last-child {
    margin-right: 0;
}

.card__side {
    position: static;
}

.card__side--back {
    display: none;
}

.cardP .card_text {
    margin: 10px 0 0;
    transition: color .5s;
}

.card__side:before, .card__side:after, .cardP:before, .cardP:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    transition: all .5s ease-in-out;
}

.card__side--front-1:before {
    left: 0;
    top: 0;
}

.card__side--front-1:after {
    right: 0;
    bottom: 0;
}

.cardP:before {
    right: 0;
    top: 0;
}

.cardP:after {
    left: 0;
    bottom: 0;
}

.cardP:nth-child(1) .card__side--front-1:before {
    border-top: 1px solid #4baaff;
    border-left: 1px solid #34ceff;
}

.cardP:nth-child(1) .card__side--front-1:after {
    border-bottom: 1px solid #43b6ff;
    border-right: 1px solid #6580ff;
}

.cardP:nth-child(1):before {
    border-top: 1px solid #4baaff;
    border-right: 1px solid #6580ff;
}

.cardP:nth-child(1):after {
    border-bottom: 1px solid #43b6ff;
    border-left: 1px solid #34ceff;
}

.cardP:nth-child(2) .card__side--front-1:before {
    border-top: 1px solid #f7b523;
    border-left: 1px solid #eecb1f;
}

.cardP:nth-child(2) .card__side--front-1:after {
    border-bottom: 1px solid #f1c321;
    border-right: 1px solid #f9ae24;
}

.cardP:nth-child(2):before {
    border-top: 1px solid #f7b523;
    border-right: 1px solid #f9ae24;
}

.cardP:nth-child(2):after {
    border-bottom: 1px solid #f1c321;
    border-left: 1px solid #eecb1f;
}

.cardP:nth-child(3) .card__side--front-1:before {
    border-top: 1px solid #31e1f6;
    border-left: 1px solid #4ef2f9;
}

.cardP:nth-child(3) .card__side--front-1:after {
    border-bottom: 1px solid #4ff3f9;
    border-right: 1px solid #17d2f3;
}

.cardP:nth-child(3):before {
    border-top: 1px solid #31e1f6;
    border-right: 1px solid #17d2f3;
}

.cardP:nth-child(3):after {
    border-bottom: 1px solid #4ff3f9;
    border-left: 1px solid #4ef2f9;
}

.cardP:nth-child(4) .card__side--front-1:before {
    border-top: 1px solid #4fe535;
    border-left: 1px solid #6dec32;
}

.cardP:nth-child(4) .card__side--front-1:after {
    border-bottom: 1px solid #69ec33;
    border-right: 1px solid #39df37;
}

.cardP:nth-child(4):before {
    border-top: 1px solid #4fe535;
    border-right: 1px solid #39df37;
}

.cardP:nth-child(4):after {
    border-bottom: 1px solid #69ec33;
    border-left: 1px solid #6dec32;
}

.cardP:hover:before, .cardP:hover:after {
    width: 100%;
}

.cardP:hover .card__side--front-1:before, .cardP:hover .card__side--front-1:after {
    height: 100%;
}

.cardP:hover .card__side--front-1 {
    transform: none;
}

.cardP:hover .card_text {
    color: #02579a;
}