@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
    border: none;
}

a {
    text-decoration: none;
    color: #fff;
}

li {
    list-style: none;
}
.greyDiv a,.greyDiv a:hover{
    color: #9e9e9e;
}

/* html,body{background:#fff;-webkit-user-select:none;-moz-user-select:none;margin-top:0;} */

/* 全屏的容器 */

.full {
    width: 100%;
    height: 100vh;
    background-size: cover;
    position: relative;
}

/* 导航 */

/* 五大模块的轮播 */

.full #pieces {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}

.full .swp-pieces {
    width: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 50px;
    top: 0;
    z-index: 999;
}

.full .swp-pieces span {
    margin: 6px 0px;
}

.full .swiper-position {
    width: 60px;
    height: 30px;
    text-align: right;
    position: absolute;
    z-index: 997;
    right: 45px;
    top: 57%;
    font-size: 14px;
    color: #fff;
}

.full .swiper-position span {
    margin: -28px 0;
    visibility: hidden;
    margin-right: -33px;
}

.full .swiper-position .invisible {
    visibility: visible;
}

.my-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e2d6de;
}

.my-bullet-active {
    background: transparent;
    box-sizing: border-box;
    border: 1px solid #e2d6de;
}

.home-show button:hover {
    background-color: #006399;
    color: #fff;
}

.home .home-container {
    text-align: center;
}

.home .home-container .fullscreenvideo {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    background-size: cover;
}

.home .home-container .videocontainer {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.home .home-container .videocontainer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    background: rgba(23, 28, 41, 0.95);
}

.home .home-container .pageTex {
    padding-top: 13%;
}

.home .home-container .pageTex .topBar h6 {
    color: #7d89ab;
    font-size: 16px;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: 2px;
}

.home .home-container .pageTex .topBar img {
    display: block;
    width: 800px;
    text-align: center;
    margin: 0 auto;
    height: 2px;
}

.home .home-container .pageTex h1 {
    color: #fff;
    font-size: 42px;
    font-weight: bold;
    margin-top: 27px;
    letter-spacing: 10px;
}

.home .home-container .pageTex h5 {
    color: #e7e7e7;
    font-size: 18px;
    margin-top: 33px;
    letter-spacing: 4px;
}

.home .home-container .pageTex .applyBtn {
    margin-top: 50px;
}


.applyBtnOther a {
    position: absolute;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    position: absolute;    
    transform: translate(-50%, -50%);
    text-align: center;
    top: 58%;
    right: 38%;
}

.applyBtnOther a:hover {
    background-color: #006399;
    color: #fff;
    border-color: #006399;
}




.home .home-container .pageTex .applyBtn a {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}

.home .home-container .pageTex .applyBtn a:hover {
    background-color: #006399;
    color: #fff;
    border-color: #006399;
}



.rightInfo {
    font-size: 12px;
    color: #9e9e9e;
    position: absolute;
    left: 24px;
    bottom: 20px;
    text-align: left;
}

.rightInfo img {
    display: inline-block;
    width: 130px;
}

.rightInfo div {
    margin-top: 10px;
    line-height: 20px;
    font-size: 12px;
}

