<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* äº§å“æœåŠ¡ */


.cpfwDetailArea2Content{
    width: 100%;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(1){
    width: 1400px;
    margin: 0 auto;
    display: flex;
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
    padding-left: 110px;
    padding-bottom: 10px;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt;div:nth-of-type(1){
    width: 930px;
    margin-right: 40px;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1){
  width: 87px;
height: 87px;
background-color: rgba(3, 189, 30, 1);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cpfwqyly.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1){
	background-color: rgba(0, 145, 255, 1);
}
.cpfwzhjq.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1){
	background-color: rgba(3, 189, 30, 1);
}
.cpfwwlrh.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1){
	background-color: rgba(255, 162, 0, 1);
}
.cpfwppmgc.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1){
	background-color: rgba(255, 0, 0, 1);
}

.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; h1{
    font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 1px;
    color: rgba(0, 0, 0, 1);
    margin-top: 47px;
    margin-bottom: 32px;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; div *{
    color: rgba(0, 0, 0, .75)!important;
    max-width: 100%!important;
    width: unset!important;
    height: unset!important;
    font-size: 16px!important;
    line-height: 30px!important;
    word-break: break-all!important;
}



.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt;div:nth-of-type(2){
    width: 100%;
    padding-left: 60px;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt;div:nth-of-type(2) img{
    width: 100%;
}
.cpfwzhjq.cpfwDetailArea2Content &gt; div:nth-of-type(2) {
    width: 100%;
    background-color: rgba(247, 255, 246, .5);
}
.cpfwwlrh.cpfwDetailArea2Content &gt; div:nth-of-type(2) {
    width: 100%;
    background-color: rgba(255, 246, 231, .35);
}
.cpfwqyly.cpfwDetailArea2Content &gt; div:nth-of-type(2) {
    width: 100%;
    background-color: rgba(245, 249, 255, 1);
}
.cpfwDetailArea2Content &gt; div:nth-of-type(2){
    padding: 40px 0 100px;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) {
    width:1086px;
    margin: 0 auto;

}

.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div h2 {
    font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
    color: rgba(3, 189, 30, 1);
    padding: 17px 0;
    border-bottom: 1px solid rgba(3, 189, 30, .2);
}


.cpfwqyly.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div h2 {
  color: rgba(0, 145, 255, 1);
  border-bottom: 1px solid rgba(0, 145, 255, .2);
}
.cpfwzhjq.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div h2 {
  color: rgba(3, 189, 30, 1);
  border-bottom: 1px solid rgba(3, 189, 30, .2);
}
.cpfwwlrh.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div h2 {
  color: rgba(255, 162, 0, 1);
  border-bottom: 1px solid rgba(255, 162, 0, .2);
}
.cpfwppmgc.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div h2 {
  color: rgba(255, 0, 0, 1);
  border-bottom: 1px solid rgba(255, 0, 0, .2);
}

.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div  &gt; div {
    padding: 20px 0 30px;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div * {

    max-width: 100%!important;
    width: unset!important;
    height: unset!important;
    font-size: 16px!important;
    line-height: 32px!important;
    color: rgba(98, 98, 98, 1)!important;
    word-break: break-all!important;
}

.cpfwDetail1Control{
    padding: 47px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items:  center;
    width: 666px;
}


.cpfwDetail1Control *{
    position: relative!important;
    bottom: 0!important;
    margin: 0!important;

}
.cpfwDetail1Control .cpfwDetail1Swiper-pagination{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cpfwDetail1Control .cpfwDetail1Swiper-pagination &gt;  b{
  display: block;
  width: 10px;
	height: 2px;
  background-color: rgba(185, 185, 185, 1);
  margin: 0 10px!important;

}
.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
    width:1086px;
    margin: 0 auto;

}

.cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt;.cpfwDetail1 {
    width:666px;
    margin: 0!important;

}
.cpfwDetail1Control .swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    width: 130px!important;
    font-family: PFDinTextPro-Medium;
	font-size: 13px;
	letter-spacing: 1px;
    color: rgba(185, 185, 185, 1);
}
.cpfwDetail1Control .cpfwDetail1Swiper-pagination &gt; span{
    color: rgba(0, 145, 255, 1)!important;
}

.cpfwDetail1Control .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat!important;
    height: 12px!important;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.cpfwDetail1Control .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat!important;
    height: 12px!important;
}
.cpfwDetail1Control .swiper-button-prev.swiper-button-disabled{
    background: url(../images/winyeahs_cpfw_detailSwiperIcon.png) no-repeat!important;
}
.cpfwDetail1Control .swiper-button-next.swiper-button-disabled{
    background: url(../images/winyeahs_cpfw_detailSwiperIcon.png) no-repeat!important;
}


.cpfwDetail1 .swiper-slide  img{
  width: 100%;
  max-height: 500px;
  object-fit: contain;
}



.cpfwDetailArea2Content &gt; div:nth-of-type(3) {
    width:1540px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 140px;
}

.cpfwDetailArea2Content &gt; div:nth-of-type(3) &gt;h3 {
    font-size: 24px;
	line-height: 36px;
	letter-spacing: 1px;
	color: rgba(83, 83, 83, 1);
    margin:90px auto 40px ;
    text-align: center;

}

.cpfwDetailArea2Content &gt; div:nth-of-type(3) &gt;div {
    width: 100%;
    display: flex;
    justify-content:center;
    align-items: center;
    position: relative


}

.cpfwDetail2 {
    width: 1405px;
}

.cpfwDetailArea2Content &gt; div:nth-of-type(3) &gt;div .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat!important;
    height: 15px!important;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
    position: relative!important;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(3) &gt;div .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat!important;
    height: 15px!important;
    position: relative!important;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(3) &gt;div .swiper-button-prev.swiper-button-disabled{
    background: url(../images/winyeahs_cpfw_detailSwiperIcon.png) no-repeat!important;
}
.cpfwDetailArea2Content &gt; div:nth-of-type(3) &gt;div .swiper-button-next.swiper-button-disabled{
    background: url(../images/winyeahs_cpfw_detailSwiperIcon.png) no-repeat!important;
}



.cpfwDetail2 .swiper-slide{
    position: relative;
    /* height: 255px!important; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px;
}
.cpfwDetail2 .swiper-slide a{
    display: block;
    width: 251px!important;
    height: 251px!important;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    border-radius: 4px;
    transition: all .5s ease;
  }
  .cpfwDetail2 .swiper-slide a div:nth-of-type(1){
    position: relative
  }
  .cpfwDetail2 .swiper-slide a div:nth-of-type(2){
    position: relative
  }
  .cpfwDetail2 .swiper-slide a div:nth-of-type(1) img:nth-of-type(1){
    display: block;
  }
  .cpfwDetail2 .swiper-slide a div:nth-of-type(1) img:nth-of-type(2){
    display: none;
  }
  .cpfwDetail2 .swiper-slide:hover a div:nth-of-type(1) img:nth-of-type(1){
    display: none;
  }
  .cpfwDetail2 .swiper-slide:hover a div:nth-of-type(1) img:nth-of-type(2){
    display: block;
  }
  .cpfwqyly .cpfwDetail2 .swiper-slide:hover &gt; a {
    background-color: rgba(0, 145, 255, 1);
    position: relative;
    top: -10px;
    box-shadow: 0 0 15px rgba(0, 145, 255, 1);
    transition: all .5s ease;
  }
  .cpfwzhjq .cpfwDetail2 .swiper-slide:hover &gt; a {
    background-color: rgba(3, 189, 30, 1);
    position: relative;
    top: -10px;
    box-shadow: 0 0 15px rgba(3, 189, 30, 1);
    transition: all .5s ease;
  }
  .cpfwwlrh .cpfwDetail2 .swiper-slide:hover &gt; a {
    background-color: rgba(255, 162, 0, 1);
    position: relative;
    top: -10px;
    box-shadow: 0 0 15px rgba(255, 162, 0, 1);
    transition: all .5s ease;
  }
  .cpfwppmgc .cpfwDetail2 .swiper-slide:hover &gt; a {
    background-color: rgba(255, 0, 0, 1);
    position: relative;
    top: -10px;
    box-shadow: 0 0 15px rgba(255, 0, 0, 1);
    transition: all .5s ease;
  }
  .cpfwDetail2 .swiper-slide a 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;
  }
  .cpfwDetail2 .swiper-slide:hover a div:nth-of-type(2) p{
    color: #fff;
  }
  .cpfwDetail2 .swiper-slide a div:nth-of-type(3){
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 26px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    transition: all .5s ease;
  }

  .cpfwDetail2 .swiper-slide a div:nth-of-type(3) p{
    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: 6;
  }
  .cpfwDetail2 .swiper-slide a div:nth-of-type(3) span{
    display: block;
    width: 30px;
    height: 12px;
    background: url(../images/winyeahs_index_area3_icon1.png) no-repeat;
    background-size: auto 100%;
  }

/* ç»å…¸æ¡ˆä¾‹ */

  .jdalDetailHeader{
      width: 100%;
    height: 820px;
  }

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

  }

  .winyeahsJdalListBanner div:nth-of-type(1) img{
    width: 100%;
	height: 820px;
    overflow: hidden;
    position: relative;
    /* margin: 0 auto; */
    object-fit: cover;
    object-position: center center;
    z-index: 1;
  }
  .winyeahsJdalListBanner div:nth-of-type(1) span{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.38);
    z-index: 11;
  }
  .winyeahsJdalListBanner div:nth-of-type(2){
    height: 820px;
    padding: 0 362px;
    position: relative;
    z-index: 11;
    margin: 0 auto;
    padding-top: 282px;
  }
  .winyeahsJdalListBanner div:nth-of-type(2) h1{
    font-size: 45px;
    letter-spacing: 1px;
    color: #ffffff;
  }
  .winyeahsJdalListBanner div:nth-of-type(2) &gt; span{
    display: block;
    width: 54px;
	height: 4px;
    background-color: rgba(255, 255, 255, 1);
    margin: 38px 0;
  }

  .winyeahsJdalListBanner div:nth-of-type(2) p &gt; a{
    border-left: 1px solid rgba(255, 255, 255, 1);
    height: 75px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 18px;
	  color: rgba(255, 255, 255, 1);
  }
  .winyeahsJdalListBanner div:nth-of-type(2) p &gt; a:nth-of-type(1){
    border-left: unset;
  }

  .jdalDetailArea2Content{
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: rgb(251,251,251);
  }
  .jdalDetailArea2Content &gt; div{
    width: 1320px;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
    /* overflow: hidden; */
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1){
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* height: 510px; */
    margin-bottom: 20px;
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(1){
    /* width: 713px; */
    height: 100%;
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  .jdalDetailArea2Content &gt; div &gt; div &gt;div h2{
    margin-top: 50px;
  }
  .jdalDetailArea2Content &gt; div &gt; div &gt;div h3{
    font-family: PFDinTextCondPro-Medium;
    font-size: 20px;
    letter-spacing: 2px;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 5px;
    margin-bottom: 35px;
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt;div:nth-of-type(1) h4{
    font-size: 22px;
    letter-spacing: 2px;
    color: rgba(5, 71, 173, 1);
    margin-bottom: 10px;
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt;div:nth-of-type(1) p{
    height: 100%;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.8);
    display: block;
    margin-bottom: 18px;
    /* overflow-y: auto; */
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt;div:nth-of-type(2){
    width: 670px;
    height: 100%;
    position: relative;
    background-color: rgba(245, 245, 245, 1);
    padding: 0 67px;
  }

  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt;div:nth-of-type(2) p a{
    background-color: rgba(0, 145, 255, 1);
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    padding: 7px 23px;
    display: block;
    float: left;
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt;div:nth-of-type(2) &gt; div{
    position: absolute;
    left: 0;
    bottom: 89px;
    padding: 0 67px;
    display: flex;
    align-items: center;
    height: 100px
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt;div:nth-of-type(2) &gt; div::before{
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background: url(../images/winyeahs_jdalDetailIcon1.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 35px;
  }

  .aboutMore.indexArea4AboutMore.jdalDetailAboutMore{
    margin: 0;
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(2){
    position: relative;
    padding: 49px;
    background: #fff;
    margin-bottom: 122px;
  }
  .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(2) *{
    /* display: block;
    color: rgba(0, 0, 0, .75)!important;
    max-width: 100%!important;
    height: unset!important;
    word-break: break-all!important; */
  }

  .jdalDetailNext{
    width: 100%;
    height: 540px;
  }
  .jdalDetailNext a{
    width: 50%;
    height: 100%;
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .jdalDetailNext a &gt; p:nth-of-type(1){
    font-size: 13px;
    letter-spacing: 1px;
    color: rgba(20, 20, 20, 1);
  }
  .jdalDetailNext a &gt; h1{
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    margin-top: 65px;
    margin-bottom: 17px;
  }
  .jdalDetailNext a &gt; span{
    display: block;
    width: 30px;
    height: 12px;
    cursor: auto;
    pointer-events: none;
    margin-top: 72px;
    background: url(../images/winyeahs_jdal_detailSwiperIconActive.png) no-repeat!important;
  }

  .jdalDetailNext a &gt; p:nth-of-type(2) &gt; span{
    border-left: 1px solid rgba(102, 102, 102, 1);
    height: 75px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
  }
  .jdalDetailNext a &gt; p:nth-of-type(2)&gt; span:nth-of-type(1){
    border-left: unset;
  }


  /* æ–°é—»èµ„è®¯ */

  .xwzxDetailArea2Content{
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .xwzxDetailArea2Content &gt; article {
    width: 1220px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 88px 64px;
    background: #fff;
  }
  .xwzxDetailArea2Content &gt; article header{
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    margin-bottom: 27px;
  }
  .xwzxDetailArea2Content &gt; article header h1 {
    font-size: 30px;
    letter-spacing: 0px;
    color: rgba(42, 46, 46, 1);
    margin-bottom: 73px;
  }
  .xwzxDetailArea2Content &gt; article header &gt; div {
    width: 100%;
    display: flex;
    margin-bottom: 24px;
  }
  .xwzxDetailArea2Content &gt; article header &gt; div&gt; div {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .xwzxDetailArea2Content &gt; article header &gt; div&gt; div p:nth-of-type(1){
    font-family: PFDinTextCondPro-Italic;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgba(0, 145, 255, 1);
  }
  .xwzxDetailArea2Content &gt; article header &gt; div&gt; div p:nth-of-type(2){
  	font-size: 14px;;
    letter-spacing: 0px;
    color: rgba(83, 83, 83, 1);
  }
  .xwzxDetailArea2Content &gt; article header &gt; div &gt; p{
    width: 10%;
    font-size: 14px;
    color: rgba(83, 83, 83, 1);
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .xwzxDetailArea2Content &gt; article header &gt; div &gt; p::before{
    content: '';
    display: block;
    width: 18px;
    height: 13px;
    background: url(../images/winyeahs_xwzx_area2_listIcon1.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
  }
  .xwzxDetailArea2Content &gt; article &gt; div *{
    max-width: 100%!important;
    width: unset!important;
    height: unset!important;
    font-size: 16px!important;
    line-height: 30px!important;
    color: rgba(42, 46, 46, 1)!important;
    word-break: break-all!important;
    text-indent:2em!important;
    font-family: "å¾®è½¯é›…é»‘"!important;
  }
  .xwzxDetailArea2Content &gt; article &gt; div img{
    display: block!important;
    margin: 30px auto 20px!important;
  }




.xwzxDetailOther {
  width:1540px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 140px;
}

.xwzxDetailOther &gt; div &gt;h3 {
  font-size: 24px;
line-height: 36px;
letter-spacing: 1px;
color: rgba(83, 83, 83, 1);
  margin:90px auto 40px ;
  text-align: center;

}

.xwzxDetailOther &gt; div &gt;div {
  width: 100%;
  display: flex;
  justify-content:center;
  align-items: center;
  position: relative


}

.xwzxDetail1 {
  width: 1405px;
}

.xwzxDetailOther &gt;div &gt;div .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat!important;
  height: 15px!important;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  position: relative!important;
}
.xwzxDetailOther &gt;div &gt;div .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat!important;
  height: 15px!important;
  position: relative!important;
}
.xwzxDetailOther &gt;div &gt;div .swiper-button-prev.swiper-button-disabled{
  background: url(../images/winyeahs_cpfw_detailSwiperIcon.png) no-repeat!important;
}
.xwzxDetailOther &gt;div &gt;div .swiper-button-next.swiper-button-disabled{
  background: url(../images/winyeahs_cpfw_detailSwiperIcon.png) no-repeat!important;
}



.xwzxDetail1 .swiper-slide{
  position: relative;
  /* height: 255px!important; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.xwzxDetail1 .swiper-slide a div:nth-of-type(3) span{
  display: block;
  width: 30px;
  height: 12px;
  background: url(../images/winyeahs_index_area3_icon1.png) no-repeat;
  background-size: auto 100%;
}


.xwzxDetail1 .swiper-slide{
  display: block;
  width: 100%;
  height: 55px;
  margin: 22px 0;
  position: relative;
  padding: 0 50px;
}
.xwzxDetail1 .swiper-slide a{
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction:  column;
}
.xwzxDetail1 .swiper-slide a h3{
	font-size: 14px;
	letter-spacing: 1px;
  color: rgba(77, 77, 77, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
    line-height: 22px;
}
.xwzxDetail1 .swiper-slide.indexArea5SwiperNavActive a h3{
	color: rgba(0, 145, 255, 1)
}
.xwzxDetail1 .swiper-slide a::after{
  content: '';
  display: block;
  width: 6px;
	height: 55px;
  background-color: rgba(0, 145, 255, 1);
  position: absolute;
  top: 0;
  left: -20px;
  opacity: 0;
  transition: all .5s ease;
}
.xwzxDetail1 .swiper-slide:hover a::after{
  opacity: 1;
  left: 10px;
  transition: all .5s ease;
}
.xwzxDetail1 .swiper-slide.indexArea5SwiperNavActive a::after{
  opacity: 1;
  left: 10px;
  transition: all .5s ease;
}
.xwzxDetail1 .swiper-slide a p{
  font-family: PFDinTextCondPro-Italic;
	font-size: 18px;
	letter-spacing: 0.9px;
	color: rgba(145, 151, 151, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
/* çª—å£å®½åº¦&lt;1920,è®¾è®¡å®½åº¦=1680 */
@media screen and (max-width: 1919px) {
  .cpfwDetailArea2Content &gt; div:nth-of-type(1) {
      width: 1300px;
  }
}
/* çª—å£å®½åº¦&lt;1680,è®¾è®¡å®½åº¦=1440 */
@media screen and (max-width: 1679px) {
  .xwzxDetailOther {
    width: 1340px;
  }
  .xwzxDetail1 {
    width: 1000px;
  }
  .cpfwDetailArea2Content &gt; div:nth-of-type(3) {
    width: 1140px;
  }
  .cpfwDetail2 {
    width: 905px;
  }
  .cpfwDetailArea2Content &gt; div:nth-of-type(1) {
    width: 1300px;
    padding-left: 0px;
}
}

/* çª—å£å®½åº¦&lt;1440,è®¾è®¡å®½åº¦=1200px */
@media screen and (max-width: 1439px) {

  .xwzxDetailOther {
     width: 1140px;
  }
  .jdalDetailArea2Content &gt; div {
    width: 1220px;
  }
  .cpfwDetailArea2Content &gt; div:nth-of-type(1) {
    width: 1190px;
    padding-left: 50px;
}
  .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) {
    width: 875px;
  }
  .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
    width: 875px;
  }
}

/* çª—å£å®½åº¦&lt;1200,è®¾è®¡å®½åº¦=1024px */
@media screen and (max-width: 1199px) {

}

/* çª—å£å®½åº¦&lt;1024,è®¾è®¡å®½åº¦=960px */
/* @media screen and (max-width: 1023px) {

} */

/* çª—å£å®½åº¦&lt;960,è®¾è®¡å®½åº¦=768 */
/* @media screen and (max-width: 959px) {

} */

/* çª—å£å®½åº¦&lt;768,è®¾è®¡å®½åº¦=640 */
@media screen and (max-width: 767px) {

}

/* çª—å£å®½åº¦&lt;640,è®¾è®¡å®½åº¦=480 */
@media screen and (max-width: 639px) {
    .cpfwDetailArea2Content &gt; div:nth-of-type(1) {
        width: 90%;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) {
        display: none;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) {
        width: 100%;
        margin-right: 0px;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) {
        width: 90%;
        margin: 0 auto;
    }
    .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div{
      padding: 20px 0 0px;
    }
    .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div {
        margin-bottom: 3px;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
        width: 90%;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; .cpfwDetail1 {
        width: 100%;
        height: 251px;
        margin: 0 !important;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; .cpfwDetail1 .swiper-slide img {
        width: 100%;
        object-fit: cover;
    }

    .cpfwDetail1Control {
        padding: 8vw 0;
        width: 100%;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(3) {
        width: 90%;
    }

    .cpfwDetail2 {
        width: 70%;
    }
    .cpfwDetail2 .swiper-slide a{
      height: 215px!important;
    }
    .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) {
        display: none;
    }

    .jdalDetailArea2Content &gt; div {
        width: 100%;
        margin-top: 15px;
    }

    /* .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) {
        height: 300px;
    } */
    .project_title {
      font-size: 20px;
    }
    .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) {
        width: 100%;
        height: 100%;
        padding: 0 23px;
        /* margin: 0 auto; */

    }
    .jdalDetailArea2Content &gt; div &gt; div:nth-of-type(2) {
      padding: 0;
      background: #fff;
      margin-bottom: 0;
      /* display: none; */
    }
    .jdalDetailArea2Content &gt; div &gt; div &gt;div h2{
      margin-top: 20px;
    }
    .jdalDetailArea2Content &gt; div &gt; div &gt;div h3{
      font-size: 16px;
      margin-top: 8px;
      margin-bottom: 20px;
    }
    .jdalDetailNext {
        width: 100%;
        height: 240px;
    }
    .jdalDetailNext a &gt; h1 {
      margin-top: 25px;
      margin-bottom: 7px;
  }
    .jdalDetailNext a {
        width: 80%;
    }

    .winyeahsJdalListBanner div:nth-of-type(2) {
        height: 420px;
        padding: 0 50px;
        padding-top: 182px;
    }

    .jdalDetailHeader {
        width: 100%;
        height: 420px;
    }

    .xwzxDetailArea2Content &gt; article {
        width: 100%;
        padding: 29px 5vw;
    }

    .xwzxDetailOther {
        width: 90%;
    }

    .xwzxDetail1 {
        width: 68%;
        height: 100px;
    }

    .xwzxDetail1 .swiper-slide {
        margin: 0;
        padding: 0;
    }

    .xwzxDetailOther &gt; div &gt; h3 {
        margin-top: 40px;
    }

    .xwzxDetailOther {
        padding-bottom: 50px;
    }

    .cpfwDetailArea2Content &gt; div:nth-of-type(1) {
        width: 88.53vw;
        margin: 0 auto;
        /* display: flex; */
        display: flex;
        justify-content: space-between;
        margin-top: 36px;
        padding-left: unset;
        padding-bottom: 30px;
    }
    .cpfwDetailArea2Content &gt; div:nth-of-type(2) {
      padding: 10px 0;
    }
    .cpfwDetailArea2Content &gt; div:nth-of-type(3) {
      padding-bottom: 40px;
  }
  .cpfwDetailArea2Content &gt; div:nth-of-type(3) &gt;h3 {
    margin: 40px auto 20px;

  }
  .winyeahsJdalListBanner div:nth-of-type(2) p &gt; a {
    font-size: 14px;
  }
  .winyeahsJdalListBanner div:nth-of-type(2) h1 {
    font-size: 25px;

  }
  .winyeahsJdalListBanner div:nth-of-type(2) &gt; span {
    margin: 20px 0;
  }
  .xwzxDetailArea2Content &gt; article header h1 {
    font-size: 24px;
    margin-bottom: 43px;
}
.xwzxDetailArea2Content &gt; article header &gt; div &gt; p {
  width: 17%;
}
}

/* çª—å£å®½åº¦&lt;480,è®¾è®¡å®½åº¦=320 */
@media screen and (max-width: 479px) {

}</pre></body></html>