@import url(swiper-bundle.min.css);@import url(animate.min.css);@import url(aos.css);* {
    padding: 0;
    margin: 0
}

img {
    display: block;
    width: 100%
}

a {
    display: block;
    text-decoration: none
}

li {
    list-style: none
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center
}

.flex-col {
    display: flex;
    flex-direction: column
}

html,body,.container {
    width: 100%;
    height: 100%
}

.swiper {
    width: 100%;
    height: 100%
}

.swiper-slide {
    position: relative
}

html {
    font-size: 16px
}

._blank {
    height: 5rem
}

.header-group .pc-header {
    width: 100%;
    height: 7.56rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    transition: all .3s
}

.header-group .pc-header .opcity-header {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s
}

.header-group .pc-header .opcity-header .opcity-header-content {
    margin: 0 auto;
    width: 93.75rem;
    height: 100%;
    justify-content: space-between
}

.header-group .pc-header .opcity-header .opcity-header-content .logo {
    width: 13.13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18.88rem
}

.header-group .pc-header .opcity-header .opcity-header-content .logo img {
    transition: all .3s
}

.header-group .pc-header .opcity-header .opcity-header-content .logo .pc-default-logo {
    display: block
}

.header-group .pc-header .opcity-header .opcity-header-content .logo .pc-logo {
    display: none
}

.header-group .pc-header .opcity-header .opcity-header-content .nav-group {
    flex: 1;
    height: 100%;
    justify-content: flex-end;
    align-items: center
}

.header-group .pc-header .opcity-header .opcity-header-content .nav-group .nav-item {
    flex: 1;
    height: 100%;
    text-align: center;
    position: relative
}

.header-group .pc-header .opcity-header .opcity-header-content .nav-group .nav-item .first-nav:hover {
    transition: all .3s;
    color: #518be0
}

.header-group .pc-header .opcity-header .opcity-header-content .nav-group .nav-item a {
    height: 100%;
    line-height: 7.56rem;
    color: #fff;
    transition: all .3s
}

.header-group .pc-header .opcity-header .opcity-header-content .nav-group .nav-item .sub-nav-group {
    width: 100%;
    position: absolute;
    top: 7.56rem;
    background-color: rgba(0,0,0,0.2);
    display: none;
    transition: all .3s
}

.header-group .pc-header .opcity-header .opcity-header-content .nav-group .nav-item .sub-nav-group .sun-nav-item {
    height: 5rem;
    line-height: 5rem;
    transition: all .3s
}

.header-group .pc-header .opcity-header .opcity-header-content .nav-group .nav-item .sub-nav-group .sun-nav-item:hover {
    color: #518be0
}

.header-group .pc-header .convention-header {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2)
}

.header-group .pc-header .convention-header .opcity-header-content .nav-group .nav-item .first-nav:hover {
    transition: all .3s;
    color: #518be0
}

.header-group .pc-header .convention-header .opcity-header-content .nav-group .nav-item a {
    height: 100%;
    line-height: 5rem;
    color: #333;
    transition: all .3s
}

.header-group .pc-header .convention-header .opcity-header-content .nav-group .nav-item .sub-nav-group {
    width: 100%;
    position: absolute;
    top: 5rem;
    background-color: #fff;
    display: none;
    transition: all .3s
}

.header-group .pc-header .convention-header .opcity-header-content .nav-group .nav-item .sub-nav-group .sun-nav-item {
    height: 5rem;
    line-height: 5rem;
    transition: all .3s
}

.header-group .pc-header .convention-header .opcity-header-content .nav-group .nav-item .sub-nav-group .sun-nav-item:hover {
    color: #518be0
}

.header-group .default-header {
    height: 5rem
}

.header-group .mobile-header {
    display: none;
    height: 1rem;
    width: 100%;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    transition: all .5s
}

.header-group .mobile-header .header-content {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center
}

.header-group .mobile-header .header-content .logo {
    width: 2.5rem;
    margin-left: .4rem
}

.header-group .mobile-header .header-content .logo .mobile-logo {
    display: none;
    transition: all .3s
}

.header-group .mobile-header .header-content .logo .mobile-default {
    display: block;
    transition: all .3s
}

