.feedBack,
.activity {
    background: #fff;
    padding: 0 30px 30px 30px;
}

.feedBack .title,
.activity .title {
    margin: 16px 0 0 18px;
    color: #1D4F91;
    position: relative;
}

.feedBack .title h2,
.activity .title h2 {
    font-size: 34px;
}

.feedBack .title .more_img,
.activity .title .more_img {
    font-size: 15px;
    line-height: 23px;
    color: #1D4F91;
    position: absolute;
    top: 40px;
    right: 30px;
    width: 65px;
    height: 22px;
    background: url('../image/more1.png') no-repeat;
    background-size: contain;
    background-position: 34px 0;
}

.feedBack .title p,
.activity .title p {
    font-size: 13px;
    margin-top: 6px;
}

.feedBack .contentcc,
.activity .contentcc {
    width: 100%;
    font-size: 12px;
    color: #004F96;
    margin-top: 25px;
}

.feedBack .contentcc .form-label,
.activity .contentcc .form-label {
    width: 80px;
    height: 100%;
    text-align: left;
    position: absolute;
    left: 8px;
    top: 0;
    padding: 20px 0 0 0;
    transition: all 0.3s ease 0s;
}

.feedBack .contentcc .form-item,
.activity .contentcc .form-item {
    margin-bottom: 20px;
    clear: none;
}

.feedBack .contentcc .form-item .input-block,
.activity .contentcc .form-item .input-block {
    position: relative;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
}

.feedBack .contentcc .form-item .input-block .layui-textarea,
.activity .contentcc .form-item .input-block .layui-textarea {
    padding: 10px 20px;
    min-height: initial;
}

.feedBack .contentcc .form-item .input-block .input,
.activity .contentcc .form-item .input-block .input {
    height: 46px;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #1D4F91;
    outline: none;
}

.feedBack .contentcc .form-item .input-block .input:focus,
.activity .contentcc .form-item .input-block .input:focus,
.feedBack .contentcc .form-item .input-block .input:hover,
.activity .contentcc .form-item .input-block .input:hover {
    border-color: #1D4F91 !important;
}

.feedBack .contentcc .btn,
.activity .contentcc .btn {
    background-color: #1D4F91;
    float: right;
    margin-bottom: 6px;
}

.activity {
    padding: 0 20px 20px 20px;
}

.activity .title {
    padding-top: 26px;
    margin: 0 0 0 28px;
}

.activity .title h2 {
    font-size: 34px;
    overflow: initial;
}

.activity .title h2:after {
    content: "";
    display: block;
    width: 100px;
    border-bottom: 2px solid #1D4F91;
    margin-top: 10px;
    margin-left: -48px;
}

.activity .contentcc {
    margin: 37px 0 15px 0;
    cursor: all-scroll;
}

.activity .contentcc .swiper-container {
    width: 100%;
    height: 335px;
}

.activity .contentcc .swiper-container .swiper-slide {
    text-align: center;
}

.activity .contentcc .swiper-container .swiper-slide figure {
    position: relative;
    margin: 0;
    width: 100%;
}

.activity .contentcc .swiper-container .swiper-slide figure:after {
    content: "";
    display: block;
    position: absolute;
    width: 88%;
    height: 88%;
    border: 2px solid #fff;
    top: 6%;
    left: 6%;
}

.activity .contentcc .swiper-container .swiper-slide figure img {
    width: 100%;
    padding: 0px 1px;
}

.activity .contentcc .swiper-container .swiper-slide a {
    font-size: 14px;
    color: #1D4F91;
    width: 100%;
    display: block;
    margin-top: 6px;
}

.activity .contentcc .swiper-container .swiper-slide a p {
    display: block;
    font-size: 16px;
    padding-top: 2px;
}

.feedBack_img {
    width: 100%;
    background: url("../image/contact.jpg") no-repeat;
    background-size: 100% 100%;
    height: 170px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-custom .swiper-pagination-bullet,
.swiper-pagination-fraction .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
}

.header_r {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99;
    cursor: pointer;
}

.header_r em {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("../image/icon2_2.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.header_r ol {
    font-size: 15px;
    color: #333;
    position: absolute;
    top: 40px;
    right: 0px;
    display: none;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

.header_r ol li {
    width: 150px;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.header_r ol li:nth-last-child(1) {
    border-bottom: none;
}

.header_r ol li a {
    color: #333;
    display: block;
    color: #1D4F91;
}

.header_r ol li a:hover,
.header_r ol li a:focus {
    color: #295ea3;
}

.header_r ol li:last-of-type {
    text-align: center;
}

.header_r ol li:last-of-type a.icon_change {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    display: inline-block;
    font-size: 20px;
    color: #004F96;
    transition: color 0.5s ease, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: color 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: color 0.5s ease, -moz-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: color 0.5s ease, -ms-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: color 0.5s ease, -o-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header_r ol li:last-of-type a.icon_change:hover {
    color: #5851db;
}

.header_r ol li:last-of-type a.icon_change.cunter {
    color: #5851db;
    font-weight: 600;
}

@media screen and (max-width: 749px) and (min-width: 0) {
    .header_r {
        top: 6px;
        right: 10px;
        width: 27px;
        height: 27px;
    }
    .header_r em {
        width: 27px;
        height: 27px;
        background-image: url("../image/icon2.png");
    }
    .header_r ol {
        font-size: 13px;
        top: 27px;
        right: 6px;
    }
    .header_r ol li {
        width: 118px;
        padding: 8px;
    }
    .header_r ol li a.icon_change {
        font-size: 18px;
    }
}

@media screen and (max-width: 520px) and (min-width: 0) {
    header .header_top,
    .activity_nav_header .header_top {
        top: 11px !important;
        left: 8px !important;
        margin: 0 !important;
    }
    header .header_top img,
    .activity_nav_header .header_top img {
        width: 90px !important;
    }
}