@import'swiper.css';

html,
body {
    overflow-x: hidden;
}

body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    line-height: 1.4;
}

ul,
li {
    list-style-type: none;
}

.vr-body img {
    border: 0;
}

.vr-body a {
    text-decoration: none;
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.vr-tran01 {
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.vr-body {
    max-width: 1920px;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    overflow: hidden;
    position: relative;
    background: #fff;
    font-size: 16px;
    color: #333;
}

.vr-body * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.vr-head {
    padding-bottom: 56.25%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/head.jpg);
    background-size: cover;
    height: 0;
    position: relative;
    overflow: hidden;
}

.vr-head-position {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.vr-head-pax {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
}

.vr-head-position .vr-head-text {
    text-align: center;
    width: 68.229167%;
    margin: 0px auto;
    position: absolute !important;
    z-index: 9;
    top: 50% !important;
    left: 50% !important;
    margin-left: -34%;
    margin-top: -20%;
}

.vr-head-position .vr-head-logo {
    width: 7.175573%;
    height: 0;
    padding-bottom: 7.175573%;
    display: inline-block;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
}

.vr-head-position .vr-head-title {
    width: 100%;
    height: 0;
    padding-bottom: 8.549418%;
    background: url(../images/b_textbig.png) no-repeat;
    display: inline-block;
    margin-top: 2.290076%;
    background-size: contain;
}

.vr-head-position .vr-head-viod {
    width: 60.458015%;
    height: 0;
    padding-bottom: 12.977099%;
    background: url(../images/b_textsmall.png) no-repeat;
    display: inline-block;
    margin-top: 3.053435%;
    background-size: contain;
}

.vr-head-position .vr-ioc01 {
    width: 8.015267%;
    height: 0;
    padding-bottom: 8.015267%;
    font-size: 0;
    position: absolute;
    left: 5%;
    top: 32%;
}

.vr-head-position .vr-ioc01_dian {
    width: 23%;
    height: 0;
    padding-bottom: 23%;
    background: #5079cc;
    border-radius: 5px;
    display: inline-block;
    margin: 4.33333333% 3.33333333%;
}

.vr-head-position .vr-ioc02 {
    width: 3.5385417%;
    height: 0;
    padding-bottom: 3.3385417%;
    font-size: 0;
    position: absolute;
    bottom: 24%;
    left: 30%;
}

.vr-head-position .vr-ioc02_dian {
    width: 15%;
    height: 0;
    padding-bottom: 15%;
    background: #5ae8fc;
    display: inline-block;
    margin: 5%;
}

.vr-head-position .vr-ico03 {
    position: absolute;
    width: 5.208333333%;
    height: 0;
    padding-bottom: 17.270833%;
    background: url(../images/b_ico01.png) no-repeat center;
    background-size: contain;
    right: 8.3333333%;
    top: 13.541667%;
    z-index: 4;
}

.vr-head-position .vr-quan {
    position: absolute;
    top: -12%;
    left: 0;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    border: 3px dotted #99daf1;
    z-index: 3;
    display: block;
    animation: vr-xz 10s infinite linear;
}

.vr-head-position .vr-quan2 {
    position: absolute;
    top: 9.895833%;
    right: 3.125%;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    border: 2px dotted #99daf1;
    z-index: 3;
    display: block;
    -webkit-animation: vr-xz 15s infinite linear;
    animation: vr-xz 5s infinite linear;
}


.vr-head-position .vr-quan3 {
    position: absolute;
    top: 12.541667%;
    left: 15.104167%;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 2px dotted #fa1a84;
    z-index: 3;
    display: block;
    animation: vr-xz 5s infinite linear;
}

.vr-head-position .vr-quan4 {
    position: absolute;
    bottom: 14.104167%;
    right: 14.0625%;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 2px dotted #fa1a84;
    z-index: 3;
    display: block;
    animation: vr-xz 8s infinite linear;
}

.vr-head-position .vr-lineBack {
    width: 25.9375%;
    height: 0;
    padding-bottom: 18.072917%;
    position: absolute;
    z-index: 0;
    top: 35% !important;
    left: 40% !important;
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    background: url(../images/b_icon06.png) no-repeat;
    background-size: contain;
}

.vr-head-position .vr-line_red01 {
    position: absolute;
    left: 16.40625% !important;
    top: 15.104167% !important;
    width: 5%;
    height: 2px;
    background: #fa1a84;
    animation: vr-redline 3s infinite linear;
    -webkit-animation: vr-redline 3s infinite linear;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

.vr-head-position .vr-line_red02 {
    position: absolute;
    right: 15.625% !important;
    bottom: 16.666667% !important;
    width: 2%;
    height: 2px;
    background: #fa1a84;
    animation: vr-redline 4s infinite linear;
    -webkit-animation: vr-redline 4s infinite linear;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

.vr-head-position .vr-yuan {
    width: 28.645833%;
    height: 0;
    padding-bottom: 34.375%;
    position: absolute !important;
    z-index: 1;
    top: 50% !important;
    left: 50% !important;
    margin: -20% 0 0 -14.3%;
}

.vr-head-position .vr-yuan .up {
    width: 85.272727%;
    height: 0;
    padding-bottom: 88.545455%;
    background: url(../images/b_icon02.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.vr-head-position .vr-yuan .down {
    width: 85.272727%;
    height: 0;
    padding-bottom: 88.545455%;
    background: url(../images/b_icon01.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* 圆圈动画 */
@-webkit-keyframes vr-xz {
    0% {
        transform: rotate(0deg);
    }
}

@keyframes vr-xz {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes vr-redline {
    0% {
        width: 5%;
    }
}

@keyframes vr-redline {
    100% {
        width: 18.9%;
    }
}


.vr-head-position .vr-line {
    position: absolute;
    left: -800px;
    top: 90px;
    height: 2px;
    animation: vr-z_l 4s infinite;
    animation-timing-function: easeInOutSine;
    width: 30%;
}

.vr-head-position .vr-line2 {
    position: absolute;
    left: -200px;
    top: 50%;
    height: 2px;
    animation: vr-z_l 7s infinite;
    animation-timing-function: easeInBack;
    width: 20%;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;

}

.vr-head-position .vr-line3 {
    position: absolute;
    left: 0px;
    top: 30%;
    height: 2px;
    animation: vr-z_l 2s infinite;
    animation-timing-function: easeInOutBack;
    width: 60%;
    animation-delay: 7s;
    -webkit-animation-delay: 7s;
}

.vr-head-position .vr-line4 {
    position: absolute;
    left: 0px;
    top: 0%;
    height: 2px;
    animation: vr-z_l 9s infinite;
    animation-timing-function: easeInBounce;
    width: 10%;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.vr-head-position .vr-line5 {
    position: absolute;
    bottom: -200px;
    top: 0;
    left: 10%;
    height: 300px;
    animation: vr-z_l2 4s infinite;
    animation-timing-function: easeInOutSine;
    width: 2px;
}

.vr-head-position .vr-line5.six {
    left: 26.041667%;
    animation: vr-z_l2 8s infinite;
    animation-timing-function: easeInOutExpo;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.vr-head-position .vr-line5.serven {
    left: 80%;
    animation: vr-z_l2 6s infinite;
    animation-timing-function: easeOutQuart;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.vr-head-position .vr-line5.thou {
    left: 60%;
    animation: vr-z_l2 6s infinite;
    animation-timing-function: easeInQuart;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.vr-head-position .vr-line5.ten {
    left: 95%;
    animation: vr-z_l2 3s infinite;
    animation-timing-function: easeInQuart;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

/* 线动画 */
@-webkit-keyframes vr-z_l {
    0% {
        background: rgba(90, 232, 252, .8);
    }
}

@-webkit-keyframes vr-z_l {
    50% {
        background: rgba(90, 232, 252, .5);
    }
}

@keyframes vr-z_l {
    100% {
        left: 100%;
        background: rgba(90, 232, 252, .2);
    }
}

@-webkit-keyframes vr-z_l2 {
    0% {
        background: rgba(90, 232, 252, .8);
    }
}

@-webkit-keyframes vr-z_l2 {
    50% {
        background: rgba(90, 232, 252, .5);
    }
}

@keyframes vr-z_l2 {
    100% {
        top: 100%;
        background: rgba(90, 232, 252, .2);
    }
}

.vr-head-position .vr-sj {
    width: 3.385417%;
    height: 0;
    padding-bottom: 3.385417%;
    position: absolute;
    top: 22.395833%;
    right: 15.885417%;
}

.vr-head-position .vr-sj.two {
    top: auto;
    right: 21.09375%;
    bottom: 9.895833%;
}

.vr-head-position .vr-sj_dian {
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #4392ce transparent;
    display: inline-block;
    margin: -8px 6px;
}

.vr-container {
    width: 86%;
    margin: 0px auto;
    position: relative;
}

.vr-menus {
    width: 30px;
    position: fixed;
    right: 0%;
    top: 12%;
    z-index: 99;
    text-align: center;
    height: 0;
    padding-bottom: 200%;
    transition: all 800ms ease;
}

.vr-menus:hover {
    width: 290px;
    padding-right: 20px;
}

.vr-showMenu {
    width: 85px;
    height: 85px;
    cursor: pointer;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    padding: 40px 0 0 20px;
    opacity: 1;
    transition: all 800ms ease;    
}

.vr-menus:hover .vr-showMenu { 
    display: inline-block;
}

.vr-showMenu.close {}

.vr-showMenu i {
    width: 45px;
    height: 4px;
    background: #315ad7;
    position: relative;
    display: block;
}

.vr-showMenu.close i {
    background-color: transparent;
}

.vr-showMenu i::after,
.vr-showMenu i::before {
    content: '\20';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 35px;
    height: 4px;
    background: #315ad7;
    display: block;
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.vr-showMenu i::before {
    width: 45px;
    bottom: auto;
    top: -10px;
}

.vr-showMenu.close i::after {
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
    width: 45px;
    margin: -2px 0 0 -22px;
}

.vr-showMenu.close i::before {
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
    width: 45px;
    margin: -2px 0 0 -22px;
}

.vr-menu {
    margin-top: 10px;
    width: 270px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-radius: 150px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -ms-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.vr-menu.show {
    height: auto;
    padding: 70px 60px;
    opacity: 1;
}

.vr-menutitle {
    display: none;
}

.vr-menu li {
    font-size: 18px;
    padding: 5px 0;
    line-height: 1;
}

.vr-menu li a {
    color: #315ad7;
    padding: 13px 0;
    display: block;
    border-radius: 20px;
}

.vr-menu li a:hover {
    color: #30d8af;
    background: #315ad7;
}

.vr-part00 {
    padding: 90px 0; 
}

.vr-part00::after {
    content: '\20';
    position: absolute;
    width: 19.53125%;
    height: 0;
    padding-bottom: 5.104167%;
    top: -50px;
    right: 140px;
    background: url(../images/ico_01.png) no-repeat;
    background-size: 100% auto;
}

.vr-part00_head {
    background: url(../images/title_00.png) no-repeat;
    background-size: contain;
    padding-bottom: 6.822917%;
    height: 0;
}

.vr-part00_main {
    position: relative;
    padding: 80px 0 10px 0;
    font-size: 0;
    margin-left: -5%;
}

.vr-part00_main-item {
    width: 16.6666667%;
    text-align: center;
    display: inline-block;
    margin-bottom: 50px;
}

.vr-part00_main-item-ico {
    display: inline-block;
    background: url(../images/Ticon01.png) no-repeat center top;
    background-size: auto 100%;
    height: 110px;
    width: 110px;
    border: 1px solid #004da0;
    border-radius: 8px;
    -ms-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.vr-part00_main-item-ico:hover {
    background-color: #004da0;
}

.vr-part00_main-item-ico.ico02 {
    background-image: url(../images/Ticon02.png);
}

.vr-part00_main-item-ico.ico03 {
    background-image: url(../images/Ticon03.png);
}

.vr-part00_main-item-ico.ico04 {
    background-image: url(../images/Ticon04.png);
}

.vr-part00_main-item-ico.ico05 {
    background-image: url(../images/Ticon05.png);
}

.vr-part00_main-item-ico.ico06 {
    background-image: url(../images/Ticon06.png);
}

.vr-part00_main-item-ico.ico07 {
    background-image: url(../images/Ticon07.png);
}

.vr-part00_main-item-ico.ico08 {
    background-image: url(../images/Ticon08.png);
}

.vr-part00_main-item-ico.ico09 {
    background-image: url(../images/Ticon09.png);
    cursor: pointer;
}

.vr-part00_main-item-title span {
    cursor: pointer;
}

.vr-part00_main-item-ico.ico10 {
    background-image: url(../images/Ticon10.png);
}

.vr-part00_main-item-ico.ico11 {
    background-image: url(../images/Ticon11.png);
}

.vr-part00_main-item-ico.ico12 {
    background-image: url(../images/Ticon12.png);
}

.vr-part00_main-item-title {
    line-height: 1;
    padding-top: 15px;
    color: #223caa;
    font-size: 30px;
    font-weight: 400;
}

.vr-part00_main-item-title a {
    color: #223caa;
}

.vr-part00_main-popup {
    background: #fff;
    position: fixed;
    padding: 70px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    left: 50%;   
    top: 50%;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index: 999;
    width: 76.6667%;
    line-height: 2.4;
    display: none;   
}
.vr-part00_main-popup.viod{
    padding: 40px; 
}

.vr-part00_main-popup.show {
    display: block;
}

.vr-part00_main-popup .vr-popup_close {
    width: 14px;
    height: 14px;
    background: url(../images/ico_close.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 35px;
    display: block;
    cursor: pointer;
}

.vr-part00_main-popup_content {
    width: 100%;
    font-weight: bold;
    height: 600px;
    padding-right: 14%;
    overflow-y: scroll;
}
.vr-part00_main-popup_content.viodContent{
    font-weight: normal;
    padding-right: 0;
    font-size: 0;
    margin: 0px -10px;
}

.vr-part00_main-popup_content::-webkit-scrollbar {
    width: 12px;
}

.vr-part00_main-popup_content::-webkit-scrollbar-thumb {
    background: #1b619f;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0);
}


.vr-part00_main-popup_content table {
    width: 100%;
    border-collapse: collapse;
}

.vr-part00_main-popup_content table.mr-top {
    margin-top: 100px;
}

.vr-part00_main-popup_content table th {
    font-size: 24px;
    text-align: left;
}

.vr-part00_main-popup_content table td {
    font-size: 20px;
    vertical-align: top;
}

.vr-part00_main-popup_content table td.td01 {
    width: 8%;
}

.vr-part00_main-popup_content table td.td02 {
    width: 92%;
}

.vr-part00_main-popup_content table td.td02 span {
    margin-right: 27px;
}

/*2019-08-06*/
.vr-part01 {
    padding-top: 0px;

}

.vr-part01::before {
    content: '\20';
    position: absolute;
    width: 6.510417%;
    height: 0;
    padding-bottom: 6.510417%;
    top: 1.041667%;
    right: 0;
    background: url(../images/ico_02.png) no-repeat;
    background-size: contain;
}

.vr-part01_head {
    background: url(../images/title_01.png) no-repeat;
    background-size: contain;
    padding-bottom: 6.787879%;
    height: 0;
}

.vr-part01_main {
    position: relative;
    padding-bottom: 25px;
}

.vr-part01_main::before {
    content: '\20';
    width: 57.291167%;
    height: 0;
    padding-bottom: 35.208333%;
    border: 5px solid #30d8af;
    position: absolute;
    right: 9.375%;
    top: 10.125%;
    z-index: 0;
}

.vr-part01_main-photoBox {
    width: 79%;
    margin: 0px auto;
    font-size: 0;
    z-index: 1;
    position: relative;
}

.vr-part01_main-photoLeft {
    width: 67.582938%;
    display: inline-block;
    padding-right: 14px;
    vertical-align: top;
}

.vr-part01_main-photoBox img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.vr-part01_main-photoLeft_big {
    height: 0;
    padding-bottom: 59.16%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.vr-part01_main-photoLeft_small {
    padding-top: 12px;
    margin: 0px -7px;
    font-size: 0;
}

.vr-part01_main-photoLeft_smallItem {
    display: inline-block;
    padding: 0px 7px;
    width: 50%;
}

.vr-part01_main-photoLeft_smallItemImg {
    height: 0;
    padding-bottom: 59.053529%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.vr-part01_main-photoRight {
    width: 32.417062%;
    display: inline-block;
    vertical-align: top;
    margin-top: -7px;
    margin-bottom: -7px;
}

.vr-part01_main-photoRight_imgBox {
    padding: 7px 0;
}

.vr-part01_main-photoRight_img {
    height: 0;
    padding-bottom: 59.053529%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.vr-part02_warp {
    background: url(../images/part2_back.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 65px 0;
}

.vr-part02 {
    background: #fff;
    position: relative;
    margin: 0px auto;
    width: 88.541667%;
    padding: 60px 0;
    padding-left: 25.411765%;
}

.vr-part02_title {
    width: 35.470588%;
    height: 0;
    padding-bottom: 6.235294%;
    background: url(../images/title02.jpg) no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: 50%;
    left: 5%;
}

.vr-part02_main {
    position: relative;
    padding-right: 11.145833%;
}

.vr-part02::after,
.vr-part02_main::after {
    content: "\20";
    position: absolute;
    width: 5px;
    height: 80%;
    left: -5px;
    bottom: -5px;
    background: #30d8af;
}

.vr-part02::before,
.vr-part02_main::before {
    content: "\20";
    position: absolute;
    height: 5px;
    width: 40%;
    left: 0;
    bottom: -5px;
    background: #30d8af;
}

.vr-part02_main::after {
    left: auto;
    bottom: auto;
    right: -5px;
    top: -65px;
    height: 0;
    padding-bottom: 45%;
}

.vr-part02_main::before {
    left: auto;
    bottom: auto;
    right: 0;
    top: -65px;
}

.vr-part02-tabs {
    position: relative;
    font-size: 0;
}

.vr-part02-tabs li {
    display: inline-block;
    width: 12.428571%;
    margin-right: 5%;
    color: #000000;
    height: 95px;
    line-height: 95px;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
}
.vr-part02-tabs li:last-child {
    margin-right: 0;
}

.vr-part02-tabs li:hover,
.vr-part02-tabs li.active {
    background: url(../images/ico_quan.png) no-repeat center right;
    background-size:contain; 
}


.vr-part02-swiper {
    padding: 30px 0 0 150px;
    position: relative;
}


.vr-part02-slide {}

.vr-part02-slide_time {
    line-height: 1;
}

.vr-part02-slide_time span {
    color: #666666;
    font-size: 30px;
}

.vr-part02-slide_content {
    padding-top: 10px;
    font-size: 24px;
    line-height: 1.6;
}

.vr-part02_pages,
.vr-part04_pages {
    position: absolute;
    right: 45px;
    bottom: -100px;
    width: 160px;
    height: 80px;
    font-size: 0;
}

.vr-part04_pages {
    right: auto;
    bottom: auto;
    left: 0;
    bottom: 15%;
}
/*2019-08-06*/
.vr-part02-prev,
.vr-part02-next,
.vr-part04-prev,
.vr-part04-next,
.vr-part04-prev_phone,
.vr-part04-next_phone {
    width: 50%;
    display: inline-block;
    background: #141140 url(../images/arrow_01.png) no-repeat center;
    background-size: 23px auto;
    cursor: pointer;
    height: 80px;
}

.vr-part02-prev:hover,
.vr-part04-prev:hover,
.vr-part02-prev_phone:hover,
.vr-part04-prev_phone:hover  {
    background-color: #191467;
}


.vr-part02-next,
.vr-part04-next,
.vr-part04-next_phone {
    background-color: #30d8af;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vr-part02-next:hover,
.vr-part04-next:hover,
.vr-part04-next_phone:hover {
    background-color: #1bc49b;
}

/*2019-08-06*/
.vr-part03_warp {
    background: #f4f4f4;
    padding: 80px 0 65px;
    position: relative;    
}
.vr-part03_warp::after{
    content: '\20';
    position: absolute;
    width: 6.510417%;
    height: 0;
    padding-bottom: 6.510417%;
    top: 2%;
    right:-0%;
    background: url(../images/ico_02.png) no-repeat;
    background-size: 100% auto;
}
.vr-part03_warp::before{
    content: '\20';
    position: absolute;
    width: 13.645833%;
    height: 0;
    padding-bottom: 11.666667%;
    bottom: -10%;
    right:20%;
    background: url(../images/ico_19.png) no-repeat;
    background-size: 100% auto;
    z-index:5;
}

.vr-part03 {

}

.vr-part03::after {
    content: '\20';
    position: absolute;
    width: 13.125%;
    height: 0;
    padding-bottom: 10.34375%;
    top: -8%;
    right:-6.166667%;
    background: url(../images/ico_17.png) no-repeat;
    background-size: contain;
    z-index: 3;
}

.vr-part03::before {
    content: '\20';
    position: absolute;
    width: 9.047619%;
    height: 0;
    padding-bottom: 7.738095%;
    top: 15%;
    right: 30%;
    background: url(../images/ico_18.png) no-repeat;
    background-size: contain;
}

.vr-part03_head {
    height: 0;
    padding-bottom: 6.541667%;
    background: url(../images/title_03.png) no-repeat;
    background-size: auto 100%;
}
/* 
.vr-part03_main {    
    margin: 0px auto;
    font-size: 0;    
}

.vr-part03_main-left {
    width: 30%;
    display: inline-block;
    padding:0 2%; 
    position: relative;  
}
.vr-part03_main-left::after{
    content: '\20';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5%;
    top: 15%;
    border: 4px solid #141140;
    z-index: 0;
}
.vr-part03_main-left img{
    width: 100%;
    position: relative;
    z-index: 2;
}

.vr-part03_main-right {
    padding-left:2%; 
    width: 70%;
    display: inline-block;
    vertical-align: bottom;   
    position: relative;
}
.vr-part03_main-right::after{
    content: '\20';
    position: absolute;
    width: 10.47619%;
    height: 0;
    padding-bottom: 55.95238%;
    background:url(../images/ico_16.png) no-repeat;
    background-size:contain;
    right: 30%;
    top: -10%;  
}

.vr-part03_main-right_title {
    height: 100px;
    line-height: 100px;
    color: #1d63ca;  
    padding-left:7%;    
    font-weight:bold; 
}

.vr-part03_main-right_text {
    height: 225px;
    padding: 35px 0px 50px 30px;
    background: #d5ebf2;
    color: #141140;
    line-height: 1.8;
    font-size: 30px;
} */

    
.vr-part03_main {
    width: 75.337963%;
    margin: 0px auto;
    font-size: 0;
}

.vr-part03_main-left {
    width: 49.6%;
    display: inline-block;

}

.vr-part03_main-left img {
    width: 100%;
    height: auto;
}

.vr-part03_main-left_text {
    height: 100px;
    line-height: 100px;
    color: #1d63ca;
    background: #fff;    
    text-align: center;

}

.vr-part03_main-right {
    width: 50.4%;
    display: inline-block;
    vertical-align: top;
    margin-top: 14.652941%;
    position: relative;

}

.vr-part03_main-right::after {
    content: '\20';
    position: absolute;
    width: 20.238095%;
    height: 0;
    padding-bottom:12.464286% ;
    top: -50%;
    left: 0%;
    background: url(../images/ico_16.png) no-repeat;
    background-size: contain;
}

.vr-part03_main-right_text {
    height: 225px;
    padding: 35px 0px 50px 30px;
    background: #d5ebf2;
    color: #141140;
    line-height: 1.8;
    font-size: 30px;
}


.vr-part04_warp {
    background: #2462ab;
    padding: 80px 0 20px;
    position: relative;
}

.vr-part04_warp::after {
    content: '\20';
    position: absolute;
    height: 18.697917%;
    top: -12.739583%;
    left: 0;
    right: 0;
    background: url(../images/ico_05.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
}

.vr-part04_warp::before {
    content: '\20';
    position: absolute;
    height: 18.729167%;
    bottom: 40%;
    left: 0;
    right: 5%;
    background: #3b1b7e;
    background-size: 100% auto;
    z-index: 0;
}

.vr-part04 {
    position: relative;
    z-index: 2;
}

.vr-part04_head {
    background: url(../images/title_04.png) no-repeat;
    background-size: auto 100%;
    padding-bottom: 7.393939%;
    height: 0;
}

.vr-part04_main {
    padding-top: 40px;
    position: relative;
    padding-left: 20.26506%;
}
/*2019-08-06*/
.vr-part04_main.pc{
    display: block;
}
.vr-part04_main.phone{
    display: none;
}
.vr-part04_items {
    margin: 0px -20px;
    font-size: 0;
}

.vr-part04_item {
    width: 33.33333333%;
    padding: 55px 20px;
    display: inline-block;
    cursor: pointer;
}

.vr-part04_photo {
    position: relative;
    width: 100%;
    padding: 0 40px 40px 0;
}

.vr-part04_photo_pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.vr-part04_photo::before {
    content: '\20';
    position: absolute;
    width: 90%;
    height: 0;
    padding-bottom: 90%;
    background: #fff;
    border: 4px solid #141140;
    right: 0;
    bottom: 0;
    z-index: 0;

}

.vr-part04_photo img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    cursor: pointer;
}

.vr-part04_photo img:hover {
    transform: scale(1.1);
}

.vr-part04_info {
    padding-top: 10px;
    font-size: 30px;
    color: #30d8af;
    line-height: 1.4;

}

.vr-part04_info span {
    display: block;
}

.vr-part04_number {
    width: 100%;
    color: #fff;
    text-align: center;
}

.vr-part05_warp {
    background: #f4f4f4;
    padding: 60px 0 20px;
    position: relative;
}

.vr-part05_warp::after {
    content: '\20';
    position: absolute;
    width: 6.614583%;
    padding-bottom: 12.34375%;
    height: 0;
    top: -90px;
    right: 0;
    background: url(../images/ico_06.png) no-repeat;
    background-size: 100% auto;

}

.vr-part05_warp::before {
    content: '\20';
    position: absolute;
    width: 8.75%;
    height: 0;
    padding-bottom: 12.34375%;
    bottom: 4%;
    left: 0;
    background: #3b1b7e;
    background: url(../images/ico_07.png) no-repeat;
    background-size: 100% auto;
}

.vr-part05 {
    position: relative;

}

.vr-part05_tabs {
    width: 90%;
    margin: 0px auto;
    font-size: 0;
}

.vr-part05_tabs li {
    width: 33.3333333%;
    display: inline-block;
    border: 3px solid #145ebd;
    background: #fff;
    color: #30d8af;
    text-align: center;
    height: 160px;
    line-height: 160px;
    font-size: 60px;
    font-weight: bold;
    cursor: pointer;
}

.vr-part05_tabs li.active {
    color: #fff;
    background: #145ebd;
}

.vr-part05_main {
    padding-top: 70px;
    position: relative;
    padding: 70px 5% 150px;
}

.vr-part05_main::before {
    content: '\20';
    width: 66.6666667%;
    height: 0;
    padding-bottom: 30.30303%;
    border: 5px solid #3b1b7e;
    position: absolute;
    left: 7%;
    bottom: 20.06060606%;

    z-index: 0;
}

.vr-part05_slide {
    width: 90%;
    margin: 0px auto;
    font-size: 0;

    position: relative;
    z-index: 9;
}

.vr-part05_slide img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.vr-part05_slide_items {
    margin: -9px;
}

.vr-part05_slide_item {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    padding: 9px;
}

.vr-part05_slide_left {
    width: 46.25%;
    display: inline-block;
    vertical-align: top;
}

.vr-part05_slide_left-top {
    margin: 0px -9px;
}

.vr-part05_slide_left-top-list {
    width: 50%;
    padding: 0px 9px;
    display: inline-block;
}

.vr-part05_slide_left-top-list_img {
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.vr-part05_slide_left-bottom {
    padding-top: 18px;
    font-size: 0;
}

.vr-part05_slide_left-top-list_img.heng {
    padding-bottom: 48.789572%;
}

.vr-part05_slide_right {
    width: 53.75%;
    display: inline-block;
    padding-left: 18px;
    vertical-align: top;
    font-size: 0;
}

.vr-part05_slide_right_small {
    width: 43%;
    display: inline-block;
    vertical-align: top;
}

.vr-part05_slide_right_small-list {
    width: 100%;
}


.vr-part05_slide_right_small-list:first-child {
    padding-bottom: 18px;
}

.vr-part05_slide_right_big {
    padding-left: 18px;
    width: 57%;
    display: inline-block;
    vertical-align: top;
}

.vr-part05_slide_left-top-list_img.shu {
    padding-bottom: 162.595122%;
}

.vr-part05_slide_left-top-list_img.heng_02 {
    padding-bottom: 45.810056%;
}
/*2019-08-06*/
.vr-part05_slide_right_big.pc_none{
    display: none;
}

.vr-part05-prev,
.vr-part05-next,
.vr-part09-prev,
.vr-part09-next,
.vr-part05-prev_1,
.vr-part05-next_1 {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    width: 80px;
    display: inline-block;
    background: rgba(0, 0, 0, .5) url(../images/arrow_01.png) no-repeat center;
    background-size: 23px auto;
    cursor: pointer;
    height: 80px;
    border-radius: 80px;
}

.vr-part05-next,
.vr-part09-next,
.vr-part05-next_1 {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: auto;
    right: 0;
}




.vr-part06_warp {
    background: #fff;
    padding: 90px 0 90px;
    position: relative;
}

.vr-part06_warp::after {
    content: '\20';
    position: absolute;
    width: 12.239583%;
    height: 0;
    padding-bottom: 12.239583%;
    top: 0;
    left: 0;
    background: url(../images/ico_08.png) no-repeat;
    background-size: 100% auto;

}

.vr-part06_warp::before {
    content: '\20';
    position: absolute;
    width: 12.239583%;
    height: 0;
    padding-bottom: 12.239583%;
    top: 5%;
    right: 0;
    background: url(../images/ico_08.png) no-repeat;
    background-size: 100% auto;
}

.vr-part06 {
    position: relative;
}

.vr-part06::after {
    content: '\20';
    position: absolute;
    width: 18.636364%;
    height: 0;
    padding-bottom: 5.939394%;
    bottom: -15%;
    right: -7.5%;
    background: url(../images/ico_10.png) no-repeat;
    background-size: 100% auto;
}

.vr-part06::before {
    content: '\20';
    position: absolute;
    width: 2.239583%;
    height: 0;
    padding-bottom: 13.177083%;
    top: -45.09090909%;
    left: 19.03030303%;
    background: url(../images/ico_09.png) no-repeat;
    background-size: 100% auto;
}

.vr-part06_head {
    height: 0;
    padding-bottom: 7.33333333%;
    background: url(../images/title_05.png) no-repeat 5% 0;
    background-size: auto 100%;
    position: relative;
    z-index: 1;
}

.vr-part06_main {    
    margin: 0px auto;
    margin-top: 100px;
    font-size: 0;
}

.vr-part06_main img {
    width: 100%;
    height: auto;
}

.vr-part06_main-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.vr-part06_main-left_img {
    height: 0;
    padding-bottom: 56.976744%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}

.vr-part06_main-right {
    width: 50%;
    display: inline-block;
    padding-left: 28px;
    vertical-align: top;
}

.vr-part06_main-right_items {
    margin: -14px;
    font-size: 0;
}

.vr-part06_main-right_item {
    padding: 14px;
    display: inline-block;
    width: 50%;
}

.vr-part06_main-right_item_img {
    height: 0;
    padding-bottom:57.5%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

/*move*/
.vr-part01_main-photoRight_img::after,
.vr-part01_main-photoLeft_smallItemImg::after,
.vr-part01_main-photoLeft_big::after,
.vr-part05_slide_left-top-list_img::after,
.vr-part06_main-left_img::after,
.vr-part06_main-right_item_img::after {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
}

.vr-part01_main-photoRight_img:hover::after,
.vr-part01_main-photoLeft_smallItemImg:hover::after,
.vr-part01_main-photoLeft_big:hover::after,
.vr-part05_slide_left-top-list_img:hover::after,
.vr-part06_main-left_img:hover::after,
.vr-part06_main-right_item_img:hover::after {
    top: 0;
    opacity: 0;
    bottom: 0;
    transition: all 900ms ease-in 0s;
}

.vr-part01_main-photoRight_img::before,
.vr-part01_main-photoLeft_smallItemImg::before,
.vr-part01_main-photoLeft_big::before,
.vr-part05_slide_left-top-list_img::before,
.vr-part06_main-left_img::before,
.vr-part06_main-right_item_img::before {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 51%;
    top: 0;
}

.vr-part01_main-photoRight_img:hover::before,
.vr-part01_main-photoLeft_smallItemImg:hover::before,
.vr-part01_main-photoLeft_big:hover::before,
.vr-part05_slide_left-top-list_img:hover::before,
.vr-part06_main-left_img:hover::before,
.vr-part06_main-right_item_img:hover::before {
    left: 0;
    opacity: 0;
    right: 0;
    transition: all 900ms ease-in 0s;
}



.vr-part07_warp {
    background: #2462ab url(../images/part7_back.jpg) no-repeat;
    background-size: 100% auto;
    padding: 95px 0 60px;
    position: relative;
}

.vr-part07 {
    position: relative;
}

.vr-part07::after {
    content: '\20';
    position: absolute;
    width: 12.424242%;
    height: 0;
    padding-bottom: 15.818182%;
    top: 60px;
    right: 50px;
    background: url(../images/ico_11.png) no-repeat;
    background-size: 100% auto;
}

.vr-part07_head {
    height: 0;
    padding-bottom: 7.212121%;
    background: url(../images/title_06.png) no-repeat;
    background-size: auto 100%;
}

.vr-part07_main {
    margin-left: -20px;
    padding-top: 60px;
    font-size: 0;
}

.vr-part07_main_left {
    width: 42.804878%;
    display: inline-block;
    vertical-align: top;
}

.vr-part07_main_left img {
    width: 100%;
    height: auto;
}

.vr-part07_main_right {
    width: 57.195122%;
    padding-left: 18px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
/*2019-08-06*/
.vr-part07_main_right::after {
    content: '\20';
    position: absolute;
    background: #d5ebf2;
    width: 645px;
    height: 160px;
    bottom: -60px;
    right: 0;
    z-index: 0;
}

.vr-part07_main_right-photo {
    width: 67.391304%;
    position: relative;
    z-index: 1;
}

.vr-part07_main_right-photo img {
    width: 100%;
    height: auto;
}

.vr-part07_main_right-bottom {
    font-size: 0;
    position: relative;
    z-index: 1;
}

.vr-part07_main_right-name {
    width: 43.478261%;
    background: #fff;
    color: #2462ab;
    text-align: center;
    display: inline-block;
    height: 95px;
    line-height: 95px;

}
/*2019-08-06*/
.vr-part07_main_right-text {
    font-size: 30px;
    color: #141140;
    width: 56.521739%;
    display: inline-block;
    padding-left: 20px;

}

.vr-part08_warp {
    background: #11b5d6;
    padding: 55px 0;
    position: relative;
}

.vr-part08 {
    width: 93.75%;
    position: relative;
    background: #fff;
    padding: 75px 85px 125px;
}

.vr-part08_head {
    height: 0;
    padding-bottom: 6.834734%;
    background: url(../images/title_07.png) no-repeat;
    background-size: auto 100%;
}

.vr-part08_main {
    padding-top: 30px;
    margin: 0px -9px;
    font-size: 0;
}

.vr-part08_main-item {
    width: 25%;
    display: inline-block;
    padding: 50px 9px;
    vertical-align: top;
    cursor: pointer;

}

.vr-part08_main-itemPhoto {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.vr-part08_main-item img {
    width: 100%;
    height: auto;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;

}

.vr-part08_main-item img:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.vr-part08_main-item_name {
    color: #3b1b7e;
    padding-top: 35px;
    line-height: 1;
}

.vr-part08_main-item_text {
    font-size: 30px;
    color: #1c59b9;
    padding-top: 10px;
}

.vr-part09_warp {
    background: #fff url(../images/part9_back.jpg) no-repeat right top;
    background-size: 50% 100%;
    padding: 75px 0 135px;
    position: relative;
}

.vr-part09_warp::after {
    content: '\20';
    position: absolute;
    width: 5.8333333%;
    height: 0;
    padding-bottom: 6.5625%;
    top: 0;
    left: 0;
    background: url(../images/ico_12.png) no-repeat;
    background-size: 100% auto;

}

.vr-part09_warp::before {
    content: '\20';
    position: absolute;
    width: 6.66666667%;
    height: 0;
    padding-bottom: 12.08333333%;
    top: 0;
    right: 0;
    background: url(../images/ico_13.png) no-repeat;
    background-size: 100% auto;
}

.vr-part09 {
    position: relative;
    width: 100%;
}

.vr-part09_head {
    height: 0;
    padding-bottom: 7.393939%;
    background: url(../images/title_08.png) no-repeat;
    background-size: auto 100%;
    position: relative;
}
.vr-part09_head_more{
   background: #fff;
   border-radius: 5px;
   padding: 15px 35px;
   font-size: 20px;
   text-align: center;
   display:inline-block;
   position: absolute;
   top: 30%;
   color: #1b619f;
   right: 6%;
   cursor: pointer;
   border: 1px solid #5ae8fc;
}
.vr-part09_head_more:hover{
    color: #1cafd3;
}
.vr-part09_main {
    padding-top: 70px;
    position: relative;
}

.vr-part09_main_mb {
    display: none;
}

.vr-part09_main.two {
    margin-top: 70px;
}

.swiperPart09_2 {
    width: 100%;
}

/* .vr-part09_main-items {
    font-size: 0;
    margin: 0px -15px;
    font-size: 0;
} */
.vr-part09_main-items,
.vr-part09_main-itemsTwo {
    width: 100%;
    font-size: 0;
    margin: 0px -15px;
    height: 500px;
    background-color: transparent !important;
}

.vr-part09_main-item {
    width: 370px;
    padding-left: 30px;
    display: inline-block;
}
.vr-part09_main-more_item{
    width: 14.2857143%;
    padding: 15px 10px;
    display: inline-block;
    vertical-align: top;
}
.vr-part09_main-item_img {
    width: 100%;
    height: 0;
    padding-bottom: 120.954907%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;

}

.vr-part09_main-item_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 30px;
    padding: 10px;
    text-align: center;
    -ms-transition: all 800ms ease;
    -webkit-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    padding-top: 50%;
    white-space: normal;
    line-height: 1.6;
}
.vr-part09_main-more_item_text{
    padding: 10px 0px;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
}
.vr-part09_main-item_text:hover {
    opacity: 1;
}

.vr-part09_Pagination,
.vr-part09_Pagination_1 {
    position: absolute;
    text-align: center;
    bottom: -60px;
    width: 100%;
}

.vr-part09_Pagination .swiper-pagination-switch,
.vr-part09_Pagination_1 .swiper-pagination-switch {
    display: inline-block;
    width: 38px;
    height: 10px;
    background: rgba(163, 174, 192, .2);
    border-radius: 10px;
    margin: 0px 10px;
}

.vr-part09_Pagination .swiper-active-switch,
.vr-part09_Pagination_1 .swiper-active-switch {
    background: rgba(255, 255, 255, .8);
}



.vr-part10_warp {
    background: #fff url(../images/part10_back.jpg) no-repeat right top;
    background-size: 100% 100%;
    padding: 80px 0 80px;
    position: relative;
}

.vr-part10_warp::after {
    content: '\20';
    position: absolute;
    width: 13.125%;
    height: 0;
    padding-bottom: 12.34375%;
    top: -20px;
    left: 0;
    background: url(../images/ico_14.png) no-repeat;
    background-size: 100% auto;
}

.vr-part10_warp::before {
    content: '\20';
    position: absolute;
    width: 8.1777083%;
    height: 0;
    padding-bottom: 12.239583%;
    top: -145px;
    right: 0;
    background: url(../images/ico_15.png) no-repeat;
    background-size: 100% auto;
}

.vr-part10 {
    position: relative;
}

.vr-part10_head {
    height: 0;
    padding-bottom: 6.354167%;
    background: url(../images/title_09.png) no-repeat;
    background-size: auto 100%;
}

.vr-part10_main {
    width: 80%;
    margin: 0px auto;
    font-size: 0;
}

.vr-part10_main-items {
    margin: 0px -15px;
}

.vr-part10_main-item {
    width: 16.6666667%;
    display: inline-block;
    padding: 15px;
}

.vr-part10_main-item img {
    width: 100%;
    height: auto;
}

.vr-footer-warp {
    background: #141140;
    padding: 80px 0 80px;
    position: relative;
    text-align: center;
}

.vr-footer_menu {
    color: #11b5d6;
    font-size: 0px;
}

.vr-footer_menu li {
    display: inline-block;
    margin: 0px 10px;
    font-size: 20px;


}

.vr-footer_menu a {
    color: #1c59b9;
    border: 1px solid #1c59b9;
    border-radius: 5px;
    padding: 10px 15px;
    line-height: 1;
}

.vr-footer_menu a:hover {
    color: #11b5d6;
    border: 1px solid #11b5d6;
}

.vr-footer_ico {
    margin: 0px auto;
    width: 480px;
    padding: 60px 0 30px;
    border-bottom: 1px solid #fa1a84;
    font-size: 0;
}

.vr-footer_ico_item {
    width: 64px;
    height: 64px;
    margin: 0px 18px;
    display: inline-block;
    background-size: 100%;
}

.vr-footer_ico_item:nth-child(1) {
    background-image: url(../images/icon01.png);
}
.vr-footer_ico_item:nth-child(1):hover{
    background-image: url(../images/icon01_hover.png);
}
.vr-footer_ico_item:nth-child(2) {
    background-image: url(../images/icon02.png);
}
.vr-footer_ico_item:nth-child(2):hover{
    background-image: url(../images/icon02_hover.png);
}
.vr-footer_ico_item:nth-child(3) {
    background-image: url(../images/icon03.png);
}
.vr-footer_ico_item:nth-child(3):hover{
    background-image: url(../images/icon03_hover.png);
}


.vr-footer_copy {
    color: #1d63ca;
    font-size: 18px;
    padding-top: 40px;
    line-height: 2.0;
}

.vr-footer_copy a {
    color: #1d63ca;
}

.vr-footer_copy a:hover {
    color: #11b5d6;
}

.vr-footer_copy span {
    display: block;
}

.vr-footer_copy span:first-child {
    padding-bottom: 15px;
}

.vr-fz02 {
    font-size: 48px;
}

.vr-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .6);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
}

.vr-popup .inner {
    width: 100%;
    height: 100%;
    display: table;
}

.vr-popup .inner .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.vr-popup .inner .cell img {
    max-width: 90%;
}

.vr-popup-video {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.vr-popup-video .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
}

.vr-popup-video .video {
    position: absolute;
    background-color: #000;
    max-width: 80%;
    max-height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: table;
    z-index: 1;
}

.vr-popup-video .video .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.vr-popup-video .video .cell video {
    max-height: 600px;
    max-width: 90%;
}

/*弹窗*/
/*2019-08-06*/
.vr-mask {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999;
    display: none;
}

.vr-mask.show {
    display: block;
}

.vr-mask_main {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 0;
}

.vr-mask_main.photo {}

.vr-mask_pic {
    display: inline-block;
    max-height: 37.5%;
    max-width: 66.6666667%;
    position: relative;
}

.vr-mask_pic img {
    max-width: 100%;
    max-height: 720px;
    display: inline-block;
}
/*2018-08-06*/
.mask_picTitle{
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding: 15px;
}

.vr-mask_close {
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .4) url(../images/close.png) no-repeat center;
    background-size: 18px 18px;
    right: -55px;
    top: 0;
    cursor: pointer;
    display: block;
    z-index: 99;
}

.vr-mask_people {
    display: inline-block;
    width: 60%;
    background: rgba(6, 10, 58, .9);
    height: 50%;
    padding: 3% 3% 3% 30%;
    position: relative;
    text-align: left;
}

.vr-mask_info {
    color: #fff;
    font-size: 20px;
    line-height: 1.6;
    height: 400px;
    overflow-y: scroll;
}

.vr-mask_info::-webkit-scrollbar {
    width: 8px;
}

.vr-mask_info::-webkit-scrollbar-thumb {
    background: #115172;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.vr-mask_info span {
    display: block;
    padding-bottom: 10px;
}

.vr-mask_people_photo {
    width: 37%;
    height: 100%;
    position: absolute;
    top: -8%;
    left: 3%;
}

.vr-mask_people_photo img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1680px) {
    .vr-fz02 {
        font-size: 36px;
    }

    .vr-part02-tabs li,
    .vr-part02-slide_time span,
    .vr-part03_main-right_text,
    .vr-part04_info,
    .vr-part07_main_right-text,
    .vr-part08_main-item_text {
        font-size: 24px;
    }

    .vr-part05_tabs li {
        font-size: 42px;
        height: 85px;
        line-height: 85px;
    }

    .vr-footer_copy {
        font-size: 16px;
    }

    .vr-footer_ico_item {
        margin: 0px 12px;
    }

    .vr-footer_menu li {
        margin: 0px 5px;
    }

    .vr-part02-slide_content {
        font-size: 20px;
    }

    .vr-mask_pic img {

        max-height: 680px;

    }

    .vr-part09_main-items,
    .vr-part09_main-itemsTwo {      
        height: 400px;       
    }

    .vr-part09_main-item {
        width: 320px;
        padding-left: 20px;
        display: inline-block;
    }
    .vr-head-position .vr-sj_dian {    
        border-width: 6px;     
    }
}

@media screen and (max-width: 1440px) {
    .vr-head-position .vr-sj_dian {    
        border-width: 5px;  
        margin: -16px 3px;
    }

    .vr-menus:hover {
        width: 260px;
    }

    .vr-menus:hover .vr-menu {
        width: 240px;
    }

    .vr-showMenu {
        width: 65px;
        height: 65px;
        padding: 30px 0 0 15px;
    }

    .vr-showMenu.close {}

    .vr-showMenu i {
        width: 35px;
        height: 3px;
    }

    .vr-showMenu.close i {}

    .vr-showMenu i::after,
    .vr-showMenu i::before {
        width: 25px;
        height: 3px;
    }

    .vr-showMenu i::before {
        width: 35px;
    }

    .vr-showMenu.close i::before {
        margin: -2px 0 0 -12px;
        width: 25px;
    }

    .vr-showMenu.close i::after {
        margin: -2px 0 0 -12px;
        width: 25px;
    }

    .vr-menu {
        margin-top: 5px;
        width: 240px;
        padding: 40px 30px;
        display: none;
    }

    .vr-menu.show {
        display: block;
    }

    .vr-menu li {
        font-size: 14px;
        padding: 3px 0;
        line-height: 1;
    }

    .vr-menu li a {
        padding: 8px 0;
    }

    .vr-part00 {
        padding: 70px 0;
    }

    .vr-part00_main {
        padding: 60px 0 10px 0;
    }

    .vr-part00_main-item-title {
        font-size: 20px;
    }

    .vr-part00_main-item-title a {
        color: #223caa;
    }

    .vr-part00_main-popup {
        padding: 40px 60px;
        line-height: 2.0;
        display: none;
    }

    .vr-part00_main-popup.show {
        display: block;
    }

    .vr-part00_main-popup_content {
        height: 400px;
    }

    .vr-part00_main-popup_content::-webkit-scrollbar {
        width: 8px;
    }

    .vr-part00_main-popup_content table.mr-top {
        margin-top: 50px;
    }

    .vr-part00_main-popup_content table th {
        font-size: 20px;
    }

    .vr-part00_main-popup_content table td {
        font-size: 16px;
    }

    .vr-part00_main-popup_content table td.td01 {
        width: 15%;
    }

    .vr-part00_main-popup_content table td.td02 {
        width: 85%;
    }

    .vr-part00_main-popup_content table td.td02 span {
        margin-right: 15px;
    }

    .vr-fz02 {
        font-size: 32px;
    }

    .vr-part02-tabs li,
    .vr-part02-slide_time span,
    .vr-part03_main-right_text,
    .vr-part04_info,
    .vr-part07_main_right-text,
    .vr-part08_main-item_text {
        font-size: 20px;
    }

    .vr-part05_tabs li {
        font-size: 36px;
        height: 75px;
        line-height: 75px;
    }

    .vr-footer_copy {
        font-size: 14px;
    }

    .vr-footer_ico_item {
        margin: 0px 10px;
    }

    .vr-footer_menu li {
        margin: 10px 5px;
    }

    .vr-footer_menu li a {
        padding: 3px 8px;
    }

    .vr-part02-slide_content {
        font-size: 16px;
    }

    .vr-mask_pic img {

        max-height: 640px;

    }
}

@media screen and (max-width: 1280px) {
    .vr-head-position .vr-sj {    
       display: none;
    }
    .vr-fz02 {
        font-size: 24px;
    }

    .vr-part02-tabs li,
    .vr-part02-slide_time span,
    .vr-part03_main-right_text,
    .vr-part04_info,
    .vr-part07_main_right-text,
    .vr-part08_main-item_text {
        font-size: 16px;
    }

    .vr-part05_tabs li {
        font-size: 24px;
        height: 65px;
        line-height: 65px;
    }

    .vr-footer_copy {
        font-size: 12px;
    }

    .vr-part02-slide_content {
        font-size: 14px;
    }

    .vr-mask_pic img {

        max-height: 600px;

    }

}

@media screen and (max-width: 1024px) {
    .vr-container {
        width: 95%;
    }
    .vr-menus {
        width: auto;
    }  
    .vr-menus:hover{
        width: auto;
    }
    /*2019-07-26*/
    .vr-showMenu {
        width: 40px;
        height: 40px;
        padding: 20px 0 0 8px;
        background: rgba(255, 255, 255, .5);
        margin-right: 0;
        transition: 0ms;
    }

    .vr-showMenu.close {
        padding: 0;
        position: fixed;
        height: 40px;
        background: #f7f7f7;
        z-index: 999;
        border-radius: 0;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: none;
        width: 100%;
    }

    .vr-showMenu i {
        width: 25px;
        height: 2px;
    }

    .vr-showMenu.close i {
        position: absolute;
        left: auto;
        right: 5%;
        top: 10px;
        width: 20px;
        height: 20px;
        display: block;
        z-index: 9;
        background: url(../images/ico_close.png) no-repeat center;
    }

    .vr-showMenu i::after,
    .vr-showMenu i::before {
        width: 18px;
        height: 2px;
        bottom: -7px;
    }

    .vr-showMenu i::before {
        width: 25px;
        bottom: auto;
        top: -7px;
    }

    .vr-showMenu.close i::after {
        display: none;
    }

    .vr-showMenu.close i::before {
        display: none;
    }

    .vr-showMenu.close .vr-menutitle {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        line-height: 40px;
        color: #145ebd;
        font-size: 15px;
        font-weight: bold;
        padding-left: 10%;
    }

    

    .vr-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        margin-top: 0px;
        width: 100%;
        padding: 60px 30px 30px;
        border-radius: 0;
        background: #30d8af;
        display: none;
    }
    .vr-menus:hover .vr-menu {
        width: 100%;
    }   

    .vr-menu.show {
        display: block;
    }

    .vr-menu.closeMenu {
        display: none;
    }

    .vr-menu li {
        font-size: 14px;
        padding: 3px 0;
        line-height: 1;
    }

    .vr-menu li a {
        padding: 8px 0;
    }

    .vr-part00 {
        padding: 40px 0;
    }

    .vr-part00_head {
        background: url(../images/m_title_00.png) no-repeat 12% 0;
        background-size: contain;
        padding-bottom: 10.787879%;
    }

    .vr-head-position .vr-quan {
        position: absolute;
        width: 25px;
        height: 25px;
        border: 1px dotted #99daf1;

    }

    .vr-head-position .vr-quan2 {
        width: 20px;
        height: 20px;
        border: 1px dotted #99daf1;
        right: 1%;
        top: 2%;
    }


    .vr-head-position .vr-quan3 {
        width: 20px;
        height: 20px;
        border: 1px dotted #fa1a84;
    }

    .vr-head-position .vr-quan4 {
        bottom: 14.104167%;
        right: 14.0625%;
        width: 20px;
        height: 20px;
        border: 1px dotted #fa1a84;
    }

    .vr-head-position .vr-sj {
        display: none;
    }

    .vr-head-position .vr-line_red01 {
        top: 16.104167%;
        height: 1px;
    }

    .vr-head-position .vr-line_red02 {
        bottom: 18%;
        height: 1px;
    }

    .vr-part00_main {
        padding: 40px 0 10px 0;
        margin-left: 0;
        margin-right: 0;
    }

    .vr-part00_main-item {
        width: 25%;
        vertical-align: top;
    }

    .vr-part00_main-item-ico {
        height: 50px;
        width: 50px;
    }

    .vr-part00_main-item-title {
        font-size: 14px;
        line-height: 1.4;
    }

    .vr-part00_main-item-title a {
        color: #223caa;
    }

    .vr-part00_main-popup {
        padding: 20px 30px;
        line-height: 2.0;
        display: none;
    }

    .vr-part00_main-popup.show {
        display: block;
    }

    .vr-part00_main-popup_content {
        height: 400px;
        padding-right: 3%;
    }

    .vr-part00_main-popup_content::-webkit-scrollbar {
        width: 4px;
    }

    .vr-part00_main-popup_content table.mr-top {
        margin-top: 50px;
    }

    .vr-part00_main-popup_content table th {
        font-size: 16px;
    }

    .vr-part00_main-popup_content table td {
        font-size: 14px;
    }

    .vr-part00_main-popup_content table td.td01 {
        width: 25%;
    }

    .vr-part00_main-popup_content table td.td02 {
        width: 75%;
    }

    .vr-part00_main-popup_content table td.td02 span {
        margin-right: 15px;
    }

    .vr-part00_main-popup .vr-popup_close {
        top: 20px;
        right: 10px;
    }

    .vr-part01 {
        padding-top: 20px;
    }

    .vr-part01_head {
        background: url(../images/m_title_01.png) no-repeat 12% 0;
        background-size: contain;
        padding-bottom: 8.787879%;
    }

    .vr-part01_main {
        padding-bottom: 5px;
    }

    .vr-part01_main::before {
        width: 87.291167%;
        padding-bottom: 185.208333%;
        border: 2px solid #30d8af;
    }

    .vr-part01_main-photoBox {
        width: 90%;
    }

    .vr-part01_main-photoLeft {
        width: 100%;
        padding-right: 0;
    }

    .vr-part01_main-photoRight {
        width: 100%;
        margin-top: 7px;
    }


    .vr-part02_warp {
        padding: 15px 0;
    }

    .vr-part02 {
        width: 95%;
        padding: 20px 10px;
        padding-left: 0%;
    }

    .vr-part02_title {
        width: 100%;
        height: 0;
        padding-bottom: 10.235294%;
        background: url(../images/m_title_02.png) no-repeat 9% 0;
        background-size: auto 100%;
        position: static;
    }

    .vr-part02_main {
        padding-right: 0;
    }

    .vr-part02::after,
    .vr-part02_main::after {
        left: -2px;
        bottom: -2px;
    }

    .vr-part02::before,
    .vr-part02_main::before {

        bottom: -2px;
    }

    .vr-part02_main::after {
        left: auto;
        bottom: auto;
        right: -12px;
        top: -85px;
    }

    .vr-part02_main::before {
        left: auto;
        bottom: auto;
        right: -12px;
        top: -85px;
    }

    .vr-part02-tabs {
        border-bottom: none;
        padding-bottom: 10px;
        text-align: center;
        padding-left: 3.333333%;
    }

    .vr-part02-tabs li {
        width: 30%;
        margin-right: 3.333333%;
        height: 60px;
        ;
        line-height: 60px;
        font-size: 18px;
        margin-top: 3.333333%;
    }

    .vr-part02-tabs li:last-child {
        margin-right: 3.333333%;
    }

    .vr-part02-tabs li.active {
        position: relative;
    }

    .vr-part02-tabs li.active::after {
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 5px;
    }

    .vr-part02-swiper {
        padding: 3.333333%;
    }

    .vr-part02-slide {
        height: 350px;
        overflow-y: scroll;
    }

    .vr-part02-slide::-webkit-scrollbar {
        width: 5px;
    }

    .vr-part02-slide::-webkit-scrollbar-thumb {
        background: #8e8e8e;
        border-radius: 5px;
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0);
    }

    .vr-part02-swiper .swiper-slide {
        overflow: hidden;
    }

    .vr-part02-swiper .swiper-slide-active {
        overflow: auto !important;
    }

    .vr-part02-slide_time {
        font-size: 30px;
    }

    .vr-part02-slide_time span {
        color: #666666;
        font-size: 22px;
    }

    .vr-part02-slide_content {
        font-size: 18px;
    }

    .vr-part02_pages,
    .vr-part04_pages {
        right: 10px;
        bottom: -10px;
        width: 80px;
        height: 40px;
        font-size: 0;
        z-index: 9;
    }

    .vr-part02-prev,
    .vr-part02-next,
    .vr-part04-prev,
    .vr-part04-next,
    .vr-part04-prev_phone,
    .vr-part04-next_phone {
        height: 40px;
        background-size: 40%;
    }


    .vr-part03_warp {
        padding: 40px 0 30px;
    }

    .vr-part03::after {
        display: none;
    }

    .vr-part03::before {
        top: 0px;
        right: 0px;
    }

    .vr-part03_head {
        background: url(../images/m_title_03.png) no-repeat 5% 0;
        background-size: auto 100%;
        padding-bottom: 10.541667%;
    }
    .vr-part03_main {
        width: 100%;      
        padding-top:10px; 
        text-align: center;
    }
    .vr-part03_main-left {
        width:80%;
    }   
    
      /*2019-07-25*/ 
    .vr-part03_main-left_text {
        height: auto;
        line-height: 1.8;
        padding: 20px 0;   
        font-size: 20px;     
    
    }
    
    .vr-part03_main-right {
        width: 80%;       
        margin-top: 0;   
        font-size: 14px; 
    }
    
    .vr-part03_main-right::after {
        display: none;
    }
      /*2019-07-25*/ 
    .vr-part03_main-right_text {
        height: auto;        
        padding: 15px 0;      
        font-size: 14px;
    }
    

    .vr-part04_warp {
        padding: 20px 0 120px;
    }

    .vr-part04_warp::after {
        display: none;
    }

    .vr-part04_warp::before {
        height: 20%;
        right: 3%;
    }

    .vr-part04_head {
        padding-bottom: 11%;
        background: url(../images/m_title_04.png) no-repeat 2% 0;
        background-size: auto 100%;
    }

    .vr-part04_main {
        padding-top: 20px;
        padding-left: 0;
    }
    /*2019-08-06*/
    .vr-part04_main.pc{
        display: none;
    }
    .vr-part04_main.phone{
        display: block;
    }

    .vr-part04_items {
        margin: 0px -10px;
        font-size: 0;
    }

    .vr-part04_item {
        width: 50%;
        padding: 10px;
        vertical-align: top;
    }

    .vr-part04_photo {
        padding: 0 5px 5px 0;
    }

    .vr-part04_photo::before {
        border: 1px solid #141140;
    }


    .vr-part04_info {
        font-size: 14px;

    }

    .vr-part04_pages {
        top: auto;
        bottom: -80px;
        right: auto;
        left: 50%;
        margin-left: -60px;
    }

    .vr-part05_warp {
        padding: 30px 0 15px;
    }



    .vr-part05_tabs {
        width: 100%;
    }

    .vr-part05_tabs li {
        width: 33.3333333%;
        border: 1px solid #145ebd;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }

    .vr-part05_main {
        position: relative;
        padding: 20px 0 80px;

    }

    .vr-part05_main::before {
        display: none;
    }

    .vr-part05_slide {
        width: 100%;
    }

    .vr-part05_slide_left {
        width: 100%;
    }

    .vr-part05_slide_left-top {
        margin: 0px -9px;
    }

    .vr-part05_slide_left-bottom {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .vr-part05_slide_right {
        width: 100%;
        padding-left: 0px;
    }

    .vr-part05_slide_right_small {
        width: 100%;
        font-size: 0;
        padding-bottom: 18px;
    }

    .vr-part05_slide_right_small-list {
        width: 50%;
        display: inline-block;
    }

    .vr-part05_slide_right_small-list:first-child {
        padding-bottom: 0px;
        padding-right: 9px;
    }

    .vr-part05_slide_right_small-list:last-child {
        padding-left: 9px;
    }

    .vr-part05_slide_right_big {
        padding-left: 0px;
        width: 100%;
    }
    /*2019-08-06*/
    .vr-part05_slide_right_big.mb_none{
        display: none;
    }
    .vr-part05_slide_right_big.pc_none{
        display: block;
    }


    .vr-part05-prev,
    .vr-part05-next,
    .vr-part09-prev,
    .vr-part09-next,
    .vr-part05-prev_1,
    .vr-part05-next_1 {
        display: none;
    }

    .vr-part06_main-right {
        padding-left: 0;
    }

    .vr-part06_main-right_items {
        margin: 7px -7px;
        font-size: 0;
    }

    .vr-part06_main-right_item {
        padding: 7px;
        display: inline-block;
        width: 50%;
    }

    .vr-part06_warp {
        padding: 90px 0 30px;
    }

    .vr-part06 {
        position: relative;
    }

    .vr-part06::after {
        display: none;

    }

    .vr-part06::before {
        display: none;
    }

    .vr-part06_head {
        padding-bottom: 9.33333333%;
        background: url(../images/m_title_05.png) no-repeat 2% 0;
        background-size: auto 100%;
    }

    .vr-part06_main {
        width: 100%;
        margin-top: 20px;
    }


    .vr-part06_main-left {
        width: 100%;
    }

    .vr-part06_main-right {
        width: 100%;

    }

    .vr-part06_main-small {
        width: 100%;
    }

    .vr-part07_warp {
        background: #2462ab;
        padding: 25px 0 20px;
    }

    .vr-part07 {
        position: relative;
    }

    .vr-part07::after {
        display: none;
    }

    .vr-part07_head {
        padding-bottom: 11.212121%;
        background: url(../images/m_title_06.png) no-repeat 2% 0;
        background-size: auto 100%;
    }

    .vr-part07_main {
        margin-left: 0px;
        padding-top: 10px;
        font-size: 0;
    }

    .vr-part07_main_left {
        width: 100%;
        padding-bottom: 20px;
    }

    .vr-part07_main_right {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .vr-part07_main_right::after {
        display: none;
    }

    .vr-part07_main_right-photo {
        width: 80%;
        display: inline-block;
    }


    .vr-part07_main_right-name {
        width: 80%;
        height: auto;
        line-height: 1.4;
        padding: 15px 0;
        display: inline-block;
        font-size: 20px;
    }

    .vr-part07_main_right-text {
        background: #d5ebf2;
        font-size: 14px;
        color: #141140;
        width: 80%;
        display: inline-block;
        padding: 15px 0px;

    }

    .vr-part08_warp {
        padding: 25px 0 20px;
    }

    .vr-part08 {
        width: 95%;
        padding: 10px;
        padding-top: 30px;
    }

    .vr-part08_head {
        padding-bottom: 10.834734%;
        background: url(../images/m_title_07.png) no-repeat 2% 0;
        background-size: auto 100%;
    }

    .vr-part08_main {
        padding-top: 10px;
        margin: 0px -2px;
    }

    .vr-part08_main-item {
        width: 50%;
        padding: 10px 2px;
    }


    .vr-part08_main-item_name {
        padding: 10px 0px;
        font-size: 20px;
        padding-bottom: 0;
    }

    .vr-part08_main-item_text {
        font-size: 14px;
        padding: 5px 0;
    }

    .vr-part09_warp {
        background: #fff url(../images/part9_back.jpg) no-repeat right top;
        background-size: 50% 100%;
        padding: 20px 0 10px;
    }

    .vr-part09_head {
        padding-bottom: 11.393939%;
        background: url(../images/m_title_08.png) no-repeat 2% 0;
        background-size: auto 100%;
    }

    .vr-part09_main {
        display: none;
    }

    .vr-part09_main_mb {
        width: 100%;
        display: block;
        padding: 30px 0;
    }

    .vr-part09_main_mb-items {
        font-size: 0;
        margin: 0px -5px;
        font-size: 0;
    }

    .vr-part09_main_mb-item {
        width: 50%;
        display: inline-block;
        padding: 5px;
    }
    .vr-part09_main_mb-item.hidden{
        display: none;
    }
    .vr-part09_main_mb-item.hidden.show{
        display: inline-block;
    }

    .vr-part09_main_mb-item_img {
        width: 100%;
        height: 0;
        padding-bottom: 120.954907%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        position: relative;
    }
    .vr-part09_head_more{
        display: none;
    }

    .vr-part09_main_mb-item_text {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        opacity: 0;
        background: rgba(0, 0, 0, .4);
        color: #fff;
        font-size: 16px;
        padding: 10px;
        text-align: center;
        -ms-transition: all 800ms ease;
        -webkit-transition: all 800ms ease;
        -o-transition: all 800ms ease;
        transition: all 800ms ease;
        padding-top: 50%;
        opacity: 1;
    }
    .vr-part09_main_mb_more{       
        text-align: center;
        width: 80%;
        background: #1d63ca;
        color: #fff;
        line-height: 1;
        border-radius:25px;         
        margin: 0 auto;
        margin-top: 20px;
    }
    .vr-part09_main_mb_more span,
    .vr-part09_main_mb_more a{
        display: block;
        color: #fff;
        padding: 10px 0px;
    }

    .vr-part10_warp::after {
        display: none;
    }

    .vr-part10_warp::before {
        top: -5px;
    }

    .vr-part10 {
        position: relative;
    }

    .vr-part10_head {
        padding-bottom: 10.354167%;
        background: url(../images/m_title_09.png) no-repeat 5% 0;
        background-size: auto 100%;
    }

    .vr-part10_main {
        width: 95%;
        margin: 0px auto;
    }

    .vr-part10_main-items {
        margin: 0px -5px;
    }

    .vr-part10_main-item {
        width: 33.33333333%;
        display: inline-block;
        padding: 5px;
    }


    .vr-footer-warp {
        padding: 20px 0 20px;

    }

    .vr-footer_menu {
        width: 95%;
        display: inline-block;
    }

    .vr-footer_menu li {
        display: inline-block;
        margin: 10px 5px;
        font-size: 12px;
    }


    .vr-footer_ico {
        width: 100%;
        padding: 20px 0 20px;
        border-bottom: 1px solid #fa1a84;
    }

    .vr-footer_ico_item {
        width: 32px;
        height: 32px;
        margin: 0px 9px;
    }

    .vr-footer_copy {
        font-size: 12px;
        padding-top: 20px;
        width: 90%;
        display: inline-block;
    }

    .vr-footer_copy a {
        color: #1d63ca;
    }

    .vr-footer_copy a:hover {
        color: #11b5d6;
    }

    .vr-footer_copy span {
        display: block;
    }

    .vr-footer_copy span:first-child {
        padding-bottom: 5px;
    }

    .vr-mask_close {
        width: 30px;
        height: 30px;
        right: 0px;
        top: -35px;
    }

    .vr-mask_info {
        font-size: 13px;
    }

    .vr-mask_people {
        width: 95%;
        padding-left: 40%;
    }

    .vr-mask_people_photo {
        width: 35%;
        top: -3%;
        left: 2%;
    }

    .vr-part09_main-item {
        width: 50%;
        display: inline-block;

    }

    .vr-part05_slide_item {
        width: 100%;
        padding: 9px 0;
    }

    .vr-mask_pic {
        max-width: 98%;

    }

    .vr-mask_pic img {
        max-height: 640px;
    }
    /*2018-08-06*/
    .mask_picTitle{  
        font-size: 12px;  
        padding: 10px;
    }

}

/*2019-08-06*/
[aos=fade-up] {
    -webkit-transform: translate(0, -100px);
    -ms-transform: translate(0, -100px);
    transform: translate(0, -100px)
}