﻿@font-face {
    font-family: AlibabaPuHuiTiR;
    src: url('/zhan/font/Alibaba-PuHuiTi-Regular.eot'); /* IE9 Compat Modes */
    src: url('/zhan/font/Alibaba-PuHuiTi-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/zhan/font/Alibaba-PuHuiTi-Regular.woff') format('woff'), /* Modern Browsers */
    url('/zhan/font/Alibaba-PuHuiTi-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
    font-family: AlibabaPuHuiTiR;
}


body {
    background: #fff;
    -webkit-text-size-adjust: 100%;
    font-size: 12px
}

a {
    color: #2d374b;
    text-decoration: none;
}

    a:hover {
        color: #cd0200;
    }

em {
    font-style: normal
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

p {
    word-wrap: break-word
}
.w_left {
    float: left
}

.w_right {
    float: right
}

.w_min_box {
    min-width: 1200px;
}

.w_clear:after {
    content: '';
    clear: both;
    display: block
}
.w_shopinfo {
    background: url(/zhan/img/jdzj_online_shopinfo_bg.jpg) no-repeat center top;
    background-color: #F7F8FA
}
.w_shopinfo_box {
    width: 1200px;
    margin: 0 auto;
    position:relative
}
    .w_shopinfo_box .w_shopinfo_box_left {
        position:relative;
        padding-right: 49px;
        height: 532px;
        width: 311px;
        float: left;
        margin-top: 100px;
        padding-left: 74px;
    }
.w_shopinfo_face_icon:hover {
    background: #fff;
}
    .w_shopinfo_face_icon:hover a {
        color: #042e8e;
    }
.w_shopinfo_face_icon {
    position: absolute;
    top: -65px;
    left: 168px;
    background: #042e8e;
    padding: 5px 12px;
    border: 1px solid #042e8e;
}
    .w_shopinfo_face_icon a {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        background: url(/zhan/img/jdzj_shopinfo_face_icon.png) left center no-repeat;
        padding-left: 34px;
        line-height: 24px;
    }
.w_shopinfo_num {
    text-align: center;
    color: #ec6100;
    font-size: 24px;
    font-weight: bold;
    height: 73px;
    line-height: 73px;
    margin-bottom: 72px;
}
.w_shopinfo_card {
    height: 235px;
    padding-top: 25px;
}
    .w_shopinfo_card span {
        width: 187px;
        height: 162px;
        margin: 0px auto 5px;
        display: block;
        text-align: center;
    }
        .w_shopinfo_card span img {
            width: 162px;
            height: 162px;
        }
    .w_shopinfo_card em {
        display: block;
        text-align: center;
        color: #2f58a1;
        font-size: 14px;
        font-family: "微软雅黑";
        line-height: 20px;
    }
.w_shopinfo_link {
    position: relative;
}
.w_shopinfo_getcard {
    display: block;
    position: absolute;
    left: -43px;
    top: -53px;
    width: 95px;
    height: 67px;
}
.w_shopinfo_talk {
    display: block;
    position: absolute;
    left: 68px;
    top: 42px;
    width: 140px;
    height: 75px;
}
.w_shopinfo_box_center {
    margin-left:-50px;
    width: 600px;
    float: left;
    margin-top: 112px;
}
.w_shopinfo_box_title {
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin: 40px 0px;
}
    .w_shopinfo_box_title img {
        max-width: 100px;
        max-height: 60px;
    }
    .w_shopinfo_box_title span {
        line-height:35px;
        display: inline-block;
        color: #2f58a1;
        font-size: 24px;
        margin-left: 15px;
        font-weight: bold;
    }
.w_shopinfo_box_main {
    margin-top: 93px;
    width: 562px;
    margin-left: 20px;
}
    .w_shopinfo_box_main table {
        float: left;
        width: 202px;
        height: 234px;
    }
    .w_shopinfo_box_main table img {
        max-width: 200px;
        max-height: 200px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }
.w_shopinfo_box_main_info {
    float: left;
    margin-left: 23px;
    width: 325px;
}
    .w_shopinfo_box_main_info p {
        line-height: 20px;
        color: #fff;
        font-size: 13px;
        margin-bottom: 15px;
        max-height: 100px;
        overflow: hidden;
        position: relative;
        width: 320px;
    }
        .w_shopinfo_box_main_info p a {
            color: #fff100;
            height: 20px;
            line-height: 20px;
            background: #0a44b1;
            padding-left: 30px;
        }
    .w_shopinfo_box_main_info ul {
        overflow: hidden;
    }
        .w_shopinfo_box_main_info ul li {
            color: #fefefe;
            font-size: 13px;
            line-height: 30px;
            float: left;
            width: 140px;
            margin-right: 5px;
            overflow: hidden;
        }
        .w_shopinfo_box_main_info ul li.w_shopinfo_box_plk1 {
            width: 160px;
        }
        .w_shopinfo_box_main_info ul li.w_shopinfo_box_plk1 {
            width: 160px;
            margin-right: 0px;
        }
    .w_shopinfo_box_main_info em {
        display: block;
        color: #fff;
        font-size: 13px;
        line-height: 20px;
        max-height: 60px;
        overflow: hidden;
        margin-top: 5px;
    }
.w_shopinfo_box_right {
    width: 180px;
    float: right;
    margin-top: 130px;
}
.w_shopinfo_box_right_title {
    color: #042e8e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 9px;
}
.w_shopinfo_box_right_list {
    width: 143px;
    margin: 0px auto;
    height: 432px;
    overflow: hidden;
}
    .w_shopinfo_box_right_list ul li {
        background: url(/zhan/img/jdzj_online_shopinfo_listbg.png) center top no-repeat;
        margin-bottom: 18px;
        height: 125px;
        padding: 3px 0px;
    }
        .w_shopinfo_box_right_list ul li > a {
            width: 125px;
            height: 125px;
            margin-left: 9px;
            display:block;
            position:relative
        }
        .w_shopinfo_box_right_list ul li img {
            max-width: 125px;
            max-height: 125px;
            position:absolute;
        }
.w_shopinfo_box{
    min-height: 745px;
}
.w_shopinfo_com{
    width:1200px;
    margin:0 auto
}
.w_shopinfo_com_left{
    width:880px;
    margin-right:20px
}
.w_shopinfo_com_xc {
    height: 652px;
    background-color: white;
    padding: 20px 30px 10px 30px;
}
.w_shopinfo_com_title {
    color: rgba(51,51,51,1);
    line-height: 25px;
    font-size:18px;
    text-indent:12px;
    padding-bottom:14px;
}
.w_shopinfo_shu {
    width: 4px;
    height: 16px;
    display: block;
    float: left;
    background-color: #294FEA;
    margin-top: 4.5px;
    border-radius: 1px;
}
.w_shopinfo_video{
    background:black
}
.w_shopinfo_com_main_product {
    margin-top: 20px;
    padding: 20px 30px 10px 30px;
    background-color: white;
}
.w_shopinfo_com_product_list {
    padding-top: 21px;
    width: 834px;
    padding-bottom: 16px;
    border-top: 1px solid #EEEEEE
}
    .w_shopinfo_com_product_list li {
        width: 264px;
        height: 323px;
        margin-right: 12px;
        border: 1px solid #EEEEEE;
        margin-bottom:24px
    }
    .w_shopinfo_com_product_list .w_shopinfo_img_box {
        height: 200px;
        background: white;
        display: table-cell;
        vertical-align: middle;
        width: 264px;
    }
        .w_shopinfo_com_product_list .w_shopinfo_img_box img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto;
        }
.w_shopinfo_product_content{
    padding:14px 12px 17px;
}
.w_shopinfo_product_jk {
    margin-top: 8px;
    color: #999999;
    font-size: 14px;
    color: rgba(153,153,153,1);
    line-height: 20px;
}
.w_shopinfo_product_title {
    font-size: 16px;
    color: rgba(51,51,51,1);
    line-height: 22px;
}
.w_shopinfo_product_dingdan_num {
    background: url('/zhan/img/订 单.png') no-repeat 12px center;
    text-indent: 34px;
    line-height: 30px;
    font-size: 14px;
    color: #666666
}
.w_shopinfo_product_buttom .w_shopinfo_xj_btn {
    width: 94px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 16px;
    border: 1px solid rgba(253,115,2,1);
    color: rgba(253,115,2,1)
}
    .w_shopinfo_product_buttom .w_shopinfo_xj_btn:hover {
        border: 1px solid rgba(253,115,2,0.6);
        color: rgba(253,115,2,0.6)
    }

.w_shopinfo_com_right > div {
    width: 300px;
    padding: 20px 16px;
    box-sizing: border-box;
    background: white;
    margin-bottom:20px;
}
    .w_shopinfo_com_right_qysc {
        padding-top: 4px;
    }
        .w_shopinfo_com_right_qysc li {
            background: url(/zhan/img/icon-企业手册.png) no-repeat left center;
            line-height: 52px;
            font-size: 14px;
            color: #333333;
            border-top: 1px solid #EEEEEE
        }
.w_download_name {
    display: block;
    float: left;
    text-indent: 26px;
    width: 200px;
    white-space: nowrap; /* 规定文本是否折行 */
    overflow: hidden; /* 规定超出内容宽度的元素隐藏 */
    text-overflow: ellipsis;
}
.w_download_btn {
    margin-right: 24px;
    color: #F95E00
}
.w_shopinfo_com_right_qyzs {
    border-top: 1px solid #EEE;
    padding:16px 0 0;
    width:280px;
}

    .w_shopinfo_com_right_qyzs li {
        width:128px;
        margin-right:12px;
        margin-bottom:24px;
    }
.w_shopinfo_com_right_qyzs_box {
    width: 128px;
    height: 131px;
    background: #FAFAFA;
    text-align: center;
    display: table-cell;
    vertical-align:middle
}
    .w_shopinfo_com_right_qyzs_box img {
        max-width: 100%;
        max-height: 100%;
    }
.w_shopinfo_com_right_qyzs_title {
    text-align:center;
    margin-top:12px;
    font-size: 14px;
    color: rgba(51,51,51,1);
    line-height: 20px;
}
.w_shopinfo_com_right .xp_btn {
    background-color: #FD7302
}
/*swiper*/
.w_swiper_slt {
    padding-top: 14px
}
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 460px;
    width: 100%;
}