.proBox-swiper {
    background-color: #091150;
    /* background: url(../images/indexIcon/dataBj.jpg) no-repeat;
    background-size: 100% 100%; */
    width: 100%;
    position: relative;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

.proBox-swiper .circleBox {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 0;
}

/* .proBox-swiper .circleBox .dot {
    position: absolute;
    width: 130px;
    height: 130px;
    border: solid 1px #2fe3f3;
    background: #101b5f;
    border-radius: 50%;
    top: 42%;
    left: 42%;
  
}

.proBox-swiper .circleBox .pulse {
    position: absolute;
    width: 240px;
    height: 240px;
    border: solid 1px #2fe3f3;
    background: #0e185b;
    border-radius: 50%;
    top: 34%;
    left: 38%;
   
}

.proBox-swiper .circleBox .pulse1 {
    position: absolute;
    width: 350px;
    height: 350px;
    border: solid 1px #2fe3f3;
    background: #0d1759;
    border-radius: 50%;
    top: 26%;
    left: 34%;
   
}

.proBox-swiper .circleBox .pulse2 {
    position: absolute;
    width: 460px;
    height: 460px;
    border: solid 1px #2fe3f3;
    background: #0c1657;
    border-radius: 50%;
    top: 18%;
    left: 30%;
    
}

.proBox-swiper .circleBox .pulse3 {
    position: absolute;
    width: 570px;
    height: 570px;
    border: solid 1px #2fe3f3;
    background: #0b1555;
    border-radius: 50%;
    top: 10%;
    left: 26%;
   
}

.proBox-swiper .circleBox .pulse4 {
    position: absolute;
    width: 680px;
    height: 680px;
    border: solid 1px #10336c;
    background: #0a1353;
    border-radius: 50%;
    top: 2%;
    left: 22%;
} */

.proBox-swiper .product .product-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.proBox-swiper .product .product-container .topTex {
    position: relative;
    text-align: center;
    margin-top: -3%;
}

.proBox-swiper .product .product-container .topTex h5 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 13px;
}

.proBox-swiper .product .product-container .topTex h6 {
    color: #23ffce;
    font-size: 12px;
    font-weight: 400;
 
}

/* .proBox-swiper .product .product-container .proMain-box {
    margin: 2% auto;
    text-align: center;
    width: 460px;
    position: relative;
} */

.proBox-swiper .product .product-container .proMain-box {
    margin: 0 auto;
    text-align: center;
    /* width: 460px; */
    position: relative;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* height: 100vh; */
    /* margin-top: -230px; */
}


/* .proBox-swiper .product .product-container .proMain-box .leftPro {
    margin-left: 30px;
}

.proBox-swiper .product .product-container .proMain-box .rightPro {
    margin-right: 30px;
} */

.proBox-swiper .product .product-container .proMain-box .leftPro li {
    margin-bottom: 20px;
    position: absolute;
    cursor: pointer;
}

.proBox-swiper .product .product-container .proMain-box .leftPro li img {
    display: inline-block;
    height: 63px;
}

.proBox-swiper .product .product-container .proMain-box .leftPro li:nth-child(1) {
    top: -60px;
    left: -196px;
}

.proBox-swiper .product .product-container .proMain-box .leftPro li:nth-child(2) {
    top: 16px;
    left: -315px;
}

.proBox-swiper .product .product-container .proMain-box .leftPro li:nth-child(3) {
    top: 120px;
    left: -370px;
}

.proBox-swiper .product .product-container .proMain-box .leftPro li:nth-child(4) {
    top: 215px;
    left: -290px;
}

.proBox-swiper .product .product-container .proMain-box .leftPro li:nth-child(5) {
    top: 290px;
    left: -180px;
}

