@import url('./intro-font.css');
@media screen and (max-height:650px) {
    body .branch-left{
        width:404px;
        height:320px;
        margin-top: -16px;
    }
    body .honorBox #certify-honor .swiper-slide{
        width:360px;
        height:230px;
    }
    body .honorBox #certify .swiper-slide{
        width:360px;
        height:230px;
    }
    body .honorBox #certify .certify-next{
        right: -30px;
    }
    body .honorBox #certify .certify-prev{
        left: -30px;
    }
    body .honorBox #certify-honor .certify-prev{
        left: -30px;
    }
    body .honorBox #certify-honor .certify-next{
        right: -30px;
    }

}
@media screen and (max-width:1400px) {

    body .build_img_box {

        /* height: 440px; */
        /* margin-top: -220px; */

    }
    body .tabber-box{
        /*top: 37%;*/
    }
    body .footer-down{
        margin-top: 0;
    }
    body .footer-down-child{
        margin-top: 0;
    }
    body #fp-nav ul li a.active span {
        background: #3274D7;
    }
    body .footer-down-child p{
        line-height: 21px;
    }
    body .culture-li-common{
        height: 67px;
    }


    @keyframes img-block {
        0% {
            height: 0px;
        }

        100% {
            height: 440px;
        }
    }

    body .build_img {

        /* height: 440px; */

    }

    body .child-intro {
        /*top: 0%;*/
    }

    body .culture-intro {
        /*top: 0%;*/
    }
}

@media screen and (max-width:800px) {


    body .build_img_box{
        margin: 0;
        top: 16%;
        left: 0;
        width: 100%;
    }
    html body #fp-nav{
        right: 8px;
        /*display: none;*/
    }
    body #particles-js {
        display: none;
    }

    body .introductionBox {
        height: 100%;
    }

    body .honorBox-down {
        margin-top: 141px;
    }

    body .popup-swiper-container-slide-title {
        top: 0;
    }

    body .timeBox-circle-box {
        display: none;
    }

    body #popup-swiper .swiper-slide {
        background-size: cover;
    }

    body #popup-swiper .swiper-slide-qiyeyuanjin {
        background-size: cover;
    }

    body .footer-down-bottom {
        margin : 0;
        padding: 0;
    }

    body .footer .footer-up {
        margin-top: 39px;
    }

    body #certify-honor2 {
        display: block;
        top: 222px;
    }

    body .honorBox #certify-honor {
        display: none;
    }

    body .honorBox #certify {
        display: none;
    }

    body #certify2 {
        display: block;
        top: 222px;
    }

    body .contact-btn-common {
        left: 51%;
    }

    body .contact-btn {
        bottom: 1%;
        left  : 41%;
    }

    body .tabber-box {
        top: 32%;
    }

    body .intro-ani-container .texob {
        left: 20px;
    }

    body .intro-ani-container .texob.l1 {
        top: 14%;


    }

    body .intro-ani-container .texob.l2 {
        top: 20%;


    }
    body .conpany-disc-box1{
        display: none;
    }
    body .conpany-disc-box2{
        display: block;
    }
    body .conpany-disc {
        width    : 80%;
        top      : 38%;
        font-size: 34px;
    }

    body .content-desc {
        width: 94%;
    }

    body .content-desc-year {
        margin-left: 21px;
    }

    body .content-desc-circular {
        margin-left: 8px;
    }
    body .footer-down-child{
        margin-top: 0;
    }

    body .common-footer .footer-down p {
        line-height: 19px;
    }

    body .common-footer .footer-down {
        margin-top: -100px;
    }

    body .footer-up-left {
        line-height: 18px;
    }

    body .common-footer {
height: 100%;
        /*padding-top: 44px;*/

    }

    body .culture-li-common-show2-left-text {
        font-size: 10px;
    }

    .culture-li-three .culture-li-common-show2 {
        justify-content: center;
        font-size      : 10px;
        flex-direction: column;

    }

    body .popup-swiper-container-slide-desc {
        font-size  : 10px;
        line-height: 20px;
    }

    body #popup-swiper-containe2 {
        display: block;
    }

    body #popup-swiper-container {
        display: none;
    }

    body .content-desc-change {

        line-height: 19px;
        margin-top : -10px;
    }

    body .prev {
        /* left: -4px; */
    }

    body .next {
        right: -6px;
    }

    body .container {
        width: 100%;
    }

    .child-intro .rig-intro {
        margin-top: -58px;
    }

    body .branch-left {
        width: 192px;
        height: 170px;
        margin-top: 30px;
    }

    body .introduction-qiu {
        margin-top: 0;
        top       : 0;
    }

    body .conpany-Eng {
        top: 51%;
    }

    body .introduction-intro {
        top: 4%;
    }

    body #particles-js canvas {
        display: none;
    }
