/* common */
.tit {
    line-height: 30px;
    border-bottom: 3px solid #96c4e9;
    width: 188px;
    color: #178fec;
    font-size: 20px;
    text-align: center;
    margin: 14px auto;
    margin-bottom: 30px;
}
.none {
    display: none;
}
.clear:after {
    display: block;
    content: '';
    clear: both;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    background: #0092d8 !important;
}
/* reset */

/* style */
.header {
    width: 100%;
    height: 442px;
    background: url(header.jpg) no-repeat center 0;
    background-size: 100% 442px;
    overflow: hidden;
}
.header .logo {
    margin-bottom: 26px;
    margin-top: 30px;
    margin-left: 62px;
}
.header .logo img#logo {
    width: 7%;
    margin-right: 10px;
    vertical-align: middle;
} 
.header .logo img.logo-right {
    width: 20%;
    vertical-align: middle;
}
.header .title {
    width: 100%;
    text-align: center;
}
.header .title img {
    width: 42%;
}
.header h6 {
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    text-align: center;
    margin-top: 20px;
} 
.header p{
    width: 70%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 20px;
}

.news-container {
    background: #fff;
    padding-bottom: 30px;
}



.news-box {
    width: 97%;
    margin: 0 auto;
    overflow: hidden;
}

.news-box .news-swiper {
    float: left;
    width: 43%;
    height: 200px;
}

.news-box .news-swiper .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.news-swiper .swiper-container .swiper-pagination {
    position: absolute;
    bottom: 0px;
    left: 0;
}

.news-swiper-slide {
    position: relative;
}

.news-swiper-slide img {
    min-width: 100%;
    max-height: 100%;
}