@keyframes FadeIn {
    0% {
        opacity: 0;
        transform: scale(.1);
    }
    85% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.proBox-swiper .product .product-container .proMain-box .mainImg {
    position: relative;
    margin-top: 9%;
    position: relative;
}

.proBox-swiper .product .product-container .proMain-box .mainImg .imgDiv .mainPic {
    display: inline-block;
    width: 82%;
    /* animation: FadeIn 1s linear;
    animation-fill-mode: both;
    z-index: 0; */
}

@keyframes rightEaseInAnimate {
    /*定义从右边滑入文字的动画*/
    0% {
        transform: translateX(80px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes leftEaseInAnimate {
    /*定义从左边滑入文字的动画*/
    0% {
        transform: translateX(-80px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.imgDiv .leftPC {
    display: inline-block;
    width: 274px;
    position: absolute;
    top: 10px;
    left: 93px;
    opacity: 0;
}

#imgDiv.active .leftPC {
    animation: rightEaseInAnimate 1.5s ease 1;
    /*调用动画：动画名、时间、时间线条、播放次数*/
    animation-fill-mode: forwards;
    /*定义动画结束的状态*/
}

.imgDiv .leftPC img {
    display: inline-block;
    width: 100%;
}

.imgDiv .rightPhone {
    display: inline-block;
    width: 232px;
    position: absolute;
    right: 100px;
    bottom: 73px;
    opacity: 0;
}

#imgDiv.active .rightPhone {
    animation: leftEaseInAnimate 1.5s ease 1;
    /*调用动画：动画名、时间、时间线条、播放次数*/
    animation-fill-mode: forwards;
    /*定义动画结束的状态*/
}

.imgDiv .rightPhone img {
    display: inline-block;
    width: 100%;
}

.proBox-swiper .product .product-container .proMain-box .mainImg .leftImg {
    position: absolute;
    left: 56px;
    top: 47px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    opacity: 0;
}

#mainImg.active .leftImg {
    animation: rightEaseInAnimate 1.1s ease 1;
    /*调用动画：动画名、时间、时间线条、播放次数*/
    animation-fill-mode: forwards;
    /*定义动画结束的状态*/
}

/* .proBox-swiper .product .product-container .proMain-box .mainImg .leftImg span {
    display: inline-block;
    text-align: center;
} */

.proBox-swiper .product .product-container .proMain-box .mainImg .leftImg img {
    display: block;
    width: 80px;
}

.proBox-swiper .product .product-container .proMain-box .mainImg .leftImg div {
    margin-top: 2px;
}

.proBox-swiper .product .product-container .proMain-box .mainImg .rightImg {
    position: absolute;
    right: 79px;
    top: 56px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    opacity: 0;
}

#mainImg.active .rightImg {
    animation: leftEaseInAnimate 1.1s ease 1;
    /*调用动画：动画名、时间、时间线条、播放次数*/
    animation-fill-mode: forwards;
    /*定义动画结束的状态*/
}

/* .proBox-swiper .product .product-container .proMain-box .mainImg .rightImg span {
    display: inline-block;
    text-align: center;
} */

.proBox-swiper .product .product-container .proMain-box .mainImg .rightImg img {
    display: block;
    width: 80px;
}

.proBox-swiper .product .product-container .proMain-box .mainImg .rightImg div {
    margin-top: 2px;
}

.proBox-swiper .product .product-container .proMain-box .rightPro li {
    margin-bottom: 20px;
    position: absolute;
    cursor: pointer;
}

.proBox-swiper .product .product-container .proMain-box .rightPro li img {
    display: inline-block;
    height: 63px;
}

.proBox-swiper .product .product-container .proMain-box .rightPro li:nth-child(1) {
    top: -60px;
    right: -196px;
}

.proBox-swiper .product .product-container .proMain-box .rightPro li:nth-child(2) {
    top: 16px;
    right: -315px;
}

.proBox-swiper .product .product-container .proMain-box .rightPro li:nth-child(3) {
    top: 120px;
    right: -300px;
}

.proBox-swiper .product .product-container .proMain-box .rightPro li:nth-child(4) {
    top: 215px;
    right: -290px;
}

.proBox-swiper .product .product-container .proMain-box .rightPro li:nth-child(5) {
    top: 290px;
    right: -180px;
}

@keyframes warn {
    0% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    25% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        opacity: 0.3;
    }
    75% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@keyframes warn1 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.5;
    }
    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0;
    }
}

/*page3 会员资产管理*/

/* 解决方案 */