body .culture-li-common-show2-common{
    margin-left: 0px;
}
body .culture_li_three_center{
    margin-left: -27px;
}
    .child .branch {
        display       : flex;
        flex-direction: column;
        align-items   : center;
        margin-top    : 4%;
    }

    .branch .branch-left img {
        width : 100%;
        height: 100%;
    }

    .branch .contact-btn {
        width : 116px;
        height: 32px;

        /* margin-top : 17px;
        margin-left: 54px;
        font-size: 14px; */
    }

    .branch .li-rowBox {
        margin-top: 13px;
    }

    .culture .culture_li_three_left {
        /* width: 30%; */
    }

    .culture_li_three_center {
        /* width: 30%; */
        /*margin-left: -27px;*/
    }

    .cultureBox .culture-btn {
        /* margin-left: 58%; */
    }

    .timeBox .des-btn {
        /* margin-left: 59%;
        margin-top: 28%; */
    }

    .buildBox .build_img {
        height: 243px;
        margin-top: 90px;
        width: 100%;
    }

    .buildBox .build-btn {
        /* margin-left: 47%; */
    }

    .honorBox #certify .slide-box img {
        /* width: 235px;
    height: 146px; */
    }



    .honorBox .introduction-box #certify-honor {
        left: -32%;
        top : 40%;
    }

    .honorBox .introduction-box #certify-honor .certify-prev {
        left : 126px;
        top  : 101px;
        color: rgba(53, 96, 201, 1);
    }

    .honorBox .introduction-box #certify-honor .certify-next {
        right: 159px;
        top  : 101px;
        color: rgba(53, 96, 201, 1);
    }

    .honorBox .certificate-btn {
        left  : 33%;
        bottom: 6%;
    }
}



body #fullpage {}
.iScrollIndicator{
    background: none !important;
}
body #fp-nav {
    right: 30px;
}
body #fp-nav li:nth-child(7){
    display: none;
}

.intro {
    width   : 80%;
    position: absolute;
    top     : 5%;
    left    : 10%;

}

.section-common {
    position: relative;
}

/* 按钮公共动效 */
.contact-btn-common {
    width           : 148px;
    height          : 36px;
    background      : linear-gradient(270deg, rgba(56, 75, 187, 1), rgba(50, 117, 215, 1));
    border-radius   : 18px;
    /* font-size    : 11px; */
    font-family     : Microsoft YaHei;
    font-weight     : 400;
    color           : rgba(255, 255, 255, 1);
    line-height     : 35px;
    /* margin-top   : 26%;
    margin-left     : 70%; */
    z-index         : 2;
    position        : absolute;
    left            : 77%;
    bottom          : 7%;


    transition     : all 650ms;
    display        : block;
    color          : #ffffff;
    text-align     : center;
    font-size      : 14px;
    text-decoration: none !important;
}

.contact-btn-common:hover {
    transform: translateY(-6px);
    color    : #ffffff;
}

particle {
    position      : fixed;
    left          : 0;
    top           : 0;
    border-radius : 50%;
    pointer-events: none;
    opacity       : 0;
}

.introduction-box {
    width          : 100%;
    height         : 100%;
    /* display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center; */
    position       : relative;

}

body #fullpage .introduction {
    background-image   : url("../img/img_gywm_jianjie.jpg");
    /* background-color: aqua; */

    /* height          : 100vh; */
    background-size    : cover;
    color              : rgba(255, 255, 255, 1);
    position           : relative;
    z-index            : -2;
    display            : flex;
    flex-direction     : column;
    align-items        : center;
    transition         : all 150ms;
    background-position: 50%;
}

.introduction-boxs {
    width: 100%;

    /* position: relative; */
    /* padding-top: 150px; */
}

#particles-js {
    width : 100%;
    height: 100%;

}

#particles-js canvas {
    width : 100%;
    height: calc(100vh - 100px) !important;
}

.introductionBox {
    width   : 100%;
    position: relative;
}


/* 标题特效 */

.intro-ani-container {
    /* position: relative; */
    width         : 300px;
    height        : 300px;
    border-radius : 0 10px 0 0;
    letter-spacing: 1px;
    position      : absolute;
    left          : 10%;
    top           : 20%;

}

.intro-ani-container .rig-intro {
    font-size: 16px;

}

.intro-ani-container.brownish {
    margin-top: 10px;
}

.intro-ani-container .texob {
    /* position: absolute;
    left    : 10%; */


}

.intro-ani-container .texob.l1 {
    top  : 0px !important;
    color: white;

}

.intro-ani-container .texob.l2 {
    top  : 0 !important;
    color: white;

}

.intro-ani-container .texob h1 {
    /* padding          : 14px 14px; */
    position         : relative;
    clip-path        : polygon(0 91%, 100% 69%, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 91%, 100% 69%, 100% 100%, 0 100%);
    font-size        : 16px;
}

.intro-ani-container .texob .texob-up {
    font-size: 27px;
}

/* 标题特效 */
.introduction-intro {
    position: absolute;

    top: 5%;
    left: 10%;
}



.cultureBox {
    width              : 100%;
    /* height          : 100vh; */
    /* background-image: url(); */

}

.cultureBox .intro {
    color: rgba(30, 30, 30, 1);
}

.fp-tableCell {
    display: block;
}



.left-intro {
    width     : 5px;
    height    : 45px;
    background: linear-gradient(180deg, rgba(56, 75, 187, 1), rgba(50, 117, 215, 1));
    float     : left;
}

.rig-intro {
    margin-left: 18px;
    float      : left;
    margin-top : -5px;
}