.header-group .mobile-header .header-content .menu_group {
    margin-right: .4rem
}

.header-group .mobile-header .header-content .mob_menu {
    margin: auto 0 auto 27px;
    width: 30px;
    height: 20px
}

.header-group .mobile-header .header-content .mob_menu span,.header-group .mobile-header .header-content .mob_menu:after,.header-group .mobile-header .header-content .mob_menu:before {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.header-group .mobile-header .header-content .mob_menu span {
    margin: 7px 0
}

.header-group .mobile-header .header-content .mob_menu:after,.header-group .mobile-header .header-content .mob_menu:before {
    content: "";
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%
}

.header-group .mobile-header .header-content .mob_menu.clicked span {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
}

.header-group .mobile-header .header-content .mob_menu.clicked:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header-group .mobile-header .header-content .mob_menu.clicked:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header-group .mobile-header .header-content .mob_menu_blck:after,.header-group .mobile-header .header-content .mob_menu_blck:before {
    background: #333
}

.header-group .mobile-header .header-content .mob_menu_blck span {
    background-color: #333
}

.header-group .glas-header {
    background-color: transparent;
    backdrop-filter: blur(10px)
}

.header-group .inside-header {
    position: static
}

.mob_child_box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(0,0,0,0.75);
    transform: translateX(100%);
    display: none
}

.mob_child_box .child_box {
    width: 75%;
    height: 100%;
    margin-left: auto;
    background-color: #fff;
    padding-top: 0.3rem;
}

.mob_child_box .child_box .logo {
    width: 3rem;
    margin: 0 auto;
    margin-bottom: .6rem
}

.mob_child_box .child_box .child_nav .nav_item {
    position: relative;
    margin: 0 .2rem;
    border-bottom: 1px solid #f1f1f1
}

.mob_child_box .child_box .child_nav .nav_item .title {
    height: .8rem;
    justify-content: space-between
}

.mob_child_box .child_box .child_nav .nav_item .title .nav {
    display: block
}

.mob_child_box .child_box .child_nav .nav_item a {
    color: #333;
    font-size: .28rem
}

.mob_child_box .child_box .child_nav .nav_item .icon {
    width: .35rem;
    transition: all .15s
}

.mob_child_box .child_box .child_nav .nav_item .child {
    margin-left: .2rem;
    margin-top: .1rem;
    display: none
}

.mob_child_box .child_box .child_nav .nav_item .child .child_item {
    padding: .16rem 0
}

.footer-group {
    background-color: #f5f5f5
}

.footer-group .pc-footer {
    display: block
}

.footer-group .pc-footer .footer-container {
    width: 93.75rem;
    margin: 0 auto;
    padding-bottom: 3.13rem
}

.footer-group .pc-footer .footer-container .partner-group {
    padding-top: 6.38rem
}

.footer-group .pc-footer .footer-container .partner-group .partner-title {
    font-size: 2.13rem;
    color: #222222;
    font-weight: bold;
    margin-bottom: 4.19rem
}

.footer-group .pc-footer .footer-container .partner-group .partner-item-group {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 9.38rem;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 4.38rem
}

.footer-group .pc-footer .footer-container .partner-group .partner-item-group .partner-item {
    width: 12.5rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    cursor: pointer
}

.footer-group .pc-footer .footer-container .partner-group .partner-item-group .partner-item img {
    transition: all .3s;
/*    filter: grayscale(1)*/
}

.footer-group .pc-footer .footer-container .partner-group .partner-item-group .partner-item:hover img {
    filter: grayscale(0)
}

.footer-group .pc-footer .footer-container .partner-group .partner-item-group .partner-item:nth-child(7n) {
    margin-right: 0
}

