@charset "utf-8";
.wid1200 {
  width: 888px;
  margin: 15px auto;
}
.localwei {
  line-height: 55px;
  height: 55px;
  font-size: 15px;
  width: 100%;
  color: #999;
}
.localwei a {
  color: #999;
}
.interactionCon {
  width: 888px;
  overflow: hidden;
}
.interactionConLeft {
  /* float: left; */
  width: 100%;
  /* margin-right: 2.416%; */
  margin-bottom: 20px;
}
.interactionConLeft .head {
  height: 44px;
  line-height: 44px;
  color: #245399;
  font-size: 21px;
  overflow: hidden;
  border-bottom: 2px solid #245399;
  margin-bottom: 10px;
}
.interactionConLeft .head a {
  color: #245399;
  padding-left: 20px;
}
.interactionConLeft .head span {
  float: right;
  font-size: 15px;
}
.interactionConLeft .head span a {
  color: #999;
}
.interactionConLeft .cont {
  height: 261px;
}
.interactionConLeft .cont .tit {
  height: 50px;
  line-height: 50px;
  color: #4d4d4d;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.interactionConLeft .cont .tit a {
  text-indent: 6.0344%;
  display: inline-block;
  width: 100%;
}
.interactionConLeft .cont .zhaiyao {
  padding-left: 35px;
  font-size: 17px;
  line-height: 34px;
  color: #4d4d4d;
  padding-left: 6.0344%;
  float: left;
}
.interactionConLeft .cont .zhaiyao a {
  color: #999;
}
.interactionConCen {
  float: left;
  width: 23.6666%;
  height: 307px;
  margin-right: 2.083%;
  display: none;
}
.interactionConCen a {
  display: inline-block;
  width: 100%;
  height: 306px;
}
.interactionConCen a img,
.interactionConRight a img {
  max-width: 100%;
}
.interactionConRight {
  float: left;
  width: 23.5%;
  height: 307px;
}
.interactionConRight a {
  width: 100%;
  height: 307px;
  display: inline-block;
}
.interactionConBot {
  margin-top: 30px;
  float: left;
  width: 100%;
}
.interactionConBot ul {
  overflow: hidden;
}
.interactionConBot ul li {
  width: 22%;
  height: 106px;
  float: left;
  font-size: 20px;
  margin-left: 2.0833%;
  background-color: #e9e9e9;
}
.interactionConBot ul li.one {
  background: #e9e9e9 url(hd-pic-06.1.png) no-repeat 17.7304%;
}
.interactionConBot ul li.two {
  background: #e9e9e9 url(hd-pic-07.png) no-repeat 17.7304%;
}
.interactionConBot ul li.three {
  background: #e9e9e9 url(hd-pic-08.png) no-repeat 17.7304%;
}
.interactionConBot ul li.four {
  background: #e9e9e9 url(hd-pic-09.png) no-repeat 17.7304%;
  margin-right: 0;
}
.interactionConBot ul li.five {
  background: #e9e9e9 url(hd-pic-10.png) no-repeat 17.7304%;
}
.interactionConBot ul li.six {
  background: #e9e9e9 url(hd-pic-11.png) no-repeat 17.7304%;
}

.interactionConBot ul li.one:hover {
  background: #2761b7 url(hd-pic-06.png) no-repeat 17.7304%;
}
.interactionConBot ul li.two:hover {
  background: #2761b7 url(hd-pic-07.1.png) no-repeat 17.7304%;
}
.interactionConBot ul li.three:hover {
  background: #2761b7 url(hd-pic-08.1.png) no-repeat 17.7304%;
}
.interactionConBot ul li.four:hover {
  background: #2761b7 url(hd-pic-09.1.png) no-repeat 17.7304%;
}
.interactionConBot ul li.five:hover {
  background: #2761b7 url(hd-pic-10.1.png) no-repeat 17.7304%;
}
.interactionConBot ul li.six:hover {
  background: #2761b7 url(hd-pic-11.1.png) no-repeat 17.7304%;
}
.interactionConBot ul li:hover {
  background-color: #2761b7;
}
.interactionConBot ul li:hover a {
  color: #fff;
}
.interactionConBot ul li:first-child {
  margin-left: 0px;
}
.interactionConBot ul li a {
  display: inline-block;
  width: 100%;
  height: 106px;
  line-height: 106px;
  letter-spacing: 6px;
  text-indent: 46.099%;
  color: #333;
}
.interactionConBot ul li:first-child a {
  letter-spacing: 0px;
}
.interactionConBot ul li:nth-child(5) a {
  letter-spacing: 0px;
}
.interactionConBot ul li:nth-child(6) a {
  letter-spacing: 0px;
}
.interactionConLeft .cont .tit a {
  text-indent: 7.0344%;
}
.interactionConLeft .cont .zhaiyao {
  padding-left: 7.0344%;
}
.interactionConBot ul li {
  margin-right: 34px;
}
.interactionConBot ul li.six {
  margin-right: 0px;
}
.interactionConBot ul li {
  margin-left: 0;
}
.interactionConBot ul li {
  font-size: 17px;
  height: 90px;
  margin-bottom: 15px;
}
.interactionConBot ul li a {
  height: 90px;
  line-height: 90px;
}
.interactionConLeft .head {
  font-size: 23px;
}
.localwei {
  font-size: 17px;
}
.interactionConLeft .cont .zhaiyao {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 35px;
}
.interactionConLeft .head span {
  font-size: 17px;
}
@media screen and (max-width: 540px) {
  .wid1200,
  .interactionCon {
    width: 100%;
    margin: 0 0 0 0;
  }
  .interactionConLeft {
    width: 100%;
    margin-right: 0;
  }
  .interactionConCen {
    width: 46%;
    height: auto;
    margin-right: 2%;
    margin-top: 15px;
    margin-left: 2%;
  }
  .interactionConCen a {
    height: auto;
  }
  .interactionConRight {
    width: 46%;
    height: auto;
    float: right;
    margin-top: 15px;
    margin-right: 2%;
  }
  .interactionConBot {
    margin-top: 10px;
  }
  .interactionConBot ul li {
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
  }
  .interactionConBot ul li:first-child {
    margin-left: 5%;
  }
  .interactionConRight a {
    height: auto;
  }
}