.product_desc{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url("../images/news_background.png") repeat-x top;
}

.product_desc .box{
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding-top: 100px;
}

.product_desc .box .crumbs{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    color: #6e6d6d;
    font-size: 16px;
}

.product_desc .box .crumbs a{
    color: #6e6d6d;
    font-size: 16px;
}

.product_desc .box .top{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
}

.product_desc .box .top .left{
    width: 50%;
    height: 560px;
    overflow: hidden;
    float: left;
}

.product_desc .box .top .left .album{
    width: 20%;
    height: 100%;
    overflow: hidden;
    float: left;
}

.product_desc .box .top .left .album .pre{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.product_desc .box .top .left .album .pre a{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/product_desc_album_pre.png");
}


.product_desc .box .top .left .album .next{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.product_desc .box .top .left .album .next a{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/product_desc_album_next.png");
}

.product_desc .box .top .left .album .album_list{
    width: 100%;
    height: 484px;
    overflow: hidden;
}

.product_desc .box .top .left .album .album_list .li{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 7px;
    padding-bottom: 8px;
}


.product_desc .box .top .left .album .album_list .li a{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_desc .box .top .left .album .album_list .li img{
    width: 76%;
}


.product_desc .box .top .left .album_image{
    width: 80%;
    height: 100%;
    overflow: hidden;
    float: right;
}

.product_desc .box .top .left .album_image table{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product_desc .box .top .left .album_image table td{
    text-align: center;
}

.product_desc .box .top .left .album_image img{
    width: 100%;
}

.product_desc .box .top .right{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: right;
    text-align: right;
}

.product_desc .box .top .right .model{
    margin-left: auto;
    width: 95%;
    height: auto;
    overflow: hidden;
    color: #363535;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.product_desc .box .top .right .title{
    margin-left: auto;
    width: 95%;
    height: auto;
    overflow: hidden;
    color: #363535;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-top: 10px;
}

.product_desc .box .top .right .explain{
    margin-left: auto;
    width: 95%;
    height: auto;
    overflow: hidden;
    color: #626262;
    font-size: 14px;
    text-align: left;
    padding-top: 10px;
    line-height: 20px;
}

.product_desc .box .top .right .fusion{
    margin-left: auto;
    width: 95%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
}

.product_desc .box .top .right .fusion .li{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    color: #626262;
    padding-top: 5px;
}

.product_desc .box .top .right .enquiry{
    margin-left: auto;
    width: 95%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: left;
}

.product_desc .box .top .right .enquiry a{
    display: block;
    width: 190px;
    height: 45px;
    background: #1d2088;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

.product_desc .box .top .right .enquiry a:hover{
    background: #2b30c1;
}

.product_desc .box .top .right .share{
    margin-left: auto;
    width: 95%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: left;
}

.product_desc .box .top .right .share hr{
    width: 100%;
    background: #e1e1e1;
    height: 1px;
    border: 0;
    padding: 0;
    margin: 0;
}

.product_desc .box .top .right .share .content{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
}

.product_desc .box .top .right .share .content span{
    font-size: 16px;
    color: #363535;
    font-weight: bold;
}

.product_desc .box .top .right .share .content a{
    padding-left: 10px;
}

.product_desc .box .bottom{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_desc .box .desc{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 80px;
}

.product_desc .box .desc .tab{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: #1d2088 solid 1px;
}

.product_desc .box .desc .tab .content{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_desc .box .desc .tab .content a{
    display: block;
    width: auto;
    overflow: hidden;
    border-top: #dedbdb solid 1px;
    border-left: #dedbdb solid 1px;
    border-right: #dedbdb solid 1px;
    float: left;
    padding: 10px 20px 10px 20px;
    margin-left: 20px;
    font-size: 16px;
    color: #2c2b2b;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product_desc .box .desc .tab .content a:hover{
    border-top: #1d2088 solid 1px;
    border-left: #1d2088 solid 1px;
    border-right: #1d2088 solid 1px;
    background: #1d2088;
    color: #fff;
}

.product_desc .box .desc .tab .content a.hover{
    border-top: #1d2088 solid 1px;
    border-left: #1d2088 solid 1px;
    border-right: #1d2088 solid 1px;
    background: #1d2088;
    color: #fff;
}

.product_desc .box .desc .content{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_desc .box .desc .content .info{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding-top: 20px;
}

.product_desc .box .desc .content .info.description table{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
}

.product_desc .box .desc .content .info.description table td{
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    padding: 10px;
}

.product_desc .box .desc .content .info.description table td.title{
    border-right: #ccc solid 1px;
}

.product_desc .box .desc .content .info.faq ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_desc .box .desc .content .info.faq ul li{
    width: calc(100% - 44px);
    height: auto;
    overflow: hidden;
    border: #ccc solid 1px;
    margin-bottom: 10px;
    padding: 20px;
}

.product_desc .box .desc .content .info.faq ul li .asks{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}

.product_desc .box .desc .content .info.faq ul li .huida{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color: #666;
}

.product_desc .box .desc .content .info.enquiry form{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}

.product_desc .box .desc .content .info.enquiry form .li{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: left;
}

.product_desc .box .desc .content .info.enquiry form .li .comment_title{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    text-align: left;
}

.product_desc .box .desc .content .info.enquiry form .li .comment_text{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding-top: 5px;
}

.product_desc .box .desc .content .info.enquiry form .li .comment_text input{
    width: calc(100% - 8px);
    height: 30px;
    border: 1px solid #d2d2d2;
    font-size: 18px;
}

.product_desc .box .desc .content .info.enquiry form .li .comment_text textarea{
    width: calc(100% - 8px);
    height: 100px;
    border: 1px solid #d2d2d2;
    font-size: 18px;
}

.product_desc .box .desc .content .info.enquiry form .li .comment_submit{
    background: #1d2088;
    width: 190px;
    height: 45px;
    border: 0;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    font-size: 16px;
}

.product_desc .box .bottom{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_desc .box .detail{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 80px;
}

.product_desc .box .detail .tab{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: #1d2088 solid 1px;
}

.product_desc .box .detail .tab a{
    display: block;
    width: auto;
    overflow: hidden;
    border-top: #1d2088 solid 1px;
    border-left: #1d2088 solid 1px;
    border-right: #1d2088 solid 1px;
    background: #1d2088;
    color: #fff;
    float: left;
    padding: 10px 20px 10px 20px;
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product_desc .box .detail .content{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}


/**
PAD
 */
@media screen and (max-width: 1024px) {

    .product_desc{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .product_desc .box{
        width: 100%;
        padding-top: 20px;
    }

    .product_desc .box .top{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
    }

    .product_desc .box .top .left{
        height: 352px;
    }

    .product_desc .box .top .left .album .album_list {
        width: 100%;
        height: 278px;
    }

    .product_desc .box .top .left .album .album_image{
        height: 278px;
    }

    .product_desc .box .desc {
        margin-top: 20px;
    }

    .product_desc .box .desc .tab .content{
        width: 200%;
    }

    .product_desc .box .desc .tab .content a{
        margin-left: 10px;
    }
}

/**
phone
 */
@media screen and (max-width: 481px) {
    .product_desc{
        width: calc(100vw - 20px);
        padding: 10px;
    }

    .product_desc .box{
        width: 100%;
        padding-top: 20px;
    }

    .product_desc .box .top{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 20px;
    }

    .product_desc .box .top .left{
        width: 100%;
        height: 352px;
        overflow: hidden;
        float: none;
    }

    .product_desc .box .top .left .album .album_list {
        width: 100%;
        height: 278px;
    }

    .product_desc .box .top .left .album .album_image{
        height: 278px;
    }

    .product_desc .box .top .right {
        width: 100%;
        float: none;
    }

    .product_desc .box .top .right .model{
        width: 100%;
    }

    .product_desc .box .top .right .title{
        width: 100%;
    }

    .product_desc .box .top .right .explain{
        width: 100%;
    }

    .product_desc .box .top .right .fusion{
        width: 100%;
    }

    .product_desc .box .top .right .enquiry{
        width: 100%;
    }

    .product_desc .box .top .right .share{
        width: 100%;
    }

    .product_desc .box .desc {
        margin-top: 20px;
    }

    .product_desc .box .desc .tab{
        overflow: auto;
    }

    .product_desc .box .desc .tab .content{
        width: 200%;
        white-space:nowrap;
    }

    .product_desc .box .desc .tab .content a{
        margin-left: 10px;
    }
}