@charset "utf-8";

/* banner */
.banner {
  position: relative;
  width: 100%;
  height: 400px;
  background-size: 100% 100%;
  background-image: url("../images/025.png");
}

/* 导航链接部分 */
.nav_link {
  position: relative;
  width: 100%;
  height: 80px;
  line-height: 80%;
  background-color: #EEEEEE;
}
.nav_link ul {
  float: left;
  width: 100%;
}
.nav_link ul li {
  float: left;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 25%;
} 
.nav_link ul li a {
  font-size: 18px;
  color:  #666666;
}
.nav_link ul li:hover a {
  color: #0776EC;
}

/* 联系我们 */
.contact {
  position: relative;
  width: 100%;
  height: 692px;
  background-color: #fff;
}
.contact .contact_top {
  float: left;
  width: 100%;
  height: 136px;
  border-bottom: 2px solid #ccc; 
}
.contact .contact_top .contact_box1 {
  float: left;
  width: 20%;
  height: 136px;  
}
.contact .contact_top .contact_box1 .contact_lx {
  float: left;
  margin-top: 54px;
  font-size: 30px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #03AC22;
}
.contact .contact_top .contact_box1 .contact_con {
  float: left;
  width: 100%;
  margin-top: 6px;
  height: 20%;
  line-height: 20px;
  font-size: 12px;
  color: #03AC22;
}
.contact .contact_top .contact_box2 {
  float: right;
  margin-top: 80px;
  width: 11.555%;
  height: 136px;
}
.contact .contact_top .contact_box2 span:first-of-type img {
  margin-top: -8px;
}
.contact .contact_top .contact_box2 span {
  margin-right: 4px;
}
.contact .contact_top .contact_box2 span:last-of-type {
  margin-right: 0;
}
.contact .contact_top .contact_box2 span a {
  font-size: 14px;
  color: #666666;
} 

