@charset "UTF-8";





.home-title {
  font-size: 48px;
  color: #111;
  text-align: center
}

.home-title span {
  display: inline-block;
  color: red
}

.home-des {
  font-size: 18px;
  line-height: 26px;
  color: #666;
  text-align: center;
  margin-top: 5px
}

.home-viewmo {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  transition: ease .4s;
  padding: 9px 60px 9px 34px;
  border: 1px solid transparent;
  border-radius: 30px;
  background: #000 url(../image/more1.png)no-repeat top 14px right 32px;
  cursor: pointer;
  margin: 0 auto;
  width: fit-content;
  margin-top: 50px;
  max-width: 300px
}

.home-padd {
  padding: 80px 0
}

.home-viewmo:hover {
  background: #C22222 url(../image/more1.png)no-repeat top 14px right 32px;
  border-color: #C22222;
  color: #fff
}

.home-application {}

.home-application-cont {
  margin-top: 50px;
  position: relative
}

.home-application-cont ul {
  float: left;
  width: 21.43%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0
}

.home-application-image {
  float: right;
  width: 78.57%
}

.home-application-cont li {
  background: #060606;
  transition: ease .4s;
  padding: 0px 40px;
  height: 25%;
  width: 100%
}

.home-application-cont li>div {
  width: 100%;
  height: 100%
}

.home-application-cont li a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  display: table
}

.home-application-cont li span {
  font-size: 120px;
  color: rgba(255, 255, 255, 0.04);
  font-family: "mon-sb";
  line-height: 120px;
  position: absolute;
  top: 13px;
  left: 0
}

.home-application-image {
  display: none
}

.home-application-image img {
  width: 100%
}

.home-application-image.on {
  display: block
}

.home-application-cont li h3 {
  font-size: 22px;
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.home-application-cont li p {
  font-size: 16px;
  line-height: 24px;
  color: #020202;
  display: none
}

.home-application-cont li.on {
  background: #f9be00;
  width: 133.6%;
  z-index: 5;
  position: relative
}

.home-application-cont li.on span {
  opacity: 0;
  font-size: 45px
}

.home-application-cont li.on h3 {
  color: #020202;
  display: block;
  margin-bottom: 10px
}

.home-application-cont li.on p {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.home-application-cont li.on {
  padding-top: 30px
}


.home-advantage {
  width: 100%;
  background-size: 100% 100% !important
}

.home-advantage .home-title {
  color: #fff
}

.home-advantage .home-des {
  color: #c2c2c2
}

.home-advantage ul {
  margin-top: 50px
}

.home-advantage li {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  padding: 20px 25px
}

.home-advantage li span {
  font-size: 120px;
  color: rgba(255, 255, 255, 0.05);
  font-family: "mon-l";
  position: absolute;
  top: -35px;
  left: 28%
}

.home-advantage-icon {
  width: 85px;
  height: 81px;
  text-align: center;
  margin: 0 auto
}

.home-advantage-icon img {
  display: block;
  transition: ease .5s;
  width: 100%
}

.home-advantage li h3 {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px
}

.home-advantage li p {
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.6)
}

.home-advantage li:hover img {
  transform: rotateY(180deg)
}

.home-advantage .home-viewmo {
  background-color: transparent;
  border-color: rgba(255, 255, 255, .3)
}

.home-advantage .home-viewmo:hover {
  background: #C22222 url(../image/more1.png)no-repeat top 14px right 32px;
  border-color: #C22222;
}



.home-about {
  padding: 40px 0 80px
}

.home-about-top {
  position: relative;
  width: 100%;
  height: 100%
}

.home-about-top .home-title,
.home-about-top .home-des {
  text-align: left
}

.home-about-left {
  float: left;
  width: 38%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0
}

.home-about-right {
  float: right;
  width: 50%
}

.home-about-left span {
  display: inline-block;
  width: 90px;
  height: 2px;
  background: #C22222;
  margin: 20px 4px 20px 0
}

.home-about-top .home-title span {
  width: auto;
  height: auto;
  background: none;
  margin: 0
}

.home-about-lecon {}

.home-about-left>div {
  display: table;
  width: 100%;
  height: 100%
}

.home-about-left>div>div {
  display: table-cell;
  vertical-align: middle
}

.home-about-lecon h3 {
  font-size: 24px;
  line-height: 26px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px
}

.home-about-lecon p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  max-height: 240px
}

