<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body{}
.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:1200px;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;
  margin-right: 2.083%;
}
.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: 14.930%;
  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%;}
.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;
  /* padding-left: 130px; */
  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%;
    /* 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 { margin-right: 25px; }
.interactionConBot ul li.six{margin-right:0px;}
.interactionConBot ul li{margin-left: 0;}
.interactionConBot ul li{font-size: 17px;height: 90px;}
.interactionConBot ul li a{height: 90px;line-height: 90px;}
.interactionConLeft .head{font-size: 23px;}
.localwei{font-size: 17px;}
  /* .interactionConBot ul{margin: 0 3% 0 1%;} */
  .interactionConLeft .cont .zhaiyao{margin-bottom: 20px;font-size: 17px;line-height: 35px;}
  .interactionConLeft .head span{font-size: 17px;}
  /* .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;}*/
/*}*/

</pre></body></html>