.dff{/*background:url(../images/dff.jpg) no-repeat center top;margin-top:50px;*/background:#f2f2f2;height:407px;overflow: hidden;}

.dda{width:480px;float:left;margin-left:58px;}
.logo2{margin-top:105px;}
.contact{color:#333333;font-size:14px;margin-top:25px;line-height:30px}
.cop{color:#333333;font-size:14px;line-height:28px}
.cop a{color:#333333;font-size:14px;line-height:28px}
.cop a:hover{text-decoration: underline;}


.ly{width:526px;float:right;height:366px;}
.lytt{margin-top:50px;margin-left:61px;color:#333;font-size:20px;font-weight: 400;}
.lytt span{display: block;font-size:14px;margin-top:10px}
.dlogo{padding:50px 0 0 0;}

.fu{position:absolute;right:0px;z-index: 99998;top:120px}
.dh{color:#3e3e3e;float:left;line-height: 24px;}

.demo-message {

}

.demo-message-wrap {
    margin-left: 3.775%;
    margin-right: 20.375%;margin-top:15px
}

@media (max-width: 1366px) {
    .demo-message-wrap {
        margin-left:12.5%;
        margin-right: 12.5%
    }
}

.demo-message-wrap .row {
    margin-left: -5px;
    font-size: 0;
    margin-right: -5px
}

.demo-message-wrap div[class^=col-] {
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.demo-message-wrap input[type=text],.demo-message-wrap textarea {
    width: 380px;
    height: 42px;border:none;
    border: 1px solid #b2b2b2;
    padding: 0 10px;
    font-size: 14px;
    color:#333!important;
    background:#fff;
    outline: none;
    margin-bottom: 10px
}

.demo-message-wrap input[type=text]::-webkit-input-placeholder,.demo-message-wrap textarea::-webkit-input-placeholder {
      color:#fff
}

.demo-message-wrap input[type=text]:-ms-input-placeholder,.demo-message-wrap input[type=text]::-ms-input-placeholder,.demo-message-wrap textarea:-ms-input-placeholder,.demo-message-wrap textarea::-ms-input-placeholder {
      color:#fff
}

.demo-message-wrap input[type=text]::placeholder,.demo-message-wrap textarea::placeholder {
      color:#888;
}

.demo-message-wrap textarea {
    padding-top: 5px;
    height: 70px;
    resize: none;  border:1px solid #b2b2b2;
}

.demo-message-wrap #checkcode {
    float: left;
    width: 63.29813665%;
    margin-bottom: 0
}

.demo-message-wrap .checkCodeImg {
    float: left;
    display: block;
    text-align: center;
    width: 36.691304%;
    height: 42px;
    font-size: 0;
    background: none;
}



.demo-message-wrap .checkCodeImg img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle
}

.demo-message-wrap .checkCodeImg:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.demo-message-wrap .checkCodeImg img {
    cursor: pointer
}

.demo-message-wrap .demo-submit {
    width: 98px;
    height: 32px;
    background:#0163ba;
    color: #fff;
    font-size: 14px;
    border:none;
    border-radius: 5px;
    margin-left:146px;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;margin-top:10px;
}

.demo-message-wrap .demo-submit:hover {
    background: #0163ba;
    text-decoration: underline;
}

@media screen and (max-width: 700px){
    .dda{width:100%;margin-left: 58px;}
    .ly{display:none;}
}