.undis {
    display: none;
}

.dis {
    display: block;
}

.abs {
    position: absolute;
}

.rel {
    position: relative;
}

body {
    font: 14px/1.5 ROBOTO,Helvetica,Tahoma,Arial;
    color: #000;
    height: 100%;
    background-color: #fff;
}
/*字体*/
@font-face {
    font: 12px/1.5 ROBOTO, Helvetica, Tahoma, Arial;
    font-weight: normal;
    font-style: normal;
}

/*可通用按钮*/
.btn-yellow {
    background-color: #2f287b;
    color: #fff;
    border: none;
}

.btn-fff {
    background: #fff;
    border: 1px solid #2f287b;
    color: #2f287b;
}

    .btn-fff:hover {
        background: #2f287b;
        color: #fff;
        text-decoration: none;
    }

.btn-f9f9f9 {
    background: #f9f9f9;
    border: 1px solid #2f287b;
    color: #2f287b;
}

.btn-yellow:hover, .btn-yellow:focus {
    background-color: #ffffff;
    color: #fff;
}
.btn-blue {
    background-color: #000;
    color: #fff;
    border: none;
}
.btn-blue:hover, .btn-blue:focus {
    background-color: #333;
    color: #fff;
}


.text-ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.indexbox {
    margin: auto;
}

/*banner*/
.banner {
    height: 410px;
    z-index: 3;
    overflow: hidden;
    min-width: 1200px;
    width:100%;
}

.swiper-container {
    width: 100%;
 /*   height: 100%;*/
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-container220 {
    height: 410px;
}

    .swiper-container220 .swiper-slide, .swiper-container220 .swiper-wrapper {
        /*max-width: 1920px;*/
        margin: auto;
        cursor: pointer;
    }

.banner .swiper-button-prev {
    position: absolute;
    top: 0;
    left: 0px !important;
    display: none;
    width: 32px !important;
    height: 450px;
    z-index: 999;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    background: url("../images/banner-left.png") no-repeat center transparent !important;
    transition: all .3s;
    outline: none;
    cursor: pointer;
}

.banner:hover .swiper-button-prev {
    left: 0 !important;
}

.banner:hover .swiper-button-next {
    right: 0 !important;
}

.banner .swiper-button-next {
    position: absolute;
    top: 0;
    right: 0px !important;
    display: none;
    width: 32px !important;
    height: 450px;
    z-index: 999;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    background: url("../images/banner-right.png") no-repeat center transparent !important;
    transition: all .3s;
    outline: none;
    cursor: pointer;
}
.banner:hover .swiper-button-prev, .banner:hover .swiper-button-next {
    display: inline-block;
}
.swiper-pagination-bullet {
    width: 44px !important;
    height: 6px !important;
    background: #B1ABAB !important;
    border-radius: 7px !important
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}


/*三块*/
/*.commodity-box {
    background: #f2f2f2;
    margin-top: 5px;
}*/

.new-advantage-box {
    max-width: 1920px;
    background: #fff;
    margin: auto;
}

.new-advantage {
    max-width: 1200px;
    margin: auto;
    height: 160px;
    background: #fff;
    padding-top: 40px;
}

    .new-advantage li {
        float: left;
        font-size: 14px;
        color: #666;
        overflow: hidden;
    }

        .new-advantage li.mokostring div {
            width: 1px;
            background: #e3e3e3;
            height: 60px;
        }

        .new-advantage li .tit {
            font-size: 18px;
            color: #222;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .new-advantage li p {
            margin-bottom: 0px;
        }

        .new-advantage li img, .new-advantage li div {
            float: left;
        }

        .new-advantage li img {
            margin-right: 5px;
        }
/*首页banner侧边*/
.banner-right-cont {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 32px;
}

    .banner-right-cont li {
        width: 220px;
        height: 120px;
        background: rgba(255,255,255,0.9);
        margin-bottom: 8px;
        position: relative;
        padding: 10px 15px;
        cursor: pointer;
        overflow: hidden;
    }

        .banner-right-cont li img {
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .banner-right-cont li:hover img {
            transform: scale(1.1,1.1);
            left: -4px;
            top: -4px;
        }

        .banner-right-cont li p {
            margin-bottom: 0;
            position: relative;
            z-index: 10;
        }

        .banner-right-cont li .f42 {
            font-size: 42px;
            display: inline-block;
            line-height: 48px;
            font-weight: 600;
        }

        .banner-right-cont li .f18 {
            vertical-align: top;
            display: inline-block;
            line-height: 36px;
            font-weight: normal !important;
            margin-right: 2px;
        }

        .banner-right-cont li:hover {
            background: rgba(255,255,255,0.97);
        }

            .banner-right-cont li:hover .f42 {
                font-size: 44px;
                line-height: 48px;
            }

/*商品*/
.IPCUL {
    width: 1080px;
    margin: auto;
}

    .IPCUL li {
        width: 20% !important;
        height: 100px !important;
        margin: 0 !important;
        background: #f2f2f2 !important;
        text-align: center;
        box-shadow: none !important;
        color: #666 !important;
        font-size: 16px;
    }

        .IPCUL li:hover {
            box-shadow: none !important;
        }

.IPC1 {
    background: url(../images/cer.jpg) no-repeat -10px center;
    width: 60px;
    height: 35px;
    margin: auto;
}

.IPC2 {
    background: url(../images/cer.jpg) no-repeat -70px center;
    width: 60px;
    height: 35px;
    margin: auto;
}

.IPC3 {
    background: url(../images/cer.jpg) no-repeat -124px center;
    width: 60px;
    height: 35px;
    margin: auto;
}

.IPC4 {
    background: url(../images/cer.jpg) no-repeat -180px center;
    width: 60px;
    height: 35px;
    margin: auto;
}

.commodity .hover li {
    transition: all 0.1s;
}

    .commodity .hover li:hover {
        transform: translate3d(0,-4px,0);
        box-shadow: 0 0 10px #ccc;
    }

.commodity {
    max-width: 1200px;
    margin: auto;
    text-align: center;
    padding-top: 40px;
    height: 620px;
}

    .commodity h5 {
        line-height: 60px;
        font-weight: 600;
    }

    .commodity ul {
        overflow: hidden;
        margin-top: 40px;
        max-width: 1320px;
        margin: auto;
        padding: 0 10px;
    }

    .commodity li {
        float: left;
        width: 303px;
        height: 348px;
        background: #fff;
        margin: 10px 8px 30px;
        text-align: center;
    }

        .commodity li .f90 {
            width: 30px;
            height: 4px;
            background-color: #333;
            margin: 15px auto 20px;
        }

        .commodity li:hover {
            /*box-shadow: 0px 3px 30px rgba(0,0,0,0.2);*/
        }

        .commodity li p {
            line-height: 24px;
            margin-bottom: 0;
        }

            .commodity li p .bold {
                margin-left: 5px;
            }

        .commodity li img {
            margin: auto;
            width: 100%;
            height: 208px;
        }

        .commodity li:nth-of-type(1) {
            margin-left: 0;
        }

        .commodity li:nth-of-type(4) {
            margin-right: 0;
        }

        .commodity li .Quote-btn {
            width: 180px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            display: block;
            margin: 20px auto 5px;
            border-radius: 1px;
            text-decoration: none;
        }

.hi2 a {
    display: none;
    color: #2f287b !important;
}

.commodity li:hover .hi1 {
    display: none;
}

.commodity li:hover .hi2 a {
    display: block;
    color: #2f287b !important;
}


/*视频图片*/
.allpcb-guide .video {
    position: fixed;
    left: 50%;
    margin-left: -322px;
    top: 50%;
    margin-top: -184px;
    z-index: 1000;
}


.imagetext-box {
    max-width: 1920px;
    margin: auto;
    background: #eeeeee;
    height: 555px;
    padding-top: 30px;
}

    .imagetext-box h5 {
        text-align: center;
        line-height: 120px;
        font-weight: 600;
    }

.imagetext {
    max-width: 1200px;
    margin: auto;
}

.allpcb-guide {
    width: 33%;
    height: 350px;
    background: #fff;
    overflow: hidden;
}

.imagetext-box .videobox {
    cursor: pointer;
    overflow: hidden;
    transition: all 1s;
    background: url(../images/pic_equipment01.jpg) no-repeat;
    background-size: cover;
    height: 183px;
    width: 100%;
    position: relative;
    padding-top: 60px;
}

    .imagetext-box .videobox:hover {
        transform: scale(1.05);
        height: 183px;
        width: 100%;
        overflow: hidden;
    }

        .imagetext-box .videobox:hover img {
            opacity: 0.7;
        }

.imagetext-box .videotext {
    padding: 25px 10px;
}

    .imagetext-box .videotext .f18 {
        line-height: 28px;
    }

.equipment-list {
    width: 100%;
}

    .equipment-list .item {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0 15px;
    }

    .equipment-list .bg {
        top: 0;
        left: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        background: #db8401;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
        transition: all .4s cubic-bezier(.4,0,.2,1);
    }

    .equipment-list .title-description {
        top: 282px;
        height: 68px;
    }

    .equipment-list .bg-bottom {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 68px;
    }

    .equipment-list .info {
        max-height: 44px;
        line-height: 22px;
        transition: all .4s cubic-bezier(.4,0,.2,1);
        -webkit-line-clamp: 2;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .equipment-list .explanation {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
        transition: all .4s cubic-bezier(.4,0,.2,1);
    }

    .equipment-list .item:hover .title-description {
        top: 50px;
        z-index: 99;
    }

    .equipment-list .item:hover .bg {
        opacity: .75;
        filter: alpha(opacity=75);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(75));
    }

    .equipment-list .item:hover .title-description {
        height: 100%;
        background: unset;
    }

    .equipment-list .item:hover .title-dividing-line {
        background-color: #fff;
    }

    .equipment-list .item:hover .explanation {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    }

    .equipment-list .explanation .item-list {
        margin-bottom: 4px;
    }

    .equipment-list .explanation .item-point {
        top: -4px;
        left: 0px;
    }

    .equipment-list .explanation .item-con {
        margin-left: 12px;
        line-height: 16px;
    }



.title-dividing-line {
    width: 72px;
    height: 4px;
    background-color: #2f287b;
}

.imagetext-box .item-right {
    width: 65%;
    overflow: hidden;
}

.mask-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.8);
    width: 100%;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 999;
    display: none;
}

