.cf:before,{
    content: '';
    display: table;
}

.cf:after {
    content: '';
    display: table;
    clear: both;
}

.cf {
    *zoom: 1;
}

.mt_55 {
    margin-top: 55px;
}

@media only screen and (max-width:1500px) {
    .mt_55 {
        margin-top: 40px;
    }
}

@media only screen and (max-width:1400px) {
    .mt_55 {
        margin-top: 40px;
    }
}

@media only screen and (max-width:1300px) {
    .mt_55 {
        margin-top: 40px;
    }
}

@media only screen and (max-width:1200px) {
    .mt_55 {
        margin-top: 30px;
    }
}

@media only screen and (max-width:1000px) {
    .mt_55 {
        margin-top: 20px;
    }
}
.fnt_66{
    font-size:66px;
}
.fnt_12{
    font-size:12px;
}
.fnt_18 {
    font-size: 18px;
}

.fnt_30 {
    font-size: 30px;
    line-height: 1.3;
}

.fnt_48 {
    font-size: 48px;
    line-height: 1.3;
}

.fnt_60 {
    font-size: 60px;
    line-height: 1.2;
}

@media only screen and (max-width:1500px) {
    .fnt_30 {
        font-size: 30px;
    }

    .fnt_48 {
        font-size: 36px;
    }

    .fnt_60 {
        font-size: 50px;
    }
}

@media only screen and (max-width:1400px) {
    .fnt_18 {
        font-size: 16px;
    }

    .fnt_30 {
        font-size: 24px;
    }

    .fnt_48 {
        font-size: 32px;
    }

    .fnt_60 {
        font-size: 38px;
    }
}

@media only screen and (max-width:1024px) {
    .fnt_18 {
        font-size: 16px;
    }

    .fnt_30 {
        font-size: 20px;
    }

    .fnt_48 {
        font-size: 28px;
    }

    .fnt_60 {
        font-size: 34px;
    }
}

@media only screen and (max-width:950px) {
    .fnt_18 {
        font-size: 14px;
    }

    .fnt_30 {
        font-size: 18px;
    }

    .fnt_48 {
        font-size: 26px;
    }

    .fnt_60 {
        font-size: 30px;
    }
}

@media only screen and (max-width:767px) {
    .fnt_18 {
        font-size: 14px;
    }

    .fnt_30 {
        font-size: 16px;
    }

    .fnt_48 {
        font-size: 20px;
    }

    .fnt_60 {
        font-size: 22px;
    }
}

.bx-wrapper {
    margin-bottom: 0 !important;
}

.phone_img_dom {
    display: none !important;
}

@media only screen and (max-width:767px) {
    .phone_img_dom {
        display: block !important;
    }

    img.pc_dom {
        display: none !important;
    }
}


.wrap {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:1366px) {
    .wrap {
        width: 1100px;
    }
}

@media only screen and (max-width:1200px) {
    .wrap {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media only screen and (max-width:767px) {
    .wrap {
        padding-right: 10px;
        padding-left: 10px;
    }
}



.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000;
}


.banner3 {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #000;
}

.banner3 li {
    overflow: hidden;
    position: relative;
}

.banner3 li>a {
    display: block;
    box-sizing: border-box;
    padding-right: 0 !important;
}

.banner3 .bx-wrapper img {
    max-width: none;
    width: 100%;
    position: relative;
}

.banner3 video {
    width: 100%;
}

.banner3 .bx-wrapper .bx-pager {
    bottom: auto;
    top: 90%;
    padding-top: 0;
}

.banner3 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border: 0 solid #fff;
}

.banner3 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner3 .bx-wrapper .bx-pager.bx-default-pager .active a {
    background: #f60;
}

.banner3 li div.more.other {
    margin-left: auto;
    margin-right: auto;
}

.banner3 li .p {
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    opacity: 0;
    left: -50px;
    right: 0;
    text-align: center;
    z-index: 3;
}

.banner3 li .p h3 {
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 1;
}

.banner3 li .p h4 {
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 1;
}
.lineHeight15{
    line-height:1.5 !important;
}

.banner3 li .p p {
    margin-bottom: 5px;
    min-height: 1.5em;
    overflow: hidden;
    line-height: 1;
}

.banner3 li .p q {
    position: relative;
    top: 100px;
    display: block;
}

