body {

  margin: 0;



  padding: 0;

}



.home {

  position: reactive;

}



.header {

  width: 100%;



  display: flex;



  height: 89px;



  /* background: url("../image/0fa0c87dae255e1_size620_w372_h183.gif") no-repeat



            100%; */



  background-size: cover;



  background-color: white;

}



.One {

  /* height: 89px;



  flex: 0.5;



  text-align: center;



  padding-top: 20px;



  line-height: 25px;



  font-size: 25px;



  margin-top: 15px;



  color: #1151d1;



  margin-left: -10px; */

  flex: 0.1;

}



.Two {

  width: 160px;



  height: 23px;



  font-size: 28px;



  font-family: Microsoft YaHei;



  font-weight: bold;



  font-style: italic;



  color: #1151d1;



  line-height: 64px;



  margin-top: 15px;

}



.Three {

  flex: 5;



  height: 89px;



  display: flex;



  text-align: center;



  justify-content: flex-end;



  border-bottom: 0.1px solid #fff;



  margin: 0;

}



.Three span {

  display: block;



  width: 70px;



  height: 86px;



  font-size: 16px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  /* color: #ffffff; */



  line-height: 86px;



  margin-right: 100px;

}



.Three span:nth-child(5) {

  margin-right: 20px;

}



.banner {

  width: 100%;



  height: 467px;



  display: flex;



  background: url("../image/1.2.png") no-repeat 100%;



  background-size: cover;



  position: relative;

}



.banner img {

  width: 100%;



  height: 100%;

}



.banner p:nth-child(1) {

  position: absolute;



  top: 62px;



  left: 790px;



  color: white;



  font-size: 52px;

}



.banner p:nth-child(2) {

  position: absolute;



  top: 153px;



  left: 908px;



  width: 104px;



  height: 26px;



  font-size: 26px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  color: #ffffff;

}



.banner p:nth-child(3) {

  position: absolute;



  top: 220px;



  left: 935px;



  width: 51px;



  height: 2px;



  background-color: white;

}



.xinWen {

  width: 80%;



  height: 100%;



  margin-left: 10%;

}



#box {

  width: 100%;



  height: 191px;



  display: flex;



  flex-direction: row;



  margin-top: 9px;

}



#box p:nth-child(1) {

  width: 350px;



  height: 181px;



  margin: 0;

}

#box p:nth-child(2) a:nth-child(1) {

  height: 130px;

}

#box p:nth-child(2) a:nth-child(2) {

  margin-left: -13px;

  font-size: 14px;

}

#box p:nth-child(1) img {

  width: 100%;



  height: 100%;



  margin-left: 13px;



  margin-top: 6px;



  /* transition: all 0.3s ease-in 0s; */

}



/* #box p:nth-child(1) img:hover {



  transform: scale(1.2);



  transition: all 0.3s ease-in;



} */



#box p:nth-child(2) {

  width: 80%;



  height: 181px;



  margin: 2.5px;



  display: flex;



  flex-direction: column;



  margin-left: 40px;

}



#box p:nth-child(2) span:nth-child(1) {

  display: block;



  width: 100%;



  height: 24px;



  font-size: 20px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  margin-top: 21px;



  margin-left: -13px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;

}



#box p:nth-child(2) span:nth-child(2) {

  display: block;



  width: 909px;



  height: 64px;



  font-size: 14px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  margin-top: 18px;



  margin-left: -13px;



  line-height: 22px;

}



#box p:nth-child(2) span:nth-child(3) {

  display: block;



  width: 56px;



  height: 15px;



  font-size: 14px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  margin-top: 15px;



  margin-left: -13px;

}



#box p:nth-child(3) {

  width: 150px;



  height: 181px;



  margin-top: 20px;

}



#box p:nth-child(3) span:nth-child(1) {

  display: block;



  width: 114px;



  height: 32px;



  font-size: 40px;



  font-family: Microsoft YaHei;



  font-weight: 400;

}



