.banner{
    width: 100%;
    height: 506px;
    background:url("../../images/public/banner/productindexbanner.png") no-repeat center top;
}
.banner .contentgroup{
    max-width: 1200px;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
}
.banner .contentgroup div{
    width: 100%;
}
.banner .contentgroup .title{
    padding-top: 125px;
    font-size: 36px;
    line-height: 64px;
    height: 64px;
}
.productgroup{
    width: 100%;
    height: 710px;
    background-color: #ffffff;
}
.productgroup .title{
    height: 175px;
    line-height: 175px;
    text-align: center;
    font-size: 24px;
    color: #333333;
}
.productgroup .smalltitle{
    color: #666666;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.productgroup .productitemgroup{
    padding-left: 0px;

    margin: 0 auto;
    max-width: 1200px;
    min-width: 100px;
    width: auto;
    height: 33px;
    margin:0 auto;
    list-style: none;
    width: 754px;
    
}
.productgroup .productitemgroup li{
    float: left;
    text-align: center;
    height: 33px;
    line-height: 33px;
    color: #333333;
    font-size: 14px;
    width: 150px;
    cursor: pointer;
   
}
.productgroup .productitemgroup li a{
    color: #333333;
}
.productgroup .productitemgroup .prifx{
    height: 16px;
    background-color: #dcdcdc;
    width: 1px;
    margin-top: 9px;
    overflow: hidden;
}
.productgroup .productitemgroup li a:hover{
    color: #ffffff;
}
.productgroup .productitemgroup li:hover{
    background-color: #43aef1;
    color: #ffffff;
}

.productgroup .productitemgroup .checked{
    background-color: #43aef1;
    color: #ffffff;
}
.productgroup .linegourps{
    height: 36px;
    width: 754px;
    margin: 0 auto;
}

.productgroup .linegourps .item{
    width: 20%;
    float: left;
}
.productgroup .linegourps .item .line{
    width: 3px;
    height: 100%;
    margin: 0 auto;
}
.productgroup .linegourps .itemchecked .line{
    width: 3px;
    height: 100%;
    margin: 0 auto;
    background-color: #43aef1;
}