.listHeader {
  width: 100%;
  height: 554px;
}

.winyeahsListBanner {
  width: 100%;
  height: 554px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.winyeahsListBanner div:nth-of-type(1) {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

}

.winyeahsListBanner div:nth-of-type(1) img {
  width: 100%;
  height: 554px;
  overflow: hidden;
  position: relative;
  /* margin: 0 auto; */
  object-fit: cover;
  object-position: center center;
}

.winyeahsListBanner div:nth-of-type(2) {
  position: relative;
  text-align: center;
  z-index: 11;
  margin: 0 auto;
  margin-top: 74px;
}

.winyeahsListBanner div:nth-of-type(2) h1 {
  width: 100%;
  text-align: center;
  font-size: 45px;
  letter-spacing: 1px;
  color: #ffffff;
}

.winyeahsListBanner div:nth-of-type(2) p {
  width: 100%;
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 31px;
}




.cpfwListArea2 {
  width: 100%;
}

.cpfwListArea2Nav {
  width: 100%;
  height: 53px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 111;
}

.cpfwListArea2Nav>div {
  overflow: hidden;
}

.cpfwListArea2Nav>div a {
  float: left;
  margin: 0 30px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  letter-spacing: 0px;
  color: #5f6464;
  position: relative;
}

.cpfwListArea2Nav>div a::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 145, 255, 1);
  opacity: 0;
  transition: all .5s ease;
}

.cpfwListArea2Nav>div a:hover {
  font-weight: bold;
}

.cpfwListArea2Nav>div a:hover::after {
  opacity: 1;
  transition: all .5s ease;
}

.cpfwListArea2Nav>div a.cpfwListArea2NavActive {
  font-weight: bold;
}

.cpfwListArea2Nav>div a.cpfwListArea2NavActive::after {
  opacity: 1;
}

.cpfwlistArea2Content {
  width: 100%;

  margin-top: 46px;
}

.cpfwlistArea2Content>div {
  width: 1395px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 120px;
}

.cpfwlistArea2Content>div ul li {
  float: left;
  width: 251px;
  height: 251px;
  margin: 14px;
  background: #fff;
  position: relative;
}

.cpfwlistArea2Content>div ul li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 4px;
  transition: all .5s ease;
}

.cpfwlistArea2Content>div ul li a div:nth-of-type(1) {
  height: 60px;
  position: relative
}

.cpfwlistArea2Content>div ul li a div:nth-of-type(2) {
  position: relative
}

.cpfwlistArea2Content>div ul li a div:nth-of-type(1) img:nth-of-type(1) {
  display: block;

}

.cpfwlistArea2Content>div ul li a div:nth-of-type(1) img:nth-of-type(2) {
  display: none;
}

.cpfwlistArea2Content>div ul li a div:nth-of-type(2) p {
  font-size: 16px;
  letter-spacing: 0px;
  color: #5f6464;
  margin-top: 55px;
  padding: 0 10px;
  text-align: center;
}

.cpfwlistArea2Content>div ul li a div:nth-of-type(3) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  padding: 26px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all .5s ease;
}

