body {
  font-family: "微软雅黑";
  font-size: 15px;
  color: #333333;
  position: relative;
  background: #ffffff;
}

/* 公共样式 */
.c_float {
  clear: both;
}

.l_float {
  float: left;
}

.r_float {
  float: right;
}

.com_width {
  width: 1200px;
  margin: auto;
}

a {
  color: #333333;
}

a:hover {
  color: #61a4e7;
}

.zx {
  margin-top: 30px;
  height: 400px;
  background: #0167cc;
}
/* 头尾 */
.h_top {
  width: 100%;
  height: 40px;
  background-color: #0167cc;
}

.h_topC {
  height: 40px;
  line-height: 40px;
  clear: both;
}

.h_topC a {
  color: #ffffff;
}

.h_topC a:hover {
  color: #61a4e7;
}

.h_topC span:first-child {
  margin-right: 10px;
}

.h_topC span:first-child + span {
  margin-right: 52px;
}

.h_topC span:first-child + span + span + span {
  margin: 0 14px;
  font-size: 13px;
  color: #ffffff;
}

.ser_box {
  position: relative;
}

.search_input {
  width: 231px;
  height: 30px;
  background: url(/cms_files/jcms1/web3609/site/picture/0/2008261044339318578.png)
    no-repeat top center;
  outline: none;
  border: 0;
  padding: 0 14px;
  font-size: 15px;
  line-height: 30px;
}

.search_btn {
  width: 18px;
  height: 18px;
  background: url(/cms_files/jcms1/web3609/site/picture/0/2008261044338877125.png)
    no-repeat top center;
  border: none;
  position: absolute;
  top: 11px;
  right: 16px;
  outline: none;
  border: none;
}

.h_top2 {
  width: 100%;
  height: 50px;
  background: #ffffff;
  line-height: 50px;
}

.h_top2C {
  clear: both;
}

.h_top2C li {
  margin-right: 80px;
  font-size: 20px;
}

.h_top2C li:first-child + li + li + li + li + li + li + li {
  margin: 0;
}

.h_logo {
  width: 100%;
  height: 130px;
  background: #f3f3f1;
}

.h_logom {
  background: url(/cms_files/jcms1/web3609/site/picture/0/2008261044339753496.png)
    no-repeat top center;
  height: 100%;
  line-height: 130px;
}

.img_box {
  width: 302px;
  margin: auto;
}

.header {
  position: relative;
  border-bottom: 4px solid #0167cc;
}

