* {
  margin: 0;
  padding: 0;
}
.container {
  width: 1300px;
  margin: 0 auto;
}
.scroll #header .index-header {
  background-color: #00a0e8;
}
.banner {
  background: url("https://cdn.gdskfz.com/skfz/images/contact/banner.png") no-repeat center;
  height: 39.375rem;
  color: #fff;
  box-sizing: border-box;
  padding-top: 16.625rem;
}
.banner h1 {
  margin: 0;
  font: 3.375rem "SourceHanSansCN-Medium";
}
.banner h2 {
  font: 2.25rem "GothamPro-Regular", "SourceHanSansCN-Regular";
  position: relative;
}
.map {
  background: url('https://cdn.gdskfz.com/skfz/images/contact/map.png') no-repeat;
  height: 829px;
}
.map h1 {
  font: bold 11rem "Gotham Pro Bold";
  color: #00a0e8;
  position: relative;
  margin: 0;
  top: -20px;
  left: 580px;
  display: inline-block;
}
.map .company {
  background-color: #f0f0f0;
  height: 515px;
  width: 700px;
  padding: 130px 160px;
  color: #00a0e8;
  font: bold 1.875rem "SourceHanSanSC Bold";
  position: relative;
  right: -700px;
  top: 120px;
  display: inline-block;
}
.map .company svg {
  width: 20px;
  fill: #00a0e8;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.map .company .address {
  font: 0.875rem "SourceHanSanSC Medium";
  color: #707070;
  margin-top: 40px;
}
.map .company .phone {
  font: 0.875rem "Gotham Pro Medium";
  color: #707070;
  margin-top: 20px;
}
.map .company .fax {
  font: 0.875rem "Gotham Pro Medium";
  color: #707070;
  margin-top: 20px;
}
.hot-line {
  background: url('https://cdn.gdskfz.com/skfz/images/contact/phonebanner.png');
  height: 300px;
  text-align: right;
  padding-top: 80px;
}
.hot-line :first-child {
  font: bold 4.5rem "Gotham Pro Black";
  color: #fff;
}
.hot-line :last-child {
  font: bold 2rem "SourceHanSanSC Bold";
}
.branch {
  background-color: #eff8fb;
  padding-top: 8rem;
}
.branch .titlecn {
  font: bold 3.375rem "SourceHanSanSC Bold";
  color: #00a0e8;
}
.branch .titleen {
  font: 2.25rem "Gotham Pro Light";
  color: #ccc;
}
.branch .line {
  width: 40px;
  height: 6px;
  background: #00a0e8;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.branch table {
  margin-bottom: 80px;
}
.branch table svg {
  width: 20px;
  fill: #00a0e8;
  margin-right: 10px;
  vertical-align: middle;
}
.form {
  padding-top: 8rem;
}
.form .container {
  display: flex;
  justify-content: space-between;
}
.form .container .title .titlecn {
  font: bold 3.375rem "SourceHanSanSC Bold";
  color: #00a0e8;
}
.form .container .title .titleen {
  font: 2.25rem "Gotham Pro Light";
  color: #ccc;
}
.form .container .title .line {
  width: 40px;
  height: 6px;
  background: #00a0e8;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.form .container form {
  display: flex;
  flex-direction: column;
}
.form .container form input {
  width: 800px;
  height: 80px;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 0 20px;
  border: 1px solid #ccc;
}
.form .container form input::-webkit-input-placeholder {
  font-size: 1rem;
  color: #ccc;
}
.form .container form input:focus {
  background-color: #eff8fb;
  border: 1px solid #00a0e8;
  outline: none;
}
.form .container form input:focus::-webkit-input-placeholder {
  direction: rtl;
  text-align: right;
}
.form .container form input:last-child {
  margin-bottom: none;
  width: 160px;
  height: 60px;
  background-color: #00a0e8;
  border: none;
  color: #fff;
  font: 1.125rem "SourceHanSanSC Bold";
  padding-left: 0;
  padding-right: 0;
  margin-left: 640px;
}
.form .container form textarea {
  margin-bottom: 40px;
  resize: none;
  border: 1px solid #ccc;
  border-radius: 10px;
  height: 200px;
  padding: 0 20px;
  padding-top: 20px;
}
.form .container form textarea::-webkit-input-placeholder {
  font-size: 1rem;
  color: #ccc;
}
.form .container form textarea:focus {
  background-color: #eff8fb;
  border: 1px solid #00a0e8;
  outline: none;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  #body {
    min-width: 1200px;
  }
  #body .container {
    width: 1100px;
  }
  #body .map {
    background-size: 800px;
    height: 553px;
  }
  #body .map .company {
    width: 445px;
    height: 350px;
    padding: 68px 64px;
    right: -580px;
  }
  #body .map h1 {
    top: 293px;
    left: 38px;
  }
  #body .branch .container table {
    width: 1100px !important;
  }
  #body .branch .container table td {
    padding-left: 25px !important;
  }
}