.banner-normal2 {
  overflow: hidden;
  position: relative;
}
.banner-normal2 .banner-pic {
  width: 100%;
}
.banner-normal2 .banner-pic img {
  /* position: relative;
  left: 50%; */
  width: 750rem/50;
  height: 340rem/50;
  /* margin-left: -800rem/50; */
}
/* @media screen and (min-width: 1600px) {
  .banner-normal2 .banner-pic img {
    position: static;
    margin: 0;
    width: 100%;
  }
} */
/* @media screen and (max-width: 1024px) {
  .banner-normal2 .banner-pic img {
    position: relative;
    margin: 0;
    width: 100%;
    left: 0;
  }
} */
/* @media screen and (max-width: 750px) {
  .banner-normal2 .banner-pic {
    left: 0;
  }
  .banner-normal2 .banner-pic img {
    position: relative;
    margin: 0;
    width: 100%;
    left: 0;
  }
} */

.form {
  background: #fff;
}
.form .field {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
  padding: 0 90px 0 30px;
}
.form .field:before,
.form .field:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form .field:after {
  clear: both;
}
.form .field .formtitle {
  margin: 0;
  padding: 17px 0 0;
  font-size: 1em;
  color: #0067eb;
  line-height: 2em;
}
.form .field .formgroup {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
  padding: 10px 0;
}
.form .field .formgroup:before,
.form .field .formgroup:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form .field .formgroup:after {
  clear: both;
}
.form .field .formgroup label {
  float: left;
  font-size: 1em;
  color: #333;
  line-height: 35px;
  text-align: right;
  width: 5em;
  margin-right: 1em;
}
.form .field .formgroup .formcell {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
  margin-left: 6em;
}
.form .field .formgroup .formcell:before,
.form .field .formgroup .formcell:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form .field .formgroup .formcell:after {
  clear: both;
}
.form .formfoot {
  text-align: center;
  padding: 30px 0;
  background: #f4f4f4;
  margin-top: 10px;
}
.form .formfoot .btn-submit {
  font-size: 1.428em;
  color: #fff;
  outline: none;
  border: 0;
  background: #0067eb url("../images/btn-arrow.png") 68% center no-repeat;
  border-radius: 5px;
  width: 245px;
  height: 52px;
  line-height: 50px;
}
.form .companyinfo .formtitle {
  margin-top: 10px;
}
.form .companyinfo .formcell .province {
  width: 47%;
}
.form .companyinfo .formcell .city {
  margin-left: 6%;
  *margin-left: 5.8%;
  width: 47%;
}
.form .companyinfo .formcell .device,
.form .companyinfo .formcell .module {
  width: 47%;
}
.form .contactinfo .formgroup {
  float: left;
  width: 50%;
}
.input-text {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 0 10px;
  margin: 0;
  height: 35px;
  overflow: hidden;
}
.input-text input[type="text"] {
  border: 0;
  height: 33px;
  line-height: 33px;
  width: 100%;
  -webkit-appearance:none;
  outline:none
}
.input-text input:focus {
  outline: none;
}
.input-text-large {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 0 10px;
  margin: 0;
  height: 35px;
  width: auto;
  overflow: hidden;
}
.input-text-large input[type="text"] {
  border: 0;
  height: 33px;
  line-height: 33px;
  width: 100%;
  -webkit-appearance:none;
  outline:none
}
.input-text-large input:focus {
  outline: none;
}
.selectbox {
  position: relative;
  float: left;
}
.selectbox a.valuebox {
  line-height: 33px;
  border: 1px solid #e6e6e6;
  height: 33px;
  border-radius: 3px;
  display: block;
  padding-left: 10px;
  padding-right: 40px;
  background: url("../images/select-arrow.png") right 13px no-repeat;
  color: #999;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  overflow: hidden;
}
.selectbox .selectoption {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 140px;
  overflow-x: auto;
  overflow-y: auto;
  background: #fff;
  z-index: 2;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 3px;
  width: 100%;
}
.selectbox .selectoption li {
  padding: 3px 10px;
  cursor: pointer;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  color: #999;
}
.selectbox .selectoption li.hover {
  background: #f3f3f3;
  cursor: pointer;
}
.selectbox.targetfocus {
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
  .form .field {
    padding-right: 30px;
  }
  .form .formfoot {
    background: none;
  }
}
@media only screen and (max-width: 768px) {
  .form .field {
    padding: 0 10px;
  }
  .form .field .formgroup label {
    float: none;
  }
  .form .field .formgroup .formcell {
    margin-left: 0;
  }
  .form .field .formgroup .formcell .province {
    width: 100%;
  }
  .form .field .formgroup .formcell .city {
    margin-top: 20px ;
    margin-left: 0;
    width: 100%;
  }
  .form .field .formgroup .formcell .device,
  .form .field .formgroup .formcell .module {
    width: 100%;
  }
  .form .field .addcom,
  .form .field .numpc {
    display: none;
  }
  .form .contactinfo .formgroup {
    float: none;
    width: 100%;
  }
}

