body{background: #f9f9f9}
.cttitlew{
    width: 100%;
}
.cttitlew .cttitle{
    width: calc(1290px + (100vw - 1920px) / 2);
    padding-bottom: 10px;
    margin:calc(-65px + (100vw - 1920px) / 20) auto;
    position: relative;
    z-index: 999;
    background: #fff;
    box-shadow: 1px 2px 3px 1px #f2f2f2;
}
.cttitlew .cttitle .pinpaicontent{
    width:calc(1025px + (100vw - 1920px) / 3);
    margin:auto;
    padding-top: calc(55px + (100vw - 1920px) / 100);
}
.cttitlew .cttitle .pinpaicontent .pinpaitite{
    font-size: calc(38px + (100vw - 1920px) / 100);
}
.cttitlew .cttitle .pinpaicontent .pinpaibody{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    flex-wrap: wrap;
  -ms-flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: calc(30px + (100vw - 1920px) / 150);

}
.cttitlew .cttitle .pinpaicontent .pinpaibody .ppinfo{
    font-size: calc(18px + (100vw - 1920px) / 100);
    margin-top: calc(-10px + (100vw - 1920px) / 100);
}
.cttitlew .cttitle .pinpaicontent .pinpaibody .pinpailist{
    width:calc(140px + (100vw - 1920px) / 50);
    padding:calc(10px + (100vw - 1920px) / 600) calc(5px + (100vw - 1920px) / 600);
}
.cttitlew .cttitle .pinpaicontent .pinpaibody .pinpailist .pinpailistimg{
    width:calc(100px + (100vw - 1920px) / 50);
    height:calc(56px + (100vw - 1920px) / 70);
    border: 1px solid #c1c1c1;
    border-radius:10px;
    padding: calc(4px + (100vw - 1920px) / 200) calc(10px + (100vw - 1920px) / 200);
}
.cttitlew .cttitle .pinpaicontent .pinpaibody .pinpailist .pinpailistimg img{
    width: 100%;
}
.cttitlew .cttitle .pinpaicontent .pinpaibody .pinpailist  .pinpailisttitle{
    text-align: center;
    width:calc(100px + (100vw - 1920px) / 50);
    padding: calc(20px + (100vw - 1920px) / 60) calc(10px + (100vw - 1920px) / 200);
    font-size: calc(21px + (100vw - 1920px) / 100);
}
.pinpaibeijing{
    width: 100%;
}
.pinpaibeijing img{
    width: 100%;
}
.pad30{
    padding-top: 30px !important;
}
@media screen and (max-width: 768px) {
    .cttitlew .cttitle {
        width: calc(1120px + (100vw - 1920px) / 2);
        height: calc(800px + (100vw - 1920px) / 12);
        margin: calc(-10px + (100vw - 1920px) / 100) auto;
        overflow: hidden;
    }
    .cttitlew .cttitle .pinpaicontent {
        width: calc(835px + (100vw - 1920px) / 3);
        padding-top: calc(32px + (100vw - 1920px) / 100);
    }
    .cttitlew .cttitle .pinpaicontent .pinpaibody .pinpailist {
        width: calc(125px + (100vw - 1920px) / 50);
    }
    .cttitlew .cttitle .pinpaicontent .pinpaibody .pinpailist .pinpailistimg {
        width: calc(100px + (100vw - 1920px) / 50);
        height: calc(56px + (100vw - 1920px) / 70);
        border: 1px solid #c1c1c1;
        border-radius: 10px;
        padding: calc(4px + (100vw - 1920px) / 200) calc(10px + (100vw - 1920px) / 200);
    }
    .cttitlew .cttitle .pinpaicontent .pinpaibody .pinpailist .pinpailisttitle {
        text-align: center;
        width: calc(100px + (100vw - 1920px) / 50);
        padding: calc(10px + (100vw - 1920px) / 200) calc(10px + (100vw - 1920px) / 200);
        font-size: calc(21px + (100vw - 1920px) / 200);
    }
    .cttitlew .cttitle .pinpaicontent .pinpaibody .ppinfo {
        font-size: calc(18px + (100vw - 1920px) / 250);
        margin-top: calc(-10px + (100vw - 1920px) / 300);
    }

}