/* 弹出导航 */
.nav-page {
    display: none;
}

/* 返回顶部 */
.backtoplump {
    position: fixed;
    width: 192px;
    height: 336px;
    right: 0;
    bottom: 100px;
    z-index: 9999;
    overflow: hidden;
}

.back-pop {
    position: absolute;
    width: 192px;
    height: 216px;
    top: 0;
    right: -197px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.1s linear;
    z-index: 1;
}

.back-pop .back-pop-title {
    position: relative;
    width: 192px;
    height: 56px;
    font-size: 16px;
    line-height: 56px;
    padding: 0 20px;
    color: #fff;
    background-color: #3e3e3e;
}

.back-pop .back-pop-title i {
    position: absolute;
    right: 20px;
    top: 21px;
    width: 14px;
    height: 14px;
    background-image: url("../images/close.html");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: all 0.1s linear;
}

.back-pop .back-pop-title i:hover {
    transform: rotate(90deg);
}

.back-pop .back-pop-info {
    width: 192px;
    height: 80px;
    padding: 10px 20px 0;
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s linear;
}

.back-pop .back-pop-info:hover {
    background-color: #f5f5f5;
}

.back-pop .back-pop-info h6 {
    font-size: 16px;
    color: #898989;
    padding: 10px 0 10px 25px;
    background-image: url("../images/pop_mail.html");
    background-repeat: no-repeat;
    background-position: left center;
}

.back-pop .back-pop-info:last-of-type h6 {
    background-image: url("../images/pop_phone.html");
}

.back-pop .back-pop-info span {
    color: #b2b2b2;
    font-size: 12px;
}

.backtoplump-icon {
    position: absolute;
    top: 176px;
    right: 0;
    width: 40px;
    height: 160px;
}

.backtoplump-icon .back-mes {
    right: 0;
}

.backtoplump-icon > div {
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    background-color: #fff;
    transition: all 0.1s linear;
    cursor: pointer;
}

