.bar img {
    background-size: contain | cover;
    width: 100%;
    height: auto;
}

.title1 {
    text-align: center;
    font-size: 3.2vw;
    font-weight: bold;
}

.title2 {
    text-align: center;
    font-size: 1.6vw;
}

.one .onebox {
    height: 24.4799vw;
    background: url(/skin/images/zsdl/ds/2.png), url(/skin/images/zsdl/ds/2_1.png);
    background-size: 100% 100%, 12.5% 2%;
    background-repeat: no-repeat, no-repeat;
    background-position: 0 0, 50% 47%;
}

.one .onebox .t1 {
    text-align: center;
    font-size: 3.125vw;
    padding-top: 3%;
}

.one .onebox .t2 {
    text-align: center;
    font-size: 1.2vw;
    margin-top: 2%;
    line-height: 1.4;
}

.tow {
    padding-top: 4%;
}

.tow .towbox {
    padding-top: 3%;
    text-align: center;
    width: 100%;
    height: auto;
}

.tow .towbox img {
    width: 54.294%;
}

.tow .towbox .listbox {
    background-color: #fdecf6;
    width: 68%;
    margin: 4% auto auto auto;
    overflow: hidden;
    padding: 2% 2% 2% 3.7%;
}

.tow .towbox .listbox td {
    text-align: left;
    width: 36.5%;
}

.tow .towbox .listbox span {
    background-color: #e3017f;
    color: white;
}

.tow .towbox .listbox p {
    font-size: 1vw;
}

.three {
    padding-top: 4%;
    margin-top: 4%;
    background-color: #f6f6f6;
}

.three .threebox {
    padding: 3% 0;
    text-align: center;
    width: 100%;
    height: auto;
}

.three .threebox img {
    width: 49.634%;
    margin-bottom: 3%;
}

.three .threebox .p1 {
    background-color: #e5007f;
    line-height: 3.17vw;
    font-size: 1.5vw;
    color: white;
    border-radius: 40px;
    width: 70%;
    margin: 0 auto;
}

.three .threebox .p2 {
    font-size: 1.05vw;
    margin: 1.5%;
}

.three .threebox .p3 {
    color: #e5007f;
    font-size: 1.6vw;
    font-weight: bold;
}

.four {
    padding-top: 4%;
}

.four .fourbox {
    padding-top: 3%;
    text-align: center;
    width: 100%;
    height: auto;
}

.four .fourbox img {
    width: 67.435%;
}

.five {
    padding-top: 4%;
    margin-top: 4%;
    background-color: #f6f6f6;
}

.five .fivebox {
    padding: 3% 0;
    width: 76%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.five .fivebox .img {
    width: 47.535%;
    float: left;
}

.five .fivebox .listbox {
    float: right;
    width: 44%;
    font-size: 1.05vw;
    margin: 3% 0;
}

.five .fivebox .listbox img {
    width: 3.445%;
}

.five .fivebox .listbox p {
    padding: 1% 0 1% 3%;
}

.five .fivebox .listbox .p1 {
    background-color: #f8d3e4;
}

.six {
    padding-top: 4%;
}

.six .sixbox {
    padding-top: 3%;
    text-align: center;
    width: 100%;
    height: auto;
}

.six .sixbox .img1 {
    width: 74.398%;
}

.six .sixbox .img2 {
    width: 67.749%;
    margin: 4% 0;
}

.seven {
    padding-top: 4%;
}

.seven .sevenbox {
    padding-top: 3%;
    text-align: center;
    width: 100%;
    height: auto;
}

.seven .sevenbox img {
    width: 52.828%;
}

.seven .sevenbox .listbox {
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    width: 63%;
    padding-left: 2%;
}

.seven .sevenbox .listbox ul {
    list-style: disc;
    line-height: 170%;
    color: #e5006c;
    font-size: 1vw;
}

.seven .sevenbox .listbox label {
    color: black;
}

.seven .sevenbox .listbox .ul1 {
    float: left;
}

.seven .sevenbox .listbox .ul2 {
    float: right;
}

.eight {
    padding-top: 4%;
}

.eight .eightbox {
    padding-top: 3%;
    text-align: center;
    width: 75.4%;
    height: auto;
    margin: 0 auto;
}

.eight .eightbox p {
    font-size: 1.05vw;
    padding-left: 3%;
    margin-top: 1%;
    margin-bottom: 10%;
}

.eight .eightbox .listbox1 {
    overflow: hidden;
}

.eight .eightbox .listbox1 img {
    float: left;
    width: 62.217%;
}

.eight .eightbox .listbox1 div {
    float: right;
    width: 34%;
    text-align: left;
}

.eight .eightbox .listbox1 h1 {
    font-size: 1.3vw;
    color: white;
    background-color: #e4007f;
    font-weight: 100;
    line-height: 180%;
}

.eight .eightbox .listbox2 {
    overflow: hidden;
}

.eight .eightbox .listbox2 .groud {
    float: left;
    width: 57%;
    background-color: #e4007f;
}

.eight .eightbox .listbox2 .groud .item1 {
    background-color: #e4007f;
    float: left;
    width: 27%;
    color: white;
    font-weight: bold;
    margin-top: 13%;
}

.eight .eightbox .listbox2 .groud .item2 {
    text-align: left;
    float: right;
    width: 61%;
    background-color: #f6f6f6;
    padding: 4% 8% 0 4%;
    line-height: 2vw;
}

.eight .eightbox .listbox2 img {
    float: right;
    width: 39.858%;
}

.nine {
    margin-top: 4%;
    padding-top: 4%;
    background-color: #f6f6f6;
}

.nine .ninebox {
    padding-top: 5%;
    width: 75.393%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.nine .ninebox img {
    width: 34.723%;
    float: left;
}

.nine .ninebox .listbox {
    float: right;
    width: 63.5%;
}

.nine .ninebox .listbox .item {
    overflow: hidden;
    width: calc(100% / 2);
    margin-top: 2%;
    margin-bottom: 7%;
    float: left;
}

.nine .ninebox .listbox .item div {
    background-image: url(/skin/images/zsdl/ds/11_1.png);
    -webkit-background-size: 20%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 2%;
    float: left;
    width: 26.685%;
    height: 8vw;
    color: white;
    font-size: 1.13vw;
    line-height: 7.8vw;
}

.nine .ninebox .listbox .item ul {
    float: right;
    width: calc(100% - 34%);
    list-style: disc;
    font-size: 1.041669vw;
}

.ten .tenbox {
    margin: 0 auto;
    width: 970px;
    height: 520px;
    padding: 72px 100px 0;
    font-size: 20px;
}

.ten .tenbox .txt {
    width: 100%;
    height: 150px;
}

.ten .tenbox .sub {
    width: 150px;
    font-size: 21px;
    line-height: 40px;
    color: #ffffff;
    background: #e4007f;
    border: 0;
    margin-left: 310px;
    margin-top: 20px;;
    cursor: pointer;
}

.ten .tenbox .info_ck {
    line-height: 26px;
}

.ten .tenbox .info_ck input {
    zoom: 150%;
}