.cpfwlistArea2Content>div ul li a div:nth-of-type(3) p {
  display: block;
  width: 100%;
  padding: 0 22px;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.cpfwlistArea2Content>div ul li a div:nth-of-type(3) span {
  position: absolute;
  bottom: 30px;
  right: 50%;
  display: block;
  width: 30px;
  height: 12px;
  background: url(../images/winyeahs_index_area3_icon1.png) no-repeat;
  background-size: auto 100%;
}

.cpfwlistArea2Content>div ul li:hover a div:nth-of-type(3) span {
  animation: lrmove3 1.5s ease infinite;
  -webkit-animation: lrmove3 1.5s ease infinite;
  -ms-animation: lrmove3 1.5s ease infinite;
  -moz-animation: lrmove3 1.5s ease infinite;
  -o-animation: lrmove3 1.5s ease infinite;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li a div:nth-of-type(3) * {
  opacity: 0;
}



.cpfwqyly .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(3) {
  background-color: rgba(0, 145, 255, 1);
  opacity: 1;
  transition: all .5s ease;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(3) {
  background-color: rgba(3, 189, 30, 1);
  opacity: 1;
  transition: all .5s ease;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) {
  position: relative;
  z-index: 1111;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(2) {
  position: relative;
  z-index: 1111;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) img:nth-of-type(1) {
  display: none;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) img:nth-of-type(2) {
  display: block;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(2) p {
  color: #fff;
}


.cpfwqyly .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(3) {
  background-color: rgba(0, 145, 255, 1);
  opacity: 1;
  transition: all .5s ease;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(3) {
  background-color: rgba(3, 189, 30, 1);
  opacity: 1;
  transition: all .5s ease;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) {
  position: relative;
  z-index: 1111;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(2) {
  position: relative;
  z-index: 1111;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) img:nth-of-type(1) {
  display: none;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) img:nth-of-type(2) {
  display: block;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(2) p {
  color: #fff;
}


.cpfwqyly .cpfwlistArea2Content>div ul li:hover a {

  position: absolute;
  top: -10px;
  box-shadow: 0 0 15px rgba(0, 145, 255, 1);
  transition: all .5s ease;
}

.cpfwfsznt .cpfwlistArea2Content>div ul li:hover a {
  position: absolute;
  top: -10px;
  box-shadow: 0 0 15px rgba(255, 162, 9, 1);
  transition: all .5s ease;
}

.cpfwfsznt .cpfwlistArea2Content>div ul li:hover>a {
  background-color: rgba(255, 162, 9, 1);
  transition: all .5s ease;
}

.cpfwfsznt .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(2) p {
  color: #fff;
}

.cpfwfsznt .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) img:nth-of-type(1) {
  display: none;
}

.cpfwfsznt .cpfwlistArea2Content>div ul li:hover a div:nth-of-type(1) img:nth-of-type(2) {
  display: block;
}

.cpfwzhjq .cpfwlistArea2Content>div ul li:hover a {
  position: absolute;
  top: -10px;
  box-shadow: 0 0 15px rgba(3, 189, 30, 1);
  transition: all .5s ease;
}


.cpfwwlrhlistArea2Content {
  width: 100%;
  margin-top: 46px;
}

.cpfwwlrhlistArea2Content>div {
  width: 1395px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 120px;
}

.cpfwwlrhlistArea2Content>div ul li {
  float: left;
  height: 251px;
  margin: 14px;
  background: #fff;
  position: relative;
}

.cpfwwlrhlistArea2Content>div ul li>a {
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 5px;
  display: block;
  width: 100%;
  height: 100%;
}

.cpfwwlrhlistArea2Content>div ul li>a>div {
  float: left;
  width: 251px;
  height: 251px;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .5s ease;
}

.cpfwwlrhlistArea2Content>div ul li>a>p {
  float: left;
  display: block;
  width: 1px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cpfwwlrhlistArea2Content>div ul li>a>p>span {
  width: 1px;
  height: 198px;
  background-image: linear-gradient(0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(0, 0, 0, 1) 48%,
      rgba(255, 255, 255, 1) 100%);
  opacity: 0.2;
}

.cpfwwlrhlistArea2Content>div ul li:nth-of-type(3)>a>div {
  width: 278px;
}

.cpfwwlrhlistArea2Content>div ul li:nth-of-type(4)>a>div {
  width: 278px;
}

.cpfwwlrhlistArea2Content>div ul li:nth-of-type(5)>a>div {
  width: 278px;
}

.cpfwwlrhlistArea2Content>div ul li:nth-of-type(3)>a>div:nth-of-type(1) {
  width: 251px;
}

.cpfwwlrhlistArea2Content>div ul li:nth-of-type(4)>a>div:nth-of-type(1) {
  width: 251px;
}

.cpfwwlrhlistArea2Content>div ul li:nth-of-type(5)>a>div:nth-of-type(1) {
  width: 251px;
}

.cpfwwlrhlistArea2Content>div ul li>a>div>div:nth-of-type(1) img:nth-of-type(1) {
  display: block;
}

.cpfwwlrhlistArea2Content>div ul li>a>div>div:nth-of-type(1) img:nth-of-type(2) {
  display: none;
}

.cpfwwlrhlistArea2Content>div ul li>a>div>div:nth-of-type(1) h1 {
  font-family: PFDinTextProThin;
  font-size: 88px;
  letter-spacing: 0px;
  /* color: rgba(181, 181, 181, 1); */
  opacity: 0.85;
  background-image: linear-gradient(180deg, rgba(181, 181, 181, 1), rgba(181, 181, 181, .1));
  -webkit-background-clip: text;
  color: transparent;
  transition: all .5s ease;

}

.cpfwwlrhlistArea2Content>div ul li>a>div>div:nth-of-type(2) p {
  font-size: 16px;
  letter-spacing: 0px;
  color: #5f6464;
  margin-top: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  padding: 0 20px;
}

.cpfwwlrhlistArea2Content>div ul li:hover>a>div:nth-of-type(1) {
  background-color: rgba(255, 162, 0, 1);
  transition: all .5s ease;
}

.cpfwwlrhlistArea2Content>div ul li:hover>a {
  position: relative;
  top: -10px;
  box-shadow: 0 0 15px rgba(255, 162, 0, 1);
  transition: all .5s ease;
}

.cpfwwlrhlistArea2Content>div ul li:hover>a>div>div:nth-of-type(1) img:nth-of-type(1) {
  display: none;
}

.cpfwwlrhlistArea2Content>div ul li:hover>a>div>div:nth-of-type(1) img:nth-of-type(2) {
  display: block;
}

.cpfwwlrhlistArea2Content>div ul li>a>div:hover>div:nth-of-type(1) h1 {
  color: rgba(255, 162, 0, 1);
  transition: all .5s ease;
}

.cpfwwlrhlistArea2Content>div ul li:hover>a>div>div:nth-of-type(2) p {
  color: rgba(111, 71, 0, 1);
}

.cpfwwlrhlistArea2Content>div ul li:hover>a>div:nth-of-type(1)>div:nth-of-type(2) p {
  color: #fff;
}

.cpfwppmgc .cpfwwlrhlistArea2Content>div ul li:hover>a>div:nth-of-type(1) {
  background-color: rgba(255, 0, 0, 1);
  transition: all .5s ease;
}

.cpfwppmgc .cpfwwlrhlistArea2Content>div ul li:hover>a {
  position: relative;
  top: -10px;
  box-shadow: 0 0 15px rgba(255, 0, 0, 1);
  transition: all .5s ease;
}





/* 经典案例 */


.jdalListArea2Nav {
  width: 100%;
}

.jdalListArea2Nav>div {
  width: 915px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 40px;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: space-around;
}


.jdalListArea2Nav>div a {
  float: left;
  display: block;
  width: 132px;
  height: 132px;
  background: url(../images/winyeahs_jdal_nav_bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* margin: 0 10px; */
  position: relative;
  top: 0px;
  /* transition: all .5s ease ; */
}

.jdalListArea2Nav>div a span {
  display: block;
  width: 55px;
  height: 52px;
}

.jdalListArea2Nav>div a:nth-of-type(1) span {
  background: url(../images/winyeahs_jdal_nav_icon7.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(2) span {
  background: url(../images/winyeahs_jdal_nav_icon2.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(3) span {
  background: url(../images/winyeahs_jdal_nav_icon8.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(4) span {
  background: url(../images/winyeahs_jdal_nav_icon4.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(5) span {
  background: url(../images/winyeahs_jdal_nav_icon5.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(6) span {
  background: url(../images/winyeahs_jdal_nav_icon6.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}



.jdalListArea2Nav>div a:nth-of-type(1):hover span {
  background: url(../images/winyeahs_jdal_nav_icon7Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(2):hover span {
  background: url(../images/winyeahs_jdal_nav_icon2Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(3):hover span {
  background: url(../images/winyeahs_jdal_nav_icon8Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(4):hover span {
  background: url(../images/winyeahs_jdal_nav_icon4Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(5):hover span {
  background: url(../images/winyeahs_jdal_nav_icon5Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(6):hover span {
  background: url(../images/winyeahs_jdal_nav_icon6Active.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.jdalListArea2Nav>div a:nth-of-type(1).jdalListArea2NavActive span {
  background: url(../images/winyeahs_jdal_nav_icon7Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(2).jdalListArea2NavActive span {
  background: url(../images/winyeahs_jdal_nav_icon2Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(3).jdalListArea2NavActive span {
  background: url(../images/winyeahs_jdal_nav_icon8Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(4).jdalListArea2NavActive span {
  background: url(../images/winyeahs_jdal_nav_icon4Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(5).jdalListArea2NavActive span {
  background: url(../images/winyeahs_jdal_nav_icon5Active.png) no-repeat;
  background-size: 100% 100%;
}

.jdalListArea2Nav>div a:nth-of-type(6).jdalListArea2NavActive span {
  background: url(../images/winyeahs_jdal_nav_icon6Active.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.jdalListArea2Nav>div p {
  margin-top: 23px;
  font-size: 17px;
  letter-spacing: 0px;
  color: rgba(1, 64, 153, .8);
}

.jdalListArea2Nav>div a:hover {
  background: url(../images/winyeahs_jdal_nav_bgActive.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: -6px;
  height: 143px;
  filter: drop-shadow(0px 8px 10px rgba(0, 104, 180, 0.6));
  /* transition: all .5s ease ; */
}

.jdalListArea2Nav>div a:hover p {
  color: #fff;
  /* margin-top: 12px; */
}

.jdalListArea2Nav>div a.jdalListArea2NavActive {
  background: url(../images/winyeahs_jdal_nav_bgActive.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  height: 143px;
  top: -6px;
  /* transition: all .5s ease ; */
  filter: drop-shadow(0px 8px 10px rgba(0, 104, 180, 0.6));

}

.jdalListArea2Nav>div a.jdalListArea2NavActive p {
  color: #fff;
  margin-top: 12px;
}



.jdallistArea2Content {
  width: 100%;
}

.jdallistArea2Content>div,
.jdal_recommend .swiper-container {
  width: 1395px;
  margin: 0 auto;
}

.jdallistArea2Content>div>div {
  width: 100%;
  overflow: hidden;
  margin-top: 24px;
  padding-bottom: 40px;
}

.jdallistArea2Content>div>div:nth-of-type(2) {
  padding-bottom: 53px;
}

.jdallistArea2Content>div>div:nth-of-type(2) {
  padding-bottom: 103px;
}

.jdallistArea2Content>div>div ul li {
  width: 436px;
  height: 427px;
  margin: 14px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  float: left;
}

.jdallistArea2Content>div>div ul li>a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0px 1px 18px #ccc;
  overflow: hidden;
}

.jdallistArea2Content>div>div ul li a>img {
  display: block;
  width: 100%;
  height: 236px;
  object-fit: cover;
  transition: all .5s ease;
}

.jdallistArea2Content>div>div ul li:hover a>img {
  transform: scale(1.1);
  transition: all .5s ease;
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 191px;
  text-align: center;
  box-shadow: 0px 1px 18px #ccc;
  background-color: #fff;
  z-index: 1111;
}


.jdallistArea2Content>div>div ul li a>div:nth-of-type(1) h1 {
  font-size: 24px;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 1);
  margin-top: 78px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  padding: 0 20px;
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1)>span {
  display: block;
  width: 22px;
  height: 2px;
  background-color: rgba(210, 210, 210, 1);
  margin: 17px auto;
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1) p {
  font-size: 14px;
  letter-spacing: 0px;
  color: rgba(102, 102, 102, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  padding: 0 20px;
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1) p>span {
  border-left: 1px solid rgba(102, 102, 102, .5);
  height: 75px;
  padding-left: 5px;
  padding-right: 2px;
  font-size: 14px;
  color: rgba(102, 102, 102, 1);
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1) p>span:nth-of-type(1) {
  border-left: unset;
}



.jdallistArea2Content>div>div ul li a>div:nth-of-type(1)>div {
  position: absolute;
  width: 112px;
  height: 112px;
  top: 0;
  left: 50%;
  border-radius: 50%;
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1)>div {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1)>div>div {
  flex-shrink: 0;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 10px #007aff85;
  overflow: hidden;
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1)>div>div img {
  width: 100%;
  transform: scale(.8);
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(1)>div>img {
  flex-shrink: 0;
}

.jdallistArea2Content>div>div ul li a>div:nth-of-type(2) {
  width: 100%;
  height: 236px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 145, 255, .8);
  opacity: 0;
  transition: all .5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jdallistArea2Content>div>div ul li:hover a.is_recommend1>div:nth-of-type(2) {
  opacity: 1;
  transition: all .5s ease;
}

.jdal.aboutMore {
  width: 125px;
}

.jdal.aboutMore .about_page1_btn_line {
  background-color: #FFF;
}

.jdal_recommend .jdal.aboutMore .about_page1_btn_line {
  background-color: #e7e7e7;
}

.jdal.aboutMore .about_page1_btn_line2 .inner {
  background-color: #FFF;
}

.jdal_recommend .jdal.aboutMore .about_page1_btn_line2 .inner {
  background-color: rgba(5, 71, 173, 1);
}

.jdal.aboutMore .about_page1_btn_txt {
  color: #FFF;
}

.jdal_recommend .jdal.aboutMore .about_page1_btn_txt {
  color: rgba(5, 71, 173, 1);
}

.jdal.aboutMore .about_page1_btn_icon path {
  fill: #FFF;
}

.jdal_recommend .jdal.aboutMore .about_page1_btn_icon path {
  fill: #898989;
}

.jdal.aboutMore:not(.not_jdal):hover .about_page1_btn_txt {
  color: rgba(5, 71, 173, 1);
}

.jdal.aboutMore:not(.not_jdal):hover .about_page1_btn_icon path {
  fill: rgba(5, 71, 173, 1);
}


/* 新闻资讯 */
.yydt .cpfwListArea2Nav>div,
.hyzx .cpfwListArea2Nav>div {}

.xwzxlistArea2Content {
  width: 100%;
}

.xwzxlistArea2Content>div {
  width: 1287px;
  margin: 0 auto;
}

.xwzxlistArea2Content>div ul {
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 30px;
}

.xwzxlistArea2Content>div ul li {
  float: left;
  width: 399px;
  height: 425px;
  margin: 15px;
}

.xwzxlistArea2Content>div ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.xwzxlistArea2Content>div ul li a>img {
  display: block;
  width: 100%;
  height: 266px;
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1) {
  width: 100%;
  padding: 29px 17px;
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>h1 {
  font-size: 16px;
  letter-spacing: 0px;
  color: rgba(42, 46, 46, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 22px;
}

.xwzxlistArea2Content>div ul li:hover a>div:nth-of-type(1)>h1 {
  color: rgba(0, 145, 255, 1);
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(112, 112, 112, 1);
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  display: none;
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>div {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 47px;
  padding: 0px 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>div>p {
  font-family: PFDinTextCondPro-Italic;
  font-size: 20px;
  letter-spacing: 1px;
  color: rgba(0, 145, 255, 1);
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>div>div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>div>div::before {
  content: '';
  display: block;
  width: 18px;
  height: 13px;
  background: url(../images/winyeahs_xwzx_area2_listIcon1.png) no-repeat;
  background-size: 100% 100%;

}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>div>div span {
  font-size: 14px;
  letter-spacing: 0px;
  color: rgba(83, 83, 83, 1);
  margin-left: 6px;
}

.xwzxlistArea2Content>div ul li a>div:nth-of-type(2) {
  width: 100%;
  height: 266px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 145, 255, .8);
  opacity: 0;
  transition: all .5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xwzxlistArea2Content>div ul li:hover a>div:nth-of-type(2) {
  opacity: 1;
  transition: all .5s ease;
}

.xwzxlistArea2Content .pagination {
  margin-bottom: 90px !important;
}

.xwzx.aboutMore {
  width: 125px;
}

.xwzx.aboutMore .about_page1_btn_line {
  background-color: #FFF;
}

.xwzx.aboutMore .about_page1_btn_line2 .inner {
  background-color: #FFF;
}

.xwzx.aboutMore .about_page1_btn_txt {
  color: #FFF;
}

.xwzx.aboutMore .about_page1_btn_icon path {
  fill: #FFF;
}

.xwzx.aboutMore:hover .about_page1_btn_txt {
  color: rgba(5, 71, 173, 1);
}

.xwzx.aboutMore:hover .about_page1_btn_icon path {
  fill: rgba(5, 71, 173, 1);
}

.jdal_recommend_detail {
  background: url('../images/jdal_bg.png') no-repeat;
  background-size: 100% 100%;
  /* width: 1366px; */
  height: 334px;
  padding: 20px 25px;
  display: flex;
  justify-content: space-between;

}

.jdal_recommend_detail:hover .jdal_recommend_left img {
  transform: scale(1.1);
  transition: all .5s ease;
}

.jdal_recommend_left {
  width: 34.5%;
  height: 294px;
  overflow: hidden;
}

.jdal_recommend_left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  transition: all .5s ease;

}

.jdal_recommend_right {
  width: 59.5%;
}

.jdal_recommend_right p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.jdal_recommend_right .aboutMore {
  margin-top: 40px;
}

.jdal-fsznt .container-znt {
  width: 100%;
  max-width: 1365px;
  margin: 0 auto 40px;
}

.jdal-fsznt .container-znt .list-znt {
  display: flex;
  flex-wrap: wrap;
  row-gap: 60px;
  column-gap: 25px;
}

.jdal-fsznt .container-znt .item-znt {
  display: flex;
  flex-direction: column;
  /* 默认：大屏 3 列 */
  /* flex: 0 0 435px; */
  width: calc((100% - 50px) / 3);
  border-radius: 4px;
  box-shadow: 0px 0px 15px rgb(0, 0, 0, .2);
}

.jdal-fsznt .container-znt .item-znt img {
  /* width: 100%; */
  height: 265px;
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.jdal-fsznt .container-znt .item-znt p {
  /* flex: 1; */
  font-size: 20px;
  color: #000;
  height: 85px;
  line-height: 85px;
  text-align: center;
  padding: 0 10px;
  overflow: hidden;
  /*超出部分隐藏*/
  white-space: nowrap;
  /*禁止换行*/
  text-overflow: ellipsis;
  /*省略号*/
}

/* 窗口宽度<1920,设计宽度=1680 */
@media screen and (max-width: 1919px) {}

/* 窗口宽度<1680,设计宽度=1440 */
@media screen and (max-width: 1679px) {}

/* 窗口宽度<1440,设计宽度=1200px */
@media screen and (max-width: 1439px) {

  .cpfwlistArea2Content>div {
    width: 1117px;
  }

  .cpfwwlrhlistArea2Content>div {
    width: 1117px;
  }

  .cpfwwlrhlistArea2Content>div ul li:nth-of-type(4)>a>div {
    width: 206px;
  }

  .jdallistArea2Content>div {
    width: 930px;
  }

  /* .jdal_recommend .swiper-container {
    width: 930px;
  } */
  .xwzxlistArea2Content>div {
    width: 1200px;
  }

  .xwzxlistArea2Content>div ul li {
    width: 370px;
  }

  .jdal-fsznt .container-znt .list-znt {
    padding: 0 15px;
    row-gap: 30px;
    column-gap: 20px;
  }

  .jdal-fsznt .container-znt .item-znt {
    width: calc((100% - 40px) / 3);
  }
}

/* 窗口宽度<1200,设计宽度=1024px */
@media screen and (max-width: 1199px) {}

/* 窗口宽度<1024,设计宽度=960px */
/* @media screen and (max-width: 1023px) {

} */

/* 窗口宽度<960,设计宽度=768 */
/* @media screen and (max-width: 959px) {

} */

@media screen and (max-width: 919px) {
  .jdal-fsznt .container-znt .list-znt {
    padding: 0 15px;
    row-gap: 20px;
    column-gap: 15px;
  }

  .jdal-fsznt .container-znt .item-znt {
    width: calc((100% - 15px) / 2);
  }

  .jdal-fsznt .container-znt .item-znt img {
    height: 265px;
  }

  .jdal-fsznt .container-znt .item-znt p {
    font-size: 16px;
    height: 65px;
    line-height: 65px;
  }
}

/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width: 767px) {}

/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width: 639px) {

  .jdallistArea2Content>div,
  .jdal_recommend .swiper-container {
    width: 100%;
    margin: 0 auto;
  }

  .jdalListArea2Nav>div a:hover {
    background: url(../images/winyeahs_jdal_nav_bgActive.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: -6px;
    height: 80px;
    /* transition: all .5s ease ; */
  }

  .winyeahsListBanner div:nth-of-type(2) {
    margin-top: 13.6vw;
  }

  .winyeahsListBanner div:nth-of-type(2) h1 {
    width: 100%;
    text-align: center;
    font-size: 3.4vw;
    line-height: 9.6vw;
    letter-spacing: 0.16vw;
    color: rgba(255, 255, 255, 1);
    margin: 0 auto;
  }

  .winyeahsListBanner div:nth-of-type(2) p {
    width: 63.7vw;
    text-align: center;
    font-size: 3.2vw;
    line-height: 5.07vw;
    letter-spacing: 0.16vw;
    color: rgba(255, 255, 255, 1);
    margin: 7.2vw auto;
    display: none;
    text-align-last: justify;
    text-align: justify;
    text-justify: distribute-all-lines;
  }

  .listHeader {
    height: 254px;
  }

  .winyeahsListBanner {
    height: 254px;
  }

  .winyeahsListBanner div:nth-of-type(1) img {
    object-position: -48vw center;
    height: 254px;
  }

  .cpfwListArea2Nav>div {}

  .cpfwListArea2Nav>div a {
    margin: 0px 11px;
  }

  .cpfwlistArea2Content>div {
    width: 90%;
    margin-top: 6px;
    padding-top: 0;
  }

  .cpfwlistArea2Content>div ul li {
    width: 38.53vw;
    height: 38.53vw;
    margin: 2.5vw;
  }

  .cpfwlistArea2Content>div ul li a div:nth-of-type(2) p {
    margin-top: 5vw;
    font-size: 12px;
  }

  .cpfwlistArea2Content>div:nth-of-type(1)>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .cpfwlistArea2Content>div ul li a div:nth-of-type(1) img {
    transform: scale(.6);
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
  }

  .cpfwwlrhlistArea2Content>div {
    width: 96.4%;
    margin-top: 6px;
    padding-top: 0px;
  }

  .cpfwwlrhlistArea2Content>div ul li {
    width: 42.25vw !important;
    height: 42.25vw !important;
    margin: 2.8vw;
  }

  .cpfwwlrhlistArea2Content>div ul li a>div>div:nth-of-type(2) p {
    margin-top: 5vw;
  }

  .cpfwwlrhlistArea2Content>div ul li a>div>div:nth-of-type(1) img {
    transform: scale(.6);
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
  }

  .cpfwwlrhlistArea2Content>div ul li a>div {
    width: 38.53vw !important;
    height: 38.53vw !important;
  }

  .cpfwwlrhlistArea2Content>div ul li a>div {
    display: none;
  }

  .cpfwwlrhlistArea2Content>div ul li a>div:nth-of-type(1) {
    display: flex;
  }

  .cpfwwlrhlistArea2Content>div ul li a>p {
    display: none;
  }

  .jdalListArea2Nav>div {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    row-gap: 20px;
    justify-content: start;
    overflow-x: scroll;
    padding: 20px 7px;
  }

  .jdalListArea2Nav>div::-webkit-scrollbar-thumb {
    background-color: transparent;
  }

  .jdalListArea2Nav>div::-webkit-scrollbar {
    height: 0px;
  }

  .jdalListArea2Nav>div a {
    width: 70px;
    height: 80px;
    margin: 0 1.6vw;
    flex-shrink: 0;
  }

  .jdalListArea2Nav>div a span {
    width: 6vw;
    height: 6vw;
  }


  .jdalListArea2Nav>div p {
    margin-top: 0;
    font-size: 12px;
    line-height: 5.47vw;
    letter-spacing: 0.07vw;
  }

  .jdalListArea2Nav>div a.jdalListArea2NavActive p {
    margin-top: 2px;
  }

  .jdalListArea2Nav>div a:hover p {
    margin-top: 2px;
  }

  .jdallistArea2Content>div {
    width: 100%;

  }

  .jdallistArea2Content>div>div {
    width: 100%;
    overflow: hidden;
    margin-top: 44px;
    padding-bottom: 120px;
    padding: 4vw;
  }

  .jdallistArea2Content>div>div ul li {
    width: 100%;
    margin: 0;
    margin-bottom: 5.33vw;
  }


  .yydt .cpfwListArea2Nav>div,
  .hyzx .cpfwListArea2Nav>div {
    width: 174px;
  }



  .xwzxlistArea2Content>div {
    width: 100%
  }



  .xwzxlistArea2Content>div ul {
    overflow: hidden;

    padding-bottom: 120px;
    padding: 4vw;
    padding-top: 4vw;
  }


  .xwzxlistArea2Content>div ul li {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 5.33vw;
  }

  .jdalListArea2Nav>div a.jdalListArea2NavActive {
    background: url(../images/winyeahs_jdal_nav_bgActive.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    height: 80px;
    top: -6px;
    transition: all .1s ease;
  }

  .xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>h1 {
    font-size: 14px;
  }

  .xwzxlistArea2Content>div ul li a>div:nth-of-type(1)>p {
    font-size: 12px;
  }

  .cpfwwlrhlistArea2Content>div ul li>a>div>div:nth-of-type(2) p {
    font-size: 12px;
  }

  .cpfwwlrhlistArea2Content>div ul li>a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width: 479px) {
  .cpfwListArea2Nav>div a {
    font-size: 12px;
  }

  .jdal-fsznt .container-znt .list-znt {
    padding: 0 15px;
    row-gap: 15px;
    column-gap: 15px;
  }

  .jdal-fsznt .container-znt .item-znt {
    width: 100%;
    margin: 0 auto;
  }

  .jdal-fsznt .container-znt .item-znt img {
    height: 265px;
  }

  .jdal-fsznt .container-znt .item-znt p {
    font-size: 16px;
    height: 65px;
    line-height: 65px;
  }

}