.home-about-img {
  position: relative;
  width: 100%
}

.home-about-img img {
  width: 100%
}

.ino-dot {

  position: absolute;
  width: 9px;
  height: 9px;
  background: #C22222;
  border-radius: 50%;
  transition: ease .5s;

 
}
.ino-dot:hover .mapPoints{
  display: block;

}



@keyframes warn {
  0% {
      transform: scale(0.4);
      opacity: 0.3;
  }
  25% {
      transform: scale(0.6);
      opacity: 0.3;
  }
  50% {
      transform: scale(0.7);
      opacity: 0.4;
  }
  75% {
      transform: scale(0.8);
      opacity: 0.5;
  }
  100% {
      transform: scale(1);
      opacity: 0.0;
  }
}
@-webkit-keyframes warn {
  0% {
      -webkit-transform: scale(0.1);
      opacity: 0.1;
  }
  25% {
      -webkit-transform: scale(0.1);
      opacity: 0.1;
  }
  50% {
      -webkit-transform: scale(0.1);
      opacity: 0.3;
  }
  75% {
      -webkit-transform: scale(0.5);
      opacity: 0.5;
  }
  100% {
      -webkit-transform: scale(1);
      opacity: 0.0;
  }
}


.mapPoints{
  display: none;
  position: absolute;
  width: 24px; 
  height: 24px;
   left: -7.5px;
  top: -8px; 
  border: 7px solid red;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn 3s ease-out;
  -moz-animation: warn 3s ease-out;
  animation: warn 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
/* 
  top: 40.27%;
  left: 22.14% */
  
}
.ino-dot1 {
 
  top: 33.27%;
  left: 22.14%
}

.ino-dot2 {
  top: 59.09%;
  left: 20.85%
}

.ino-dot3 {
  top: 83.27%;
  left: 50.71%
}

.ino-dot4 {
  top: 66%;
  left: 48.5%
}

.ino-dot5 {
  top: 83.45%;
  left: 61.85%
}

.ino-dot6 {
  top: 84.45%;
  left: 73.28%
}

.ino-dot7 {
  top: 48.09%;
  left: 76.85%
}

.ino-dot8 {
  top: 61.54%;
  left: 85.57%
}
.ino-dot9 {
  top: 76.54%;
  left: 80.57%
}
.ino-dot10 {
  top: 67.54%;
  left: 83.57%
}
.ino-dot11 {
  top: 71.54%;
  left: 74.57%
}
.ino-dot12 {
  top: 72.54%;
  left: 66.57%
}
.ino-dot13 {
  top: 76.54%;
  left: 58.57%
}
.ino-dot14 {
  top: 65.54%;
  left: 60.57%
}
.ino-dot15 {
  top: 63.54%;
  left: 68.57%
}
.ino-dot16 {
  top: 59.54%;
  left: 77.57%
}
.ino-dot17 {
  top: 56.54%;
  left: 82.57%
}
.ino-dot18 {
  top: 53.54%;
  left: 70.57%
}
.ino-dot19 {
  top: 53.54%;
  left: 61.57%
}
.ino-dot20 {
  top: 51.54%;
  left: 37.57%
}
.ino-dot21 {
  top: 38.54%;
  left: 39.57%
}
.ino-dot22 {
  top: 46.54%;
  left: 56.57%
}
.ino-dot23{
  top: 36.54%;
  left: 60.57%
}
.ino-dot24{
  top: 46.54%;
  left: 66.57%
}
.ino-dot25{
  top: 43.54%;
  left: 71.57%
}
.ino-dot26{
  top: 37.54%;
  left: 73.57%
}
.ino-dot27{
  top: 40.54%;
  left: 75.57%
}
.ino-dot28{
  top: 31.54%;
  left: 84.57%
}
.ino-dot29{
  top: 24.54%;
  left: 88.57%
}
.ino-dot30{
  top: 13.54%;
  left: 90.57%
}
.ino-dot31{
  top: 81.54%;
  left: 86.57%
}
.ino-dot32{
  top: 95.54%;
  left: 64.57%
}

.ino-dot h3 {
  font-size: 12px;
  line-height: 28px;
  color: #666;
  min-width: 35px;
  position: absolute;
  top: 100%;
  left: -100%
}

