@charset "utf-8";
/* 字体设置 */

#fn .p_no_d{
 border: 1px solid #224073 !important;
    color: #fff;
    background-color: #224073 !important;
}
* {
  padding: 0;
  margin: 0;
  font-family: PTSerif,Arial,Verdana, serif;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
}
/* 版心 */
.bx {
  width: 72.9167vw;
  margin: auto;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* 首屏 */
.head {
  padding-top: 9.375vw;
  box-sizing: border-box;
}
/* 导航 */
.head .nav {
  width: 100%;
  background-color: #224073;
  position: fixed;
  top: 0;
  left: 0;
  font-size: 0.8854vw;
  z-index: 999999;
}
.head .nav .top {
  padding: 35px 0;
}
/* .head .nav .top .logo{width: 28.6458vw; height: 4.1667vw;} logo 大小*/
.head .nav .top .box {
  height: 100%;
}
.head .nav .top .box .box-img{position: relative;}
.head .nav .top .box .img {
  position: absolute;
  right: 10%;
  top: 26%;
  width: 0.8333vw;
  height: 0.8333vw;
  cursor: pointer;
}
.head .nav .top .input {
  width: 13.3333vw;
  color: #697a9d;
  font-size: 0.8333vw;
}
.head .nav .top .input a{display: block;padding-top: 0.3vw;}
.head .nav .top .input input:nth-child(1) {
  width: 10.4167vw;
  height: 1.5625vw;
  background-color: #697a9d;
  border: 0;
  border-radius: 0.7813vw;
  box-sizing: border-box;
  padding-left: 10%;
  padding-right: 26%;
  color: #ffffff;
}
.head .nav .top .input input:focus {
  outline: none;
}
.head .nav .bottom {
  border-top: 1px solid #4a6186;
}
.head .nav .bottom ul li {
}
.head .nav .bottom ul li > a {
  /* white-space: nowrap; */
  display: block;
  padding: 15px 32px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  text-transform: inherit;
}
/* 二级导航 */
.head .nav .bottom ul li {
  position: relative;
}
.head .nav .bottom ul li > ol {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  box-sizing: border-box;
  z-index: 999999;
  background-color: #224073;
  display: none;
  width: 280px;
}
.head .nav .bottom ul li > ol li {
  width: 100%;
  text-align: center;
}
/* 轮播图 */
.carousel .slick-slide img {
  height: 26.063vw;
  width: 100%;
}
.carousel {
  position: relative;
}
.carousel .prev {
  position: absolute;
  top: 46%;
  right: 4%;
  cursor: pointer;
}
.carousel .next {
  position: absolute;
  top: 46%;
  left: 4%;
  cursor: pointer;
}
/* 小圆点 */
.slick-dots {
  display: block;
  position: absolute;
  bottom: 3%;
  right: 46%;
  list-style: none;
  z-index: 9;
}
/* 内容五小圆点 */
.carousel1 .slick-container .slick-dots {
    display: block;
    position: absolute;
    bottom: 0%;
    right: 86%;
    list-style: none;
    z-index: 9;
    padding: 0 !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
    display: flex;
  }
  .carousel1 .slick-container .slick-dots li{
    width: 11px;
    height: 11px;
    border-radius: 50%;
  }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 2.0833vw;
  height: 0.2083vw;
  background-color: #fff;
  cursor: pointer;
  margin: 0 0.3vw;
}

.slick-dots li button {
  display: none;
}