.aluminumvideobox {
    background: url(../images/aluminumpcbfabrication.png) no-repeat !important;
    background-size: cover;
}

.PCBAtextul {
    box-shadow: 0 0 10px #ddd;
}
/*PCBA*/
.PCBAtext-box {
    max-width: 1920px;
    background: #fff;
    margin: auto;
    height: 530px;
    padding: 20px 20px 0;
}

.PCBAtext {
    max-width: 1200px;
    margin: auto;
}

    .PCBAtext h5 {
        line-height: 120px;
        text-align: center;
        font-weight: 600;
    }

.pcbalunbo {
    height: 100%;
    width: 100%;
    color: #fff;
    position: relative;
    overflow: hidden;
}

    .pcbalunbo li {
        padding-left: 15px;
        padding-top: 280px;
        background-size: cover;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

        .pcbalunbo li img {
            width: 100%;
            position: absolute;
            left: 0;
            top: 86px;
            z-index: 0;
        }

        .pcbalunbo li p {
            position: relative;
            z-index: 9;
            margin-bottom: 0;
        }

#PCBAlunbo li:nth-of-type(2) {
    background: url(../images/f-printing.jpg) no-repeat;
}

#PCBAlunbo li:nth-of-type(1) {
    background: url(../images/f-siemens.jpg) no-repeat;
}

#PCBAlunbo li:nth-of-type(3) {
    background: url(../images/f-soldering.jpg) no-repeat;
}




.liquote {
    margin-top: 40px;
    display: block;
    width: 100px;
    height: 30px;
    color: #fff !important;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
}



.pcbalunbo ul {
    width: 100%;
    height: 100%;
}

.PCBAtext .PCBAtextul > li {
    float: left;
    background: #ffffff;
    height: 350px;
}

    .PCBAtext .PCBAtextul > li:nth-of-type(1) {
        width: 50%;
    }

    .PCBAtext .PCBAtextul > li:nth-of-type(2) {
        width: 25%;
        padding: 45px 37px;
    }

    .PCBAtext .PCBAtextul > li:nth-of-type(3) {
        width: 25%;
        background: url(../images/f-ship.jpg) no-repeat 0 0px #fff;
        padding: 45px 40px;
    }

.PCBAtextul2 {
    color: #B29A7A;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    padding-top: 50px;
}

    .PCBAtextul2 li {
        float: left;
        width: 33.33%;
    }

.PCBAtext .PCBAtextul > li:nth-of-type(2) p {
    margin-bottom: 20px;
}

    .PCBAtext .PCBAtextul > li:nth-of-type(2) p img {
        margin-right: 5px;
    }

.PCBAtextul a:hover {
    color: #2f287b;
}

.yellowx {
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #2f287b;
    margin-right: 5px;
}
/*地图*/
.oprogress {
    display: block;
}

    .oprogress span {
        background: #2f287b;
        display: inline-block;
        height: 10px;
        color: #fff;
        text-align: right;
        float: left;
    }

    .oprogress i {
        display: block;
        background: #ffebcc;
        margin-top: 2px;
        height: 10px;
        line-height: 10px;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
    }

    .oprogress sup {
        position: absolute;
        height: 10px;
        line-height: 10px;
        color: #000;
    }

.map-box {
    max-width: 1920px;
    margin: auto;
    background: #fff;
    height: 780px;
    padding-top: 30px;
}

.map {
    margin: auto;
    max-width: 1200px;
    text-align: center;
}

    .map h5 {
        line-height: 46px;
        font-weight: 600;
    }
.worldMap-original {
    width: 93px;
    height: 44px;
    background: url(/images/index/logo.png) no-repeat;
    position: absolute;
    top: 220px;
    right: 272px;
    background-size: cover;
}

.map-right-box li {
    width: 320px;
    overflow: hidden;
    margin-bottom: 35px;
    float: left;
    padding-left: 90px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}

    .map-right-box li span {
        text-align: left;
        text-align: center;
        font-weight: bold;
    }

        .map-right-box li span:nth-of-type(2) {
            text-align: left;
            text-align: center;
            color: #666;
            font-size: 16px;
            font-weight: normal;
        }

    .map-right-box li:nth-of-type(4) {
        border: none;
    }

.map-right-box .f30 {
    line-height: 28px;
}

.map-right-box .icon1 {
    background: url(../images/icon_1.png) no-repeat 0 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
}

.map-right-box .icon2 {
    background: url(../images/icon_1.png) no-repeat 0 -77px;
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
}

.map-right-box .icon3 {
    background: url(../images/icon_1.png) no-repeat 0 -165px;
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
}

.map-right-box .icon4 {
    background: url(../images/icon_1.png) no-repeat 0 -236px;
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
}

.counterbox {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 50px;
}

    .counterbox li {
        float: left;
    }

        .counterbox li i {
            font-size: 42px;
            color: #2f287b;
            font-weight: 600;
        }

        .counterbox li.mokostring div {
            width: 1px;
            background: #bfbfbf;
            height: 42px;
        }

.map .tabbox {
    width: 570px;
    height: 420px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    position: relative;
    z-index: 99;
}

.tabboxtit {
    background: #FDF5E6;
    line-height: 40px;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 99;
    color: #333 !important;
}

    .tabboxtit span {
        float: left;
    }

    .tabboxtit .ww1 {
        display: inline-block;
        width: 100px;
    }

    .tabboxtit .ww2 {
        display: inline-block;
        width: 107px;
        text-align: left;
        text-indent: 15px;
    }

    .tabboxtit .ww3 {
        display: inline-block;
        width: 45px;
    }

    .tabboxtit .ww4 {
        display: inline-block;
        width: 175px;
    }

    .tabboxtit .ww5 {
        display: inline-block;
        width: 132px;
        text-align: left;
    }

.tabboxlist {
    height: 280px;
    overflow: hidden;
}

    .tabboxlist span {
        line-height: 40px;
    }

    .tabboxlist .ww1 {
        display: inline-block;
        width: 95px;
    }

    .tabboxlist .ww2 {
        display: inline-block;
        width: 90px;
    }

    .tabboxlist .ww3 {
        display: inline-block;
        width: 60px;
    }

    .tabboxlist .ww4 {
        display: inline-block;
        width: 150px;
    }

    .tabboxlist .ww5 {
        display: inline-block;
        width: 150px;
    }

.allpcbmap {
    position: absolute;
    right: -230px;
    width: 950px;
    height: 480px;
    background: url(../images/map.png) no-repeat;
    background-size: 80%;
}

    .allpcbmap .hd {
        padding-top: 40px;
    }

.country-area {
    position: absolute;
}

.SouthAfrica {
    left: 416px;
    top: 271px;
    z-index: 25;
}

.Argentine {
    left: 180px;
    top: 312px;
    z-index: 24;
}

.Mexico {
    left: 70px;
    top: 156px;
    z-index: 23;
}

.Brazil {
    left: 167px;
    top: 235px;
    z-index: 22;
}

.Spain {
    left: 330px;
    top: 100px;
    z-index: 21;
}

.RussianFederationThe {
    left: 525px;
    top: 65px;
    z-index: 20;
}

.Poland {
    left: 380px;
    top: 80px;
    z-index: 19;
}

.Netherlands {
    left: 437px;
    top: 117px;
    z-index: 18;
}

.France {
    left: 343px;
    top: 85px;
    z-index: 17;
}

.China {
    left: 615px;
    top: 110px;
    z-index: 15;
}

.Thailand {
    left: 566px;
    top: 169px;
    z-index: 16;
}

.NewZealand {
    left: 750px;
    top: 336px;
    z-index: 14;
}

.Australia {
    left: 680px;
    top: 300px;
    z-index: 13;
}

.Turkey {
    left: 624px;
    top: 59px;
    z-index: 12;
}

.Israel {
    left: 421px;
    top: 137px;
    z-index: 11;
}

.Switzerland {
    left: 350px;
    top: 100px;
    z-index: 10;
}

.Italy {
    left: 365px;
    top: 140px;
    z-index: 9;
}

.Germany {
    left: 380px;
    top: 117px;
    z-index: 8;
}

.UnitedStatesOfAmerica {
    left: 120px;
    top: 89px;
    z-index: 7;
}

.Canada {
    left: 85px;
    top: 42px;
    z-index: 6;
}

.country-area .country-point {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #A5915F;
}

.allpcbmap .point {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background: 0 0;
}

.country-area .point-1, .country-area .point-2 {
    width: 1000%;
    height: 1000%;
    margin-left: -440%;
}

    .country-area .point-1:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        border: 2px solid #A5915F;
        opacity: 0;
        -webkit-animation: ripple 4.5s ease-out 225ms infinite;
        -moz-animation: ripple 4.5s ease-out 225ms infinite;
        -o-animation: ripple 4.5s ease-out 225ms infinite;
        animation: ripple 4.5s ease-out 225ms infinite;
    }

    .country-area .point-2:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        border: 2px solid #A5915F;
        opacity: 0;
        -webkit-animation: ripple 4.5s ease-out 1125ms infinite;
        -moz-animation: ripple 4.5s ease-out 1125ms infinite;
        -o-animation: ripple 4.5s ease-out 1125ms infinite;
        animation: ripple 4.5s ease-out 1125ms infinite;
    }

.country-area .point-3 {
    width: 100%;
    height: 100%;
}

    .country-area .point-3:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        border: 2px solid #c39f68;
        opacity: 0;
        -webkit-animation: ripple 4.5s ease-out 2.25s infinite;
        -moz-animation: ripple 4.5s ease-out 2.25s infinite;
        -o-animation: ripple 4.5s ease-out 2.25s infinite;
        animation: ripple 4.5s ease-out 2.25s infinite;
    }

