.product{
    background-color: #F7F7F7;padding-top: 50px;
}

.prod-info
{
    background-color: white;overflow: hidden;height: 400px;cursor: pointer;
}

.prod-info .left
{
    width: 620px;height: 400px;line-height: 400px;overflow: hidden;float: left;
}



.prod-info .left img:hover
{
    transition: 300ms;
    -webkit-transition: 300ms;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.prod-info .info{
    width: 540px;float: right;
}

.prod-info .info h1{
    font-size: 24px;
    font-family: "Noto Sans SC";
    font-weight: bold;
    color: #262626;
    opacity: 1;
    padding: 0;
    margin: 0;
    line-height: 60px;
    border-bottom: 1px solid #CCCCCC;
}

.prod-info .info ul{
    list-style: none;text-align: justify;margin-top: 20px;
}

.prod-info .info ul li
{
    display: inline-block;width: 250px;
    font-size: 14px;
    font-family: "Noto Sans SC";
    font-weight: 400;
    line-height: 24px;
    color: #262626;
    opacity: 1;
}
.prod-info .info ul li p{
    margin: 5px 0;
}

.prod-info .info ul li.placeholder
{
    height: 0;
}


.prod-info .info .desc-t{
    height: 30px;line-height: 30px;width: 100px;text-align: center;color: white;background-color: #0059B2;
}

.prod-info .info .desc
{
    font-size: 16px;
    font-family: "Noto Sans SC";
    font-weight: 400;
    line-height: 20px;
    color: #262626;
    opacity: 1;
    margin: 20px 0;
}

.prod-info .info .btns a
{
    display: inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;text-decoration: none;
    font-size: 16px;
    font-family: "Noto Sans SC";
    font-weight: 400;
    color: #0059B2;
    opacity: 1;
    border: 1px solid #0059B2;
    margin-right: 70px;
    cursor: pointer;
}

.prod-info .info .btns a:hover,.prod-info .info .btns a.active
{
    background-color: #0059B2;color: white;
}

.prod-detail
{
    overflow: hidden;background-color: white;margin-top: 20px;padding: 0 30px 30px;
}

.prod-detail .left
{
    float: left;width: 790px;
}

.phead
{
    position: relative;height: 40px;border-bottom: 1px solid #E6E6E6;
}
.phead .phtitle
{
    font-size: 18px;
    font-family: "Noto Sans SC";
    font-weight: bold;
    color: #262626;
    opacity: 1;
    line-height: 40px;
}
.phead .indicator
{
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 40px;
    height: 4px;
    background-color: #0059B2;
}
.prod-detail .detail
{
    padding-top: 30px;padding-bottom: 80px;
}
.prod-detail .detail img{
    max-width: 100%;height: auto;
}



.prod-detail .right
{
    width: 320px;float: right;
}


.prod-detail .right ul{
    list-style: none;    padding-top: 30px;
}
.prod-detail .right ul li
{
    margin-bottom: 20px;
}
.prod-detail .right ul li .img-p
{
    max-width: 320px;height: 220px;line-height: 220px;overflow: hidden;cursor: pointer;
}


.prod-detail .right ul li .img-p img:hover
{
    transition: 300ms;
    -webkit-transition: 300ms;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.prod-detail .right ul li .title
{
    font-size: 16px;
    font-family: "Noto Sans SC";
    font-weight: 500;
    line-height: 27px;
    color: #262626;
    opacity: 1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: #F7F7F7;
    cursor: pointer;
}

.prod-detail .right ul li .title:hover
{
    background-color: #0059B2;color: white;
}