.rig-intro-up {
    font-size  : 27px;
    font-family: Microsoft YaHei;
    font-weight: 400;

}

.rig-intro-down {
    margin-top : 16px;
    font-size  : 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;

}

.introduction-qiu {
    width       : 516px;
    height      : 516px;
    position    : absolute;
    z-index     : -1;
    /* transform: rotate(360deg);
transition      : all 3s linear ; */

    left       : 50%;
    top        : 50%;
    margin-left: -258px;
    margin-top : -258px;
}

.introduction-qiu1 {
    animation: introduction-qiu 7s linear infinite;
}

@keyframes introduction-qiu {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.introduction-qiu img {
    width : 100%;
    height: 100%;
}

.conpany-disc {

    font-size  : 45px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 73px;
    text-align : center;
    position   : absolute;
    left       : 50%;
    top        : 43%;
    transform  : translate(-50%, -50%);
    width      : 60%;
}
.conpany-disc-box2{
    display: none;
}
/* .conpany-disc {
    background: #000;
    width: 300px;
    height: 100px;
    overflow: hidden;
    display: flex;
    font-family: 'Waiting for the Sunrise', cursive;
    justify-content: center;
    align-items: center;
    color: #fff;
} */

.conpany-disc-txt {
    position     : relative;
    /* font-size : 2rem; */
    filter       : url(#filter) blur(0.5px) contrast(3);
    /* background: #000; */
    user-select  : none;
    /* padding   : 10px; */
    transform    : rotateZ(0deg);


}

.conpany-disc-txt::before {
    content  : '';
    position : absolute;
    transform: translate(7px, 13px);
    filter   : blur(6px);
}

/*.conpany-disc .svg {*/
/*    display: none;*/
/*}*/

/* 英文效果 */

.conpany-Eng {
    font-family            : 'Inter', sans-serif;
    font-weight            : 100;
    font-variation-settings: 'wght'100;

    font-size : 30px;
    text-align: center;
    position  : absolute;
    top       : 52%;
    width     : 100%;
}

.conpany-Eng-ai2 {
    animation: conpany-Eng-animate-type 4000ms infinite forwards;
}

@keyframes conpany-Eng-animate-type {
    60% {
        font-variation-settings: 'wght'900;
    }

    100% {
        font-variation-settings: 'wght'100;
    }
}

.conpanyyyy {
    width        : 148px;
    height       : 36px;
    background   : linear-gradient(270deg, rgba(56, 75, 187, 1), rgba(50, 117, 215, 1));
    border-radius: 18px;
}

/* 英文效果 */
.conpany-button-box {
    position          : absolute;
    top               : 59%;
    left              : 50%;
    transform         : translateX(-50%);
    animation-duration: 2s;
    animation-delay   : 0.7s;
}

/* 按钮触及 */
.conpany-buttons {
    cursor       : pointer;
    width        : 248px;
    height       : 60px;
    background   : linear-gradient(270deg, rgba(56, 75, 187, 1), rgba(50, 117, 215, 1));
    border-radius: 30px;
    font-size    : 17px;
    font-family  : Microsoft YaHei;
    font-weight  : 400;

    text-align   : center;
    line-height  : 60px;
    margin-top   : 36px;
    --intensity  : 1;
    --scaleFactor: 1.01;
    --blur       : 5;
    --redTop     : 0;
    --redLeft    : 0;
    --greenTop   : 0;
    --greenLeft  : 0;
    --blueTop    : 0;
    --blueLeft   : 0;
    position     : relative;
    top          : 0;
}

.conpany-buttons>.red,
.conpany-buttons>.green,
.conpany-buttons>.blue {
    position      : absolute;
    width         : calc(var(--scaleFactor) * 100%);
    height        : calc(var(--scaleFactor) * 100%);
    z-index       : -1;
    border-radius : inherit;
    filter        : blur(calc(var(--blur) * 1px));
    mix-blend-mode: screen;
    opacity       : var(--intensity);
}

.conpany-buttons>.red {
    top       : calc(var(--redTop) * 1px);
    left      : calc(var(--redLeft) * 1px);
    background: #568ece;
}

.conpany-buttons>.green {
    top       : calc(var(--greenTop) * 1px);
    left      : calc(var(--greenLeft) * 1px);
    background: #568ece;
}

.conpany-buttons>.blue {
    top       : calc(var(--blueTop) * 1px);
    left      : calc(var(--blueLeft) * 1px);
    background: #568ece;
}

/* 按钮触及 */
/* 按钮点击 */
.conpany-buttons:before {
    content         : '';
    position        : absolute;
    width           : 100%;
    height          : 100%;
    background-color: #ffffff;
    opacity         : 0.5;
    border-radius   : 40px;
    z-index         : -1;
    right           : 0;
}

.conpany-buttons:after {
    content         : '';
    position        : absolute;
    width           : 100%;
    height          : 100%;
    background-color: #ffffff;
    z-index         : 1;
    transition      : ease-in-out .18s;
    transform-origin: center left;
    transform       : scaleX(0);
    border-radius   : 40px;
}

.conpany-buttons.active:before {
    animation: scale-up .3s ease;
}

@keyframes scale-up {
    from {
        transform: scaleY(1) scaleX(1);
        opacity  : 0.5;
    }

    to {
        transform: scaleX(1.3) scaleY(2);
        opacity  : 0;
    }
}

/* 按钮点击 */
/* .conpany-button:focus {
  outline: none;
  border-color: #fff;
} */
.conpany-shoushi-big-box {
    position : absolute;
    top      : 93%;
    left     : 50%;
    transform: translateX(-50%);
}

.conpany-shoushi-box {
    position: relative;
    width   : 248px;
    height  : 60px;

}

.conpany-shoushi {
    width      : 38px;
    height     : 61px;
    margin-left: 86%;
    margin-top : -16%;
    animation  : shoushi 500ms linear infinite;

}

@keyframes shoushi {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.04);
    }
}

