@charset "utf-8";

dl {
    margin: 0;
}

.f30 {
    font-size: 30px;
}

.maging {
    margin: 0;
    margin-top: 4px;
}

.magingTitle {
    font-weight: bold;
}

.ico-calculator {
    width: 17px;
    height: 21px;
    background-position: -30px 0;
}

.ico-cart {
    width: 20px;
    height: 20px;
    background-position: -190px -258px;
    background-image: url(../images/new_icons0515.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    display: inline-block;
}

.white {
    color: #ffffff;
}

.cl-343434 {
    color: #343434;
}

.cl-936c30 {
    color: #936c30;
}

.cl-a78732 {
    color: #a78732;
}

.cl-a8a8a8 {
    color: #a8a8a8;
}

.cl-a5915f {
    color: #a5915f;
}

.cl-b8a87e {
    color: #b8a87e;
}

.cl-464646 {
    color: #464646;
}

.cl-5e5e5e {
    color: #5e5e5e;
}

.cl-626262 {
    color: #626262;
}

.cl-696969 {
    color: #696969;
}

.cl-6a6a6a {
    color: #6a6a6a;
}

.cl-737373 {
    color: #737373;
}

.cl-7b5822 {
    color: #00719d;
}

.cl-7c7c7c {
    color: #7c7c7c;
}

.cl-7a7a7a {
    color: #7a7a7a;
}

.cl-818181 {
    color: #818181;
}

.cl-868686 {
    color: #868686;
}

.cl-8e8e8e {
    color: #8e8e8e;
}

.cl-9f9f9f {
    color: #9f9f9f;
}

.cl-e00000 {
    color: #e00000;
}

.cl-f90 {
    color: #2ac3ff;
}

.mt60 {
    margin-top: 60px;
}

.ml5 {
    margin-left: 5px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mb50 {
    margin-bottom: 50px;
}

.schooldiscount {
    display: inline-block;
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

/*头部*/
.top-header {
    width: 100%;
    background-color: #fff;
    transition: background .3s cubic-bezier(0,0,.2,1) .15s;
}

    .top-header.active {
        background-color: #3c3c3c;
        border-bottom-color: #4d4d4d;
        transition: background .3s cubic-bezier(0,0,.2,1) 0ms;
    }

    .top-header .logo {
        margin-top: 5px;
    }

.header .ico-hot {
    position: absolute;
    top: 5px;
    left: 250px;
    width: 17px;
    height: 17px;
    background: #2ac3ff;
    line-height: 17px;
    text-align: center;
}

.header-right {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 8;
}
    /*.header-right dd{float: left; margin-right: 29px;}*/
    .header-right dd {
        float: left;
    }

    .header-right a {
        line-height: 54px;
    }

.headercar {
    display: block;
    text-align: center;
    margin-left: 10px
}

    .headercar em {
        position: absolute;
        top: 22px;
        left: 13px;
        min-width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        font-size: 12px;
        background-color: #2ac3ff;
        color: #fff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
    /*.headercar:hover{background-color: #ffad33;}*/
    .headercar span {
        display: inline-block;
        text-indent: 12px;
    }
/*header*/
.header {
    padding: 10px 0;
    background-color: #fff;
    height: 58px;
    position: relative;
    z-index: 12;
}

    .header .menutop {
        margin-left: 30px;
        margin-top: 17px;
        position: relative;
    }

        .header .menutop li {
            float: left;
            height: 80px;
            margin-right: 0;
        }

        .header .menutop .inquire {
            position: relative;
            z-index: 2
        }

#magic-line {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100px;
    height: 3px;
    background: #2ac3ff;
    padding: 0 !important;
    text-decoration: none;
}

.header .secondNav dd a:hover {
    color: #2ac3ff;
}

.header .secondNav dd.on a {
    color: #2ac3ff;
    font-weight: 700;
}

.secondNav-span {
    display: block;
    width: 100%;
    height: 20px;
}
/*导航*/
.menutop li {
    position: relative;
    height: 38px;
}

.secondNav {
    position: absolute;
    top: 52px;
    left: -15px;
    z-index: 5;
    width: 100%;
    padding-top: 4px;
    width: 160px;
}

.header .secondNav-box {
    width: 160px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

.header .secondNav_item1 a {
    color: #333;
}

.header .secondNav a:hover {
    color: #2ac3ff;
    text-decoration: underline;
    font-weight: bold;
}

.header .secondNav_item2 a {
    color: #2ac3ff;
}

.header .secondNav dd {
    width: 160px;
}

    .header .secondNav dd a {
        font-size: 14px;
        padding-left: 28px;
        padding-right: 12px;
        display: block;
        height: 40px;
        line-height: 40px;
    }

.header .menutop .mainNav {
    height: 80px;
    color: black;
    min-width: 105px;
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 80px;
}

    .header .menutop .mainNav.active {
        color: #2d5ba9;
    }

        .header .menutop .mainNav.active .arrow_bottom {
            background: url(../images/arrow-bottom1.png) no-repeat center;
            transform: rotateZ(180deg);
        }

    .header .menutop .mainNav:hover {
        color: #2d5ba9;
    }

.header .menutop .active {
    color: #2ac3ff;
}

    .header .menutop .active .arrow_bottom {
        background: url(../images/arrow-bottom1.png) no-repeat center;
        transform: rotateZ(180deg);
    }

.header .menutop .mainNav:hover .arrow_bottom {
    background: url(../images/arrow-bottom1.png) no-repeat center;
    transform: rotateZ(180deg);
}

.header .menutop .OrderActive {
    position: absolute;
    bottom: 0;
    left: 90px;
    height: 3px;
    background: #2d5ba9;
    transition: all .5s ease;
    width: 42px;
}

.arrow_bottom {
    background: url(../images/arrow-bottom_2.png) no-repeat center;
    width: 10px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    transition: transform .5s ease;
}
/*重定义*/
.top-nav {
    position: relative;
    z-index: 15;
    width: auto;
    height: 80px;
    background-color: transparent;
}

.site-nav-r li {
    line-height: 80px;
}

    .site-nav-r li a:hover {
        color: #2ac3ff
    }

.site-nav-r .entrance-cart-list .cart-clearing:hover {
    color: #fff
}

.entrance-cart-list li {
    line-height: normal
}

.site-nav-r .spacer {
    background-color: #fff;
    margin-top: 34px;
    opacity: 0.5;
}
/*.member-centre.active-fff a.white{color: #2ac3ff;}*/
.header {
    background-color: transparent;
    padding: 0;
    height: 55px;
}

    .header .menutop {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        z-index: 6;
        padding-left: 0px;
    }
/*.header .menutop li{margin-right: 4px;}*/
.top-nav .pl10 {
    padding-left: 10px;
    padding-right: 0
}

#magic-line {
    top: 36px;
    z-index: 4;
}

.header .secondNav dd a:hover {
    color: #ff9900;
    background-color: transparent;
}
/*.menutop li.three{margin-right: 13px;}*/
/*new-footer*/
.new-footer {
    background-color: #fff;
    padding: 0px 0 10px 0;
}

    .new-footer .superiority {
        padding-bottom: 20px;
        border-bottom: 1px solid #3a3d3e;
    }

        .new-footer .superiority li {
            float: left;
            width: 320px;
            padding-left: 70px;
        }

        .new-footer .superiority .new-ico {
            width: 50px;
            height: 35px;
            margin-bottom: 15px;
        }

        .new-footer .superiority .icon-superiority01 {
            background-position: 0 -90px;
        }

        .new-footer .superiority .icon-superiority02 {
            background-position: -50px -90px;
        }

        .new-footer .superiority .icon-superiority03 {
            background-position: -100px -90px;
        }

        .new-footer .superiority .icon-superiority04 {
            background-position: -150px -90px;
        }

        .new-footer .superiority span {
            display: block;
        }

    .new-footer .customerserviceEmail {
        width: 250px;
        padding: 6px 12px;
        background-color: #545047;
    }

.bottom-navigation {
    width: 810px;
    padding: 10px 0 20px 70px;
    border-right: 1px solid #d7d7d7;
}

    .bottom-navigation dl {
        float: left;
        width: 25%;
    }

    .bottom-navigation dt {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .bottom-navigation dd {
        line-height: 26px;
    }

.contact-mail {
    width: 470px;
}

    .contact-mail .new-ico {
        width: 58px;
        height: 38px;
        background-position: -200px -90px;
    }

/*重定义*/
.footbox {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-top: 50px;
}

.followus a.followus-icon {
    height: 20px;
    background-image: url('../images/new_icons0515.png');
}

.followus a.twitter {
    width: 22px;
    background-position: -100px -130px;
}

.followus a.youtube {
    width: 9px;
    background-position: -130px -130px;
}

.followus a.sns-in {
    width: 19px;
    background-position: -150px -130px;
}

.followus a.plus-google {
    width: 17px;
    height: 19px;
    background-position: -180px -130px;
}

/*评分*/
.score {
    width: 80px;
    height: 15px;
    background: url("../images/new_icons0515.png") no-repeat -160px -55px;
}

    .score .new-ico {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        background-position: -160px -40px;
    }


.btn-comm {
    padding: 6px 10px;
    background-color: #2ac3ff;
    text-align: center;
    color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
}

    .btn-comm:hover {
        background-color: #ffad33;
    }

/*20171108 ie6 ie7 兼容*/
.ie6 .bottom-navigation, .ie7 .bottom-navigation {
    width: 739px;
}

/*20180309 头部站点选择*/
.city-choice .finally .new-ico {
    width: 11px;
    height: 6px;
    background-position: -155px -200px;
    margin-top: 6px;
    margin-left: 5px;
}

.city-choice:hover .new-ico {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.ico-coordinate {
    width: 8px;
    height: 10px;
    background-position: -175px -200px;
}

.city-choice .item {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.city-choice .finally {
    position: relative;
    z-index: 10;
    padding: 2px 5px;
    margin-top: 9px;
}

.city-choice .city-choice-list {
    top: 31px;
    z-index: 9;
    width: 160px;
    padding: 10px 10px;
}

    .city-choice .city-choice-list dd {
        float: left;
        margin: 0 10px;
    }

    .city-choice .city-choice-list .ico-coordinate {
        vertical-align: inherit;
        margin-right: 2px;
    }

    .city-choice .city-choice-list a, .city-choice .city-choice-list span {
        color: #8d8d8d;
        cursor: pointer;
    }

    .city-choice .city-choice-list .choice a, .city-choice .city-choice-list .choice span {
        color: #00719d;
    }
/*20180515  20181121*/
.header .ico-newstencil {
    position: absolute;
    top: -10px;
    right: -18px;
    width: 23px;
    height: 16px;
    background-position: -198px -165px;
}
/*.header .ico-redpacket{position: absolute;left: 50%;top: -17px;margin-left: -27px;width: 55px;height: 70px;background: url('../images/tab-goldcoin.png') no-repeat;-webkit-animation: mymove 2s both linear infinite; -moz-animation: mymove 2s both linear infinite; -ms-animation: mymove 2s both linear infinite; animation: mymove 2s both linear infinite;}*/
/*animation*/
@-webkit-keyframes mymove /*Safari and Chrome*/
{
    0% {
        background-position: 0 -186px;
    }

    100% {
        background-position: 0 214px;
    }
}

@-moz-keyframes mymove {
    0% {
        background-position: 0 -186px;
    }

    100% {
        background-position: 0 214px;
    }
}

@-ms-keyframes mymove {
    0% {
        background-position: 0 -186px;
    }

    100% {
        background-position: 0 214px;
    }
}

@keyframes mymove {
    0% {
        background-position: 0 -186px;
    }

    100% {
        background-position: 0 214px;
    }
}
/*20181011砍价通用*/
/*砍价*/
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation: pulse 0.5s infinite 2s;
    animation: pulse 0.5s infinite 2s;
}

.bargainspan {
    display: inline-block;
    width: 35px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #fff !important;
    background: red;
    margin-left: 5px;
    border-radius: 5px;
}
/*20181111*/
.bottom-navigation .ico-newstencil {
    position: absolute;
    top: -3px;
    right: -24px;
    width: 23px;
    height: 16px;
    background-position: -198px -165px;
}

/*20181127*/
.pcb-delivery-days {
    display: block;
    float: left;
    margin-top: -7px;
    margin-left: 5px;
}

    .pcb-delivery-days i {
        display: block;
        width: 40px;
        border-radius: 2px;
        height: 19px;
        margin-top: 8px;
    }

        .pcb-delivery-days i s {
            width: 23px;
            height: 15px;
            display: block;
            background: #fff;
            border-radius: 2px;
            float: left;
            text-decoration: none;
            margin-left: 2px;
            margin-top: 2px;
            text-align: center;
            line-height: 15px;
        }

        .pcb-delivery-days i.red {
            background: #e00000;
        }

            .pcb-delivery-days i.red s {
                color: #e00000;
            }

        .pcb-delivery-days i.yellow {
            background: #2ac3ff;
        }

            .pcb-delivery-days i.yellow s {
                color: #2ac3ff;
            }

        .pcb-delivery-days i.bg-a38459 {
            background: #a38459;
        }

            .pcb-delivery-days i.bg-a38459 s {
                color: #a38459;
            }

        .pcb-delivery-days i em {
            display: block;
            float: left;
            color: #fff;
            line-height: 20px;
            margin-left: 2px;
        }
/*20190103*/
.border-nobottom {
    border: 2px solid #2ac3ff;
    border-bottom: none;
}
/*提速券图标 2是12小时 3是24小时 4是48小时 5是72小时 6和7是1天*/
.ticket-time {
    background: url(../images/ticket-icon.png) no-repeat;
}
/*大图标*/
.time-big-2 {
    width: 42px;
    height: 25px;
    background-position: 0 0;
}
/*12小时*/
.time-big-3 {
    width: 42px;
    height: 25px;
    background-position: 0 -35px;
}
/*24小时*/
.time-big-4 {
    width: 42px;
    height: 25px;
    background-position: 0 -70px;
}
/*48小时*/
.time-big-5 {
    width: 42px;
    height: 25px;
    background-position: 0 -140px;
}
/*1*/
.time-big-6 {
    width: 42px;
    height: 25px;
    background-position: 0 -140px;
}
/*1天*/
.time-big-7 {
    width: 42px;
    height: 25px;
    background-position: 0 -175px;
}
/*2天*/
/*中号图标*/
.time-mid-2 {
    width: 42px;
    height: 20px;
    background-position: -56px 0;
}

.time-mid-3 {
    width: 42px;
    height: 20px;
    background-position: -56px -35px;
}

.time-mid-4 {
    width: 42px;
    height: 20px;
    background-position: -56px -70px;
}

.time-mid-5 {
    width: 42px;
    height: 20px;
    background-position: -56px -140px;
}

.time-mid-6 {
    width: 42px;
    height: 20px;
    background-position: -56px -140px;
}

.time-mid-7 {
    width: 42px;
    height: 20px;
    background-position: -56px -175px;
}
/*小图标*/
.time-small-2 {
    width: 36px;
    height: 20px;
    background-position: -113px 0;
}

.time-small-3 {
    width: 36px;
    height: 20px;
    background-position: -113px -35px;
}

.time-small-4 {
    width: 36px;
    height: 20px;
    background-position: -113px -70px;
}

.time-small-5 {
    width: 36px;
    height: 20px;
    background-position: -113px -140px;
}

.time-small-6 {
    width: 36px;
    height: 20px;
    background-position: -113px -140px;
}

.time-small-7 {
    width: 36px;
    height: 20px;
    background-position: -113px -175px;
}

.cl-e00000 {
    color: #e00000
}

.bg-fff {
    background: #fff;
}
/*logo动画*/
.logo-animate {
    line-height: 39px;
    margin-top: -5px;
}

.text-conglation {
    color: #ffcc3c;
    width: 68px;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: swing 3s both infinite;
    animation: swing 3s both infinite;
}

@-webkit-keyframes bounceInLeft1 {
    from, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes bounceInLeft1 {
    from, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

.pig.bounceInLeft {
    -webkit-animation: bounceInLeft1 2s both 1s;
    animation: bounceInLeft1 2s both 1s;
}

.text-conglation1.bounceInLeft {
    -webkit-animation: bounceInLeft1 3s both 2s;
    animation: bounceInLeft1 3s both 2s;
}

.text-conglation2.bounceInLeft {
    -webkit-animation: bounceInLeft1 2s both;
    animation: bounceInLeft1 2s both;
}
/*返回顶部*/
em, i {
    display: inline-block;
    font-style: normal;
}
.tohelpbox {
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 999;
    margin-top: -80px;
}

    .tohelpbox .service_item, .to-top {
        width: 50px;
        height: 50px;
        position: relative;
        margin-bottom: 1px;
        background: rgba(0,0,0,.375);
    }
        .tohelpbox .service_item a, .to-top a {
            position: relative;
            display: block;
            color: #666;
        }
            .tohelpbox .service_item a i, .to-top a i {
                font-size: 32px;
                line-height: 32px;
                color: #fff;
                padding: 9px;
            }


            .tohelpbox .service_item a:hover, .to-top:hover {
                border-radius: 3px;
                background-color: #07913a;
            }
        .tohelpbox .service_item .hide-box {
            position: absolute;
            top: 0;
            left: 50px;
            bottom: 0;
            z-index: -1;
            width: 170px;
            border-radius: 3px;
            background-color: #252931;
            color: #fff;
            opacity: 0;
        }
.tohelpbox .service_item .qq {
    overflow: hidden;
    padding-left: 10px;
    line-height: 50px;
}
    .tohelpbox .service_item .qq a {
        width: 100%;
        color: #fff;
    }
        .tohelpbox .service_item .tel {
            padding: 18px 0 18px 10px;
            line-height: 1;
        }
        .tohelpbox .service_item .ewm {
            float: left;
            margin-right: 1px;
            padding: 20px 24px;
            background-color: #252931;
        }
            .tohelpbox .service_item .ewm img {
                width: 122px;
                height: 122px;
            }
.logo-intro {
    height: 30px;
    line-height: 30px;
}
/*顶部的计价页面切换*/
.quote-title .quote-title-line {
    position: absolute;
    width: 555px;
    border: 1px solid #dedede;
    top: 22px;
}

.quote-title .quote-title-left {
    left: 0
}

.quote-title .quote-title-right {
    right: 0
}

.pcbonline-con .quote-title h2 {
    padding-left: 25px;
}

.smtonline-con-titel {
    position: absolute;
    left: 0px;
    top: -50px;
}

    .smtonline-con-titel li {
        border: 1px solid #e0e0e0;
        width: 200px;
        height: 50px;
        line-height: 50px;
        background: #fbfbfb;
        border-radius: 4px 4px 0 0;
        margin-right: 10px;
        font-size: 16px;
    }

        .smtonline-con-titel li:hover {
            background: #eeebeb;
        }

        .smtonline-con-titel li a {
            padding-left: 50px;
            color: #000;
        }

        .smtonline-con-titel li i {
            color: #000;
            display: block;
            background: url(../images/icon-smtnew.png) no-repeat left center;
            width: 40px;
            height: 30px;
            padding-right: 10px;
        }

        .smtonline-con-titel li .smtonline-con-item1 i {
            background-position: 0 0;
            margin-top: 10px;
        }

        .smtonline-con-titel li .smtonline-con-item2 i {
            background-position: 0 -30px;
            margin-top: 8px;
        }

        .smtonline-con-titel li .smtonline-con-item3 i {
            background-position: 0 -60px;
            margin-top: 7px;
        }

        .smtonline-con-titel li .smtonline-con-item4 i {
            background-position: -112px -31px;
            margin-top: 12px;
            width: 35px;
        }

        .smtonline-con-titel li .smtonline-con-item5 i {
            background-position: -75px -31px;
            margin-top: 12px;
            width: 35px;
        }
    /*.header .menutop li.five,.header .menutop li.three {padding-left:30px;}*/
    .smtonline-con-titel ul {
        width: 1139px;
    }

    .smtonline-con-titel li .smtonline-con-item4 {
        padding-left: 35px;
    }

    .smtonline-con-titel li.current .smtonline-con-item1 i {
        background-position: -40px 0;
    }

    .smtonline-con-titel li.current .smtonline-con-item2 i {
        background-position: -40px -30px;
        width: 37px;
    }

    .smtonline-con-titel li.current .smtonline-con-item3 i {
        background-position: -40px -60px;
        width: 37px;
    }

    .smtonline-con-titel li.current .smtonline-con-item4 i {
        background-position: -112px 1px;
    }

    .smtonline-con-titel li.current .smtonline-con-item5 i {
        background-position: -75px -62px;
    }

    .smtonline-con-titel ul li.current {
        border-bottom: none;
        color: #fff;
        font-weight: normal;
        border: 1px solid #2ac3ff;
        background: #2ac3ff
    }

        .smtonline-con-titel ul li.current span {
            color: #fff;
        }
/*.navsec-two {position:absolute;width:1920px;background:#2b2b2b;height:47px;line-height:47px;left:-60px;padding-left:60px;}*/
.header .menutop .navsec-two li {
    margin-top: 0;
    padding-left: 0;
}

.header .menutop .navsec-two a {
    display: block;
    width: 112px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    color: #c6c6c6;
}

    .header .menutop .navsec-two a:hover {
        background: #2ac3ff;
        color: #fff;
    }
/*工艺能力*/
.process-capabily-titel li a {
    display: block;
    padding: 0 30px;
    text-align: center;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    color: #333;
    background: #fff;
}

    .process-capabily-titel li a.active {
        background: #2ac3ff;
        color: #fff;
    }

    .process-capabily-titel li a:hover {
        background: #2ac3ff;
        color: #fff;
    }

.table-cont {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.process-capability {
    background: #fff;
    padding: 40px 30px;
    margin-bottom: 60px;
}

.capability-bg {
    width: 100%;
    height: 220px;
    background: url(../images/capability-bg.jpg) no-repeat center top;
    text-align: center;
    line-height: 220px;
}

.capability-bgs {
    background: url('../images/capability-bgs.png') no-repeat center top;
    width: 100%;
    height: 220px;
    text-align: center;
    line-height: 220px;
}

.entrance-cart-list .item-list img {
    width: 50px;
    height: 50px;
}

#SidebarCart .layui-layer-title {
    display: block
}

#SidebarCart .layui-layer-page .layui-layer-content {
    padding: 0;
}
/*动画*/
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation: tada 1s ease infinite both;
    -webkit-animation: tada 1s ease infinite both;
}

/*bootstrap 分页*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #428bca;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px
        }

            .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
                color: #2a6496;
                background-color: #eee;
                border-color: #ddd
            }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca;
        cursor: default
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #999;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:hover, .pager li > a:focus {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
        color: #999;
        background-color: #fff;
        cursor: not-allowed
    }

/*重定义*/
.pagination > li > a, .pagination > li > span {
    color: #333;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #2ac3ff;
    border: 1px solid #2ac3ff;
}
/*免费券*/
.free-order-icon {
    padding-left: 65px;
    background: url(../images/free-order.png) no-repeat;
    height: 21px;
}
/*5元打样*/
.five-order-icon {
    padding-left: 65px;
    background: url(../images/5元打样-iocn.png) no-repeat;
    height: 21px;
}

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

.btn-f00 {
    background: #f00;
    color: #fff;
}

    .btn-f00:hover {
        background: #fd2020;
        color: #fff;
    }

/*标品*/
.hq0 {
    display: inline-block;
    height: 20px;
    background: url(../images/mark0.png) no-repeat;
    vertical-align: middle;
    margin-right: 3px;
    margin-left: 3px;
    width: 41px;
    background-size: 100%;
}
/*优品*/
.hq1 {
    display: inline-block;
    height: 20px;
    background: url(../images/mark1.png) no-repeat;
    vertical-align: middle;
    margin-right: 3px;
    margin-left: 3px;
    width: 41px;
    background-size: 100%;
}
/*精品*/
.hq2 {
    display: inline-block;
    height: 20px;
    background: url(../images/mark2.png) no-repeat;
    vertical-align: middle;
    margin-right: 3px;
    margin-left: 3px;
    width: 41px;
    background-size: 100%;
}
/*.youpin_bg{display:inline-block;width:29px;height:16px;background:url(../images/yp_big.png) no-repeat;vertical-align:middle;margin-right:3px;margin-left:3px;}*/
/*计价调整*/
.option-item {
    padding: 18px 20px 15px 30px;
    margin-bottom: 10px;
}

    .option-item h2 {
        margin: 0 0 20px 0;
        cursor: pointer;
    }

.detail_con {
    width: 12px;
    height: 17px;
}

.arrow_top {
    background: url(../images/arrow-top_2.png) no-repeat center;
}

.fold .arrow_top {
    background: url(../images/arrow-bottom_2.png) no-repeat center;
}
/*企业认证*/
.company_icon {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/authent.png) no-repeat;
    width: 16px;
    height: 16px;
    background-size: 100%;
    margin-right: 3px;
}

.person_icon {
    background: url(../images/person.png) no-repeat;
}
/*栏目页公用底部*/
.jijia_adver {
    height: 120px;
    background: url(../images/jj_adver.jpg) no-repeat center;
    padding-top: 25px;
    display: none
}

    .jijia_adver .boardnumber {
        top: 49px;
    }

    .jijia_adver .area {
        line-height: 50px;
    }

        .jijia_adver .area input {
            width: 80px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            background: #fff;
            border: none;
        }

.imme_btn {
    width: 220px;
    height: 50px;
    line-height: 48px;
    border: 2px solid #fff;
}

.jijia_adver .ico-calculator {
    background-image: url(../images/new_icons0515.png?v=201808012013);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    display: inline-block;
    height: 22px;
    background-position: -30px 0;
    width: 17px;
}

.jijia_adver .nums {
    width: 160px;
    height: 50px;
    background: #fff;
    border: none;
    padding-left: 10px;
}

.imme_btn {
    width: 220px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}
/*底部*/
.footer_index {
    background: #2b2b2b;
}
/*.foot_nav_box{width:860px;}*/
.foot_nav {
    padding-top: 60px;
}

.foot_nav_box dl {
    float: left;
    max-width: 170px;
}

.foot_nav_box dt {
    font-size: 16px;
    color: #999;
    margin-bottom: 15px;
}

.foot_nav_box dd {
    margin-bottom: 10px;
}

    .foot_nav_box dd a {
        font-size: 14px;
        color: #fff;
    }

        .foot_nav_box dd a:hover {
            color: #2ac3ff
        }

.footer_index .contact-mail {
    width: 270px;
}

.footer_index .copy_right {
    height: 72px;
    line-height: 72px;
}

    .footer_index .copy_right a {
        border-left: 1px solid #999;
        padding-left: 5px;
    }

        .footer_index .copy_right a img {
            vertical-align: sub;
        }

.footer_index .footbox {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}
/*计价页底部修改*/
.new-footer .foot_nav_box dt {
    color: #333;
}

.new-footer dd a {
    font-size: 14px;
    color: #666;
}

.new-footer .contact-mail {
    width: 270px;
}

.new-footer .copy_right {
    height: 72px;
    line-height: 72px;
}

.new-footer .footbox {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.fcont_box {
    background: #545047;
    padding: 5px 10px;
    width: 230px;
    border-radius: 4px;
}

    .fcont_box p {
        color: #fff;
        line-height: 20px;
        margin-top: 1px;
        margin-bottom: 0;
    }

.ellipsis_obj {
    line-height: 20px;
}
/*.pull-left p{
    margin:0;
    margin-top:2px;
}*/


.top-nav {
    max-width: 1450px;
    margin: auto
}

.header {
    max-width: 1280px;
    margin: auto;
    z-index: 12;
}



.online_box {
    position: absolute;
    top: 80px;
    z-index: 3;
    height: 44px;
    display: none;
    white-space: nowrap;
    left: 0;
    box-shadow: 0 8px 12px 0 rgba(149,149,149,.1);
}

    .online_box ul {
        background: #fff;
        position: relative;
        display: inline-block;
        /*width: max-content;
width: -moz-max-content;*/
    }

.header .online_box ul li {
    height: 43px;
    line-height: 43px;
    margin-right: 0;
}
    .header .online_box ul li.active {
        background: #bfe9f9;
    }
    .header .online_box ul li a {
        height: 44px;
        line-height: 44px;
        color: #333;
        padding: 0 15px;
    }

        .header .online_box ul li a:hover {
            color: #2d5ba9;
        }

    .header .online_box ul li:hover {
        color: #2d5ba9;
    }

.header .online_box ul .active a {
    color: #2d5ba9;
}
/*.top-header .OrderHeap{width:100%;height:44px;    position: absolute;   z-index: 4;    
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    left: 0;
    border:1px solid #fff;
        height: 44px;
 }*/
.top-header .online_heap {
    /*background-color: #f2f2f2;*/
    width: 100%;
    height: 44px;
    position: absolute;
    z-index: 4;
    /*box-shadow: 0 8px 12px 0 rgba(149,149,149,.1);*/
    left: 0;
}

    .top-header .online_heap.active {
        position: fixed;
        top: 0;
    }

.top-header .online_box_active {
    display: block;
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translate(-50%,0);
}

.lh54 {
    line-height: 54px;
}
/*.online_box .online_heap{width:1280px;height:44px;margin:auto;background:#fff;}
.online_box .online_within{float:left;height:44px;}
.online_box .online_within.active {background: url(../images/nav_bg_hover.png);}
.online_box .online_within.active a{color:#2ac3ff;}
.online_box .online_within a{display:block;color:#404040;font-size:15px;padding:0 20px;height:21px;margin-top:10px;border-right:1px solid #cfcfcf;}*/



















.arrow_nav_top {
    position: absolute;
    width: 15px;
    height: 8px;
    top: 48px;
    background: url(../images/arrow_top.png) no-repeat;
    left: 40px;
    display: none;
}


/*导航更多服务*/
.serveNav {
    width: 100%;
    position: absolute;
    top: 56px;
    z-index: 10;
    height: 180px;
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 50px;
    box-sizing: border-box;
    box-shadow: -2px 1px 31px rgba(0,0,0,.1);
}

    .serveNav li {
        width: 308px;
        height: 100px;
        padding: 25px 0 25px 31px;
        box-sizing: border-box;
        border: 1px solid #E5E5E5;
        display: inline-block;
        margin-right: 11px;
    }

        .serveNav li:hover {
            background-color: #2ac3ff;
            cursor: pointer;
        }

            .serveNav li:hover p {
                color: #fff;
            }

        .serveNav li a {
            display: block
        }

        .serveNav li img {
            vertical-align: top;
        }

        .serveNav li:nth-of-type(4) {
            margin-right: 0px !important;
        }

        .serveNav li .leftimg {
            width: 50px;
            height: 50px;
            margin-right: 24px;
            float: left;
        }

        .serveNav li:nth-of-type(1) .leftimg {
            background: url('../images/serve2.png')no-repeat center center;
            background-size: auto;
        }

        .serveNav li:nth-of-type(1):hover .leftimg {
            background: url('../images/serve2_active.png')no-repeat center center;
            background-size: auto;
        }

        .serveNav li:nth-of-type(2) .leftimg {
            background: url('../images/serve3.png')no-repeat center center;
            background-size: auto;
        }

        .serveNav li:nth-of-type(2):hover .leftimg {
            background: url('../images/serve3_active.png')no-repeat center center;
            background-size: auto;
        }

        .serveNav li:nth-of-type(3) .leftimg {
            background: url('../images/serve4.png')no-repeat center center;
            background-size: auto;
        }

        .serveNav li:nth-of-type(3):hover .leftimg {
            background: url('../images/serve4_active.png')no-repeat center center;
            background-size: auto;
        }

        .serveNav li:nth-of-type(4) .leftimg {
            background: url('../images/serve5.png')no-repeat center center;
            background-size: auto;
        }

        .serveNav li:nth-of-type(4):hover .leftimg {
            background: url('../images/serve5_active.png')no-repeat center center;
            background-size: auto;
        }