.gallery-thumbs {
    height: 148px;
    box-sizing: border-box;
    padding: 10px 0;
}

    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 116px;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
        border-radius: 1px;
        border: 2px solid rgba(253,115,2,1);
        box-sizing:border-box
    }
    .swiper-container-horizontal > .swiper-scrollbar{
        height:8px!important;
    }


.w_shopinfo_box_title span.arrow-down {
    width: 7px;
    height: 7px;
    border: solid #f95e00;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.w_shopinfo_box_title span.arrow-down::after {
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    border-top: 5px transparent dashed;
    border-right: 5px transparent dashed;
    border-bottom: 5px transparent dashed;
    border-left: 5px white solid;
    overflow: hidden;
}

.proInfoAlert {
    width: 430px;
    height: auto;
    position: absolute;
    /* top: 100%; */
    border: 1px solid #e5e5e5;
    padding: 15px 20px 10px;
    /* left: 0; */
    background: #FFF;
    z-index: 50000;
    box-shadow: #dddddd 0 0 5px;
}

.comName2 {
    line-height: 22px;
}

    .comName2 a {
        color: #333333;
        line-height: 22px;
        font-size: 14px;
    }

.proInfoAlert ul {
    width: 340px;
    overflow: hidden;
}

.proInfoAlert li {
    width: 50%;
    height: 26px;
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: #333333;
}

    .proInfoAlert li span.infoLeft {
        color: rgb(153, 153, 153);
        margin-right: 5px;
        font-size:12px;
    }

