.banner-wrap .banner-guide-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
}

.banner-wrap .banner-guide-box p {
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 1.866667rem;
}

.banner-wrap .banner-guide-box ul {
    display: flex;
    justify-content: center;
    padding-bottom: 4.8rem;
}

.banner-wrap .banner-guide-box ul li {
    width: 4rem;
    height: .533333rem;
    background: #fff;
    transition: all 0.5s;
    border-radius: .266667rem;
    margin: 0 .533333rem;
    cursor: pointer;
}

.banner-wrap .banner-guide-box ul li.active {
    background: #ffde00;
}

.slide-wrap {
    width: 58rem;
    height: 28rem;
    position: relative;
    overflow: hidden;
}

.slide-wrap .slide-box {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    width: 300%;
    transition: transform 1.2s;
    transform: translateX(0);
}

.slide-wrap .slide-box li {
    height: 100%;
}

.slide-wrap .slide-box li img {
    width: 58rem;
    height: 28rem;
}

.slide-wrap ol {
    position: absolute;
    bottom: 1.733333rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-wrap ol li {
    height: .933333rem;
    width: .933333rem;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    margin: 0 .533333rem;
}

.slide-wrap ol li.active {
    background: #ffde00;
}

.card-2-wrap {
    display: flex;
    min-height: 25.333333rem;
    background: #f4f8ff;
    flex: 0 0 48.8%;
}

.card-2-wrap div {
    width: 8rem;
    background: url(../images/news-bg.png);
    background-size: 100% 100%;
    position: relative;
    display: flex;
}

.card-2-wrap div::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0014ff99;
}

.card-2-wrap div h3 {
    font-size: 1.866667rem;
    width: 2rem;
    line-height: 2.266667rem;
    color: #fff;
    font-weight: normal;
    position: relative;
    z-index: 1;
    padding: 1.2rem 0 0 1.333333rem;
}

.card-2-wrap div p {
    position: relative;
    z-index: 1;
    font-weight: 550;
    color: #fff;
    height: 2.1875rem;
    transform: rotate(90deg);
    transform-origin: left;
    padding-left: 4.625rem;
}

.card-2-wrap div span {
    position: absolute;
    z-index: 1;
    bottom: 2.666667rem;
    right: 1.333333rem;
    width: 1.066667rem;
    cursor: pointer;
    line-height: 1.066667rem;
}

.card-2-wrap div span a {
    color: #fff;
}

.card-2-wrap div span::before {
    content: "";
    height: .466667rem;
    width: .466667rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: -0.8rem;
    right: .333333rem;
}

.card-2-wrap div span::after {
    content: "";
    height: 1.866667rem;
    width: .066667rem;
    background: #fff;
    position: absolute;
    bottom: -2.666667rem;
    right: .533333rem;
}

.card-2-wrap ul {
    padding: 1.066667rem 1.066667rem .333333rem;
}

.card-2-wrap ul li {
    max-width: 17.875rem;
    font-size: 1rem;
    color: #333;
    margin-bottom: 1.533333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.card-2-wrap.card-2-wrap-dt {
    background: #fff5ee;
}

.card-2-wrap.card-2-wrap-dt div {
    background-image: url(../images/dt-bg.png);
}

.card-2-wrap.card-2-wrap-dt div p {
    padding-left: 2.125rem;
}

.card-2-wrap.card-2-wrap-dt div::before {
    background: #cc2a9085;
}

.card-header {
    display: flex;
    align-items: center;
	width:100%;
}

.card-header h3 {
    font-size: 1.6rem;
    font-weight: normal;
    padding: 0 .933333rem 0 .533333rem;
    color: #333;
    line-height: 1;
}

.card-header p {
    font-size: 1.6rem;
    color: #ccc;
    flex: 1;
    font-style: italic;
    line-height: 1;
}

.card-header span {
    font-size: .8rem;
    color: #999;
    cursor: pointer;
	float:right;
}

.content-l-rap {
    flex: 1;
}

.content-l-rap .card-show-wrap {
    padding: 1.666667rem 0 2.666667rem;
    display: flex;
    justify-content: space-between;
}

.content-l-rap .media-gz {
    flex: 0 0 48.5%;
}

.content-l-rap .media-gz .gz-review-wrap {
    padding: 2.266667rem 0 1.333333rem .9375rem;
    display: flex;
    border-bottom: .0625rem dashed #E2E2E2;
    margin-bottom: .625rem;
}

.content-l-rap .media-gz .gz-review-wrap img {
    width: 14rem;
    height: 8rem;
    margin-right: .933333rem;
}

.content-l-rap .media-gz .gz-review-wrap div {
    background: #F3F5F6;
    padding-left: 1.375rem;
    padding-top: .3125rem;
    flex: 1;
}

.content-l-rap .media-gz .gz-review-wrap div a {
    cursor: pointer;
}

.content-l-rap .media-gz .gz-review-wrap div h3 {
    font-weight: normal;
    font-size: 1.066667rem;
    color: #000;
    line-height: 2.5rem;
}

.content-l-rap .media-gz .gz-review-wrap div p {
    color: #999;
    font-size: .866667rem;
    line-height: 1.6rem;
    padding-top: .266667rem;
    width: 89%;
}

.content-l-rap .media-gz .card-header {
    padding-bottom: .625rem;
}

.content-l-rap .media-gz ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 0 .8rem;
    border: .0625rem dashed #E2E2E2;
}