.country-area .latter .point-1:after {
    -webkit-animation: ripple 4.5s ease-out 1025ms infinite;
    -moz-animation: ripple 4.5s ease-out 1025ms infinite;
    -o-animation: ripple 4.5s ease-out 1025ms infinite;
    animation: ripple 4.5s ease-out 1025ms infinite;
}

.country-area .latter .point-2:after {
    -webkit-animation: ripple 4.5s ease-out 1925ms infinite;
    -moz-animation: ripple 4.5s ease-out 1925ms infinite;
    -o-animation: ripple 4.5s ease-out 1925ms infinite;
    animation: ripple 4.5s ease-out 1925ms infinite;
}

.country-area .latter .point-3:after {
    -webkit-animation: ripple 4.5s ease-out 3.05s infinite;
    -moz-animation: ripple 4.5s ease-out 3.05s infinite;
    -o-animation: ripple 4.5s ease-out 3.05s infinite;
    animation: ripple 4.5s ease-out 3.05s infinite;
}

.ie8 .country-area .point {
    display: none !important;
}

.country-area .information .white {
    color: #A5915F;
}

.country-area .information .cl-c39f68 {
    color: #2f287b;
}

.cl-c39f68 {
    color: #c39f68;
}

.country-area .information {
    display: none;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 200px;
    font-style: italic;
    background: rgba(255,255,255,0.65);
    padding: 6px 10px 8px;
    border: 1px solid #A5915F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.UnitedStatesOfAmerica .information {
    display: block;
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1,.1);
    }

    5% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: 0;
        -moz-transform: scale(.1,.1);
    }

    5% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1);
    }
}

@-o-keyframes ripple {
    0% {
        opacity: 0;
        -o-transform: scale(.1,.1);
    }

    5% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -o-transform: scale(1);
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1,.1);
        -moz-transform: scale(.1,.1);
        -ms-transform: scale(.1,.1);
        transform: scale(.1,.1);
    }

    5% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/*视频*/
.Delicatebox {
    text-align: center;
    padding: 20px 0;
}

    .Delicatebox .titul {
        width: 1020px;
        margin: auto;
    }

        .Delicatebox .titul li {
            float: left;
            padding: 0 20px;
            height: 45px;
            background-color: #f5f5f5;
            border-radius: 4px;
            line-height: 45px;
            margin: 25px 10px;
            color: #666;
        }

.equipment-video {
    width: 100%;
    margin-right: 0;
    height: 464px;
    object-fit: fill;
}

.xinxi_solution_bg {
    background-size: 100% 569px;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #F7F7F7;
    overflow: hidden;
}

.xinxi_solution_main ul {
    overflow: hidden;
    height: 520px;
}

.xinxi_solution_main .main_mobile {
    width: 100%;
    background: #333;
}

.xinxi_solution_main ul li {
    height: 569px;
    float: left;
    width: 6%;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    overflow: hidden;
}

    .xinxi_solution_main ul li .left_top {
        position: absolute;
        left: 0;
        width: 30px;
        padding: 0 20px;
        text-align: center;
    }

        .xinxi_solution_main ul li .left_top img {
            width: 30px;
        }

    .xinxi_solution_main ul li i {
        font-size: 24px;
        color: #FFF;
    }

.xinxi_solution_main .left_top {
    font-size: 30px;
    color: #FFF;
}

.xinxi_solution_main ul li .left {
    float: left;
    width: 70px;
    background: #000;
    opacity: 0.5;
    height: 400px;
}

.xinxi_solution_main ul li .right {
    float: left;
    width: 680px;
    position: relative;
    height: 400px;
}

.xinxi_solution_main .right dl {
    position: absolute;
    top: 50%;
    left: 30px;
}

.xinxi_solution_main .right dd {
    color: #FFF;
    font-size: 26px;
    border-radius: 5px;
    width: 280px;
    height: 75px;
    margin-bottom: 45px;
    background: #000;
    opacity: 0.5;
}

.xinxi_solution_main .right dl a {
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    width: 280px;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 100% 100%;
    background-color: rgba(0,0,0,0.23);
    border-radius: 5px;
    margin-top: 10px;
}

    .xinxi_solution_main .right dl a.yichu {
        float: left;
        margin-right: 20px;
    }

.xinxi_solution_main ul li.on {
    width: 70%;
}

.main_mobile li {
    position: relative;
}

.main_mobile .shu {
    position: absolute;
    left: -35px;
    top: 105px;
    transform: rotate(90deg);
    color: #fff;
    z-index: 99;
    width: 180px;
    font-size: 16px;
    text-align: left;
}

.main_mobile .heng {
    position: absolute;
    left: 45px;
    bottom: 100px;
    color: #fff;
    z-index: 99;
    width: 180px;
    font-size: 16px;
    text-align: left;
    display: none;
}

.main_mobile li.on .shu {
    display: none;
}

.main_mobile li.on .heng {
    display: block;
}
/*合作*/
.customer-success-stories-box {
    background: #F9F9F9;
    max-width: 1920px;
    margin: auto;
    height: auto;
    padding-bottom: 60px;
}

    .customer-success-stories-box h5 {
        text-align: center;
        line-height: 120px;
        margin: 0;
        font-weight: 600;
    }

.customer-success-stories { /*width: 1200px*/
    ;
    margin: auto;
}

    .customer-success-stories .owl-carousel {
        margin-left: auto;
        margin-right: auto;
    }

    .customer-success-stories .item-logo {
        text-align: center;
    }

    .customer-success-stories .icons-logo {
        display: inline-block;
        width: 110px;
        height: 45px;
        background-image: url('../images/icons_globalfamouspartner.png');
        background-repeat: no-repeat;
        cursor: pointer;
        text-indent: -99999em;
        overflow: hidden;
    }

    .customer-success-stories .icons-logo {
        background: url(../images/icon_h38px.png) no-repeat;
        width: 145px;
    }

    .customer-success-stories .icons-logo {
        height: 40px;
    }

    .customer-success-stories .icon-toshiba {
        background-position: 0 -39px;
    }

    .customer-success-stories .icon-djl {
        background-position: 0 -78px;
    }

    .customer-success-stories .icon-t3slr {
        background-position: 0 -117px;
    }

    .customer-success-stories .icon-siemens {
        background-position: 0 -155px;
    }

    .customer-success-stories .icon-aptinex {
        background-position: 0 -195px;
    }

.Trustedul li:hover {
    transform: translate3d(0,-4px,0);
    box-shadow: 0 0 10px #ccc;
}

.Trustedul {
    width: 110%;
    margin: auto;
}

.hovera {
    transition: all 0.1s;
}

    .hovera:hover {
        margin-left: 5px;
    }

.Trustedul li {
    float: left;
    margin: 20px;
    transition: all 0.1s;
}

    .Trustedul li:nth-of-type(1), .Trustedul li:nth-of-type(6), .Trustedul li:nth-of-type(11) {
        margin-left: 0;
    }


    .Trustedul li:nth-of-type(5), .Trustedul li:nth-of-type(10), .Trustedul li:nth-of-type(15) {
        margin-right: 0;
    }

.Storiesbox {
    text-align: center;
    height: 569px;
    overflow: hidden;
}

.swiper-containerStories {
    margin-top: 40px;
    position: relative;
}


    .swiper-containerStories .swiper-button-next {
        position: absolute;
        top: 100px;
        right: 240px !important;
        display: inline-block;
        width: 32px !important;
        height: 358px;
        z-index: 999;
        font-size: 36px;
        color: #ffffff;
        text-align: center;
        background: url("../images/banner-right.png") no-repeat center transparent !important;
        transition: all .3s;
        outline: none;
        cursor: pointer;
    }



    .swiper-containerStories .swiper-button-prev {
        position: absolute;
        top: 100px;
        left: 305px !important;
        display: inline-block;
        width: 32px !important;
        height: 358px;
        z-index: 999;
        font-size: 36px;
        color: #ffffff;
        text-align: center;
        background: url("../images/banner-left.png") no-repeat center transparent !important;
        transition: all .3s;
        outline: none;
        cursor: pointer;
    }

.swiper-container010 .swiper-button-next {
    position: absolute;
    top: 30px;
    right: 0 !important;
    display: inline-block;
    width: 32px !important;
    height: 358px;
    z-index: 999;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    background: url("../images/banner-right.png") no-repeat center transparent !important;
    transition: all .3s;
    outline: none;
    cursor: pointer;
}



.swiper-container010 .swiper-button-prev {
    position: absolute;
    top: 30px;
    left: 0 !important;
    display: inline-block;
    width: 32px !important;
    height: 358px;
    z-index: 999;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    background: url("../images/banner-left.png") no-repeat center transparent !important;
    transition: all .3s;
    outline: none;
    cursor: pointer;
}


.quoteul li {
    float: left;
    width: 20%;
    color: #000;
    text-align: left;
}

    .quoteul li input, .quoteul li select {
        border: 1px solid #d7d7d7;
        border-radius: 4px;
        line-height: 32px;
        width: 200px;
        height: 32px;
    }



.jjbtn {
    display: inline-block;
    width: 100%;
    height: 52px;
    background: #2f287b;
    color: #fff;
    line-height: 52px;
    border-radius: 8px;
    font-size: 18px;
    border: 1px solid #fff;
    text-align: center;
}

#Assembly2 p {
    color: #fff;
}

.bg_ico {
    background: url(../images/jijia_ico.png) no-repeat;
}

.bottombg {
    background: url(../images/bottom.png) no-repeat center;
    height: 120px;
    text-align: center;
    color: #fff;
    padding: 0px;
    color: #fff;
}

.mail_link {
    width: 250px;
    height: 50px;
    margin: 30px auto;
    line-height: 48px;
    font-size: 20px;
    color: #2f287b;
    border: 1px solid #fff;
    display: block;
    background: #fff;
    border-radius: 8px;
}

.button-loadmore a {
    position: relative;
    clear: both;
    display: block;
    border-radius: 0;
    width: 150px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    border: none;
    overflow: hidden;
    margin: 40px auto 50px;
    color: #fff;
    background-color: #8372cd;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
}

    .button-loadmore a:hover {
        color: #fff;
        box-shadow: 0 7px 22px 2px rgba(71,71,108,0.12);
    }