.alertBotLink {
    border-top: 1px solid #e5e5e5;
    height: auto;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    padding-top: 10px;
    margin: 10px -5px 0 -5px;
    text-align: center;
    clear: both;
}

    .alertBotLink a {
        overflow: hidden;
        width: 30%;
        margin: 0 2px;
        display: inline-block;
        float: none;
        text-align: center;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        background: #FFF;
        border-radius: 5px;
        color: #e22935;
        border: #e22935 solid 1px;
    }

        .alertBotLink a.itemLink {
            text-indent: 0;
            text-align: center;
        }

        .alertBotLink a.collectLink {
            text-align: center;
        }

        .alertBotLink a:hover {
            color: #a52e34;
            border-color: #a52e34;
            text-decoration: none;
        }

.w_shopinfo_box_title .mmtMember span {
    line-height: 30px;
    display: inline-block;
}

.w_shopinfo_box_title .mmtMember1 span {
    line-height: 25px;
    display: inline-block;
}

.mmtMember {
    height: 16px;
    margin-bottom: 20px;
    line-height: 16px;
    padding-top: 5px;
}
    .mmtMember span {
        font-size: 14px;
    }
    .mmtMember1 span {
        font-size: 14px;
    }
    .mmtMember span .iconfont {
        font-weight: 600;
    }

    .mmtMember span b {
        color: #e22935;
        font-weight: bold;
        padding: 0 0 0 5px;
    }

    .mmtMember span:nth-of-type(2), .mmtMember span:nth-of-type(2) a {
        color: #caa778;
    }

.codeImg2 {
    width: 85px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -65px;
}

    .codeImg2 img {
        width: 25px;
        height: 26px;
        left: 30px !important;
        top: 30px !important;
        display: none;
    }

    .codeImg2 p {
        display: none;
    }

.w_shopinfo_box_title .mmtMember .mmb-span {
    height: 30px;
    border: #caa778 solid 1px;
    border-radius: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    display: inline-block;
}
.w_shopinfo_box_title .mmtMember em.hsyIcon {
    width: 60px;
    height: 40px;
    display: inline-block;
    margin: -10px 0 0 -30px;
    background-image: url(https://img.jdzj.com/UserDocument/common/vipicon/vip/jdzjvip1.gif);
    background-repeat: no-repeat;
    vertical-align: middle;
}
.w_shopinfo_box_title .mmtMember em.hsyIconyun {
    width: 60px;
    height: 40px;
    display: inline-block;
    margin: -10px 0 0 -30px;
    background-image: url(https://img.jdzj.com/UserDocument/common/vipicon/vip/yun.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.w_shopinfo_box_title .mmtMember1 .mmb-span {
    height: 25px;
    border: #caa778 solid 1px;
    border-radius: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    display: inline-block;
}

.w_shopinfo_box_title .mmtMember1 em.hsyIcon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: -4px 0 0 -15px;
    background-image: url(https://img.jdzj.com/UserDocument/common/vipicon/vip/caozuo.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}
.w_shopinfo_box_title .mmtMember1 .mmb-span1 {
    color: #cecfd1
}
.w_shopinfo_box_title .mmtMember1 .mmb-span1 a {
    color: #cecfd1
}