body,
html {
    width: 100%;
    min-height: 100%;
}
.hide {
    display: none;
}
.abs {
    position: absolute;
}
body {
    background: #fdffff;
    font-size: 0.48rem;
    max-width: 10rem;
    margin: 0 auto;
}
.gotop {
    margin-bottom: 1.8rem;
}
.gotop img {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 1.3333333333rem;
}
.news-list li {
    background: url(../images/i-point.png) 0 0.36rem/0.1866666667rem no-repeat;
    font-size: 0.4266666667rem;
    line-height: 0.9333333333rem;
    color: #353535;
    padding-left: 0.3466666667rem;
}
.news-list li a {
    color: inherit;
}
.xgd-main .header {
    background: url(../images/bg_01.png) center top/cover no-repeat;
    width: 10rem;
    height: 13.12rem;
    font-size: 0;
}
.xgd-main .title {
    font-size: 0;
    width: 7.4133333333rem;
    height: 1.04rem;
    margin: 0 auto 1.0133333333rem;
}
.xgd-main .title a {
    display: block;
    width: inherit;
    height: inherit;
}
.xgd-main .title.t1 {
    background: url(../images/t1.png) center top/cover no-repeat;
    width: 100%;
    height: 0.7466666667rem;
    margin-bottom: 0.28rem;
}
.xgd-main .title.t2 {
    background: url(../images/t2.png) center top/cover no-repeat;
    margin-bottom: 0.2666666667rem;
}
.xgd-main .title.t3 {
    background: url(../images/t3.png) center top/cover no-repeat;
}
.xgd-main .title.t4 {
    background: url(../images/t4.png) center top/cover no-repeat;
}
.xgd-main .title.t5 {
    background: url(../images/t5.png) center top/cover no-repeat;
    margin-bottom: 0.5333333333rem;
}
.xgd-main .main2 {
    background: url(../images/bg_02.png) center top/cover no-repeat;
    height: 10.6rem;
}
.xgd-main .main2 .activity {
    width: 7.8133333333rem;
    padding: 0.4666666667rem 0.4266666667rem;
    background-color: #fff;
    border-radius: 0.6666666667rem;
    border: solid 0.08rem #cde4fc;
    margin: 0 auto;
}
.xgd-main .main2 .activity-main {
    position: relative;
    width: 7.8133333333rem;
    height: 4.2266666667rem;
    margin: 0 auto;
    overflow: hidden;
}
.xgd-main .main2 .activity-main .swiper-slide {
    position: relative;
}
.xgd-main .main2 .activity-main .swiper-slide img {
    width: 7.8133333333rem;
    height: 4.2266666667rem;
    object-fit: cover;
}
.xgd-main .main2 .activity-main .swiper-slide span {
    background: url(../images/i-slider.png) center top/cover no-repeat;
    height: 0.5333333333rem;
    line-height: 0.5333333333rem;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.32rem;
}
.xgd-main .main2 .activity-main .swiper-button-next,
.xgd-main .main2 .activity-main .swiper-button-prev {
    width: 0.4533333333rem;
    height: 0.92rem;
    z-index: 999;
}
.xgd-main .main2 .activity-main .swiper-button-next::after,
.xgd-main .main2 .activity-main .swiper-button-prev::after {
    font-size: 0;
}
.xgd-main .main2 .activity-main .swiper-button-prev {
    background: url(../images/i-prev.png) center/cover no-repeat;
    left: 0.3333333333rem;
}
.xgd-main .main2 .activity-main .swiper-button-next {
    background: url(../images/i-next.png) center/cover no-repeat;
    right: 0.3333333333rem;
}
.xgd-main .main2 .slider-news {
    margin-top: 0.4rem;
}
.xgd-main .main2 .slider-news .slider-news-list li {
    background: url(../images/i-point.png) 0 center/.1866666667rem no-repeat;
    font-size: 0.3733333333rem;
    line-height: 0.8rem;
    height: 0.8rem;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.3466666667rem;
}
.xgd-main .main2 .slider-news .slider-news-list li a {
    color: inherit;
}
.xgd-main .main3 {
    background: url(../images/bg_03.png) center top/cover no-repeat;
    height: 9.7866666667rem;
}
.xgd-main .main3 .line {
    display: block;
    width: 9.28rem;
    margin: 0 auto;
}
.xgd-main .main4 {
    background: url(../images/bg_04.png) center top/cover no-repeat;
    height: 9.96rem;
}
.xgd-main .main4 .media-wrap {
    background: url(../images/bg-media.png) center top/8.6266666667rem 100% no-repeat;
    width: 8.6266666667rem;
    margin: 0 auto;
    padding: 0.32rem 0.32rem 0.32rem 0.6rem;
    box-sizing: border-box;
}
.xgd-main .main4 .media-wrap .media-img {
    margin-bottom: 0.1333333333rem;
}
.xgd-main .main4 .media-wrap .media-img:last-child .media-img-desc {
    border-bottom: none;
}
.xgd-main .main4 .media-wrap .media-img a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}
.xgd-main .main4 .media-wrap .media-img img {
    width: 2.72rem;
    height: 1.5333333333rem;
    object-fit: cover;
}
.xgd-main .main4 .media-wrap .media-img .media-img-desc {
    width: 4.7466666667rem;
    border-bottom: 0.08rem solid #cde4fc;
}
.xgd-main .main4 .media-wrap .media-img h3 {
    font-size: 0.3733333333rem;
    font-weight: 700;
    line-height: 0.5333333333rem;
    /* height: 0.5333333333rem; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #002868;
}
.xgd-main .main4 .media-wrap .media-img p {
    font-size: 0.32rem;
    line-height: 0.4rem;
    height: 0.4rem;
    color: #727272;
    display: -webkit-box;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.xgd-main .main4 .media-wrap .media-img span {
    display: block;
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
    color: #008af4;
    margin-top: 0.1rem;
}
.xgd-main .main5 {
    background: url(../images/bg_05.png) center top/cover no-repeat;
    height: 10.36rem;
    position: relative;
}
.xgd-main .main5 .view-main {
    height: 6.6666666667rem;
    width: 7.4rem;
    margin: 0 auto;
    overflow: hidden;
}
.xgd-main .main5 .view-main .swiper-container-3d {
    height: 6.6666666667rem;
}
.xgd-main .main5 .view-main .swiper-slide {
    width: 3.9733333333rem;
    height: 7.0133333333rem;
    position: relative;
}
.xgd-main .main5 .view-main .swiper-slide img {
    width: 3.9733333333rem;
    height: 7.0133333333rem;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3.5066666667rem;
    margin-left: -1.9866666667rem;
}
.xgd-main .main5 .view-main .swiper-slide span {
    display: none;
}
.xgd-main .main5 .view-main .swiper-slide-prev {
    transform: translate3d(0, 0, -2.6666666667rem);
    transform-style: preserve-3d;
    transition-property: transform;
}
.xgd-main .main5 .view-main .swiper-slide-active,
.xgd-main .main5 .view-main .swiper-slide-duplicate-active {
    overflow: visible;
    transform: scale(1);
    z-index: 9;
}
.xgd-main .main5 .view-main .swiper-slide-active::before,
.xgd-main .main5 .view-main .swiper-slide-duplicate-active::before {
    display: none;
}
.xgd-main .main5 .view-main .swiper-pagination {
    width: 7.4rem;
}
.xgd-main .main5 .view-main .swiper-button-next,
.xgd-main .main5 .view-main .swiper-button-prev {
    width: 0.6933333333rem;
    height: 1.28rem;
    z-index: 999;
}
.xgd-main .main5 .view-main .swiper-button-next::after,
.xgd-main .main5 .view-main .swiper-button-prev::after {
    font-size: 0;
}
.xgd-main .main5 .view-main .swiper-button-prev {
    background: url(../images/i-media-prev.png) center/cover no-repeat;
    left: 0.2666666667rem;
}
.xgd-main .main5 .view-main .swiper-button-next {
    background: url(../images/i-media-next.png) center/cover no-repeat;
    right: 0.2666666667rem;
}
.xgd-main .main5 .view-main .swiper-pagination-bullet {
    background: #ffce00;
    width: 1.1333333333rem;
    height: 0.2133333333rem;
    border-radius: 0.1066666667rem;
    opacity: 1;
    margin: 0 0.1333333333rem;
}
.xgd-main .main5 .view-main .swiper-pagination-bullet-active {
    background: #008af4;
}
.xgd-main .main6 {
    background: url(../images/bg_06.png) center top/cover no-repeat;
    height: 9.3733333333rem;
}
.xgd-main .main6 .pic-main {
    position: relative;
    width: 8.32rem;
    height: 5.5333333333rem;
    margin: 0 auto;
    overflow: hidden;
}
.xgd-main .main6 .pic-main .swiper-slide {
    width: 8.32rem;
}
.xgd-main .main6 .pic-main .swiper-slide .img {
    border-radius: 0.6133333333rem;
    border: solid 0.0666666667rem #cde4fc;
    display: block;
    margin: 0 auto;
    background: #fff;
    width: 7.8666666667rem;
}
.xgd-main .main6 .pic-main .swiper-slide .img img {
    width: 7.6666666667rem;
    height: 5rem;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}
.xgd-main .main6 .pic-main .swiper-slide span {
    background: url(../images/i-pic.png) center top/cover no-repeat;
    height: 0.8266666667rem;
    line-height: 0.8266666667rem;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.32rem;
    border-radius: 0.2666666667rem;
    padding: 0 0.8rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xgd-main .main6 .pic-main .swiper-button-next,
.xgd-main .main6 .pic-main .swiper-button-prev {
    width: 0.2666666667rem;
    height: 0.5066666667rem;
    z-index: 999;
    top: 4.48rem;
    margin-top: 0;
}
.xgd-main .main6 .pic-main .swiper-button-next::after,
.xgd-main .main6 .pic-main .swiper-button-prev::after {
    font-size: 0;
}
.xgd-main .main6 .pic-main .swiper-button-prev {
    background: url(../images/i-pic-prev.png) center/cover no-repeat;
    left: 0.1333333333rem;
}
.xgd-main .main6 .pic-main .swiper-button-next {
    background: url(../images/i-pic-next.png) center/cover no-repeat;
    right: 0.1333333333rem;
}
.xgd-more .breadcrumb {
    border-bottom: 0.0133333333rem solid #eee;
    padding: 0.3333333333rem 0.4rem;
}
.xgd-more .breadcrumb a {
    color: #000;
}
.xgd-more .breadcrumb span {
    color: #999;
}
.xgd-more .more {
    padding: 0.3333333333rem;
}
.xgd-more .nodata {
    display: none;
    text-align: center;
    padding: 0.6666666667rem 0;
}
.xgd-more .more-img img {
    width: 100%;
}