.conpany-shoushi img {
    width : 100%;
    height: 100%;
}

.down-box {
    margin-top     : 125px;
    width          : 80%;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;

}

.child {
    /* height          : 100vh; */
    /* background-image: url(img/timg1.jpg); */
    /* background-color: blueviolet;
    background-size    : cover; */
    width              : 100%;

}

.child-box {
    display: flex;
    justify-content: center;
    align-items: center;

}

.child-intro {
    /* animation-delay: 0.7s; */
    /* color     : #1E1E1E;
    margin-top: 3%; */

}

.branch {
    /* margin-top     : 3%; */
    width          : 80%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background         : url("../img/gywm_fenzhijigou.png") no-repeat;
    background-position:50%;
    background-size    : 524px 524px;
    height: 530px;
    /* top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; */

}

.li-rowBox {
    /* height      : 36px; */
    line-height    : 36px;
    color          : rgba(30, 30, 30, 1);
    opacity        : 0.8;
    width          : 200px;
    display        : flex;
    justify-content: space-between;
    margin-top     : 31px;
}

.li-row {
    margin-top: 28px;

}

.li-rowBox img {
    width : 40px;
    height: 40px;
}

.branch-left {
    width     : 530px;
    height    : 442px;
    margin-top: -45px;
}

.branch-left img {
    width : 100%;
    height: 100%;

}

.branch-rig {
    animation-duration: 2s;
    margin-left       : 91px;
    animation-delay   : 0.5s;
}

.branch-rig-title {
    font-size: 20px;

    font-weight: bold;
    line-height: 20px;
    line-height: 40px;
    width      : 100%;
    height     : 68px;

}

.branch-rig-title span {
    padding: 0 1px;
}

.branch-rig-title :nth-child(10) {
    font-size: 33px;
    color    : rgba(0, 102, 235, 1);
}

.branch-rig-title :nth-child(11) {
    font-size: 33px;
    color    : rgba(0, 102, 235, 1);
}

.branch-rig-title :nth-child(5) {
    display: block;
}

/* .branch-rig-title-left::after {
    content  : "20";
    font-size: 33px;


    color: rgba(0, 102, 235, 1);
} */

.contact-btn {
    /* width : 148px;
    height: 36px;

    border-radius: 18px;

    line-height: 36px;
    text-align : center;
    margin-top : 5%;
    margin-left: 230px; */
    /* bottom: 2%; */

}

.culture {
    width     : 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.culture-intro {
    /* margin-top: 3%; */
}

.culture-li-common {
    /* background-color: rgb(139, 139, 231); */
    width              : 100%;
    /* padding         : 25px 460px; */
    box-sizing         : border-box;
    margin-top         : 10px;
    height             : 100px;
    display            : flex;
    justify-content    : center;
    align-items        : center;
    position           : relative;
    background-position: 50% !important;
    background-size:cover !important;
}


.culture-icon {
    float : left;
    width : 25px;
    height: 25px;
}

.culture-icon img {

    width : 100%;
    height: 100%;
}

.culture-text {
    float      : left;
    font-size  : 19px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
    margin-left: 18px;
}

.culture-li-one {
    background     : url("../img/gs_01.png");


}

.culture-li-common-show1 {
    position: absolute;
}

.culture-li-common-show2 {
    width          : 80%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    position       : absolute;
    font-size      : 13px;
    color          : #ffffff;
    opacity        : 0;


}

.culture-li-three-show2 {
    justify-content: space-between;
}
.culture-li-common-show2-common{
    margin-left: 15px;
}

.culture-li-common-show2-left-text {
    font-size  : 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color      : rgba(255, 255, 255, 1);
}

.culture-li-two {
    background     : url("../img/gs_02.png");

}

.culture-li-four {
    background     : url("../img/gs_04.png");

}

.culture-li-three {

    background     : url("../img/gs_03.png");

}


.culture_li_three_center {
    /* margin-left: -46px; */
}



.culture-btn {
    /* bottom: 2%; */
}

/* 第四页 */
.buildBox {
    width          : 100%;
    background     : url("../img/zuzhijiegou-bj.jpg");
    background-size: cover;
    position       : relative;
    background-position: 50%;
}

.buildBox .intro {
    color      : rgba(30, 30, 30, 1);
    /* position: absolute;
    top        : 3%;
    left       : 10%; */
}

.introduction-buildBox {
    /* justify-content: start; */
}

.build_img_box {
    width   :950px;
    height  : 400px;
    overflow: hidden;

    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    margin-left: -475px;
    margin-top: -200px;

}

.build_img_box-ai {
    animation: img-block 3s linear;
}

@keyframes img-block {
    0% {
        height: 0px;
    }

    100% {
        height: 540px;
    }
}

.build_img {
    width : 100%;
    height: 400px;

}

.build_img img {
    width : 100%;
    height: 100%;
}

.build-btn {}

/* 第五页 */
#fullpage .timeBox {
    background     : linear-gradient(250deg, rgba(36, 36, 116, 1), rgba(49, 59, 129, 1));
    background-size: cover;
    overflow       : hidden;
    position       : relative;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
}