.box_logo {
  width: 116px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.footer {
  width: 100%;
  height: 200px;
  border-top: 10px solid #0871b9;
  background: #dee0e2;
}
.footer_1 {
  padding-bottom: 18px;
  border-bottom: 1px solid #bfc1c3;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 120px;
}
.other_a {
  height: 30px;
  margin-top: 21px;
}
.other_a li {
  width: 175px;
  height: 100%;
  background: #ffffff;
  float: left;
  margin-left: 30px;
  position: relative;
}
.other_a li:first-child {
  margin: 0;
}
.select {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 17px;
  font-size: 13px;
}
.xiala {
  width: 10px;
  height: 7px;
  position: absolute;
  top: 4px;
  right: 10px;
}
.img_l {
  width: 56px;
  height: 48px;
  position: absolute;
  bottom: 16px;
  left: 94px;
}
.img_l img {
  width: 100%;
}
.img_r {
  width: 110px;
  height: 55px;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  right: 34px;
}
.footer_con {
  padding: 22px 0 0 0;
  position: relative;
}
.about_us {
  width: 100%;
  text-align: center;
  color: #0871b9;
  font-size: 14px;
}
.about_us a {
  color: #0871b9;
}
.about_us span {
  padding: 0 8px;
}
.intro,
.beian {
  width: 100%;
  text-align: center;
  font-size: 14px;
  padding-top: 15px;
}
.beian a {
  color: #333333;
}
.beian a:hover {
  color: #61a4e7;
}
/* 轮播图 */
.slideBox {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.slideBox .hd {
  width: 108px;
  overflow: hidden;
  position: absolute;
  right: 29px;
  bottom: 42px;
  z-index: 1;
}

.slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
}

.slideBox .hd ul li {
  float: left;
  margin-right: 8px;
  width: 12px;
  height: 12px;
  background: url(im_zx_02_03.png) no-repeat center top;
  cursor: pointer;
}

.slideBox .hd ul li.on {
  background: url(im_zx_03_03.png) no-repeat center top;
}

.slideBox .bd {
  width: 100%;
  position: relative;
  height: 100%;
  z-index: 0;
}
.slideBox .bd li {
  width: 100%;
  clear: both;
  height: 100%;
}
.img_box1 {
  width: 800px;
  height: 100%;
  overflow: hidden;
}
.img_box1 img {
  width: 100%;
}
.img_info {
  width: 400px;
  height: 400px;
  padding: 12px 27px 0;
}
.img_tit {
  width: 100%;
  height: 82px;
  line-height: 82px;
  font-size: 24px;
  font-weight: 700;
  color: #f3f3f3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #dcdcdc;
}
.info_zy {
  padding-top: 18px;
  color: #f3f3f3;
  font-size: 16px;
  line-height: 34px;
}
.xq {
  width: 122px;
  height: 32px;
  margin-top: 30px;
  border: 1px solid #f3f3f3;
  line-height: 32px;
  text-align: center;

  font-size: 16px;
}
.xq:hover {
  background: #f3f3f3;
}
.xq a {
  display: block;
  width: 100%;
  height: 100%;
  color: #f3f3f3;
}
.xq a:hover {
  color: #0167cc;
}
.zx2 {
  height: 675px;
  overflow: hidden;
  padding-top: 38px;
  clear: both;
}

.zx2_l {
  width: 793px;
  padding-right: 36px;
}

.zx2_r {
  width: 407px;
  overflow: hidden;
}

.zx2_r li {
  width: 100%;
  height: 110px;
  margin-bottom: 16px;
}

.yw_tit {
  height: 43px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 22px;
  color: #0167cc;
  font-weight: 700;
}

.yw_tit a {
  float: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 43px;
}

.yw_list {
  width: 100%;
  overflow: hidden;
  padding-top: 10px;
}

.yw_item {
  height: 36px;
  line-height: 36px;
  position: relative;
    padding-left: 15px;
}

.yw_item a {
  display: inline-block;
  width: 84%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dian1 {
  width: 4px;
  height: 4px;
  background: #2f5e95;
  display: inline-block;
  /* margin-top: 17px; */
  /* margin-right: 10px; */
  position: absolute;
  left: 0;
  top: 50%;
  /* transform: translateY(-50%); */
  transform: translateY(-50%);
}

.info_zx {
  margin-bottom: 10px;
}

/* 移动端样式 */
.mobile_type .zx {
  height: auto !important;
  margin-top: 6vw !important;
}
.mobile_type .slideBox {
  height: auto;
  padding: 0 3vw;
}
.mobile_type .img_box1 {
  width: 100%;
  height: 50vw;
}
.mobile_type .img_info {
  background: #0167cc;
  width: 100%;
  height: auto;
  padding: 0 0 2vw;
}
.mobile_type .img_tit {
  width: 100%;
  height: auto;
  padding: 0 2vw;
  line-height: 12vw;
  font-size: 4vw;
}
.mobile_type .info_zy {
  padding: 2vw;
  color: #f3f3f3;
  font-size: 4vw;
  line-height: 2;
  text-align: justify;
}
.mobile_type .xq {
  width: 45vw;
  height: auto;
  margin-top: 3vw;
  margin-left: 2vw;
  line-height: 2;
  font-size: 4vw;
}
.mobile_type .slideBox .hd {
  width: auto;
  right: 4vw;
  bottom: 5.5vw;
}
.mobile_type .slideBox .hd ul li {
  margin-right: 2vw;
  width: 3vw;
  height: 3vw;
  background-size: 3vw !important;
}
.mobile_type .zx2 {
  height: auto;
  margin-top: 6vw !important;
  padding: 0 3vw !important;
}
.mobile_type .info_zx {
  margin-bottom: 6vw;
}

.mobile_type .zx2_l {
    width: 100%;
    padding-right: 0;
}
.mobile_type .yw_tit {
    height: auto;
    font-size: 5vw;
    line-height: 12vw;
}
.mobile_type .yw_tit a {
    font-size: 4vw;
    line-height: 12vw;
}
.mobile_type .yw_list {
    padding-top: 2vw;
}
.mobile_type .yw_item {
    height: 12vw;
    line-height: 12vw;
}
.mobile_type .dian1 {
    width: 1vw;
    height: 1vw;
}
.mobile_type .yw_item a{
    width: 68%;
}
.mobile_type .zx2_r {
    width: 100%;
    margin-bottom: 5vw;
}
.mobile_type .zx2_r li {
    width: 100%;
    height: auto;
    margin-bottom: 3vw;
}