.home_title {
    text-align: center
}

.home_title .title {
    font-size: 48px;
    color: #0d0d0d;
    font-family: 'pingfang_h'
}

.home_title .text {
    margin-top: 24px;
    font-size: 18px;
    color: #666666;
    line-height: 2;
    font-family: 'pingfang_b'
}

.home1 {
    position: relative
}

.home1 img {
    width: 100%;
    display: block
}

.home1 .wenan {
    position: absolute;
    left: 0;
    right: 0;
    top: 88px;
    top: 11%;
    color: #ffffff;
    text-align: center
}

.home1 .wenan .title {
    font-size: 56px;
    font-family: 'pingfang_h'
}

.home1 .wenan .text {
    margin-top: 25px;
    font-size: 20px;
    font-family: 'pingfang_b'
}

.home1 .wenan .swtbtn {
    margin-top: 29px;
    display: inline-block;
    padding: 0 28px;
    background: #f71f1f;
    border-radius: 30px;
    font-size: 18px;
    font-family: 'pingfang_h';
    line-height: 3.11111;
    cursor: url("../images_pc/banner_swt.png"), pointer
}

.home2 .wrap {
    padding-top: 45px;
    padding-bottom: 120px
}

.home2 .title {
    font-size: 22px;
    color: #6e757f;
    font-family: 'pingfang_b';
    text-align: center
}

.home2 .title span {
    vertical-align: middle;
    font-size: 26px;
    color: #45474f;
    font-family: 'pingfang_h'
}

.home2 .title span:after {
    content: "";
    width: 59px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.5%;
    background: #80848f
}

.home2 .title span img {
    margin-right: 14px
}

.home2 .cplist {
    margin-top: 60px
}

.home2 .cplist li {
    width: 100%;
    float: left;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}

.home2 .cplist li a {
    display: block
}

.home2 .cplist li img {
    width: 100%;
    transition: all linear 0.3s
}

.home2 .cplist li strong {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 39px;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    font-family: 'pingfang_b';
    transition: all linear 0.3s
}

.home2 .cplist li:hover img {
    transform: scale(1.05)
}

.home2 .cplist li:hover strong {
    bottom: 60px
}

.home2 .cplist li+li {
    width: 32.42857%;
    margin-top: 1.3%
}

.home2 .cplist li+li+li {
    margin-left: 1.28571%
}

.home3 {
    background: url(../images_pc/home3bg.jpg) center no-repeat;
    background-size: cover
}

.home3 .wrap {
    padding-top: 100px;
    padding-bottom: 100px
}

.home3 .sty1 {
    width: 30%;
    float: left;
    margin-top: 18px;
    text-align: left
}

.home3 .sty1 .text {
    margin-top: 50px
}