.news-swiper-slide .news-desc {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 6px;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 13px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.news-box .news-list {
    float: right;
    width: 55%;
    height: 200px;
    margin-right: 6px;
}

.news-list-item {
    width: 100%;
    font-size: 16px;
}

.news-list-item a {
    color: #3d3d3d;
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
    width: 97%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list-item a:hover {
    color: #1b69fd;
}

.news-list-item::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0092d8;
}

.issue-container {
    background: #5383c4;
    padding-top: 10px;
    padding-bottom: 10px;
}

.issue-container .tit {
    color: #f5f8fa;
    border-color: #a2bbdb;
    width: 660px;
    margin-bottom: 12px;
}

.issue-container .issue-para {
    width: 70%;
    margin: 0 auto;
    color: #ede9e9;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

.issue-swiper {
    width: 64%;
    height: 246px;
    margin: 20px auto;
    position: relative;
}
.issue-swiper-container {
    width: 100%;
    height: 220px;
    padding-left: 4px !important;
}
.issue-swiper-slide {
    height: 100%;
    box-sizing: border-box;
}
.issue-swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.issue-swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper-button-prev.issue-button-prev {
    bottom: 0px !important;
    top: 100% !important;
    left: 42% !important;
}

.swiper-button-next.issue-button-next {
    bottom: 0px !important;
    top: 100% !important;
    right: 42% !important;
}

.issue-button-prev:after {
    content: '' !important;
    background: url(left.png) no-repeat 0 0;
    font-size: 16px !important;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    background-size: 100%;
}

.issue-button-next:after {
    content: '' !important;
    background: url(right.png) no-repeat 0 0;
    font-size: 16px !important;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    background-size: 100%;
}

.insights-container {
    position: relative;
    padding-bottom: 20px;
}

.insights-container .tit {
    width: 80px;
    color: #071b5d;
    border-color: #888bb6;
    margin-bottom: 16px;
}

.insights-wrap {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}

.insights-wrap .img-desc {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #060606;
    font-size: 12px;
    margin-top: 4px;
    overflow: hidden;
    text-emphasis: ellipse;
    white-space: nowrap;
}

.insight-big {
    float: left;
    width: 66%;
    height: 260px;
    margin-right: 10px;
}

.insight-small {
    float: left;
    width: 30%;
    height: 130px;
}

.insight-small-first {
    margin-bottom: 10px;
}

.insight-big img {
    width: 100%;
    height: 240px;
}

.insight-small img {
    width: 100%;
    height: 100px;
}

.line {
    width: 100%;
    height: 2px;
    border-top: 1px solid #63616b;
    border-bottom: 1px solid #63616b;
    background: #5384c5;
}

.resource-container {
    background: #fff;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 24px;
}

.resource-container .tit{
    width: 120px;
    color: #1068ac;
    border-color: #8cb4d5;
    margin-bottom: 16px;
}

.resource-swiper-container {
    width: 68%;
    margin: 0 auto;
    height: 160px;
}

.resource-swiper-slide {
    height: 140px !important;
    background: #8db7d7;
    border: 1px solid #77899e;
    padding: 8px 14px;
    box-sizing: border-box !important;
    /* width: 20% !important; */
}

.resource-swiper-slide a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #fff;
}

.resource-swiper-slide .resource-tit {
    height: 100px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;　　
    -webkit-box-orient: vertical;
    word-break: break-all; 
}

.swiper-button-prev.resource-button-prev {
    bottom: 0px !important;
    top: 100% !important;
    left: 45% !important;
}

.swiper-button-next.resource-button-next {
    bottom: 0px !important;
    top: 100% !important;
    right: 45% !important;
}

.resource-button-prev:after {
    content: '' !important;
    background: url(left1.png) no-repeat 0 0;
    font-size: 16px !important;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    background-size: 100%;
}

.resource-button-next:after {
    content: '' !important;
    background: url(right1.png) no-repeat 0 0;
    font-size: 16px !important;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    background-size: 100%;
}

.reference-container {
    background: #e4e3e7;
}

.reference-container .tit{
    width: 120px;
    color: #1068ac;
    border-color: #8cb4d5;
    margin-bottom: 16px;
}

.reference-list {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.reference-list .list-item {
    width: 22%;
    height: 60px;
    margin-right: 19px;
    background: #3778db;
    border: 1px solid #828089;
    padding: 8px 10px;
    box-sizing: border-box;
    float: left;
    font-size: 13px;
}

.reference-list .list-item a {
    color: #fff;
}

.reference-list .list-item:first-child p, .reference-list .list-item:nth-child(2) p{
    line-height: 22px;
}


.e-version{width:100%; height:auto; overflow:auto; padding-bottom:30px; background: #ecf9f8;}
.e-version .tit {width:760px; color:#1c3894; margin-bottom: 16px; text-align:center; border-bottom:3px solid #1292c8; font-size:20px; line-height:30px; padding-top:20px;}
.nr{width:60%; margin:0 auto; display:block;}
.nr img{width:30%; height:auto; float:right;}
.wz{width:65%; float:left; font-size:18px; line-height:30px; color:#161f6c;}
.wz a{color:#161f6c; font-weight:bold; line-height:30px; float:right; margin-right:20px;}

.news-box .news-swiper {
    height: 320px;
}
.issue-swiper-container {
    height: 228px;
}
}
.news-list-item a {line-height: 30px;}
.news-box .news-list {height: auto;}
.news-box .news-list {
    height: auto;
}
.list-item-tit {
    width: 184px;
    height: 38px;
    background: url(news-list-bg2.png) no-repeat 0 0;
    background-size: contain;
    color: #fefafa;
    text-align: left;
    line-height: 28px;
    font-size: 19px;
    padding-left: 14px;
    box-sizing: border-box;
    margin-left: 0px;
}
.issue-swiper-slide {background: none;}
.issue-swiper-slide a {display: block;text-align: center;}
.publi_swiper .swiper-slide img {width: 84.8%; height: 100%;}
.issue-swiper-slide img {width: auto;box-sizing: border-box;border: 2px solid #757579; box-shadow: -2px 0 6px #1d2e44}


.issue-swiper {width: 70%;}
.issue-swiper-container {height: 302px}
.issue-swiper{height: 280px}
.swiper-slide a {color: #fff;}
.insight-big {margin-right: 20px}
.resource-swiper-slide .resource-tit {font-size: 16px}
.reference-list .list-item {font-size: 16px;height: 74px}
.insight-small img {height: 187px;}
.insight-small {height: 213px;}
.insight-big img {height: 413px;}
.insight-big {height: 426px;}
.news-box .news-swiper {
    height: 320px;
}


@media screen and (max-width:1500px){
		
.news-box {
display: flex;
flex-wrap: wrap;
}
.news-box .news-swiper{width:100%; height:42rem; float:none;}

.news-box .news-list{width:100%;}

.news-list-box{ margin-top:30px; }

.list-item-tit{height:5rem; font-size:2rem; line-height:3.5rem;}

.news-list-item{font-size:2.5rem; line-height:4rem;}


}