.introduce_content {
  width: 100%;
  height: 100%;
}
.introduce_content .introduce_bg {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 280px;
}
.introduce_content .introduce_bg::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.introduce_content .introduce_bg .bg_text {
  position: absolute;
  z-index: 10;
  top: 55%;
  margin-left: 5%;
}
.introduce_content .introduce_bg .bg_text .title {
  margin-bottom: 2%;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.introduce_content .introduce_bg .bg_text .subtitle {
  color: #fff;
  font-size: 14px;
}
.introduce_content .introduce_info {
  width: 100%;
  background-color: #fff;
  margin-bottom: 5%;
}
.introduce_content .introduce_info .container .info_content {
  background-color: #fff;
  padding: 5% 0 0;
}
.introduce_content .introduce_info .container .info_content .title {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #03983C;
  letter-spacing: 12px;
  text-indent: 12px;
}
.introduce_content .introduce_info .container .info_content .us {
  margin: 1% auto 2%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.2);
}
.introduce_content .introduce_info .container .info_content .content_box .remark {
  width: 100%;
  padding: 2%;
  margin: 4% 0 5%;
  color: #FF7800;
  font-size: 12px;
  background-color: #FFF4E6;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl {
  overflow: hidden;
  margin-bottom: 14px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dt {
  width: 90px;
  float: left;
  text-align: right;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  line-height: 28px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dt span {
  color: #FF6000;
  margin-right: 3px;
  font-size: 18px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd {
  margin-left: 98px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd ul {
  overflow: hidden;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd ul li {
  float: left;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem {
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 20px;
  height: 35px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input[type="radio"] {
  width: 20px;
  height: 20px;
  opacity: 0;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem label {
  position: absolute;
  left: 5px;
  top: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e4e4e4;
  cursor: pointer;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input:checked + label {
  background-color: #04B90F;
  border: 1px solid #04B90F;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input:checked + label::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  top: 2px;
  left: 5px;
  border: 3px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem .itemText {
  margin-left: 9px;
  color: #666;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd input {
  width: 100%;
  height: 40px;
  padding: 0 5px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .select {
  font-size: 12px;
  width: 100%;
  height: 40px;
  padding: 0 1px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  outline: none;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn {
  background-color: #3A88F6;
  color: #fff;
  height: 40px;
  outline: none;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn-code {
  width: 70px;
  height: 40px;
  background-color: #04B90F;
  position: relative;
  bottom: 1px;
  padding: 6px;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn-code:hover {
  background-color: #449D44;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .bd_search {
  padding: 0 5%;
  width: 80px;
  margin-right: 10px;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .bd_search:hover {
  background-color: #216AD6;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .reset {
  width: 80px;
  background: #E4E4E4;
  border-radius: 4px;
  border: 0.5px solid rgba(154, 154, 154, 0.11);
  color: #5A5A5A;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd .reset:hover {
  background: #d4d4d4;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea {
  width: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  padding: 15px 5px;
  outline: none;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
  font-size: 12px;
}
.introduce_content .introduce_info .container .info_content .content_box .info .right {
  margin-top: 10px;
  width: 100%;
  height: 240px;
}
.introduce_content .introduce_info .container .info_content .content_box .info .right img {
  width: 100%;
  height: 100%;
}
.introduce_content .tx {
  color: #333;
  text-align: center;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .introduce_content .introduce_bg {
    height: 700px;
    background-attachment: fixed;
  }
  .introduce_content .introduce_bg .bg_text {
    position: absolute;
    z-index: 10;
    top: 45%;
    margin-left: 1%;
  }
  .introduce_content .introduce_bg .bg_text .title {
    margin-bottom: 2%;
    font-size: 45px;
    color: #fff;
  }
  .introduce_content .introduce_bg .bg_text .subtitle {
    font-size: 34px;
  }
  .introduce_content .introduce_info {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0;
  }
  .introduce_content .introduce_info .container {
    position: relative;
    bottom: 90px;
    z-index: 10;
  }
  .introduce_content .introduce_info .container .info_content {
    padding-top: 2%;
  }
  .introduce_content .introduce_info .container .info_content .title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #03983C;
    letter-spacing: 22px;
    text-indent: 22px;
  }
  .introduce_content .introduce_info .container .info_content .us {
    margin: 1% auto 2%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.2);
  }
  .introduce_content .introduce_info .container .info_content .content_box {
    margin: 0 30px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .remark {
    width: 100%;
    padding: 3%;
    margin: 4% 0 5%;
    line-height: 26px;
    color: #FF7800;
    font-size: 14px;
    background-color: #FFF4E6;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl {
    overflow: hidden;
    margin-bottom: 24px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl .phone_dl {
    margin-bottom: 0;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dt {
    width: 180px;
    float: left;
    text-align: right;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    line-height: 42px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd {
    margin-left: 180px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd ul {
    overflow: hidden;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd ul li {
    float: left;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem {
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 35px;
    height: 40px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input[type="radio"] {
    width: 20px;
    height: 20px;
    opacity: 0;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem label {
    position: absolute;
    left: 5px;
    top: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    cursor: pointer;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input:checked + label {
    background-color: #04B90F;
    border: 1px solid #04B90F;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input:checked + label::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 12px;
    top: 2px;
    left: 5px;
    border: 3px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem .itemText {
    margin-left: 9px;
    color: #666;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input {
    width: 250px;
    height: 45px;
    padding: 15px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .select {
    width: 100%;
    height: 45px;
    padding: 0 12px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn {
    background-color: #3A88F6;
    color: #fff;
    height: 44px;
    outline: none;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn-code {
    width: 120px;
    height: 44px;
    background-color: #04B90F;
    position: relative;
    bottom: 1px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn-code:hover {
    background-color: #449D44;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .bd_search {
    width: 120px;
    margin-right: 30px;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .bd_search:hover {
    background-color: #216AD6;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .reset {
    width: 80px;
    background: #E4E4E4;
    color: #5A5A5A;
    border-radius: 4px;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea {
    width: 250px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 15px;
    outline: none;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info .right {
    margin-top: 80px;
    width: 100%;
    height: 325px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info .right img {
    width: 100%;
    height: 100%;
  }
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
  .introduce_content .introduce_info .container .info_content .content_box {
    margin: 0 35px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .remark {
    width: 100%;
    padding: 2%;
    margin: 4% 0 5%;
    color: #FF7800;
    font-size: 16px;
    background-color: #FFF4E6;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl {
    overflow: hidden;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dt {
    width: 205px;
    float: left;
    text-align: right;
    color: #666;
    font-size: 16px;
    font-weight: normal;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd {
    margin-left: 215px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd ul {
    overflow: hidden;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd ul li {
    float: left;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem {
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 35px;
    height: 40px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input[type="radio"] {
    width: 20px;
    height: 20px;
    opacity: 0;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem label {
    position: absolute;
    left: 5px;
    top: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    cursor: pointer;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input:checked + label {
    background-color: #04B90F;
    border: 1px solid #04B90F;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem input:checked + label::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 12px;
    top: 2px;
    left: 5px;
    border: 3px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd div.chooseItem .itemText {
    margin-left: 9px;
    color: #666;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input {
    width: 370px;
    height: 45px;
    padding: 15px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .select {
    width: 100%;
    height: 45px;
    padding: 0 12px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn {
    background-color: #3A88F6;
    color: #fff;
    height: 44px;
    outline: none;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn-code {
    width: 120px;
    height: 44px;
    background-color: #04B90F;
    position: relative;
    bottom: 1px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .btn-code:hover {
    background-color: #449D44;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .bd_search {
    width: 80px;
    margin-right: 30px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .bd_search:hover {
    background-color: #216AD6;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd .reset {
    width: 80px;
    background: #E4E4E4;
    color: #5A5A5A;
    border-radius: 4px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea {
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 15px;
    outline: none;
    resize:none;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info dl dd textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
    font-size: 16px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info .right {
    margin-top: 104px;
    width: 115%;
    height: 416px;
  }
  .introduce_content .introduce_info .container .info_content .content_box .info .right img {
    width: 100%;
    height: 100%;
  }
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */