.content {
  width: 100%;
  height: 355px;
  position: relative;
  overflow: hidden;
}
.content .img {
  width: 100%;
  background-image: url(/static/index/pic/contact_05_01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: -100px;
  right: -100px;
  margin: auto;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.content .img .box {
  width: 73.2%;
  margin: 0 auto;
  margin-top: 100px;
}
.content .img .box .s-title {
  font-size: 16px;
  line-height: 16px;
  color: #bbbbbb;
}
.content .img .box .title {
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -1.9px;
  color: #c6150f;
  margin-top: 23px;
}
.content .img .box .p {
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  color: #666666;
  margin-top: 27px;
}
.wrap {
  width: 100%;
  margin-top: 77px;
  padding-bottom: 159px;
}
.wrap .Suggestions {
  width: 73.2%;
  margin: 0 auto;
}
.wrap .Suggestions form .PublicL {
  position: relative;
  float: left;
  width: calc(50% - 33px);
  margin-bottom: 30px;
}
.wrap .Suggestions form .PublicL.Name {
  width: calc(50% - 235px);
}
.wrap .Suggestions form .PublicL.Name input {
  width: calc(100% - 148px);
}
.wrap .Suggestions form .PublicL.mail {
  margin-left: 66px;
}
.wrap .Suggestions form .PublicL.complaint {
  margin-left: 66px;
  margin-bottom: 43px;
}
.wrap .Suggestions form .PublicL.content {
  width: 100%;
  height: auto;
}
.wrap .Suggestions form .PublicL label {
  float: left;
  color: #666666;
  font-size: 18px;
  line-height: 72px;
  display: block;
  width: 72px;
  text-align: right;
  cursor: pointer;
}
.wrap .Suggestions form .PublicL input {
  background: #f8f8f8;
  width: calc(100% - 117px);
  line-height: 16px;
  padding: 28px 10px;
  display: block;
  margin-left: 97px;
  border: 0;
  font-size: 14px;
}
.wrap .Suggestions form .PublicL input::-webkit-input-placeholder {
  color: #c2c0c0;
}
.wrap .Suggestions form .PublicL textarea {
  margin-left: 25px;
  width: calc(100% - 117px);
  height: 265px;
  background: #f8f8f8;
  padding: 10px;
  border: 0;
  font-size: 14px;
  letter-spacing: 0;
}
.wrap .Suggestions form .PublicL textarea::-webkit-input-placeholder {
  color: #c2c0c0;
}
.wrap .Suggestions form .PublicL .verif {
  width: 279px;
  height: 74px;
  padding: 3px;
  margin-left: 97px;
  position: relative;
}
.wrap .Suggestions form .PublicL .verif #drag {
  position: relative;
  background-color: #e8e8e8;
  width: 409px;
  height: 74px;
  line-height: 74px;
  text-align: center;
}
.wrap .Suggestions form .PublicL .verif #drag .drag_bg {
  background-color: #7ac23c;
  height: 74px;
  width: 0px;
}
.wrap .Suggestions form .PublicL .verif #drag .drag_text {
  position: absolute;
  top: 0px;
  width: 409px;
  line-height: 74px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}
.wrap .Suggestions form .PublicL .verif #drag .handler {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 109px;
  height: 74px;
  cursor: move;
}
.wrap .Suggestions form .PublicL .verif #drag .handler.handler_bg {
  background: url("/static/index/images/ico55.png") no-repeat center;
}
.wrap .Suggestions form .PublicL .verif #drag .handler.handler_ok_bg {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==) no-repeat center;
}
.wrap .Suggestions form .gender {
  width: 202px;
  background: #f8f8f8;
  float: left;
  margin-bottom: 30px;
}
.wrap .Suggestions form .gender select {
  display: block;
  width: 202px;
  line-height: 16px;
  padding: 28px 6px 28px 17px;
  color: #3d3d3d;
  font-size: 14px;
  background: url(/static/index/images/icon_arrow.jpg) no-repeat 138px center;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.wrap .Suggestions form .gender select option {
  width: 100%;
  line-height: 24px;
}
.wrap .Suggestions form .SubmitAll {
  width: 406px;
  line-height: 74px;
  background: #eaeaea;
  cursor: not-allowed;
  font-size: 14px;
  color: #878787;
  border: 0;
  margin: 35px 0 0 97px;
}
.wrap .Suggestions form .reset {
  width: 406px;
  line-height: 74px;
  background: #eaeaea;
  cursor: not-allowed;
  font-size: 14px;
  color: #878787;
  border: 0;
  margin: 35px 0 0 46px;
}
.wrap .Suggestions em {
  color: #7d7d7d;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  bottom: -28px;
  right: 0;
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 1440px) {
  .wrap .Suggestions form .gender {
    width: 150px;
    background: #f8f8f8;
    float: left;
    margin-bottom: 30px;
  }
  .wrap .Suggestions form .PublicL.Name {
    width: calc(50% - 182px);
  }
  .wrap .Suggestions form .gender select {
    background: url(/static/index/images/icon_arrow.jpg) no-repeat 90px center;
  }
  .wrap .Suggestions form .PublicL.mail {
    margin-left: 65px;
  }
}
@media screen and (max-width: 1320px) {
  .wrap .Suggestions form .SubmitAll {
    width: 380px;
  }
  .wrap .Suggestions form .reset {
    width: 380px;
  }
}
<!--0.00024104118347168-->