li{
    list-style: none;
}
.clearFix:after{ clear:both; display:block; content:" "; visibility:hidden; height:0; line-height:0;}
.clearFix{*zoom:1;}
.magazine p{
    text-indent: 2em;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:30px;
}
.magazine h3{
    font-size:26px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:16px;
    text-align: center;
    margin-top: 10px;
}
.reserve{
    margin: 20px 0;
}
.magazine .my-line{
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.magazine .my-line span{
    width:47px;
    height:3px;
    background:#333333;
    display: inline-block;
    margin-top: 13px;
}
.introduction{
    width: 100%;
    height:282px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(233,233,233,1);
}
.int-title{
    width:160px;
    height:40px;
    background:rgba(221,0,27,1);
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:40px;
    text-align: center;
}
.int-int{
    margin-top: 20px;
    margin-left: 40px;
}
.int-int li{
    float: left;
    width: 38%;
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:30px;
}
.int-int .int-list{
    width: 24%;
}
.int-int .int-long{
    width: 50%;
}
.int-img{
    margin-top: 10px;
}
.int-img li{
    text-align: center;
    width: 148px;
    margin-top: 60px;
    float: left;
    margin-right: 8%;
}
.int-img img{
    width:148px;
    height:208px;
   display: inline-block;
}
.int-img span{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(156,156,156,1);
    line-height:30px;
}
.reserve span{
    width: 3px;
    height: 20px;
    background: rgba(221,0,27,1);
    display: inline-block;
    margin-bottom: -3px;
}
.reserve h2{
    display: inline-block;
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:16px;
    text-shadow:0px 4px 68px rgba(0, 0, 0, 0.35);
}
.res-img ul{
    padding: 0;
}
.res-img li{
    float: left;
    width:175px;
    margin-right: 5%;
}
.res-img li img{
    width:175px;
    height:223px;
    display: inline-block;
}
.res-img li span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:18px;
}
.qr-code{
    margin-top: 98px;
}
.qr-code .code{
    width: 647px;
    height: 244px;
    border: 1px solid rgba(233,233,233,1);
    display: inline-block;
    text-align: center;
    line-height: 244px;
    float: left;
}
.code img{
    width:557px;
    height:225px;
}
.buy-code{
    width: 200px;
    height: 200px;
    border: 1px solid rgba(233,233,233,1);
    display: inline-block;
    text-align: center;
    line-height: 200px;
    float: left;
    margin: 22px 0 0 30px;
}
.buy-code img{
    width:172px;
    height:172px;
}
@media only screen and (max-width: 1023px){
    .int-img{
        margin-top: 0;
        padding-left: 0;
    }
    .res-img li{
        margin-left: 0;
    }
    .res-img li {
        float: left;
        width: 50%;
        height: 290px;
        margin-right: 0;
        padding-left: 60px;
    }
    .res-img li img {
        width: 150px;
        height: 192px;
        float: left;
    }
    .res-img li span {
        width: 150px;
        float: left;
    }
    .qr-code{
        text-align: center;
    }
    .buy-code{
        margin-top: 10px;
        margin-left: 35%;
    }
}
@media only screen and (max-width: 768px){
    .int-int ul{
        padding-left: 10px;
    }
    .int-int{
        margin: 0;
    }
    .introduction{
        height: auto;
    }
    .int-img li{
        margin-right: 2%;
    }
    .res-img li{
        padding-left: 0;
    }
    .magazine .int-int li{
        width: 50%;
    }
    .qr-code .code{
        width: 100%;
    }
    .code img{
        width: 100%;
        height: auto;
    }
}