锘縝ody {
background:#f5f5f5;
}
.top-first {
width: 1200px;
height: 200px;
background: #ffffff;
margin: 0px auto;
margin-top: 35px;
}
.top-first-one {
height: 60px;
padding-top:20px;
}
.top-wx {
width: 200px;
height: 46px;
margin: 0px auto;
}
.top-wx div:first-child {
width: 60px;
height: 46px;
background-image: url("/v2/images/QRcode_01.png");
float:left;
}
.top-wx div:last-child {
width:140px;
height:46px;
float:left;
font-size:25px;
line-height:46px;
}
.top-first-two {
width: 987px;
height: 120px;
position: absolute;
z-index: 1;
}
.top-first-two p {
padding-top: 10px;
line-height: 40px;
font-size: 17px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
padding-left:100px;
}
.top-first-three {
width: 220px;
height: 200px;
position: relative;
left: 957px;
top: -80px;
z-index: 2;
background: url("/v2/images/QRcode_02.png") no-repeat;
background-position-y:39px;
}

.con-kuang {
background: #f5f5f5;
width:1200px;
height:534px;
margin:0px auto;
margin-top:40px;
}
.kuang-left {
margin-left: 52px;
width:510px;
float:left;
height:516px;
}
.kuang-left div:first-child {
background: #cf2c25;
height: 50px;
text-align: center;
line-height: 50px;
color: white;
font-size: 22px;
font-weight: bold;
letter-spacing:2px;
}
.kuang-bg {
background: url("/v2/images/QRcode_03.jpg") no-repeat;
height: 207px;
background-size: 510px;
}
.kuang-wb {
    width: 510px;
    height: 229px;
}
    .kuang-wb textarea {
        width: 499px;
        height: 217px;
        resize: none;
        font-size: 18px;
        line-height: 40px;
        padding-left: 10px;
        padding-top: 10px;
        margin-bottom: -20px;
        overflow: hidden;
    }
.kuang-left div:last-child {
background: #cf2c25;
height: 30px;
text-align:center;
color:#ffffff;
line-height:30px;

}
.kuang-right {
margin-left: 80px;
width: 510px;
float: left;
height: 516px;
}
.kuang-right div:first-child {
background: #cf2c25;
height: 50px;
text-align: center;
line-height: 50px;
color: white;
font-size: 22px;
font-weight: bold;
letter-spacing: 2px;
}
.kuang-right div:last-child {
background: #cf2c25;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 30px;
}
.kuang-bg-one {
    background: url("/v2/images/QRcode_09.jpg") no-repeat;
    height: 207px;
    background-size: 510px;
}
.kuang-bg-two {
background: url("/v2/images/QRcode_05.jpg") no-repeat;
height: 207px;
background-size: 510px;
}
.kuang-bg-three {
background: url("/v2/images/QRcode_10.jpg") no-repeat;
height: 207px;
background-size: 510px;
}
.kuang-bg-four {
background: url("/v2/images/QRcode_11.jpg") no-repeat;
height: 207px;
background-size: 510px;
}
.kuang-bg-five {
background: url("/v2/images/QRcode_12.jpg") no-repeat;
height: 207px;
background-size: 510px;
}
.dakuang-one {
margin-top: 60px;
}
.dakuang-two {
margin-top: 60px;
margin-bottom:90px;
}

@media screen and (max-width:1024px) {
    .top-first {
        width: 1006px;
        height: 200px;
        background: #ffffff;
        margin: 0px auto;
        margin-top: 35px;
    }
    .top-first-two {
        width: 835px;
        height: 120px;
        position: absolute;
        z-index: 1;
    }
    .top-first-three {
        width: 220px;
        height: 200px;
        position: relative;
        left: 778px;
        top: -80px;
        z-index: 2;
        background: url("/v2/images/QRcode_02.png") no-repeat;
        background-position-y: 39px;
    }
    .con-kuang {
        background: #f5f5f5;
        width: 1006px;
        height: 534px;
        margin: 0px auto;
        margin-top: 40px;
    }
    .kuang-left {
         margin-left: 0px; 
        width: 490px;
        float: left;
        height: 516px;
    }
    .kuang-wb textarea {
        width: 478px;
        height: 217px;
        resize: none;
        font-size: 18px;
        line-height: 40px;
        padding-left: 10px;
        padding-top: 10px;
        margin-bottom: -20px;
        overflow: hidden;
    }
    .kuang-right {
       margin-left: 15px; 
        width: 490px;
        float: left;
        height: 516px;
    }
}