.content-l-rap .media-gz ul li {
    font-size: 1rem;
    color: #333;
    line-height: 2.666667rem;
    /* flex: 0 0 50%; */
    max-width: 26.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.content-r-wrap {
    width: 27.333333rem;
    flex-shrink: 0;
    margin-left: 2rem;
}

.content-r-wrap dl {
    padding-top: .666667rem;
    padding-bottom: 2.333333rem;
}

.content-r-wrap dl dt {
    padding-bottom: 1rem;
}

.content-r-wrap dl dd img {
    display: block;
    height: 10.533333rem;
    width: 100%;
}

.content-r-wrap dl dd.txt {
    line-height: 4.666667rem;
    color: #333;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: .066667rem solid #e2e2e2;
}

.content-r-wrap dl dd.express-list {
    display: flex;
    flex-wrap: wrap;
}

.content-r-wrap dl dd.express-list>div {
    flex: 0 0 33.33%;
    cursor: pointer;
}

.content-r-wrap dl dd.express-list>div:nth-of-type(1),
.content-r-wrap dl dd.express-list>div:nth-of-type(2),
.content-r-wrap dl dd.express-list>div:nth-of-type(3) {
    padding-bottom: 2.333333rem;
}

.content-r-wrap dl dd.express-list>div .icon-box-xx {
    height: 6.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-r-wrap dl dd.express-list>div .icon-box-xx i {
    font-size: 4rem;
    color: #8a8a8a;
}

.content-r-wrap dl dd.express-list>div .icon-box-xx .icon-yingyong {
    font-size: 3.666667rem;
}

.content-r-wrap dl dd.express-list>div .icon-box-xx .icon-zhaoshengkuaixun1 {
    font-size: 5.666667rem;
}

.content-r-wrap dl dd.express-list>div p {
    font-size: 1.133333rem;
    color: #666;
    text-align: center;
}

.content-r-wrap dl dd.express-list>div:hover .icon-box-xx i {
    color: #1d79f8;
}

.content-r-wrap dl dd.express-list>div:hover p {
    color: #1d79f8;
}

.content-r-wrap dl dd.topic-list div {
    margin-bottom: 1.333333rem;
    cursor: pointer;
}

.content-r-wrap dl dd.topic-list div:last-of-type {
    margin-bottom: 0;
}

.content-r-wrap dl dd.topic-list div img {
    height: 5.666667rem;
}

.content-r-wrap dl.topic-box {
    padding-top: 2rem;
}

.content-r-wrap dl.new-wrap {
    padding: 0 0 .6875rem;
    margin-bottom: 1.25rem;
    background: #f4f8ff;
}

.content-r-wrap dl.new-wrap dt {
    height: 5.625rem;
    line-height: 5.625rem;
    background-image: url("../images/slider.jpg");
    background-repeat: no-repeat;
    background-size: cover;
	display:flex;
	align-items:center;
    padding: 0;
    position: relative;
    color: #FFF;
    margin-bottom: .4375rem;
}

.content-r-wrap dl.new-wrap dt h3,
.content-r-wrap dl.new-wrap dt p {
    color: #FFF;
}

.content-r-wrap dl.new-wrap dt a {
    background-color: #fff;
    color: #0015ff;
    line-height: 1.875rem;
    width: 3.75rem;
    display: inline-block;
    text-align: center;
    border-top-left-radius: 1.875rem;
    border-bottom-left-radius: 1.875rem;
}

.content-r-wrap dl.new-wrap dt:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0015ff;
    opacity: 0.5;
}

.content-r-wrap dl.new-wrap dt .card-header {
    position: relative;
    z-index: 1;
}

.content-r-wrap dl.new-wrap dd {
    line-height: 2;
    border: none;
    font-size: .9375rem;
    padding: .125rem .9375rem 0;
}

.content-r-wrap dl.new-wrap dd a {
    font-size: 1rem;
}

.search-often-wrap {
    padding: 1.333333rem;
    background: #fff;
    margin-top: -3.333333rem;
    margin-bottom: 1.333333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-often-wrap-left {
	max-width:780px;
    flex: 1;
}

.search-often-wrap-right {
    width: 27.333333rem;
    flex-shrink: 0;
    margin-left: 2rem;
}

.search-often-wrap .input-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-often-wrap .input-wrap input {
    border: none;
    line-height: 4rem;
    height: 4rem;
    background-color: #f3f5f6;
    padding: 0 1.6rem;
    font-size: 1.333333rem;
    flex: 1;
    outline: unset;
}

.search-often-wrap .input-wrap button {
    border: none;
    line-height: 4rem;
    height: 4rem;
    outline: unset;
    background: #1873d3;
    width: 8rem;
    font-size: 1.333333rem;
    color: #fff;
    cursor: pointer;
}

.search-often-wrap .input-wrap button i {
    font-size: 1.333333rem;
    margin-right: .333333rem;
}

.search-often-wrap dl {
    font-size: .933333rem;
    display: flex;
    align-items: center;
}

.search-often-wrap dl dt {
    color: #999;
    font-size: 1rem;
    flex: 0 0 5.625rem;
}

.search-often-wrap dl dd {
    color: #333;
    margin-right: 1.25rem;
    cursor: pointer;
    font-size: 1rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-often-wrap dl dd:hover {
    color: #2e21E3;
}

.search-often-wrap dl dd:last-of-type {
    margin: 0;
}

.content-l-r {
    background: #fff;
    padding: 1.333333rem;
    display: flex;
}