.solution {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.solution .solution-container {
    /* width:1092px;
    height:350px; */
    width: 100%;
    height: 100%;
    /* width:80.4vw;
    height:56vh; */
    position: absolute;
    overflow: hidden;
}

.solution .solution-container .solution-info {
    width: 20%;
    /* width:168px; */
    /* width: 12.4vw; */
    height: 100%;
    /* margin-right:1vw; */
    border-radius: 3px;
    text-align: center;
    float: left;
    position: relative;
}

.solution .solution-container .solution-info .dialogBj {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.solution .solution-container .solution-info:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.solution .solution-container .solution-info:hover h3 {
    /* margin-top:28px; */
    /* margin-top:4.5vh; */
    border-bottom: 2px solid #fff;
    width: 80%;
    margin: 0 auto;
    margin-top: 7%;
    position: relative;
}

.solution .solution-container .solution-info:hover .solution-img {
    visibility: visible;
}

.solution .solution-container .solution-info:hover .solution-brief {
    visibility: visible;
}

.solution .solution-container .solution-info:hover button {
    visibility: visible;
}

.solution .solution-container .solution-info .imgIcon {
  width: 70px;
  height: 70px;
  text-align: center;
  margin: 35vh auto 0;
  overflow: hidden;
}

.solution .solution-container .solution-info .imgIcon img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.solution .solution-container .solution-info:hover .imgIcon {
    visibility: hidden;
}

.solution .solution-container .solution-info h3 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    /* margin-top:273px; */
    /* margin-top:44vh; */
    position: relative;
    padding-bottom: 20px;
}

.solution .solution-container .solution-info h3 span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    margin-top: 7px;
}

.solution .solution-container .solution-info h3 .lineBor {
    display: block;
    height: 3px;
    background-color: #23ffce;
    width: 20%;
    margin: 0 auto;
    margin-top: 20px;
    position: absolute;
    bottom: -2px;
    left: 40%;
}

.solution .solution-container .solution-info p {
    font-size: 13px;
    color: #eaeaea;
    margin-top: 13px;
    /* margin-top:2.1vh; */
}

.solution .solution-container .solution-info .solution-brief {
    box-sizing: border-box;
    visibility: hidden;
    padding: 0 7px;
    line-height: 18px;
    height: 54px;
    /* padding:0 0.5vw;
    line-height:2.9vh; */
    font-size: 12px;
    color: #fff;
    /* width:168px; */
    /* width: 12.4vw; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10%;
}

.solution .solution-container .solution-info button {
    width: 72px;
    height: 30px;
    /* width:5.3vw;
    height:4.8vh; */
    visibility: hidden;
    border: 1px solid #00ffff;
    font-size: 10px;
    background: #00ffff;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    /* margin-top:14px; */
    margin-top: 10%;
    outline: none;
}

