.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;
  }
  .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;
  }
  /* 窗口宽度<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;
  }

}

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

}

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

} */

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

} */

/* 窗口宽度<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;
  }
}