/* .timeBox-introduction-box {
    position: absolute;
    top     : 0;
} */

.timeBox-circle-box {
    width   : 100vw;
    height  : 100vh;
    overflow: hidden;
    position: absolute;
}

.timeBox-circle-bj {
    width        : 100vw;
    height       : 100vw;
    border-radius: 50%;

    position: relative;
    top     : 8%;

    /* position     : absolute; */
    /* z-index      : -1; */
    /* top          : 5%;
    left            : 5%; */
    /* transform    : rotate(360deg);
    transition      : transform 10s linear; */
    animation: timeBox-circle 10s linear infinite;
}

.timeBox-circle-1 {
    width          : 100%;
    height         : 100%;
    background     : url("../img/quan.png");
    background-size: 100% 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.timeBox-circle-2 {
    width          : 85%;
    height         : 85%;
    background     : url("../img/quan.png");
    background-size: 100% 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transform      : rotate(50deg);
}

.timeBox-circle-3 {
    width          : 82%;
    height         : 82%;
    background     : url("../img/quan.png");
    background-size: 100% 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transform      : rotate(90deg);
}

.timeBox-circle-4 {
    width          : 82%;
    height         : 82%;
    background     : url("../img/quan.png");
    background-size: 100% 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transform      : rotate(120deg);
}

.timeBox-circle-5 {
    width          : 80%;
    height         : 80%;
    background     : url("../img/quan.png");
    background-size: 100% 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transform      : rotate(150deg);
}

@keyframes timeBox-circle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.timeBox .intro {
    color: rgba(255, 255, 255, 1);
    /* top  : 20%; */
}



/* 时间轴 */
#fullpage .slide_wrap ul {
    width: 100%;
}

#fullpage .slide-content {
    width: 100%;
}

#fullpage .timeBox-container {
    width   : 90%;
    padding : 0;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    height  : 290px;
}

.timeBox-container-prev {
    width  : 34px;
    height : 43px;
    color  : rgba(255, 255, 255, 0.5);
    left   : 0px;
    z-index: 1;
}

.timeBox-container-next {
    right  : 0px;
    width  : 34px;
    height : 43px;
    color  : rgba(255, 255, 255, 1);
    z-index: 1;
}

.timeBox-container .slide_wrap {
    overflow: visible;
    top     : 104px;
    width   : 100%;
}

.slide_items li a {
    text-decoration: none;
}

.slide_items li div .circle-light {
    display: none;
}

.slide_items li.on div .circle-light {
    display   : block;
    width     : 2px;
    height    : 107px;
    background: linear-gradient(0deg, rgba(106, 202, 255, 1) 0%, rgba(250, 250, 250, 0) 100%);
    border    : none;
    padding   : 0;
    position  : absolute;
    top       : -100px;
}

.slide_items li.on span {
    color: #fff;
}

.content-desc {
    height     : 100px;
    width      : 60%;
    display    : flex;
    align-items: center;
}

.content-desc-year {
    width: 103px;

    font-size  : 44px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color      : rgba(255, 255, 255, 1);

    margin-left: 108px;
}

.content-desc-circular {
    width        : 10px;
    height       : 10px;
    background   : rgba(65, 145, 199, 1);
    border-radius: 50%;

    margin-left: 53px;
}

.content-desc-change {
    width      : 240px;
    height     : 15px;
    font-size  : 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
    line-height: 21px;

    margin-left: 10px;
}

.time-line {
    width     : 100%;
    margin-top: 64px;
    height    : 2px;
    background: linear-gradient(90deg, rgba(27, 42, 133, 1), rgba(98, 185, 242, 1), rgba(55, 80, 191, 1));
}

.des-btn {
    /* bottom: 2%; */
}

/* 第六页 */
.honorBox {}

.honorBox .intro {
    color        : rgba(30, 30, 30, 1);
    /* margin-top: 3%; */
}

.honorBox .introduction-box {
    justify-content: flex-start;
    background     : url("../img/gywm_rongyu_bg.png") no-repeat;
    background-size: cover;
    background-position: 50%;
}

/* .honorBox-down {
    width     : 80%;
    position  : relative;
    margin-top: 14%;
} */

.honorBox #certify {
    width: 800px;

    position : absolute;
    left: 53%;

    top: 60%;
    transform: translate(-50%, -50%);




}

#certify2 {
    display : none;
    width   : 100%;
    top     : 116px;
    position: absolute;
}
#certify2 #certify-container2 .swiper-button-prev{
    color: rgb(107, 143, 221);
}
#certify2 #certify-container2 .swiper-button-next{
    color: rgb(107, 143, 221);
}