.inodot-txt {
  background: url(../image/homemap-ba.png)no-repeat bottom left 50%;
  min-width: 328px;
  position: absolute;
  display: none;
  padding-bottom: 10px;
  bottom: 216%;
  left: -1772%;
  z-index: 5
}

.inodot-txt>div {
  background: rgba(0, 0, 0, .6);
  border-radius: 3px;
  padding: 18px
}

.inodot-txt h4 {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: bold
}

.inodot-txt p {
  font-size: 14px;
  line-height: 28px;
  color: #fff
}

.ino-dot.on .inodot-txt {
  display: block
}

.ino-dot:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  opacity: 0;
  filter: alpha(opacity=0)\9;
  border-radius: 50%;
  background: radial-gradient(circle, #dda700, rgba(221, 167, 0, 0.0.3));
  -webkit-animation: kuosan-1 2s linear infinite;
  animation: kuosan-1 2s linear infinite;
  -webkit-animation-delay: 750ms;
  animation-delay: 750ms
}

.ino-dot:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  opacity: 0;
  filter: alpha(opacity=0)\9;
  border-radius: 50%;
  background: radial-gradient(circle, #dda700, rgba(255, 255, 255, 1));
  -webkit-animation: kuosan-1 2s linear infinite;
  animation: kuosan-1 2s linear infinite;
  z-index: -1;
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms
}



.home-about-bottom li {
  float: left;
  width: 25%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

}

.home-about-icon {
  width: 38px;
  line-height: 84px;
  height: 34px;
  margin: 0 0 0 50px;
  transition: ease .5s
}

.home-about-bottom li:hover .home-about-icon {
  transform: rotateY(180deg)
}

.home-about-icon img {
  width: 100%;
  margin-top: -40px;
}

.home-about-bottom li h3 {
  font-size: 31px;
  color: #333;
  font-family: "mon-b"
}

.home-about-bottom li h3 span {
  display: inline-block;
  font-size: 48px;
  color: #333;
  font-family: "mon-b"
}

.home-about-bottom li p {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  padding-left: 50px;
}








/***新闻资讯**/





.tit01 {
    font-size: 40px;
    text-align: center;
    font-family: "Microsoft YaHei";
    color: #1479cd;
    font-weight: normal;
}

.tit01 a {
    color: #1479cd;
}

.tit01 em {
    color: #1479cd;
    font-size: 40px;
    font-weight: normal;
    position: relative;
    margin: 0 auto;
    display: block;
    height: 50px;
}

.tit01 em:before {
    content: "";
    width: 54px;
    height: 8px;
    background: url(../image/line_l_2.png) no-repeat;
    position: absolute;
    top: 23px;
    left: 0;
}

.tit01 em:after {
    content: "";
    width: 54px;
    height: 8px;
    background: url(../image/line_r_2.png) no-repeat;
    position: absolute;
    top: 23px;
    right: 0;
}

.tit01 span {
    font-size: 22px;
    color: #323232;
    font-weight: normal;
    display: block;
    font-family: "Microsoft Yahei";
    height: 38px;
    line-height: 38px;
}

.news .newstit span {
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    width: 25px;
    padding-right: 18px;
    overflow: hidden;
}









/**/
.nswsbj {
    height: 753px;
    box-sizing: border-box;
    padding-top: 73px;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}

.nswsbj h2 {
    margin-bottom: 35px;
}

.nswsbj h2 em {
    width: 312px;
    margin: 0 auto;
}

.news {
    width: 66%;
    height: 477px;
    float: left;
}

.news .newstit {
    height: 71px;
    background: #eeeeee;
}

.news .newstit span {
    color: #232222;
    height: 71px;
    display: inline-block;
    font-weight: normal;
    width: 330px;
}

.news .newstit span a {
    text-decoration: none;
    position: relative;
    font-size: 22px;
    display: block;
    height: 71px;
    color: #232222;
    line-height: 71px;
    font-weight: bold;
    width: 153px;
    float: left;
    text-align: center;
}

.news .newstit span a:before {
    content: "";
    width: 30px;
    height: 29px;
    position: absolute;
    left: 0;
    top: 8px;
}

.news .newstit span a.cur {
    color: #fff;
    background: #C22222;
}