.introduction1,
.introduction_apply {
  background: #f7f7f7;
  color: #333333;
  padding: 50px 6%;
}
.introduction1 .profile,
.introduction_apply .profile {
  width: 70%;
}
.introduction1 .profile blockquote,
.introduction_apply .profile blockquote {
  position: relative;
  margin: 0;
  font-size: 2.285em;
}
.introduction1 .profile blockquote span,
.introduction_apply .profile blockquote span {
  position: absolute;
  display: block;
  width: 16px;
  height: 13px;
}
.introduction1 .profile blockquote .lquotes,
.introduction_apply .profile blockquote .lquotes {
  left: -26px;
  top: 0;
  background: url("../images/quotes-01.png")no-repeat center;
  position: static;
}
.introduction1 .profile blockquote .rquotes,
.introduction_apply .profile blockquote .rquotes {
  right: -6px;
  bottom: 0;
  background: url("../images/quotes-02.png") no-repeat center;
  position: static;
  display: inline-block;
}
.introduction1 .derive,
.introduction_apply .derive {
  padding-top: 20px;
}
.introduction1 .derive p,
.introduction_apply .derive p {
  margin: 0;
  font-size: 1em;
  color: #666666;
}
.introduction1 .understand,
.introduction_apply .understand {
  font-size: 1.142em;
  display: inline-block;
  *display: inline;
  *zoom:1;
  padding-right: 25px;
  color: #327ddc;
  background: url("../images/arrow.png") no-repeat right center;
  background-size: auto 85%;
  line-height: 1em;
  margin-top: 30px;
  text-decoration: none !important;
}
@media screen and (max-width: 1024px) {
  .introduction1 .profile,
  .introduction_apply .profile {
    width: 100%;
  }
  .introduction1 .briefintro,
  .introduction_apply .briefintro {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .introduction1,
  .introduction_apply {
    padding: 30px;
  }
  .introduction1 .profile,
  .introduction_apply .profile {
    width: 100%;
  }
  .introduction1 .profile blockquote,
  .introduction_apply .profile blockquote {
    font-size: 1.285em ;
    color:#000;
  }
}



.introduction_apply {
  position: relative;
  padding: 89px 54px 36px 72px;
  margin-bottom: 0;
  height: 433px;
  background: #327ddc;
  color: #fff;
}
.introduction_apply h1.title {
  font-weight: normal;
  font-size: 2.845em;
  margin: 0;
}
.introduction_apply .briefintro {
  padding-top: 30px;
}
.introduction_apply .severcont {
  padding-top: 70px;
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
}
.introduction_apply .severcont:before,
.introduction_apply .severcont:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.introduction_apply .severcont:after {
  clear: both;
}
.introduction_apply .severcont .title {
  float: left;
  margin-right: 15px;
}
.introduction_apply .severcont .title p {
  margin: 0;
}
.introduction_apply .severcont .flow {
  float: left;
}
.introduction_apply .severcont .flow span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 16px 0 30px;
  line-height: 23px;
  background: url("../images/apply-01.png") no-repeat left center;
}
.introduction_apply .severcont .flow .bg1 {
  background: url("../images/apply-02.png") no-repeat left center;
}
.introduction_apply .severcont .flow .bg2 {
  background: url("../images/apply-03.png") no-repeat left center;
  padding-right: 0px;
}
.introduction_apply .hint {
  clear: both;
  position: absolute;
  bottom: 55px;
  width: 85%;
}
.introduction_apply .hint p {
  padding-right: 50px;
}
@media screen and (max-width: 1280px) {
  .introduction_apply {
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .introduction_apply {
    height: auto;
    padding-top: 50px;
  }
  .introduction_apply .hint {
    clear: both;
    position: relative;
    bottom: auto;
    padding-top: 50px;
    width: auto;
  }
  .introduction_apply .hint p {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .introduction_apply {
    margin: 0 2%;
    padding: 35px 5% 25px;
    height: auto;
  }
  .introduction_apply h1.title {
    font-size: 2.142em;
    text-align: center;
  }
  .introduction_apply .severcont {
    padding-top: 70px;
    /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
    *zoom: 1;
  }
  .introduction_apply .severcont:before,
  .introduction_apply .severcont:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .introduction_apply .severcont:after {
    clear: both;
  }
  .introduction_apply .severcont .title {
    float: none;
  }
  .introduction_apply .severcont .flow {
    float: none;
  }
  .introduction_apply .severcont {
    padding-top: 30px;
  }
  .introduction_apply .hint {
    position: relative;
    bottom: auto;
    padding-top: 30px;
  }
}



.application {
  margin-top: -500px;
  position: relative;
  z-index: 1;
}
.application .row {
  margin-right: 0;
}
.application .col-content {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .application {
    margin-top: -100px;
  }
  .application .col-6 {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .application {
    margin-top: -50px;
  }
}
.applytrue1 {
  width: 100%;
}
.applytrue1 .layer1 {
  padding-bottom: 50px;
}
.applytrue1 .layer1 .applybtn {
  display: block;
  width: 245px;
  text-align: center;
  background: #0067eb;
  color: #fff;
  font-size: 1.428em;
  line-height: 60px;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 auto;
}
.applytrue1 .layer2 div {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
  margin: 0 auto 50px;
}
.applytrue1 .layer2 div:before,
.applytrue1 .layer2 div:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.applytrue1 .layer2 div:after {
  clear: both;
}
.applytrue1 .layer2 div a {
  float: left;
  display: block;
  line-height: 38px;
  text-decoration: none;
  font-size: 1.142em;
  color: #888787;
  padding-left: 50px;
  background: url("../images/layer-01.png") no-repeat left center;
  margin-right: 70px;
}
.applytrue1 .layer2 div .relation1 {
  background-image: url("../images/layer-02.png");
}
.applytrue1 .layer2 div .relation2 {
  margin-right: 0;
  background-image: url("../images/layer-03.png");
}
@media screen and (min-width: 1025px) {
  .applytrue1 .layer2 div {
    width: 823px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1024px) {
  .applytrue1 .layer2 {
    padding-top: 0;
  }
  .applytrue1 .layer2 div {
    width: 750px;
    padding: 0;
  }
  .applytrue1 .layer2 div a {
    margin-right: 30px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .applytrue1 .layer2 div {
    width: 100%;
  }
  .applytrue1 .layer2 div a {
    margin-right: 0;
    float: none;
    text-align: center;
    padding-left: 0px;
    padding-top: 45px;
    background-position: center top;
  }
}

/*20170508*/
.form .field .inputMust label{
  white-space: nowrap;
}
.form .field.companyinfo .inputMust label {
  margin-left: -0.5em;
}
.form .field .inputMust label span,.form .formfoot.inputMust label{
  color: red;
}