#certify-honor2 .swiper-button-prev{
    color: rgb(107, 143, 221);
}
#certify-honor2 .swiper-button-next{
    color: rgb(107, 143, 221);
}

#certify2 .swiper-slide {
    width     : 100%;
    height    : 189px;
    background: none;
    box-shadow: none;


}


#certify2 .swiper-pagination {
    left     : 50%;
    transform: translateX(-50%);
    bottom   : -72px;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
    border     : none;
    background : #C0C0C0;
    margin-left: 10px;
    width      : 10px;
    height     : 10px;
    opacity    : 1;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border    : none;
    background: #3274D7;
}

#certify2 .slide-box {
    width        : 100%;
    /* background: #3274D7; */
    height       : 227px;
}

#certify2 .slide-box img {
    width : 100%;
    height: 227px;

}



.honorBox #certify .swiper-container {
    overflow: visible;



}

.honorBox #certify .certify-prev {
    /* left: 419px;
    top: 211px; */
    color                   : #fff;
    --swiper-navigation-size: 34px;
    background              : none;
    left: -160px;
    top                     : 120px;
}

/* #certify .swiper-button-next{
    background: none;
} */
.honorBox #certify .certify-next {
    /* right: 188px; */
    color                   : #fff;
    /* top                  : 211px; */
    --swiper-navigation-size: 34px;
    background              : none;
    top                     : 121px;
    right                   :  -160px;
}

.honorBox #certify .swiper-slide {
    width     : 420px;
    height    : 289px;
    background: none;
    box-shadow: none;


}


.honorBox #certify .swiper-button-prev {
    /* left: 1%; */
}

.honorBox #certify .swiper-pagination-certify {
    width: auto;
    position: absolute;
    bottom  : -40px;
    left    : 50%;
    transform: translateX(-50%);

}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    border     : none;
    background : #C0C0C0;
    margin-left: 10px;
    width      : 10px;
    height     : 10px;
    opacity    : 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border    : none;
    background: #3274D7;
}

#certify .slide-box {
    background: #3274D7;
}

#certify .slide-box img {
    width : 100%;
    height: 100%;

}




#certify-honor2 {
    display : none;
    width   : 100%;
    top     : 117px;
    position: absolute;
    opacity : 0;
    z-index : -1;
}


#certify-honor2 .swiper-slide {
    width     : 100%;
    height    : 189px;
    background: none;
    box-shadow: none;

}


#certify-honor2 .swiper-pagination {
    left     : 50%;
    transform: translateX(-50%);
    bottom   : -72px;
}

#certify-honor2 .swiper-pagination-bullets .swiper-pagination-bullet {
    border     : none;
    background : #C0C0C0;
    margin-left: 10px;
    width      : 10px;
    height     : 10px;
    opacity    : 1;
}

#certify-honor2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border    : none;
    background: #3274D7;
}

#certify-honor2 .slide-box {
    /* background: #3274D7; */
    height: 227px;
    width : 100%;
}

#certify-honor2 .slide-box img {
    width : 100%;
    height: 100%;

}


.honorBox #certify-honor .swiper-container {
    overflow: visible;



}

.honorBox #certify-honor .swiper-wrapper {
    transform: none;
}

.honorBox #certify-honor {

    opacity: 0;
    width  : 800px;

    position: absolute;
    left: 53%;
    top: 60%;
    transform: translate(-50%, -50%);
    z-index : -1;
}

.honorBox #certify-honor .certify-prev {
    /* left: 419px;
    top: 211px; */
    color                   : #fff;
    --swiper-navigation-size: 34px;
    background              : none;
    left                    : -160px;
    top                     : 120px;
}

/* #certify .swiper-button-next{
    background: none;
} */
.honorBox #certify-honor .certify-next {
    /* right: 188px; */
    color                   : #fff;
    /* top                  : 211px; */
    --swiper-navigation-size: 34px;
    background              : none;
    top                     : 121px;
    right                   : -160px;
}

.honorBox #certify-honor .swiper-slide {
    width              : 420px;
    height             : 289px;
    background         : none;
    box-shadow         : none;
    /* background-color: none; */
}

.honorBox #certify-honor .swiper-pagination-certify-honor {
    position: absolute;
    bottom  : -40px;
    left    : 50%;
    width: auto;
    transform: translateX(-50%);
}


.honorBox #certify-honor .swiper-button-prev {
    /* left: 1%; */
}

#certify-honor .swiper-pagination-bullets .swiper-pagination-bullet {
    border    : none;
    background: #C0C0C0;
    margin    : 0 5px;

    width  : 10px;
    height : 10px;
    opacity: 1;
}

#certify-honor .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border    : none;
    background: #3274D7;
}

#certify-honor .slide-box img {
    width : 100%;
    height: 100%;

}

/* 按钮特效 */
.tabber-box {
    height              : 180px;
    display             : -webkit-box;
    display             : flex;
    /* -webkit-box-align: center; */
    align-items         : center;
    /* -webkit-box-pack : center; */
    justify-content     : center;
    font-size           : 15px;
    font-family         : Microsoft YaHei;
    font-weight         : 400;
    color               : rgb(41, 25, 25);
    z-index             : 999;
    position            : absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}