#box p:nth-child(3) span:nth-child(2) {

  display: block;



  width: 38px;



  height: 13px;



  font-size: 16px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  margin-top: 17px;



  margin-left: 3px;



  line-height: 22px;

}



#box p:nth-child(3) span:nth-child(3) {

  display: block;



  width: 38px;



  height: 2px;



  background: #707173;



  margin-top: 15px;



  margin-left: 3px;

}



.boxColor {

  background-color: #2f5cc1;



  color: white;



  transition: all 0.3s ease-in;

}



.boxColor1 {

  color: white;

  transition: all 0.3s ease-in;

}



.footer {

  width: 426px;



  height: 54px;



  background: #f7f8fb;



  border: 1px solid #ffffff;



  box-shadow: 0px 0px 16px 0px rgba(142, 153, 178, 0.16);



  border-radius: 6px;



  display: flex;



  margin-left: 746px;



  margin-top: 80px;

}



/*.footer span {*/



/*  font-family: Microsoft YaHei;*/



/*  font-weight: 400;*/



/*  !* color: #333333; *!*/



/*  display: block;*/



/*  width: 100%;*/



/*  height: 100%;*/



/*  text-align: center;*/



/*  line-height: 54px;*/



/*  font-size: 14px;*/



/*}*/



.footerTwo {

  width: 100%;



  height: 44px;



  background-color: black;



  color: white;



  margin-top: 120px;



  display: flex;



  justify-content: center;

}



.footerTwo span {

  display: block;



  width: 468px;



  height: 14px;



  font-size: 12px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  color: #ffffff;



  margin-top: 15px;

}



a {

  text-decoration: none;



  color: black;

}



.tou {

  border-bottom: 4px solid #1151d1;



  color: #1151d1;



  animation: blurFadeInOut 3s ease-in backwards;

}



.fenYe {

  color: #1151d1;

}



.fenYeTwo {

  color: #8d8d8d;

}



@keyframes blurFadeInOut {

  0% {

    opacity: 0.2; /*初始状态 透明度为0*/

  }



  25% {

    opacity: 0.4; /*中间状态 透明度为0*/

  }



  50% {

    opacity: 0.6; /*中间状态 透明度为0*/

  }



  75% {

    opacity: 0.8; /*中间状态 透明度为0*/

  }



  100% {

    opacity: 1; /*结尾状态 透明度为1*/

  }

}



.yi {

  display: none;

}



.er {

  display: block;

}



.rightBoxX {

  width: 1520px;



  height: 100%;



  background-color: rgba(0, 0, 0, 0);



  position: fixed;



  right: 0;



  top: 0;



  z-index: 100;

}



.leftBoxX p {

  width: 100%;



  height: 113px;



  text-align: center;



  line-height: 100px;



  font-size: 25px;



  margin: 0;



  transition: all 0.3s ease-in 0s;



  z-index: 500;

}



.leftBoxX p:nth-child(2):hover {

  transition: all 0.3s ease-in;



  background-color: #1151d1;



  color: white !important;

}



.leftBoxX p:nth-child(3):hover {

  transition: all 0.3s ease-in;



  background-color: #1151d1;



  color: white !important;

}



.leftBoxX p:nth-child(4):hover {

  transition: all 0.3s ease-in;



  background-color: #1151d1;



  color: white !important;

}



.leftBoxX p:nth-child(5):hover {

  transition: all 0.3s ease-in;



  background-color: #1151d1;



  color: white !important;

}



.leftBoxX p:nth-child(6):hover {

  transition: all 0.3s ease-in;



  background-color: #1151d1;



  color: white !important;

}



.leftBoxX p img {

  margin-top: 5px;

}



.leftBoxX {

  width: 400px;



  height: 100%;



  background-color: white;



  position: fixed;



  left: 0;



  top: 0;



  z-index: 300;

}

.yi {

  background-color: #acb9e1 !important;

}