section{
    text-align:center;
}
section ul{
    margin:3rem 0 2rem 0;
}
section ul li{
    display:inline-block;
    width:104px;height:27px;
    background-color:#E1E1E1;
    line-height:27px;font-size:14px;
    margin-right:3rem;
    text-align:center;
    cursor: pointer;
}
.action{
    background-color:#DB0000;
    color:#fff;
}
.action a{
    color: #fff;
}
main{
    width:100%;
    margin:5rem auto 0;
    display:flex;
    justify-content: center;
    box-sizing:border-box;
}
main>div{
    box-sizing:border-box;
    display:block;
}
.mainLeft{
    margin-right:4rem;
}
.mainRight{
    width:320px;
}
.mainRight h4{
    font-size:20px;
    margin-bottom:1rem;
}
.mainRight p{
    color:#333333;
    font-family:MicrosoftYaHeiLight;
    line-height: 2rem;
}
.mainLeft>img{
    margin-bottom:2rem;
    width:420px;height:280px;
}
main ul{
    width:420px;
}
main ul li{
    display:inline-block;
}
main ul li img{
    width:85px;height:60px;
}
main ul li.firstAction{
    background:#DB0000 url('../img/productCenter/left.png') no-repeat 50% 50%;
    width:28px;height:60px;
}
main ul li:last-child{
    background-image:url('../img/productCenter/right.png');
}
li.firstAction img{
 width:42%;height:30%;
}
footer{
    margin:5rem 20% 0;
}
footer>a{
    display:inline-block;
    background-color:#DB0000;
    padding:.7rem 1rem;
    margin-bottom:1rem;
    color:#fff;
}
footer>div{
    margin-top:2rem;
}
footer>div h6{font-size:20px;margin-bottom:1rem;}
footer>div p{line-height:1.8rem;color:#333333;}
@media screen and (max-width:850px) {
    main,main .mainLeft,main .mainRight{width:100%;display:block;text-align:center;}
    main ul{display:inline-block;}
    .mainRight{margin-top:2rem;text-align:left !important;box-sizing: border-box;padding:1rem;}
    footer{margin:1rem !important;}
    section ul{text-align:left;margin-left:1rem;}
    section ul li{margin-top:1rem;}
}
@media screen and (max-width:576px) {
    section>ul>li{
        margin-right:0 !important;
    }
    .productAction{
        margin:0 1rem !important;
    }
    .mainLeft>img{
        width:100% !important;
    }
    main ul{
        width:100% !important;
    }
    main ul li{
        width:20% !important;
        margin-right:12px !important;
        padding:0 !important;
    }
    .firstAction{
        width:20px !important;
        display:none;
    }
}