.slick-dots li.slick-active {
  background-color: #ff9000;
  height: 0.3vw;
  transition: height, background-color 0.5s ease;
}
/* 内容 */
/* 内容一 */
.content .one {
  width: 100%;
  background: url(../images/one-bj2025060622.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.content .one .box {
  padding: 3.125vw 5.3125vw;
  text-align: center;
  font-size: 0.9375vw;
}
.content .one .box .tit{
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 15px;
}
.content .one .box .conts{}
.content .one .box .conts p{
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 15px;
}
.content .one .box a {
  display: block;
  color: #333;
}
.content .one .box .p1 {
  font-size: 1.9vw;
  font-weight: 900;
  margin-bottom: 2vw;
  color: #333;
}
.content .one .box .p2 {
  margin-bottom: 1vw;
}
.content .one .box .p4 {
  margin: 1vw 0 2.2917vw 0;
}
.content .one .box a {
  display: block;
  padding: 1vw 3vw;
  text-align: center;
  font-size: 0.6vw;
  color: #fff;
  border-radius: 0.7813vw;
  border: 0;
  background-color: #224073;
  cursor: pointer;
  width: 50px;
  margin: 0 auto;
}
/* 内容二 */
.content .two {
  height: auto;
  width: 100%;
  background: url(../images/two-bj.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 1.25vw;
}
.content .two .box {
  padding-top: 3.125vw;
}
.top {
  font-size: 1.9vw;
  font-weight: 900;
  color: #333;
  align-items: end;
}
.top a{font-weight: 0;}
.content .two .box .top,.content .two .box .top a{color: #f2f2f2;}
.content .two .box .top a:hover{color: #ff9000;}
.top a {
  font-size: 0.7292vw;
  color: #333;
}
.content .two .box ul {
  width: 100%;
  height: 100%;
  margin-top: 1.5625vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.content .two .box ul li {
  width: 35.6771vw;
  height: 10.9375vw;
  position: relative;
  margin-bottom: 1.5625vw;
  overflow: hidden;
}
.content .two .box ul li img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
.content .two .box ul li .bix {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.0417vw;
  line-height: 19vw;
  background-image: linear-gradient(
    to top,
    rgba(43, 66, 115, 1) 0%,
    rgba(43, 66, 115, 0.5) 30%,
    rgba(43, 66, 115, 0) 99%
  );
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100%;
  z-index: 99;
}
/* 内容三 */
.content .three {
  width: 100%;
  /* background: url(../images/three-bj.png) no-repeat;
  background-size: 100% 100%; */
  padding: 3.125vw 0;
  overflow: hidden;
}
.content .three ul {
  margin-top: 0.875vw;
}
.content .three ul li {
  width: 23.3333vw;
  height: 25.5208vw;
  position: relative;
  background-color: #fff;
}
.content .three ul li .bix {
  padding: 0.5vw 1vw;
  /* width: 5.7292vw;
  height: 1.9792vw; */
  border-radius: 20px;
  background-color: #224073;
  text-align: center;
  color: #fff;
  font-size: 0.7292vw;
  /* font-weight: 600; */
  position: absolute;
  top: 14.5833vw;
  left: 6%;
}
.content .three ul li img {
  width: 23.2292vw;
  height: 15.625vw;
}
.content .three .box .top,
.content .three .box .top a {
  color: #333;
}
.content .three ul li a {
  display: block;
  padding: 0 1.0417vw;
}
.content .three ul li .p1 {
  font-size: 0.8854vw;
  font-weight: 600;
  color: #333;
  margin-top: 1.7708vw;
}
.content .three ul li .p2 {
  display: block;
  height: 1.8229vw;
  font-size: 0.7292vw;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 1vw 0;
}
.content .three ul li .a {
  color: #ff9000;
  font-size: 0.8333vw;
}
/* 内容四 */
.content .four .zuo {
  width: 59.6875vw;
  padding: 3.125vw 0;
  padding-left: 13.5417vw;
  padding-right: 3.125vw;
  /* background: url(../images/four-zuo-bj.png) no-repeat;
  background-size: 100% 100%; */
  box-sizing: border-box;
}
.content .four .zuo ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.2vw;
}
.content .four .zuo ul li {
  position: relative;
  width: 20.8vw;
  height: 14.0625vw;
  margin-bottom: 0.6771vw;
  overflow: hidden;
}
.content .four .zuo ul li img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
.content .four .zuo ul li .bix {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.0417vw;
  line-height: 24vw;
  background-image: linear-gradient(
    to top,
    rgba(43, 66, 115, 1) 0%,
    rgba(43, 66, 115, 0.5) 30%,
    rgba(43, 66, 115, 0) 99%
  );
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100%;
  z-index: 99;
}
.content .four {
  display: flex;
}
.content .four .you {
  width: 40.8333vw;
  /* background-color: #ffa633; */
}
.content .four .you .you-top {
  width: 100%;
  /* background-color: #ff9000; */
  height: 6.7708vw;
  padding: 3.125vw 13.5417vw 0 0;
  box-sizing: border-box;
}
.content .four .you ul {
  padding: 0 13.5417vw 0 0;
}
.content .four .you ul li:nth-child(1){border-top: 1px dashed #bdbaba;}
.content .four .you ul li {
  padding: 1vw 0;
  border-bottom: 1px dashed #bdbaba;
  color: #333;
  box-sizing: border-box;
  font-size: 0.8333vw;
}
.content .four .you ul li a{color: #333;}
.content .four .you ul li .p1 {
  margin: 1.0417vw 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.content .four .you ul li .p2{color: #999;}
/* 内容五 */
.content .five {
  /* background: url(../images/five-bj.png) no-repeat;
    background-size: 100% 100%;
 */
  padding: 3.125vw 0;
  background: #fff;
  overflow-x: hidden;
}
.content .five .box .top {
  color: #333;
}
.content .five .box .bix {
  width: 100%;
  display: flex;
  background-color: #fff;
}
.content .five .box .bix .zuo {
  width: 36.4583vw;
  height: 23.4375vw;
  overflow: hidden;
}
.content .five .box .bix .zuo img{width: 100%; height: 100%;}
.content .five .box .bix ul {
}
.content .five .box .bix ul li {
  display: flex;
  align-items: center;
  margin-bottom: 1.4583vw;
}
.content .five .box .bix ul li:last-child {
  margin-bottom: 0;
}
.content .five .box .bix ul li .p a {
  display: block;
  width: 28vw;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-left: 1.0417vw;
  font-size: 0.8854vw;
  font-weight: 600;
}
.content .five .box .bix ul li .riqi {
  width: 4.2vw;
  height: 4.2vw;
  background-color: #0f3864;
  font-size: 0.8333vw;
  color: #fff;
  text-align: center;
  border-radius: 0.4167vw;
  padding-top: 0.1563vw;
  box-sizing: border-box;
}
.content .five .box .bix ul li .riqi .p1 {
  font-size: 1.4vw;
  font-weight: 600;
  text-align: center;
  margin: 0.3vw 0;
}
/* 页脚 */
.foor {
  width: 100%;
  background: url(../images/foor-bj.png) no-repeat;
  background-size: 100% 100%;
}
.foor .logo {
  margin: 1.7708vw 21.875vw;
} /* width: 28.6458vw; height: 4.1667vw; 底部logo大小 */
.foor .hezi {
  width: 100%;
  padding: 0.5208vw 0;
}
.foor .hezi img {
  width: 4.6875vw;
  height: 4.6875vw;
}
.foor .p p {
  margin-bottom: 0.7292vw;
  color: #fff;
  font-size: 0.8333vw;
}
.foor .box{padding-bottom: 1.0417vw;}
.foor .bottom {
  height: 3.6458vw;
  border-top: 1px solid #51698f;
  text-align: center;
  line-height: 3.6458vw;
  font-size: 0.8333vw;
  color: #fff;
}
.zhenghe{
    background: url(../images/zheng-bj.png);
    background-size: 100% auto;
}
/* 鼠标进入 */
/* 导航 */
.head .nav .bottom ul li > a:hover {
  background-color: #ff9000;
  transition: background-color 0.5s ease; /* 添加过渡效果 */
}
/* 内容1 */
.content .one .box:hover a {
  color: #fff;
  transition: color 0.5s ease;
}
.content .one .box a:hover {
  background-color: #ff9000;
  transition: background-color 0.5s ease; /* 添加过渡效果 */
}
/* 标题 */
.top a:hover,
.content .three .box .top a:hover {
  color: #ff9000;
  transition: color 0.5s ease;
}
/* 内容二 */
.content .two ul li:hover img {
  transform: scale(1.2);
}
.content .two ul li:hover a {
  color: #ff9000;
  transition: color 0.5s ease;
}
/* 内容三 */
.content .three .box ul li:hover {
  box-shadow: 0 4px 26px 0 rgb(146 169 208);
  transition: box-shadow 0.5s ease;
}
.content .three .box ul li:hover .bix {
  background-color: #ff9000;
  transition: background-color 0.5s ease;
}
.content .three .box ul li:hover .p1 {
  color: #ff9000;
  transition: color 0.5s ease;
}
/* 内容四 */
.content .four .zuo ul li:hover img {
  transform: scale(1.2);
}
.content .four .zuo ul li:hover a {
  color: #ff9000;
  transition: color 0.5s ease;
}
.content .four .you .you-top:hover a {
  color: #ff9000;
  transition: color 0.5s ease;
}
.content .four .you ul li:hover a {
  color: #ff9000;
  transition: color 0.5s ease;
}
/* 内容五 */
.content .five .box ul li:hover .riqi {
  background-color: #ff9000;
  transition: background-color 0.5s ease;
}
.content .five .box ul li:hover .p a {
  color: #ff9000;
  transition: color 0.5s ease;
}
body{overflow-x: hidden;}n {
  padding: 1vw 3vw;
  text-align: center;
  font-size: 0.6vw;
  color: #fff;
  border-radius: 0.7813vw;
  border: 0;
  background-color: #224073;
  cursor: pointer;
}
/* 内容二 */
.content .two {
  height: auto;
  width: 100%;
  background: url(../images/two-bj.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 1.25vw;
}
.content .two .box {
  padding-top: 3.125vw;
}
.top {
  font-size: 1.9vw;
  font-weight: 900;
  color: #333;
  align-items: end;
}
.top a{font-weight: 0;}
.content .two .box .top,.content .two .box .top a{color: #f2f2f2;}
.content .two .box .top a:hover{color: #ff9000;}
.top a {
  font-size: 0.7292vw;
  color: #333;
}
.content .two .box ul {
  width: 100%;
  height: 100%;
  margin-top: 1.5625vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.content .two .box ul li {
  width: 35.6771vw;
  height: 10.9375vw;
  position: relative;
  margin-bottom: 1.5625vw;
  overflow: hidden;
}
.content .two .box ul li img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
.content .two .box ul li .bix {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.0417vw;
  line-height: 19vw;
  background-image: linear-gradient(
    to top,
    rgba(43, 66, 115, 1) 0%,
    rgba(43, 66, 115, 0.5) 30%,
    rgba(43, 66, 115, 0) 99%
  );
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100%;
  z-index: 99;
  color: #FFF;
}
/* 内容三 */
.content .three {
  width: 100%;
  /* background: url(../images/three-bj.png) no-repeat;
  background-size: 100% 100%; */
  padding: 45px 0 35px 0;
  overflow: hidden;
}
.content .three ul {
  margin-top: 0.875vw;
}
.content .three ul li {
  width: 23.3333vw;
  height: auto;
  position: relative;
  background-color: #fff;
  padding-bottom: 15px;
}
.content .three ul li .bix {
  padding: 0.5vw 1vw;
  /* width: 5.7292vw;
  height: 1.9792vw; */
  border-radius: 20px;
  background-color: #224073;
  text-align: center;
  color: #fff;
  font-size: 0.7292vw;
  /* font-weight: 600; */
  position: absolute;
  top: 14.5833vw;
  left: 6%;
}
.content .three ul li img {
  width: 23.2292vw;
  height: 15.625vw;
}
.content .three .box .top,
.content .three .box .top a {
  color: #333;
}
.content .three ul li a {
  display: block;
  padding: 0 1.0417vw;
}
.content .three ul li .p1 {
  font-size: 17px;
  color: #333;
  margin-top: 1.7708vw;
}
.content .three ul li .p2 {
  display: block;
  height: 1.8229vw;
  font-size: 13px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 5px 0 10px;
  line-height: 18px;
  height: 35px;
}
.content .three ul li .a {
  color: #ff9000;
  font-size: 12px;
}
/* 内容四 */
.content .four .zuo {
  width: 59.6875vw;
  padding: 15px 0 50px;
  padding-left: 13.5417vw;
  padding-right: 3.125vw;
  /* background: url(../images/four-zuo-bj.png) no-repeat;
  background-size: 100% 100%; */
  box-sizing: border-box;
}
.content .four .zuo ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.2vw;
}
.content .four .zuo ul li {
  position: relative;
  width: 20.8vw;
  height: 14.0625vw;
  margin-bottom: 0.6771vw;
  overflow: hidden;
}
.content .four .zuo ul li img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
.content .four .zuo ul li .bix {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.0417vw;
  line-height: 24vw;
  background-image: linear-gradient(
    to top,
    rgba(43, 66, 115, 1) 0%,
    rgba(43, 66, 115, 0.5) 30%,
    rgba(43, 66, 115, 0) 99%
  );
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100%;
  z-index: 99;
  color: #FFF;
}
.content .four {
  display: flex;
}
.content .four .you {
  width: 40.8333vw;
  /* background-color: #ffa633; */
}
.content .four .you .you-top {
  width: 100%;
  /* background-color: #ff9000; */
  height: 90px;
  padding: 15px 13.5417vw 0 0;
  box-sizing: border-box;
}
.content .four .you ul {
  padding: 0 13.5417vw 0 0;
}
.content .four .you ul li:nth-child(1){border-top: 1px dashed #bdbaba;}
.content .four .you ul li {
  padding: 1vw 0;
  border-bottom: 1px dashed #bdbaba;
  color: #333;
  box-sizing: border-box;
  font-size: 0.8333vw;
}
.content .four .you ul li a{color: #333;}
.content .four .you ul li .p1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 20px;
  height: 70px;
  font-size: 17px;
  margin: 0 0 10px;
}
.content .four .you ul li .p2{color: #999;}
/* 内容五 */
.content .five {
  /* background: url(../images/five-bj.png) no-repeat;
    background-size: 100% 100%;
 */
  padding: 50px 0;
  background: #fff;
  overflow-x: hidden;
}
.content .five .box .top {
  color: #333;
}
.content .five .box .bix {
  width: 100%;
  display: flex;
  background-color: #fff;
  margin-top: 20px;
}
.content .five .box .bix .zuo {
  width: 36.4583vw;
  height: 23.4375vw;
  overflow: hidden;
}
.content .five .box .bix .zuo img{width: 100%; height: 100%;}
.content .five .box .bix ul {
  padding: 1.2vw 1.9792vw;
  box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.2);
}
.content .five .box .bix ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.content .five .box .bix ul li:last-child {
  margin-bottom: 0;
}
.content .five .box .bix ul li .p a {
  display: block;
  width: 28vw;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-left: 1.0417vw;
  font-size: 17px;
  font-weight: normal;
  line-height: 24px;
  max-height: 48px;
}
.content .five .box .bix ul li .riqi {
  width: 4.2vw;
  height: 4.2vw;
  background-color: #0f3864;
  font-size: 0.8333vw;
  color: #fff;
  text-align: center;
  border-radius: 0.4167vw;
  padding-top: 0.1563vw;
  box-sizing: border-box;
}
.content .five .box .bix ul li .riqi .p1 {
  font-size: 1.4vw;
  font-weight: 600;
  text-align: center;
  margin: 0.3vw 0;
}
/* 页脚 */
.foor {
  width: 100%;
  background: url(../images/foor-bj.png) no-repeat;
  background-size: 100% 100%;
}
.foor .logo {
  margin: 1.7708vw 21.875vw;
} /* width: 28.6458vw; height: 4.1667vw; 底部logo大小 */
.foor .hezi {
  width: 100%;
  padding: 0.5208vw 0;
}
.foor .hezi img {
  width: 4.6875vw;
  height: 4.6875vw;
}
.foor .p p {
  margin-bottom: 0.7292vw;
  color: #fff;
  font-size: 14px;
}
.foor .box{padding-bottom: 1.0417vw;}
.foor .bottom {
  height: 3.6458vw;
  border-top: 1px solid #51698f;
  text-align: center;
  line-height: 3.6458vw;
  font-size: 0.8333vw;
  color: #fff;
}
.zhenghe{
    background: url(../images/zheng-bj.png);
    background-size: 100% auto;
}
/* 鼠标进入 */
/* 导航 */
.head .nav .bottom ul li > a:hover {
  