/*#fullpage svg {*/
/*    display: none;*/
/*}*/

.tabber {
    /* font-size: 4.2rem; */
    position          : relative;
    display           : -webkit-box;
    /* display        : flex; */
    -webkit-box-align : stretch;
    /* align-items    : stretch; */
    -webkit-box-pack  : stretch;
    /* justify-content: stretch; */
}

.tabber label {
    width              : 101px;
    height             : 37px;
    text-align         : center;
    line-height        : 37px;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    /* padding         : 2rem; */
    cursor             : pointer;
    will-change        : transform;
    -webkit-transform  : translateZ(0px);
    transform          : translateZ(0px);
    -webkit-transition : -webkit-transform 125ms ease-in-out, -webkit-filter 125ms ease-in-out;
    transition         : -webkit-transform 125ms ease-in-out, -webkit-filter 125ms ease-in-out;
    transition         : transform 125ms ease-in-out, filter 125ms ease-in-out;
    transition         : transform 125ms ease-in-out, filter 125ms ease-in-out, -webkit-transform 125ms ease-in-out, -webkit-filter 125ms ease-in-out;

}

.tabber label:hover {
    -webkit-transform: scale(1.15);
    transform        : scale(1.15);
}

.tabber input[type="radio"] {
    display: none;
}

.tabber input[type="radio"]#t1~.blob {
    /* -webkit-transform-origin: bottom center; */
    transform-origin: bottom center;
}

.tabber input[type="radio"]#t2~.blob {
    /* -webkit-transform-origin: left center; */
    transform-origin: top center;
}

.tabber input[type="radio"]#t1:checked~.blob {
    background            : cornflowerblue;
    -webkit-animation-name: stretchyRev;
    animation-name        : stretchyRev;
    top                   : -58px;
}

.tabber input[type="radio"]#t2:checked~.blob {
    background            : cornflowerblue;
    -webkit-animation-name: stretchy;
    animation-name        : stretchy;
    top                   : -37px;
}

.tabber .blob {
    top                              : -90px;
    left                             : -6px;
    width                            : 104px;
    height                           : 37px;
    position                         : absolute;
    z-index                          : -1;
    border-radius                    : 4rem;
    -webkit-animation-duration       : .5s;
    animation-duration               : .5s;
    -webkit-animation-direction      : forwards;
    animation-direction              : forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count        : 1;
    -webkit-animation-fill-mode      : forwards;
    animation-fill-mode              : forwards;
    -webkit-transition               : background 150ms ease, -webkit-transform 150ms ease;
    transition                       : background 150ms ease, -webkit-transform 150ms ease;
    transition                       : transform 150ms ease, background 150ms ease;
    transition                       : transform 150ms ease, background 150ms ease, -webkit-transform 150ms ease;
    filter                           : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><filter id="goo"><feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" /><feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" /><feComposite in="SourceGraphic" in2="goo" operator="atop"/></filter></defs></svg>#goo');
}

.tabber .blob:before,
.tabber .blob:after {
    display                          : block;
    content                          : "";
    position                         : absolute;
    top                              : 0;
    background-color                 : inherit;
    height                           : 100%;
    width                            : 50%;
    border-radius                    : 100%;
    -webkit-transform                : scale(1.15);
    transform                        : scale(1.15);
    -webkit-transition               : -webkit-transform 150ms ease;
    transition                       : -webkit-transform 150ms ease;
    transition                       : transform 150ms ease;
    transition                       : transform 150ms ease, -webkit-transform 150ms ease;
    -webkit-animation-name           : pulse;
    animation-name                   : pulse;
    -webkit-animation-duration       : .5s;
    animation-duration               : .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count        : infinite;
    -webkit-animation-direction      : alternate;
    animation-direction              : alternate;
}

.tabber .blob:before {
    left                   : 0;
    -webkit-animation-delay: .15s;
    animation-delay        : .15s;
}

.tabber .blob:after {
    right: 0;
}

/* @-webkit-keyframes stretchy {
     0% {
       -webkit-transform: translateX(0) scaleX(1);
               transform: translateX(0) scaleX(1);
     }
     50% {
       -webkit-transform: translateX(0) scaleX(2);
               transform: translateX(0) scaleX(2);
     }
     100% {
       -webkit-transform: translateX(100%) scaleX(1);
               transform: translateX(100%) scaleX(1);
     }
   } */

@keyframes stretchy {
    0% {
        -webkit-transform: translateY(0) scaleY(1);
        transform        : translateY(0) scaleY(1);
    }

    50% {
        -webkit-transform: translateY(0) scaleY(2);
        transform        : translateY(0) scaleY(2);
    }

    100% {
        -webkit-transform: translateY(100%) scaleY(1);
        transform        : translateY(100%) scaleY(1);
    }
}

/* @-webkit-keyframes stretchyRev {
     0% {
       -webkit-transform: translateX(100%) scaleX(1);
               transform: translateX(100%) scaleX(1);
     }
     50% {
       -webkit-transform: translateX(0) scaleX(2);
               transform: translateX(0) scaleX(2);
     }
     100% {
       -webkit-transform: translateX(0) scaleX(1);
               transform: translateX(0) scaleX(1);
     }
   } */
