:root {
                                --primary-color: #5d5bef;
                                --secondary-color: #fafcff;
                                --third-color: #e6edfa;
                                --fourth-color: #f0f5fb;
                                --fifth-color: #817fff;
                                --sixth-color: #f7f9fc;
                                --main-color: #5d5bef;
                                --main-color-white: #fff;
                            }
                            
                            .aboutus5bg {
                                padding: 100px 0;
                                background: #f2f5fa;
                            }
                            
                            .aboutus5 {}
                            
                            .aboutus5 .list {
                                margin-top: 80px;
                            }
                            
                            .history_swiper {
                                position: relative;
                            }
                            
                            .history_swiper:before {
                                content: "";
                                width: 100%;
                                height: 1px;
                                background: #c0c0cc;
                                position: absolute;
                                left: 0;
                                top: 50%;
                                transform: translateY(-50%);
                            }
                            
                            .history_swiper .swiper-container {
                                width: 100%;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide {
                                position: relative;
                                height: 400px;
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                flex-direction: column;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide:nth-child(2n) {
                                justify-content: flex-end;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide:before {
                                content: "";
                                width: 22px;
                                height: 23px;
                                background: url(../images/his_dot1.png) center no-repeat;
                                background-size: contain;
                                position: absolute;
                                left: -2px;
                                top: 50%;
                                transform: translateY(-50%);
                                z-index: 2;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide .nr_box {
                                background: url(../images/bg3.png) center no-repeat;
                                background-size: 100% 100%;
                                box-shadow: 0px 8px 8px 0px rgba(239, 242, 249, 0.5);
                                width: 100%;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide .nr_box:before {
                                content: "";
                                width: 2px;
                                height: 65px;
                                background: #fff;
                                position: absolute;
                                left: 6px;
                                top: 135px;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide:nth-child(2n) .nr_box:before {
                                top: auto;
                                bottom: 135px;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide .txtbg {
                                height: 150px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide .txt {
                                font-size: 14px;
                                line-height: 24px;
                                width: 90%;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide .txt .h2 {
                                font-size: 15px;
                                line-height: 30px;
                                border-bottom: 1px dashed #d0ddf5;
                                padding-bottom: 5px;
                                margin-bottom: 10px;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide .txt .h3 {
                                font-size: 16px;
                                line-height: 24px;
                            }
                            
                            .history_swiper .swiper-container .swiper-slide .txt .h3 li {
                                padding-left: 10px;
                                background: url(../images/round.png) left top 10px no-repeat;
                                background-size: 6px;
                            }
                            
                            .history_swiper .swiper-pagination {
                                bottom: 20px;
                                height: 10px;
                                display: none;
                            }
                            
                            .history_swiper .swiper-pagination .swiper-pagination-bullet {
                                vertical-align: top;
                                width: 10px;
                                height: 10px;
                                border-radius: 10px;
                                background: #fff;
                                opacity: .5;
                                transition: all .3s ease;
                            }
                            
                            .history_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                                width: 30px;
                                background: #fff;
                                opacity: 1;
                            }
                            
                            .history_swiper .swiper-button-prev,
                            .history_swiper .swiper-button-next {
                                text-align: center;
                                width: 60px;
                                height: 60px;
                                line-height: 60px;
                                margin-top: -30px;
                                border-radius: 8px;
                                background: rgba(0, 0, 0, .3);
                                color: #fff;
                                border-radius: 8px;
                                font-size: 30px;
                                opacity: 0;
                                visibility: hidden;
                                transition: all .3s ease;
                                background-image: none !important;
                            }
                            
                            .history_swiper:hover .swiper-button-prev,
                            .history_swiper:hover .swiper-button-next {
                                opacity: 1;
                                visibility: visible;
                            }
                            
                            .history_swiper .swiper-button-prev:hover,
                            .history_swiper .swiper-button-next:hover {
                                background: var(--primary-color);
                            }
                            
                            .history_swiper .swiper-button-prev {
                                left: 0%;
                            }
                            
                            .history_swiper .swiper-button-next {
                                right: 0%;
                            }
                            
                            .tit1 .h2 {
                                font-size: 36px;
                                line-height: 46px;
                                text-align: left;
                            }
                            
                            .tit1 .h5 {
                                font-size: 36px;
                                line-height: 46px;
                                text-align: center;
                            }
                            
                            .wapper1 {
                                width: 76%;
                                margin: 0 auto;
                                min-width: 1000px;
                            }
                            
                            @media(max-width:999px) {
                                .wapper1 {
                                    width: 90%;
                                    min-width: 0;
                                }
                                .tit1 .h2 {
                                    font-size: 20px;
                                    text-align: center;
                                    line-height: 30px;
                                }
                                .aboutus5bg {
                                    padding: 60px 0;
                                }
                                .aboutus5 .list {
                                    margin-top: 40px;
                                }
                                .history_swiper .swiper-pagination {
                                    bottom: 10px;
                                    height: 6px;
                                }
                                .history_swiper .swiper-pagination .swiper-pagination-bullet {
                                    width: 6px;
                                    height: 6px;
                                    border-radius: 6px;
                                }
                                .history_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                                    width: 20px;
                                }
                                .history_swiper .swiper-button-prev,
                                .history_swiper .swiper-button-next {
                                    width: 40px;
                                    height: 40px;
                                    line-height: 40px;
                                    margin-top: -20px;
                                    font-size: 20px;
                                }
                            }
                            
                            .tit1 {}
                            
                            .tit1 .h2 {
                                font-size: 32px;
                                line-height: 42px;
                                font-weight: bold;
                            }
                            
                            .tit1 .h3 {
                                font-size: 16px;
                                line-height: 26px;
                                margin-top: 5px;
                            }
                            
                            .con02bg {
                                padding: 100px 0;
                                background: url(../images/bg2.png) center no-repeat;
                                background-size: cover;
                            }
                            
                            .con02 {
                                color: #fff;
                            }
                            
                            .con02 .list {}
                            
                            .slideTxtBox_01 {}
                            
                            .slideTxtBox_01 .hd {
                                margin-top: -85px;
                                text-align: right;
                                margin-bottom: 30px;
                                position: relative;
                                z-index: 2;
                            }
                            
                            .slideTxtBox_01 .hd ul li {
                                cursor: pointer;
                                display: inline-block;
                                text-align: center;
                                width: 100px;
                                transform: scale(.7);
                                transition: all .3s ease;
                            }
                            
                            .slideTxtBox_01 .hd ul li.on {
                                opacity: 1;
                                transform: scale(1);
                            }
                            
                            .slideTxtBox_01 .hd ul li .img {
                                padding-bottom: 100%;
                                position: relative;
                                overflow: hidden;
                                border-radius: 100%;
                            }
                            
                            .slideTxtBox_01 .hd ul li .img img {
                                display: block;
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                margin: auto auto;
                            }
                            
                            .slideTxtBox_01 .bd {}
                            
                            .con02_list {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: -webkit-flex;
                                display: flex;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                -webkit-justify-content: space-between;
                                justify-content: space-between;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                -webkit-align-items: center;
                                align-items: center;
                                flex-direction: row-reverse;
                            }
                            
                            .con02_list .lt {
                                width: 48%;
                            }
                            
                            .con02_list .lt .h2 {
                                font-size: 27px;
                                line-height: 40px;
                                margin-bottom: 25px;
                            }
                            
                            .con02_list .lt .h3 {
                                font-size: 16px;
                                line-height: 2em;
                                /*margin-bottom: 5.2vw;*/
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: -webkit-box;
                                -webkit-line-clamp: 10;
                                -webkit-box-orient: vertical;
                            }
                            
                            .con02_list .rt {
                                width: 48%;
                            }
                            
                            .con02_list .rt .imgbg {
                                padding: 20px;
                                background: rgba(255, 255, 255, 0.33);
                                border-radius: 20px;
                            }
                            
                            .con02_list .rt .img {
                                padding-bottom: 65%;
                                position: relative;
                                overflow: hidden;
                                border-radius: 20px;
                            }
                            
                            .con02_list .rt .img img {
                                object-fit: fill;
                                display: block;
                                width: 100%;
                                height: 429px;
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                margin: auto auto;
                            }
                            
                            .con02_list .rt .img:before {
                                content: "";
                                width: 100%;
                                height: 100%;
                                background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
                                transform: skewx(-25deg);
                                position: absolute;
                                top: 0;
                                left: -120%;
                                transition: all 1s ease;
                                z-index: 2;
                            }
                            
                            .con02_list .rt:hover .img:before {
                                left: 120%;
                            }
                            
                            @media(max-width:999px) {
                                .tit1 .h2 {
                                    font-size: 24px;
                                    line-height: 34px;
                                }
                                .tit1 .h3 {
                                    font-size: 16px;
                                    line-height: 26px;
                                    margin-top: 5px;
                                }
                                .con02bg {
                                    padding: 40px 0;
                                }
                                .slideTxtBox_01 .hd {
                                    margin-top: 20px;
                                    text-align: center;
                                    margin-bottom: 10px;
                                }
                                .slideTxtBox_01 .hd ul li {
                                    width: 50px;
                                }
                                .con02_list {
                                    display: block;
                                }
                                .con02_list .lt {
                                    width: 100%;
                                }
                                .con02_list .lt .h2 {
                                    font-size: 20px;
                                    line-height: 30px;
                                    margin-bottom: 20px;
                                }
                                .con02_list .lt .h3 {
                                    font-size: 14px;
                                    line-height: 2em;
                                    margin-bottom: 10px;
                                }
                                .con02_list .rt {
                                    width: 100%;
                                    margin-bottom: 20px;
                                }
                                .con02_list .rt .imgbg {
                                    padding: 20px;
                                }
                            }
                            
                            .more1 span {
                                display: inline-block;
                                text-align: center;
                                width: 200px;
                                line-height: 50px;
                                font-size: 14px;
                                border-radius: 20px 0 20px 0;
                                background: linear-gradient(135deg, #2321b1 0%, #4031dd 100%);
                                color: #fff;
                                transition: all .3s ease;
                            }
                            
                            .h2 span {
                                font-size: 16px;
                            }
                            
                             :root {
                                --third-color: #413ee5;
                                --main-color-white: #fff;
                            }
                            
                            .tit2 {
                                padding-bottom: 10px;
                                background: url(../images/title.png) left bottom no-repeat;
                            }
                            
                            .tit2 .h2 {
                                font-size: 60px;
                                line-height: 1em;
                                color: var(--primary-color);
                                font-family: Impact;
                            }
                            
                            .tit2 .h3 {
                                font-size: 38px;
                                line-height: 48px;
                            }
                            
                            .con03bg {
                                padding: 80px 0 10px 0;
                                background: url(../images/ys_bg.jpg) bottom center no-repeat;
                                min-height: 594px;
                            }
                            
                            .con03 {}
                            
                            .con03_top {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                            }
                            
                            .con03 .i_phone {
                                text-align: center;
                            }
                            
                            .con03 .i_phone img {
                                display: block;
                                margin: 0 auto;
                                height: 30px;
                                animation: msClock 1.2s linear infinite;
                            }
                            
                            .con03 .i_phone strong {
                                display: block;
                                font-size: 18px;
                                line-height: 1em;
                                margin-top: 8px;
                                margin-bottom: 5px;
                            }
                            
                            .con03 .i_phone span {
                                display: block;
                                font-size: 14px;
                                line-height: 24px;
                            }
                            
                            .con03 .list {
                                margin-top: 60px;
                            }
                            
                            .adv_gallery {
                                display: flex;
                                justify-content: space-between;
                                /* align-items: center;*/
                                flex-direction: row-reverse;
                            }
                            
                            .adv_gallery-top {
                                width: calc(100% - 124px);
                                position: relative;
                            }
                            
                            .adv_gallery-top .gallery-top {}
                            
                            .adv_gallery-top .gallery-top .swiper-slide {}
                            
                            .adv_gallery-top .gallery-top .swiper-slide .nr_box {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                            }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .imgbg {
                                width: 60%;
                            }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .img {}

                                .adv_gallery-top .gallery-top .swiper-slide .img img {
                                    display: block;
                                    width: 100%;
                                    height: 600px;
                                    object-fit: cover;
                                }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .txtbg {
                                width: 40%;
                            }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .txt {
                                padding: 0 5%;
                            }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .txt .h2 {
                                font-size: 24px;
                                line-height: 34px;
                                font-weight: bold;
                            }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .txt .h3 {
                                font-size: 12px;
                                line-height: 22px;
                                color: #999;
                                text-transform: uppercase;
                            }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .txt .line1 {
                                width: 40px;
                                height: 5px;
                                background: var(--primary-color);
                                margin-top: 15px;
                                margin-bottom: 35px;
                            }
                            
                            .adv_gallery-top .gallery-top .swiper-slide .txt .h4 {
                                font-size: 15px;
                                line-height: 2em;
                                color: #666;
                            }
                            
                            .adv_gallery-thumbs {
                                width: 124px;
                                position: relative;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs {
                                height: 600px;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide {
                                background: var(--primary-color);
                                color: #fff;
                                text-align: center;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                cursor: pointer;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide .nr_box {
                                width: 90%;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide .img {
                                height: 47px;
                                position: relative;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide .img img {
                                max-width: 100%;
                                max-height: 100%;
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                margin: auto auto;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide .h2 {
                                margin-top: 10px;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide .h2 strong {
                                display: block;
                                font-size: 18px;
                                line-height: 28px;
                                font-weight: normal;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide .h2 span {
                                display: block;
                                opacity: .3;
                            }
                            
                            .adv_gallery-thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
                                background: var(--third-color);
                            }
                            
                            .adv_gallery .swiper-controls {
                                position: absolute;
                                bottom: 20px;
                                left: 62%;
                                z-index: 2;
                            }
                            
                            .adv_gallery .swiper-button-prev,
                            .adv_gallery .swiper-button-next {
                                float: left;
                                width: 40px;
                                height: 40px;
                                border-radius: 100%;
                                margin: 0;
                                position: static;
                                background-color: var(--primary-color);
                                background-size: 10px 20px;
                                transition: all .3s ease;
                            }
                            
                            .adv_gallery .swiper-button-prev:hover,
                            .adv_gallery .swiper-button-next:hover {
                                background-color: var(--third-color);
                            }
                            
                            .adv_gallery .swiper-button-prev {
                                margin-right: 10px;
                            }
                            
                            .adv_gallery .swiper-button-next {}
                            
                            @keyframes msClock {
                                0%,
                                70%,
                                100% {
                                    transform: rotate(0) scale(1);
                                }
                                10%,
                                30% {
                                    transform: rotate(-15deg) scale(1.1);
                                }
                                20%,
                                40% {
                                    transform: rotate(15deg) scale(1.1);
                                }
                            }
                            
                            @media(max-width:999px) {
                                .tit2 .h2 {
                                    font-size: 24px;
                                    line-height: 1em;
                                    text-transform: uppercase;
                                }
                                .tit2 .h3 {
                                    font-size: 22px;
                                    line-height: 32px;
                                }
                                .con03bg {
                                    padding: 40px 0 0 0;
                                    background: none;
                                    min-height: 0;
                                }
                                .con03 .i_phone img {
                                    height: 30px;
                                }
                                .con03 .i_phone strong {
                                    font-size: 18px;
                                    line-height: 1em;
                                    margin-top: 8px;
                                    margin-bottom: 2px;
                                }
                                .con03 .i_phone span {
                                    font-size: 12px;
                                    line-height: 22px;
                                }
                                .con03 .list {
                                    margin-top: 20px;
                                }
                                .adv_gallery {
                                    display: block;
                                }
                                .adv_gallery-top {
                                    width: 100%;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .nr_box {
                                    display: block;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .imgbg {
                                    width: 100%;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .img img {
                                    width: 100%;
                                    height: auto;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .txtbg {
                                    width: 100%;
                                    background: #f6f6f8;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .txt {
                                    padding: 20px 5%;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .txt .h2 {
                                    font-size: 15px;
                                    line-height: 25px;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .txt .h3 {
                                    font-size: 12px;
                                    line-height: 22px;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .txt .line1 {
                                    width: 40px;
                                    height: 5px;
                                    margin-top: 5px;
                                    margin-bottom: 10px;
                                }
                                .adv_gallery-top .gallery-top .swiper-slide .txt .h4 {
                                    font-size: 12px;
                                    line-height: 2em;
                                }
                                .adv_gallery-thumbs {
                                    width: 100%;
                                }
                                .adv_gallery-thumbs .gallery-thumbs {
                                    height: auto;
                                }
                                .adv_gallery-thumbs .gallery-thumbs .swiper-slide {
                                    height: 78px;
                                }
                                .adv_gallery-thumbs .gallery-thumbs .swiper-slide .img {
                                    height: 27px;
                                }
                                .adv_gallery-thumbs .gallery-thumbs .swiper-slide .h2 {
                                    margin-top: 4px;
                                }
                                .adv_gallery-thumbs .gallery-thumbs .swiper-slide .h2 strong {
                                    font-size: 12px;
                                    line-height: 22px;
                                }
                                .adv_gallery-thumbs .gallery-thumbs .swiper-slide .h2 span {
                                    display: none;
                                }
                                .adv_gallery-thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
                                    background: var(--third-color);
                                }
                                .adv_gallery .swiper-controls {
                                    bottom: 10px;
                                    left: auto;
                                    right: 5%;
                                }
                                .adv_gallery .swiper-button-prev,
                                .adv_gallery .swiper-button-next {
                                    width: 30px;
                                    height: 30px;
                                    background-size: 10px 20px;
                                }
                                .adv_gallery .swiper-button-prev {
                                    margin-right: 5px;
                                }
                            }