/* 基本样式ul, */
*{box-sizing:border-box;}
body{margin: 0;}
li,
span {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    outline-style: none;
    color: #000;
    text-decoration: none;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.container:before,
.container:after,
.row:before,
.row:after {
    display: table;
    content: " ";
}

.container:after,
.row:after {
    clear: both;
}

@media (max-width: 1500px) {
    body:not(.nores) .container {
        width: 1200px !important;
    }
}

@media (max-width: 1280px) {
    body:not(.nores) .container {
        width: 970px !important;
        padding: 0 15px;
    }

}

@media (max-width: 992px) {
    body:not(.nores) .container {
        width: 750px !important;
    }
}

@media (max-width: 768px) {
    body:not(.nores) .container {
        width: auto !important;
    }
}

.row {
    margin: 0 -15px;
}

.row>[class*="col-lg-"] {
    float: left;
}

.col-lg-6 {
    width: 50%;
}

@media (max-width: 1280px) {
    body:not(.nores) .row>[class*="col-lg-"] {
        float: none;
        width: auto !important;
    }
}

.row>[class*="col-"] {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 头部区域 */
body {
    font-size: 16px;
    /* background: url('../img/bg.png') no-repeat center top; */
    background-size: 1920px auto;
}

.header-swiper-bg{position:absolute;width:1920px;left: 50%;top: 0;transform: translateX(-50%);z-index: -1;}
.header-swiper-bg div{width:100%;}
.header-swiper-bg div img{display:block;width:100%;}

.page-header {
    position: relative;
    max-height: 530px;
    padding-bottom: 100px;
}

.header-content {
    position: relative;
    overflow: hidden;
    text-align: center;
    overflow: visible;
}

.site-logo {
    position: absolute;
    top: 20px;
    left: 0;
}

.main-title {
    width: 120%;
    margin-top: 160px;
    margin-left: -10%;
}
.main-text{margin-top:20px;max-width: 100%;margin: 0 auto;}

.description {
    text-align: center;
    font-size: 36px;
    color: #3074E3;
    margin-top: 50px;
    font-family: '微软雅黑';
    font-weight: bolder;
    text-shadow: 0px 2px 15px #fff;
}

@media (max-width: 768px) {
    .site-logo {
        height: 50px;
    }
    .site-logo img{display:block;height:100%;}

    .page-header {
        padding-bottom: 50px;
    }

    .main-title {
        transform: scale(1.2);
        transform-origin: center center;
    }

    .description {
        font-size: 25px;
    }
}

/* 内容模块 */
.p_tyxl{width:100%;}
.p_tyxl p{width:calc(100% - 60px);}
.bshare-custom span, .bshare-custom div{float:left;}
.xl_cont img{display:inline-block;}
.time .bshare-custom{float:right;margin-left:10px;margin-right:309px !important;}
.content-sections {
    position: relative;
    z-index: 2;
}

.content-block {
    margin-top: 40px;
    background: url('../img/section_bg.png') no-repeat center top;
    background-size: 100% 100%;
    background-origin: border-box;
    padding: 0 20px 30px
}

.content-block:first-child {
    margin-top: 0;
}

.content-block:last-child {
    margin-bottom: 80px;
}

.content-block:not(:first-child)>a {
    padding: 0 15px;
}

.item-header {
    margin-top: 30px;
    margin-bottom: 20px;
}

.item-header,
.item-header span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1E6AC0;
}

.item-header span img {
    width: 45px;
    height: 45px;
}

.item-header span b {
    font-size: 28px;
    font-weight: bolder;
    margin-left: 15px;
}

.item-list {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    height: 200px;
    overflow-y: auto;
    position: relative;
    scroll-behavior: smooth;
}

/* 滚动条自定义 */
.item-list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.item-list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

.item-list::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.item-list:hover::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.7);
}

.item-list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(107, 114, 128, 0.9);
}

.item-list {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s ease;
}
.work-info{display:flex;flex-wrap:wrap;justify-content:space-between}
.work-info li{width:calc((100% - 90px) / 2);}

.item-list:hover {
    scrollbar-color: rgba(156, 163, 175, 0.7) transparent;
}

.item-list li {
    position: relative;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
}

.item-list li:hover,
.item-list li:hover a,
.item-list li:hover span {
    color: #1E6AC0;
}

.item-list li:hover a::before {
    background-color: #1E6AC0;
}

.item-list li a {
    flex: 1;
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
    margin-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-list li span {
    width: 50px;
    color: #999999;
    transition: color 0.3s ease;
    flex-shrink: 0;
}

.item-list li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
    transition: .3s all;
}

.fzyp .control-card {
    background: url('../img/fzyp.png') no-repeat center top;
}

.gkyq .control-card {
    background: url('../img/gkyq.png') no-repeat center top;
}

.control-area {
    margin-top: 15px
}

.control-area .control-card {
    background-size: 100% 100%;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 20px;
    transition: transform 0.3s ease;
}

.control-area .control-card:hover {
    transform: scale(1.02);
}

.control-area .control-card h1 {
    font-size: 34px;
    font-weight: bolder;
    color: #fff;
    margin-top: 20px;
}

.control-area .control-card p {
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}

.control-area .control-card a {
    display: inline-block;
    border-radius: 15px;
    font-size: 14px;
    color: #6AA1F0;
    background-color: #fff;
    text-align: center;
    padding: 6px 20px;
    margin-top: 40px;
}
.p_chusxl .chus_cont,.p_chusxl .chus_cont .title,.p_chusxl .chus_cont .title > div,.p_chusxl .chus_cont .title >p{width:100% !important;}
.p_chusxl .chus_cont .title{background-size:100% 100% !important;}

@media (max-width: 431px){
    .site-logo {
        top:10px;
    }
    .main-title{margin-top:90px;width:100%;margin-left:0;}
    .page-header{padding-bottom:36px}
    .content-block{border-radius:20px;padding: 10px 15px;}
    .item-header{margin-top:20px}

    .item-header span img{width:30px;height:30px;object-fit:scale-down;}
    .item-header span b{font-size:20px;}
    .item-header span{font-size:16px;}
    .item-list{padding:10px;height:auto;}
    .item-list li{padding:15px 0 15px 15px}
    .item-list li a{margin-right:30px;}
    .work-info li{width:100%;}
    .row>[class*="col-"]{padding:0}
    .item-list li span{width: auto;}
    .content-block:last-child{margin-bottom: 30px}
}