/*视频文字第二块*/
.imagetext-box2 {
    background: #eeeeee;
    padding-top: 30px;
}

    .imagetext-box2 h5 {
        line-height: 60px;
    }




@media screen and (max-width: 1350px) {
    /*三块*/
    /*.new-advantage{width: 1000px}*/
    .new-advantage li:nth-of-type(1) {
        width: 305px;
    }

    .new-advantage li:nth-of-type(3) {
        width: 370px;
        padding-left: 10px;
    }

    .new-advantage li:nth-of-type(5) {
        width: 403px;
        padding-left: 10px;
    }
    /*商品*/
    .commodity li {
        width: 23%;
        height: 400px;
        background: #fff;
        margin: 0.5% !important;
        text-align: center;
        padding-top: 20px;
    }
}


#news-container2 {
    display: block;
    width: 100%;
    height: 360px;
    overflow: hidden;
}

/*计价*/
.banner .instant {
    top: 50px;
    padding: 0px 15px 15px 0px;
    z-index: 7;
    font-size: 14px;
}

    .banner .instant dl {
        height: 285px;
        background-color: #56442e;
        margin-right: 15px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        overflow: hidden;
    }

    .banner .instant dd {
        font-size: 12px;
        width: 150px;
        height: 44px;
        padding-left: 10px;
        line-height: 44px;
        border-bottom: 1px solid #675642;
        cursor: pointer;
        text-align: left;
    }

        .banner .instant dd:hover a {
            color: #2f287b;
        }

    .banner .instant .new-ico {
        width: 19px;
        height: 19px;
        margin-right: 1px;
        vertical-align: middle;
    }

    .banner .instant .ico-instant01 {
        background-position: 0 -30px;
    }

    .banner .instant dd.selected .ico-instant01, .banner .instant a:hover .ico-instant01 {
        background-position: 0 -60px;
    }

    .banner .instant .ico-instant02 {
        background-position: -30px -30px;
    }

    .banner .instant dd.selected .ico-instant02, .banner .instant a:hover .ico-instant02 {
        background-position: -30px -60px;
    }

    .banner .instant .ico-instant03 {
        background-position: -60px -30px;
    }

    .banner .instant .ico-instant04 {
        background-position: -30px -1px;
    }

    .banner .instant dd.selected .ico-instant03, .banner .instant a:hover .ico-instant03 {
        background-position: -60px -60px;
    }

    .banner .instant dd.selected .ico-instant04 {
        background-position: -297px -204px;
    }

    .banner .instant dd.selected {
        background-color: #7b6242;
        border-bottom: 2px solid #333;
    }

        .banner .instant dd.selected a {
            color: #2f287b;
            font-weight: 700;
        }

.banner .instant ul {
    width: 490px;
}

.banner .instant li {
    /*overflow: hidden;*/
    /*padding:0 0 15px 0;*/
    width: 195px;
    height: 65px;
    margin-bottom: 10px;
}

    .banner .instant li i {
        display: block;
        line-height: 20px;
        font-weight: 700;
        white-space: nowrap;
        margin-bottom: 5px;
    }

    .banner .instant li select {
        border: 1px solid #ccc;
        width: 100%;
        height: 32px;
        line-height: 32px;
        margin: 0;
        padding-left: 5px;
    }

.banner .instant .input {
    border: 1px solid #ccc;
    width: 100%;
    padding: 0 10px;
    height:32px;
}
    .banner .instant .area {
    height:32px;
    }
    .banner .instant .area span {
        border: 0px solid #ccc;
        width: 70px;
        display: inline-block;
    }

    .banner .instant .area span input {
        -webkit-appearance: none;
        width: 100%;
        border: none;
        padding: 0 8px;
        display: inline-block;
        border: 0;
        line-height: 30px;
        height: 30px;
    }

.banner .instant .area em, .banner .instant .area font {
    display: inline-block;
    padding: 5px 4px;
}
        .banner .instant .area em {
            border-left: 1px solid #cccccc;
            border-right: 1px solid #cccccc;
        }
    .banner .instant .area font {
        margin-right: 0;
        color: #c2c2c2;
    }

.banner .instant .tcenter {
    text-align: center;
}

    .banner .instant .enter {
        display: inline-block;
        border: none;
        background: #2f287b;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }
    .banner .instant em.coupon {
        display: inline-block;
        width: 27px;
        height: 17px;
        background: url(/allwinpcba/img/banner_coupon_icon.png) no-repeat;
        vertical-align: middle;
        margin-right: 6px;
        margin-top: -3px;
    }
.bg_ico {
    width: 20px;
    height: 24px;
    background-position: -19px -81px !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 0;
}
.banner .instant .enter .bg_ico {
    width: 20px;
    height: 26px;
    background-position: -19px -81px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding: 0;
    margin-bottom: 1px;
}

.banner .instant .enter:hover {
    background-color: #5448d9;
}

.banner .instant .boardnumber {
    position: absolute;
    border: 1px solid #fff;
    width: 400px;
    padding: 10px;
    top: 65px;
    left: 15px;
    z-index: 999;
    background: #fff;
}

    .banner .instant .boardnumber li {
        float: left;
        width: 60px;
        height: 20px;
        padding: 2px 0;
        margin-left: 16px;
        line-height: normal;
        margin-bottom: 0;
    }

        .banner .instant .boardnumber li:hover {
            box-shadow: 0 0 10px #ccc;
        }

        .banner .instant .boardnumber li label {
            display: block;
            cursor: pointer;
            font-weight: normal;
        }

    .banner .instant .boardnumber .boardnumberbtn {
        float: left;
        margin: 10px 0;
        width: 100%;
    }

        .banner .instant .boardnumber .boardnumberbtn #txtSelNum {
            border: 1px solid #ddd;
        }

.banner .instant li.item_unit p {
    border: 1px solid #ccc;
    width: 100%;
    line-height: 38px;
}

.banner .instant li.item_unit .input {
    border: none; /*border-top-right-radius: 0px; border-bottom-right-radius: 0px;*/
    height: 32px;
    line-height: 32px;
}

.banner .instant li.item_unit em {
    width: 38px;
    height: 36px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    background-color: #ccc;
    display: inline-block;
}



.customer-reviews-list .item {
    cursor: pointer;
}

.share-con {
    position: absolute; /*background:#fff;*/
   /* left: -60px;*/
}


.feedback .bx-next {
    right: 5%;
}

.new-advantage li img {
    width: 90px;
}