.banner3 li.li_left .p {
    text-align: left;
    top: auto;
    bottom: 20%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.banner3 li.li_left div.more.other {
    margin-left: 0;
}

@media only screen and (max-width:1366px) {
    .banner3 li .p {
        padding: 20px 30px 30px 90px;
    }

    .banner3 .bx-wrapper .bx-pager {
        top: 90%;
    }

    .banner3 li .p h3 {
        left: 0;
    }
}

@media only screen and (max-width:1200px) {
    .banner3 {
        margin-top: 72px;
    }
}

@media only screen and (max-width:1024px) {
    .banner3 li .p h3 {
        font-size: 30px;
        line-height: 1.2;
    }

    .banner3 li .p h4 {
        font-size: 30px;
        line-height: 1.2;
    }

    .banner3 li .p p {
        font-size: 12px;
    }

    .banner3 li .p {
        padding: 20px 30px 30px 80px;
    }

    .banner3 .bx-wrapper .bx-pager {
        top: 90%;
    }
}

.banner_text02 {
    display: none;
}

@media only screen and (max-width:800px) {
    .banner3 {
        height: 0 !important;
        padding-bottom: 56%;
    }

    .banner3 li .p h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .banner3 li .p h4 {
        font-size: 24px;
        letter-spacing: 2px;
        margin-bottom: 5px;
    }

    .banner3 li .p p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .banner3 li .p {
        top: 52%;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px 20px 15px;
        background: transparent;
    }

    .banner3 li.li_left .p {
        bottom: 10%;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    .banner3 li.li_left a {
        padding-right: 15px;
    }

    .banner_text02 {
        display: block;
        z-index: 99;
    }

    .banner_text02 p {
        margin: 10px 0 20px;
    }

    .banner_text02 p a {
        color: #fff;
    }

    .banner3 li .p {
        left: 0;
    }
}

@media only screen and (max-width:767px) {
    .banner3 {
        padding-bottom: 78%;
    }
}

@media only screen and (max-width:320px) {
    .banner3 li .p h3 {
        font-size: 18px;
    }

    .banner3 li .p h4 {
        font-size: 18px;
    }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.delay_5s {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
}


div,
p {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

a {
    text-decoration: none;
}

i {
    vertical-align: middle;
    font-style: normal;
}

img {
    vertical-align: top;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.fl {
    float: left;
}

/*! CSS Used from: https://www.vthinks.net/public/static/pc/css/global.css */
div,
p {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

:focus {
    outline: 0;
}

i {
    font-style: normal;
    font-weight: normal;
}

:link,
:visited {
    text-decoration: none;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

a {
    color: #585657;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: #D7261D;
}

.fl {
    float: left;
}

a,
span,
div {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}

img {
    max-width: 100%;
    vertical-align: top;
}

@media screen and (max-width:750px) {
    a {
        background-color: transparent;
    }

    a:active,
    a:hover {
        outline: 0;
    }

    img {
        border: 0;
    }

    div,
    p {
        margin: 0;
        padding: 0;
    }

    img {
        border: 0;
    }

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

    i {
        vertical-align: middle;
        font-style: normal;
    }

    img {
        vertical-align: top;
    }

    .clearfix:after {
        display: block;
        content: "";
        clear: both;
    }

    .fl {
        float: left;
    }

    * {
        box-sizing: border-box;
    }

    a:link,
    a:visited,
    a:hover,
    a:active,
    a:focus {
        text-decoration: none !important;
    }
}

/*! CSS Used from: https://www.vthinks.net/public/static/pc/css/h_case.css */
.h_m1_i {
    background: #a6a6a6;
    height: 2px;
    width: 55px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.h_case_m2_m {
    float: left;
    width: 46%;
    margin-right: 4%;
    margin-top: 6%;
    color: #505050;
    font-size: 12px;
    line-height: 20px;
}

.h_case_m2_m,
.h_case_m2_m:hover {
    color: #505050;
}

.h_2_m_p1 {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.h_2_m_p2 {
    font-size: 19px;
    color: #000000;
    font-weight: 700;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.h_2_m_p3 {
    height: 60px;
    overflow: hidden;
    zoom: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.h_2_m_txt {
    padding: 38px;
    padding-left: 105px;
    position: relative;
}

.h_2_m_p1 {
    position: relative;
    left: 0;
}

.h_m1_i2 {
    top: 42px;
    height: 2px;
    width: 55px;
    position: absolute;
    left: 0;
    display: block;
    overflow: hidden;
}

.h_case_m2_img {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.h_m_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 40px solid #f4f4f4;
    left: -40px;
    top: -40px;
    z-index: 9;
}

.h_case_m2_m:hover .h_m_img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.h_case_m2_m:hover .h_m_bg {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
}

.h_case_m2_m:hover .h_m1_i2,
.h_case_m2_m:hover .h_2_m_p1 {
    left: 8px;
}

.h_m_img {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}

.h_m_bg,
.h_m1_i2,
.h_2_m_p1 {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.h_case_sk {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 100%;
    z-index: 190;
    background: #050505;
}

img.h_m_img {
    width: 100%;
}

.hm_b_t {
    -webkit-animation-name: hm_b_t;
    animation-name: hm_b_t;
}

@media screen and (max-width: 768px) {
    .h_case_m2_m {
        margin-right: 0;
        width: 100%;
    }

    .h_2_m_p3 {
        display: none;
    }

    .h_2_m_txt {
        padding: 20px;
        padding-left: 40px;
    }

    .h_m1_i2 {
        width: 20px;
        top: 25px;
    }

    .h_2_m_p2 {
        font-size: 18px;
        padding-top: 0;
    }

    .h_m_bg {
        display: none;
    }

    .h_m1_i {
        width: 25px;
    }
}

.views:hover {
    color: #fff;
}

.ProContent {
    width: 100%;
    background-color: #FFFFFF;
    padding: 45px 0;
}

.proBoxs {
    padding: 0 3%;
    margin: auto;
    max-width: 1600px;
}

.itemsPro {
    width: 22%;
    margin-right: 3.5%;
    margin-top: 40px;
}

.itemsPro:nth-of-type(4n) {
    margin-right: 0;
}

.itemsPro:nth-of-type(-n+4) {
    margin-top: 0;
}

.h_case_m2_m {
    width: 100%;
    float: left;
    color: #505050;
    font-size: 12px;
    line-height: 20px;
}

.itemsPro:nth-of-type(-n+4) .h_case_m2_m {
    margin-top: 0;
}

.h_case_m2_m,
.h_case_m2_m:hover {
    color: #505050;
}

.h_2_m_p1 {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.h_2_m_p2 {
    font-size: 18px;
    line-height: 25px;
    color: #333333;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.h_2_m_p3 {
    height: 43px;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.h_2_m_txt {
    padding: 20px;
    padding-left: 10px;
    position: relative;
}

.h_2_m_p1 {
    position: relative;
    left: 0;
}

.h_m1_i2 {
    top: 42px;
    height: 2px;
    width: 55px;
    position: absolute;
    left: 10px;
    display: block;
    overflow: hidden;
}

.h_m1_i {
    background: #a6a6a6;
    height: 2px;
    width: 55px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.h_case_m2_img {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.h_m_bg {
    position: absolute;
    width: 120%;
    height: 120%;
    border: 40px solid #f4f4f4;
    left: -40px;
    top: -40px;
    z-index: 9;
}

.h_case_m2_m:hover .h_m_img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.h_case_m2_m:hover .h_m_bg {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
}

.h_case_m2_m:hover .h_m1_i2,
.h_case_m2_m:hover .h_2_m_p1 {
    left: 8px;
}

.h_case_m2_m:hover .h_m1_i2 .h_m1_i {
    animation: footer-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    -webkit-animation: footer-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.h_m_img {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}

.h_m_bg,
.h_m1_i2,
.h_2_m_p1 {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.h_case_sk {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 100%;
    z-index: 190;
    background: #050505;
}

.hm_b_t {
    -webkit-animation-name: hm_b_t;
    animation-name: hm_b_t;
}

img.h_m_img {
    width: 100%;
    display: block;
}

.cloLod {
    width: 100%;
    text-align: center;
    margin: 35px 0 0;
}

.h_m_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 40px solid #ffffff;
    left: -40px;
    top: -40px;
    z-index: 9;
    box-sizing: content-box;
}

.views {
    display: block;
    width: 166px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #333333;
}

.views i {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-top: 8px;
    margin-right: 25px;
    overflow: hidden;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.views i img {
    display: block;
    max-width: 100%;
}

.views:hover i img {
    animation: footer-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
    -webkit-animation: footer-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

img.h_m_img {
    height: auto;
}

@media screen and (max-width:1440px) {
    img.h_m_img {
        height: 232px;
    }
}

@media screen and (max-width: 1280px) {
    img.h_m_img {
        height: 306px;
    }
}

/*! CSS Used from: https://www.vthinks.net/public/static/pc/skin20200313/css/media.css */
.h_case_m2_m {
    margin-top: 0;
}

.itemsPro {
    margin-top: 20px;
}

@media screen and (max-width: 1920px) {
    .proBoxs {
        width: 1600px;
    }
}

.proBoxs {
    padding: 0;
}

@media screen and (max-width: 1600px) {
    .proBoxs {
        width: 1400px;
    }
}

@media screen and (max-width: 1440px) {
    .proBoxs {
        width: 1200px;
    }
}

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

    .itemsPro,
    .itemsPro:nth-of-type(3n) {
        width: 49%;
        margin-right: 2%;
    }

    .itemsPro:nth-of-type(2n) {
        margin-right: 0;
    }

    .proBoxs {
        width: 1000px;
    }

    .proBoxs {
        padding-left: 0;
        padding-right: 0;
    }

    .itemsPro:nth-of-type(-n+3),
    .itemsPro {
        margin-top: 2%;
    }
}

/*! CSS Used keyframes */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hm_b_t {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }

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

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

@-webkit-keyframes hm_b_t {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }

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

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

@keyframes hm_b_t {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }

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

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

@-webkit-keyframes hm_b_t {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }

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

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

@-webkit-keyframes footer-link-hover {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes footer-link-hover {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.video_btn {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}

.video_btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.video_btn a {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.video_btn a svg {
    width: 100%;
}

.video_btn img {
    width: 100%;
}

@media only screen and (max-width:420px) {
    .video_btn a {
        width: 40px;
        height: 40px;
    }
}

.case_banner {
    overflow: hidden;
}

.case_banner li {
    position: relative;
    overflow: hidden;
}
.case_banner li img{
    display: block;
    margin: 0 auto;
}

.case_banner li a {
    display: block;
}

.case_banner li video {
    width: 100%;
    max-width: none;
    height: auto !important;
}

@media only screen and (max-width:767px) {
    .case_banner {
        margin-top: 72px;
    }
}

@media only screen and (max-width:1200px) {
    .pb_30 {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:1000px) {
    .pb_30 {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width:767px) {
    .pb_30 {
        padding-bottom: 10px;
    }
}

.fnt_24 {
    font-size: 24px;
}
.fnt_20 {
    font-size: 20px;
}
.fnt_14 {
    font-size: 14px;
}
.fnt_16 {
    font-size: 16px;
}
.fnt_30 {
    font-size: 30px;
    line-height: 1.3;
}

.fnt_60 {
    font-size: 60px;
    line-height: 1.2;
}

.fnt_80 {
    font-size: 80px;
    line-height: 1.2;
}

@media only screen and (max-width:1500px) {
    .fnt_24 {
        font-size: 20px;
    }

    .fnt_30 {
        font-size: 30px;
    }

    .fnt_60 {
        font-size: 50px;
    }

    .fnt_80 {
        font-size: 70px;
    }
}

@media only screen and (max-width:1400px) {
    .fnt_24 {
        font-size: 18px;
    }

    .fnt_30 {
        font-size: 24px;
    }

    .fnt_60 {
        font-size: 38px;
    }

    .fnt_80 {
        font-size: 56px;
    }
}

@media only screen and (max-width:1200px) {
    .fnt_24 {
        font-size: 18px;
    }
}

@media only screen and (max-width:1024px) {
    .fnt_24 {
        font-size: 18px;
    }

    .fnt_30 {
        font-size: 20px;
    }

    .fnt_60 {
        font-size: 34px;
    }

    .fnt_80 {
        font-size: 50px;
    }
}

@media only screen and (max-width:950px) {
    .fnt_24 {
        font-size: 16px;
    }

    .fnt_30 {
        font-size: 18px;
    }

    .fnt_60 {
        font-size: 30px;
    }

    .fnt_80 {
        font-size: 40px;
    }
}

@media only screen and (max-width:767px) {
    .fnt_24 {
        font-size: 14px;
    }

    .fnt_30 {
        font-size: 16px;
    }

    .fnt_60 {
        font-size: 22px;
    }

    .fnt_80 {
        font-size: 30px;
    }
}

div.more.other {
    width: 140px;
}

div.more.other a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    box-sizing: border-box;
}

div.more.other a span {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .4s ease-in-out 100ms;
    transition: all .4s ease-in-out 100ms;
    position: relative;
}

div.more.other a span:after {
    content: attr(data-tit);
    position: absolute;
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    color: transparent;
    -webkit-transition: all .4s ease-in-out 200ms;
    transition: all .4s ease-in-out 200ms;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

div.more.other a:hover span {
    color: transparent;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

div.more.other a:hover {
    border: 1px solid #f60;
}

div.more.other a:hover span:after {
    background-color: #f60;
    color: #fff;
}

@media only screen and (max-width:1366px) {
    div.more.other {
        width: 120px;
    }

    div.more.other a {
        height: 35px;
        line-height: 35px;
    }

    div.more.other a span {
        height: 35px;
        line-height: 35px;
    }

    div.more.other a span:after {
        height: 35px;
    }
}

@media only screen and (max-width:767px) {
    div.more.other {
        width: 110px;
    }

    div.more.other a {
        height: 30px;
        line-height: 30px;
    }

    div.more.other a span {
        height: 30px;
        line-height: 30px;
    }

    div.more.other a span:after {
        height: 30px;
    }
}

.case_footer {
    height: 0;
    padding-bottom: 26%;
    overflow: hidden;
    position: relative;
}

.case_footer .p p {
    line-height: 1;
    margin-bottom: 20px;
}

.case_footer .p {
    z-index: 9;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 60%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.case_footer .right .p {
    top: 50%;
}

.case_footer .p a {
    color: #fff;
}

.case_footer .p .more {
    margin: 0 auto 0;
    margin-top: 55px;
}

.case_footer .left {
    float: left;
    width: 50%;
    position: relative;
}

.case_footer .left>img {
    width: 100%;
}

.case_footer .right {
    float: left;
    width: 50%;
    position: relative;
}

.case_footer .right>a>img {
    width: 100%;
}

.case_footer .right .p p.fnt_80 {
    letter-spacing: 6px;
}

.case_footer .right a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.case_footer .right a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.case_footer .right a:hover:after {
    background: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width:1500px) {
    .case_footer .p .more {
        margin-top: 40px;
    }
}

@media only screen and (max-width:1200px) {
    .case_footer .p .more {
        margin-top: 30px;
    }
}

@media only screen and (max-width:1000px) {
    .case_footer .p .more {
        margin-top: 20px;
    }
}

@media only screen and (max-width:767px) {
    .case_footer .p p {
        margin-bottom: 10px;
    }

    .case_footer {
        height: auto;
        padding-bottom: 0;
    }

    .case_footer .left {
        float: none;
        width: 100%;
    }

    .case_footer .right {
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width:1500px) {
    .fnt_48 {
        font-size: 36px;
    }
}

@media only screen and (max-width:1400px) {
    .fnt_18 {
        font-size: 16px;
    }

    .fnt_48 {
        font-size: 32px;
    }
}

@media only screen and (max-width:1024px) {
    .fnt_18 {
        font-size: 16px;
    }

    .fnt_48 {
        font-size: 28px;
    }
}

@media only screen and (max-width:950px) {
    .fnt_18 {
        font-size: 14px;
    }

    .fnt_48 {
        font-size: 26px;
    }
}

@media only screen and (max-width:767px) {
    .fnt_18 {
        font-size: 14px;
    }

    .fnt_48 {
        font-size: 20px;
    }
}

.wrap {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:1366px) {
    .wrap {
        width: 1100px;
    }
}

@media only screen and (max-width:1200px) {
    .wrap {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media only screen and (max-width:767px) {
    .wrap {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.h_contact {
    background: #fff;
    position: relative;
    z-index: 3;
    overflow: hidden;
    display: flex;
}

.h_contact .p {
    font-weight: 700;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 60px;
    text-align: left;
    opacity: 1;
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
}

.h_contact a {
    color: #333;
}

.h_contact .h_addr {
    margin-bottom: 75px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .7s ease-out .3s;
    transition: all .7s ease-out .3s;
}

.h_contact .h_addr:before {
    content: "";
    display: none;
    position: absolute;
    top: -50px;
    left: 50%;
    height: 1px;
    width: 200px;
    background-color: #ddd;
    margin-left: -100px;
}

.h_contact .h_addr dl {
    float: left;
    margin-left: 80px;
}

.h_contact .h_addr dl:first-child {
    margin-left: 0;
}

.h_contact .h_addr dl dt {
    float: left;
    margin-right: 20px;
}

.h_contact .h_addr dl dd {
    float: left;
    font-size: 12px;
}

.h_contact .h_tel {
    width: 470px;
    margin: 0 auto;
    -webkit-transition: all .7s ease-out .6s;
    transition: all .7s ease-out .6s;
}

.h_contact .h_tel dt {
    float: left;
    margin-right: 100px;
}

.h_contact .h_tel dt a {
    display: block;
    font-weight: 700;
}

.h_contact .h_tel dt a.a_mail {
    margin-top: 27px;
    text-decoration: underline;
}

.h_contact .h_tel dt a.a_mail:hover {
    color: #f60;
}

.h_contact .h_tel dd {
    float: left;
    margin-right: 67px;
}

.h_contact .h_tel dd:nth-of-type(2n) {
    margin-right: 0;
}

.h_contact .h_tel dd a {
    display: block;
    float: left;
    margin-right: 20px;
    border: 0;
    width: 30px;
    position: relative;
}

.h_contact .h_tel dd a img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.h_contact .h_tel dd a img.hover_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.h_contact .h_tel dd a:before {
    display: none;
}

.h_contact .h_tel dd>a:hover {
    background: transparent;
}

.h_contact .h_tel dd>a:hover>img {
    opacity: 0;
}

.h_contact .h_tel dd>a:hover>img.hover_img {
    opacity: 1;
}

.h_contact .h_tel dd.social-share .social-share-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.h_contact .h_tel dd.social-share a:nth-of-type(2) {
    margin-right: 0;
}

.n_body .h_contact {
    padding: 100px 0;
}

@media only screen and (min-width:1925px) {
    .h_contact {
        padding: 150px 0;
    }
}

@media only screen and (max-width:1500px) {
    .n_body .h_contact {
        padding: 50px 0;
    }

    .h_contact .p {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:1000px) {
    .h_contact {
        padding: 50px 0;
    }

    .n_body .h_contact {
        padding: 30px 0;
    }

    .h_contact .p {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .h_contact .h_addr {
        width: 100%;
        margin-bottom: 30px;
    }

    .h_contact .h_addr dl {
        width: 32%;
        margin-left: 2%;
    }
}

@media only screen and (max-width:600px) {
    .h_contact {
        margin-bottom: 0;
    }

    .h_contact .h_addr {
        padding-top: 20px;
        margin-bottom: 10px;
    }

    .h_contact .h_addr:before {
        top: 0;
    }

    .h_contact .h_addr dl {
        margin-left: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .h_contact .h_addr dl dt {
        font-weight: 700;
        margin-right: 15px;
    }

    .h_contact .h_addr dl dd {
        float: none;
    }

    .h_contact .h_addr dl dd br {
        display: none;
    }

    .h_contact .h_tel dt {
        width: 50%;
        margin-right: 0;
    }

    .h_contact .h_tel dt a.a_mail {
        margin-top: 0;
    }

    .h_contact .h_tel dd {
        width: 50%;
        margin-right: 0;
    }

    .h_contact .p {
        margin-bottom: 10px;
        padding-bottom: 0;
    }
}

img {
    -webkit-transition: all .5s;
    transition: all .5s;
    border: 0;
    display: inline-block;
}

a {
    color: #333;
    -webkit-transition: all .2s;
    transition: all .2s;
}

@media only screen and (max-width:600px) {
    .social-share .icon-wechat .wechat-qrcode {
        left: 0 !important;
    }

    .social-share .icon-wechat .wechat-qrcode:after {
        display: none;
    }
}

.line_container{width:74px;height:2px;display:block;}
.line_container.gray{background-color:#b2b2b2;}
.line_container.black{background-color:#2c2c2c;}
.response_width{width:1800px;margin:0 auto;}
.response_width_1640{width:1640px;margin:0 auto;}
.margin-top-140{margin-top:7.291%!important;}
.text_right_in{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all 1.7s cubic-bezier(.19,1,.22,1);transition:all 1.7s cubic-bezier(.19,1,.22,1);}
.text_right_in.show{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.content_in_details{width:100%;padding-top:7.552%;}
.image_left_with_text_right_container{width:100%;position:relative;}
.image_left_with_text_right_container ._left_image_container{width:61.124%;position:relative;}
.image_left_with_text_right_container ._left_image_container::before{content:'';display:block;width:100%;padding-bottom:66.6%;}
._left_image_container img{width:100%;height:100%;position:absolute;top:0;left:0;}
.image_left_with_text_right_container ._right_text_container{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:69.621%;}
._right_text_container ._text_wrapper{color:#8c8c8c;}
._text_inner_top .line_container{width:52px;margin:19px 0;}
._text_inner_top .__content{margin-top:10px;}
._text_wrapper ._text_inner_bottom{color:#2c2c2c;margin-top:4vw;}
._text_inner_bottom .__big_title{line-height:1.1;}
._text_inner_bottom .line_container{width:128px;margin:2vw 0 1vw;}
._text_inner_bottom .__lots_content{letter-spacing:1px;line-height:1.5;font-family:PingFangSC-Light,'Hiragino Sans GB','Microsoft YaHei',sans-serif;}
._text_inner_bottom .__lots_content p{margin-top:11px;}
._text_inner_bottom .__lots_content p:first-child{margin-top:0;}
.d_special_container{padding-top:3.906%;padding-bottom:3.906%;}
.d_special_container .type_container{width:100%;display:flex;align-items:flex-start;}
.d_special_container .type_container img{max-width:100%;}
.type_container.position_center{justify-content:center;}
@media screen and (max-width: 750px){
.font-14-vw{font-size:.186rem;}
.font-36-vw{font-size:.48rem;}
}
@media screen and (min-width: 375px){
.font-14-vw{font-size:.2rem;}
}
@media screen and (min-width: 1280px){
.font-14-vw{font-size:.959vw;}
.font-36-vw{font-size:1.875vw;}
}
@media screen and (min-width: 1315px){
.font-14-vw{font-size:14px;}
.font-36-vw{font-size:36px;}
}
@media screen and (max-width: 750px){
.margin-top-140{margin-top:1.44rem!important;}
}
@media screen and (max-width: 1280px){
.image_left_with_text_right_container ._right_text_container{padding-left:64.621%;padding-right:20px;}
.response_width{width:auto;margin-left:30px!important;margin-right:30px!important;}
.response_width_1640{padding-left:30px!important;padding-right:30px!important;}
}
@media screen and (max-width: 1366px){
.image_left_with_text_right_container ._right_text_container{padding-left:63.621%!important;}
}
@media screen and (max-width: 1634px){
.response_width_1640{width:auto;}
}
@media screen and (max-width: 1680px){
.image_left_with_text_right_container ._right_text_container{padding-left:65.621%;}
}
@media screen and (max-width: 1800px){
.response_width{width:auto;margin-left:50px;margin-right:50px;}
.response_width_1640{padding-left:50px;padding-right:50px;}
}
div,p,a,img{margin:0;padding:0;border:0;outline:0;}
html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-sizing:border-box;}
img{border:none;display:block;}
a{text-decoration:none;color:inherit;cursor:pointer;}
a:active{cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.font-14-vw{font-size:.729vw;}
.font-36-vw{font-size:1.875vw;}
.default-font-regular{font-family:PingFangSC-Regular,'Hiragino Sans GB','Microsoft YaHei',sans-serif;}
.default-font-thin{font-family:PingFangSC-Thin,'Hiragino Sans GB','Microsoft YaHei',sans-serif;}
/*! CSS Used from: Embedded */
.d_special_container .type_container{display:block;}
.d_special_container .type_container img{margin:auto;}
.newbtn{width:142px;overflow:hidden;position:relative;margin-top:2vh;}
.newbtn a{height:30px;font-size:16px;text-align:center;line-height:30px;padding:0 10px;border:#808080 1px solid;float:left;width:142px;}
.newbtn>a:after{width:0;position:absolute;content:"";left:0;top:0;height:100%;z-index:-1;background-color:#ffe400;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.newbtn a:hover{color:#1a1a1a;border:#FFDD04 1px solid;transition:all .5s;}
.newbtn a:hover:after{width:100%;}
#page_footer4mobile {/*background-color: #ffe435;*/}
.icon-arraw_nmb::before {color: #ffe435}
#page_header.black .page_top_container .page_top_nav ul li {/*color: #fff;*/}
.d_special_container .type_container{ display:block}
._this_inner_bone img{ max-width:100%}
.img_text_mix_full_bg4mobile ._this_inner_bone {padding: 1vh;}
.img_text_mix_full_bg4mobile{padding-top: 1.36rem; }
.d_special_container .type_container img{ margin:auto}
._mobile .full_size_container ._img_container img {width: auto;}
.newbtn{ width: 142px; overflow: hidden; position: relative;    margin-top: 2vh;}
.newbtn a{height: 30px; font-size: 16px; text-align: center; line-height: 30px; padding: 0 10px; border: #808080 1px solid; float: left;    width: 142px; }
.newbtn>a:after {  width: 0;  position: absolute;  content: "";left: 0;top: 0;height: 100%;z-index: -1; background-color: #ffe400; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.newbtn a:hover{color: #1a1a1a; border: #FFDD04 1px solid; transition: all .5s;}
.newbtn a:hover:after { width: 100%;}
/*! CSS Used from: Embedded */
.margin-top-140{margin-top:7.291%!important;}
._sub_nav_show{position:relative;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.35s ease-in;transition:transform 0.35s ease-in;}
.waypoint_ani{-webkit-transition:all 1.5s cubic-bezier(.19,1,.22,1);-moz-transition:all 1.5s cubic-bezier(.19,1,.22,1);-o-transition:all 1.5s cubic-bezier(.19,1,.22,1);transition:all 1.5s cubic-bezier(.19,1,.22,1);-webkit-transform:translateY(160px);-moz-transform:translateY(160px);-o-transform:translateY(160px);transform:translateY(160px);opacity:0;}
._mobile{display:none;}
._color_white{color:#fff;}
#page_work_main_body4mobile .full_size_container{padding-bottom:.5rem;height:auto;}
.full_size_container{width:100%;height:100vh;position:relative;}
.full_size_container .height1018{position:relative;width:100%;height:76.228vh;}
.full_size_container .arrow4mobile{width:100%;height:28px;margin-top:.5rem;}
.full_size_container .arrow4mobile .arrow_container_m{width:28px;height:28px;margin:0 auto;position:relative;}
.full_size_container .arrow4mobile .arrow_box{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation-name:aarowMove;animation-name:aarowMove;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.full_size_container ._img_container{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;}
._mobile .full_size_container ._img_container img{width:100%;height:100%;}
.full_size_container ._text_container{position:absolute;left:.68rem;bottom:6.573rem;line-height:1.4;width:70%;}
.full_size_container ._text_container.left_bottom{left:.706rem;bottom:1.333rem;}
.dc4mobilemodule1{width:100%;}
.dc4mobilemodule1 ._this_inner_bone{width:100%;}
.dc4mobilemodule1 .img_container{width:100%;}
.dc4mobilemodule1 .img_container img{max-width:100%;}
.dc4mobilemodule1 ._text_summary_container{margin-top:1rem;padding:0 .28rem;}
._text_summary_container .has_bt_dot{position:relative;}
._text_summary_container ._this_dot_bt{position:absolute;width:.88rem;height:.88rem;bottom:0;right:0;font-size:0;border-radius:50%;}
._text_summary_container ._this_dot_bt img{width:100%;height:100%;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:transform 1.3s cubic-bezier(.23,1,.32,1),opacity .7s cubic-bezier(.23,1,.32,1) .2s;-moz-transition:transform 1.3s cubic-bezier(.23,1,.32,1),opacity .7s cubic-bezier(.23,1,.32,1) .2s;-o-transition:transform 1.3s cubic-bezier(.23,1,.32,1),opacity .7s cubic-bezier(.23,1,.32,1) .2s;transition:transform 1.3s cubic-bezier(.23,1,.32,1),opacity .7s cubic-bezier(.23,1,.32,1) .2s;}
._text_summary_container ._short_text{color:#8c8c8c;position:relative;}
._text_summary_container ._short_text:first-child{padding-bottom:.48rem;}
._text_summary_container ._short_text:nth-child(2){padding-top:.32rem;}
._text_summary_container ._short_text:nth-child(2)::before{content:'';width:1.386rem;height:1px;background-color:#b2b2b2;position:absolute;top:0;left:0;}
._text_summary_container ._short_text ._title{text-transform:uppercase;margin-bottom:.16rem;}
._text_summary_container .case_summary_container{color:#000;margin-top:1.08rem;}
.case_summary_container > p{line-height:1.3;}
.case_summary_container .__f_content{margin-top:.36rem;line-height:1.5;}
.case_summary_container .__f_content p{margin-top:.15rem;}
.case_summary_container .__f_content p:first-child{margin-top:0;}
.img_text_mix_full_bg4mobile{width:100%;padding-top:1.36rem;margin-top:1.16rem;overflow:hidden;}
.img_text_mix_full_bg4mobile ._this_inner_bone{width:100%;}
.detail_content4mobile{margin-top:0;}
.detail_content4mobile .dc4mobilemodule1{width:100%;padding:0 .373rem;}
#page_work_main_body4mobile{overflow:hidden;}
#main_clicked_container{position:relative;}
.icon-arraw_nmb::before{font-size:.88rem;color:#ccc;}
/*! CSS Used keyframes */
@-webkit-keyframes aarowMove{0%{-webkit-transform:translateY(0);transform:translateY(0);}25%{-webkit-transform:translateY(10px);transform:translateY(10px);}50%{-webkit-transform:translateY(0);transform:translateY(0);}75%{-webkit-transform:translateY(10px);transform:translateY(10px);}100%{-webkit-transform:translateY(1);transform:translateY(1);}}
@keyframes aarowMove{0%{-webkit-transform:translateY(0);transform:translateY(0);}25%{-webkit-transform:translateY(10px);transform:translateY(10px);}50%{-webkit-transform:translateY(0);transform:translateY(0);}75%{-webkit-transform:translateY(10px);transform:translateY(10px);}100%{-webkit-transform:translateY(1);transform:translateY(1);}}

/*! CSS Used from: http://www.qianjing.com.cn/static/css/common1.css */
div,h2,h3,h4,h5,img{margin:0;padding:0;border:0;}
h2,h3,h4,h5{font-weight:normal;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
a{text-decoration:none;color:#666;}
a:hover{color:#000;text-decoration:none;}
a:visited{color:#666;}
a:active{color:#666;}
a:focus{outline:0px dotted;}
a:focus{-moz-outline-style:none;}
*{font-family:'Montserrat-Light',PingFang SC, Verdana, Helvetica Neue,Arial,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif;font-style:normal;}
::selection{background:#B50000;color:#fff;}
::-moz-selection{background:#B50000;color:#fff;}
::-webkit-selection{background:#B50000;color:#fff;}
/*! CSS Used from: http://www.qianjing.com.cn/static/css/index.css */
.list a .pic span{padding-top:0;height:100%;background:none!important;}
.list a .pic{position:relative;padding:0!important;}
.list a .pic *{padding:0!important;background:none!important;}
.list a .pic .dtable{display:table;width:100%!important;height:100%;}
.list a .pic .dtable-cell{display:table-cell;vertical-align:middle;}
.list a .pic span img{opacity:0;-webkit-transform:translateY(120%) rotate(10deg);transform:translateY(120%) rotate(10deg);transition-delay:.1s;-webkit-transition-delay:.1s;}
.list a:hover .pic span img{opacity:1;-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:-webkit-transform 0.5s cubic-bezier(.6,.3,.1,1);transition:transform 0.5s cubic-bezier(.6,.3,.1,1);}
.effect-apollo::before,.effect-apollo::after{position:absolute;top:0;left:0;width:101%;height:102%;content:'';-webkit-transition:-webkit-transform 0.7s;transition:transform 0.7s;background-image:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0) 100%);}
.list a .effect-apollo::before{opacity:0;-webkit-transform:scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(100%,0,0);transform:scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(100%,0,0);}
.list a:hover .effect-apollo::before{opacity:1;-webkit-transform:scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(0,0,0);transform:scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(0,0,0);}
.list a .effect-apollo::after{-webkit-transform:scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(-100%,0,0);transform:scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(-100%,0,0);opacity:1;}
.list a:hover .effect-apollo::after{opacity:0;-webkit-transform:scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(0,0,0);transform:scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(0,0,0);}
/*! CSS Used from: http://www.qianjing.com.cn/static/css/swiper.min.css */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}
/*! CSS Used from: http://www.qianjing.com.cn/static/css/nav.css */
.dtable{display:table;width:100%;height:100%;}
.dtable-cell{display:table-cell;vertical-align:middle;}
/*! CSS Used from: http://www.qianjing.com.cn/static/css/case.css */
*:after,*:before{border-box; box-sizing:border-box;}
/*! CSS Used from: http://www.qianjing.com.cn/static/css/style.css */
.ntitle{text-align:center;padding:20px 0;overflow:hidden;}
.ntitle h2{font-size:18px;font-weight:bold;color:#666;}
.ntitle h3{font-size:28px;font-weight:bold;color:#fff;}
.list{width:24.77%;display:inline-block;vertical-align:top;overflow:hidden;margin-bottom:3px;}
.list *{display:block;overflow:hidden;}
.list a{position:relative;text-align:left;background:#fff;}
.list a img{width:100%;max-height:263px;}
.list a span{display:block;position:absolute;left:0;top:0;width:100%;height:248px;z-index:8;text-align:center;padding-top:10%;}
.list a span img{display:inline-block;width:auto;max-height:none;}
.list a div{padding:12px 3%;width:94%;margin:0;height:auto;display:block;box-sizing:initial;}
.list a div:last-child{position:relative;}
.list a div.pic{width:100%!important;background:#000;}
.list a div h4{min-height:21px;font-size:14px;}
.list a div h5{font-size:12px;color:#999;padding-top:2px;min-height:18px;}
.list a:hover span{display:block;}
.list a .ctitle{display:none;padding:12px 3%;width:94%;margin:0;height:auto;box-sizing:initial;position:absolute;left:6%;bottom:6%;}
.list a .ctitle h4{min-height:21px;color:#fff;font-size:14px;}
.list a .ctitle h5{font-size:12px;color:#fff;padding-top:2px;min-height:18px;}
.casedetailmain-othercase{background:#fff;overflow:hidden;padding:150px 0 120px 0;}
.casedetailmain-othercase-top .ntitle h3{color:#000;font-size:30px;font-family:'Montserrat-Bold';}
.casedetailmain-othercase-list{width:67%;margin:auto;overflow:hidden;}
.casedetailmain-othercase-list .list{width:100%;}
.casedetailmain-othercase-list .list a{background:none;}
@media screen and (max-width: 1440px){
.casedetailmain-othercase-list{width:88.5%;}
}
@media screen and (max-width: 1366px){
.casedetailmain-othercase-list{width:90%;}
}
@media screen and (max-width: 1280px){
.casedetailmain-othercase{padding:10% 0 7% 0;}
}
@media screen and (max-width: 1152px){
.casedetailmain-othercase-list .list{width:33%;}
}
@media screen and (max-width: 980px){
.casedetailmain-othercase-list .list{width:100%;}
.list a span,.list a:hover span{display:none!important;}
.effect-apollo{display:none!important;}
.casedetailmain-othercase-list{width:90%;}
.casedetailmain-othercase{padding:15% 0 12% 0;}
.casedetailmain-othercase-list .list{width:100%;}
.list{margin-bottom:10px;}
.list a div:last-child{position:absolute;left:0;bottom:0;}
.list a div h4,.list a div h5{color:#fff;}
.list a div:last-child{text-align:left;display:none;}
.casedetailmain-othercase-list{width:100%;}
.list a .ctitle{display:block;text-align:left;}
}
@media only screen and (max-width: 980px) and (orientation:landscape){
.list{width:32.5%!important;float:left!important;margin:0.3%!important;border:none!important;}
}
/*! CSS Used fontfaces */


.fuwu,.fangan{
    background:#f6f6f6;
  }
  .section-title{
    font-size:36px;
    font-weight:700;
    margin-bottom:50px;
  }
  .section-title span{
    font-size:14px;
  }
  .server-ico-list{
    width:1200px;
    margin:0 auto;
  }
  .bg-bai{
    padding-top:50px;
    margin-bottom:50px;
  }
  .flex-inline{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
  }
  .flex-inline li{
    flex: 0 1 30%;
  }
  .img-block{
    display: block;
    max-width: 100%;
  }
  .fangan-body,.news-body{
      margin-top:45px;
      margin-bottom:50px;
  }
  .fangan-body .box{
      border-radius:20px;
      background:#fff;
      position: relative;
      padding:30px 50px;
      overflow: hidden;
      cursor: pointer;
      transition: all 0.3s;
      height:360px;
  }
  .fangan-body .box:hover::before{
      content:'';
      left:0;
      top:0;
      position: absolute;
      height:15px;
      width:100%;
      background-color:#f9253b;
  }
  .fangan-body .box:hover{
      box-shadow: 1px 1px 10px 1px #e4a3aa;
      margin-top:-8px;
  }
  .fangan-body .info{
    margin-top:20px;
    font-size:12px;
    line-height: 1.8;
  }
  .fangan-body .info p{
    margin:10px 0;
    
  }
  .news-body li{
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    box-sizing: border-box;
    padding:50px 10px;
  }
  .news-body li:hover{
    background:#f2f2f2;
  }
  .news-body li:hover h3{
    color:#d70600;
  }
  .news-body .time{
    font-size:12px;
    display: block;
  }
  .news-body .line{
    width:20px;
    background:#c7c7c7;
    height:2px;
    display: block;
  }
  .news-body h3{
    margin-top:10px;
    margin-bottom:30px;
    font-weight:700;
  }
  @keyframes fa1{
    0%{-webkit-transform:scale(1.1);}
    10%{-webkit-transform:scale(1.09);}
    20%{-webkit-transform:scale(1.08);}
    30%{-webkit-transform:scale(1.07);}
    40%{-webkit-transform:scale(1.06);}
    50%{-webkit-transform:scale(1.05);}
    60%{-webkit-transform:scale(1.04);}
    70%{-webkit-transform:scale(1.03);}
    80%{-webkit-transform:scale(1.02);}
    90%{-webkit-transform:scale(1.01);}
    100%{-webkit-transform:scale(1.0);}
  }
  @keyframes up1{
    0%{top:-50px;}
    100%{top:0;}
  }
  @keyframes down1{
    0%{top:50px;}
    100%{top:25px;}
  }
  .inside-banner .bg{
    animation:fa1 6s linear 1;
    width:100%;
  }
  .tree { position: relative; width: 308px; height: 233px; margin: 0 auto; }
.tree1 { position: absolute; left:0; top:0; z-index: 10; }
.tree2 { position: absolute; left:0; bottom:0; z-index: 9; }
.TweenToDelayUpChildren{
    animation:up1 2s linear 1;
    display: none;
}
.TweenToDelayDown{
    animation:down1 2s linear 1;
}
  .inside-banner img{
      width: auto;
      display: block;
        margin: 0 auto;
  }
.scroll_tip {
    height: 150px;
}

.scroll_tip p {
    margin-top: 30px;
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    10% {
        opacity: 0;
        transform: translateY(0px);
    }

    50% {
        opacity: 1;
        transform: translateY(30px);
    }

    90% {
        opacity: 1;
        transform: translateY(30px);
    }

    100% {
        opacity: 0;
        transform: translateY(30px);
    }
}
.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}
.inside-banner .bounce{
    position: absolute;
    bottom:50px;
    text-align: center;
    left:0;
    right:0;
}
.indexAbout_svg{
    height: 85px;
    width: 100%;
}
.indexAbout_svg text.red {
    fill: #f9253b;
}
.indexAbout_svg text.Stroke {
    fill: #fff;
    stroke: #939393;
}
.indexAbout_svg text {
    font-size: 50px;
    font-weight: 900;
}
.header-title  h3 {
    font-size: 22px;
    color: #4c4f55;
    font-weight: 700;
}
.mobile_nav{
    display: none;
}
.default-font-regular{
    display: none;
}
@media only screen and (max-width:750px) {
    .inside-banner{
        display: none;
    }
    .flex-inline li{
        flex:0 1 100%;
    }
    .news-body li {
        border-top: none;
        border-bottom: none;
        flex: 0 1 50%;
        width:50%;
        padding: 20px 0;
    }
    .news-body h3{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        margin-bottom:10px;
    }
    ._text_inner_top{
        display: none;
    }
    ._text_inner_bottom .__big_title{
        font-weight: 700;
        margin-bottom:10px;
    }
    
    .server-ico-list{
        width:100%;
    }
    .more-view{
        display: none !important;
    }
    .ProContent{
        padding:15px 15px;
    }
    .proBoxs{
        width:100%;
        display: flex;
        padding: 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .itemsPro{
       width: calc(50% - 7px);
    }
    .h_2_m_txt{
        padding:0;
        padding-top:5px;
    }
    .h_2_m_p1{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .h_2_m_p2{
        font-size:14px;
    }
    .header-title h3{
        line-height: 1;
    }
    .h_2_m_p3{
        font-size: 12px;
        display: none;
    }
    .cloLod{
        display: none;
    }
    img.h_m_img{
        width:100%;
        height:auto;
    }
    .itemsPro, .itemsPro:nth-of-type(3n){
        margin:0;
        margin-bottom: 20px;
    }
    .fangan-body .box{
        padding:20px;
        margin-bottom:20px;
    }
    .commonweb{
        padding:0 !important;
    }
    .news-body,.new_index_Ourworks_Title,.new_index_Ourclient_title,.new_index_news_title,.new_index_Ourclient_list{
        padding:0 15px;
    }
    .indexAbout_svg text{
        font-size:26px;
    }
    ._left_image_container img{
        display: NONE;
    }
    .image_left_with_text_right_container ._right_text_container{
        padding:0;
        padding-left: 0 !important;
    }

    .image_left_with_text_right_container ._right_text_container{
        POSITION: STATIC;
    }
    ._text_inner_bottom .__big_title{
        font-size: 26px;
    }
    ._text_inner_bottom .line_container{
        display: none;
    }
    .newbtn{
            border: 1px solid #2059af;
        border-radius: 30px;
        width:100%;
    }
    .newbtn a{
        width:100%;
        border: none;
        color:#2059af;
        height:40px;
        line-height: 40px;
    }
    .response_width_1640{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    ._left_image_container{
        display: none;
    }
    .response_width{
        margin-left: 15px!important;
        margin-right: 15px!important;
    }
    .casedetailmain-othercase{
        padding: 15% 0 0% 0;
    }
    .footer2,.FZLTHK1{
        display:none;
    }
    .case_banner{
        margin-top: 0;
    }
    .case_footer{
        display:none;
    }
    ._text_inner_bottom .__lots_content p:first-child{
        font-size:14px;
    }
    .indexAbout_svg{
        height:30px;
    }
    
    
}