.backtoplump-icon .back-cq {
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

.backtoplump-icon .back-cq:hover .erweima {
    display: block;
}

.backtoplump-icon .back-cq .erweima {
    display: none;
    position: absolute;
    top: -30px;
    right: 40px;
}

.backtoplump-icon .back-cq .erweima img {
    width: 100px;
    height: 100px;
}

.backtoplump-icon .back-back {
    border-top: none;
    border-bottom: 1px solid #e3e3e3;
}

.backtoplump-icon > div:hover {
    background-color: #b11d03;
    border-color: #b11d03;
}

.backtoplump-icon > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.backtoplump-icon > div > img:first-of-type {
    opacity: 1;
}

.backtoplump-icon > div > img:last-of-type {
    opacity: 0;
}

.backtoplump-icon > div:hover > img:first-of-type {
    opacity: 0;
}

.backtoplump-icon > div:hover > img:last-of-type {
    opacity: 1;
}

.inside-roof {
    display: none;
}

/*头部*/
.header {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.roof {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}

.top {
    width: 1170px;
    padding: 0 52px 0 22px;
    height: 80px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

.top .logo {
    width: 190px;
    height: 50px;
}

.top .logo img {
    width: 100%;
    height: 100%;
}

/*导航*/
.top .nav {
    font-size: 14px;
}

.top .nav .nav-item {
    margin: 0 22px;
}

.top .nav .nav-item > a {
    position: relative;
    display: block;
    line-height: 80px;
    background-repeat: repeat-x;
    background-position-y: bottom;
    transition: all 0.2s linear;
}

.top .nav .nav-item > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #fff;
    transition: all 0.2s linear;
}

.top .nav .nav-item:hover > a {
    color: #b11d03;
}

.top .nav .nav-item:hover > a::before {
    background-color: #b11d03;
}

.top .nav .nav-active > a {
    color: #b11d03;
}

.top .nav .nav-active > a::before {
    background-color: #b11d03;
}

.top .nav .arrow-menu > a {
    position: relative;
}

.top .nav .arrow-menu > a::after {
    content: "";
    position: absolute;
    line-height: 12px;
    text-align: center;
    width: 12px;
    height: 12px;
    top: 35px;
    right: -20px;
    transition: all 0.2s linear;
    /* transform-origin: center; */
    background-image: url("../images/arrow.html");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.top .nav .arrow-menu:hover > a::after {
    transform: rotateZ(180deg);
    color: #b11d03;
}

.top .nav .arrow-menu {
    position: relative;
}

.top .nav .arrow-menu ul {
    display: none;
    position: absolute;
    top: 60px;
    left: -60px;
    width: 210px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.top .nav .arrow-menu ul li {
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s linear;
}

.top .nav .arrow-menu ul li:hover {
    padding-left: 40px;
    background-color: #f0f0f0;
}

.top .nav .arrow-menu ul li a {
    display: block;
}

.top .nav .arrow-menu ul li:hover a {
    color: #b11d03;
}

/*banner*/
.swiper-container {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.swiper-container img {
    width: 100%;
}

.swiper-pagination {
    justify-content: center;
    bottom: 110px !important;
}

.swiper-pagination .my-bullet {
    margin: 0 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.swiper-pagination .my-bullet-active {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background-color: #ffe401;
}

/*数字展示*/
.num-wrapper {
    position: absolute;
    bottom: -90px;
    z-index: 9;
    width: 100%;
}

.number-show {
    width: 1170px;
    padding: 40px 0;
    height: 160px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.number-show > div {
    width: 25%;
    text-align: center;
}

.number-show > div:not(:last-of-type) {
    border-right: 1px solid #f6f6f6;
}

.number-show > div > p {
    position: relative;
    color: #e1322d;
    font-size: 60px;
}

.number-show > div > p::after {
    position: absolute;
    top: 0;
    font-size: 14px;
}

.number-show .num-team p::after {
    content: "年";
}

.number-show .num-app p::after {
    content: "+";
}

.number-show .num-client p::after {
    content: "+";
}

.number-show .num-modle p::after {
    content: "%";
}

.number-show > div > span {
    color: #999999;
    font-size: 16px;
}

/*关于我们*/
.about {
    width: 100%;
    height: 600px;
    background-image: url("../images/Corporatepositioning.html");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: 300px;
}

.about-part {
    justify-content: space-between;
    width: 1170px;
    margin: 0 auto;
    padding: 195px 0 0 0;
}

/* .about-left {} */

.about-left .about-title {
    margin-bottom: 20px;
}

.about-left .about-title h3 {
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.about-left .about-title span {
    display: block;
    width: 60px;
    height: 2px;
    margin: 5px 0;
    background-color: #4f4f4f;
}

.about-left .about-title p {
    color: #ccc;
    font-size: 14px;
}

.about-left .about-content {
    width: 505px;
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
}

.about-left .about-more {
    align-items: center;
    margin-top: 20px;
    padding-left: 20px;
}

.about-left .about-more .about-more-text {
    font-size: 14px;
    opacity: 0;
}

.about-left .about-more:hover .about-more-text {
    opacity: 1;
}

.about-left .about-more .about-more-icon {
    display: block;
    width: 38px;
    height: 10px;
    background-image: url("../images/jiantouda.html");
    background-repeat: no-repeat;
    background-position: 0 0;
    transform: translateX(-42px);
}

.about-left .about-more:hover .about-more-icon {
    transform: translateX(0);
}

/* .about-right {} */
.phone-more {
    display: none;
}

/*案例*/
.case {
    width: 100%;
    margin-bottom: 130px;
}

.case .case-title {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 30px;
}

.case .case-title h3 {
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.case .case-title span {
    display: inline-block;
    width: 60px;
    height: 2px;
    margin: 5px 0;
    background-color: #4f4f4f;
}

.case .case-title p {
    color: #ccc;
    font-size: 14px;
}

.case-class {
    justify-content: center;
    margin-bottom: 45px;
}

.case-class-item {
    width: 90px;
    height: 34px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    margin: 0 7px;
}

.case-class-item:hover {
    border: 1px solid #4a4a4a;
    color: #fff;
    background-color: #4a4a4a;
}

.case-class-item-active {
    border: 1px solid #4a4a4a;
    color: #fff;
    background-color: #4a4a4a;
}

.case-list {
    width: 100%;
    padding: 0 4%;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.case-item {
    width: 33.33%;
    overflow: hidden;
    top: 50px;
}

.case-item a {
    display: block;
}

.case-item .shade {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s linear;
}

.case-item:hover .shade {
    opacity: 1;
}

.case-item .shade::before,
.case-item .shade::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: inline-block;
    content: "";
    height: 2px;
    width: 80%;
    background-color: #919191;
    transition: all 0.3s linear;
}

.case-item .shade::before {
    top: 30px;
}

.case-item .shade::after {
    bottom: 30px;
}

.case-item:hover .shade::before {
    width: 90%;
    top: 20px;
}

.case-item:hover .shade::after {
    width: 90%;
    bottom: 20px;
}

.case-item .shade .shade-text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.case-item .shade .shade-text h4 {
    padding-bottom: 40px;
    opacity: 0;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    transition: all 0.3s linear;
}

.case-item:hover .shade .shade-text h4 {
    padding-bottom: 0;
    opacity: 1;
}

.case-item .shade .shade-text p {
    padding-top: 40px;
    opacity: 0;
    width: 100%;
    color: #666;
    line-height: 24px;
    transition: all 0.3s linear;
}

.case-item:hover .shade .shade-text p {
    padding-top: 0;
    opacity: 1;
}

.case-item img {
    width: 100%;
    height: 100%;
    transition: all 0.3s linear;
}

.case-item:hover img {
    transform: scale(1.1);
}

/*服务项目*/
.server {
    width: 100%;
    min-height: 1080px;
    background-image: url("../images/service-5.html");
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    /* background-size: cover; */
    /* background-position: center; */
}

.server-title {
    width: 1170px;
    margin: 0 auto;
    padding: 65px 0 45px;
    justify-content: space-between;
}

.server-title .ser-t-item {
    width: 162px;
    text-align: center;
}

.server-title .ser-t-item .item-info {
    color: #fff;
    padding: 10px 15px 0;
    line-height: 24px;
}

.server-title .server-tip {
    padding-top: 20px;
}

.server-main {
    width: 1170px;
    margin: 0 auto;
}

.server-main-item {
    justify-content: space-between;
}

.server-main-item .server-map {
    position: relative;
    width: 585px;
    height: 375px;
}

.server-main-item .server-map .vr-map {
    position: absolute;
    top: -80px;
    left: -95px;
    z-index: 1;
}

.server-main-item:hover .server-map .vr-map {
    transform: scale(1.1);
}

.server-main-item .server-map .d-map {
    position: absolute;
    top: -90px;
    left: -140px;
    z-index: 1;
}

.server-main-item:hover .server-map .d-map {
    transform: scale(1.1);
}

.server-main-item .server-map .base-layer {
    position: absolute;
    top: 0;
    left: 0;
}

.server-main-item .server-map .hidden-map {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 585px;
    height: 375px;
}

.server-main-item .server-map .hidden-map .layer {
    position: absolute;
    top: 0;
    left: 0;
}

.server-main-item:hover .server-map .hidden-map .layer {
    transform: scale(1.1);
}

.server-main-item .server-text {
    width: 585px;
    height: 375px;
    padding: 68px 60px 0 60px;
}

.server-main-item:nth-of-type(2) .server-text,
.server-main-item:nth-of-type(4) .server-text {
    padding: 68px 110px 0 60px;
}

.server-main-item:hover .server-text {
    background-color: rgba(0, 0, 0, 0.1);
}

.server-main-item .server-text .ser-m-title {
    /* font-size: 20px; */
    padding-bottom: 15px;
    font-weight: bold;
    color: #fff;
}

.server-main-item:nth-of-type(3) .server-text .ser-m-title,
.server-main-item:nth-of-type(4) .server-text .ser-m-title {
    color: #333333;
}

.server-main-item .server-text .ser-m-info {
    line-height: 30px;
    color: #fff;
}

.server-main-item:nth-of-type(3) .server-text .ser-m-info,
.server-main-item:nth-of-type(4) .server-text .ser-m-info {
    color: #666;
}

.server-main-item .server-text .ser-m-more {
    margin-top: 20px;
    align-items: center;
}

.server-main-item .server-text .ser-m-more .ser-m-more-text {
    opacity: 0;
    font-size: 12px;
}

.server-main-item:nth-of-type(1) .server-text .ser-m-more .ser-m-more-text,
.server-main-item:nth-of-type(2) .server-text .ser-m-more .ser-m-more-text {
    color: #ccc;
}

.server-main-item:hover .server-text .ser-m-more .ser-m-more-text {
    opacity: 1;
}

.server-main-item .server-text .ser-m-more .ser-m-more-arrow {
    width: 18px;
    height: 10px;
    background-image: url("../images/jiantouxiao.html");
    background-repeat: no-repeat;
    background-position: 0 0;
    transform: translateX(-35px);
}

.server-main-item:hover .server-text .ser-m-more .ser-m-more-arrow {
    transform: translateX(5px);
}

.phone-server {
    display: none;
}

/*客户*/
.client {
    width: 1170px;
    margin: 75px auto;
}

.client-title {
    text-align: center;
    margin-bottom: 20px;
}

.client-title h3 {
    font-size: 27px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #b61d00;
}

.client-title span {
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    height: 30px;
    color: #fff;
    background-color: #333333;
}

.client-info {
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.client-info .client-item {
    margin: 10px 5px;
    height: 45px;
    /* transition: all .3s linear; */
}

.client-info .client-item img {
    height: 100%;
}

/* .client-info .client-item:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, .3);
 } */

/*联系我们*/
.contact-map-wrapper {
    width: 100%;
    min-height: 642px;
    background-image: url("../images/map-1.html");
    background-repeat: no-repeat;
    background-position: center;
}

.contact-map {
    width: 1170px;
    margin: 0 auto;
    justify-content: space-between;
}

.contact-main {
    padding-top: 85px;
}

.contact-main .contact-main-tip {
    color: #ccc;
    line-height: 40px;
    margin-bottom: 10px;
}

.contact-main .contact-main-tip span {
    font-size: 18px;
    color: #ffcc01;
}

.contact-main .contact-main-info {
    display: none;
    width: 460px;
    height: 230px;
    padding: 30px;
    color: #fff;
    line-height: 24px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.1);
}

.contact-main .contact-main-info .company-title {
    padding-bottom: 10px;
}

.contact-main .contact-show {
    display: block;
}

.contact-main .contact-main-icon {
    margin-top: 20px;
    display: none;
}

.contact-main .contact-main-icon .contact-main-icon-item {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #293c76;
}

.map-point {
    position: relative;
    margin-top: 40px;
}

.map-point .point-add {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1;
    cursor: pointer;
}

.map-point .point-avtive::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    animation: addpoint 2s;
    animation-iteration-count: infinite;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
}

@keyframes addpoint {
    0% {
        opacity: 1;
    }

    50% {
        width: 24px;
        height: 24px;
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.map-point .point-add::before {
    position: absolute;
    color: #fff;
    width: 32px;
    right: -10px;
    top: 12px;
}

.map-point .point-add:nth-of-type(1) {
    top: 350px;
    left: 570px;
}

.map-point .point-add:nth-of-type(1)::before {
    content: "苏州";
}

.map-point .point-add:nth-of-type(2) {
    top: 333px;
    left: 543px;
}

.map-point .point-add:nth-of-type(2)::before {
    content: "南京";
    right: -30px;
    top: -20px;
}

.map-point .point-add:nth-of-type(3) {
    top: 341px;
    left: 556px;
}

.map-point .point-add:nth-of-type(3)::before {
    content: "常州";
    right: -38px;
    top: -6px;
}

.map-point .point-add:nth-of-type(4) {
    top: 383px;
    left: 375px;
}

.map-point .point-add:nth-of-type(4)::before {
    content: "泸州";
}

.map-point .point-add:nth-of-type(5) {
    top: 369px;
    left: 328px;
}

.map-point .point-add:nth-of-type(5)::before {
    content: "成都";
}

.map-point .new-map-img {
    position: absolute;
    display: none;
}

.map-point .new-map-img:nth-of-type(1) {
    top: 360px;
    left: 590px;
}

.map-point .new-map-img:nth-of-type(2) {
    top: 215px;
    left: 370px;
}

.map-point .new-map-img:nth-of-type(3) {
    top: 215px;
    left: 600px;
}

.map-point .new-map-img:nth-of-type(4) {
    top: 410px;
    left: 395px;
}

.map-point .new-map-img:nth-of-type(5) {
    top: 400px;
    left: 170px;
}

.map-point .new-map-img-show {
    display: block !important;
}

.send-message {
    width: 360px;
    margin-top: 120px;
}

.send-message .mes-input {
    position: relative;
    margin-bottom: 10px;
}

.send-message .mes-input span {
    position: absolute;
    left: 20px;
    z-index: 1;
    line-height: 40px;
    color: #fff;
}

.send-message .mes-input input {
    width: 360px;
    height: 40px;
    border: none;
    color: #fff;
    padding: 0 20px;
    color: #ccc;
    background-color: rgba(35, 56, 118, 0.6);
}

.send-message .mes-input textarea {
    width: 360px;
    height: 160px;
    border: none;
    color: #ccc;
    padding: 13px 20px;
    background-color: rgba(35, 56, 118, 0.6);
}

.send-message .mes-button {
    padding-top: 20px;
}

.send-message .mes-button button {
    width: 360px;
    height: 40px;
    border: none;
    font-size: 14px;
    color: #fff;
    background-color: rgba(35, 56, 118, 1);
}

.contact-phone {
    display: none;
}

.phone-home-title {
    display: none;
}

/*网站底部*/
.footer {
    text-align: center;
    height: 36px;
    line-height: 36px;
}

/* 内页banner+公共部分 */
.inside-banner {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.inside-banner img {
    width: 100%;
    height: 100%;
}

.inside-main {
    position: relative;
    top: -67px;
    width: 1170px;
    margin: 0 auto;
    z-index: 1;
    padding: 0 50px;
    background-color: #fff;
}

.inside-title {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 50px;
}

.inside-title h3 {
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.inside-title span {
    display: inline-block;
    width: 60px;
    height: 2px;
    margin: 5px 0;
    font-size: 14px;
    background-color: #4f4f4f;
}

.inside-title p {
    color: #ccc;
    font-size: 14px;
}

.inside-explain {
    line-height: 26px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 35px;
    padding-bottom: 35px;
}

/* 内页关于我们 */

.inside-about-publicity {
    flex-wrap: wrap;
    height: 556px;
    margin-bottom: 80px;
}

.iay-item {
    position: relative;
    width: 66.66%;
}

.iay-item:nth-of-type(2) {
    width: 33.34%;
}

.iay-item .iay-text {
    position: absolute;
    width: 357px;
    height: 278px;
    padding: 35px 30px;
    background-color: #f4f5f8;
    transition: all 0.2s linear;
}

.iay-item:hover .iay-text {
    background-color: #f0f0f0;
}

.iay-item:nth-of-type(1) .iay-text {
    right: 0;
}

.iay-item:nth-of-type(2) .iay-text {
    top: 278px;
}

.iay-item .iay-text p.iay-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 48px;
    color: #333;
}

.iay-item .iay-text p.iay-word {
    font-size: 14px;
    line-height: 28px;
}

.iay-item .iay-img {
    position: absolute;
    width: 357px;
    height: 278px;
}

.iay-item:nth-of-type(1) .iay-img {
    top: -18px;
    left: -50px;
}

.iay-item:nth-of-type(2) .iay-img {
    top: -18px;
    left: -26px;
}

.iay-item:nth-of-type(3) .iay-img {
    top: 0;
    left: 337px;
}

.inside-about-main {
    border-top: 1px dashed #ccc;
}

.four-advantage {
}

.advantage-title {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.advantage-title span {
    color: #df3126;
    font-weight: bold;
}

.advantage-content {
    width: 100%;
}

.advantage-content .cysg {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 50px;
}

.advantage-content .cysg-phone {
    display: none;
}

.advantage-content .hyyy {
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between;
}

.advantage-content .hyyy .hyyy-item {
    margin-bottom: 7px;
    overflow: hidden;
}

.advantage-content .hyyy .hyyy-item img {
    width: 100%;
    height: 100%;
}

.advantage-content .hyyy .hyyy-item:hover img {
    transform: scale(1.1);
}

.advantage-content .sskh {
    margin-bottom: 50px;
}

.sskh-info {
    display: none;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}

.sskh-info .sskh-item {
    margin: 0 10px 10px 0;
}

.sskh-info .sskh-item img {
    width: 90%;
}

.advantage-content .szmxk-text {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.advantage-content .szmxk {
    flex-wrap: wrap;
    justify-content: space-between;
}

.advantage-content .szmxk .szmxk-item {
    margin-bottom: 8px;
    overflow: hidden;
}

.advantage-content .szmxk .szmxk-item img {
    width: 100%;
    height: 100%;
}

.advantage-content .szmxk .szmxk-item:hover img {
    transform: scale(1.1);
}

/* 内页服务项目 */
.inside-server-main {
    padding: 0;
}

.inside-server-item {
    position: relative;
    width: 100%;
    height: 260px;
    margin-top: 70px;
    background-color: #fff;
}

.inside-server-item:hover {
    background-color: #f8f8f8;
}

.inside-server-item .in-ser-img {
    position: absolute;
    top: -30px;
    width: 500px;
    height: 270px;
    overflow: hidden;
}

.inside-server-item:nth-of-type(odd) .in-ser-img {
    left: 15px;
}

.inside-server-item:nth-of-type(even) .in-ser-img {
    right: 15px;
}

.inside-server-item .in-ser-img img {
    width: 100%;
    height: 100%;
}

.inside-server-item:hover .in-ser-img img {
    transform: scale(1.1);
}

.inside-server-item:nth-of-type(odd) .in-ser-content {
    padding: 30px 20px 0 550px;
}

.inside-server-item:nth-of-type(even) .in-ser-content {
    padding: 30px 550px 0 30px;
}

.in-ser-content .in-ser-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}

.in-ser-content .in-ser-info {
    line-height: 30px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.in-ser-content .in-ser-more {
    margin-top: 20px;
    align-items: center;
}

.in-ser-content .in-ser-more .in-ser-more-text {
    opacity: 0;
    font-size: 12px;
}

.inside-server-item:hover .in-ser-content .in-ser-more .in-ser-more-text {
    opacity: 1;
}

.in-ser-content .in-ser-more .in-ser-more-arrow {
    width: 18px;
    height: 10px;
    background-image: url("../images/jiantouxiao.html");
    background-repeat: no-repeat;
    background-position: 0 0;
    transform: translateX(-35px);
}

.inside-server-item:hover .in-ser-content .in-ser-more .in-ser-more-arrow {
    transform: translateX(5px);
}

/* 内页案例分类 */
.inside-case-class {
    justify-content: center;
    margin-bottom: 45px;
}

.inside-case-class-item {
    width: 90px;
    font-size: 14px;
    height: 34px;
    border: 1px solid #d2d2d2;
    line-height: 32px;
    text-align: center;
    margin: 0 7px;
}

.inside-case-class-item:hover {
    border: 1px solid #4a4a4a;
    color: #fff;
    background-color: #4a4a4a;
}

.inside-case-class-item-active {
    border: 1px solid #4a4a4a;
    color: #fff;
    background-color: #4a4a4a;
}

.case-children-list {
    margin-top: -67px;
    text-align: center;
    padding: 30px 0 50px;
    justify-content: center;
    flex-wrap: wrap;
}

.case-children-item {
    margin: 0 10px;
    line-height: 30px;
}

.case-children-item:hover {
    color: #b11d03;
}

.case-children-item-active {
    color: #b11d03;
}

/* 详情公共 */

.inside-detail-crumbs {
    position: relative;
    top: -67px;
    width: 1170px;
    margin: 0 auto;
    z-index: 1;
    background-color: #fff;
    height: 67px;
    line-height: 67px;
    padding: 0 50px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.inside-detail-crumbs h4 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.inside-detail-crumbs .crumbs {
    color: #666;
    font-size: 14px;
}

/* 案例详情 */
.inside-detail-main {
    position: relative;
    top: -67px;
    width: 1070px;
    margin: 0 auto;
    z-index: 1;
    padding: 40px 0 0 0;
    background-color: #fff;
    /* border-bottom: 1px solid rgba(0, 0, 0, .1); */
}

.related-case {
    position: relative;
    top: -67px;
    width: 1070px;
    height: 94px;
    line-height: 92px;
    border-top: 1px dotted #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
    margin: 0 auto;
    z-index: 1;
    background-color: #fff;
}

.related-case .related-case-list {
    /* text-align: center; */
    /* padding: 20px 0; */
    flex-wrap: wrap;
}

.related-case .related-case-list .related-case-item {
    /* margin: 0 10px; */
    color: #999;
}

.related-case .related-case-list .related-case-item::after {
    content: "/";
    padding: 0 12px;
    color: #999;
}

.related-case .related-case-list .related-case-item:hover {
    color: #333;
}

.related-case .related-info {
    width: 100%;
}

.related-case .related-info .related-info-case-item {
    width: 25%;
    margin: 0 10px;
    overflow: hidden;
}

.related-case .related-info .related-info-case-item a {
    display: block;
}

.related-case .related-info .related-info-case-item .shade {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s linear;
}

.related-case .related-info .related-info-case-item:hover .shade {
    opacity: 1;
}

.related-case .related-info .related-info-case-item .shade::before,
.related-case .related-info .related-info-case-item .shade::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: inline-block;
    content: "";
    height: 1px;
    width: 80%;
    background-color: #919191;
    transition: all 0.3s linear;
}

.related-case .related-info .related-info-case-item .shade::before {
    top: 30px;
}

.related-case .related-info .related-info-case-item .shade::after {
    bottom: 30px;
}

.related-case .related-info .related-info-case-item:hover .shade::before {
    width: 90%;
    top: 20px;
}

.related-case .related-info .related-info-case-item:hover .shade::after {
    width: 90%;
    bottom: 20px;
}

.related-case .related-info .related-info-case-item .shade .shade-text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.related-case .related-info .related-info-case-item .shade .shade-text h4 {
    padding-bottom: 40px;
    opacity: 0;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    transition: all 0.3s linear;
}

.related-case
    .related-info
    .related-info-case-item:hover
    .shade
    .shade-text
    h4 {
    padding-bottom: 0;
    opacity: 1;
}

.related-case .related-info .related-info-case-item .shade .shade-text p {
    padding-top: 40px;
    opacity: 0;
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    transition: all 0.3s linear;
}

.related-case .related-info .related-info-case-item:hover .shade .shade-text p {
    padding-top: 0;
    opacity: 1;
}

.related-case .related-info .related-info-case-item img {
    width: 100%;
    height: 100%;
    transition: all 0.3s linear;
}

.related-case .related-info .related-info-case-item:hover img {
    transform: scale(1.1);
}

/* 团队服务 */
.inside-team {
    padding-top: 40px;
}

.team20 {
    font-size: 20px;
}

.inside-team-item {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
    height: 280px;
    transition: all 0.3s linear;
}

.inside-team-item:hover {
    background-color: #f8f8f8;
}

.inside-team-item .inside-team-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 555px;
    padding: 0 35px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s linear;
}

.inside-team-item:nth-of-type(odd) .inside-team-text {
    left: 0;
}

.inside-team-item:nth-of-type(even) .inside-team-text {
    right: 0;
}

.inside-team-item .inside-team-text h5 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.inside-team-item .inside-team-text h5:nth-of-type(2) {
    padding-top: 30px;
}

.inside-team-item .inside-team-text p {
    color: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 30px;
    color: #666;
}

.inside-team-item .inside-team-img {
    position: absolute;
    top: -30px;
    width: 500px;
    height: 280px;
    width: 500px;
    height: 280px;
    overflow: hidden;
}

.inside-team-item:nth-of-type(odd) .inside-team-img {
    right: 15px;
}

.inside-team-item:nth-of-type(even) .inside-team-img {
    left: 15px;
}

.inside-team-item .inside-team-img img {
    width: 100%;
    height: 100%;
}

.inside-team-item:hover .inside-team-img img {
    transform: scale(1.1);
}

.team-footer {
    text-align: center;
    height: 36px;
    line-height: 36px;
    display: none;
}

.team-footer-bg {
    text-align: center;
    padding-top: 460px;
    line-height: 36px;
    height: 496px;
    width: 100%;
    color: #fff;
    background-image: url("../images/team_di.html");
    background-repeat: no-repeat;
    background-position: center bottom;
}

/* 加入我们 */
.inside-joinus {
    padding-top: 40px;
}

.team20 {
    font-size: 20px;
}

.inside-joinus-item {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
    height: 280px;
    transition: all 0.3s linear;
}

/* .inside-joinus-item:hover {
  background-color: #f8f8f8;
} */

.inside-joinus-item .inside-joinus-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 570px;
    /* padding: 0 35px; */
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s linear;
}

.inside-joinus-item:nth-of-type(odd) .inside-joinus-text {
    left: 0;
    padding-right: 50px;
}

.inside-joinus-item:nth-of-type(even) .inside-joinus-text {
    right: 0;
    padding-left: 50px;
}

.inside-joinus-item .inside-joinus-text h5 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.inside-joinus-item .inside-joinus-text h5:nth-of-type(2) {
    padding-top: 30px;
}

.inside-joinus-item .inside-joinus-text p {
    color: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 30px;
    color: #666;
}

.inside-joinus-item .inside-joinus-img {
    position: absolute;
    top: 0;
    width: 500px;
    height: 280px;
}

.inside-joinus-item .inside-joinus-img::before,
.inside-joinus-item .inside-joinus-img::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
}

.inside-joinus-item:nth-of-type(1) .inside-joinus-img::after {
    top: 0;
    right: -50px;
    height: 120px;
    background-color: #ffded7;
}

.inside-joinus-item:nth-of-type(2) .inside-joinus-img::after {
    bottom: 0;
    left: -50px;
    height: 180px;
    background-color: #d1e7ff;
}

.inside-joinus-item:nth-of-type(3) .inside-joinus-img::before {
    bottom: 0;
    left: -50px;
    height: 60px;
    background-color: #ffded7;
}

.inside-joinus-item:nth-of-type(3) .inside-joinus-img::after {
    top: 0;
    right: -50px;
    height: 170px;
    background-color: #d1e7ff;
}

.inside-joinus-item:nth-of-type(odd) .inside-joinus-img {
    right: 0;
}

.inside-joinus-item:nth-of-type(even) .inside-joinus-img {
    left: 0;
}

.inside-joinus-item .inside-joinus-img .inside-joinus-img-hidden {
    width: 500px;
    height: 280px;
    overflow: hidden;
}

.inside-joinus-item .inside-joinus-img .inside-joinus-img-hidden img {
    width: 100%;
    height: 100%;
}

/* .inside-joinus-item:hover .inside-joinus-img .inside-joinus-img-hidden img {
  transform: scale(1.1);
} */

/* 办公环境 */

.inside-join {
    position: relative;
    top: -67px;
    width: 1170px;
    margin: 0 auto;
    padding: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.inside-join-title {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #333;
}

.inside-join-explain {
    padding: 20px 0 30px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
}

.inside-join-pic {
    flex-direction: column;
    flex-wrap: wrap;
    height: 550px;
}

.inside-join-pic img {
    width: 33.33%;
    height: 50%;
}

.inside-join-pic img:nth-of-type(1) {
    padding: 0 10px 10px 0;
}

.inside-join-pic img:nth-of-type(2) {
    padding: 0 10px 0 0;
}

.inside-join-pic img:nth-of-type(3) {
    height: 100%;
    padding: 0 10px 0 0;
}

.inside-join-pic img:nth-of-type(4) {
    padding: 0 0 10px 0;
}

.inside-join-pic img:nth-of-type(5) {
    padding: 0;
}

.inside-job {
    position: relative;
    top: -67px;
    width: 1170px;
    margin: 0 auto;
    padding: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.inside-job-list {
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 30px;
    padding: 20px 0 0 0;
}

.inside-job-item {
    width: 14.2857%;
    /* padding: 0 20px 10px 0; */
}

.inside-job-item:nth-of-type(7n) {
    text-align: right;
}

.inside-job-contact {
    padding-top: 20px;
    line-height: 30px;
    font-size: 14px;
}

.inside-line-title {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 35px;
}

/* 联系我们 */
.inside-contact {
    position: relative;
    top: -67px;
    width: 1170px;
    margin: 0 auto;
    padding: 0 50px;
    justify-content: space-between;
}

.inside-contact-main {
    padding-top: 25px;
    color: rgba(0, 0, 0, 0.6);
}

.inside-contact-main .inside-contact-main-tip {
    line-height: 40px;
    margin-bottom: 10px;
}

.inside-contact-main .inside-contact-main-tip span {
    font-size: 18px;
    color: #b11d03;
}

.inside-contact-main .inside-contact-main-info {
    display: none;
    width: 460px;
    height: 230px;
    padding: 30px;
    line-height: 24px;
    font-size: 14px;
    background-color: #f8f8f8;
}

.inside-contact-main .inside-contact-main-info .inside-company-title {
    padding-bottom: 10px;
}

.inside-contact-main .inside-contact-show {
    display: block;
}

.inside-contact-main .inside-contact-main-icon {
    margin-top: 20px;
    display: none;
}

.inside-contact-main .inside-contact-main-icon .inside-contact-main-icon-item {
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-right: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
}

.inside-map-point {
    position: relative;
}

.inside-map-point .inside-point-add {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #b11d03;
    z-index: 1;
    cursor: pointer;
}

.inside-map-point .inside-point-avtive::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    animation: addpoint 2s;
    animation-iteration-count: infinite;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #b11d03;
}

@keyframes addpoint {
    0% {
        opacity: 1;
    }

    50% {
        width: 24px;
        height: 24px;
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.inside-map-point .inside-point-add::before {
    position: absolute;
    width: 32px;
    right: -10px;
    top: 12px;
}

.inside-map-point .inside-point-add:nth-of-type(1) {
    top: 310px;
    left: 493px;
}

.inside-map-point .inside-point-add:nth-of-type(1)::before {
    content: "苏州";
}

.inside-map-point .inside-point-add:nth-of-type(2) {
    top: 290px;
    left: 470px;
}

.inside-map-point .inside-point-add:nth-of-type(2)::before {
    content: "南京";
    right: -35px;
    top: -17px;
}

.inside-map-point .inside-point-add:nth-of-type(3) {
    top: 298px;
    left: 480px;
}

.inside-map-point .inside-point-add:nth-of-type(3)::before {
    content: "常州";
    right: -38px;
    top: -6px;
}

.inside-map-point .inside-point-add:nth-of-type(4) {
    top: 320px;
    left: 325px;
}

.inside-map-point .inside-point-add:nth-of-type(4)::before {
    content: "泸州";
}

.inside-map-point .inside-point-add:nth-of-type(5) {
    top: 315px;
    left: 280px;
}

.inside-map-point .inside-point-add:nth-of-type(5)::before {
    content: "成都";
}

.inside-map-point .new-map-img {
    position: absolute;
    display: none;
}

.inside-map-point .new-map-img:nth-of-type(1) {
    top: 320px;
    left: 510px;
}

.inside-map-point .new-map-img:nth-of-type(2) {
    top: 174px;
    left: 295px;
}

.inside-map-point .new-map-img:nth-of-type(3) {
    top: 155px;
    left: 505px;
}

.inside-map-point .new-map-img:nth-of-type(4) {
    top: 350px;
    left: 325px;
}

.inside-map-point .new-map-img:nth-of-type(5) {
    top: 345px;
    left: 100px;
}

.inside-map-point .new-map-img-show {
    display: block !important;
}

.inside-message {
    position: relative;
    top: -67px;
    width: 1170px;
    margin: 0 auto;
    padding: 80px 30px 0;
}

.inside-message-form {
    flex-wrap: wrap;
}

.inside-message-form span {
    position: absolute;
    z-index: 1;
    line-height: 50px;
    padding-left: 20px;
}

.inside-message-form .inside-mes-input {
    position: relative;
    width: 33.33%;
    padding: 0 20px;
}

.inside-message-form .inside-mes-input input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    border: 1px solid #eee;
}

.inside-message-form .inside-mes-textarea {
    position: relative;
    width: 100%;
    padding: 30px 20px;
}

.inside-message-form .inside-mes-textarea textarea {
    width: 100%;
    height: 145px;
    padding: 17px 20px 0;
    font-size: 14px;
    border: 1px solid #eee;
}

.inside-message-form .inside-mes-button {
    padding: 0 20px;
}

.inside-message-form .inside-mes-button button {
    width: 150px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
}

/* -------------------------------------------------2019.9.11 新增页面----------------------------------------------------- */
.new-about-hxsj {
}

.hxsj-title {
    text-align: center;
    margin-bottom: 80px;
}

.hxsj-title img {
    width: 250px;
    display: inline-block;
    margin-bottom: 20px;
}

.hxsj-title p {
    font-size: 18px;
    font-weight: bold;
}

.hxsj-about-content {
    /* padding: 0 130px; */
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    color: #232323;
}

.hxsj-about-content-phone {
    display: none;
}

.qyksh {
    width: 1280px;
    margin: 13px auto 0;
    justify-content: space-between;
}

.qyksh-t {
    width: 342px;
}

.qyksh-nr {
    width: 923px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.qyksh-nr-item {
    overflow: hidden;
}

.qyksh-nr-item:nth-of-type(1) .qyksh-img,
.qyksh-nr-item:nth-of-type(2) .qyksh-img {
    height: 310px;
}

.qyksh-nr-item:nth-of-type(3) .qyksh-img,
.qyksh-nr-item:nth-of-type(4) .qyksh-img {
    height: 320px;
}

.qyksh-nr-item .qyksh-text {
    height: 90px;
    padding: 0 10px;
    line-height: 1em;
}

.qyksh-nr-item .qyksh-text p {
    font-size: 18px;
    padding: 16px 0 10px;
    color: #303030;
}

.qyksh-nr-item .qyksh-text span {
    font-size: 16px;
    color: #a2a2a2;
}

.dzqyyxwlb {
    width: 1170px;
    margin: 0 auto;
}

.dzqyyxwlb-t {
    padding: 80px 0;
    text-align: center;
}

.dzqyyxwlb-img img {
    font-size: 0;
    padding: 0;
    margin: 0;
}

.dzqyyxwlb-san {
    justify-content: space-between;
    margin-top: 10px;
}

.dzqyyxwlb-san .dzqyyxwlb-item {
    width: 383px;
}

.dzqyyxwlb-san .dzqyyxwlb-item img {
    width: 100%;
}

.dzqyyxwlb-san .dzqyyxwlb-item p {
    font-size: 18px;
    line-height: 1em;
    color: #000;
    text-align: center;
    padding: 16px 0;
}

.dzqyyxwlb-san .dzqyyxwlb-item p span {
    font-size: 22px;
    font-weight: bold;
}

.dzqyyxwlb-san .dzqyyxwlb-item b {
    display: none;
}

.new-about-footer {
    height: 419px;
    width: 100%;
    margin: 50px 0 100px;
    background-image: url("../images/about/di_bg.html");
    background-repeat: no-repeat;
    background-position: top center;
}

.new-about-inside {
    width: 1070px;
    margin: 0 auto;
    justify-content: space-between;
}

.naf-left {
    margin-top: 30px;
}

.naf-left img {
}

.naf-right {
    position: relative;
}

.naf-right-bg {
    width: 320px;
    height: 440px;
    padding: 6px 0 0 20px;
    line-height: 1em;
    vertical-align: middle;
    border: 10px solid #ebebeb;
}

.naf-right-bg-left,
.naf-right-bg-right {
    cursor: pointer;
    display: inline-block;
    opacity: 0.3;
}

.naf-right-bg-left:hover,
.naf-right-bg-right:hover {
    opacity: 1;
}

.naf-right-bg-xian {
    padding: 0 10px;
}

.naf-right-pic {
    position: absolute;
    right: 40px;
    top: 42px;
    width: 589px;
    height: 367px;
    overflow: hidden;
}

.naf-right-pic img {
    width: 589px;
    height: 367px;
}

.naf-right-pic-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 3534px;
    transition: all 0.2s linear;
}

.p15 {
    padding-top: 15px;
}

.new-server {
    position: relative;
    top: -67px;
}

.yszzyw {
    position: relative;
    margin-bottom: 80px;
}

.zlzs {
    position: relative;
}

.new-server-gray {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: -1;
    height: 355px;
    background-color: #f6f6f6;
}

.yszzyw-wrapper {
    width: 1170px;
    height: 1506px;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    padding-top: 63px;
}

.vrxnxsyw-wrapper {
    width: 1170px;
    height: 1157px;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    padding-top: 63px;
}

.zlzs-wrapper {
    width: 1170px;
    height: 1217px;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    padding-top: 63px;
}

.p85 {
    padding-top: 85px;
}

.p150 {
    padding-top: 150px;
}

.p50 {
    padding-top: 50px;
}

.p29 {
    padding-top: 29px;
}

.w380 {
    width: 380px;
}

.p448 {
    padding-top: 448px;
}

.new-server-item {
}

.new-server-item p {
    height: 90px;
    font-size: 18px;
    padding: 16px 10px 0;
    line-height: 1em;
    color: #303030;
}

.new-server-item span {
    font-size: 16px;
    padding-top: 10px;
    color: #a2a2a2;
    display: block;
    line-height: 1em;
}

.inside-yshq {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    top: -67px;
}

.yshq-qdhqzzxgbz {
    position: relative;
    height: 490px;
    width: 100%;
    margin-bottom: 15px;
}

.yshq-qdhqzzxgbz-left,
.yshq-qdhqzzxgbz-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.yshq-qdhqzzxgbz-left {
    left: -55px;
}

.yshq-qdhqzzxgbz-right {
    right: -55px;
}

.yshq-qdhqzzxgbz-content-wrapper {
    position: relative;
    width: 100%;
    height: 490px;
    overflow: hidden;
}

.yshq-qdhqzzxgbz-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 2340px;
    justify-content: space-between;
    font-size: 0;
}

.yshq-qdhqzzxgbz-content .yshq-qdhqzzxgbz-item {
    position: relative;
    width: 234px;
    height: 490px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.2s linear;
}

.yshq-qdhqzzxgbz-content .yshq-qdhqzzxgbz-item:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.yshq-qdhqzzxgbz-content .yshq-qdhqzzxgbz-item img {
    width: 100%;
    height: 100%;
}

.yshq-qdhqzzxgbz-content .yshq-qdhqzzxgbz-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 234px;
    height: 490px;
    transition: all 0.2s linear;
}

.yshq-qdhqzzxgbz-content .yshq-qdhqzzxgbz-item:hover::before {
    top: 10px;
    left: 10px;
    width: 214px;
    height: 470px;
    border: 1px solid #fff;
    transition: all 0.2s linear;
}

.yshq-ssk {
    justify-content: space-between;
    padding-bottom: 45px;
}

.yshq-ssk-item {
    overflow: hidden;
    padding-bottom: 20px;
}

.inside-yshq-title {
    text-align: center;
    margin-bottom: 60px;
}

.ggjxgslbz {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 45px;
}

.ggjxgslbz div {
    margin-bottom: 15px;
    overflow: hidden;
}

.ggjxgslbz4 {
    margin-left: 395px;
    margin-top: -261px;
}

.ggjxgslbz5 {
    margin-top: -261px;
}

.zxxgqlbz {
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 60px;
}

.zxxgqlbz-item {
}

.zxxgqlbz-item div {
    overflow: hidden;
}

.zxxgqlbz-item p {
    height: 90px;
    font-size: 18px;
    padding: 16px 10px 0;
    line-height: 1em;
    color: #303030;
}

.zxxgqlbz-item span {
    font-size: 16px;
    padding-top: 10px;
    color: #a2a2a2;
    display: block;
    line-height: 1em;
}

.gdqyslbxsd {
    padding-bottom: 40px;
}

.gdqyslbxsd img {
    padding-bottom: 20px;
}

.m0 {
    margin: 0;
}

.fd-column {
    flex-direction: column;
}

.h651 {
    height: 651px;
}

.w1225 {
    width: 1225px;
    margin: 0 auto;
}

.swdh-list {
    justify-content: space-between;
    margin-bottom: 60px;
}

.swdh-list-colum {
    width: 240px;
}

.swdh-list-colum p {
    width: 205px;
    height: 71px;
    padding-top: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 21px solid #fff;
    border-left: 3px solid #fff;
    transition: all 0.2s linear;
    cursor: pointer;
}

.swdh-list-colum p:hover {
    border-top: 3px solid #ed7819;
    border-right: 3px solid #ed7819;
    border-bottom: 21px solid #ed7819;
    border-left: 3px solid #ed7819;
}

.swdh-list-colum p img {
    padding-left: 30px;
    padding-right: 10px;
}

.swdh-list-colum p span {
    display: inline-block;
}

.swdh-list-img {
}

.p60 {
    padding-top: 60px;
}

.zhgcjjfa-content {
    padding: 0 120px 60px;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    color: #232323;
}

.zhgcjjfa-image {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.zhgcjjfa-image div:nth-of-type(1) {
    width: 446px;
    height: 211px;
}

.zhgcjjfa-image div:nth-of-type(2) {
    width: 347px;
    height: 211px;
    margin-bottom: 15px;
}

.zhgcjjfa-image div:nth-of-type(3) {
    width: 347px;
    height: 211px;
}

.zhgcjjfa-image div:nth-of-type(4) {
    padding-left: 461px;
}

.zhgcjjfa-video div {
    margin-bottom: 15px;
}

.m15 {
    margin-bottom: 15px;
}

.m60 {
    margin-bottom: 60px;
}

.tgjhsb {
    font-size: 18px;
    text-align: center;
}

.zykzs-image {
    flex-wrap: wrap;
    justify-content: space-between;
}

.zykzs-image div:nth-of-type(1) {
    width: 347px;
    height: 211px;
}

.zykzs-image div:nth-of-type(2) {
    width: 347px;
    height: 211px;
    margin-bottom: 15px;
}

.zykzs-image div:nth-of-type(3) {
    width: 446px;
    height: 211px;
}

.zykzs-image div:nth-of-type(4) {
    width: 709px;
    height: 350px;
}

.new-contact-tag {
    margin: 25px 0 7px;
    justify-content: space-between;
}

.new-contact-tag div {
    background-color: #f8f8f8;
    line-height: 30px;
    width: 85px;
    text-align: center;
    cursor: pointer;
}

.new-contact-tag .new-contact-tag-active {
    color: #fff;
    background-color: #b11d03;
}

.new-contact-tag-index {
    margin: 25px 0 7px;
    justify-content: space-between;
    font-weight: lighter;
}

.new-contact-tag-index div {
    background-color: rgba(255, 255, 255, 0.1);
    line-height: 30px;
    width: 85px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    opacity: 0.3;
		font-size: 20px;
}

.new-contact-tag-index .new-contact-tag-index-active {
    opacity: 1;
}

.case-detail-video {
}

.case-detail-video-play {
    width: 100%;
}

.case-detail-video-detail {
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.case-detail-video-detail .case-detail-video-name {
    width: 210px;
    text-align: right;
}

.case-detail-video-detail .case-detail-video-name h4 {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 10px;
}

.case-detail-video-detail .case-detail-video-name p {
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

.case-detail-video-line {
}

.case-detail-video-detail .case-detail-video-intro {
    width: 780px;
    font-size: 14px;
    color: #666;
}

.case-detail-title {
    z-index: 1;
    width: 1070px;
    margin: 0 auto 20px;
    height: 94px;
    line-height: 92px;
    border-top: 1px dotted #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #333;
    background-color: #fff;
}

.case-detail-screenshot {
}

.case-detail-screenshot img {
    width: 100%;
    margin-bottom: 20px;
}

.case-detail-feature {
    justify-content: space-between;
    margin-bottom: 20px;
}

.case-detail-feature-left {
}

.case-detail-feature-left img {
    width: 710px;
    height: 404px;
}

.case-detail-feature-right {
    flex-direction: column;
    justify-content: space-between;
}

.case-detail-feature-right img {
    width: 350px;
    height: 197px;
}

.wrapper {
    position: relative;
    width: 1170px;
    height: 581px;
    overflow: hidden;
}

.img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 7020px;
    height: 100%;
    font-size: 0;
}

.img-box li {
    display: inline-block;
}

.btn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    height: 0px;
}

.btn .prevBtn,
.btn .nextBtn {
    position: absolute;
    width: 33px;
    height: 36px;
}

.btn .prevBtn {
    left: 10px;
}

.btn .nextBtn {
    right: 10px;
}

.btn .prevBtn i,
.btn .nextBtn i {
    display: inline-block;
    width: 33px;
    height: 36px;
}

.btn .prevBtn i {
    background-image: url("../images/VR/left.html");
}

.btn .nextBtn i {
    background-image: url("../images/VR/right.html");
}

.order {
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 14px;
    text-align: center;
}

.order ul {
    display: inline-block;
    background: rgba(100, 100, 100, 0.5);
    border-radius: 7px;
}

.order ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-radius: 50%;
    background: #fff;
}

.order ul li {
    cursor: pointer;
}

.order ul .active {
    background: #ff5000;
}