/*产品区域*/
.moviebox{
    padding: 0;
    font-size: 0;
}
.moviebox video{
    width: 100%;
}



.titlemore h3 {
    margin-top: 80px ;
}
.moreButton{
    margin-top: 60px;
}
.productbox{
    display: block;
    overflow: hidden;
    padding: 0;
}
.productbox li{
    display: block;
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin:  0 auto;
    float: left;
    padding: 0px 0;
    background: #dfdfdf;
}
.productbox li>div{
    max-width: 1000px;
    margin:  0 auto;
    display: block;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
.productbox li .titlemore p{
    text-align: center;
    color: #333333;
    font-size: 16px;
    margin: 12px 0;
    line-height: 28px;
}
.productbox li .imgbox{
    padding: 0;
}
.productbox li .imgbox img{
    /*max-width: 280px;*/
    max-width: 100%;
}

/*不一样的区域*/
.productbox li:nth-child(2n+1) .textbox{
    float: right;
}

/*.productbox li:nth-child(3n+2),*/
/*.productbox li:nth-child(3n+3){*/
    /*display: block;*/
    /*float: left;*/
    /*width: 50%;*/
/*}*/
/*.productbox li:nth-child(3n+3){*/
    /*background: #f0f0f0;*/
/*}*/

/*.productbox li:nth-child(3n+2)>div>div,*/
/*.productbox li:nth-child(3n+3)>div>div{*/
    /*display: block;*/
    /*width: 100%;*/
/*}*/
/*.productbox li:nth-child(3n+2)>div>div .titlemore h3,*/
/*.productbox li:nth-child(3n+3)>div>div .titlemore h3 {*/
    /*margin-top: 20px ;*/
/*}*/
/*.productbox li:nth-child(3n+2)>div>div .moreButton,*/
/*.productbox li:nth-child(3n+3)>div>div .moreButton{*/
    /*margin-top: 0px;*/
    /*margin-bottom: 40px;*/
/*}*/












/*设置手机端的css*/
@media screen and (max-width:1400px) {
    .productbox li .imgbox img {
        max-width: 260px;
    }
    .titlemore h3 {
        font-size: 28px;
        line-height: 28px;
        margin: 40px 0 20px 0;
    }
}
@media screen and (max-width:1200px) {
    .titlemore h3 {
        font-size: 18px;
        margin: 10px 0 10px 0;
    }
    .productbox li .imgbox img {
        max-width: 240px;
    }
}

@media screen and (max-width:770px) {
    .productbox ul{
        margin-bottom: 0;
    }
    .productbox li {
        padding: 30px 0;
    }
    .productbox li .imgbox img {
        max-width: 180px;
    }
    .productbox li .titlemore p {
        font-size: 14px;
        margin: 10px 0;
        line-height: 24px;
    }
    .moreButton {
        margin: 15px auto;
    }
    .titlemore h3 {
        font-size: 16px;
        line-height: 18px;
        margin: 20px 0 10px 0;
    }
    .productbox li:nth-child(3n+2), .productbox li:nth-child(3n+3) {
        float: none;
        width: 100%;
    }


    .productbox li:nth-child(3n+1)>div>div.textbox,
    .productbox li:nth-child(3n+3)>div>div.textbox,
    .productbox li:nth-child(3n+2)>div>div.textbox {
        margin: 0px 0 0 0;
        float: none;
    }


    .productbox ul {
        padding:12px;
    }
    .productbox li {
        padding: 0;
        border: 1px #8a8a8a solid;
        margin: 0 0 15px 0;
    }
    .titlemore h3 {
        margin: 32px 0 9px 0;
    }
    .moreButton {
        margin: 15px auto 30px auto;
    }

}

@media screen and (max-width:340px) {

    .productbox li .imgbox img {
        max-width: 160px;
    }
}