.solution .solution-container .solution-info:hover .dialogBj {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.solutionPro {
    background: url(../images/indexIcon/solutionPro-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.solutionPro .rightCon {
    background: url(../images/indexIcon/mapBj.jpg);
    width: 54%;
    padding: 2% 3%;
    /* height: auto; */
    height: 460px;
    float: right;
    margin-top: 7%;
    margin-right: 12%;
    background-size: 100%;
    right: 0;
    position: absolute;
    top: 53%;
    margin-top: -230px;
}

.solutionPro .rightCon .list {
    float: left;
    width: 30%;
    margin-bottom: 3%;
}

.solutionPro .rightCon .list .Icon img {
    display: inline-block;
    width: 60px;
}

.solutionPro .rightCon .list h5 {
    font-size: 16px;
    font-weight: bold;
    color: #2e2e2e;
}

.solutionPro .rightCon .list h5 span {
    display: inline-block;
    background-color: #00ffff;
    height: 3px;
    width: 42px;
    display: block;
    margin-top: 10px;
}

.solutionPro .rightCon .list div {
    font-size: 12px;
    line-height: 20px;
}

.solutionPro .rightCon .list .btnDiv {
    margin-top: 8px;
}

.solutionPro .rightCon .list .btnDiv a {
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #9b9b9b;
    padding: 2px 16px;
    font-size: 12px;
}

.solutionPro .rightCon .list .btnDiv a:hover {
    background-color: #23eecf;
    border-color: #23eecf;
    color: #fff;
}

.solutionPro .rightCon .list:nth-child(1) {
    margin-right: 5%;
}

.solutionPro .rightCon .list:nth-child(2) {
    margin-right: 5%;
}

.solutionPro .rightCon .list:nth-child(4) {
    margin-right: 5%;
    margin-bottom: 0;
}

.solutionPro .rightCon .list:nth-child(5) {
    margin-right: 5%;
    margin-bottom: 0;
}

.solutionPro .rightCon .list:nth-child(6) {
    margin-bottom: 0;
}

.brandBox {
    background: url(../images/indexIcon/blueBj.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.brandBox .branchTitle {
    text-align: center;
    /* padding-top: 6%; */
}

.brandBox .branchTitle h5 {
    font-size: 22px;
    font-weight: bold;
}

.brandBox .branchImg {
    text-align: center;
    margin-top: 4%;
    /* font-size: 0; */
    /* position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -391px;
  margin-top: -126px; */
}

.brandBox .branchImg .branchImg-first .imgBox {
    display: inline-block;
    background-color: #fff;
    width: 130px;
    height: 130px;
    transform: rotate(45deg);
    margin-right: 60px;
    margin-bottom: 6px;
    padding-top: 34px;
    overflow: hidden;
}

.brandBox .branchImg .branchImg-first .imgBox img {
    transform: rotate(-45deg);
    display: inline-block;
    width: 100%;
}

.brandBox .branchImg .branchImg-first .imgBox:nth-child(1):hover img {
    content: url(../images/indexIcon/branchImg01.png);
}

.brandBox .branchImg .branchImg-first .imgBox:nth-child(2):hover img {
    content: url(../images/indexIcon/branchImg02.png);
}

.brandBox .branchImg .branchImg-first .imgBox:nth-child(3):hover img {
    content: url(../images/indexIcon/branchImg03.png);
}

.brandBox .branchImg .branchImg-first .imgBox:nth-child(4):hover img {
    content: url(../images/indexIcon/branchImg04.png);
}

.brandBox .branchImg .branchImg-first .imgBox:nth-child(5):hover img {
    content: url(../images/indexIcon/branchImg05.png);
}

.brandBox .branchImg .branchImg-first .imgBox:nth-child(5) {
    margin-right: 0;
}

.brandBox .branchImg .branchImg-second {
    margin-top: -40px;
}

.brandBox .branchImg .branchImg-second .imgBox {
    display: inline-block;
    background-color: #fff;
    width: 130px;
    height: 130px;
    transform: rotate(45deg);
    margin-right: 60px;
    margin-bottom: 6px;
    padding-top: 34px;
    overflow: hidden;
}

.brandBox .branchImg .branchImg-second .imgBox img {
    transform: rotate(-45deg);
    display: inline-block;
    width: 100%;
}

.brandBox .branchImg .branchImg-second .imgBox:nth-child(1):hover img {
    content: url(../images/indexIcon/branchImg13.png);
}

.brandBox .branchImg .branchImg-second .imgBox:nth-child(2):hover img {
    content: url(../images/indexIcon/branchImg11.png);
}

.brandBox .branchImg .branchImg-second .imgBox:nth-child(3):hover img {
    content: url(../images/indexIcon/branchImg09.png);
}

.brandBox .branchImg .branchImg-second .imgBox:nth-child(4):hover img {
    content: url(../images/indexIcon/branchImg06.png);
}

.brandBox .branchImg .branchImg-second .imgBox:nth-child(4) {
    margin-right: 0;
}

.brandBox .branchImg .branchImg-three {
    margin-top: -40px;
}

.brandBox .branchImg .branchImg-three .imgBox {
    display: inline-block;
    background-color: #fff;
    width: 130px;
    height: 130px;
    transform: rotate(45deg);
    margin-right: 60px;
    margin-bottom: 6px;
    padding-top: 34px;
    overflow: hidden;
}

.brandBox .branchImg .branchImg-three .imgBox img {
    transform: rotate(-45deg);
    display: inline-block;
    width: 100%;
}

.brandBox .branchImg .branchImg-three .imgBox:nth-child(1):hover img {
    content: url(../images/indexIcon/branchImg14.png);
}

.brandBox .branchImg .branchImg-three .imgBox:nth-child(2):hover img {
    content: url(../images/indexIcon/branchImg12.png);
}

.brandBox .branchImg .branchImg-three .imgBox:nth-child(3):hover img {
    content: url(../images/indexIcon/branchImg10.png);
}

.brandBox .branchImg .branchImg-three .imgBox:nth-child(4):hover img {
    content: url(../images/indexIcon/branchImg08.png);
}

.brandBox .branchImg .branchImg-three .imgBox:nth-child(5):hover img {
    content: url(../images/indexIcon/branchImg07.png);
}

.brandBox .branchImg .branchImg-three .imgBox:nth-child(5) {
    margin-right: 0;
}

.brandBox .branchImg .imgBox {
    border: 2px solid #fff;
}

.brandBox .branchImg .imgBox:hover {
    border: 2px solid #23eecf;
}

.newsBox {
    background-image: url(../images/indexIcon/newsBj.jpg);
    background-size: cover;
    background-color: #2966c8;
    width: 100vw;
    height: 100%;
    position: relative;
    padding-top: 8%;
}

.newsBox .newsTitle {
    width: 32%;
    margin-left: 8%;
    margin-top: 10%;
    color: #fff;
    padding-left: 3%;
}

.newsBox .newsTitle h5 {
    font-size: 22px;
}

.newsBox .newsTitle .en {
    font-size: 22px;
    font-weight: bold;
}

.newsBox .newsTitle .moreBtn a {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px;
    padding: 8px 44px;
    margin-top: 31px;
}

.newsBox .mapInfo {
    margin-top: 15%;
}

.newsBox .mapInfo .line {
    margin-bottom: 30px;
}

.newsBox .mapInfo .line .icon {
    margin-right: 11px;
}

.newsBox .mapInfo .line .icon img {
    display: inline-block;
    width: 24px;
    vertical-align: top;
    margin-top: 6px;
}

.newsBox .mapInfo .line .contactRight {
    border-left: 1px solid #fff;
    padding-right: 10px;
    color: #fff;
    padding-left: 8px;
    font-size: 12px;
}

.newsBox .mapInfo .phone {
    margin-left: 42px;
    margin-top: -26px;
}

.newsBox .newsInfoRight {
    width: 50%;
    color: #fff;
    position: relative;
}

.newsBox .newsInfoRight .item {
    width: 40%;
    display: inline-block;
    float: left;
    border-left: 1px solid #7b99ca;
    border-right: 1px solid #7b99ca;
    height: 100vh;
    position: relative;
}

.newsBox .newsInfoRight .item .itemCon {
    position: absolute;
    padding: 3% 6%;
    height: 100%;
}

.newsBox .newsInfoRight .item .dialogBj {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    width: 100%;
    height: 80vh;
    left: 0;
    top: 0;
}

.newsBox .newsInfoRight .item .data {
    font-size: 74px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 14%;
}

.newsBox .newsInfoRight .item .newsInfo .time {
    margin-top: 7%;
    font-weight: bold;
}

.newsBox .newsInfoRight .item .newsInfo .title {
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}

.newsBox .newsInfoRight .item .newsInfo .newsImg {
    display: inline-block;
    margin-top: 14%;
}

.newsBox .newsInfoRight .item .newsInfo .newsImg img {
    display: inline-block;
    width: 100%;
}

.newsBox .newsInfoRight .item .newsInfo .newsCon {
    font-size: 12px;
    line-height: 18px;
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.newsBox .newsInfoRight .item .newsInfo .rightArrow {
    margin-top: 11%;
    cursor: pointer;
}

.newsBox .newsInfoRight .item .newsInfo .rightArrow img {
    display: inline-block;
    width: 16px;
}

.newsBox .newsInfoRight .item:nth-child(2) {
    border-left: none;
}

.newsBox .newsInfoRight .itemCon:hover {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
}

/*sipwer*/

.my-bullet {
    border-radius: 0;
    height: 2px;
    width: 16px;
}

.my-bullet-active {
    background: url(../images/indexIcon/curPage.png) no-repeat;
    width: 49px;
    height: 6px;
    border: none;
    background-size: 100%;
}

.my-bullet-active {
    outline: none;
}

.full .swp-pieces {
    align-items: flex-end;
}

@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-4px);
    }
    50%,
    100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(4px);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-4px);
    }
    50%,
    100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(4px);
    }
}