.home3 .sty1 .swtbtn {
    width: 236px;
    display: block;
    margin-top: 130px;
    background-color: #3f80f8;
    background-image: linear-gradient(to right, #3f80f8, #2a60c1);
    border-radius: 40px;
    box-shadow: 0 28px 20px -25px #2a60c1;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 3.1;
    font-family: 'pingfang_b';
    cursor: pointer;
    transition: all linear 0.3s
}

.home3 .sty1 .swtbtn:after {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    transition: all linear 0.3s
}

.home3 .sty1 .swtbtn:hover {
    background-color: #ff6935;
    background-image: linear-gradient(to right, #ff6935, #ff952d);
    box-shadow: 0 28px 20px -25px #ff6935
}

.home3 .sty2 {
    width: 54.28571%;
    float: right
}

.home3 .sty2 li {
    border-radius: 100px;
    overflow: hidden;
    position: relative
}

.home3 .sty2 li p {
    position: absolute;
    left: 10.13158%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #ffffff;
    font-family: 'pingfang_b'
}

.home3 .sty2 li p span {
    display: inline-block;
    vertical-align: bottom
}

.home3 .sty2 li p i {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 10px;
    background: #275cbc;
    border: 1px solid #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-style: normal
}

.home3 .sty2 li+li {
    margin-top: 30px
}

.home4 .wrap {
    padding-top: 117px;
    padding-bottom: 100px
}

.home4 .swiper-father {
    margin-top: 50px;
    padding-bottom: 112px;
    overflow: hidden;
    position: relative
}

.home4 .swiper-container {
    overflow: visible
}

.home4 .swiper-container:before {
    content: "";
    position: absolute;
    left: 2.71429%;
    right: 2.71429%;
    top: 0;
    bottom: -13px;
    background: #dce2e8;
    border-radius: 20px
}

.home4 .swiper-container .swiper-slide img {
    width: 100%;
    display: block;
    border-radius: 20px;
    max-height: 60vw;
}

.home4 .swiper-title {
    position: absolute;
    left: 184px;
    right: 290px;
    bottom: 0
}

.home4 .swiper-title .swiper-item {
    display: none;
    font-size: 28px;
    color: #0d0d0d;
    font-family: 'pingfang_h';
    line-height: 62px
}

.home4 .swiper-title .swiper-item-active {
    display: block
}

.home4 .swiper-button {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.home4 .swiper-button span {
    width: 62px;
    height: 62px;
    background-size: 116px !important;
    border: 1px solid #8f95a1;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.3s
}

.home4 .swiper-button .swiper-button-prev {
    float: left;
    background: url(../images_pc/home4_lb_btn.png) left center no-repeat
}

.home4 .swiper-button .swiper-button-prev:hover {
    background: url(../images_pc/home4_lb_btn_on.png) left center no-repeat #2a60c1;
    border: 1px solid #2a60c1
}

.home4 .swiper-button .swiper-button-next {
    float: right;
    margin-left: 9px;
    background: url(../images_pc/home4_lb_btn.png) right center no-repeat
}

.home4 .swiper-button .swiper-button-next:hover {
    background: url(../images_pc/home4_lb_btn_on.png) right center no-repeat #2a60c1;
    border: 1px solid #2a60c1
}

.home4 .swtbtn {
    width: 236px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 1px solid #2a60c1;
    border-radius: 40px;
    font-size: 20px;
    color: #2a60c1;
    text-align: center;
    line-height: 3;
    font-family: 'pingfang_b';
    cursor: pointer;
    transition: all linear 0.3s
}

.home4 .swtbtn:after {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    border: 3px solid #2a60c1;
    border-radius: 50%;
    transition: all linear 0.3s
}

.home4 .swtbtn:hover {
    background-color: #3f80f8;
    background-image: linear-gradient(to right, #3f80f8, #2a60c1);
    color: #ffffff
}

.home4 .swtbtn:hover:after {
    border: 3px solid #ffffff
}

.home5 {
    background: url(../images_pc/home5bg.jpg) center no-repeat;
    background-size: cover
}

.home5 .wrap {
    padding-top: 112px;
    padding-bottom: 112px
}

.home5 .sty1 {
    height: 642px;
    margin-top: 65px;
    position: relative;
    z-index: 1
}

.home5 .sty1 p {
    position: absolute
}

.home5 .sty1 p img {
    width: 100%;
    display: block;
    border-radius: 50%;
    box-shadow: 0 12px 21px rgba(129, 136, 149, 0.5)
}

.home5 .sty1 .pic1 {
    width: 16.5%;
    left: 0;
    top: 9.34579%
}

.home5 .sty1 .pic2 {
    width: 13.78571%;
    left: 25.42857%;
    top: 12.3053%
}

.home5 .sty1 .pic3 {
    width: 16.5%;
    top: 0;
    left: 42.85714%
}

.home5 .sty1 .pic4 {
    width: 17.78571%;
    right: 19.85714%;
    top: 14.01869%
}

.home5 .sty1 .pic5 {
    width: 11.64286%;
    right: 4.42857%;
    top: 18.06854%
}

.home5 .sty1 .pic6 {
    width: 12.92857%;
    left: 12.57143%;
    bottom: 25.70093%
}

.home5 .sty1 .pic7 {
    width: 23.5%;
    left: 29.28571%;
    bottom: 0
}

.home5 .sty1 .pic8 {
    width: 12.07143%;
    right: 27.64286%;
    bottom: 10.12461%
}

.home5 .sty1 .pic9 {
    width: 17.78571%;
    right: 0;
    bottom: 7.78816%
}

.home5 .sty1 .pic10,
.home5 .sty1 .pic11,
.home5 .sty1 .pic12 {
    width: 8.42857%
}

.home5 .sty1 .pic10 img,
.home5 .sty1 .pic11 img,
.home5 .sty1 .pic12 img {
    border-radius: 0;
    box-shadow: none
}

.home5 .sty1 .pic10 {
    width: 22.92857%;
    left: -6.07143%;
    bottom: -3.89408%;
    z-index: -1;
    animation: appoint_scroll 2s linear infinite
}

.home5 .sty1 .pic11 {
    left: 17.14286%;
    top: 0;
    animation: appoint_scroll 2s linear infinite;
    animation-delay: 0.5s
}

.home5 .sty1 .pic12 {
    right: 15%;
    top: -6.23053%;
    animation: appoint_scroll 2s linear infinite;
    animation-delay: 1s
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

@keyframes appoint_scroll {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0)
    }
}

.ie9 .home4 .swiper-container .swiper-slide {
    display: none
}

.ie9 .home4 .swiper-container .swiper-slide:first-child {
    display: block
}

.ie9 .home4 .swiper-title {
    left: 0
}

.ie9 .home4 .swiper-button {
    display: none
}

@media (max-width: 1600px) {
    .home_title .title {
        font-size: 43px
    }

    .home1 .wenan {
        top: 9%
    }

    .home1 .wenan .title {
        font-size: 51px
    }

    .home1 .wenan .text {
        font-size: 18px
    }

    .home1 .wenan .swtbtn {
        margin-top: 27px
    }

    .home2 .wrap {
        padding-bottom: 100px
    }

    .home2 .title {
        font-size: 20px
    }

    .home2 .title span {
        font-size: 24px
    }

    .home2 .title span img {
        width: 111px
    }

    .home2 .cplist li strong {
        bottom: 34px;
        font-size: 22px
    }

    .home5 .sty1 {
        height: 580px;
        margin-top: 55px
    }
}

@media (max-width: 1440px) {

    .home_title .title {
        font-size: 38px
    }

    .home_title .text {
        font-size: 16px
    }

    .home1 .wenan {
        top: 7%
    }

    .home1 .wenan .title {
        font-size: 46px
    }

    .home1 .wenan .text {
        margin-top: 25px;
        font-size: 16px
    }

    .home1 .wenan .swtbtn {
        margin-top: 25px;
        font-size: 16px
    }

    .home2 .wrap {
        padding-bottom: 80px
    }

    .home2 .title {
        font-size: 18px
    }

    .home2 .title span {
        font-size: 22px
    }

    .home2 .title span img {
        width: 101px
    }

    .home2 .cplist li strong {
        bottom: 29px;
        font-size: 20px
    }

    .home3 .wrap {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .home3 .sty1 .text {
        margin-top: 40px
    }

    .home3 .sty1 .swtbtn {
        width: 216px;
        margin-top: 120px;
        font-size: 18px
    }

    .home3 .sty2 li p {
        font-size: 16px
    }

    .home3 .sty2 li p span {
        width: 100px
    }

    .home4 .wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .home4 .swiper-father {
        margin-top: 40px;
        padding-bottom: 100px
    }

    .home4 .swiper-title {
        left: 160px;
        right: 260px
    }

    .home4 .swiper-title .swiper-item {
        font-size: 26px;
        line-height: 52px
    }

    .home4 .swiper-button span {
        width: 55px;
        height: 55px;
        background-size: 108px !important
    }

    .home4 .swtbtn {
        width: 216px;
        font-size: 18px
    }

    .home5 .wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .home5 .sty1 {
        height: 520px;
        margin-top: 45px
    }
}

@media (max-width: 1280px) {
    

    .home_title .title {
        font-size: 33px
    }

    .home_title .text {
        font-size: 14px
    }

    .home1 .wenan .title {
        font-size: 41px
    }

    .home1 .wenan .text {
        margin-top: 23px;
        font-size: 14px
    }

    .home1 .wenan .swtbtn {
        margin-top: 23px;
        font-size: 14px
    }

    .home2 .wrap {
        padding-bottom: 60px
    }

    .home2 .title {
        font-size: 16px
    }

    .home2 .title span {
        font-size: 20px
    }

    .home2 .title span img {
        width: 91px
    }

    .home2 .cplist li strong {
        bottom: 24px;
        font-size: 18px
    }

    .home3 .wrap {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .home3 .sty1 .text {
        margin-top: 30px
    }

    .home3 .sty1 .swtbtn {
        width: 196px;
        margin-top: 110px;
        font-size: 16px
    }

    .home3 .sty2 li p {
        font-size: 14px
    }

    .home3 .sty2 li p span {
        width: 80px
    }

    .home4 .wrap {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .home4 .swiper-father {
        margin-top: 30px;
        padding-bottom: 90px
    }

    .home4 .swiper-title {
        left: 140px;
        right: 230px
    }

    .home4 .swiper-title .swiper-item {
        font-size: 24px;
        line-height: 52px
    }

    .home4 .swiper-button span {
        width: 48px;
        height: 48px;
        background-size: 95px !important
    }

    .home4 .swtbtn {
        width: 196px;
        font-size: 16px
    }

    .home5 .wrap {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .home5 .sty1 {
        height: 460px;
        margin-top: 35px
    }
}