/* 顾虑 */
.main{background: url(./skin/images/main_bg.jpg) no-repeat center;width: 100%;margin-bottom: -19px;}
.gulu_page {
    margin: 0 auto;
    width: 1200px;
}
.main_row1{background: #fff;margin-top: -165px;position: relative;z-index: 3;}
.main_row1:after{content: '';display: block;clear: both;}
.main_r1_item{display: block;width: 20%;float: left;padding: 20px 0;position:relative;cursor: pointer}
.main_r1_item p{text-align: center;color: #454545;font-size: 14px;line-height: 30px;}
.main_r1_item i{display: block;width:100%;height: 60px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.main_r1_item1 i{background: url(./skin/images/main_r1_item1.png) no-repeat center 0;}
.main_r1_item2 i{background: url(./skin/images/main_r1_item2.png) no-repeat center 0;}
.main_r1_item3 i{background: url(./skin/images/main_r1_item3.png) no-repeat center 0;}
.main_r1_item4 i{background: url(./skin/images/main_r1_item4.png) no-repeat center 0;}
.main_r1_item5 i{background: url(./skin/images/main_r1_item5.png) no-repeat center 0;}
.main_r1_item:hover i,.main_r1_item.active i{background-position-y: -70px}
.main_r1_item:before{content:'';display:block;width:130px;background:#ff7a0e;height:5px;position:absolute;top:-15px;border-top-left-radius: 3px;border-top-right-radius: 3px;left:55px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.main_r1_item:after{content:'';display:block;width:130px;background:#ff7a0e;height:8px;position:absolute;bottom: -18px;left:55px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}

.main_r1_item.active:before,.main_r1_item:hover:before{opacity: 1;filter: alpha(opacity=100);top: -5px;}
.main_r1_item.active:after,.main_r1_item:hover:after{opacity: 1;filter: alpha(opacity=100);bottom: -8px;}
.main_r1_item.active p,.main_r1_item:hover p{color: #ff7a0e}


.main_row2{background: url(./skin/images/main_row2.png) no-repeat center;margin:30px auto 0px;padding: 60px 30px 15px 56%;font-size: 30px;color: #333;font-weight: 100;letter-spacing: 1px;line-height: 32px;}

.main_row3{position: relative;height: 390px;width:100%;}
/*.main_row3:after{content: '';display: block;width: 460px;height:265px;background:url(./skin/images/main_row3.png) no-repeat;bottom:-50px;position:absolute;left:381px;}*/
.main_r3_item{position: absolute;height:60px;width: 145px;cursor: pointer;}
.main_r3_item *{-webkit-transition: 0.3s all ease;transition: 0.3s all ease}
.main_r3_item p{font-size: 18px;color: #666;font-weight: 100;line-height: 25px;display: block;text-align:left;}
.main_r3_item4 p,.main_r3_item5 p,.main_r3_item6 p{text-align: right;}
.main_r3_item p strong{font-size: 24px;color: #454545;font-weight: bold;display: block;line-height: 35px;}
.main_r3_item.active p strong,.main_r3_item:hover p strong{color: #ff7a0e}

.main_r3_item:before{content: '';display: block;position: absolute;background:#333;width: 12px;height: 12px;right: 0;-webkit-box-shadow:0 0 0 7px rgba(0,0,0,0.2);box-shadow:0 0 0 7px rgba(0,0,0,0.2);border-radius:50%;z-index:3}
.main_r3_item:hover:before,.main_r3_item.active:before{background: #ff7a0e;-webkit-box-shadow:0 0 0 7px rgba(255,122,14,0.2);box-shadow:0 0 0 7px rgba(255,122,14,0.2);}
.main_r3_item1:before{right: -230px;top: 75px}
.main_r3_item2:before{right: -240px;top: 105px}
.main_r3_item3:before{right: -110px;top: 75px}
.main_r3_item4:before{left: -240px;top: 60px}
.main_r3_item5:before{left: -235px;top: 115px}
.main_r3_item6:before{left: -105px;top: 75px}

.main_r3_item:after{content: '';display: block;position: absolute;}
.main_r3_item1:after{background: url(./skin/images/main_r3_item1.png) no-repeat center;width: 205px;height: 45px;right:-225px;top:35px}
.main_r3_item2:after{background: url(./skin/images/main_r3_item2.png) no-repeat center;width: 220px;height: 80px;right:-240px;top:35px}
.main_r3_item3:after{background: url(./skin/images/main_r3_item3.png) no-repeat center;width: 85px;height: 45px;right: -105px;top:35px}
.main_r3_item4:after{background: url(./skin/images/main_r3_item4.png) no-repeat center;width: 220px;height: 45px;left: -240px;top:35px}
.main_r3_item5:after{background: url(./skin/images/main_r3_item5.png) no-repeat center;width: 220px;height: 85px;left: -240px;top:35px}
.main_r3_item6:after{background: url(./skin/images/main_r3_item6.png) no-repeat center;width: 80px;height: 45px;left: -100px;top:35px}


.main_r3_item1{left: 10px;top:40px;}
.main_r3_item2{left: 10px;top:150px}
.main_r3_item3{left: 10px;top:260px}
.main_r3_item4{right: 10px;top:40px}
.main_r3_item5{right: 10px;top:150px}
.main_r3_item6{right: 10px;top:260px}

/* 顾虑手机端代码 */
@media screen and (max-width: 768px) {
   
    .gulu_page{
        width: 100%;
        background: unset;
    }
    .main_row2 {
        padding: 49px 43px 18px 59vw;
    font-size: 18px;
        background-size: 100%;
    }
    /* 企业顾虑容器样式 - 手机端显示gulu.png背景 */
    .main_row3 {
        height: 149px;
        width: 96%;
        background: url(./skin/images/gulu.png) no-repeat center;
        background-size: contain;
        position: relative;
        padding: 20px 15px;
        margin: 0 15px;
        border-radius: 10px;
    }
    .main_row3>div {
        display: none;
    }

    

}

@media screen and (max-width: 480px) {
    /* 小屏手机样式优化 */
    .main_row2 {
        padding: 25px 15px 15px 58vw;
        font-size: 14px;
        line-height: 26px;
    }
    
    .main_row3 {
        height: 149px;
        padding: 15px 10px;
        margin: 0 10px;
    }
}

@media screen and (max-width: 360px) {
    /* 超小屏手机样式 */
    .main_row2 {
        padding: 20px 10px 10px 10px;
        font-size: 18px;
        line-height: 24px;
    }
    

}


/* 成本 */
.pro_adv{background: url(./skin/images/pro_adv_bg.png) no-repeat;width: 100%;padding:57px 0 58px;overflow: hidden;}

.pro_adv_item{ display: block; width: 25%; float: left; height: 350px; position: relative; -webkit-transition:0.3s all ease; transition:0.3s all ease; }
.pro_adv_item:hover{ -webkit-filter: saturate(1.4); filter: saturate(1.4); }
.pro_adv_item .pro_adv_tit{ width: 200px; height: 70px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.pro_adv_item .pro_adv_tit h3{ font-size: 16px; color: #333; margin: 0 0 8px 0; font-weight: bold; }
.pro_adv_item .pro_adv_value{ font-size: 24px; color: #ff7a0e; font-weight: bold; margin: 0; }

.pro_adv_item .pro_adv_cont{width: 300px; height: 270px;position: absolute;bottom: 0;right:-90px;}

.pro_adv_item1 .pro_adv_cont{background: url(./skin/images/pro_adv1.png) no-repeat center;}
.pro_adv_item2 .pro_adv_cont{background: url(./skin/images/pro_adv2.png) no-repeat center;}
.pro_adv_item3 .pro_adv_cont{background: url(./skin/images/pro_adv3.png) no-repeat center;}
.pro_adv_item4 .pro_adv_cont{background: url(./skin/images/pro_adv4.png) no-repeat center;}

.pro_adv_item:after{content: '';display: block;width: 40px;height: 240px;position: absolute;right: 50px;top: 50px;}
.pro_adv_item1:after{background: url(./skin/images/pro_adv1_line.png) no-repeat center;}
.pro_adv_item2:after{background: url(./skin/images/pro_adv2_line.png) no-repeat center;}
.pro_adv_item3:after{background: url(./skin/images/pro_adv3_line.png) no-repeat center;}
.pro_adv_item4:after{background: url(./skin/images/pro_adv4_line.png) no-repeat center;}

/* 手机端响应式样式 */
@media screen and (max-width: 768px) {
    .pro_adv {
        padding: 30px 0;
        overflow: visible;
    }
    
    .pro_adv .gulu_page {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 15px;
    }
    
    .pro_adv_item {
        width: 48%;
        height: auto;
        float: none;
        margin-bottom: 20px;
        padding: 0;
        position: relative;
    }
    
    .pro_adv_item .pro_adv_tit {
        width: 100%;
        height: auto;
        padding: 15px 10px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        margin-bottom: 15px;
        position: relative;
        right: auto;
        bottom: auto;
    }
    
    .pro_adv_item .pro_adv_tit h3 {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 1.3;
    }
    
    .pro_adv_item .pro_adv_value {
        font-size: 20px;
        line-height: 1.2;
    }
    
    .pro_adv_item .pro_adv_cont {
        width: 100%;
        height: 150px;
        position: relative;
        /* right: auto; */
        right: -24%;
        bottom: auto;
        margin-top: 10px;
        background-size: contain;
        background-position: center;
    }
    
    .pro_adv_item:after {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .pro_adv .gulu_page {
        padding: 0 10px;
    }
    
    .pro_adv_item {
        width: 48%;
        margin-bottom: 15px;
    }
    
    .pro_adv_item .pro_adv_tit {
        padding: 12px 8px;
    }
    
    .pro_adv_item .pro_adv_tit h3 {
        font-size: 12px;
        margin-bottom: 4px;
    }
    
    .pro_adv_item .pro_adv_value {
        font-size: 18px;
    }
    
    .pro_adv_item .pro_adv_cont {
        height: 120px;
    }
}

@media screen and (max-width: 360px) {
    .pro_adv_item {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .pro_adv_item .pro_adv_tit {
        padding: 15px 12px;
    }
    
    .pro_adv_item .pro_adv_tit h3 {
        font-size: 14px;
    }
    
    .pro_adv_item .pro_adv_value {
        font-size: 20px;
    }
    
    .pro_adv_item .pro_adv_cont {
        height: 140px;
    }
}

/* 选择理由 */
.i_xz {
    background: #fff;
    padding-top: 0;
}
.i_xz div{}
.i_xz .h{
    height: 263px;
    background: url(./skin/images/h.png) no-repeat center top;
}
.i_xz .container{}
.i_xz .row{}
.i_xz .col1 .in{
    margin-top: 100px;
}
.i_xz .col2 .in{
    margin-top: 150px;
    width: calc(50% - 39px);
}
.i_xz .col3 .in{}
.i_xz .col4 .in{
    margin-right: -110px;
    margin-top: 30px;
}
.i_xz .con{}
.i_xz .col1 .con{
    height: 435px;
    background: url(./skin/images/ys1.png) no-repeat right top;
}
.i_xz .col2 .con{
    height: 560px;
    background: url(./skin/images/ys3.png) no-repeat left top;
    margin-top: -50px;
}
.i_xz .col3 .con{
    height: 630px;
    background: url(./skin/images/ys2.png) no-repeat right top;
    margin-top: -80px;
    padding-top: 160px;
}
.i_xz .col4 .con{
    height: 630px;
    background: url(./skin/images/ys4.png) no-repeat left top;
    margin-top: -150px;
    padding-top: 160px;
    position: relative;
    left: -110px;
}
.i_xz .in{
    padding-left: 110px;
    position: relative;
    width: calc(50% - 1px);
}
.i_xz .in1{
    /* padding-left: 100px; */
    /* position: relative; */
}
.i_xz  i{
    width: 83px;
    height: 80px;
    display: inline-block;
    background: no-repeat center top;
    position: absolute;
    left: 0;
    top: 0;
}
.i_xz .col1 i{background-image: url(./skin/images/num1.png);}
.i_xz .col2 i{background-image: url(./skin/images/num2.png);}
.i_xz .col3 i{background-image: url(./skin/images/num3.png);}
.i_xz .col4 i{background-image: url(./skin/images/num4.png);}
.i_xz p{}
.i_xz .p1 .s1,.i_xz .p1 .s1 em{
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
}
.i_xz span{}
.i_xz .s1{}
.i_xz .phone2{
    padding-top: 40px;
}
.i_xz .zixun{
    vertical-align: middle;
    display: inline-block;
    width: 134px;
    height: 44px;
    background: #FD9827;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
}
.i_xz .phone2 div{
    background: url(/./skin/images/phone2.png) no-repeat left top;
    padding-left: 66px;
    margin-top: -6px;
    margin-right: 46px;
}
.i_xz .phone2 .p1{}
.i_xz .phone2 .p2{
    color: #fd9827;
    font-style: normal;
    font-weight: 400;
    margin-top: 3px;
}
.i_xz em{}
.i_xz .gold{
    color: #FD9827;
}
.i_xz .s2{
    display: block;
    font-size: 18px;
    color: #333;
    padding: 11px 0 5px;
}
.i_xz .in2{
    padding-top: 25px;
    border-top: 1px solid #fd9827;
}
.i_xz div.in2 ul{}
.i_xz ul{}
.i_xz div.in2 li{
    font-size: 14px;
    line-height: 1.6;
    padding-left: 15px;
    margin-bottom: 14px;
    position: relative;
}

.i_xz div.in2 li:after {background: #0094DA;content: "";display: block;position: absolute;width: 4px;height: 4px;top: 9px;left: 2px;border-radius: 50%;}
.i_xz li{}
.i_xz .col2{}
.i_xz .in{}
.i_xz .col3{}
.i_xz .pic{
    padding-left: 57px;
    padding-top: 20px;
}
.i_xz div.pic img{}
.i_xz img{}
.i_xz .col4{}
.i_xz .p2{}

.i_slt {
    background: #FFF;
    padding-bottom: 0;
}
.i_slt div{}
.i_slt .t{
    margin-bottom: 35px;
}
.i_slt span{}
.i_slt .h2{}
.i_slt .gold{
    color: #fd9827;
    font-size: 30px;
    letter-spacing: 1px;
    margin-left: 10px;
}
.i_slt .txt{
    padding: 25px 15px 5px;
}
.i_slt .in:hover{
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.13);
}
.i_slt .sinfo{line-height: 1.5;/* width: calc(100% - 55px); */}
.i_slt .a_img{}
.i_slt .a_txt{
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
.i_slt a img{width:100%;height: 100%;}
.i_slt .con{
    padding: 7px;
}

/* 4大优势 */
.advocate_box {
    width: 100%;
    overflow: hidden;
}

.advocate {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.advocate .title {
    width: 100%;
    position: absolute;
    top: 35px;
    left: 0;
    transform: translateX(-50%);
}

.advocate .advo_text {
    position: absolute;
    width: 484px;
    height: 184px;
    border-radius: 12px;
    display: flex;
    padding: 20px 30px 0 40px;
    background-color: rgba(255, 255, 255, .8);
}

.advocate .advo01 {
    top: 20%;
    left: 14%;
}

.advocate .advo02 {
    top: 20%;
    right: 14%;
}

.advocate .advo03 {
    top: 53%;
    left: 12%;
}

.advocate .advo04 {
    top: 53%;
    right: 12%;
}

.advocate .advo_text .left01 {
    text-align: right;
    margin-right: 40px;
}

.advocate .advo_text .left02 {
    text-align: left;
    margin-left: 40px;
}

.advocate .advo_text .left b {
    display: block;
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
}

.advocate .advo_text .left p {
    color: #666;
    line-height: 24px;
}

.advocate .advo_text .left p span {
    color: #3c91d8;
}

.advocate .advo_text .right img {
    margin-top: 10px;
    transition: all 1s;
}

.advocate .advo_text:hover .right img {
    transform: rotate(360deg);
    transition: all 1s;
}

.advocate .advo_text:hover .left b {
    color: #3c91d8;
}

.advocate .advo_text:hover {
    background: url(/./skin/images/advocate_02.png) no-repeat center;
    background-size: 100% 100%;
}

.custom {
    padding-top: 85px;
}

.custom_img {
    flex-wrap: wrap;
    margin-top: 50px;
}

.custom_img p {
    width:23.125%;
    margin-right: 2.5%;
    margin-bottom: 30px;
    border-radius: 12px;
}

.custom_img p:nth-child(4n) {
    margin-right: 0;
}

.custom_img p img {
    width: 100%;
    transition: all .8s;
    box-shadow: 0px 0px 20px 0px #eee;
    border-radius: 12px;
}

.custom_img p img:hover {
    transform: scale(1.1);
    transition: all .8s;
    box-shadow: 0px 0px 20px 2px #d2dbee;
}

.advertisement {
    width: 100%;
    overflow: hidden;
    padding-top: 80px;
}

.adver_ {
    width: 1920px;
    height: 262px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.adver_>img {
    width: 100%;
}

.adver_ .right {
    position: absolute;
    top: 45%;
    right: 20%;
}

.adver_ .right>img {
    margin-right: 10px;
}

.adver_ .right b {
    font: bold 32px/44px 'Arial';
    color: #fff;
}

.adver_ .right p {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.advocate .advo_text {
    position: absolute;
    width: 484px;
    height: 184px;
    border-radius: 12px;
    display: flex;
    padding: 20px 30px 0 40px;
    background-color: rgba(255, 255, 255, .8);
}

.advocate .advo01 {
    top: 20%;
    left: 14%;
}

.advocate .advo02 {
    top: 20%;
    right: 14%;
}

.advocate .advo03 {
    top: 53%;
    left: 12%;
}

.advocate .advo04 {
    top: 53%;
    right: 12%;
}

.advocate .advo_text .left01 {
    text-align: right;
    margin-right: 40px;
}

.advocate .advo_text .left02 {
    text-align: left;
    margin-left: 40px;
}

.advocate .advo_text .left b {
    display: block;
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
}

.advocate .advo_text .left p {
    color: #666;
    line-height: 24px;
}

.advocate .advo_text .left p span {
    color: #3c91d8;
}

.advocate .advo_text .right img {
    margin-top: 10px;
    transition: all 1s;
}

.advocate .advo_text:hover .right img {
    transform: rotate(360deg);
    transition: all 1s;
}

.advocate .advo_text:hover .left b {
    color: #3c91d8;
}

.advocate .advo_text:hover {
    background: url(./skin/images/advocate_02.png) no-repeat center;
    background-size: 100% 100%;
}


/* 合作伙伴 */
.hzhbbox{
    margin: 40px 0 50px;
}
.hzhbbox h2{
    font-size: 26px;
    margin-top: 0; 
}
.flex-v-center {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
}
.sep-section5 div {
    zoom: 1;
}
.flex-center {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    padding: 5px;
}
.sep-section5 img {
    border: 0;
    vertical-align: middle;
}
.sep-section5 img {
    max-width: 100%;
}
.sep-section5.pv120 {
    padding-bottom: 80px;
}
.sep-section5 .content {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 0 25px
}

.sep-section5 .content>div:not(.center) {
    flex: 1
}

.sep-section5 .column1,.sep-section5 .column3 {
    margin-right: 20px
}

.sep-section5 .column1,.sep-section5 .column2 {
    order: -1
}

.sep-section5 .item {
    margin-bottom: 20px;
    background: #fff;
    position: relative
}

.sep-section5 .item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}

.sep-section5 .item img {
    mix-blend-mode: multiply
}

.sep-section5 .item:last-child {
    margin-bottom: 0
}

.sep-section5 .column2 .item {
    background: linear-gradient(to right, #fff 20%, transparent)
}

.sep-section5 .column2 .item::after {
    clip-path: inset(-10px 20% -10px -20px)
}

.sep-section5 .column3 .item {
    background: linear-gradient(to left, #fff 20%, transparent)
}

.sep-section5 .column3 .item::after {
    clip-path: inset(-20px -20px -20px 20%)
}

.sep-section5 .center {
    flex-shrink: 0;
    width: 400px;
    height: 400px;
    background: rgba(238,103,24,0.1);
    border-radius: 50%;
    padding: 57px;
    z-index: 10;
    position: relative;
}

/* 添加水波纹动画效果 */
.sep-section5 .center::before,
.sep-section5 .center::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(238,103,24,0.3);
    animation: ripple 3s infinite ease-out;
}

.sep-section5 .center::before {
    width: 100%;
    height: 100%;
    animation-delay: 0s;
}

.sep-section5 .center::after {
    width: 100%;
    height: 100%;
    animation-delay: 1.5s;
}

@keyframes ripple {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5);
    }
}

.sep-section5 .center .logo {
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.sep-section5 .center .logo img {
    width: 72%
}

@media screen and (max-width: 1460px) {
    .sep-section5 .center {
        width: 360px;
        height: 360px;
        padding: 40px
    }

    .sep-section5 .center .logo {
        box-shadow: 0 0 12px 0 rgba(0,0,0,0.1),0 0 0 20px rgba(238,103,24,0.1)
    }

    .sep-section5 .column1,.sep-section5 .column3 {
        margin-right: 10px
    }

    .sep-section5 .item {
        margin-bottom: 10px
    }

}






/* 手机端响应式 */
@media screen and (max-width: 768px) {
.i_xz div {}
.i_xz .h {
    background-size: 180% auto;
    height: 100px;
}
.i_xz .container {}
.i_xz .row {}
.i_xz .col1 .in {}
.i_xz .col2 .in {}
.i_xz .col3 .in {}
.i_xz .col4 .in {}
.i_xz .con {
    height: auto !important;
    /* background: url(http://www.fukuvirobot.com/static/common/images/ys1.png) no-repeat center bottom/auto 60vw; */
    padding-bottom: 60vw !important;
    margin: 10px auto !important;
    position: static !important;
}
.i_xz .col1 .con {
    height: auto;
    background: url(./skin/images/ys1.png) no-repeat center bottom/auto 60vw;
    padding-bottom: 60vw;
}
.i_xz .col2 .con {
    background: url(./skin/images/ys3.png) no-repeat center bottom/auto 60vw;
}
.i_xz .col3 .con {
    background: url(./skin/images/ys2.png) no-repeat center bottom/auto 60vw;
    padding-top: 0;
}
.i_xz .col4 .con {
    background: url(./skin/images/ys4.png) no-repeat center bottom/auto 60vw;
    padding-top: 0;
}
.i_xz .in {}
.i_xz .in1 {}
.i_xz  i {display: none;}
.i_xz .col1 i {}
.i_xz .col2 i {}
.i_xz .col3 i {}
.i_xz .col4 i {}
.i_xz .in1 p {
    text-align: center;
}
.i_xz .p1 .s1, .i_xz .p1 .s1 em {
    font-size: 17px;
    line-height: 1.2;
}
.i_xz span {}
.i_xz .s1 {}
.i_xz .phone2 {
    padding: 10px 0 0;
}
.i_xz .zixun {
    margin-right: 10px;
    float: right;
}
.i_xz .phone2 div {
    margin: 0 auto;
    background: url(./skin/images/phone2.png) no-repeat left top/auto 100%;
}
.i_xz .phone2 .p1 {}
.i_xz .phone2 .p2 {}
.i_xz em {}
.i_xz .gold {}
.i_xz .s2 {
    font-size: 14px;
    padding: 2px 0  0;
}
.i_xz .in2 {}
.i_xz div.in2 ul {}
.i_xz ul {}
.i_xz div.in2 li {
    font-size: 12px;
    margin-bottom: 7px;
    line-height: 1.5;
}
.i_xz div.in2 li:after {}
.i_xz li {}
.i_xz .col2 {}
.i_xz .in {
    position: static !important;
    padding: 10px 10px !important;
    width: 100% !important;
    margin: 10px auto !important;
}
.i_xz .col3 {}
.i_xz .pic {}
.i_xz div.pic img {}
.i_xz img {}
.i_xz .col4 {}
.i_xz .p2 {}
.i_slt {
    padding: 35px 0;
}
.i_slt div {}
.i_slt .t {
    margin-bottom: 15px;
}
.i_slt span {}
.i_slt .h2 {
    font-size: 20px;
    font-weight: bold;
}
.i_slt .gold {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
}
.i_slt .txt {
    padding: 10px;
}
.i_slt .in:hover {}
.i_slt .sinfo {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 0;
}
.i_slt .a_img {}
.i_slt .a_txt {}
.i_slt a img {}
.i_slt .con {}

/* 合作伙伴 */
.sep-section5 .fz24 {
    font-family: 'MONTSERRAT-REGULAR';
    font-size: 16px;
    font-weight: bold
}

.sep-section5 .content {
    padding: 0 15px
}

.sep-section5 .column2 .item::after,.sep-section5 .column3 .item::after {
    clip-path: unset
}

.sep-section5 .column1,.sep-section5 .column4 {
    display: none
}

.sep-section5 .column3 {
    margin-right: 0
}

.sep-section5 .center {
    margin: 0 -20px;
    width: 138px;
    height: 138px;
    padding: 20px
}

.sep-section5 .center .logo {
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1),0 0 0 10px rgba(238,103,24,0.1)
}

.sep-section5 .center .logo img {
    width: 71px
}








}


/* 4大优势手机端响应式 */
@media screen and (max-width: 768px) {
    
    /* 4大优势手机端样式 */
    .advocate_box {
        width: 100%;
        overflow: visible;
        padding: 20px 0;
        background: #f8f9fa;
    }
    
    .advocate {
        width: 100%;
        position: static;
        left: auto;
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* padding: 0 15px; */
    }
    
    .advocate > img {
        /* display: none; 手机端隐藏背景图 */
        width: 100%;
    /* position: absolute; */
    position: relative;
        margin-bottom: 55px;
    margin-top: 10px;
    transform: scale(1.5);
    }
    
    .advocate .title {
        position: static;
        transform: none;
        margin-bottom: 87px;
        width: 100%;
    }
    
    .advocate .advo_text {
        position: static;
        width: 48%;
        height: auto;
        margin: 0 0 20px 0;
        padding: 15px 10px;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .advocate .advo_text .right {
        text-align: center;
        margin-bottom: 10px;
        order: 1;
    }
    
    .advocate .advo_text .right img {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        transition: all 0.3s ease;
    }
    
    .advocate .advo_text .left {
        text-align: center;
        margin: 0;
        order: 2;
        width: 100%;
    }
    
    .advocate .advo_text .left b {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 8px;
        color: #333;
        display: block;
    }
    
    .advocate .advo_text .left p {
        font-size: 12px;
        line-height: 1.5;
        color: #666;
        margin: 0;
    }
    
    .advocate .advo_text:hover {
        background: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        transition: all 0.3s ease;
    }
    
    .advocate .advo_text:hover .right img {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }
    
    .advocate .advo_text:hover .left b {
        color: #3c91d8;
    }
    
    /* 移除PC端的绝对定位样式 */
    .advocate .advo01,
    .advocate .advo02,
    .advocate .advo03,
    .advocate .advo04 {
        top: auto;
        left: auto;
        right: auto;
    }
}



/* 应用行业模块样式 */
.solution-section {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: #000;
}

.solution-section video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.zhe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2;
}

/* 固定标题区域 */
.solution-header {
    position: absolute;
    top: 50px;
    left: 10%;
    z-index: 10;
    color: white;
}

.slide-counter {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ff7a0e;
}

.header-line {
    width: 60px;
    height: 3px;
    background: #ff7a0e;
    margin-bottom: 20px;
}

.solution-header h3 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    color: white;
}

.solution-header .en {
    font-size: 18px;
    color: rgba(255,255,255,0.8);
}

/* 解决方案内容 */
.solution-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    z-index: 3;
}

.solution-item.active {
    opacity: 1;
    visibility: visible;
}

.solution-content-wrap {
    position: absolute;
    top: 50%;
    right: 9%;
    transform: translateY(-50%);
    max-width: 500px;
    color: white;
}

.solution-right {
    text-align: left;
    display: none;
}

.solution-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: white;
}

.solution-desc {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: rgba(255,255,255,0.9);
}

.solution-btn {
    display: inline-block;
    padding: 12px 30px;
    background: #ff7a0e;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    font-weight: bold;
}

.solution-btn:hover {
    background: #e66a00;
    transform: translateY(-2px);
    color: white;
    text-decoration: none;
}

/* 底部导航栏样式 */
.solution-nav {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 0 20px;
}

.solution-swiper {
    width: 100%;
    /* height: 200px; */
    position: relative;
}

.swiper-slide {
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    /* padding: 56px 15px 80px; */
    padding: 20px 15px 35px;
    height: 100%;
    /* margin-right: 0 !important; */
}
.swiper-slide .active{

}

.swiper-slide:hover {
    background: rgba(255,255,255,0.1);
}

.nav-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    transition: all 0.3s ease;
}

.swiper-slide.active {
    /* background: #1d2083; */
    background: #86cf156e;
    /* position: relative; */
}
.solution-nav .swiper {
    width: 80%;
}


.nav-item.active .nav-icon {
    transform: scale(1.1);
}

.nav-item:not(.active) .nav-icon {
    opacity: 0.7;
}

.nav-icon {
    transition: all 0.3s ease;
}

.nav-icon span {
    font-size: 20px;
    color: rgba(255,255,255,0.9);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.nav-icon span img {
    width: 66px;
    height: 66px;
    object-fit: contain;
}

.nav-item.active .nav-icon span {
    color: #fff;
    font-weight: bold;
}

.nav-item span {
    font-size: 16px;
    color: rgba(255,255,255,0.9);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.nav-item.active span {
    color: #fff;
    font-weight: bold;
}

.nav-item h6 {
    color: #fff;
    font-size: 12px;
    margin: 0;
}

.nav-item .num {
    font-size: 90px;
    font-family: 'Saira', sans-serif;
    position: absolute;
    display: block;
    /* bottom: -63px; */
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.2;
    color: #fff;
    font-weight: bold;
    display: none;
}
.solution-nav .swiper-slide.active .num{
    display: block;
}

.nav-item.active .num {
    opacity: 0.3;
}

/* Swiper导航箭头样式 */
.swiper-button-next,
.swiper-button-prev {
    color: #fff ;
    background: rgba(255,255,255,0.1);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 0.3s ease;
    position: absolute;
    right: 8%;
}
.swiper-button-prev{
    left: 8%;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(255,255,255,0.2);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 18px;
}



/* 案例中心 */
.case-center-wrap {
    width: 100%;
    background: #f7f7f7;
    padding: 40px 0;
    overflow: hidden;
}
.case-center-title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.case-center-row {
    width: 78%;
    overflow: hidden;
    white-space: nowrap;
    margin: 20px auto;
    position: relative;
    touch-action: pan-y;
}
.case-center-list {
    display: inline-block;
    white-space: nowrap;
    transition: none;
}
.case-center-img {
    display: inline-block;
    width: 260px;
    height: 160px;
    margin: 0 16px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    background: #fff;
    vertical-align: middle;
    cursor: pointer;
    transition: transform 0.2s;
}
.case-center-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 900px) {
    .case-center-img {
        width: 48vw;
        height: 28vw;
        margin: 0 6px;
    }
}
@media (max-width: 600px) {
    .case-center-row{width: 100%;}
    .case-center-title { font-size: 22px; }
    .case-center-row { margin: 10px 0; }
    .case-center-img { width: auto; height: 30vw; }
}






/* 现代化服务体系样式 - 限定在service-system-modern容器内 */
.service-system-modern {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    overflow: hidden;
}

.service-system-modern .service-content {
    display: flex;
    align-items: center;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

/* 左侧客服人物区域 */
.service-system-modern .service-left {
    flex: 0 0 400px;
    position: relative;
}

.service-system-modern .service-person {
    position: relative;
    height: 400px;
}

.service-system-modern .person-circle {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.service-system-modern .person-main {
    position: relative;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    overflow: hidden;
    top: 0;
    left: -8vw;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    border: 4px solid #fff;
}

.service-system-modern .person-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-system-modern .service-scenes {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.service-system-modern .scene {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    opacity: 0;
    transform: scale(0);
}

.service-system-modern .scene img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-system-modern .scene-1 {
    top: -9vh;
    right: 20px;
}

.service-system-modern .scene-2 {
    top: 50%;
    right: -3vw;
    transform: translateY(-50%);
}

.service-system-modern .scene-3 {
    bottom: -12vh;
    right: -2vw;
}

/* 右侧服务列表 */
.service-system-modern .service-right {
    flex: 1;
}

.service-system-modern .service-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.service-system-modern .service-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 13px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateX(50px);
}

.service-system-modern .service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
}

.service-system-modern .service-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0094DA 0%, #007bff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.service-system-modern .icon-number {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.service-system-modern .service-text {
    flex: 1;
}

.service-system-modern .service-text h4 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.service-system-modern .service-text p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.service-system-modern .highlight {
    color: #0094DA;
    font-weight: 600;
}

/* GSAP动画类 */
.service-system-modern .service-item.animate {
    opacity: 1;
    transform: translateX(0);
}

.service-system-modern .scene.animate {
    opacity: 1;
    transform: scale(1);
}

/* 务体系样式手机端响应式设计 */
@media screen and (max-width: 768px) {
    .service-system-modern {
        padding: 40px 0;
    }
    
    .service-system-modern .service-content {
        flex-direction: column;
        gap: 40px;
        padding: 0 20px;
    }
    
    .service-system-modern .service-left {
        flex: none;
        width: 100%;
        display: none;
    }
    
    .service-system-modern .service-person {
        height: 300px;
    }
    
    .service-system-modern .person-circle {
        width: 250px;
        height: 250px;
    }
    
    .service-system-modern .person-main {
        width: 150px;
        height: 150px;
        top: 40px;
        left: 40px;
    }
    
    .service-system-modern .scene {
        width: 60px;
        height: 60px;
    }
    
    .service-system-modern .service-item {
        padding: 20px;
        gap: 15px;
        opacity: 0;
        transform: translateX(50px);
    }
    
    .service-system-modern .service-icon {
        width: 50px;
        height: 50px;
    }
    
    .service-system-modern .icon-number {
        font-size: 16px;
    }
    
    .service-system-modern .service-text h4 {
        font-size: 16px;
    }
    
    .service-system-modern .service-text p {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .service-system-modern {
        padding: 30px 0;
    }
    
    .service-system-modern .service-content {
        gap: 30px;
        padding: 0 15px;
    }
    
    .service-system-modern .service-person {
        height: 250px;
    }
    
    .service-system-modern .person-circle {
        width: 200px;
        height: 200px;
    }
    
    .service-system-modern .person-main {
        width: 120px;
        height: 120px;
        top: 30px;
        left: 30px;
    }
    
    .service-system-modern .scene {
        width: 50px;
        height: 50px;
    }
    
    .service-system-modern .service-item {
        padding: 15px;
        gap: 12px;
        opacity: 0;
        transform: translateX(50px);
    }
    
    .service-system-modern .service-icon {
        width: 45px;
        height: 45px;
    }
    
    .service-system-modern .icon-number {
        font-size: 14px;
    }
    
    .service-system-modern .service-text h4 {
        font-size: 15px;
    }
    
    .service-system-modern .service-text p {
        font-size: 12px;
    }
}















/* 响应式设计 */
@media screen and (max-width: 768px) {
    .solution-header {
        top: 30px;
        left: 20px;
    }
    
    .solution-header h3 {
        font-size: 24px;
    }
    
    .solution-header .en {
        font-size: 14px;
    }
    
    .slide-counter {
        font-size: 18px;
    }
    
    .solution-content-wrap {
        right: 20px;
        max-width: 300px;
        display: none;
    }
    
    .solution-title {
        font-size: 20px;
    }
    
    .solution-desc {
        font-size: 14px;
    }
    
    .solution-nav {
        padding: 0 10px;
    }
    
    .solution-swiper {
        height: 150px;
    }
    
    .swiper-slide {
        padding: 40px 10px 60px;
    }
    
    .nav-icon span img {
        width: 50px;
        height: 50px;
    }
    
    .nav-item span {
        font-size: 14px;
    }
    
    .nav-item h6 {
        font-size: 10px;
    }
    
    .nav-item .num {
        font-size: 60px;
        bottom: -30px;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    
    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 14px;
    }
    .zhe{
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .solution-header {
        top: 20px;
        left: 15px;
    }
    
    .solution-header h3 {
        font-size: 20px;
    }
    
    .solution-header .en {
        font-size: 12px;
    }
    
    .slide-counter {
        font-size: 16px;
    }
    
    .solution-content-wrap {
        right: 15px;
        max-width: 250px;
    }
    
    .solution-title {
        font-size: 18px;
    }
    
    .solution-desc {
        font-size: 12px;
    }
    
    .solution-nav {
        padding: 0 5px;
    }
    
    .solution-swiper {
        /* height: 120px; */
    }
    
    .swiper-slide {
        padding: 30px 5px 50px;
    }
    
    .nav-icon span img {
        width: 40px;
        height: 40px;
    }
    
    .nav-item span {
        font-size: 12px;
    }
    
    .nav-item h6 {
        font-size: 8px;
    }
    
    .nav-item .num {
        font-size: 40px;
        bottom: -20px;
    }
}

@media screen and (max-width: 360px) {
    .solution-header h3 {
        font-size: 18px;
    }
    
    .solution-header .en {
        font-size: 10px;
    }
    
    .solution-content-wrap {
        right: 10px;
        max-width: 200px;
    }
    
    .solution-title {
        font-size: 16px;
    }
    
    .solution-desc {
        font-size: 11px;
    }
    
    .solution-swiper {
        height: 100px;
    }
    
    .swiper-slide {
        padding: 25px 5px 40px;
    }
    
    .nav-icon span img {
        width: 35px;
        height: 35px;
    }
    
    .nav-item span {
        font-size: 10px;
    }
    
    .nav-item h6 {
        font-size: 7px;
    }
    
    .nav-item .num {
        font-size: 30px;
        bottom: -15px;
    }
}


/* PC重新修改 */
@media screen and (min-width: 1400px) {
    .solution-nav{
        bottom: 0;
    }
    section#services6 .container {
        width: 78%;
        margin: 0 auto;
    }
    .zhe{
        display: none;
    }
  
}
.index_slip1 .slip_btn {
    margin-left: 95px;
    margin-top: 32px;
    position: relative;
}
.index_slip1 .slip_btn:before {
    display: block;
    content: '服务热线：188-2337-3194';
    position: absolute;
    top: 75px;
    left: -37px;
    color: #fff;
    width: 132%;
} 
.body-wrap{
    max-width: 100%;
    overflow: hidden;
}


/* 手机端重新修改 */
@media screen and (max-width: 780px) {
    .list-wrap .img img {
        height: 143px;
    }  
    .list-wrap .cont-wrap{
        width: unset;
    }
    .list-wrap .tit {
    display: block !important;
    }
    .index_slip1 .slip_tit,.index_slip1 .w1200 {
    width: 100%;
    padding: 0 5px;
    }
    .index_slip .slip_tit .tit1 {
    padding-top: 10px;
    font: bold 16px "microsoft yahei";
    color: #64c5ff;
    }
    .index_slip .slip_tit .tit2 {
    margin-top: 6px;
    font-size: 13px;
    }
/* 中间横幅 */
.index_slip1 .slip_btn {
    margin-left: 6vw;
    margin-top: 6px;
    position: relative;
}

.index_slip .slip_btn {
    width: 136px;
    height: 39px;
    font-size: 16px;
    background-size: 100% 100%;
    line-height: 39px;
    text-align: center;
    color: #10479f;
}
.index_slip1 .slip_btn:before {
    top: 0;
    left: 36vw;
    font-size: 14px;
}
.index_slip1 .slip_btn:hover {
    background-size: 100% 100%;
}













    
}