﻿.product
{
    margin-top: 30px;
}
.product .title
{
    width: 100%;
    height:19px;
    margin: 0px auto;
    text-align: center;
}
.product .title span
{
    width: 185px;
    height: 19px;
    background: url(../images/product_title_bg.png) no-repeat 0px 0px;
    display: inline-block;
}
.product .tab-head
{
    width:291px;
    height: 2px;
    font-size: 0px;
    margin-top: 18px;
    display: inline-block;
}
.product .tab-head ul li
{
    width: 97px;
    height: 2px;
    float: left;
}
.product .tab-head ul li a
{
    width: 97px;
    height: 1px;
    border-bottom: 1px #e0e0e0 solid;
    display: inline-block;
}
.product .tab-head ul li a.selected
{
    height: 0px;
    border-bottom: 2px #f73452 solid;
}
.product .tab-content
{
    width: 100%;
    height: 303px;
    margin: 30px 0px 30px 0px;
    display: none;
}
.product .tab-content .product_list
{
    width: 100%;
    height: 303px;
    overflow: hidden;
}
.product .tab-content .product_list img
{
    width: 231px;
    height: 231px;
    margin: 5px;
}
.product .tab-content .product_list ul li
{
    width: 241px;
    height: 301px;
    margin-right: 10px;
    border: 1px #ccc solid;
    float: left;
}
.product .tab-content .product_list ul li.last
{
    margin-right: 0px;
}
.product .tab-content .product_list ul li a.name
{
    width: 221px;
    margin: 0px 10px;
    padding-top: 9px;
    text-align: left;
    display: inline-block;
    overflow: hidden;
}
.product .tab-content .product_list ul li p
{
    width: 221px;
    margin: 0px 10px;
    padding-top: 8px;
    *padding-top: 12px;
    text-align: left;
    font-weight: normal;
    display: inline-block;
    color: #666;
    overflow: hidden;
}
.product .tab-content .product_list ul li p a
{
    color: #666;
}

#brand
{
    width: 100%;
    height: 372px;
    padding-top: 30px;
    background-color: #f7f7f7;
}
.brand .title
{
    width: 100%;
    height:19px;
    margin: 0px auto;
    text-align: center;
}
.brand .title span
{
    width: 185px;
    height: 19px;
    background: url(../images/brands_title_bg.png) no-repeat 0px 0px;
    display: inline-block;
}
.brand .tab-head
{
    width:291px;
    height: 2px;
    font-size: 0px;
    margin-top: 18px;
    display: inline-block;
}
.brand .tab-head ul li
{
    width: 97px;
    height: 2px;
    float: left;
}
.brand .tab-head ul li a
{
    width: 97px;
    height: 1px;
    border-bottom: 1px #e0e0e0 solid;
    display: inline-block;
}
.brand .tab-head ul li a.selected
{
    height: 0px;
    border-bottom: 2px #f73452 solid;
}
.brand .tab-content
{
    width: 100%;
    height: 303px;
    margin: 30px 0px 30px 0px;
    display: none;
}
.brand .tab-content .brand_list
{
    width: 100%;
    height: 303px;
    overflow: hidden;
}
.brand .tab-content .brand_list img
{
    text-align: center;
    vertical-align: middle;
}
.brand .tab-content .brand_list ul li
{
    width: 210px;
    height: 303px;
    margin-left: 93px;
    float: left;
    text-align: center;
}
.brand .tab-content .brand_list ul li a.img
{
    width: 210px;
    height: 210px;
    line-height: 210px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    overflow: hidden;
}
.brand .tab-content .brand_list ul li a.name
{
    width: 210px;
    height: 210px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    color: #fff;
}
.brand .tab-content .brand_list ul li a.name span
{
    width: 156px;
    height: 34px;
    line-height: 34px;
    margin-top: 29px;
    background: url(../images/brands_name_bg.png) no-repeat 0px 0px;
    display: inline-block;
    overflow:hidden;
}

.article
{
    margin-top: 30px;
}
.article .tab-title
{
    display: none;
}
.article .service-title
{
    width: 100%;
    height:19px;
    margin: 0px auto;
    text-align: center;
}
.article .service-title span
{
    width: 185px;
    height: 19px;
    background: url(../images/service_title_bg.png) no-repeat 0px 0px;
    display: inline-block;
}
.article .knowledge-title
{
    width: 100%;
    height:19px;
    margin: 0px auto;
    text-align: center;
}
.article .knowledge-title span
{
    width: 185px;
    height: 19px;
    background: url(../images/knowledge_title_bg.png) no-repeat 0px 0px;
    display: inline-block;
}
.article .news-title
{
    width: 100%;
    height:19px;
    margin: 0px auto;
    text-align: center;
}
.article .news-title span
{
    width: 185px;
    height: 19px;
    background: url(../images/news_title_bg.png) no-repeat 0px 0px;
    display: inline-block;
}
.article .tab-head
{
    width:291px;
    height: 2px;
    font-size: 0px;
    margin-top: 18px;
    display: inline-block;
}
.article .tab-head ul li
{
    width: 97px;
    height: 2px;
    float: left;
}
.article .tab-head ul li a
{
    width: 97px;
    height: 1px;
    border-bottom: 1px #e0e0e0 solid;
    display: inline-block;
}
.article .tab-head ul li a.selected
{
    height: 0px;
    border-bottom: 2px #f73452 solid;
}
.article .tab-content
{
    width: 100%;
    height: 242px;
    margin: 0px;
    display: none;
}
.article .tab-content .article-content
{

}
.article .tab-content .article-content ul li
{
    width: 473px;
    height: 61px;
    margin: 40px 56px 0px 0px;
    overflow: hidden;
    float: left;
}
.article .tab-content .article-content ul li.last
{
    margin-right: 0px;
}
.article .tab-content .article-content ul li .date
{
    width: 56px;
    height: 61px;
    margin-right: 10px;
    display: inline-block;
    background: url(../images/date_bg.png) no-repeat 0px 0px;
    position: relative;
    float: left;
}
.article .tab-content .article-content ul li .date .year
{
    width: 56px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 14px;
    color: #fff;
}
.article .tab-content .article-content ul li .date .month-day
{
    width: 56px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 30px;
    font-size: 14px;
    color: #007bd3;
}
.article .tab-content .article-content ul li a
{
    width: 407px;
    height: 61px;
    display: inline-block;
    float: left;
}
.article .tab-content .article-content ul li a .title
{
    text-align: left;
    font-size: 14px;
    padding-top: 1px;
}
.article .tab-content .article-content ul li a .describe
{
    text-align: left;
    text-indent: 2em;
    color: #666;
    line-height: 20px;
    padding-top: 5px;
}