.contact .contact_left {
  float: left;
  margin-top: 48px;
  width: 50%;
  height: 448px;
  background-image: url(../images/map_03.png);
}
.contact .contact_left .contact_map {
  float: left;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 104px 30px 104px 220px;
}
.contact .contact_left .contact_map .contact_dz {
  float: left;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.contact .contact_left .contact_map .contact_dz h2 {
  width: 100%;
  height: 30px;
  color: #fff;
  line-height: 30px;
  font-size: 18px;
}
.contact .contact_left .contact_map .contact_dz .contact_line {
  width: 100%;
  height: 1px;
  float: left;
} 
.contact .contact_left .contact_map .contact_dz .p_dz {
  float: left;
  margin-top: 20px;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.contact_left .contact_map .contact_dz .p_dz span:first-of-type {
  display: block;
  float: left;
  width: 10%;
  height: 40px;
  font-size: 14px;
}
.contact_left .contact_map .contact_dz .p_dz span:last-of-type {
  display: block;
  float: left;
  width: 90%;
  height: 40px;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
}
.contact .contact_left .contact_map .contact_dz .p_call {
  float: left;
  margin-top: 10px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.contact_left .contact_map .contact_dz .p_call span:first-of-type {
  display: block;
  float: left;
  width: 10%;
  height: 40px;
  font-size: 14px;
}
.contact_left .contact_map .contact_dz .p_call span {
  color: #fff;
  font-size: 14px;
}
.contact .contact_left .contact_map .contact_dz .p_cz {
  float: left;
  margin-top: 10px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.contact_left .contact_map .contact_dz .p_cz span:first-of-type {
  display: block;
  float: left;
  width: 10%;
  height: 40px;
  font-size: 14px;
}
.contact_left .contact_map .contact_dz .p_cz span {
  color: #fff;
  font-size: 14px;
}

.contact .contact_left .contact_map .contact_dz .p_emall {
  float: left;
  margin-top: 10px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.contact_left .contact_map .contact_dz .p_emall span:first-of-type {
  display: block;
  float: left;
  width: 10%;
  height: 40px;
}
.contact_left .contact_map .contact_dz .p_emall span {
  color: #fff;
  font-size: 14px;
}
.contact .contact_right {
  float: right;
  box-sizing: border-box;
  padding: 30px 30px 10px 30px;
  margin-top: 48px;
  width: 50%;
  height: 448px;
  background-color: #EEEEEE;
} 
.contact .contact_right .contact_ly {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: #333333;
}
.contact .contact_right .contact_lin {
  float: left;
  width: 50px;
  height: 2px;
  text-align: center;
  margin-left: 246px;
  border-top: 2px solid #0974EC;
}
.contact .contact_right .contact_input {
  float: left;
  width: 100%;
  height: 354px;
}
.contact .contact_right .contact_input .contact_name {
  float: left;
  margin-top: 10px;
  width: 260px;
  height: 40px;
  line-height: 54px;
  border-bottom: 2px solid #ccc;
}
.contact .contact_right .contact_input .contact_name span {
  font-size: 14px;
  color: #999;
}
.contact .contact_right .contact_input .contact_name input {
  background-color:transparent ;
}
.contact .contact_right .contact_input .contact_call {
  float: right;
  margin-top: 10px;
  width: 238px;
  height: 40px;
  line-height: 54px;
  border-bottom: 2px solid #ccc;
}
.contact .contact_right .contact_input .contact_call span {
  font-size: 14px;
  color: #999;
}
.contact .contact_right .contact_input .contact_call input {
  background-color:transparent ;
}
.contact .contact_right .contact_input .contact_emall {
  float: left;
  margin-top: 16px;
  width: 260px;
  height: 40px;
  line-height: 54px;
  border-bottom: 2px solid #ccc;
}
.contact .contact_right .contact_input .contact_emall span {
  font-size: 14px;
  color: #999;
}
.contact .contact_right .contact_input .contact_emall input {
  background-color:transparent ;
}
.contact .contact_right .contact_input .contact_dz {
  float: right;
  margin-top: 16px; 
  width: 238px;
  height: 40px;
  line-height: 54px;
  border-bottom: 2px solid #ccc;
}
.contact .contact_right .contact_input .contact_dz span {
  font-size: 14px;
  color: #999;
}
.contact .contact_right .contact_input .contact_dz input {
  background-color:transparent ;
}
.contact .contact_right .contact_input .contact_ly {
  float: left;
  margin-top: 16px;
  width: 100%;
  height: 40px;
  line-height: 54px;
  border-bottom: 2px solid #ccc;
}
.contact .contact_right .contact_input .contact_ly input {
  width: 100%;
  background-color:transparent ;
}
.contact .contact_right .contact_input .contact_yz {
  float: left;
  margin-top: 16px;
  width: 184px;
  height: 40px;
  line-height: 54px;
  border-bottom: 2px solid #ccc;
} 
.contact .contact_right .contact_input .contact_yz input {
  background-color:transparent ;
}
.contact .contact_right .contact_input .contact_tp {
  float: left;
  margin-top: 16px;
  width: 100px;
  height: 40px;
  background-color: #fff;
} 
.contact .contact_right .contact_input p {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #999899;
  font-size: 14px;
}
.contact .contact_right .contact_input button {
  float: left;
  cursor: pointer;
  margin-top: 28px;
  width: 118px;
  height: 36px;
  background-color: #0974EC;
  line-height: 36px;
  text-align: center;
  border: none;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
}



@media screen and (min-width: 992px) {
  /* 屏幕大于992px */

  .contact .contact_linx {
    display: none;
  }
  .contact .contact_du {
    display: none;
  }
  .contact .contact_lv {
    display: none;
  }
  .contact_web {
    display: none;
  }

}
@media screen and (max-width: 992px) {
  /* 屏幕小于992px */
  .content {
    box-sizing: border-box;
    padding-bottom: 44px;
    position: relative;
  }

  /* 头部 */
  .top_link ul li:nth-of-type(15) {
    border-bottom: 2px solid #0776EC;
  }

  /* banner */
  .banner {
    position: relative;
    width: 100%;
    height: 150px;
  }

  /* 导航链接部分 */
  .nav_link {
    height: 100%;
  }
  .nav_link ul li {
    width: 50%;
    height: 40px;
    line-height: 40px;
  }
  .nav_link ul li a {
    font-size: 14px;
  }

  /* 联系我们 */
  .contact {
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
  }
  .contact .contact_top {
    display: none;
  }
  .contact .contact_linx {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    width: 100%;
    color: #0974EC;
    text-align: center;
  }
  .contact .contact_left {
    display: none;
  }
  .contact .contact_right {
    margin-top: 20px;
    width: 100%;
    height: 576px;
  }
  .contact .contact_du {
    width: 100%;
    height: 300px;
  }
  .contact .contact_right .contact_lin {
    display: none;
  }
  .contact .contact_right .contact_input {
    height: 490px;
  }
  .contact .contact_right .contact_ly {
    font-size: 20px;
    color: #0974EC;
  }
  .contact .contact_right .contact_input p {
    height: 60px;
    line-height: 20px;
  }
  .contact .contact_right .contact_input button {
    margin-top: 4px;
  }
  .contact .contact_right .contact_input .contact_name {
    width: 100%;
  }
  .contact .contact_right .contact_input .contact_emall {
    width: 100%;
  }
  .contact .contact_right .contact_input .contact_yz {
    width: 100%;
  }
  .contact .contact_right .contact_input .contact_call {
    width: 100%;
  }
  .contact .contact_right .contact_input .contact_dz {
    width: 100%;
  }


  /* 联系方式-手机端 */
   .contact_web {
    float: left;
    display: none;
    box-sizing: border-box;
    padding: 10px;
    background-image: url(../images/023.png);
    background-size: 100% 100%;
    width: 100%;
    height: 330px;
  }
   .contact_web .contact_lx {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #fff;
  }
   .contact_web .contact_line {
    float: left;
    width: 100%;
    margin-top: 10px;
    width: 59px;
    height: 4px;
    background: rgba(255,255,255,1);
  } 
   .contact_web .contact_gs {
    float: left;
    height: 20px;
    width: 100%;
    font-size: 18px;
    color: #1881F6;
    margin-top: 10px
}
 .contact_web .contact_dz {
  float: left;
  margin-top: 6px;
  width: 100%;
  color: #fff;
  font-size: 14px;
}
 .contact_web .contact_call {
  float: left;
  margin-top: 6px;
  width: 100%;
  color: #fff;
  font-size: 14px;
}
 .contact_web .contact_mail {
  float: left;
  margin-top: 6px;
  width: 100%;
  color: #fff;
  font-size: 14px;
}
 .contact_web .contact_code {
  float: left;
  width: 100%;
} 
 .contact_web .contact_code .contact_scan {
  float: left;
  margin-left: 30px;
  width: 110px;
  height: 110px;
}
 .contact_web .contact_code .contact_wz {
  float: left;
  width: 80px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

} 




@media screen and (min-width:992px) and (max-width: 1236px) {
  /* 屏幕大于992px 且 屏幕小于1236px */

  .w {
    width: 100%;
  }

  .zixun {
    display: none;
  }


    /* 联系我们 */
    .contact .contact_top .contact_box2 {
      width: 15% !important;
    }
    .contact .contact_right .contact_lin {
      margin-left: 44% !important;
    }
    .contact .contact_right .contact_input .contact_name {
      width: 40% !important;
    }
    .contact .contact_right .contact_input .contact_call {
      width: 40% !important;
    }
    .contact .contact_right .contact_input .contact_name input {
      width: 70%;
      background-color: #ccc !important;
    }
    .contact .contact_right .contact_input .contact_call input {
      width: 60%;
      background-color: #ccc !important;
    }
    .contact .contact_right .contact_input .contact_emall {
      width: 40% !important;
    }
    .contact .contact_right .contact_input .contact_emall input {
      width: 70%;
      background-color: #ccc !important;
    }
    .contact .contact_right .contact_input .contact_dz {
      width: 40% !important;
    }
    .contact .contact_right .contact_input .contact_dz input {
      width: 70%;
      background-color: #ccc !important;
    }


}