/* .news .newstit span {
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    width: 25px;
    padding-right: 18px;
    overflow: hidden;
}

.news .newstit span a {
    color: #333;
    display: block;
    background: url(../image/news_more_2.png) no-repeat;
    width: 25px;
    height: 25px;
    margin-top: 23px;
} */

.news_nr {
    border: 1px solid #eeeeee;
    height: 406px;
}

.news_c {
    border-right: 1px solid #eeeeee;
    position: relative;
    width: 46%;
    overflow: hidden;
    float: left;
}

.news_c dl {
    width: 95%;
    height: 135px;
    padding: 23px 0;
    overflow: hidden;
    margin: 0 10px;
    border-bottom: 1px solid #f2f2f2;
}

.news_c dt {
    width: 46%;
    height: 90px;
    position: relative;
    overflow: hidden;
    float: left;
}

.news_c dt img {
    width: 160px;
    height: 90px;
    display: block;
}

.news_c dd {
    width: 50%;
    overflow: hidden;
    float: right;
}

.news_c dd h4 {
    font-size: 18px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_c dd h4 a {
    color: #232222;
}

.news_c dd p {
    height: 50px;
    overflow: hidden;
    font-size: 15px;
    line-height: 25px;
    color: #666666;
}

.news_c dd p a {
    color: #0c3693;
}

.news_c dl:nth-child(3) {
    border-bottom: 0;
}

.news_nr .dl1 {
    width: 46%;
    padding: 16px 0;
    overflow: hidden;
    margin: 0 17px;
    float: right;
}

.news_nr .dl1 dt {
    width: 376px;
    height: 211px;
    position: relative;
    overflow: hidden;
    float: left;
}

.news_nr .dl1 dt img {
    width: 376px;
    height: 211px;
    display: block;
}

.news_nr .dl1 dd {
    width: 376px;
    overflow: hidden;
    /* float: right; */
}

.news_nr .dl1 dd h4 {
    font-size: 18px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 20px;
    margin-bottom: 15px;
}

.news_nr .dl1 dd h4 a {
    color: #232222;
}

.news_nr .dl1 dd p {
    height: 70px;
    overflow: hidden;
    font-size: 15px;
    line-height: 25px;
    color: #666666;
}

.news_nr .dl1 dd em {
    color: #b3b3b3;
    font-size: 15px;
    display: block;
}


.wt {
    width: 32%;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    float: right;
}

.wt .newstit {
    height: 71px;
    background: #eeeeee;
}

.wt .newstit span {
    color: #232222;
    height: 71px;
    display: inline-block;
    font-weight: normal;
    width:160px;
}

.wt .newstit span a {
    text-decoration: none;
    position: relative;
    font-size: 22px;
    display: block;
    height: 71px;
    color: #232222;
    line-height: 71px;
    font-weight: bold;
    width: 175px;
    float: left;
    text-align: center;
}

/* .wt .newstit span {
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    width: 25px;
    padding-right: 18px;
    overflow: hidden;
}

.wt .newstit span a {
    color: #333;
    display: block;
    background: url(../image/news_more_2.png) no-repeat;
    width: 25px;
    height: 25px;
    margin-top: 23px;
} */

.wt_c {
    border: 1px solid #eeeeee;
    height: 408px;
    padding-top: 23px;
    box-sizing: border-box;
}

.wt_c dl {
    height: 134px;
    margin: 0 24px;
}

.wt_c dt {
  /* background: url(../image/f2285a4fe90800aca9a837fd6c65a51.png) no-repeat left center;
    background-size: 25px 26px; */
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 26px;
    line-height: 26px;
    margin-bottom: 17px;
    /* padding-left: 40px; */
    font-size: 16px;
    color: #2d2d2d;
    font-weight: bold;
}

.wt_c dt a {
    color: #2d2d2d;
}

.wt_c dd {
    /* padding-left: 40px; */
    font-size: 15px;
    line-height: 26px;
    font-weight: normal;
    /* background: url(../image/d_2.gif) no-repeat left 0; */
    color: #666666;
    opacity: 0.65;
}
.card-header {
  display: flex;
  justify-content: space-between;
  padding-top:20px;
}
.card-header b {
  color: #000;
  font-size: 20px;
  padding: 15px 0 0 15px;
}

.card-header b:before {
  content: "";
  height: 100%;
  border-left: 3px solid #C22222;
  margin-right: .5rem;
}