.footer-group .pc-footer .footer-container .footer-nav-group {
    justify-content: space-between;
    align-items: flex-start
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item {
    flex: 1;
    margin: 0 3.13rem
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .footer-nav-title {
    font-size: 1.25rem;
    color: #222222;
    margin-bottom: 2.5rem;
    font-weight: bold
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .footer-nav-sub .sub-item {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.25rem
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .footer-nav-sub .sub-item .icon {
    width: .63rem;
    margin-right: .31rem
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .footer-nav-sub .sub-item .text {
    font-size: 1rem;
    color: #444444;
    transition: all .3s
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .footer-nav-sub .sub-item:hover .text {
    color: #518be0
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .tel {
    width: 15.25rem;
    margin-bottom: .63rem
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .address {
    font-size: 1rem;
    color: #444444
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .code-group {
    justify-content: flex-start;
    align-items: flex-start
}

.footer-group .pc-footer .footer-container .footer-nav-group .footer-nav-item .code-group .code-item {
    width: 6.5rem;
    margin: 0 1.13rem
}

.footer-group .pc-footer .copy-right {
    width: 100%;
    height: 7rem;
    background-color: #edecec;
    justify-content: center;
    align-items: center;
    font-size: .88rem;
    color: #444444
}

.footer-group .pc-footer .copy-right .copy-right-num {
    color: #444;
    font-size: .88rem;
    transition: all .3s;
    padding-left: 1.25rem;
    border-left: 1px solid #444444
}

.footer-group .pc-footer .copy-right .copy-right-text {
    padding-right: 1.25rem
}

.footer-group .pc-footer .copy-right .copy-right-num:hover {
    color: #518be0
}

.footer-group .pc-footer .inside-container {
    width: 75rem
}

.footer-group .pc-footer .inside-container .footer-nav-group .footer-nav-item {
    margin: 0 .15rem
}

.footer-group .pc-footer .inside-container .partner-group .partner-item-group .partner-item {
    width: 9.85rem
}

.footer-group .mobile-footer {
    display: none
}

.swiper-button-prev {
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: .1rem;
    background-color: rgba(0,0,0,0.4);
    display: none
}

.swiper-button-prev img {
    width: .4rem;
    height: .4rem;
    object-fit: contain
}

.swiper-button-next {
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: .1rem;
    background-color: rgba(0,0,0,0.4);
    display: none
}

.swiper-button-next img {
    width: .4rem;
    height: .4rem;
    object-fit: contain
}

.inside-banner {
    width: 100%;
    height: 31.25rem;
    position: relative
}

.inside-banner .banner-title {
    font-size: 2.88rem;
    width: max-content;
    padding-bottom: 1.69rem;
    color: #fff;
    font-weight: bold;
    border-bottom: .19rem solid #fff;
    position: absolute;
    top: 50%;
    left: 24.5rem;
    transform: translateY(-50%)
}

.inside-banner .banner {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.inside-page {
    width: 100%
}

.inside-container {
    width: 75rem;
    margin: 0 auto
}

.pages{text-align: center;margin: 0.5rem 0}
@media screen and (max-width: 992px) {
    ._blank {
        height:1rem
    }

    .swiper-button-prev,.swiper-button-next {
        display: flex
    }

    .header-group .pc-header {
        display: none
    }

    .header-group .mobile-header {
        display: block
    }

    .footer-group .pc-footer {
        display: none
    }

    .footer-group .mobile-footer {
        display: block;
        padding: .6rem 0
    }

    .footer-group .mobile-footer .copy-right {
        width: 95%;
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #444444
    }

    .footer-group .mobile-footer .copy-right .copy-right-num {
        font-size: 14px;
        color: #444444
    }

    .inside-page {
        width: 100%;
        overflow-x: hidden
    }

    .inside-page .header-group .mobile-header {
        background-color: #fff
    }

    .inside-page .header-group .mobile-header .header-content .logo .mobile-logo {
        display: block !important
    }

    .inside-page .header-group .mobile-header .header-content .logo .mobile-default {
        display: none
    }

    .inside-page .header-group .mobile-header .header-content .menu_group .mob_menu:after,.inside-page .header-group .mobile-header .header-content .menu_group .mob_menu:before {
        background: #333
    }

    .inside-page .header-group .mobile-header .header-content .menu_group .mob_menu span {
        background-color: #333
    }

    .inside-banner {
        height: 6.25rem
    }

    .inside-banner .banner-title {
        font-size: .6rem;
        padding-bottom: .2rem;
        border-bottom: 2px solid #fff;
        left: .5rem
    }

    .inside-banner .banner {
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .inside-container {
        width: 100%
    }
}