.flex {
  display: flex; }

.of {
  overflow: hidden; }

.fen img {
  width: 100%;
  transition: all .3s ease-out; }
.fen:hover img {
  transform: scale(1.1); }

.w1718 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1718px; }
  @media (max-width: 1750px) {
    .w1718 {
      padding: 0 15px; } }

.w1520 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1520px; }
  @media (max-width: 1550px) {
    .w1520 {
      padding: 0 15px; } }

.flexs {
  display: flex; }

.tou {
  position: absolute;
  top: 0;
  z-index: 111;
 
  width: 100%; }
  .tou .con {
    justify-content: space-between;
    align-items: center;
    padding-right: 49px; }
    .tou .con .logo {
      line-height: 80px; }

@media (max-width: 780px) {
  .c1 .con {
    flex-wrap: wrap; } }
.c1 .con .c1-1 {
 
  text-align: center;
  width: 50%; }
  @media (max-width: 780px) {
    .c1 .con .c1-1 {
      width: 100%;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px; } }
  .c1 .con .c1-1 h2 {
    
    padding-top: 4.9vw;
    padding-bottom: 2.45vw;
    background-size: auto 100%; }
    @media (max-width: 780px) {
      .c1 .con .c1-1 h2 {
        padding-top: 38px;
        padding-bottom: 40px; } }
    .c1 .con .c1-1 h2 b {
      display: block;
      font-size: 30px;
      color: #1890E7; }
      @media (max-width: 1025px) {
        .c1 .con .c1-1 h2 b {
          font-size: 26px; } }
      @media (max-width: 780px) {
        .c1 .con .c1-1 h2 b {
          font-size: 24px; } }
    .c1 .con .c1-1 h2 p {
      font-size: 12px;
      color: #666666;
      font-weight: normal;
      margin-top: 8px; }
    .c1 .con .c1-1 h2:after {
      content: '';
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 160px;
      height: 2px;
      background-color: #1890E7;
      margin-top: 2.34375vw; }
  .c1 .con .c1-1 dd {
    font-size: 15px;
    line-height: 24px;
    color: #333333;width:80%;text-align: left;margin: auto;}
  .c1 .con .c1-1 .list2 {
    margin-top: 3.22916vw;
    display: flex;
    justify-content: center; }
    @media (max-width: 1025px) {
      .c1 .con .c1-1 .list2 {
        margin-top: 20px; } }
    .c1 .con .c1-1 .list2 li {
      padding: 0 2.055vw; }
      .c1 .con .c1-1 .list2 li a .img img {
        max-width: 50px; }
      .c1 .con .c1-1 .list2 li a p {
        font-size: 16px;
        color: #999999; }
        @media (max-width: 780px) {
          .c1 .con .c1-1 .list2 li a p {
            font-size: 14px;
            margin-top: 4px; } }
  .c1 .con .c1-1 a.ck {
    width: 190px;
    line-height: 43px;
    border: solid 1px #1890E7;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-weight: 600;
    color: #1890E7;
    display: block;
    margin-top: 4.16vw;
    transition: all .3s ease-out; }
    @media (max-width: 1025px) {
      .c1 .con .c1-1 a.ck {
        margin-top: 25px; } }
    .c1 .con .c1-1 a.ck:hover {
      color: #fff;
      background: #1890E7; }
.c1 .con .c1-2 {
  width: 50%; }
  @media (max-width: 780px) {
    .c1 .con .c1-2 {
      width: 100%; } }
  .c1 .con .c1-2 .img img {
    max-width: 100%; }
  .c1 .con .c1-2 .zi {
    background-color: #1890E7;
    color: #fff;
    padding-left: 4.17vw;
    padding-right: 4.17vw;
    padding-top: 3.5vw;
    padding-bottom: 3.75vw; }
    @media (max-width: 780px) {
      .c1 .con .c1-2 .zi {
        padding: 30px; } }
    .c1 .con .c1-2 .zi h3 {
      font-size: 24px;
      font-weight: 600; }
      @media (max-width: 1025px) {
        .c1 .con .c1-2 .zi h3 {
          font-size: 20px; } }
      @media (max-width: 780px) {
        .c1 .con .c1-2 .zi h3 {
          font-size: 18px; } }
    .c1 .con .c1-2 .zi dd {
      font-size: 12px;
      line-height: 18px;
      max-width: 329px;
      margin-top: 10px; }
    .c1 .con .c1-2 .zi:after {
      content: '';
      display: block;
      width: 306px;
      height: 1px;
      background-color: #ffffff;
      margin-top: 22px; }

h2.bt b {
  display: block;
  font-size: 30px;
  color: #1890E7;
  font-weight: 500; }
  @media (max-width: 1025px) {
    h2.bt b {
      font-size: 26px; } }
  @media (max-width: 780px) {
    h2.bt b {
      font-size: 24px; } }
h2.bt p {
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  margin-top: 8px; }
h2.bt:after {
  content: '';
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
  height: 2px;
  background-color: #1890E7;
  margin-top: 1.82vw; }

.c2 {
  padding-bottom: 6.41vw;
  padding-top: 7.5vw;
  background: url("//cdn.myxypt.com/b51b63b8/23/05/3fe4ef9a2d4c709d8c48c26248d311c28364f8ff.png") no-repeat 50% 0;
  background-size: cover; }
  @media (max-width: 780px) {
    .c2 {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .c2 .tit {
    align-items: end;
    justify-content: space-between; }
    .c2 .tit .tit1 {
      align-items: center; }
      .c2 .tit .tit1 .list2 {
        margin-right: 1.98vw;
        display: flex; }
        @media (max-width: 480px) {
          .c2 .tit .tit1 .list2 {
            display: none; } }
        .c2 .tit .tit1 .list2 li {
          margin-left: 1.82vw; }
          .c2 .tit .tit1 .list2 li:nth-child(1) {
            margin-left: 0; }
          .c2 .tit .tit1 .list2 li a {
            font-size: 16px;
            color: #666666;
            display: flex;
            align-items: center; }
            .c2 .tit .tit1 .list2 li a:before {
              display: block;
              margin-right: 9px;
              content: '';
              border-radius: 10px;
              width: 8px;
              height: 8px;
              border: 1px solid #1890E7;
              transition: all .3s ease-out; }
          .c2 .tit .tit1 .list2 li:hover a:before {
            background: #1890E7; }
             .c2 .tit .tit1 .list2 li a:hover{color:#1890E7}
      .c2 .tit .tit1 .bd .xx {
        cursor: pointer;
        width: 37px;
        height: 36px; }
        .c2 .tit .tit1 .bd .xx.zb {
          margin-right: 11px;
          background: url("//cdn.myxypt.com/b51b63b8/23/05/ed77d5617ea6e4713a5526ac91342713241ba4ac.png") no-repeat 50%; }
          .c2 .tit .tit1 .bd .xx.zb:hover {
            background: url("//cdn.myxypt.com/b51b63b8/23/06/b0d18ff93958f8ca7ed72f0a9c4a4bdc248777d2.png") no-repeat 50%; }
        .c2 .tit .tit1 .bd .xx.yb {
          background: url("//cdn.myxypt.com/b51b63b8/23/05/f4cdf8800c68fbd964c3787ab9c972d9a0cb40af.png") no-repeat 50%; }
          .c2 .tit .tit1 .bd .xx.yb:hover {
            background: url("//cdn.myxypt.com/b51b63b8/23/06/1e256595987cb69d5001a8815decc6c56f58f826.png") no-repeat 50%; }
  .c2 .con {
    margin-top: 2.45vw; }
    @media (max-width: 780px) {
      .c2 .con {
        margin-top: 30px; } }
    .c2 .con .list2 {
      margin-left: -0.835vw;
      margin-right: -0.835vw; }
      .c2 .con .list2 .slick-slide {
        margin: 0; }
        .c2 .con .list2 .slick-slide > div {
          padding: 0 0.835vw; }
          .c2 .con .list2 li{ background: #fff;}
      .c2 .con .list2 li a {
        position: relative; }
        .c2 .con .list2 li a:after {
          content: '';
          display: block;
          width: 0%;
          height: 2px;
          background: #1890E7;
          position: absolute;
          z-index: 1;
          bottom: 0;
          left: 0;
          transition: all .3s ease-out; }
        .c2 .con .list2 li a:hover:after {
          width: 100%; }
          .c2 .con .list2 li .img { text-align: center;}
      .c2 .con .list2 li .img img {
        width: auto;height: 250px; max-width: 100%; margin: auto; }
      .c2 .con .list2 li h3 {
        line-height: 40px;
        background: #fff;
        padding: 1.0416vw 1.56vw;
        font-size: 16px;
        color: #333333;
        font-weight: bold; }
        @media (max-width: 780px) {
          .c2 .con .list2 li h3 {
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding-left: 10px;
            padding-right: 10px; } 
			.c2 .con .list2 li .img img{ height:150px;}
			}
  .c2 .con1 {
    display: flex;
    justify-content: end;
    margin-top: 2.86vw; }
    @media (max-width: 780px) {
      .c2 .con1 {
        margin-top: 30px; } }
    .c2 .con1 a.ck {
      width: 190px;
      line-height: 42px;
      text-align: center;
      border: 1px solid #1890E7;
      background-color: #1890E7;
      font-size: 14px;
      display: block;
      color: #fff;
      transition: all .3s ease-out;
      font-weight: 600; }
      .c2 .con1 a.ck:hover {
        background: #fff;
        color: #1890E7; }

.c3 {
  padding-top: 11.2vw;
  padding-bottom: 12.29vw;
  background: url("//cdn.myxypt.com/b51b63b8/23/06/de3ee0ff2f936ae8193e854460321d8d71117955.jpg") no-repeat 50% 0;
  background-size: cover;
  text-align: center; }
  @media (max-width: 480px) {
    .c3 {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .c3 h2.bt b {
    color: #fff; }
  .c3 h2.bt p {
    color: #fff; }
      .c3 h2.bt::after{ margin:20px 0;}
  .c3 dd {
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
    margin-bottom: 3.2vw;
    margin-top: 1.666vw; }
    @media (max-width: 780px) {
      .c3 dd {
        margin-top: 20px;
        margin-bottom: 30px; } }
  .c3 a.ck {
    width: 191px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 14px;
    display: block;
    color: #fff;
    font-weight: 600;
 
    transition: all .3s ease-out; }
    .c3 a.ck:hover {
      background: #fff;
      color: #1890E7; }

.c4 {
  padding-top: 7.55vw;
  margin-bottom: 8.5vw; }
  @media (max-width: 780px) {
    .c4 {
      padding-top: 40px;
      padding-bottom: 20px; } }
  .c4 .tit {
    align-items: end;
    justify-content: space-between;
    display: flex; }
    .c4 .tit h2.bt:after {
      margin-left: 0; }
    .c4 .tit a.ck {
      width: 190px;
      line-height: 42px;
      border: solid 1px #1890E7;
      font-weight: 600;
      font-size: 14px;
      color: #1890E7;
      display: block;
      text-align: center;
      transition: all .3s ease-out; }
      .c4 .tit a.ck:hover {
        background: #1890E7;
        color: #fff; }
  .c4 .con {
    margin-top: 2.6vw; }
    @media (max-width: 780px) {
      .c4 .con {
        margin-top: 30px; } }
    .c4 .con .list2 {
      margin-left: -0.705vw;
      margin-right: -0.705vw; }
      @media (max-width: 780px) {
        .c4 .con .list2 {
          flex-wrap: wrap;
          margin-left: -7px;
          margin-right: -7px; } }
      .c4 .con .list2 li {
        padding: 0 0.705vw;
        width: 25%; }
        @media (max-width: 780px) {
          .c4 .con .list2 li {
            width: 50%;
            margin-bottom: 20px;
            padding: 0 7px; } }
        .c4 .con .list2 li .times {
          font-size: 14px;
          color: #999999;
          margin-bottom: 6px; }
        .c4 .con .list2 li .img img {
          width: 100%; height: 215px; }
        .c4 .con .list2 li .zi {
          margin-top: 26px; }
          @media (max-width: 1025px) {
            .c4 .con .list2 li .zi {
              margin-top: 16px; } }
          .c4 .con .list2 li .zi h3 {
            font-size: 18px;
            font-weight: 600;
            color: #333333;
            transition: all .3s ease-out;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
          .c4 .con .list2 li .zi dd {
            margin-top: 17px;
            font-size: 14px;
            line-height: 24px;
            color: #999999;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
            @media (max-width: 1025px) {
              .c4 .con .list2 li .zi dd {
                margin-top: 8px; } }
        .c4 .con .list2 li:hover .zi h3 {
          color: #1890E7; }
 @media (max-width: 768px) {
.c4 .con .list2 li .img img {
           height: 150px; }
 }
.c5 {
  background: url("//cdn.myxypt.com/b51b63b8/23/05/c94e8d914a46f1fa78fffd6f009957aebba467ff.png") no-repeat 50% 100%;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 64px; }
  @media (max-width: 1025px) {
    .c5 {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .c5 .tit {
    justify-content: space-between;
    display: flex;
    align-items: flex-start;
    position: relative; }
    .c5 .tit:after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background: #eeeeee;
      position: absolute;
      z-index: 1;
      bottom: 0; }
    .c5 .tit h2.bt {
      position: relative;
      z-index: 2; }
      .c5 .tit h2.bt:after {
        margin-left: 0; }
    .c5 .tit .bd {
      display: flex;
      margin-top: 1.51vw; }
      .c5 .tit .bd .xx {
        width: 37px;
        height: 36px;
        cursor: pointer; }
        .c5 .tit .bd .xx.zb {
          margin-right: 10px;
          background: url("//cdn.myxypt.com/b51b63b8/23/05/d7435ff79f2182fb7f87826e8aab42de729050c7.png") no-repeat 50%; }
        .c5 .tit .bd .xx.yb {
          background: url("//cdn.myxypt.com/b51b63b8/23/05/9dafce61a09474513b175cbba15d909b90df39ed.png") no-repeat 50%; }
  .c5 .con {
    margin-top: 3.7vw; }
    @media (max-width: 1025px) {
      .c5 .con {
        margin-top: 30px; } }
    .c5 .con .list2 {
      margin-left: -0.78125vw;
      margin-right: -0.78125vw; }
      .c5 .con .list2 li {
        padding: 0 0.78125vw; }

.foot {
  padding-top: 4.9vw;
  background: url("//cdn.myxypt.com/b51b63b8/23/05/608c93eba49c3ccb133f4a4858001d40d71151dc.png") no-repeat 50% 0;
  background-size: cover; }
  @media (max-width: 780px) {
    .foot {
      padding-top: 40px; } }
  .foot .con {
    justify-content: space-between; }
    @media (max-width: 480px) {
      .foot .con {
        flex-wrap: wrap; } }
    .foot .con .foot1-1 {
      max-width: 732px;
      justify-content: space-between;
      width: 74%; }
      @media (max-width: 480px) {
        .foot .con .foot1-1 {
          width: 100%;
          flex-wrap: wrap; } }
      .foot .con .foot1-1 .foot1 h2 {
        font-size: 24px;
        font-family: arial;
        color: #ffffff;
        font-weight: normal; }
      .foot .con .foot1-1 .foot1 dd {
        font-size: 16px;
        color: #d2d2d2;
        line-height: 30px;
        margin-top: 22px; }
       
          @media (max-width: 480px) {
            .foot .con .foot1-1 .foot1 dd p:nth-child(1) {
              margin-bottom: 10px; } }
        @media (max-width: 1025px) {
          .foot .con .foot1-1 .foot1 dd {
            font-size: 14px;
            margin-top: 12px;
            line-height: 22px; } }
      .foot .con .foot1-1 .foot2 {
        font-family: arial; }
        @media (max-width: 480px) {
          .foot .con .foot1-1 .foot2 {
            margin-top: 20px; } }
        .foot .con .foot1-1 .foot2 h2 {
          font-size: 24px;
          color: #ffffff;
          font-weight: normal; }
        .foot .con .foot1-1 .foot2 dd {
          margin-top: 17px;
          font-size: 30px;
          color: #ffffff;
          font-weight: bold; }
          @media (max-width: 780px) {
            .foot .con .foot1-1 .foot2 dd {
              margin-top: 7px;
              font-size: 24px; } }
    .foot .con .foot3 {
      text-align: center; }
      @media (max-width: 480px) {
        .foot .con .foot3 {
          margin-top: 20px; } }
      .foot .con .foot3 .img {
        width: 96px; }
        .foot .con .foot3 .img img {
          width: 100%; }
      .foot .con .foot3 dd {
        font-size: 14px;
        color: #999999;
        line-height: 23px;
        margin-top: 13px; }
        @media (max-width: 1025px) {
          .foot .con .foot3 dd {
            margin-top: 8px;
            font-size: 13px;
            line-height: 22px; } }
  .foot .list1 {
    max-width: 412px;
    margin-top: 2vw;
    margin-bottom: 2vw;
    width: 80%;
    justify-content: space-between; }
    @media (max-width: 780px) {
      .foot .list1 {
        margin-top: 30px;
        margin-bottom: 20px; } }
    .foot .list1 li a {
      color: #d2d2d2;
      font-size: 16px; }
  .foot .con1 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    padding-top: 2.5vw;
    padding-bottom: 2.8vw; }
    @media (max-width: 1025px) {
      .foot .con1 {
        font-size: 13px; } }
    @media (max-width: 780px) {
      .foot .con1 {
        padding-top: 15px;
        padding-bottom: 20px; } }
    .foot .con1 a {
      color: #999999; }

/*# sourceMappingURL=index.css.map */

/* ç¬¬å›› */
.ab_ll{max-width: 430px;margin-right:5%;margin-top: 2.5vw;}
.ab_ll li{border: 1px solid #fff;width: 33%;float: left;}
.ab_ll li .img_ss{width:90px;height:60px;margin:0 auto;margin-top:10px}
.ab_ll li .img_ss img{width: 100%;}
.ab_ll li:nth-child(2){margin-right: 33%;}
.ab_ll li:nth-child(6){margin-left: 33%;}
.ab_ll li:nth-child(8){margin-left: 66%;}
.ab_ll li h3{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 54px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.ab_ll li:nth-child(1),.ab_ll li:nth-child(6),.ab_ll li:nth-child(9){border-right: none;}
.ab_ll li:nth-child(3),.ab_ll li:nth-child(4){border-top: none;border-right: none;}
.ab_ll li:nth-child(6),.ab_ll li:nth-child(7){border-top: none}



@media (max-width: 1440px) {
.ab_ll li h3{	font-family: MicrosoftYaHei;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}
.ab_ll li .img_ss{width:70px;height:47px;margin:0 auto;margin-top:5px}
  }


@media (max-width: 992px) {
	.ab_ll{max-width: auto;width: 100%;margin-right:0%;}
	.xw_le{width: 100%;}
	
  }





.flex_11 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/* ç¬¬äº” */
.xw_le{text-align: left!important;}
.xw_le .web_tt{text-align: left;}
.xw_le .aann{text-align: left;}

.xw_re{width: 59%;margin-top: 3.5vw;}