.main{background: #fff;}
.p1div img,.p2div img,.p3div img,.p4div img{width:100%}
.p1title{font-size: 35px;    text-align: center;line-height: 160%;color: #323232;    font-weight: 600;}
.p1text{font-size: 17px;    text-align: center;line-height: 160%;color: #323232;padding: 15px 0;width: 70%;margin: 0 auto;}
.p1{padding: 5% 0;}
.P2,.P3,.P4{width:70%;margin: 0 auto; padding: 5% 0;}
.subcategorydiv{width:70%;margin: 0 auto;}
.subcategoryback{background-color:#f000 !important;}
.p2{background-image: url(static/images/ss_bg008.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}
.p2div{width:46%;display: inline-block;margin: 0 1.8%;}
.p2title{font-size: 30px;    text-align: center;line-height: 160%;color: #323232;font-weight: 600;margin: 0 2%;}
.p2text{font-size: 17px; text-align: center;line-height: 160%;color: #323232;padding: 15px 0;margin: 0 2%;}
.p3div{width:29.3%;display: inline-block;margin: 0 1.8%;}
.p3title{font-size: 30px; text-align: center;line-height: 160%;color: #323232;font-weight: 600;margin: 0 2%;}
.p3text{font-size: 17px; text-align: center;line-height: 160%;color: #323232;padding: 15px 0; margin: 0 2%;}
.p4div{width:21%;    display: inline-table;margin: 0 1.8%;}
.p4title{font-size: 25px; text-align: center;line-height: 160%;color: #323232;font-weight: 600;margin: 0 2%;}
.p4text{font-size: 17px;    text-align: center;line-height: 160%;color: #323232;padding: 15px 0;margin: 0 2%;}
.p1back,.p2back,.p3back,.p4back,.subcategoryback{background-repeat: no-repeat;background-size: cover; background-position: center;}
.subcategory{    width: 17%; margin: 10px 1%; display: inline-block; vertical-align: top; text-align: center; padding: 8px 0; font-size: 18px; border-radius: 30px;}
.logo img{height:100px;}
.footer_logo img{width:100%;}
@media screen and (max-width: 1200px)
{
.P2,.P3,.P4,.p1text,.subcategorydiv{width:80%;}
.subcategory{width: 22%;}
}
@media screen and (max-width: 900px)
{
.P2,.P3,.P4,.p1text{width:90%;}
.p2div,.p3div,.p4div{width:96%;}
.p1title,.p2title,.p3title,.p4title{font-size: 30px;}

}
@media screen and (max-width: 768px)
{
.subcategoryback,.fix_ri{display:none;}

}

@media screen and (max-width: 980px)
{
.pageIndex #header {position: absolute !important;}
}