.soft-tit2{width: 1055px;margin: 30px auto 50px;font-size: 16px;color: #656565;text-align: center;line-height: 1.6}
.contentWrap .titles{text-align: center;margin-bottom: 40px;}
.contentWrap .titles h3 {font-size: 30px;color: #2B2B2B;margin-bottom: 5px; }
.contentWrap .titles p {font-size: 16px;color: #656565;margin-bottom: 5px;font-weight: lighter }

.soft-part1{height: 636px;background-repeat: no-repeat;background-position: center center;margin-bottom: 90px;background-image: url('/static/images/soft/a1.jpg')}
.soft-part1 ul{position: relative;top: 135px;left: 135px;}
.soft-part1 ul li{width: 285px;height: 167px;background: rgba(255,255,255,.7);color: #656565;text-align: center;line-height: 1.6;padding-top: 35px;box-sizing: border-box;cursor: pointer}
.soft-part1 ul li h1{font-size: 24px;}
.soft-part1 ul li p{font-size: 16px;}
.soft-part1 ul li:not(:last-child){border-bottom: 1px solid #b4b5b6}
.soft-part1 ul .active{background:#3e66fc;color: #FFF;}
/*.soft_swiper{width: 68%;margin: 0 auto;}*/
.soft_swiper img{width: 100%}

.soft_swiper .swiper-container {
    display: flex;
    justify-content: center; /* 水平居中 */
    width: 80%; /* 或者其他需要的宽度 */
    margin: 0 auto; /* 额外的水平居中 */
}
.soft_swiper .swiper-container .swiper-slide{width: 187px;margin: 0 10px;}
.soft_swiper .swiper-container .swiper-wrapper{justify-content: center;}

.soft-part2{margin: 60px auto 100px;}
.soft-part2 img{width: 100%;cursor: pointer}
.soft-part2 .layui-col-sm1,.soft-part4 .layui-col-sm1{width: 20%}
.soft-part2 .layui-col-sm1:nth-child(odd){padding-top: 60px;}
.soft-part2 img:hover{transform: scale(1.1);}
.soft3-menu ul{width: 100%;text-align: center}
.soft3-menu ul li{display: inline-block;padding: 10px 25px;cursor: pointer;margin: 0 15px 25px; }
.soft3-menu ul .active{background: #3e66fc;color: #fff;}
.soft3-box{height: 740px;background-repeat: no-repeat;background-position: center center;margin-bottom: 90px;padding-top: 70px;position: relative}
.soft3-info-box{width: 330px;height: 390px;background: rgba(255,255,255,.8);box-sizing: border-box;padding: 50px 30px 0 40px;
    clip-path:  polygon( 0px 0px, 250px 0px, 330px 88px, 330px 390px, 0px 390px);
    position: relative;
}
.soft3-info-box h1{font-size: 36px;margin-bottom: 54px;position: relative}
.soft3-info-box h1:after{position: absolute;content: '';height: 4px;width:60px;background:#3e66fc;bottom: -30px;left: 0}
.soft3-info-box p{font-size: 20px;color: #484848;line-height: 1.6}
.soft3-info-box-bg{width: 330px;height: 10px;background: #3E66FC;position: relative;left: 10px;}
.soft3-info-box-bg:before{content: '';position: absolute;width: 10px;height: 304px;background: #3E66FC;right: 0;top: -304px;
    clip-path:  polygon( 0px 0px, 0px 0px,10px 12px, 10px 304px, 0px 304px);
}
.soft3-info-box-bg:after{content: '';position: absolute;width: 1px;height: 148px;background: #3E66FC;right: 40px;top: -412px;transform: rotate(-42deg);}
.soft3-x-bg{width: 100%;background: rgba(0,0,0,.7);text-align: center;padding: 50px 0;position: absolute;left: 0;bottom: 0}
.soft3-x-bg img{margin: 0 10px;}

.soft-part4{margin-bottom: 80px;}
.soft-part4 .box1{;
    background-origin: content-box;
    box-sizing: border-box;
    background-image:
            linear-gradient(#3E66FC 4px, transparent 4px, transparent calc(100% - 4px), #3E66FC calc(100% - 4px), #3E66FC 100%),
            linear-gradient(90deg, #3E66FC 4px, transparent 4px, transparent calc(100% - 4px), #3E66FC calc(100% - 4px), #3E66FC 100%),
            linear-gradient(#3E66FC 4px, transparent 4px, transparent calc(100% - 4px), #3E66FC calc(100% - 4px), #3E66FC 100%),
            linear-gradient(90deg, #3E66FC 4px, transparent 4px, transparent calc(100% - 4px), #3E66FC calc(100% - 4px), #3E66FC 100%);
    background-repeat: no-repeat;
    background-position: top left, top left, bottom right, bottom right;
    background-size: 70px 100%,100% 70px;
}
.soft-part4 img{width: 100%}
.soft-part4 .p4Box{padding: 30px;box-sizing: border-box;}
.soft-part4 .p4Box .layui-row{box-shadow: 0 2px 5px #ccc;padding: 30px;}
.soft-part4 .p4Box .xs-box{padding: 15px 15px 40px;position: relative;overflow: hidden}
.soft-part4 .p4Box .xs-box .txt{padding: 15px 25px;font-size: 20px;color: #2b2b2b;text-align: center;width: 70%;margin: 0 auto;box-shadow: 0 2px 5px #ccc;position: absolute;background: #FFF;left: 15%;bottom: 10px;}
.soft-part4 img:hover{transform: scale(1.1);}
.soft-part4 .hoverBox{overflow: hidden}

.soft-part5{height: 423px;background-repeat: no-repeat;background-position: center center;background-image: url("/static/images/soft/images/pc_03_02.jpg")}
.soft-part6{height: 492px;background-repeat: no-repeat;background-position: center center;background-image: url("/static/images/soft/images/pc_05.jpg")}
.p5Box{text-align: center;width: 535px;height: 288px;color: #FFF;font-size: 18px;line-height: 1.6;margin: 0 0 0 auto;padding-right: 80px;padding-top: 125px;}
.p6Box{text-align: center;width: 484px;height: 288px;color: #FFF;font-size: 18px;line-height: 1.6;padding-left: 88px;padding-top: 180px;box-sizing: border-box}


@media screen and (max-width:767px){
    .m-soft-en-h1{font-size: 4.4vw;padding: 30px 0 0 15px;color: #c6c6c6;font-weight: lighter;margin-bottom: 10px;text-transform: uppercase;}
    .contentWrap .titles .m-soft-cn1{font-size: 6vw;text-align: left;padding-left: 10px;}
    .soft-tit2{width: 100%;margin: 20px auto;padding: 0 15px;text-align: left;text-indent: 2em;font-size: 14px;}
    .contentWrap .titles{margin-bottom: 20px;}
    .soft-part1{background: none;height: auto;padding: 0 15px;margin-bottom:30px;}
    .soft-part1 ul{width: 100%;top: 0;left: 0;background: #3e66fc;border-radius: 6px;padding: 10px 0;}
    .soft-part1 ul li{width: 95%;margin: 10px auto;background: #f5f5f5;border-radius: 6px;color:#2b2b2b;padding:5px;text-align:left;height: auto;font-size: 0}
    .soft-part1 ul .active{background: #f5f5f5;color:#2b2b2b }
    .soft-part1 ul li img{width: 45%;display: inline-block}
    .soft-part1 ul li .m-box1{width: 55%;display: inline-block;vertical-align: middle;padding-left: 15px;}
    .soft-part1 ul li h1{font-size: 20px;}
    .soft-part1 ul li p{font-size: 13px;}
    .soft-part1 ul li:nth-of-type(2){background: #e4e1dc;}
    .soft-part1 ul li:nth-of-type(2) p,.soft-part1 ul li:nth-of-type(3) p{display: inline;}

    .contentWrap .titles p {
        font-size: 14px;
        padding-top: 10px;
        position: relative;
    }
    .contentWrap .titles h3 {
        font-size: 5.6vw;
        margin-bottom: 10px;
    }
    .contentWrap .titles p::after {
        content: '';
        position: absolute;
        height: 2px;
        width: 40px;
        background: #c4a883;
        top: 0;
        left: calc(50% - 20px);
    }
    .soft-part2{margin: 0 auto 50px;padding: 0 15px;}
    .soft-part2 .layui-col-space20 > *{padding: 1px;}
    .soft-part2 .layui-col-sm1:nth-child(2n+1){padding-top: 20px;}

    .soft3-x-bg{position: relative;background: #ededed;text-align: left;width: 100%;overflow: hidden;font-size: 0;padding: 20px 0;bottom: -100px;}
    .soft3-x-bg img{width: 150px;margin: 0 5px;}

    .soft_swiper .swiper-container{width: 100%;}
    .soft_swiper .swiper-container .swiper-slide{width: 100%;margin: unset}
    .soft_swiper .swiper-container .swiper-slide img{width: 100%;}
    .soft_swiper .swiper-container .swiper-wrapper {
        justify-content: left;
    }
    .soft3-box{height: auto;padding: 30px 0 60px;background-size: cover;}
    .soft3-info-box{height: auto;width: 50%;margin-left: 15px;clip-path: polygon( 0px 0px, 70% 0, 100% 30%, 100% 100%, 0px 100%);padding: 30px 20px;position: relative}
    .soft3-info-box::after{content: '';
        position: absolute;
        width: 10px;
        height: calc(70% + 10px);
        background: #3E66FC;
        right: 0;
        bottom:0;
        clip-path: polygon( 0px 0px, 0px 0px,10px 10px, 10px 100%, 0px 100%);
    }
    .soft3-info-box-bg:before{display: none;}
    .soft3-info-box h1{font-size: 22px;    margin-bottom: 26px;}
    .soft3-info-box h1:after{bottom: -16px;width: 45px;}
    .soft3-info-box p{font-size: 14px;}
    .soft3-info-box-bg{width: 50%;left: 15px;bottom: 1px;    }
    .soft3-info-box-bg:after{display: none;}



    .soft-part4 .box1{background-image: none;padding: 0 15px;}
    .soft-part4 .p4Box,.soft-part4 .p4Box .layui-row{padding: 0;background: #FFF;}
    .soft-part4 .p4Box .xs-box{padding: 0 3px;margin-bottom: 30px;overflow:unset}
    .soft-part4 .p4Box .xs-box .txt{padding: 4px 0;font-size: 12px;bottom: -7px;}
    .soft-part4{background: linear-gradient(#FFF 0%,#FFF 30%,#3e66fc 30%,#3e66fc 100%);padding-bottom: 40px;margin-bottom: 40px;}
    .soft-part4 .p4Box .layui-row{padding: 20px 0 0;box-shadow:unset;}
    .soft-part5,.soft-part6{height: auto;background: none;}
    .p5Box,.p6Box{width: auto;height: auto;color: #2b2b2b;padding: 10px 15px 30px;font-size: 14px;line-height: 1.6;text-indent: 2em;text-align: left;}
}