@media screen and (max-width: 800px) {
    .pc_show {
        display: none;
    }

    .new-advantage li {
        overflow: hidden;
        margin-bottom: 0.14rem;
        padding: 0.2rem 0 0 0.2rem;
        background: #eeeeee;
        width: 96% !important;
    }

    .new-advantage {
        height: auto !important;
        overflow: hidden;
    }

    .new-advantage-box {
        padding: 0.2rem;
    }

    .new-advantage li img {
        width: 1.5rem;
        float: left;
        margin-top: 0.1rem;
    }

    .new-advantage li > div {
        width: 4rem;
        float: right;
        padding-top: 0.1rem;
    }

    .new-advantage li .right-border {
        display: none;
    }

    /*合并*/

    html,
    body {
        min-height: 100%;
    }

    @media only screen and (min-width:320PX) and (max-width:360PX) {
        html {
            font-size: 12px;
        }
    }

    @media only screen and (min-width:360PX) and (max-width:375PX) {
        html {
            font-size: 13px;
        }
    }

    @media only screen and (min-width:375PX) and (max-width:390PX) {
        html {
            font-size: 14px;
        }
    }

    @media only screen and (min-width:390PX) and (max-width:414PX) {
        html {
            font-size: 16px;
        }
    }

    @media only screen and (min-width:414PX) and (max-width:640PX) {
        html {
            font-size: 18px;
        }
    }

    @media screen and (min-width:640PX) {
        html {
            font-size: 22px;
        }
    }

    li {
        list-style: none;
    }

    select {
        background: none;
    }

    input,
    label,
    option,
    select,
    textarea {
        border-radius: 0;
        border: none;
        outline: none;
        outline: 0;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        font-family: Arial,Verdana,Helvetica,sans-serif;
    }

    html {
        height: 100%;
        font-size: 13.333vw;
    }

    body {
        display: flex;
        flex-direction: column;
        height: 100%;
        font: 0.14rem "微软雅黑";
    }

    .undis {
        display: none;
    }

    .head {
        height: 0.9rem;
        background: #333333;
        vertical-align: middle;
        padding: 0.2rem 0.4rem;
    }

        .head .cart, .head .menu {
            display: inline-block;
            width: 0.48rem;
            height: 0.48rem;
        }

        .head .cart {
            background: url(../images/sml_icon.png) no-repeat;
            background-size: 100%;
            position: relative;
            margin-right: 0.3rem;
        }

        .head .menu {
            background: url(../images/sml_icon.png) no-repeat 0 -0.48rem;
            background-size: 100%;
        }

        .head .cart span {
            position: absolute;
            right: -0.05rem;
            top: -0.05rem;
            width: 0.3rem;
            height: 0.3rem;
            display: inline-block;
            background: #000;
            color: #Fff;
            border-radius: 50%;
            text-align: center;
            line-height: 0.3rem;
        }

    .logo {
        vertical-align: middle;
        display: block;
    }


    .banner-box {
        background: #ececec;
        height: 6rem;
    }

        .banner-box img {
            width: 7.5rem;
            height: 6rem;
        }

    .threeulbox, .quote-boxbox {
        background: #eeeeee;
        padding: 0.25rem 0;
    }

    .quote-tabul li {
        float: left;
        width: 50%;
        padding: 0 0.5rem;
        border-bottom: 1px solid #dddddd;
        height: 1rem;
    }

        .quote-tabul li a {
            display: block;
            width: 100%;
            text-align: center;
            font-size: 0.3rem;
            color: #000;
            line-height: 1rem;
        }

        .quote-tabul li.active a {
            color: #000;
            border-bottom: 0.06rem solid #000;
            line-height: 0.96rem;
            margin-bottom: -0.01rem;
        }

    .quote-box {
        width: 7.15rem;
        height: 6rem;
        margin: auto;
        background: #fff;
        border-radius: 0.1rem;
        position: relative;
        z-index: 9;
        padding: 0;
    }

    .size-box {
        height: 1rem;
        padding: 0 0.3rem;
        font-size: 0.3rem;
        color: #bbb;
    }

        .size-box span {
            padding: 0 0.2rem;
        }

        .size-box input {
            border: 0;
            border-bottom: 0.01rem solid #ddd;
            line-height: 0.96rem;
            font-size: 0.3rem;
            width: 2.5rem;
            outline: none;
            text-indent: 0.8rem;
        }



    .ChooseNum, .Layers {
        height: 1rem;
        padding: 0 0.3rem;
    }

        .ChooseNum select, .Layers select {
            height: 1rem;
            border-bottom: 0.01rem solid #ddd;
            width: 100%;
            background: url(../images/r-icon02.png) no-repeat right center;
            color: #222;
            background-size: 0.16rem 0.28rem;
            font-size: 0.3rem;
            padding: 0.05rem 0 0.05rem 0.05rem;
        }

    .btn-yellow {
        background-color: #2f287b;
    }


    .Quote-btn {
        display: block;
        width: 4.8rem;
        margin: 0.3rem auto;
        height: 0.9rem;
        border-radius: 0.45rem;
        text-align: center;
        line-height: 0.9rem;
        color: #fff;
        font-size: 0.3rem;
    }

    .quotetext {
        font-size: 0.3rem;
        text-align: center;
        color: #999999;
    }

    .threeul li {
        float: left;
        width: 33.333%;
        box-shadow: 0 0 10px #ccc;
        height: 2.4rem;
        background: #fff;
    }

        .threeul li img {
            width: 80%;
            margin: auto;
            display: block;
        }

        .threeul li p {
            font-size: 0.26rem;
            text-align: center;
        }

    .content-box {
        width: 7.5rem;
        margin: 0.28rem auto 0;
        background: #ffffff;
        padding: 0.3rem 0.3rem 0;
    }

    .text-tit {
        font-size: 0.36rem;
        text-align: center;
        line-height: 0.5rem;
    }

    .pcbvideo, .pcbvideobox {
        width: 100%;
        height: 4rem;
    }

    .pcbvideobox {
        position: relative;
        background: pink;
    }

    .video-btn {
        width: 1rem;
        height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -0.5rem;
        margin-top: -0.5rem;
        z-index: 9;
    }


    .textul {
        padding: 0.3rem 0rem 0.4rem;
    }

        .textul li {
            overflow: hidden;
            margin-bottom: 0.14rem;
            padding: 0.2rem 0;
            background: #eeeeee;
        }

            .textul li img {
                width: 1.1rem;
            }

            .textul li .pull-left {
                padding-top: 0.2rem;
                padding-left: 0.2rem;
                font-size: 0.26rem;
            }

                .textul li .pull-left .ultit {
                    font-weight: 600;
                    line-height: 0.5rem;
                }


    .indexdata-box {
        background: #fff;
    }

    h5 {
        font-size: 0.38rem;
        color: #222;
        text-align: center;
    }

    .indexdata-box .titp {
        font-size: 0.28rem;
        color: #999;
        text-align: center;
    }

    .indexdata-box .threeul {
        margin-bottom: 0.6rem;
        margin-top: 0.2rem;
    }

    .datap {
        font-size: 0.42rem !important;
        color: #2f287b;
        font-style: oblique;
    }

    .textp {
        font-size: 0.2rem !important;
        color: #222;
    }

    .guanggao {
        width: 7.5rem;
        margin: 0.26rem 0 0;
    }

    .tita {
        color: #01ABFF;
        font-size: 0.28rem;
        text-align: center;
        display: block;
        line-height: 0.6rem;
    }

    .tabbox {
        width: 7.1rem;
        height: 6rem;
        background: #fff;
        box-shadow: 0 0 0.1rem #ddd;
        margin: 0.3rem auto 0.7rem;
        overflow: hidden;
    }

    .tabboxtit {
        background: #f7f5f1;
        line-height: 40px;
        overflow: hidden;
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .news-containerlist {
        position: relative;
        z-index: 1;
    }

    .tabboxtit span {
        float: left;
        color: #936c30;
        font-size: 0.26rem;
        line-height: 0.72rem;
    }

    .tabboxtit .ww1 {
        display: inline-block;
        width: 2.2rem;
        text-indent: 0.2rem;
    }

    .tabboxtit .ww2 {
        display: inline-block;
        width: 1.8rem;
    }

    .tabboxtit .ww3 {
        display: inline-block;
        width: 1.8rem;
    }

    .tabboxtit .ww4 {
        display: inline-block;
        width: 1.3rem;
    }

    .tabboxlist span {
        line-height: 0.74rem;
        color: #999999;
        font-size: 0.26rem;
    }

    .tabboxlist .ww1 {
        display: inline-block;
        width: 2rem;
        text-indent: 0.2rem;
    }

    .tabboxlist .ww2 {
        display: inline-block;
        width: 1.7rem;
    }

    .tabboxlist .ww3 {
        display: inline-block;
        width: 1.7rem;
    }

    .tabboxlist .ww4 {
        display: inline-block;
        width: 1.3rem;
        color: #2f287b;
    }


    .pcbatextbox {
        width: 7.1rem;
        margin: 0 auto;
        box-shadow: 0 0 0.1rem #ddd;
    }

        .pcbatextbox .bold {
            height: 1.2rem;
            background: url(../images/pcbassembly_bj.png) no-repeat;
            background-size: cover;
            line-height: 1.2rem;
            color: #fff;
            text-indent: 0.45rem;
            font-size: 0.3rem;
        }

        .pcbatextbox p img {
            width: 0.3rem;
        }

        .pcbatextbox p {
            line-height: 0.6rem;
            font-size: 0.3rem;
            text-indent: 0.4rem;
        }

        .pcbatextbox > div {
            padding-top: 0.3rem;
            background: url(../images/pcbassembly_bj2.png) no-repeat right bottom;
            background-size: 4rem;
            height: 5.1rem;
        }

    .feedbackbox {
        background: #efefef;
        padding-top: 0.6rem;
        padding-bottom: 0.5rem;
    }

    .userhead {
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        border: 0.01rem solid #ddd;
    }

    .xximg {
        width: 2rem;
        float: right;
    }

    .feedbackul {
        padding: 0.1rem;
    }

        .feedbackul li {
            float: left;
            width: 45%;
            height: 5.3rem;
            background: #fff;
            margin: 0 0.15rem 0.15rem 0.15rem;
            padding: 0.15rem;
        }

            .feedbackul li > img {
                width: 100%;
                height: 2.45rem;
                margin: 0.25rem 0;
            }

            .feedbackul li p {
                font-size: 0.26rem;
                color: #666;
                line-height: 0.3rem;
                max-height: 1rem;
                -webkit-line-clamp: 3;
                display: -webkit-box;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

    .video2box {
        margin-top: 0.7rem;
    }

    .pcbadata input {
        display: block;
        width: 100%;
        line-height: 0.9rem;
        border-bottom: 0.01rem solid #ccc;
        width: 6.9rem;
        margin: auto;
        font-size: 0.3rem;
        text-indent: 0.2rem;
    }
}

@media screen and (min-width: 800px) {
    .pc_hide {
        display: none;
    }

    .texthide {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .block-box {
        display: inline-block;
        vertical-align: middle;
    }

    .flexbox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .flexbox li{
        margin:10px!important
    }

    .w90 {
        width: 90%;
    }

    .indexbox .banner .banner-cont {
        width: 1200px;
       /* height: 430px;*/
        margin: auto;
        top: 0;
        position: absolute;
        left: 50%;
        margin-left: -600px;
    }

        .indexbox .banner .banner-cont .instant { 
            position: absolute;
        }

        .indexbox .banner .banner-cont .banner-right-cont {
            position: absolute;
            right: -100px;
        }

    .indexbox .new-advantage-box ul li {
        position: relative;
    }



    .indexbox .new-advantage-box ul li:nth-of-type(1) {
        width: 35%;
    }

    .indexbox .new-advantage-box ul li:nth-of-type(2) {
        width: 30%;
    }

    .indexbox .new-advantage-box ul li:nth-of-type(3) {
        width: 35%;
        padding-left: 3%;
    }

    .indexbox .new-advantage-box ul li .right-border {
        display: none !important;
    }

    .indexbox .new-advantage-box ul li div {
        width: 72%;
    }

    .indexbox .new-advantage-box ul li .right-border {
        width: 1px;
        height: 60px;
        background-color: #e3e3e3;
        position: absolute;
        right: 10%;
        top: 15%;
    }

    .commodity ul {
        width: 100%;
    }

        .commodity ul.IPCUL li {
            margin: 0 !important;
        }

    .indexbox .commodity-box .commodity ul li {
        position: relative;
    }

        .indexbox .commodity-box .commodity ul li .bottom-btn {
            position: absolute;
            bottom: 5%;
            left: 50%;
            transform: translate(-50%, 0);
        }

    .indexbox .map-box .map .counterbox li {
        width: 33%;
        position: relative;
    }

        .indexbox .map-box .map .counterbox li .border {
            height: 42px;
            width: 1px;
            background-color: #BFBFBF;
            position: absolute;
            right: 0;
            top: 10%;
        }

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


        .indexbox .map-box .map > .clearfix .allpcbmap {
            margin: 0 auto;
            float: none !important;
        }
    }

    @media screen and (max-width: 1200px) {
        .banner-cont {
            margin-left:-650px;
        }

        .indexbox .banner .banner-cont {
           /* width: 100%;*/
        }

        .indexbox .new-advantage-box ul li div {
            width: 60%;
        }

        .map-right-box li {
            padding: 0;
            width: 25%;
        }
    }

    @media screen and (max-width: 1100px) {
        .indexbox .map-box .map > .clearfix .tabbox {
            display: none;
        }
    }

    @media screen and (max-width: 900px) {
        .indexbox .new-advantage-box {
            height: 180px;
        }
    }

    @media screen and (min-width: 1301px) {
        .indexbox .banner .banner-cont .instant {
            display: inline-block;
        }

        .indexbox .new-advantage-box {
            height: 160px;
        }

            .indexbox .new-advantage-box ul li div {
                width: 72%;
            }
    }
}



 * {
            box-sizing: border-box;
        }
         .ThanksgivingBall{text-align:center;background:url(../images/thanksgivingball.png) no-repeat center;background-size:cover;width:100%;height:100%;padding-top:36px;}
    .ThanksgivingBall .font{display:inline-block;margin-bottom:10px;}
    .ThanksgivingBall ul{margin:0 auto;margin-bottom:8px;width:610px;margin-top:20px;}
    .ThanksgivingBall ul li{    padding: 4px;width:142px;height:63px;float:left;margin-right:13px;background:url(../images/active_bg.png) no-repeat center;background-size:cover;margin-bottom:18px;}
    .ThanksgivingBall ul li:nth-child(4n){margin-right:0}
    .OnLeft{   
    font-weight: bold;
    line-height: 55px;
    margin-right: 0px;
    font-size: 24px;
    color: #e53935;
    width: 50%;    letter-spacing: -1px;
    text-align: center;}
    .ThanksgivingBall ul li p{float:left;}
    .ThanksgivingBall ul li .OnRight{      font-size: 12px;
    color: #b07e4c;
    width: 50%;
    padding-top: 12px;
    line-height: 0;
    line-height: 16px;
    padding-right:6px;

    }

    .ThanksgivingBall_top{       height: 468px;
    padding-top: 30px;margin-bottom:13px;position:relative;}
    .ThanksgivingBall_top .delete{position: absolute;
    right: 60px;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    top: 20px;
        cursor: pointer;
    outline: none;
    }

    .ThanksgivingBall_bottom{
        padding-top:25px;    padding-right: 34px;
    }
     .BallBottom_text{float:right;margin-right:15px;}
    .BallBottom_text p{	font-size: 22px;color: #ffffff;margin-bottom:8px;font-weight:bold}
     .BallBottom_img{float:right;padding-top:15px;display:inline-block}
    .BallBottom_img img{width:98px;}
    .AffirmBall{background:#fff;text-align:center;    height: 100%;}
    .AffirmBall img{width:60px;display:inline-block;margin-bottom:10px;}
    .BallBottom_text span{display:block;text-align:center;	font-size: 16px;color: #ffffff;line-height: 22px;}
    .ThanksgivingBall ul li .OnRight .span_top{display:block;font-size: 16px;color: #b07e4c;    font-weight: bold;}
        .Ballanniu{	position: absolute;
    font-size: 20px;
    background: url(../images/ballanniu.png) no-repeat center;
    background-size: cover;
    margin: 0 auto;
    display: block;
    height: 51px;
    width: 298px;
    top: 0;
    border-radius: 26px;
    line-height: 51px;
    text-align: center;
    color: #fff;
    left: 50%;
    margin-left: -149px;
    /*bottom: 65px;*/
    animation: mymove .5s linear infinite alternate;}
    .login_div:hover .Ballanniu{color:#fff;animation:none}
    .login_div{    height: 60px;
    display: inline-block;
    width: 300px;}
    .cl-fff{color:#fff}
    .center{text-align:center}
    .f16{font-size:16px;}
    .layui-layer-page .layui-layer-content{padding:0}
    .gzh_model_layer{border-radius:30px;}
 

    @keyframes mymove
{   
from {top:0px;}
to {top:5px;}
}
    .AffirmBall{background:#fff;text-align:center;    height: 100%;}
    .AffirmBall img{width:60px;display:inline-block;margin-bottom:10px;}
    .getBack{width:100%;text-align:center;    margin-top: 30px;}
    .getBack a{text-decoration: none;display:inline-block;width: 205px;height: 51px;line-height:51px;text-align:center;border-radius: 5px;    font-size: 20px;    vertical-align: middle;}
      .LuckyGo{background-color: #5448d9;color:#fff;   }
    .LuckyGo:hover{background: #FFB31E;color:#fff;    text-decoration: none;}
    .CheckNow{border: solid 2px #e53935;color:#e53935;margin-right:15px;}
    .CheckNow:hover{background:#e53935;color:#fff; text-decoration: none;transition:all .1s linear}
        .Affirmtitle{width: 698px;
	height: 43px;
	background-color: #f8f8f8;
    line-height:43px;
    padding:0 15px;
    margin-bottom:40px;
    }
    .fl{float:left}
    .fr{float:right}
    .Affirmtitle p{display:inline-block;font-size: 16px;color: #333333;}
    .Affirmtitle a{display:inline-block;width: 10px;height: 10px;background:url(../images/closeeva-box.png) no-repeat center;background-size:cover;}
     @keyframes matchLiving{
    0%{background-position:0 0}
    100%{background-position: -330px 0;}
}
 .line_item{
    display: block;
    right: 640px;
    top: 200px;
    width: 30px;
    margin: 0 auto;
    height: 25px;
    position: absolute;
    background: url(../images/animationicon.png) no-repeat center;
    animation: matchLiving .6s steps(6) infinite;
}





























































































.w1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


/*ecms*/
.ecms {
    background: url(../images/ecms_bg.png) no-repeat -270px center;
    height: 558px;
    padding-top: 50px;
}

.ecms_list li {
    width: 196px;
    height: 300px;
    background: #fff;
    padding: 35px 25px 0;
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    text-align: center;
    transition: all 0.2s ease;
}

    .ecms_list li:hover {
        box-shadow: -2px 0 31px rgba(0,0,0,.1);
    }

.cnc li, .mould li, .MetalPlate li {
    width: 305px;
    height: 380px;
    position: relative;
    float: left;
    margin-right: 20px;
}
    /*.mould .li1{background:url(../images/moju1.jpg) no-repeat center;background-size:cover}
.mould .li2{background:url(../images/moju2.jpg) no-repeat center;background-size:cover}
.mould .li3{background:url(../images/moju3.jpg) no-repeat center;background-size:cover}
.mould .li4{background:url(../images/moju4.jpg) no-repeat center;background-size:cover;margin-right:0}
.MetalPlate .li1{background:url(../images/metalplate1.png) no-repeat center;background-size:cover}
.MetalPlate .li2{background:url(../images/metalplate2.png) no-repeat center;background-size:cover}
.MetalPlate .li3{background:url(../images/metalplate3.png) no-repeat center;background-size:cover}
.MetalPlate .li4{background:url(../images/metalplate4.png) no-repeat center;background-size:cover;margin-right:0}*/
    .cnc li p, .mould li p, .MetalPlate li p {
        position: absolute;
        bottom: 0;
        height: 50px;
        width: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 50px;
        background: #777777;
        color: #fff
    }

.ecms_list h3 {
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    text-align: center;
    height: 69px;
}

.ecms_list b {
    display: block;
    width: 40px;
    height: 4px;
    background: #2f287b;
    margin: auto;
    margin-top: -2px;
}

.ecms_list dd {
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}

/*分割*/
.solve_plan {
    padding-top: 50px;
    background-color: #fafafa;
    padding-bottom: 45px;
    background: url(../images/solve_plan.jpg) no-repeat center;
    background-size: cover;
}

    .solve_plan .solve_ul li {
        width: 420px;
        height: 100px;
        background: #fff;
        position: relative;
        padding: 25px 0;
        padding-left: 150px;
        float: left;
        transition: all 0.2s ease;
    }

        .solve_plan .solve_ul li:hover {
            margin-top: -5px;
        }

        .solve_plan .solve_ul li p {
            font-size: 20px;
            color: #333333;
        }

        .solve_plan .solve_ul li span {
            font-size: 16px;
            color: #999999;
        }

        .solve_plan .solve_ul li img {
            width: 80px;
            height: 90px;
            position: absolute;
            left: 40px;
            top: -13px;
        }

    .solve_plan .solve_ul {
        margin-bottom: 15px;
        margin-top: 40px;
    }

.OrdersolveSwiper {
    width: 641px;
    height: 382px;
    overflow: hidden;
    position: relative;
}

    .OrdersolveSwiper ul {
        position: absolute;
        width: 100%;
        height: 112px;
        overflow: hidden;
        left: 0;
        bottom: 0;
        z-index: 1
    }

        .OrdersolveSwiper ul li {
            width: 100%;
            height: 112px;
            padding-left: 32px;
            padding-top: 70px;
            color: #ffffff;
            font-size: 16px;
            background-image: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);
        }


.solve_hd li {
    float: left;
    width: max-content;
    text-align: center;
    padding-bottom: 20px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 24px 20px;
}

    .solve_hd li i {
        display: block;
        background-image: url(../images/home_icon.png);
        background-repeat: no-repeat;
        margin: auto;
    }

.solve_hd .solve_item1 i {
    background-position: 0 0;
    width: 55px;
    height: 51px;
}

.solve_hd .solve_item2 i {
    background-position: -169px 0;
    width: 55px;
    height: 51px;
}

.solve_hd .solve_item3 i {
    background-position: -362px 0;
    width: 55px;
    height: 51px;
}

.solve_hd .solve_item4 i {
    background-position: -549px 0;
    width: 55px;
    height: 51px;
}

.solve_hd .solve_item5 i {
    background-position: -936px 0;
    width: 55px;
    height: 51px;
}

.solve_hd .solve_item6 i {
    background-position: -753px 0;
    width: 55px;
    height: 51px;
}

.solve_hd .solve_item7 i {
    background: url(../images/home_icons.jpg) no-repeat center;
    margin: auto;
    display: block;
    width: 55px;
    height: 51px;
}

.solve_hd li h3 {
    margin-top: 10px;
}

.solve_hd li p {
    margin-top: 10px;
}

.solve_bd {
    background: #f8f8f8;
    padding-top: 50px;
    border-top: 1px solid #eeeeee;
    padding-bottom: 50px;
}

.pro_cont_img {
    height: 70px;
    line-height: 70px;
    width: 50px;
}


.pro_server {
    padding-top: 30px;
    padding-bottom: 40px;
}

.Newpro_level {
    width: 1200px;
    height: 600px;
    padding: 50px;
    background: #fff;
    position: relative;
    display: none
}

    .Newpro_level .Newpro_Left {
        float: left;
        width: 800px;
        height: 500px;
        background: #F6F6F6;
        text-align: center;
        position: relative;
        padding-top: 50px;
    }

        .Newpro_level .Newpro_Left .orig {
            display: inline-block;
            position: relative;
            height: 400px;
        }

        .Newpro_level .Newpro_Left img {
            height: 400px;
        }

.amplification {
    position: absolute;
    right: 50px;
    width: 370px;
    height: 500px;
    top: 50px;
    overflow: hidden;
    background: #fff;
    display: none
}

.blocks {
    /*小图的宽高比例
                窗口的宽度 / 大图的宽度 * 窗口的宽度
            */
    /*width:134px;
            height:134px;*/
    /*background:rgba(254,238,167,.4);*/
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.Newpro_level .Newpro_Right {
    float: right;
    width: 350px;
    height: 500px;
    margin-left: 30px;
}

    .Newpro_level .Newpro_Right .textTitle {
        font-size: 20px;
        font-weight: bold;
        padding: 20px 0;
        border-bottom: 1px dashed #CCCCCC;
        color: #333333;
        padding-top: 10px;
    }

    .Newpro_level .Newpro_Right p {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        color: #333333
    }

    .Newpro_level .Newpro_Right span {
        display: block;
        font-size: 14px;
        color: #666666;
        line-height: 24px;
    }

.pro_levelParent {
    border: none;
    padding: 0;
}

    .pro_levelParent .layui-layer-setwin {
    }

        .pro_levelParent .layui-layer-setwin .layui-layer-ico {
            font-size: 28px;
            color: #fff;
            background: url(../images/layer_delete.png) no-repeat center;
            width: 25px;
            height: 25px;
            top: 0px;
            right: 0px;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
            background-size: cover;
        }

    .pro_levelParent .layui-layer-content {
        padding: 0;
    }

.pro_server li {
    float: left;
    width: 24%;
    height: 347px;
    position: relative;
    margin: 0 0.5%;
    margin-bottom: 20px;
    background: #f7f8fc;
    padding-bottom: 30px;
    transition: all 0.2s ease;border:1px solid #eee;border-bottom:0
}

    .pro_server li img {
        width: 100%;
        height: 223px
    }

    .pro_server li:hover {
        margin-top: -5px;
        margin-bottom: 25px;
    }

    .pro_server li .tier {
        background: #2f287b;
        color: #fff;
        border-radius: 2px;
    }

    /*.pro_server li:hover{      margin-top: -5px;
    margin-bottom: 25px;}*/
    .pro_server li a {
        display: block;
        height: 100%
    }

    .pro_server li p {
        padding-left: 15px;
        font-size: 14px;
        background: #Fff;
        height: 123px;
        border-left: 0;
        border: 1px solid #eee;
        border-right: 0;
    }

        .pro_server li p b {
            display: block;
            width: 100%;
            color: #333333;
            font-size: 16px;
            margin-bottom: 15px;
            height:50px;
            padding-top:8px;
        }

        .pro_server li p span {
            color: #fff;
            font-size: 14px;
            display: inline-block;
            height: 24px;
            line-height: 24px;
            text-align: center;
            background: #FFF8EE;
            padding: 0 6px;
            border: 1px solid #2f287b;
            margin-right:6px;
        }
    /*.pro_server li b{display:block;position:absolute;width:305px;text-align:center;left:0;bottom:35px;color:#333;font-size:14px;font-weight:400}*/
    .pro_server li .img {
        width: 100%;
        display: block;
        height: 305px;
    }


.equipment {
    background-color: #F6F6F6;
    padding-bottom: 50px;
    height: auto;
}

    .equipment .equipment_box {
        height: 450px;
    }

    .equipment .equipment-item {
        float: left;
        position: relative;
        width: 100%;
        height: 450px;
        cursor: pointer;
        border-right: 1px solid rgba(255,255,255,.3);
        background: rgba(0,0,0,.2);
        min-width: 256px;
    }

    .equipment .img {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 320px;
        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        display: none;
    }

    .equipment .equipment-item:hover .img {
        transform: scale(1.1);
        z-index: 2;
    }

    .equipment .item {
        position: relative;
        z-index: 3;
        margin-left: 20px;
    }
    .equipment .equipment-item-title .mb20{
        margin-bottom:15px
    }
    .equipment .equipment-item-title {
        position: absolute;
        bottom: -123px;
        width: 100%;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        height: 200px;
        padding-bottom: 30px;
        background: rgba(0,0,0,0.3)
    }

    .equipment .owl-controls {
        display: block !important
    }

        .equipment .owl-controls .owl-buttons div {
            top: 145px;
            z-index: 6;
            width: 30px;
            height: 44px;
            padding-top: 8px;
            padding-bottom: 8px;
            font: 44px/44px "宋体";
            color: #fff;
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
        }
/*.equipment .owl-theme .owl-controls .owl-buttons div {position:absolute;top:193px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background:rgba(0,0,0,.5);overflow:hidden;}*/
.equipment_title {
    padding-top: 40px;
    padding-bottom: 40px;
}

.equipment-item-title .title {
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 20px;
}

.equipment-item-title .border_f90 {
    display: none!important;
    width: 40px;
    height: 4px;
    background: #2f287b;
    margin-left: 20px;
}

.equipment-item-title.active .border_f90 {
    display: block;
}

.equipment-item-title.active {
    background: url(../images/line.png) repeat-x bottom;
    bottom:0px
}

.pl_advert {
    padding-top: 20px;
    background: #f5f5f5;
    padding-bottom: 50px;
    min-width: 1200px
}

.pl_txt {
    position: absolute;
    padding-top: 40px;
    width: 100%;
    height: 300px;
    left: 0;
    top: 0;
}

.pl_advert_left:hover {
    margin-top: -3px;
    box-shadow: 0 13px 35px 0 rgba(0,0,0,.19);
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1);
    -webkit-transform: translate3d(0,-1px,0);
    -ms-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
}
/*.pl_advert_left:hover .pl_txt{background:url(../images/feedback_bg.png) repeat-x left bottom -40px;}*/
.pl_item:hover {
    margin-top: -3px;
    box-shadow: 0 13px 35px 0 rgba(0,0,0,.19);
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1);
    -webkit-transform: translate3d(0,-1px,0);
    -ms-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
}
/*.pl_item:hover .pl_txt{background:url(../images/feedback_bg.png) repeat-x left bottom -40px;}*/
.pl_advert_left .pl_txt {
    padding-left: 30px;
}

.pl_txt h4 {
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 28px;
}

.pl_txt .panel {
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
    background: none;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px;
    padding: 0 5px;
}

.pl_advert_left .pl_txt .panel {
    border: 1px solid #333;
}
.video-box{
    height:450px;overflow:hidden
}
.imme_price {
    width: 140px;
    height: 40px;
    background: #2f287b;
    border-radius: 4px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    margin-top: 80px;
}

    .imme_price .arrow_long_right {
        background-position: -361px -89px;
        width: 20px;
        height: 7px;
        vertical-align: middle;
        margin-left: 7px;
    }

.imme_price_txt1 {
    transform: translate(-140px,0);
    transition: all .3s;
    position: absolute;
    z-index: 9;
    display: block;
    width: 140px;
    -webkit-transform: translate(-140px, 0px);
    -moz-transform: translate(-140px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(-140px, 0px);
}

.imme_price_txt2 {
    transition: all .3s;
    position: absolute;
    z-index: 7;
    transform: translate(-70px,0);
    width: 140px;
    -webkit-transform: translate(-70px, 0px);
    -moz-transform: translate(-70px, 0px);
    -ms-transform: translate(-140px, 0px);
    -o-transform: translate(-70px, 0px);
}

.imme_price:hover .imme_price_txt1 {
    transform: translate(0px,0);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(140px, 0px);
    -o-transform: translate(0px, 0px);
}

.imme_price:hover .imme_price_txt2 {
    transform: translate(70px,0);
    transform: translate(70px,0);
    -webkit-transform: translate(70px, 0px);
    -moz-transform: translate(70px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(70px, 0px);
}

.pl_item .pl_txt {
    padding-left: 20px;
}

    .pl_item .pl_txt .panel {
        border: 1px solid #333;
    }

.pl_item {
    margin-left: 20px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    display: block;
    width: 50px;
    height: 98px;
    background: url(../images/anniu.png) no-repeat 0;
    top: 50%;
    margin-top: -49px;
    text-indent: 99998px;
    left:-50px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    display: block;
    width: 50px;
    height: 98px;
    background: url(../images/anniu.png) no-repeat -200px;
    top: 50%;
    margin-top: -49px;
    text-indent: 99998px;
    right:-56px;
}

.item-list .owl-controls .owl-buttons .owl-prev {
    left: 0
}

.item-list .owl-controls .owl-buttons .owl-next {
    right: 0
}

.production-line .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -60px
}

.production-line .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -60px
}

.equipment .item-list {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    height: 450px;
}
.worldmap-container {
    background: url(../images/bg_country.png) no-repeat 15px 83px;
    position: absolute;
    right: -148px;
    background-size: 81%;
    top: 142px;
}



#owl-example {
    width: 1200px;
    margin-top: 43px;
    margin:auto
}

    #owl-example .listdiv {
        float: left
    }
.owl-wrapper {
    width: 100px;
    height: 300px;
}
.commentbox {
    background: #F6F6F6;
    padding:30px 0;
}
.commentbox .owl-item {
    float: left;
    margin-right: 15px;
    width: 417px !important;
    background: #fff;
    height:470px;
}
    .commentbox .owl-carousel .owl-wrapper-outer {
        padding: 10px 5px !important;
    }
.commentbox .owl-item:hover {
    box-shadow: 0 0 10px #ddd;
}

    .commentbox .owl-item:nth-of-type(3) {
        margin-right: 0 !important
    }

    .commentbox .owl-item:nth-of-type(4) {
        margin-right: 20px !important
    }

    .commentbox .owl-item:nth-of-type(6) {
        margin-right: 0 !important
    }

    .commentbox .owl-item:nth-of-type(7) {
        margin-right: 20px !important
    }

.owl-prev {
    position: absolute;
    left: 0px;
    top: 200px;
    width: 35px;
    height: 55px;
    z-index: 99999;
    background: url(../images/leftbtn.png) no-repeat;
    opacity: 0.8;
}

.owl-next {
    position: absolute;
    right: 0px;
    top: 200px;
    width: 35px;
    height: 55px;
    z-index: 99999;
    background: url(../images/rightbtn.png) no-repeat;
    opacity: 0.8;
}

.listdiv > a > img {
    width: 100%;
    height: 285px;
}

#owl-example .owl-prev {
    top: 200px !important
}

#owl-example .owl-next {
    top: 200px !important
}

.headbox {
    margin: 5px 10px;
    border-radius: 50%;
}

.listdiv .titbox {
    padding-top: 10px;
}

.QualitySystem .Quotebtn a {
    color: #fff
}

.listdiv .commenttext {
    height: 70px;
    width: 100%;
    overflow: hidden;
    color:#666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    padding: 5px 20px 0px
}


/*客户案例*/
.newIllustrate {
    width: 100%;
    height: 435px;
    background: url(../images/bottom_1.png) no-repeat center;
    background-size: cover;
    padding-top: 50px;
    max-width:1920px;
    margin:auto
}

    .newIllustrate .coop_icon1 {
        background-position: 0px 0px;
    }

    .newIllustrate .coop_icon2 {
        background-position: -170px -0px;
    }

    .newIllustrate .coop_icon3 {
        background-position: -340px -0px;
    }

    .newIllustrate .coop_icon4 {
        background-position: -0px -80px;
    }

    .newIllustrate .coop_icon5 {
        background-position: -170px -80px;
    }

    .newIllustrate .coop_icon6 {
        background-position: -340px -80px;
    }

    .newIllustrate .coop_icon7 {
        background-position: -0px -160px;
    }

    .newIllustrate .coop_icon8 {
        background-position: -170px -160px;
    }

    .newIllustrate .coop_icon9 {
        background-position: -340px -160px;
    }

.IllustrateLeft {
    float: left;
    width: 490px;
    height: 274px;
    margin-right: 40px;
}

    .IllustrateLeft ul {
        width: 100%;
    }

        .IllustrateLeft ul li {
            width: 150px;
            background: #fff url(../images/coop_partner_bo.png);
            background-repeat: no-repeat;
            height: 60px;
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
        }

            .IllustrateLeft ul li:hover {
                box-shadow: -2px 0 31px rgba(0,0,0,.1);
            }

            .IllustrateLeft ul li:nth-child(3n) {
                margin-right: 0;
            }

        .IllustrateLeft ul .active {
            box-shadow: 0 8px 20px 0 rgba(0,0,0,.6)
        }

.IllustrateRight {
    float: left;
    width: 750px;
    height: 274px;
}

    .IllustrateRight p {
        color: #fff
    }

        .IllustrateRight p span {
            display: inline-block;
            width: 50px;
            line-height: 24px;
            height: 24px;
            background-color: #fff8ee;
            color: #fff;
            font-size: 14px;
            margin-right: 10px;
            text-align: center
        }

    .IllustrateRight li {
        display: none;
    }

.mt90 {
    margin-top: 90px;
}



.threeUlBox{padding-top:50px;}
.threeUlBox li {
    position: relative;
    width: 400px;
    height: 88px;
    background: rgba(255,255,255,0.2);
    margin-bottom: 60px;
    padding-left: 165px;
    padding-top:20px;
    color:#fff;

}

    .threeUlBox li .jian {
        display: none
    }

/*.threeUlBox li:hover {
    background: #FDF5E6;
    cursor: pointer
}
    .threeUlBox li:hover .jian {
        display:block
    }

    .threeUlBox li:hover{
        color:#01bafd
    }*/

    .commodity-box li {
        border: 1px solid #EEEEEE
    }

.commodity-box li a { 
    display: block;
    width: 216px;
    height: 34px;
    line-height: 34px;
    color: #2f287b;
    border: 1px solid #2f287b;
    margin: 16px  auto 0;
    font-weight:bold
}
.commodity-box li:hover a {
    color: #fff;
    background:#2f287b
}


#pcb-product{width:1200px!important}
#pcb-product .owl-item{width:256px!important}

.equipment_box .owl-buttons{display:none!important}


.banner .instant {
    background: #f2f5f8;
    border-radius: 6px;
}

    .banner .instant dd.selected {
        background: #f2f5f8;
    }

.indexbox .commodity-box .commodity ul li{
    height:400px
}

.IllustrateRight .mb25{
    margin-bottom:15px!important
}









.banner .instant {
    width: 595px;
    height: 320px;
}
    .banner .instant dd{
        width:160px;
    }
    .banner .instant dl {
        height: 320px;
    }

.banner .instant li i {
    color: #333!important;
}

    .banner .instant .enter {
        height: 38px;
        line-height: 28px;
        padding: 5px 40px 5px 36px;
        font-size: 16px;
    }
.banner .instant dl {
    background: #333333;
}
.top-nav, .menubox,.max-header {
 /*   background: #5448d9!important*/
}
.top-nav {
    border-bottom: 1px solid #026493 !important;
    border-top: 1px solid #efeff0;
}
.one-menu > li{
    font-weight:bold
}
.banner .instant dd{
    font-size:14px;
}
.banner .instant dd {
    border-bottom: 1px solid #999;
}
.smt-path {
    position: relative;
    background-color: #fff;
    height: 730px;
}
.smtcontent {
    width: 1200px;
    margin: auto;
}
.smt-path .pathbox {
    position: absolute;
    left: 50%;
    top: 20px;
    display: block;
    width: 1000px;
    margin-left: -500px;
    text-align: center;
    z-index: 2;
}
.pathbox ul {
    overflow: hidden;
    width: 800px;
    margin: 20px auto 0;
}
    .pathbox ul li {
        float: left;
        width: 200px;
    }

ul, ol, li {
    list-style: none;
    padding: 0;
    margin: 0;
}


.swiper-container {
    width: 100%;
    margin: 35px 0;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-liucheng .swiper-slide {
    margin-top: 220px;
    margin-bottom: 70px;
   
}
    .swiper-slide a {
        background: #fff;
        display: block;
        border-radius: 2px;
    }
.layer-mask {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: all 0.5s;
    background-color: #3e3e3e;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.model_txt {
    position: absolute;
    width: 100%;
    background: url(../images/line_bg.png) repeat-x;
    bottom: 0;
    color: #fff;
    text-align: left;
    display: none;
    padding: 20px;
}
    .model_txt h4 {
        font-size: 16px;
        font-weight: normal;
    }
    .model_txt b {
        display: block;
        width: 100px;
        height: 2px;
        background: #2f287b;
        margin-bottom: 10px;
    }

.smt-flow {
    text-align: center;
    background-color: #ffffff;
    margin: 50px 0;
}
.smtcontent-ul {
    width: 1200px;
    margin: auto;
}
.count {
    margin-left: 20px;
    width: 320px;
    height: 50px;
    color: #fff;
    background: #2f287b;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    margin: auto;
}
    .count .j2 {
        background: url(../images/jijia_ico.png) no-repeat;
        width: 20px;
        height: 24px;
        background-position: -19px -81px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        padding: 0;
    }
.swiper-slide-active .layer-mask {
    display: none;
}
.swiper-slide-active .model_txt {
    display: none;
    transform: scale(0.9);
}
.swiper-liucheng .swiper-slide img {
    width: 100%;
    display: block;
    height: 100%;
    border: none;
}
.swiper-liucheng .swiper-slide-active {
    transform: scale(1.5);
    z-index: 1002;
}
.swiper-certificate .swiper-slide {
text-align:center;
}
.nav li {
    float: left;
    text-align: right;
    color: #999;
    width:9.09%;
}

.nav > li {
    position: relative;
    display: block;
}
.point {
    position: absolute;
    bottom: 24px;
    z-index: 99;
}
    .point li {
        float: left;
        height: 16px;
        background: url(/images/other/point1.png) no-repeat right center;
    }
.pretend_progress {
    position: absolute;
    bottom: 30px;
    z-index: 10;
    background: #e7e8e7;
    width: 100%;
    height: 4px;
    left: 0;
}
.pretend_progress_active {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    background: #444444;
}


@media screen and (max-width: 1080px) {
  
    .w1200 {
        width: 100%;
    }

    .banner {
        min-width: 0;
    }
    .equipment > img {
    width:100%;
    }
    .smtcontent, .smtcontent-ul {
        width: 100%;
    }
    .map-box{
        height:auto;
    }
    .worldmap-container {
        display: none;
    }
    #owl-example {
    width:100%;
    }
    .pro_server li {
    width:49%;
    height:auto;
    }
    .IllustrateLeft {
        width: 100%;
    }
        .IllustrateLeft ul li {
            margin: 0 90px 20px;
        }
    .IllustrateRight {
   display:none;
        }
    .commentbox .owl-item {
        width: 100% !important;
        height:auto;
    }
    .listdiv > a > img {
    display:none;
    }
    .owl-carousel .owl-wrapper {
    width:100%;
    }
    .ecms {
    height:auto;
    }
    .ecms_list li {
        width: 31%;
        height: auto;
        margin: 0 1%;

    }
    .commodity {
    height:auto;
    }
        .commodity li {
            width: 49%;
        }

        }

.swiper-certificate .swiper-button-prev, .swiper-certificate .swiper-button-next {
    width: 22px !important;
    height: 40px !important;
    background: rgba(0,0,0,0.6) url(/allwinpcba/img/add-con-button.png) no-repeat !important;
    display:none;
}
.swiper-certificate:hover .swiper-button-prev, .swiper-certificate:hover .swiper-button-next {
    display:block;
}
    .swiper-certificate .swiper-button-next {
        background-position: -77px 0 !important;
    }