.animate-bounce-down {
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}

@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(4px);
    }
    50%,
    100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-4px);
    }
}

@keyframes bounce-up {
    25% {
        transform: translateY(4px);
    }
    50%,
    100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-4px);
    }
}

.animate-bounce-up {
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite;
}

/* 
.aninode {
  visibility: hidden;
}
.animated .aninode {
  visibility: visible;
} */

.targets {
    margin: 20px 0;
}

.targets .item {
    border: 1px solid #ccc;
    margin: 10px 0;
    line-height: 2;
    padding: 2px 6px;
    border-radius: 4px;
}

.animated .topIn {
    animation: topIn 1s ease;
}

.animated .leftIn {
    animation-name: leftIn;
    animation-duration: 1s;
}

@keyframes topIn {
    from {
        transform: translateY(-50px)
    }
    to {
        transform: translateY(0px)
    }
}

@keyframes leftIn {
    from {
        transform: translateX(-50px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

.delay200 {
    animation-delay: 200ms;
    animation-fill-mode: backwards !important;
}

.delay400 {
    animation-delay: 400ms;
    animation-fill-mode: backwards !important;
}

.delay600 {
    animation-delay: 600ms;
    animation-fill-mode: backwards !important;
}

.delay800 {
    animation-delay: 800ms;
    animation-fill-mode: backwards !important;
}

@media (min-width:1336px) and (max-width: 1920px) {
  .proBox-swiper .circleBox .dot {
    position: absolute;
    width: 200px;
    height: 200px;
    border: solid 1px #25a5c5;
    background: #101b5f;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    z-index: 9;
    /* animation: warn 2s infinite;
    -webkit-animation: warn 2s infinite; */
  }

  .proBox-swiper .circleBox .pulse {
    position: absolute;
    width: 340px;
    height: 340px;
    border: solid 1px #133c76;
    background: #0e185b;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -170px;
    z-index: 8;
    /* animation: warn 2s infinite;
    -webkit-animation: warn 2s infinite; */
  }

  .proBox-swiper .circleBox .pulse1 {
    position: absolute;
    width: 520px;
    height: 520px;
    border: solid 1px #133c76;
    background: #0d1759;

    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -260px;
    z-index: 7;
    /* animation: warn 2s infinite;
    -webkit-animation: warn 2s infinite; */
  }

  .proBox-swiper .circleBox .pulse2 {
    position: absolute;
    width: 720px;
    height: 720px;
    border: solid 1px #133c76;
    background: #0c1657;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -360px;
    margin-left: -360px;
    z-index: 6;
    /* animation: warn 2s infinite;
    -webkit-animation: warn 2s infinite; */
  }

  .proBox-swiper .circleBox .pulse3 {
    position: absolute;
    width: 940px;
    height: 940px;
    border: solid 1px #133c76;
    background: #0b1555;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -470px;
    margin-left: -470px;
    z-index: 5;
    /* animation: warn 2s infinite;
    -webkit-animation: warn 2s infinite; */
  }

  .proBox-swiper .circleBox .pulse4 {
    position: absolute;
    width: 1100px;
    height: 1100px;
    border: solid 1px #133c76;
    background: #0a1353;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -550px;
    margin-left: -550px;
    z-index: 4;
    /* animation: warn 2s infinite;
    -webkit-animation: warn 2s infinite; */
  }
}