@charset "utf-8";
.wid1200{width: 1200px;margin: 30px auto;}
.localwei{line-height: 55px;height: 55px;font-size: 15px;width: 100%;color: #999;}
.localwei a{color: #999;}
.interactionCon{width:100%;overflow: hidden;}
.interactionConLeft {
  float: left;
  width: 48.3333%;
  margin-right: 2.416%;
}
.interactionConLeft .head{
  height: 44px;
  line-height: 44px;
  color: #245399;
  font-size: 21px;
  background: url(hd-pic-01.png) no-repeat 0px;
  overflow: hidden;
  border-bottom: 1px dashed #c8c8c8;
  
}
.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;
  background: url(hd-pic-02.png) no-repeat 0px ;
  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;
  background: url(hd-pic-03.png) no-repeat 0px 8px;
  font-size: 17px;
  line-height: 34px;
  color: #4d4d4d;
  padding-left: 6.0344%;
  float: left;

}

.interactionConLeft .cont .zhaiyao a{
  color: #999;
  /* display: inline; */
  
}
.interactionConCen{
  float: left;width: 23.6666%;height:307px;
}
.interactionConCen a{
  display: inline-block;
  width: 100%;height:306px;
}
.interactionConCen a img,
.interactionConRight a img{
  max-width: 100%;
}
.interactionConRight{
  float: right;
  width: 23.5%;
  height: 307px;
}
.interactionConRight a{
  width: 100%;
  height: 307px;
  display: inline-block;
}
.interactionConBot{
  margin-top: 30px;
  float: left;
  width: 100%;
}
.interactionConImg{
  overflow: hidden;
  padding-top: 30px;
  width: 100%;
}
.interactionConBot ul{
  overflow: hidden;
}
.interactionConBot ul li{
  width: 14.930%;
  height: 106px;
  float: left;
  font-size: 20px;
  margin-left:2.0833%;
  background-color:#e9e9e9;
}
.interactionConImg ul li.xfone{width: 590px;float: left;}
.interactionConImg ul li.xftwo{width: 590px;float: right;}
.interactionConBot ul li.one{background:#e9e9e9 url(hd-pic-06.1.png) no-repeat 50% 30%;}
.interactionConBot ul li.two{background:#e9e9e9 url(hd-pic-07.png) no-repeat 50% 30%;}
.interactionConBot ul li.three{background:#e9e9e9 url(hd-pic-08.png) no-repeat 50% 30%;}
.interactionConBot ul li.four{background:#e9e9e9 url(hd-pic-09.png) no-repeat 50% 30%;}
.interactionConBot ul li.five{background:#e9e9e9 url(hd-pic-10.png) no-repeat 50% 30%;}
.interactionConBot ul li.six{background:#e9e9e9 url(hd-pic-11.png) no-repeat 50% 30%;}

.interactionConBot ul li.one:hover{background:#2761b7 url(hd-pic-06.png) no-repeat 50% 30%;}
.interactionConBot ul li.two:hover{background:#2761b7 url(hd-pic-07.1.png) no-repeat 50% 30%;}
.interactionConBot ul li.three:hover{background:#2761b7 url(hd-pic-08.1.png) no-repeat 50% 30%;}
.interactionConBot ul li.four:hover{background:#2761b7 url(hd-pic-09.1.png) no-repeat 50% 30%;}
.interactionConBot ul li.five:hover{background:#2761b7 url(hd-pic-10.1.png) no-repeat 50% 30%;}
.interactionConBot ul li.six:hover{background:#2761b7 url(hd-pic-11.1.png) no-repeat 50% 30%;}
.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:nth-child(2) a{
  letter-spacing: 0px;
  padding-left: 58px;
}
.interactionConBot ul li:nth-child(3) a{
  letter-spacing: 0px;
  padding-left: 60px;
}
.interactionConBot ul li:nth-child(4) a{
  letter-spacing: 0px;
  padding-left: 44px;
}
.interactionConBot ul li:nth-child(5) a{
  letter-spacing: 0px;
  padding-left: 42px;
}
.interactionConBot ul li a{
  display: inline-block;
  width: 100%;
  height: 106px;
  line-height: 165px;
  padding-left: 43px; 
  letter-spacing: 6px;
  text-indent: 4.999%;
  color: #333;
}
.interactionConBot ul li:first-child a{
  letter-spacing: 0px;
}
.interactionConBot ul li:nth-child(4) a{
  letter-spacing: 0px;
}
.interactionConBot ul li:nth-child(5) a{
  letter-spacing: 0px;
}
.interactionConBot ul li:nth-child(6) a{
  letter-spacing: 0px;
}


@media screen and (max-width: 1200px) {
  .wid1200{width: 100%;}
  .interactionConLeft .cont .tit a{
    text-indent: 7.0344%;
  }
  .interactionConLeft .cont .zhaiyao {
    padding-left: 7.0344%;
    /* overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;  */
  }
}
@media screen and (max-width: 1000px) {
  .interactionConLeft .cont .zhaiyao {
    /* -webkit-line-clamp:5;  */
  }
}
@media screen and (max-width: 768px) {
  .wid1200{width: 90%;padding: 0 5%;}
  .interactionConLeft{width: 100%;}
  .interactionConCen{width: 46%;margin-right: 8%;text-align: center;}
  .interactionConRight{width: 46%;text-align: center;}
  .interactionConLeft .cont .tit{margin: 5px 0;}
  .interactionConLeft .cont .tit a {
    text-indent: 7.0344%;
    font-size: 0.28rem;
  }
.interactionConBot ul li.one{margin-right: 7%;}
.interactionConBot ul li.three{margin-right: 7%;}
.interactionConBot ul li.two{width: 46%;}
.interactionConBot ul li.four{width: 46%;}
.interactionConBot ul li.two{margin-right: 0%;padding-left: 0% !important;}
.interactionConBot ul li.five { margin-right: 20.2px; }
.interactionConBot ul li{margin-left: 0% !important;}
.interactionConBot ul li{font-size: 0.3rem;height: 90px;}
.interactionConBot ul li a{height: 90px;line-height: 90px;}
.interactionConLeft .head{font-size: 0.313rem;}
.localwei{font-size: 0.25rem;}
  /* .interactionConBot ul{margin: 0 3% 0 1%;} */
  .interactionConBot ul li{width: 47%;   margin-bottom: 15px;}
  .interactionConLeft .cont .zhaiyao{margin-bottom: 20px;font-size: 0.28rem;line-height: 0.4rem;}
  .interactionConLeft .head span{font-size: 0.25rem;}
  /* .interactionConBot{margin: 0;} */
}
@media screen and (max-width: 540px) {
  .interactionConCen a {height: 3.5rem;}
.interactionConCen{height: 3.5rem;}
.interactionConRight{width: 46%;text-align: center;height: 3.5rem;}
  .interactionConRight a{height: 3.5rem;}
}
@media screen and (max-width: 414px) {
  .interactionConCen a {height: 210px;}
.interactionConCen{height: 210px;}
.interactionConRight{width: 46%;text-align: center;height: 210px;}
  .interactionConRight a{height: 210px;}
  .interactionConLeft .cont{height: 180px;}
  .interactionConLeft .cont .tit a{text-indent: 10.0344%}
  .interactionConLeft .cont .zhaiyao{padding-left: 10.0344%}
  .interactionConBot{margin-top: 0px;}
}
@media screen and (max-width: 380px) {
  .interactionConCen{width: 46%;margin-right: 8%;text-align: center;height: 180px;}
  .interactionConCen a{height: 180px;}
  .interactionConRight{width: 46%;text-align: center;height: 180px;}
  .interactionConRight a{height: 180px;}
  .interactionConBot ul li a{    text-indent: 52.099%;}
}
@media screen and (max-width: 320px) {
  .interactionConCen{width: 46%;margin-right: 8%;text-align: center;height: 160px;}
  .interactionConCen a{height: 160px;}
  .interactionConRight{width: 46%;text-align: center;height: 160px;}
  .interactionConRight a{height: 160px;}
  .interactionConLeft .cont .tit{margin: 0;}
}