@keyframes stretchyRev {
    0% {
        -webkit-transform: translateY(100%) scaleY(1);
        transform        : translateY(100%) scaleY(1);
    }

    50% {
        -webkit-transform: translateY(0) scaleY(2);
        transform        : translateY(0) scaleY(2);
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1);
        transform        : translateY(0) scaleY(1);
    }
}

@-webkit-keyframes pulse {

    0%,
    50% {
        -webkit-transform: scaleX(1);
        transform        : scaleX(1);
    }

    25%,
    75% {
        -webkit-transform: scaleX(1.5);
        transform        : scaleX(1.5);
    }
}

@keyframes pulse {

    0%,
    50% {
        -webkit-transform: scaleX(1);
        transform        : scaleX(1);
    }

    25%,
    75% {
        -webkit-transform: scaleX(1.5);
        transform        : scaleX(1.5);
    }
}

.tabber1 {

    position: absolute;
    top     : -58px;
}

.tabber .tabber2 {
    padding: 18px;
}

.qualifications-btn {

    color: rgba(255, 255, 255, 1);

}

.honor-btn {

    color     : rgba(30, 30, 30, 0.5);
    margin-top: -20px;

}

.certificate-btn {

    /* left: 72%;
    bottom: 7%; */
}

.content {
    width : 80%;
    margin: 200px auto;
}

.hide_box {
    z-index     : 999;
    filter      : alpha(opacity=50);
    background  : #1C263C;
    opacity     : 0.8;
    -moz-opacity: 0.5;
    left        : 0;
    top         : 0;
    height      : 100%;
    width       : 100%;
    position    : fixed;
    display     : none;
    /* opacity  : 0; */
}

.show_box {
    /* width: 1284px;
    height: 452px; */
    width    : 80%;
    position : fixed;
    z-index  : -1;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);

    /* display: none; */
    opacity: 0;
}


.show_close {
    cursor  : pointer;
    position: absolute;
    right   : 7px;
    top     : 12px;
}


/* 弹出的swiper */

@keyframes closedou {
    0% {
        transform: rotateZ(-10deg);
    }

    100% {
        transform: rotateZ(10deg);
    }
}
#popup-swiper-containe2 {
    display     : none;
    /* width    : 100%; */
}
#popup-swiper-containe2 .swiper-button-next, .swiper-button-prev{
    color: #fff;
}
#popup-swiper {

    position : relative;
    width    : 100%;
    color    : rgba(255, 255, 255, 1);
    /* margin: 65px auto */
}

#popup-swiper #popup-swiper-container {
    /* padding-bottom: 60px; */
    overflow: visible;
    width: 754px;
}
#popup-swiper-container .swiper-button-next, .swiper-button-prev{
    color: #fff;
}
#popup-swiper .swiper-slide {
    width     : 628px;
    height    : 432px;
    background: rgb(51, 126, 211);

    /* box-shadow: 0 8px 30px #ddd; */
    text-align         : left;
    flex-direction     : column;
    justify-content    : flex-start;
    background         : url("../img/tanchuang-bj.png") no-repeat;
    background-size    : 100% 100%;
    background-position: center;
    border-radius      : 8px;
    box-shadow         : 0px -1px 16px 4px rgba(17, 7, 7, 0.5)
}

#popup-swiper .swiper-slide-qiyeyuanjin {
    background         : url("../img/tanchuang-bj1.jpg") no-repeat;
    background-size    : 100% 100%;
    background-position: center;

}

#popup-swiper .swiper-slide img {
    display: block;

}

.popup-swiper-container-slide-title {
    font-size : 35px;
    position  : absolute;
    top       : -52px;
    width     : 100%;
    text-align: center;
}
.popup-swiper-container-slide-title-eng{
    position: absolute;

    font-size:35px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(46,56,87,1);
    text-align: center;
    width     : 100%;
    top: -70px;
}
.popup-swiper-container-slide-desc {
    font-size: 16px;
    width    : 85%;
    position : absolute;
    top      : 50%;

    /* margin-top: 30px; */
    line-height: 25px;

    left     : 50%;
    transform: translate(-50%, -44%);
}
#popup-swiper-container .popup-swiper-container-slide-close{
    right   : 8px;
}
.popup-swiper-container-slide-close {
    width   : 29px;
    height  : 29px;
    position: absolute;
    right   : 10px;
    top     : 15px;
    cursor  : pointer;
    z-index : 1000;
}
.popup-swiper-container-slide-close:hover{
    animation: closedou 0.1s 4;
}

.popup-swiper-container-slide-close img {
    width : 100%;
    height: 100%;
}

.common-footer {
    width: 100%;
    background-color:#082D60 ;
    /*padding-top: 80px;*/
    /* height: 100%;
    background: url("../../../common/footer/img/img_lianxiowomen_bg.jpg") no-repeat;
    background-size: cover;
    position: absolute; */

}

.common-header {
    width   : 100%;
    position: fixed;
    top     : 0;
    z-index : 1;
}


.footer-box {
    /* background-color: #072A5C; */
    padding-top:0 !important ;
}


body #fp-nav ul li a span {
    background: rgba(153, 153, 153, 1);
}