<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/**
*
*        Ã¦Â·Â»Ã¥Å&nbsp;Â&nbsp;Ã¥Â­â€”Ã¤Â½â€œ
*
* */
@font-face {
  font-family: PFDinTextProThin;
  src: url('../images/font/PFDINTEXTCONDPRO-THIN.TTF');
}






@font-face {
font-family: PFDinTextCondPro-Medium;
src: url('../images/font/PFDINTEXTCONDPRO-MEDIUM.TTF');
}

@font-face {
font-family: PFDINTEXTCOMPPRO-REGULAR;
src: url('../images/font/PFDINTEXTCOMPPRO-REGULAR.TTF');
}

@font-face {
font-family: PFDinTextCondPro-Italic;
src: url('../images/font/PFDINTEXTCOMPPRO-ITALIC.TTF');
}

@font-face {
font-family: SOURCEHANSANSCN-LIGHT;
src: url('../images/font/SOURCEHANSANSCN-LIGHT.OTF');
}

@font-face {
font-family: PFDinTextCondPro-Light;
src: url('../images/font/PFDINTEXTCOMPPRO-LIGHT.TTF');
}
@font-face {
font-family: PFDinTextCondPro-Regular;
src: url('../images/font/PFDINTEXTCOMPPRO-REGULAR.TTF');
}

@font-face {
font-family: PFDinTextCondPro-XThin;
src: url('../images/font/PFDINTEXTCOMPPRO-XTHIN.TTF');
}
@font-face {
font-family: PFDinTextCondPro-XThinItalic;
src: url('../images/font/PFDINTEXTCOMPPRO-XTHINITALIC.TTF');
}

/* **********************************Ã¥Å&nbsp;Â¨Ã§â€Â»******************************* */

@keyframes a_banner_s_line {
0%{ transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
20%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
30%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 0;}
31%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 0;}
50%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 1;}
100%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
}




@keyframes bannerShow {
  to{
      opacity: 1;
      margin-top: 0px;
  }
}



/* @keyframes lrmove {
0%{
  background-position: 0px;
}
49.9%{
  background-position: 60px;
}
50%{
  background-position: -40px;
}
100%{
  background-position: 0px;
}

} */
@keyframes lrmove {
0%{
  margin-left: 10px;
}
50%{
  margin-left: 30px;
}
100%{
  margin-left: 10px;
}

}

@keyframes lrmove2 {
0%{
  margin-right: 0px;
}
50%{
  margin-right: 20px;
}
100%{
  margin-right: 0px;
}

}

@keyframes lrmove3 {
0%{
  right: 50%;
}
50%{
  right: 40%;
}
100%{
  right: 50%;
}

}







/* *********************************Ã§Â»â€žÃ¤Â»Â¶********************************** */

/**
*
*        Ã¦â€ºÂ´Ã¥Â¤Å¡Ã¦Å’â€°Ã©â€™Â®Ã¦Â&nbsp;Â·Ã¥Â¼Â
*
* */
.aboutMore {
width: 100%;
}

.aboutMore .about_page1_btn {
width: 37.47%;
min-width: 125px;
}

.aboutMore .about_page1_btn_line {
background-color: #0547ad;
}

.aboutMore .about_page1_btn_line2 .inner {
background-color: #0547ad;
}

.aboutMore .about_page1_btn_txt {
color: #0547ad;
}

.aboutMore .about_page1_btn_icon path {
fill: #0547ad;
}

.aboutMore:hover .about_page1_btn_txt {
color: #fff;
}

.aboutMore:hover .about_page1_btn_icon path {
fill: #fff;
}


/* **************************
        Ã¥Ë†â€&nbsp;Ã©Â¡ÂµÃ¦Â&nbsp;Â·Ã¥Â¼Â
*****************************/
.pagination{
display: flex;
justify-content: center;
margin: 0px auto!important;
position: relative;
}
.pagination .pageShow{
display: flex;
}
.pagination .pageShow .current,.pagination .pageShow a{
width: 40px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
margin:0 5px;
font-size: 14px;
color: #717171;
border-radius: 4px;
border: solid 1px rgba(201, 201, 201, 1);
}
.pagination .pageShow span{
width: 40px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
margin:0 5px;
font-size: 14px;
color: #717171;
border-radius: 4px;
border: solid 1px rgba(201, 201, 201, 1);
}
.pagination .pageShow .current{
  background-color: rgba(0, 145, 255, 1);
  border-radius: 4px;
color: #fff;
}
.pagination .pageShow a:hover{

border:1px solid rgba(0, 145, 255, 1);
color: rgba(0, 145, 255, 1);
}
.pagination .paga_nav{
/* position: absolute; */
display: flex;
top: 0;


}
.pagination .paga_nav .back_page,.pagination .paga_nav .next_page{
width: 74px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
margin:0 5px;
font-size: 14px;
color: #717171;
border-radius: 4px;
border: solid 1px rgba(201, 201, 201, 1);
}
.pagination .paga_nav  .disabled,.pagination .paga_nav .disabled{
display: none!important;
}

.pagination .paga_nav .back_page:hover,.pagination .paga_nav .next_page:hover{
border:1px solid rgba(0, 145, 255, 1);
}
.pagination .paga_nav .back_page:hover a,.pagination .paga_nav .next_page:hover a{
color: rgba(0, 145, 255, 1);
}
.pagination .paga_nav .back_page a,.pagination .paga_nav .next_page a{
font-size: 14px;
color: #717171;

}


/* **************************
        Ã¥Ë†â€”Ã¨Â¡Â¨Ã©Â¡ÂµÃ¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡ÂµÃ¥Â¯Â¼Ã¨Ë†Âª
*****************************/

.Navigation {
height: 52px;
line-height: 52px;
/* box-shadow: 0px 5px 8px rgba(142, 142, 142, 0.4); */
background-color: rgba(242, 243, 245, 1);
position: relative;
z-index: 5;
}

.Navigation ul {
height: 100%;
margin: 0 auto;
font-size: 14px;
display: flex;
align-items: center;
width: 1182px;
}

.Navigation ul li {
margin-right: 10px;
color: #333333;
}

.Navigation ul a {
font-size: 14px;
color: #333333;
}
.Navigation ul:hover a {
/*font-weight: 600;*/
}
.Navigation ul li.active a {
font-weight: 600;
}
.Navigation ul li:after {
content: '&gt;';
position: relative;
left: 3px;
}

.Navigation ul li:last-child::after {
content: none;
}
/*
.Navigation ul:before {
content: '';
width: 13px;
height: 7px;
display: block;
margin-right: 19px;
background: url(../images/NavigationIcon.png) no-repeat center;
background-size: 100% 100%;
} */




/* **************************
        Ã¨Â¿â€Ã¥â€ºÅ¾Ã©Â¡Â¶Ã©Æ’Â¨
*****************************/

.returnTop{
width: 52px;
height: 52px;
position: fixed;
z-index: 999;
right: 20px;
bottom: -55px;
cursor: pointer;
transition: 0.66s;
}
.returnTop p{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0px;
transition: 0.45s;
}
.returnTop p.normal{
background: url(../images/returnNormal.png) no-repeat center;
background-size: 100% 100%;
}
.returnTop p.hover{
opacity: 0;
background: url(../images/returnHover.png) no-repeat center;
background-size: 100% 100%;
}
.returnTop:hover p.normal{
opacity: 0;
}
.returnTop:hover p.hover{
opacity: 1;
}








/* **************************nav**************************** */
.innerContainer{
position: relative;
overflow: hidden;
}


nav{
position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 72px;
  background-color: rgba(255,255,255,.0);
  transition: all .5s ease;
}


nav.scollActive{
background-color: rgba(255,255,255,1);
transition: all .5s ease;
}
nav.otherNavActive{
background-color: rgba(255,255,255,1);
transition: all .5s ease;
}
nav.scollActive.slideActive{
top: -73px;
transition: all .5s ease;
}
.navBg{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(255,255,255,.95);
height: 150px;
opacity: 0;
transition: all .2s ease;
}

nav.navActive .navBg{
height: 480px;
opacity: 1;
transition: all .2s ease;
}
nav.navActive.navActiveBgHeight .navBg{
height: 480px;
opacity: 1;
transition: all .2s ease;
}
nav.navActive.otherNavActive .navBg{
height: 0;
opacity: 0;
transition: all .5s ease;
}
nav.navbbbbbbActive{
background-color: rgba(255,255,255,1);
transition: all .5s ease;
position: absolute;
/* z-index: 1; */
}
nav.navActive.scollActive .navBg{
height:0;
opacity: 0;
transition: all .5s ease;
}
nav.navActive.scollActive.navaaaaaaActive .navBg{
height: 480px;
opacity: 1;
transition: all .5s ease;
}

nav.navActive.navActiveBgHeight.scollActive.navaaaaaaActive .navBg{
height: 480px;
opacity: 1;
transition: all .5s ease;
}

nav.otherNavActive.scollActive .navBg{
height:0;
opacity: 0;
transition: all .5s ease;
}
nav &gt; div{
width: 1266px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items:  center;
}
.header_logo{
width: 96px;
height: 61px;
margin: 0 40px;
margin-top: 0px;

}
.header_logo a{
display: block;
width: 100%;
height: 100%;
position: relative;
}
.header_logo a img{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.header_logo a &gt; img:nth-of-type(1){
display: block;
}
.header_logo a &gt; img:nth-of-type(2){
display: none;
}

nav.navActive .header_logo a &gt; img:nth-of-type(1){
display: none;
}
nav.navActive .header_logo a &gt; img:nth-of-type(2){
display: block;
}

nav.otherNavActive .header_logo a &gt; img:nth-of-type(1){
display: none;
}
nav.otherNavActive .header_logo a &gt; img:nth-of-type(2){
display: block;
}
nav.navbbbbbbActive .header_logo a &gt; img:nth-of-type(1){
display: none;
}
nav.navbbbbbbActive .header_logo a &gt; img:nth-of-type(2){
display: block;
}

.nav ul{
/* overflow: hidden; */
}
.nav ul li{
height: 100%;
 float: left;
  padding: 0 25px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.nav ul li &gt; a{
font-size: 16px;
display: block;
height: 68px;
line-height: 68px;
letter-spacing: 0px;
color: #fff;
position: relative;
z-index: 11111;
align-self:center;
}
.nav ul li &gt; span{
width: 0;
height: 4px;
background: rgba(0, 145, 255, 1);
opacity: 0;
margin: 0 auto;
}
.nav ul li:hover  &gt; span{
width: 100%;
opacity: 1;
transition: all .5s ease;
}
.nav ul li.navLiActive &gt; span{
width: 100%;
opacity: 1;
}

nav.navActive .nav ul li &gt; a{
color: #000;
}
nav.otherNavActive .nav ul li &gt; a{
color: #000;
}
nav.navbbbbbbActive .nav ul li &gt; a{
color: #000;
}



.navItemInfo{
position: absolute;
top: 60px;
left: 0;
width: 100%;
/* height: 0; */
/* background: url(../images/indexSecondNavBg.png) no-repeat ; */
background-size: 100% 100%;
z-index: 1111;;
overflow: hidden;
opacity: 0;
}
.navItemInfo &gt; a {
display: block;
width: 100%;
height: 50px;
line-height: 75px;
text-align: center;
font-size: 15px;
letter-spacing: 0px;
color: #000;
z-index: 1111;
position: relative;
}

/* .navItemInfo::after{
content: '';
width: 92px;
height: 47px;
position: absolute;
top: 0;
left: 0;
background: url(../images/indexSecondNavBg1.png) no-repeat 100% 100%;
z-index: 0;
}
.navItemInfo::before{
content: '';
width: 82px;
height: 79px;
position: absolute;
bottom: 0;
right: 0;
background: url(../images/indexSecondNavBg2.png) no-repeat 100% 100%;
z-index: 0;
} */
.navItemInfo a:hover{
color: rgba(0, 144, 254, 1);
}
.navItemInfo a.cur{
color: rgba(0, 144, 254, 1);
}


.navItemInfo .itemC:hover p a{
color: rgba(0, 144, 254, 1)!important;
}


.navItemInfo.subNavCpfw{
position: fixed;
width: 100%;
height: 408px;
}
.navItemInfo.subNavCpfw &gt; div {
width: 1266px;
height: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
}
.navItemInfoLeft{
width: 180px;
height: 100%;
background: url(../images/winyeahs_header_navBg.jpg) no-repeat;
background-size: 100% 100%;
padding-top: 50px;
margin-right: 40px;
}
.navItemInfoRight{
width: 1157px;
height: 100%;
position: absolute;
top: 0;
left: 250px;

}
.navItemInfoLeft &gt; a:nth-of-type(1){
border-top: 1px solid rgba(255, 255, 255, .3);
}
.navItemInfoLeft &gt; a{
display: block;
width: 100%;
height: 52px;
border-bottom: 1px solid rgba(255, 255, 255, .3);
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
transition: all .5s ease;
}
.navItemInfoLeft &gt; a:hover{
background-color: rgba(1, 64, 153, 0.35);
font-weight: bold;
color: #fff;
transition: all .5s ease;
}

.navItemInfoLeft &gt; a.cur{
background-color: rgba(1, 64, 153, 1);
font-weight: bold;
color: #fff;
}
.navItemInfoLeft &gt; a.curs{
background-color: rgba(1, 64, 153, 1);
font-weight: bold;
color: #fff;
}

.navItemInfoRight &gt; div{
width: 100%;
height: 100%;
}


.navItemInfoRight &gt; div .item_list{
width: 100%;
height: 100%;
padding-top: 50px;
}



.navItemInfoRight &gt; div .item_list .item{
margin: 0px 25px;
width: 220px;
float: left;
}
.navItemInfoRight &gt; div .item_list .item .itemC{
text-align: left;
margin-bottom: 28px;
}
.navItemInfoRight &gt; div .item_list .item .itemC p a{
display: block;
font-size: 15px;
letter-spacing: 0px;
  color: rgba(76, 75, 75,1);
margin-bottom: 10px;
}
.navItemInfoRight &gt; div .item_list .item .itemC span a{
display: block;
font-size: 12px;
letter-spacing: 0px;
color: rgba(166, 166, 166, 1);
height: 17px;
overflow: hidden;
}
.navItemInfoRight &gt; div.wlrh .item_list .item .itemC span a{
height: 15px;
}
.navItemInfoRight &gt; div.wlrh .item_list .item .itemC{
margin-bottom: 18px;
}
.navItemInfoRight &gt; div .item_list .item .itemH {
text-align: left;
margin-bottom: 32px;
}

.navItemInfoRight &gt; div .item_list .item .itemH p{
font-size: 15px;
letter-spacing: 0px;
color: rgba(1, 64, 153, 1);
padding-bottom: 11px;
border-bottom: 1px solid rgba(1, 64, 153, .3);
}
.navItemInfoRight &gt; div .item_list .item .itemH  p a{
color: rgba(1, 64, 153, 1);

}

.navItemInfoRight &gt; div .item_list &gt; .navMore {
position: absolute;
display: block;
width: 100%;
height: 10px;
bottom: 20px;
left:0;
display: flex;
justify-content: center;
align-items: center;
}
.navItemInfoRight &gt; div .item_list &gt; .navMore  a{
display: block;
width: 100%;
height:20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: rgba(5, 71, 173, 1); ;
}
.navItemInfoRight &gt; div .item_list &gt; .navMore a &gt; span{
display: block;
width: 12px;
height: 8px;
background: url(../images/winyeahs_index_area5_icon1.png) no-repeat;
background-size: 12px 8px ;
margin-left: 5px;
}


.headerQxcp{
position: absolute;
top: 0;
right: 0;
width: 227px;
height: 72px;
}
.headerQxcp a{
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.headerQxcp a img{
width: 227px;
}
.headerQxcp a img:nth-of-type(1){
display: block;
}
.headerQxcp a img:nth-of-type(2){
display: none;
}


nav.navActive .headerQxcp a img:nth-of-type(1){
display: none;
}
nav.navActive .headerQxcp a img:nth-of-type(2){
display: block;
}

nav.otherNavActive .headerQxcp a img:nth-of-type(1){
display: none;
}
nav.otherNavActive .headerQxcp a img:nth-of-type(2){
display: block;
}

nav.navbbbbbbActive .headerQxcp a img:nth-of-type(1){
display: none;
}
nav.navbbbbbbActive .headerQxcp a img:nth-of-type(2){
display: block;
}
/* *********************Ã¦â€°â€¹Ã¦Å“ÂºÃ¥Â¯Â¼Ã¨Ë†Âª************************ */

.phone_nav{
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 11111111;
display: none;
}

.phone_nav_logo{
width: 20vw;
position: absolute;
left: 6vw;
top: 4vw;
}
.phone_nav_logo a{
display: block;
width: 100%;
}
.phone_nav_logo a img{
display: block;
 width: 100%;
}

.phone_nav &gt; div:nth-of-type(1){
width: 100%;
height: 14.6vw;
position: absolute;
top: 0;
left: 0;
}
.headnavmenu {
position: absolute;
top: 15px;
right: 20px;
z-index: 1111;
height:40px;
transform: scale(.8);
}
.headnavmenu:hover {
cursor:pointer;
}
.headnavmenu ul {
list-style:none;
}
.headnavmenu ul li {
background:#014099;
height:4px;
width:30px;
margin-bottom:6px;
transition:0.3s;
}


.cur2 ul li:nth-child(1) {
transform-origin:center center;
transform:rotate(45deg) translateY(10px) translateX(4px);
}
.cur2 ul li:nth-child(2) {
background:none;
}
.cur2 ul li:nth-child(3) {
transform-origin:center center;
transform:rotate(-45deg) translateY(-10px) translateX(4px);
}








.phone_nav &gt; div:nth-of-type(2){
position: absolute;
top: 0;
right: -70vw;
background-color: rgba(255, 255, 255, .95);
width: 46.8vw;
height:706px;
}
.phone_nav &gt; div:nth-of-type(2) &gt; ul{
padding-left: 14.13vw;
padding-top: 26.93vw;
}
.phone_nav &gt; div:nth-of-type(2) &gt; ul li {
margin-bottom: 71px;
}
.phone_nav &gt; div:nth-of-type(2) &gt; ul li a{
font-size: 4vw;
letter-spacing: 0vw;
color: #000000;
}






/* *******************************footer******************************** */


.footer_wrap {
  background: url(../images/winyeahs_footer_bg.jpg) no-repeat ;
  background-size: 100% 100%;
  background-position: center;
  overflow: hidden;
  padding: 4vw 0;
}
.footer_wrap .footer{
width: 1400px;
margin: 0 auto;
}
.footer_wrap .item_nav{
width: 100%;
}
.footer_wrap .item_nav .item_title {
/* height: 60px; */
width: 100%;
/* border-bottom: 1px solid rgba(225, 225, 225, 1);; */
display:flex;
justify-content: space-between;
align-items: center;
padding-right: 35px;
margin-bottom: 36px;
}

.footer_wrap .item_nav .item_title &gt; div:nth-of-type(1) &gt; a &gt; h5 {
width: 66px;
letter-spacing: 0px;
float: left;
margin-right: 70px;
cursor: pointer;
word-break: keep-all;
font-size: 20px;
color: rgba(255, 255, 255, 1);
}
.footer_wrap .item_nav .item_title &gt; div:nth-of-type(1) &gt; a &gt;h5:hover {
font-weight: 600;
}


.footer_wrap .item_nav .item_list {
width: 100%;
display:flex;
justify-content: space-between;
margin-top: 1vw;
position: relative;
}

.footer_wrap .item_nav .item_list &gt; img {
position: absolute;
width: 83px;
height: 93px;
left: 0;
bottom: 0;
border-radius: 5px;
}

.footer_wrap .item_nav .item_list &gt; div:nth-of-type(1) &gt; .item {
width: 66px;
display: flex;
flex-direction: column;
float: left;
margin-right: 70px;

}
.footer_wrap .item_nav .item_list &gt; div:nth-of-type(1) &gt; .item span a {
display: block;
letter-spacing: 0px;
color: #898989;
word-break: keep-all;
font-size: 16px;
color: rgba(255, 255, 255, .4);
margin-bottom: 28px;

}
.footer_wrap .item_nav .item_list &gt; div:nth-of-type(1) &gt; .item span a:hover{
font-weight: 600;
color: #ffffff;
}
.footer_wrap .item_nav .item_list &gt; div:nth-of-type(2) {
position: relative;
width: 357px;
}.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) {
overflow: hidden;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1)  .item:nth-of-type(1) {
width: 104px;
float: right;
margin:0  35px;
/* margin-right: 70px; */
/* position: relative; */

}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) .item:nth-of-type(1) a {
display: block;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) .item:nth-of-type(2) {
width: 104px;
display: flex;
flex-direction: column;
float: right;
margin:0  35px;

/* position: relative; */

}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) .item:nth-of-type(1) a img{
object-fit: contain;
width: 100%;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) .item:nth-of-type(1) a p{
font-size: 14px;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
margin-top: 20px;
word-break: keep-all;
text-align: center;
}

.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) .item:nth-of-type(2) img{
object-fit: contain;
width: 100%;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) .item:nth-of-type(2) p{
font-size: 14px;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
margin-top: 20px;
}

.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(2) {
width: 100%;
text-align: center;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(2) p{
width: 265px;
font-size: 20px;
letter-spacing: 0px;
color: rgba(255, 255, 255, 0.6);
padding: 17px 0;
text-align: center;
margin: 0 auto;
margin-top: 32px;
border-bottom: 1px solid rgba(32,58,110,1);;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(2) h3{
font-family: PFDINTEXTCOMPPRO-REGULAR ;
font-size: 36px;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
margin-top: 19px;
margin-bottom: 57px;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(3){
display: none;
width: 17.33vw;
height: 17.33vw;
background-color: rgba(255, 255, 255, 1);
border-radius: 2vw;
padding: 4.47px;
margin: 0 auto;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(3) img{
display: block;
width: 100%;
}

.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(4) p{
width: 100%;
text-align: center;
font-size: 13px;
letter-spacing: 0px;
color: rgba(255, 255, 255, 0.4);
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(4) p a{
font-size: 13px;
color: rgba(255, 255, 255, 0.4);
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(4) p:nth-of-type(1){
margin-bottom: 9px;
}

#backToTop  {
display: none;
width: 100%;
height: 12.13vw;
background-color: rgba(242, 243, 245, 1);
justify-content: center;
align-items: center;
}


#backToTop   &gt;  p{
font-size: 3.6vw;
letter-spacing: 0.27vw;
color: rgba(0, 0, 0, 1);
}
















/* ***********************************Ã©Â¡ÂµÃ©ÂÂ¢************************************* */

/**
*
*       Ã©Â¦â€“Ã©Â¡Âµ
*
* */


/* banner */
.innerContainer{
width: 100%;
/* overflow: hidden; */
position: relative;
}
.winyeahsIndexBanner{
width: 100%;
height: 706px;
overflow: hidden;
position: relative;
}
.winyeahsIndexBanner &gt; div:nth-of-type(1){
width: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
justify-content: center;

}
#banner1{
width: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
justify-content: center;
}
#banner1 &gt; img{
width: 100%;
height: 706px;
overflow: hidden;
position: relative;
/* margin: 0 auto; */
object-fit: cover;
object-position: center center;
}
.loadding{
position: absolute;
width: 100%;
height: 3px;
bottom: 0;
left: 0;
z-index: 111;
background:#fff;
}
.loadding div{
width: 0%;
height: 100%;
/* background: rgba(5, 71, 173, 1); */
background:rgba(33, 187, 5, 0.98);
}

.winyeahsIndexBanner &gt; div:nth-of-type(1) img{
width: 100%;
height: 706px;
overflow: hidden;
position: relative;
/* margin: 0 auto; */
object-fit: cover;
object-position: center center;
}
.winyeahsIndexBanner &gt; div:nth-of-type(1) video{
display: block;
position: relative;
min-height: 706px;
min-width: 1920px;

}
.winyeahsIndexBanner &gt; div:nth-of-type(1) img{
  display: none;
}
.winyeahsIndexBanner &gt; div:nth-of-type(2){
height: 706px;
position: relative;
width: 681px;
text-align: center;
z-index: 11;
margin: 0 auto;
padding-top: 500px;

}
.winyeahsIndexBanner &gt; div:nth-of-type(2) &gt; div{
position: absolute;
top: 600px;
left: 0;
width: 100%;
height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* cursor: pointer; */
opacity: 0;
margin-top: 30px;
animation: bannerShow 1s 3s ease  forwards ;
-webkit-animation: bannerShow 1s 3s ease  forwards ;
-ms-animation: bannerShow 1s 3s ease  forwards ;
-moz-animation: bannerShow 1s 3s ease  forwards ;
-o-animation: bannerShow 1s 3s ease  forwards ;
}
.winyeahsIndexBanner &gt; div:nth-of-type(2) &gt; div &gt; span{
position: absolute;
bottom: 30px;
display: block;
width: 2px;
height: 32px;
background-color: rgba(255, 255, 255, 1);
animation: a_banner_s_line 3s 0.3s linear both infinite;
  -webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;
  -ms-animation: a_banner_s_line 3s 0.3s linear both infinite;
  -moz-animation: a_banner_s_line 3s 0.3s linear both infinite;
  -o-animation: a_banner_s_line 3s 0.3s linear both infinite;
}

.winyeahsIndexBanner &gt; div:nth-of-type(2) &gt; div &gt; p{
position: absolute;
width: 100%;
bottom: 0px;
left: 0;
font-size: 14px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 1);
margin-top: 11px;
}


.winyeahsIndexBanner &gt; div:nth-of-type(2) h1{
width: 100%;
text-align: center;
font-family: PFDinTextProThin;
font-size: 48px;
letter-spacing: 10px;
/* color: rgba(255, 255, 255,.8); */
opacity: 0;
margin-top: 20px;
animation: bannerShow 1s 0.5s ease  forwards ;
-webkit-animation: bannerShow 1s 0.5s ease  forwards ;
-ms-animation: bannerShow 1s 0.5s ease  forwards ;
-moz-animation: bannerShow 1s 0.5s ease  forwards ;
-o-animation: bannerShow 1s 0.5s ease  forwards ;
background:rgba(255,255,255,0);
background-image: linear-gradient(180deg, rgba(255, 255, 214,.8) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.55) 50%, rgba(255, 255, 103, 0.97) 100%);
background-image:-webkit-linear-gradient(180deg, rgba(255, 255, 214,.8) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.55) 50%, rgba(255, 255, 103, 0.97) 100%);
background-image:-ms-linear-gradient(180deg, rgba(255, 255, 214,.8) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.55) 50%, rgba(255, 255, 103, 0.97) 100%);
background-image:-moz-linear-gradient(180deg, rgba(255, 255, 214,.8) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.55) 50%, rgba(255, 255, 103, 0.97) 100%);
background-image:-o-linear-gradient(180deg, rgba(255, 255, 214,.8) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.55) 50%, rgba(255, 255, 103, 0.97) 100%);
-webkit-background-clip: text;
-ms-background-clip: text;
-moz-background-clip: text;
-o-background-clip: text;
color: rgba(241,241,241,.95);
color: transparent;
display: none;
}
.winyeahsIndexBanner &gt; div:nth-of-type(2) img{
width: 306px;
padding-top: 24px;
margin-bottom: 62px;
opacity: 0;
animation: bannerShow 1s 1s ease  forwards ;
-webkit-animation: bannerShow 1s 1s ease  forwards ;
-ms-animation: bannerShow 1s 1s ease  forwards ;
-moz-animation: bannerShow 1s 1s ease  forwards ;
-o-animation: bannerShow 1s 1s ease  forwards ;
display: none;
}

.winyeahsIndexBanner &gt; div:nth-of-type(2) h3{
font-size: 36px;
font-family: SOURCEHANSANSCN-LIGHT;
font-weight: 300;
letter-spacing: 6px;
color: rgba(255, 255, 255,.8);
opacity: 0;
margin-top: 20px;
animation: bannerShow 1s 1.5s ease  forwards ;
-webkit-animation: bannerShow 1s 1.5s ease  forwards ;
-ms-animation: bannerShow 1s 1.5s ease  forwards ;
-moz-animation: bannerShow 1s 1.5s ease  forwards ;
-o-animation: bannerShow 1s 1.5s ease  forwards ;
transform: scalex(.85);
-webkit-transform:scalex(.85);
-ms-transform:scalex(.85);
-moz-transform:scalex(.85);
-o-transform:scalex(.85);
background:rgba(255,255,255,0);
background-image: linear-gradient(180deg, rgba(255, 255, 214, 0.65) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.97) 62%, rgb(255, 255, 103) 100%);
background-image:-webkit-linear-gradient(180deg, rgba(255, 255, 214, 0.65) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.97) 62%, rgb(255, 255, 103) 100%);
background-image:-ms-linear-gradient(180deg, rgba(255, 255, 214, 0.65) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.97) 62%, rgb(255, 255, 103) 100%);
background-image:-moz-linear-gradient(180deg, rgba(255, 255, 214, 0.65) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.97) 62%, rgb(255, 255, 103) 100%);
background-image:-o-linear-gradient(180deg, rgba(255, 255, 214, 0.65) 0%,rgba(255, 255, 214,0.8) 30%,rgba(247, 255, 148, 0.97) 62%, rgb(255, 255, 103) 100%);
-webkit-background-clip: text;
-ms-background-clip: text;
-moz-background-clip: text;
-o-background-clip: text;
color: rgba(241,241,241,.95);
color: transparent;

}

/* indexArea2 */
.indexArea2{
width: 100% ;
position: relative;
height: 337px;
}

.indexArea2Swiper{
width: 100%;
height: 100%;
}
.indexArea2Swiper .swiper-slide{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.indexArea2Swiper h3{

font-family: PFDinTextCondPro-Medium;
font-size: 24px;
line-height: 34px;
letter-spacing: 2px;
color: rgba(103, 103, 103, .8);
text-align: center;
}
.indexArea2Swiper span{
width: 30px;
height: 2px;
background-color: rgba(103, 103, 103, 1);
border-radius: 1px;
opacity: 0.5;
margin: 19px 0;
}
.indexArea2Swiper p{

font-size: 24px;
line-height: 36px;
letter-spacing: 2px;
color: rgba(103, 103, 103, .8);
text-align: center;
}

.indexArea2Swiper .swiper-slide {
opacity: 0!important;
}
.indexArea2Swiper .swiper-slide-active {
opacity: 1!important;
}



/* indexArea3 */
.indexArea3{
width: 100%;
height: 610px;
position: relative;
background: url(../images/winyeahs_index_area3_bg.jpg) no-repeat;
background-attachment: fixed;
background-size: auto 100%;
background-position: center;
}

.indexArea3 &gt; div{
width: 1423px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.indexArea3SwiperNav{
margin-top: 103px;
width: 340px;
margin-left: 80px;
}

.indexArea3SwiperNav ul li{
width: 100%;
height: 112px;
margin-bottom: 52px;
}
.indexArea3SwiperNav ul li a{
display: block;
width: 100%;
height: 100%;
}
.indexArea3SwiperNav ul li a div{
width: 100%;
height: 70px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-around;
margin-left: 0px;
transition: all .5s ease;
}
.indexArea3SwiperNav ul li:hover a div{
margin-left: 10px;
transition: all .5s ease;
}
.indexArea3SwiperNav ul li.indexArea3SwiperNavActive a div{
margin-left: 10px;
transition: all .5s ease;
}
.indexArea3SwiperNav ul li a div::after{
content: '';
display: block;
width: 6px;
height: 70px;
background-color: rgba(0, 145, 255, 1);
position: absolute;
top: 0;
left: -60px;
opacity: 0;
transition: all .5s ease;
}
.indexArea3SwiperNav ul li:hover a div::after{
opacity: 1;
left: -38px;
transition: all .5s ease;
}
.indexArea3SwiperNav ul li.indexArea3SwiperNavActive a div::after{
opacity: 1;
left: -38px;
transition: all .5s ease;
}

.indexArea3SwiperNav ul li a div h2{
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
color: rgba(255, 255, 255, .5);
}
.indexArea3SwiperNav ul li a div p{
font-size: 16px;
letter-spacing: 1px;
color: rgba(255, 255, 255, .5);
}
.indexArea3SwiperNav ul li a &gt; span{
display: block;
width: 52px;
height: 14px;
background: url(../images/winyeahs_index_area3_icon1.png) no-repeat;
background-size: auto 100%;
margin-top: 27px;
margin-left: 0px;
opacity: 0;
transition: all .5s ease;

}
.indexArea3SwiperNav ul li:hover a &gt; span{
margin-left: 10px;
opacity: 1;
transition: all .5s ease;
animation: lrmove 1.5s ease  infinite ;
-webkit-animation: lrmove 1.5s ease  infinite ;
-ms-animation: lrmove 1.5s ease  infinite ;
-moz-animation: lrmove 1.5s ease  infinite ;
-o-animation: lrmove 1.5s ease  infinite ;
}
.indexArea3SwiperNav ul li.indexArea3SwiperNavActive a &gt; span{
margin-left: 10px;
opacity: 1;
transition: all .5s ease;

}




.indexArea3Swiper{
width: 921px;
height: 610px;
}
.indexArea3Swiper .swiper-slide {
opacity: 0!important;
}
.indexArea3Swiper .swiper-slide-active {
opacity: 1!important;
display: flex;
}

.indexArea3Swiper .swiper-slide &gt; div{
float: left;
}

.indexArea3Swiper .swiper-slide .indexArea3BoxW1{
width: 50%;
height: 100%;
}
.indexArea3Swiper .swiper-slide .indexArea3BoxW2{
width: 50;
height: 100%;
}
.indexArea3Swiper .swiper-slide .indexArea3BoxW3{
width: 50;
height: 100%;
}
.indexArea3Swiper .swiper-slide .indexArea3BoxW4{
width: 921px;
height: 390px;
}
.indexArea3Swiper .swiper-slide .blockEle{
  width: 100%;
}

.indexArea3Swiper .swiper-slide &gt; div &gt; a  {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.indexArea3Swiper .swiper-slide &gt; div &gt; a &gt; img{
display: block;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.indexArea3Swiper .swiper-slide &gt; div &gt; a &gt; div {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
}
.indexArea3Swiper .swiper-slide &gt; div:hover &gt; a &gt; div {
background:rgba(255,255,255,0);
background-image: linear-gradient(90deg,
rgba(0, 0, 0, .4) 0%,
rgba(0, 0, 0, .5) 10%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 0) 100%);
background-image:-webkit-linear-gradient(90deg,
rgba(0, 0, 0, .4) 0%,
rgba(0, 0, 0, .5) 10%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 0) 100%);
background-image:-ms-linear-gradient(90deg,
rgba(0, 0, 0, .4) 0%,
rgba(0, 0, 0, .5) 10%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 0) 100%);
background-image:-moz-linear-gradient(90deg,
rgba(0, 0, 0, .4) 0%,
rgba(0, 0, 0, .5) 10%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 0) 100%);
background-image:-o-linear-gradient(90deg,
rgba(0, 0, 0, .4) 0%,
rgba(0, 0, 0, .5) 10%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 0) 100%);
}
.indexArea3Swiper .swiper-slide &gt; div &gt; a &gt; div &gt; div{
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 0 42px;
}
.indexArea3Swiper .swiper-slide &gt; div &gt; a &gt; div &gt; div &gt; h3{
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
color: rgba(255, 255, 255, 1);
margin-top: 137px;
transition: all .5s ease;
}
.indexArea3Swiper .swiper-slide &gt; div:hover &gt; a &gt; div &gt; div &gt; h3{
margin-top: 72px;
transition: all .5s ease;
}
.indexArea3Swiper .swiper-slide &gt; div &gt; a &gt; div &gt; div &gt; span{
 display: block;
width: 30px;
height: 12px;
background: url(../images/winyeahs_index_area3_icon1.png) no-repeat;
background-size: auto 100%;
margin-right:20px;
opacity: 0;
}
.indexArea3Swiper .swiper-slide &gt; div:hover &gt; a &gt; div &gt; div &gt; span{
margin-right: 0px;
opacity: 1;
transition: all .5s ease;
animation: lrmove2 1.5s ease  infinite ;
-webkit-animation: lrmove2 1.5s ease  infinite ;
-ms-animation: lrmove2 1.5s ease  infinite ;
-moz-animation: lrmove2 1.5s ease  infinite ;
-o-animation: lrmove2 1.5s ease  infinite ;
}

.indexArea3Swiper .swiper-slide &gt; div &gt; a &gt; div &gt; p{
height: 0px;
font-size: 16px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 1);
padding: 0 42px;
opacity: 0;
margin-top: 21px;
line-height: 26px;
transition: all .5s ease;
}
.indexArea3Swiper .swiper-slide &gt; div:hover &gt; a &gt; div &gt; p{
height: 70px;
opacity: 1;
transition: all .5s ease;
}
.indexArea3Swiper .swiper-slide &gt; div &gt; a &gt; div &gt; p &gt; em{
font-size: 16px;
letter-spacing: 1px;
color: rgba(72, 227, 255, 1);
}
/* **********indexArea3_phone(Ã¦â€°â€¹Ã¦Å“Âº)********** */
.indexArea3_phone{
display: none;
width: 100%;
position: relative;
}
.indexArea3_phone &gt; div{
width: 88.53vw;
margin: 0 auto;
position: relative;
}
.indexArea3_phone &gt; div &gt; div{
width: 88.53vw;
height: 58vw;
margin-bottom: 2.93vw;
}
.indexArea3_phone &gt; div &gt; div:hover &gt;a &gt;div &gt;div &gt;span{
margin-right: 0px;
opacity: 1;
transition: all .5s ease;
animation: lrmove2 1.5s ease  infinite ;
-webkit-animation: lrmove2 1.5s ease  infinite ;
-ms-animation: lrmove2 1.5s ease  infinite ;
-moz-animation: lrmove2 1.5s ease  infinite ;
-o-animation: lrmove2 1.5s ease  infinite ;
}

.indexArea3_phone &gt; div &gt; div &gt; a {
display: block;
width: 100%;
height: 100%;
position: relative;
}


.indexArea3_phone &gt; div &gt; div &gt; a &gt; img {
display: block;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.indexArea3_phone &gt; div &gt; div &gt; a &gt; div {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: rgba(255,255,255,0);
}
.indexArea3_phone &gt; div &gt; div &gt; a &gt; div &gt; div {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 0 32px;
}
.indexArea3_phone &gt; div &gt; div &gt; a &gt; div &gt; div &gt; h3 {
margin-top: 10vw;
font-size: 5.33vw;
font-weight: bold;
line-height: 7.2vw;
letter-spacing: 0.53vw;
color: rgba(255, 255, 255, 1);
}
.indexArea3_phone &gt; div &gt; div &gt; a &gt; div &gt; div &gt; span {
display: block;
width: 30px;
height: 12px;
background: url(../images/winyeahs_index_area3_icon1.png) no-repeat;
background-size: auto 100%;
}
.indexArea3_phone &gt; div &gt; div &gt; a &gt; div &gt; p {
  padding: 0 32px;
  margin-top: 1.5vw;
  font-size: 3.73vw;
  font-stretch: normal;
  letter-spacing: 0.19vw;
  color: rgba(255, 255, 255, 1);
}
.indexArea3_phone &gt; div &gt; div &gt; a &gt; div &gt; p &gt; em {
font-size: 16px;
letter-spacing: 1px;
color: rgba(72, 227, 255, 1);
}
/* indexArea4 */

.indexArea4{
width: 100%;
position: relative;
background: #fff;
background-size: auto 100%;
background-position: center;
}
.indexArea4 &gt; div{
width: 1355px;
margin: 0 auto;
overflow: hidden;
}

.indexArea4 &gt; div header{
width: 100%;
text-align: center;
margin-top: 117px;
}
.indexArea4 &gt; div header h1{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 40px;
letter-spacing: 1px;
color: rgba(5, 71, 173, 1);
padding-top: 10px;
}
.indexArea4 &gt; div header h2{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 40px;
letter-spacing: 1px;
color: rgba(5, 71, 173, 1);
padding-top: 10px;
margin-bottom: 15px;
}
.indexArea4 &gt; div header p{
font-size: 16px;
letter-spacing: 1px;
color: rgba(67, 67, 67, 1);
padding-top: 10px;
}
.indexArea4List{
width: 100%;
overflow: hidden;
margin-top: 44px;
}

.indexArea4List ul li{
width: 436px;
height: 427px;
/*margin:14px;*/
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
float: left;
}
.indexArea4List ul li a{
display: block;
width: 100%;
height: 100%;
position: relative;
box-shadow: 0px 1px 18px #ccc;
overflow: hidden;
border-radius: 4px;
}
.indexArea4List ul li a &gt; img{
display: block;
width: 100%;
height: 236px;
/* object-fit: cover; */
transition: all .5s ease;
}
.indexArea4List ul li:hover a &gt; img{
transform: scale(1.1);
transition: all .5s ease;
/* object-fit: cover; */
}
.indexArea4List ul li a &gt; div:nth-of-type(1){
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 191px;
text-align: center;
background: #fff;

}


.indexArea4List ul li a &gt; 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;

}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; span{
display: block;
width: 22px;
height: 2px;
background-color: rgba(210, 210, 210, 1);
margin: 17px auto;
}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; p {
padding: 0 20px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; p &gt; 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);
}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; p &gt; span:nth-of-type(1){
border-left: unset;
}






.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; div{
position: absolute;
width: 112px;
height: 112px;
top: 0;
left: 50%;
border-radius: 50%;
}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; div{
position: absolute;
width: 0;
height: 0;
top: 0;
left: 50%;
display: flex;
justify-content: center;
align-items: center;

}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; div &gt; 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;
z-index: 1111;
}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; div &gt; div img{
width: 100%;
transform: scale(.8);
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
-moz-transform: scale(.8);
-o-transform: scale(.8);
}
.indexArea4List ul li a &gt; div:nth-of-type(1) &gt; div &gt; img{
flex-shrink: 0;
}


.indexArea4List ul li a &gt; 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;
}
.indexArea4List ul li:hover a.is_recommend1 &gt; 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.aboutMore .about_page1_btn_line2 .inner {
background-color: #FFF;
}

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

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

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

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


.indexArea4AboutMore{
width: 152px;
height: 52px;
margin:33px auto 100px;
}

/* ****indexArea5_phone***** */



.indexArea4_phone{
width: 100%;
position: relative;
background: #fff;
background-size: auto 100%;
background-position: center;
display: none;
}
.indexArea4_phone &gt; div{
width: 85%;
margin: 0 auto;
}

.indexArea4_phone &gt; div header{
width: 100%;
text-align: center;
margin-top: 117px;
}
.indexArea4_phone &gt; div header h1{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 40px;
letter-spacing: 1px;
color: rgba(5, 71, 173, 1);
}
.indexArea4_phone &gt; div header p{
font-size: 16px;
letter-spacing: 1px;
color: rgba(67, 67, 67, 1);
margin-top: 26px;
}
.indexArea4List_phone{
width: 100%;
margin-top: 44px;
overflow: unset!important;
margin-top: 7.47vw!important;
margin-bottom: 15.6vw!important;
}

.indexArea4List_phone  .swiper-slide a{
display: block;
width: 21.2vw;
height: 18.53vw;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #f5f5ff;
}


.indexArea4List_phone  .swiper-slide a img{
width: 14vw;
}







/* indexArea5 */

.indexArea5{
width: 100%;
position: relative;
background: url(../images/winyeahs_index_area5_bg.jpg) no-repeat;
background-size: auto 100%;
background-position: center;
overflow: hidden;
display: flex;
}

.indexArea5 &gt; div{
width: 1283px;
margin: 149px  auto 148px;
/* overflow: hidden; */
display: flex;
padding: 49px 54px;
background-color: #fff;
position: relative;
}
.indexArea5 &gt; div &gt; .indexArea5Tag{
display: block;
width: 100px;
height: 120px;
line-height: 120px;
text-align: center;
background: url(../images/winyeahs_index_area5_tagBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top:-25px;
left: 110px;
z-index: 111;
font-family:  PFDINTEXTCOMPPRO-REGULAR;
font-size: 40px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 1);
}


.indexArea5 .indexArea5Swipernav {
padding: 6px 0;
}
.indexArea5 .indexArea5Swipernav ul li{
display: block;
width: 100%;
height: 55px;
margin: 22px 0;
position: relative;
}
.indexArea5 .indexArea5Swipernav ul li a{
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: space-around;
flex-direction:  column;
}
.indexArea5 .indexArea5Swipernav ul li a h3{
font-size: 18px;
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;
}
.indexArea5 .indexArea5Swipernav ul li.indexArea5SwiperNavActive a h3{
color: rgba(0, 145, 255, 1)
}
.indexArea5 .indexArea5Swipernav ul li a::after{
content: '';
display: block;
width: 6px;
height: 55px;
background-color: rgba(0, 145, 255, 1);
position: absolute;
top: 0;
left: -60px;
opacity: 0;
transition: all .5s ease;
}
.indexArea5 .indexArea5Swipernav ul li:hover a::after{
opacity: 1;
left: -30px;
transition: all .5s ease;
}
.indexArea5 .indexArea5Swipernav ul li.indexArea5SwiperNavActive a::after{
opacity: 1;
left: -30px;
transition: all .5s ease;
}
.indexArea5 .indexArea5Swipernav ul li a p{
font-family: PFDinTextCondPro-Italic;
font-size: 18px;
letter-spacing: 1px;
color: rgba(145, 151, 151, 1);

}


.indexArea5Swiper{
width: 616px;
height: 424px;
margin-left: 0!important;
margin-right: 85px!important;
}

.indexArea5Swiper &gt; .swiper-wrapper &gt;.swiper-slide {
opacity: 0!important;
position: relative
}

.indexArea5Swiper &gt; .swiper-wrapper  &gt;.swiper-slide  &gt;.detaillink &gt;img{
width: 100%;
height: 100%;
object-fit: cover;
}

.indexArea5Swiper &gt; .swiper-wrapper &gt;.swiper-slide-active {
opacity: 1!important;
}

.indexArea5AboutMore{
width: 152px;
height: 52px;
}
.indexArea5AboutMore.aboutMore .about_page1_btn_line {
background-color: #FFF;
}

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

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

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

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

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


.indexArea5Swiper &gt; .swiper-wrapper &gt;.swiper-slide &gt;.detaillink &gt; div{
width: 100%;
height: 92px;
position: absolute;
bottom: 0;
left: 0;
padding: 0 24px;
transition: all .5s ease;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide &gt;.detaillink &gt; div &gt; h1{
font-size: 18px;
/* font-weight: bold; */
letter-spacing: 2px;
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: 1;
margin-top: 32px;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide:hover &gt;.detaillink &gt; div &gt; h1{
-webkit-line-clamp: 2;
margin-top: 93px;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt;  .swiper-slide:hover &gt;.detaillink &gt; div {
width: 100%;
height: 100%;
padding: 0 44px;
background-color: rgba(5, 71, 173, .5);
transition: all .5s ease;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide &gt;.detaillink &gt; div &gt; p{
display: block;
width: 100%;
height: 0;
opacity: 0;
font-size: 14px;
line-height: 24px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 1);
margin-top: 25px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 5;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide:hover  &gt;.detaillink &gt; div &gt; p{
height: 125px;
opacity: 1;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide &gt;.detaillink &gt; div &gt; div{
display: block;
width: 100%;
height: 0;
opacity: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide &gt;.detaillink &gt; div &gt; div &gt; p{
font-family: PFDinTextCondPro-Italic;
font-size: 22px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 1);
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide:hover &gt;.detaillink &gt; div &gt; div{
height: unset;
opacity: 1;

}

.news_button-next {
background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.news_button-prev {
background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat;
}
.new_next_button,.new_prev_button{
display: block;
position: absolute;
right: -15px;
top: 66%;
width: 54px;
height: 58px;
position: absolute;
bottom: 30px;
margin-top: -26px;
cursor: pointer;
z-index: 11;
}
.news_button-next,.news_button-prev{
position: absolute;
width: 77.01px;
height: 79.01px;
top: 0;
left: 0;
background-size: 15px 7px;
background-position: center;
background-repeat: no-repeat;
z-index: 12;
}
.spinner{
position: absolute;
width: 61.01px;
height: 61.01px;
top: 14%;
left: 16%;
/* background-color: rgba(255, 255, 255, 0.25); */
border: 1px solid rgba(5, 71, 173, .5);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-radius: 50%;
-webkit-animation: scaleout 1.6s  infinite ease-in-out;
-ms-animation: scaleout 1.6s  infinite ease-in-out;
-moz-animation: scaleout 1.6s  infinite ease-in-out;
-o-animation: scaleout 1.6s  infinite ease-in-out;
animation: scaleout 1.6s  infinite ease-in-out;
}
.spinnerHover{
position: absolute;
width: 61.01px;
height: 61.01px;
top: 14%;
left: 16%;
opacity: 0;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.25);
border: 1px solid rgba(5, 71, 173, .5);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
/* .indexArea5 .new_next_button:hover  .spinner,.indexArea5 .new_prev_button:hover .spinner{
border: none;
} */
.indexArea5 .new_next_button:hover .spinnerHover,.indexArea5 .new_prev_button:hover .spinnerHover,
.jdalDetailArea2Content .new_next_button:hover .spinnerHover,.jdalDetailArea2Content .new_prev_button:hover .spinnerHover{
-webkit-animation: hoverScaleout 0.8s infinite ease-in;
animation: hoverScaleout 0.8s infinite ease-in;
}
@-webkit-keyframes hoverScaleout {
0% { -webkit-transform: scale(0.8) rotate(45deg);
  -ms-transform: scale(0.8) rotate(45deg);
  -moz-transform: scale(0.8) rotate(45deg);
  -o-transform: scale(0.8) rotate(45deg);
  opacity: 1;}
100% {
  -webkit-transform: scale(2) rotate(45deg);
  -ms-transform:scale(2) rotate(45deg);
  -moz-transform: scale(2) rotate(45deg);
  -o-transform: scale(2) rotate(45deg);
  opacity: 0;
}
}
@keyframes hoverScaleout {
0% {
  transform: scale(0.8) rotate(45deg);
  -webkit-transform: scale(0.8) rotate(45deg);
  -ms-transform:scale(0.8) rotate(45deg);
  -moz-transform: scale(0.8) rotate(45deg);
  -o-transform: scale(0.8) rotate(45deg);
  opacity: 1;
}
100% {
  transform: scale(2) rotate(45deg);
  -webkit-transform: scale(2) rotate(45deg);
  -ms-transform:scale(2) rotate(45deg);
  -moz-transform: scale(2) rotate(45deg);
  -o-transform: scale(2) rotate(45deg);
  opacity: 0;
}
}

@-webkit-keyframes scaleout {
0% { -webkit-transform: scale(1.0) rotate(45deg);
  -ms-transform: scale(1.0) rotate(45deg);
  -moz-transform: scale(1.0) rotate(45deg);
  -o-transform: scale(1.0) rotate(45deg);
  opacity: 1;}
100% {
  -webkit-transform: scale(1.8) rotate(45deg);
  -ms-transform:  scale(1.8) rotate(45deg);
  -moz-transform:  scale(1.8) rotate(45deg);
  -o-transform:  scale(1.8) rotate(45deg);
  opacity: 0;
}
}
@keyframes scaleout {
0% {
  transform: scale(1.0) rotate(45deg);
  -webkit-transform: scale(1.0) rotate(45deg);
  -ms-transform: scale(1.0) rotate(45deg);
  -moz-transform:   scale(1.0) rotate(45deg);
  -o-transform:   scale(1.0) rotate(45deg);
  opacity: 1;
}
100% {
  transform: scale(1.8) rotate(45deg);
  -webkit-transform: scale(1.8) rotate(45deg);
  -ms-transform: scale(1.8) rotate(45deg);
  -moz-transform:  scale(1.8) rotate(45deg);
  -o-transform:   scale(1.8) rotate(45deg);
  opacity: 0;
}
}



/*Ã¤Â½â€œÃ©ÂªÅ’Ã¤Â¸Â­Ã¥Â¿Æ’*/

.winyeahs_tyzx_area1{
width:100%;
/* height:927px; */
padding-top: 173px;
margin-bottom: 100px;
}
.winyeahs_tyzx_area1 &gt; .area1_content{
width:1370px;
/* height: 602px; */
margin:0 auto;
flex-wrap: wrap;
/* gap: 30px 25px; */
row-gap: 30px;
display: flex;
justify-content: space-between;
}
.winyeahs_tyzx_area1 .item{
width: 32.1%;
height: 460px;
  text-align: center;
display: flex;
justify-content: center;
border-radius: 23px;
}
/* .winyeahs_tyzx_area1 .item-double{
width: calc((100% - 25px) / 3 * 2);
} */
.winyeahs_tyzx_area1 .item-double{
width: 66%;
}
.winyeahs_tyzx_area1 .item:nth-child(1){
background: url("../images/tyzx-item1.jpg") no-repeat;
}
.winyeahs_tyzx_area1 .item:nth-child(2){
background: url("../images/tyzx-item2.jpg") no-repeat;
/* width: calc((100% - 25px) / 3); */
}
.winyeahs_tyzx_area1 .item:nth-child(3){
background: url("../images/tyzx-item3.jpg") no-repeat;
/* width: calc((100% - 50px) / 3); */
}
.winyeahs_tyzx_area1 .item:nth-child(4){
background: url("../images/tyzx-item4.jpg") no-repeat;
/* width: calc((100% - 50px) / 3); */
}
.winyeahs_tyzx_area1 .item:nth-child(5){
background: url("../images/tyzx-item5.jpg") no-repeat;
/* width: calc((100% - 50px) / 3); */
}

.winyeahs_tyzx_area1 .item h3{
position: relative;
margin-top: 50px;
color: #fff;
font-size: 30px;
z-index: 1;
letter-spacing: 2.5px;
}
.winyeahs_tyzx_area1 .item h3::after{
content: "";
width: 290px;
position: absolute;
height: 22px;
top: 7px;
left: 50%;
margin-left: -145px;
z-index: -1;
}
.winyeahs_tyzx_area1 .item:first-child h3::after{
background: linear-gradient(to right, #5447c5, #483bbd);
}
.winyeahs_tyzx_area1 .item:nth-child(2) h3::after{
background: linear-gradient(to right, #144453, #154554);
}
.winyeahs_tyzx_area1 .item:nth-child(3) h3::after{
background: linear-gradient(to right, #004e86, #005187);
}
.winyeahs_tyzx_area1 .item:nth-child(4) h3::after{
background: linear-gradient(to right, #00025c, #00025c);
}
.winyeahs_tyzx_area1 .item:nth-child(5) h3::after{
background: linear-gradient(to right, #3e0983, #50098a);
}
.winyeahs_tyzx_area1 .item &gt;div{
  width: 100%;
}
.winyeahs_tyzx_area1 .item p{
  margin: 0 auto;
margin-top: 18px;
width: 73%;
color: #fff;
font-size: 16px;
letter-spacing: .3px;
}
.winyeahs_tyzx_area1 .item .arrow{
height: 12px;
background: url("../images/winyeahs_tyzx_jiantou.png") no-repeat;
margin: 0 auto;
margin-top: 15px;
background-position: center;
}
.winyeahs_tyzx_area1 .item:hover .arrow{

margin-right: 0px;
opacity: 1;
transition: all .5s ease;
animation: lrmove2 1.5s ease  infinite ;
-webkit-animation: lrmove2 1.5s ease  infinite ;
-ms-animation: lrmove2 1.5s ease  infinite ;
-moz-animation: lrmove2 1.5s ease  infinite ;
-o-animation: lrmove2 1.5s ease  infinite ;
}

/* .winyeahs_tyzx_area1 &gt; .area1_content &gt; a:nth-of-type(1) &gt;div:nth-of-type(1){
width:434px;
height:602px;
background:url("../images/winyeahs_tyzx_img_06.jpg") no-repeat;
}
.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_top  &gt; div:nth-of-type(2) &gt;span{
width: 30px;
height: 12px;
  display: block;
  background: url("../images/winyeahs_tyzx_jiantou.png") no-repeat;
}
.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_top {
width:389px;
height:22px;
margin-top: 71px;
padding-top: 71px;
display: flex;
align-items: center;
justify-content: space-between;
}
.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_top &gt; div:nth-of-type(1){
width: 253px;
height: 22px;
text-align: center;
background-color: rgba(102, 82, 255, 0.5);
}

.winyeahs_tyzx_area1 &gt; .area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1){
width:434px;
height:602px;
background:url("../images/winyeahs_tyzx_img_03.jpg") no-repeat;
}
.winyeahs_tyzx_area1 &gt; .area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1){
width:434px;
height:602px;
background:url("../images/winyeahs_tyzx_img_09.jpg") no-repeat;
}

.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_top  &gt;div:nth-of-type(1)  &gt; div{
width: 193px;
height: 52px;
font-family: MicrosoftYaHei;
font-size: 21px;
font-weight: normal;
font-stretch: normal;
line-height: 31px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
}

.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_bottom {
width: 193px;
height: 52px;
margin-top: 41px;
margin-left: 48px;
}

.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_bottom p {
font-family: MicrosoftYaHei;
font-size: 21px;
font-weight: normal;
font-stretch: normal;
color: rgba(255, 255, 255, 1);
}

.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_top {
width:389px;
height:22px;
margin-top: 71px;
display: flex;
align-items: center;
justify-content: space-between;
}


.winyeahs_tyzx_area1 &gt; .area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1){
width:434px;
height:602px;
background:url("../images/winyeahs_tyzx_img_03.jpg") no-repeat;
}
.winyeahs_tyzx_area1 &gt; .area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1){
width:434px;
height:602px;
background:url("../images/winyeahs_tyzx_img_09.jpg") no-repeat;
}

.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_top  &gt;div:nth-of-type(1)  &gt; div{
font-family: MicrosoftYaHei;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0.8px;
color: rgba(255, 255, 255, 1);
}

.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_bottom {
width: 193px;
height: 52px;
margin-top: 41px;
margin-left: 48px;
}

.area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_bottom p {
font-family: MicrosoftYaHei;
font-size: 21px;
font-weight: normal;
font-stretch: normal;
color: rgba(255, 255, 255, 1);
}
.winyeahs_tyzx_area1 &gt; .area1_content  &gt; a:nth-of-type(1) &gt; div:nth-of-type(1):hover &gt; .content_top  &gt; div:nth-of-type(2) &gt;span{
margin-right: 0px;
opacity: 1;
transition: all .5s ease;
animation: lrmove2 1.5s ease  infinite ;
-webkit-animation: lrmove2 1.5s ease  infinite ;
-ms-animation: lrmove2 1.5s ease  infinite ;
-moz-animation: lrmove2 1.5s ease  infinite ;
-o-animation: lrmove2 1.5s ease  infinite ;
}
/*2*/
.area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_top &gt;div:nth-of-type(1) &gt; div {
font-family: MicrosoftYaHei;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
line-height: 18px;
letter-spacing: 0.8px;
color: rgba(255, 255, 255, 1);
}
.area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_top  &gt; div:nth-of-type(2) &gt;span{
width: 30px;
height: 12px;
display: block;
background: url("../images/winyeahs_tyzx_jiantou.png") no-repeat;
}
.area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_top {
width:389px;
height:22px;
margin-top: 71px;
padding-top: 71px;
display: flex;
align-items: center;
justify-content: space-between;
}
.area1_content &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_top &gt; div:nth-of-type(1){
width: 253px;
height: 22px;
text-align: center;
background-color: rgba(98, 12, 180, 0.5);
}

.area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_top  &gt;div:nth-of-type(1)  &gt; div{
width: 193px;
height: 52px;
font-family: MicrosoftYaHei;
font-size: 21px;
font-weight: normal;
font-stretch: normal;
line-height: 18px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
}

.area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_bottom {
width: 251px;
height: 21px;
margin-top: 41px;
margin-left: 48px;
}

.area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_bottom p {
font-family: MicrosoftYaHei;
font-size: 21px;
font-weight: normal;
font-stretch: normal;
color: rgba(255, 255, 255, 1);
}
.winyeahs_tyzx_area1 &gt; .area1_content  &gt; a:nth-of-type(2) &gt; div:nth-of-type(1):hover &gt; .content_top &gt; div:nth-of-type(2) &gt;span{
margin-right: 0px;
opacity: 1;
transition: all .5s ease;
animation: lrmove2 1.5s ease  infinite ;
-webkit-animation: lrmove2 1.5s ease  infinite ;
-ms-animation: lrmove2 1.5s ease  infinite ;
-moz-animation: lrmove2 1.5s ease  infinite ;
-o-animation: lrmove2 1.5s ease  infinite ;
}
.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_top&gt;div:nth-of-type(1) &gt; div {
text-align: left;
margin-left: 50px;
}
.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_top  &gt; div:nth-of-type(2) &gt;  span{
width: 30px;
height: 12px;
display: block;
background: url("../images/winyeahs_tyzx_jiantou.png") no-repeat;
}
.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_top{
width:389px;
height:22px;
margin-top: 71px;
padding-top: 71px;
display: flex;
align-items: center;
justify-content: space-between;
}
.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_top&gt; div:nth-of-type(1){
width: 253px;
height: 22px;
text-align: center;
background-color: rgba(84, 12, 176, 0.5);
}
.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_top &gt; div:nth-of-type(1) &gt;div:nth-of-type(1) img{
width: 88px;
height: 48px;
margin-top: -10px;
}
.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_top  &gt;div:nth-of-type(1)  &gt; div{
width: 193px;
height: 52px;
font-family: MicrosoftYaHei;
font-size: 21px;
font-weight: normal;
font-stretch: normal;
line-height: 31px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
}

.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_bottom {
width: 259px;
height: 51px;
margin-top: 41px;
margin-left: 48px;
}

.area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_bottom p {
font-family: MicrosoftYaHei;
font-size: 21px;
font-weight: normal;
font-stretch: normal;
color: rgba(255, 255, 255, 1);
}
.winyeahs_tyzx_area1 &gt; .area1_content  &gt; a:nth-of-type(3) &gt; div:nth-of-type(1):hover &gt; .content_top  &gt; div:nth-of-type(2) &gt;span{
margin-right: 0px;
opacity: 1;
transition: all .5s ease;
animation: lrmove2 1.5s ease  infinite ;
-webkit-animation: lrmove2 1.5s ease  infinite ;
-ms-animation: lrmove2 1.5s ease  infinite ;
-moz-animation: lrmove2 1.5s ease  infinite ;
-o-animation: lrmove2 1.5s ease  infinite ;
} */



.winyeahs_tyzx_area1_phone{
  width: 100%;
  display: none;
  margin-top: 19.07vw;
  margin-bottom: 15.33vw;
  }
  .winyeahs_tyzx_area1_phone{
    width: 100%;
    display: none;
    margin-top: 19.07vw;
    margin-bottom: 15.33vw;
    }
.area1_content_phone{
width: 89.2vw;
margin: 0 auto;
}


.area1_content_phone div{
width: 89.2vw;
height: 58vw;
margin-bottom: 2.93vw;

}
.area1_content_phone div a{
width: 100%;
height: 100%;
display: block;
}
.area1_content_phone div a img{
width: 100%;
height: 100%;
object-fit: cover;
}

/*Ã¥â€¢â€&nbsp;Ã¥Å&nbsp;Â¡Ã¥ÂË†Ã¤Â½Å“*/
.winyeahsswhzBanner {
width: 100%;
background: url("../images/winyeahs_about_banner_01.jpg") 100% no-repeat;
height:818px;
}
.winyeahsswhzBanner &gt;.swhz_content{
  width: 1259px;
  height: 544px;
  margin: 0 auto;
  padding-left: 83px;
  padding-top: 183px;
}
.winyeahsswhzBanner &gt;.swhz_content &gt;div:nth-of-type(1) &gt; h1{
width: 403px;
height: 71px;
font-family: PFDinTextCondPro-XThinItalic;
font-size: 100px;
font-weight: normal;
font-stretch: normal;
line-height: 54px;
letter-spacing: 2.5px;
color: rgba(255, 255, 255, 1);
opacity: 0.4;
}
.winyeahsswhzBanner &gt;.swhz_content &gt;div:nth-of-type(1) &gt; span{
display:block;
width: 90px;
height: 4px;
background-color: rgba(255, 255, 255, 1);
opacity: 0.2;
  margin-top: 45px;
}
.winyeahsswhzBanner &gt;.swhz_content &gt;div:nth-of-type(1) &gt; h3 {
width: 155px;
height: 36px;
font-family: MicrosoftYaHei-Bold;
font-size: 36px;
font-weight: bold;
font-stretch: normal;
color: rgba(255, 255, 255, 1);
opacity: 0.5;
  margin-top: 38px;
}
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus{
width:1018px;
height: 238px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 110px;
}

.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div{
width:188px;
height: 238px;
display: inline-block;
}
/*Ã¨ÂÂ¥Ã©â€â‚¬Ã¤Â¸Â­Ã¥Â¿Æ’Ã§â€ÂµÃ¨Â¯Â*/
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(1) span:nth-of-type(1){
width: 143px;
height: 20px;
font-family: MicrosoftYaHei-Bold;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
  display: inline-block;
   word-break: keep-all;
}
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(1) img{
  margin-top: 31px;
}

.winyeahsswhzBanner&gt;.swhz_content &gt;  .aboutus &gt;div:nth-of-type(1) span:nth-of-type(2){
width: 290px;
height: 25px;
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0.6px;
color: rgba(255, 255, 255, 1);
display: inline-block;
margin-top:25px;
}
.winyeahsswhzBanner&gt;.swhz_content &gt;  .aboutus &gt;div:nth-of-type(1) span:nth-of-type(2) b{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 36px;
font-weight: 500;
letter-spacing: 0.6px;
}
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(1) span:nth-of-type(3){
width: 250px;
height: 25px;
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0.6px;
color: rgba(255, 255, 255, 1);
display: inline-block;
}
.winyeahsswhzBanner&gt;.swhz_content &gt;  .aboutus &gt;div:nth-of-type(1) span:nth-of-type(3) b{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 36px;
font-weight: 500;
letter-spacing: 0.6px;
}
/*Ã¥â€¢â€&nbsp;Ã¥Å&nbsp;Â¡Ã¥ÂË†Ã¤Â½Å“Ã¥â€™Â¨Ã¨Â¯Â¢*/
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(2) span:nth-of-type(1){
width: 123px;
height: 20px;
font-family: MicrosoftYaHei-Bold;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
}
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(2) img{
  margin-top: 31px;
margin-top: 10px;
}

.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(2) span:nth-of-type(2){
width: 185px;
height: 25px;
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0.9px;
color: rgba(255, 255, 255, 1);
display: inline-block;
margin-top:25px;
}

.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(2) span:nth-of-type(3){
width: 132px;
height: 17px;
font-family: MicrosoftYaHei;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
}
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(2) span:nth-of-type(3) b{
font-size: 14px;
font-weight: normal;
letter-spacing: 0.4px;
color: rgba(255, 255, 255, 1);
}
/*Ã¦â‚¬Â»Ã©Æ’Â¨Ã¥Å“Â°Ã¥Ââ‚¬*/
.winyeahsswhzBanner &gt;.swhz_content &gt;  .aboutus &gt;div:nth-of-type(3) span:nth-of-type(1){
width: 123px;
height: 20px;
font-family: MicrosoftYaHei-Bold;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
  display: inline-block;
}
.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(3) img{

  margin-top: 31px;
margin-top:25px;
}

.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(3) span:nth-of-type(2){
width: 290px;
height: 25px;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);
display: inline-block;
margin-top:35px;
}

.winyeahsswhzBanner &gt;.swhz_content &gt; .aboutus &gt;div:nth-of-type(3) span:nth-of-type(3){
width: 132px;
height: 17px;
font-family: MicrosoftYaHei;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 1);

}
.winyeahs_swhz_area1{
  width:100%;
  /* height:815px; */
  background: rgba(251,251,251,1);
  overflow: hidden;
}
.winyeahs_swhz_area1 .swhz_area1_content{
  width:1259px;
  height:553px;
  margin: 24px auto 24px auto;

}
.swhz_area1_content &gt; div:nth-of-type(1){
  width:1259px;
  height:292px;
  background: url("../images/winyeahs_swhz_img_04.jpg") no-repeat;
}
.swhz_area1_content &gt; div.lasa{
  background: url(../images/lasa.jpg) no-repeat;
}
.swhz_area1_content &gt; div:nth-of-type(1) &gt;div:nth-of-type(1){
  padding-top: 38px;
  margin-left: 86px;
}
.swhz_area1_content &gt; div:nth-of-type(1)  &gt;  div:nth-of-type(1) &gt;h1{
  font-family: PFDinTextCondPro-XThinItalic;
  font-size: 100px;
  font-weight: normal;
  font-stretch: normal;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 3.6px;
  opacity: 0.9;
}
.swhz_area1_content &gt; div:nth-of-type(1)  &gt;  div:nth-of-type(1) &gt;span{
  width: 90px;
  height: 4px;
  background-color: rgba(255, 255, 255, 1);
  opacity: 0.5;
  display: block;
  margin-top: 30px;
}
.swhz_area1_content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt;h3{
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  color: rgba(255, 255, 255, 1);
  opacity: 0.8;
  letter-spacing: 3.6px;
  margin-top: 30px;
}
.swhz_area1_content  &gt; div:nth-of-type(2){
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 1259px;
  height: 261px;
  background-color: rgba(255, 255, 255, 1);
}
.swhz_area1_content  &gt; div:nth-of-type(2) &gt; .ispan{
  width: 1px;
  height: 134px;
  background-color: rgba(102, 102, 102, 1);
  opacity: 0.5;
  display: block;
}
.informationone {
  width: 575px;
  height: 127px;
  display: flex;
  justify-content: center;
}.informationone &gt;div:nth-of-type(1) {
margin-right: 52px;
display: flex;
flex-direction: column;
/* justify-content: center; */
align-items: center;
}
.informationone &gt;div:nth-of-type(1)  span{
font-family: MicrosoftYaHei-Bold;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
color: rgba(51, 51, 51, 1);
opacity: 0.9;
  display: block;
}
.informationone  &gt;div:nth-of-type(1) img{
  width: 79px;
  height: 79px;
  margin-top: 27px;
}
.informationone  &gt;div:nth-of-type(2){
  margin-top: 61px;
}
.informationone  &gt;div:nth-of-type(2)  span:nth-of-type(1){
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
color: rgba(102, 102, 102, 1);
}
.informationone  &gt;div:nth-of-type(2) span:nth-of-type(2){
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 48px; */
  letter-spacing: 0.5px;
  color: rgba(102, 102, 102, 1);
  display: block;
  margin-top: 5px;
}

.informationtwo{
  width: 591px;
  height: 127px;
  display: flex;
  justify-content: center;
}.informationtwo &gt;div:nth-of-type(1) {
margin-right: 52px;
display: flex;
flex-direction: column;
/* justify-content: center; */
align-items: center;
}
.informationtwo &gt;div:nth-of-type(2) {
margin-top: 66px;
}
.swhz_area1_content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; span{
font-weight: bold;
font-size: 20px;
color: rgba(51, 51, 51, 1);
}
.swhz_area1_content &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; span{
font-weight: bold;
}
.swhz_area1_content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) span{
font-family: MicrosoftYaHei-Bold;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
/* line-height: 48px; */
letter-spacing: 0.5px;
color: rgba(102, 102, 102, 1);
opacity: 0.9;
  display: block;
}
.informationtwo &gt;div:nth-of-type(1) img{
  width: 84px;
  height: 72px;
  margin-top: 34px;
}

.informationtwo &gt;div:nth-of-type(2) span{
width: 236px;
height: 45px;
font-family: MicrosoftYaHei;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0.5px;
color: rgba(102, 102, 102, 1);
}
.aboutus &gt; .spand{
width: 1px;
height: 221px;
background-color: rgba(255, 255, 255, 1);
opacity: 0.5;
display: block;
}

/*Ã¥â€¦Â³Ã¤ÂºÅ½Ã¤Âºâ€˜Ã©â€¡Å½*/

.columnHeader{
width: 100%;
height: 554px;
}
.winyeahscolumnBanner{
height: 554px;
width: 100%;
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.winyeahscolumnBanner &gt; div:nth-of-type(1){
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;

}

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

.winyeahscolumnBanner &gt; div:nth-of-type(1) img:nth-of-type(1){
display: block;
}
.winyeahscolumnBanner &gt; div:nth-of-type(1) img:nth-of-type(2){
display: none;
}
.winyeahscolumnBanner &gt; div:nth-of-type(2){
position: relative;
text-align: center;
z-index: 11;
margin: 0 auto;
margin-top: 72px;
}
.winyeahscolumnBanner &gt; div:nth-of-type(2) img{
width: 134px;
height: 83px;
margin-bottom: 39px;
opacity: .85;
display: none;
}
.winyeahscolumnBanner &gt; div:nth-of-type(2) h1{
font-size: 45px;
line-height: 60px;
letter-spacing: 5px;
 font-weight: unset;
font-family:MicrosoftYaHei!important;
/* background:rgba(255,255,255,0); */
/* background-image: linear-gradient(135deg, rgba(19, 227, 255, 1) 0%,rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
background-image:-webkit-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%,rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
background-image:-ms-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%,rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
background-image:-moz-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%,rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
background-image:-o-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%,rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
-webkit-background-clip:text;
-ms-background-clip:text;
-moz-background-clip:text;
-o-background-clip:text;
color: rgba(241,241,241,.95); */
color:rgba(19, 227, 255, .95);
/* transform: scaleX(.85);
-webkit-transform: scaleX(.85);
-ms-transform: scaleX(.85);
-moz-transform: scaleX(.85);
-o-transform: scaleX(.85); */
text-align-last:justify;
text-align:justify;
text-justify:distribute-all-lines;
}
.winyeahscolumnBanner &gt; div:nth-of-type(2) p{
width: 100%;
text-align: center;
font-size: 24px;
letter-spacing: 1px;
color: #ffffff;
margin-top: 31px;
}
.aboutyunye_area2{
width: 100%;
height: 482px;
background: url(../images/winyeahs_aboutYunye_area2_bg.jpg) no-repeat;
background-size: 1920px 482px;
background-position: center center;
overflow: hidden;
}

.aboutyunyearea2_content{
width: 1200px;
margin: 100px auto;
display: flex;
}

.aboutyunyearea2_content &gt; div:nth-of-type(1){
width: 582px;
margin-right: 125px;
}
.aboutyunyearea2_content &gt; div:nth-of-type(1) h1{
font-family: PFDinTextCondPro-Medium;
font-size: 30px;
letter-spacing: 2px;
color: rgba(0, 145, 255, 1);
margin-bottom: 41px;
}


.aboutyunyearea2_content &gt; div:nth-of-type(1) p{
font-size: 18px;
line-height: 33px;
letter-spacing: 1px;
color: rgba(98, 98, 98, 1);
}


.aboutyunyearea2_content &gt; div:nth-of-type(1) p span{
font-size: 18px;
letter-spacing: 1px;
color: rgba(1, 64, 153, 1);
}

.aboutyunyearea2_content &gt; div:nth-of-type(2) {
width: 277px;
height: 279px;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
background: url(../images/winyeahs_aboutyunye_area2_img1.png) no-repeat;
background-size: 100% 100%;
}
.aboutyunyearea2_content &gt; div:nth-of-type(2) img{
cursor: pointer;
}
.aboutyunye_area3{
width: 100%;
position: relative;
overflow: hidden;
}


.aboutyunye_area3 &gt; div{
width: 1288px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1){
width: 1200px;
margin: 0 auto;
height: 512px;
background: url(../images/winyeahs_aboutYunye_area3_bg1.jpg) no-repeat;
background-size: 100% 100%;
margin-top: 89px;
padding:53px 67px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; h2{
font-size: 24px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 1);
margin-bottom: 37px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(1){
overflow: hidden;

}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; p{
width: 406px;
height: 145px;
font-size: 14px;
line-height: 30px;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
margin-right: 56px;
float: left;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2){
overflow: hidden;
width: 550px;
margin-top: 42px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; div{
float: left;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
margin-right: 57px;

}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; div &gt; img{
width: 60px;
height: 60px;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; div &gt; p{
width: 131px;
height: 26px;
background-color: rgba(255, 255, 255, 1);
border-radius: 13px;
margin-left: 20px;
text-align: center;
line-height: 26px;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.4px;
color: rgba(1, 64, 153, 1);
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2){
width: 100%;
height: 280px;
position: relative;
margin: 0 auto;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; img{
width: 57.47vw;
height: 24.53vw;
position: absolute;
top: 8.53vw;
right: 0;
display: none;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1){

float: left;
margin-right: 113px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2){

float: left;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div &gt; h3{
font-size: 18px;
letter-spacing: 0.5px;
color: rgba(0, 0, 0, 1);
margin-bottom: 32px;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div{
float: left;
display: flex;
align-items: flex-end;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; div &gt; div{
margin-right: 55px;

}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div p{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 60px;
letter-spacing: 1.5px;
color: rgba(0, 145, 255, 1);
margin-right: 12px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div b{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 60px;
letter-spacing: 1.5px;
color: rgba(0, 145, 255, 1);
margin-right: 3px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div p &gt; span{
font-family: PFDINTEXTCOMPPRO-REGULAR;
font-size: 36px;
letter-spacing: 0.9px;
color: rgba(0, 145, 255, 1);
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div &gt; div &gt; div &gt; span{
font-family: MicrosoftYaHei;
font-size: 14px;
letter-spacing: 0.4px;
color: rgba(137, 137, 137, 1);
margin-bottom: 14px;
}



.aboutyunye_area3 &gt; div &gt; div:nth-of-type(3){
width: 100%;
margin-bottom: 86px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(3) &gt; ul{
overflow: hidden;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(3) &gt; ul &gt; li{
width: 159px;
height: 139px;
border: 1px solid rgba(242, 242, 242, 1);
/* margin-bottom: -1px;
margin-right: -1px; */
float: left;
display: flex;
justify-content: center;
align-items: center;
}


.aboutyunye_area4{
width: 100%;
background-color: rgba(251, 251, 251, 1);
overflow: hidden;
}



.aboutyunye_area4 &gt; div{
width: 1278px;
margin: 0 auto;
}


.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1){
overflow: hidden;
margin-top: 83px;

}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1) &gt; div{
width: 346px;
margin: 0 40px;
float: left;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1) &gt; div &gt; img{
width: 100%;
height: 374px;
object-fit: cover;
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div{
width: 100%;
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div h1{
font-size: 20px;
letter-spacing: 0.5px;
color: rgba(51, 51, 51, 1);
margin-top: 29px;
font-weight: bold;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1) &gt; div &gt; div p{
font-size: 16px;
letter-spacing: 0.4px;
color: rgba(102, 102, 102, 1);
margin-top: 12px;
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) {
margin-top: 114px;
margin-bottom: 106px;
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2)&gt; h1{
font-size: 31px;
letter-spacing: 0.8px;
color: rgba(5, 64, 169, 1);
margin-bottom: 68px;
text-align: center;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) {
width: 100%;
display: flex;
justify-content: center;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div{
width: 378px;
height: 258px;
padding:  42px 44px;
border-radius: 4px;
margin: 0 15px;
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; img{
width: 50px;
}



.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div &gt; h1{
font-size: 18px;
letter-spacing: 0.5px;
color: rgba(51, 51, 51, 1);
margin-top: 38px;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; div &gt; div &gt; p{
font-size: 14px;
letter-spacing: 0.4px;
color: rgba(153, 153, 153, 1);
margin-top: 16px;
}

.aboutyunye_area3_nth4More{
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items:  center;
}


.aboutyunye_area3_nth4More p{
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
margin: 20px 5px;
background: rgba(5, 64, 169, 1);
}
.aboutyunye_area5 {
margin-top: 114px;
position: relative;
}

.aboutyunye_area5 &gt; h1{
font-size: 31px;
letter-spacing: 0.8px;
color: rgba(5, 64, 169, 1);
margin-bottom: 67px;
margin-top: 94px;
text-align: center;
position: relative;
}
.aboutyunye_area5 &gt; .aboutYunyeswiper1{
width: 100%;
margin-bottom: 118px;
}


.aboutyunye_area5 &gt; .aboutYunyeswiper1 .swiper-slide img{
width: 100%;
height: 334px;

}
.aboutyunye_area5 &gt; .aboutYunyeswiper1 .swiper-slide p{
margin-top: 18px;
text-align: center;
font-size: 16px;
letter-spacing: 0.4px;
color: rgba(49, 49, 49, 1);
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
padding: 0 20px;
}

.aboutyunye_area5 .new_next_button{
display: block;
right: 43vw;
top: 113%;
width: 54px;
height: 58px;
position: absolute;
bottom: 30px;
margin-top: -26px;
cursor: pointer;
z-index: 11;
}.aboutyunye_area5 .new_prev_button {
display: block;
left: 43vw;
top: 113%;
width: 54px;
height: 58px;
position: absolute;
bottom: 30px;
margin-top: -26px;
cursor: pointer;
z-index: 11;
}

.aboutyunye_area5 .spinner {
animation:none
}

.aboutyunye_area .new_next_button:hover .spinnerHover, .aboutyunye_area .new_prev_button:hover .spinnerHover {
-webkit-animation: hoverScaleout 0.8s infinite ease-in;
animation: hoverScaleout 0.8s infinite ease-in;
}

/* Ã¥â€¦Â³Ã¤ÂºÅ½Ã¤Âºâ€˜Ã©â€¡Å½Ã¦â€°â€¹Ã¦Å“Âº */
.aboutyunye_area3_nth4{
width: 86%;
margin-top: 44px;
overflow: unset!important;
margin-top: 7.47vw!important;
margin-bottom: 15.6vw!important;
display: none;
}

.aboutyunye_area3_nth4  .swiper-slide div{
display: block;
width: 21.8vw;
height: 21.53vw;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #f5f5ff;
}


.aboutyunye_area3_nth4  .swiper-slide div img{
transform: scale(0.5);
-webkit-transform: scale(0.5);
-ms-transform:  scale(0.5);
-moz-transform:  scale(0.5);
-o-transform:  scale(0.5);
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
width: 100%;
display: none;
overflow: unset!important;
margin-bottom: 10vw;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2)  .swiper-slide{
padding: 0 3vw;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2)  .swiper-slide &gt; div{
width: 76.27vw;
height: 51.73vw;
padding:  8.53vw 3.87vw;
border-radius: 0.53vw;
box-shadow: 0px 0px 15px #d6d6d6;
position: relative;
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2)  .swiper-slide &gt; div &gt; img{
width: 10.13vw;
height: 10.13vw;
}


.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2)  .swiper-slide &gt; div &gt; div &gt; h1{
font-size: 18px;
letter-spacing: 0.5px;
color: rgba(51, 51, 51, 1);
margin-top: 7.73vw;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; .swiper-slide &gt; div &gt; div &gt; p{
font-size: 14px;
letter-spacing: 0.4px;
color: rgba(153, 153, 153, 1);
margin-top: 2.93vw;
}






.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) .swiper-slide &gt; div &gt; p{
position: absolute;
top: 20vw;
right: -4.13vw;
display: block;
width: 12vw;
height: 12vw;
border: solid 0.27vw rgba(1, 64, 153, 1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) .swiper-slide &gt; div &gt; p &gt; span{
display: block;
width: 4vw;
height: 2vw;
background: url(../images/winyeahs_cpfw_detailSwiperIconActive.png) no-repeat;
background-size: auto 100%;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform:  rotate(180deg);
-moz-transform:  rotate(180deg);
-o-transform:  rotate(180deg);
}




/* Ã§Â½â€˜Ã§Â«â„¢Ã¥Å“Â°Ã¥â€ºÂ¾ */

.wzdt_area2{
width: 100%;
  background: url(../images/winyeahs_aboutYunye_area2_bg.jpg) no-repeat #f7f7f7;
  background-size: 1920px 482px;
  background-position: center bottom;
  overflow: hidden;

}
.wzdt_area2 &gt; div{
width: 800px;
margin: 0 auto;
position: relative;
}
.wzdt_area2 &gt; div &gt; div{
justify-content: flex-start;
align-items: center;
margin: 40px 0;
}

.wzdt_area2 &gt; div &gt; div:nth-of-type(2) {
margin-top: 40px;

}
.wzdt_area2 &gt; div &gt; div:not(:first-child) &gt; a{
margin-right:120px;
margin-bottom: 15px;
font-family: MicrosoftYaHei;
font-size: 17px;
font-weight: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0.9px;
color: rgba(51, 51, 51, 1);
}
.wzdt_area2 &gt; div &gt; div:first-of-type{
font-family: MicrosoftYaHei-Bold;
font-size: 29px;
font-weight: bold;
font-stretch: normal;
line-height: 28px;
letter-spacing: 1.5px;
color: rgba(42, 46, 46, 1);
margin-top: 88px;
}
.wzdt_area2 &gt; div &gt; div:last-of-type {
margin-bottom: 100px;
}
.wzdt_area2 &gt; div &gt; div &gt; div{
 margin-top: 15px;
}
.wzdt_area2 &gt; div &gt; div &gt; div &gt; a{
margin-right: 30px;

font-size: 14px;
font-weight: normal;
letter-spacing: 0.7px;
color: rgba(94, 98, 103, 1)
}

.Area4Content {
width: 1365px;
height: 440px;
margin: 0 auto;
}

.index_content{
display: flex;
justify-content: center;
align-items: center;
background: #fff;
width: 1200px;
}
.foot_link_list{
margin-right: 55px;
cursor: pointer;
}
.foot_link_list &gt;a{
display: block;
width: 60px;
}
.foot_link_list &gt;a img{
width: 100%;
}


/* Ã§Âªâ€”Ã¥ÂÂ£Ã¥Â®Â½Ã¥ÂºÂ¦&lt;1920,Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â®Â½Ã¥ÂºÂ¦=1680 */
@media screen and (max-width: 1919px) {
nav &gt; div {
  width: 1161px;

}
.Navigation ul{
  width: 1085px;
}
.navItemInfo.subNavCpfw &gt; div {
  width: 1180px;
}
}
/* Ã§Âªâ€”Ã¥ÂÂ£Ã¥Â®Â½Ã¥ÂºÂ¦&lt;1680,Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â®Â½Ã¥ÂºÂ¦=1440 */
@media screen and (max-width: 1679px) {
nav &gt; div {
  width: 930px;
}

.header_logo{
position: absolute;
left: 25px;
top: unset;
}

.navItemInfo.subNavCpfw &gt; div {
  width: 1399px;
}
.Navigation ul {
  width: 1310px;
}
.headerQxcp {
  width: 150px;
}
 .headerQxcp a img {
  width: 100%;
}
/* .headerQxcp a img {
  object-position: -41px;
} */
.footer_wrap .footer {
  width: 1350px;
}
.winyeahs_tyzx_area1 {
  padding-top: 150px;
}

}

/* Ã§Âªâ€”Ã¥ÂÂ£Ã¥Â®Â½Ã¥ÂºÂ¦&lt;1440,Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â®Â½Ã¥ÂºÂ¦=1200px */
@media screen and (max-width: 1439px) {
nav &gt; div {
  width: 780px;
}
.nav ul li {
  padding: 0px 16px;
}
.navItemInfoRight &gt; div .item_list .item {
  width: 200px;
  margin: 0px 15px;
}
.navItemInfoRight &gt; div .item_list .item .itemC p a {
font-size: 14px;

}


.Navigation ul {
  width: 1074px;
}








.footer_wrap .footer {
  width: 1320px;
}
.footer_wrap .item_nav .item_title &gt; div:nth-of-type(1) &gt; a &gt; h5 {
  margin-right: 66px;
}
.footer_wrap .item_nav .item_list &gt; div:nth-of-type(1) &gt; .item {
  margin-right: 66px;
}
.footer_wrap .footer {
  width: 1060px;
}
.footer_wrap .item_nav .item_title &gt; div:nth-of-type(1) &gt; a &gt; h5 {
  margin-right: 28px;
}

.footer_wrap .item_nav .item_title &gt; div:nth-of-type(1) &gt; a &gt; h5 {
  font-size: 17px;
}
.footer_wrap .item_nav .item_list &gt; div:nth-of-type(1) &gt; .item {
  margin-right: 28px;
}
.footer_wrap .item_nav .item_list &gt; div:nth-of-type(1) &gt; .item span a {
  font-size: 15px;
}


.navItemInfo.subNavCpfw &gt; div {
  width: 1160px;
}
.footer_wrap .item_nav .item_list {
  justify-content: center!important;
}
.indexArea3 &gt; div {
  width: 1160px;
}
/* .indexArea3Swiper .swiper-slide .indexArea3BoxW2 {
  width: 384px;
}
.indexArea3Swiper .swiper-slide .indexArea3BoxW3 {
  width: 512px;
}
.indexArea3Swiper .swiper-slide .indexArea3BoxW1 {
  width: 256px;
}
.indexArea3Swiper .swiper-slide .indexArea3BoxW4 {
  width: 768px;
} */
.indexArea4 &gt; div {
  width: 929px;
}
.indexArea3Swiper .swiper-slide &gt; div:hover &gt; a &gt; div &gt; div &gt; h3 {
  margin-top: 55px;
}
.indexArea5 &gt; div {
  width: 1100px;
}

/*Ã¤Â½â€œÃ©ÂªÅ’Ã¤Â¸Â­Ã¥Â¿Æ’&lt;1440Ã¥Ë†â€&nbsp;Ã¨Â¾Â¨Ã§Å½â€¡*/
.winyeahs_tyzx_area1 &gt; .area1_content {
  width: 1150px;
}
/* .winyeahs_tyzx_area1 &gt; .area1_content &gt; a:nth-of-type(1) &gt;div:nth-of-type(1) {
  width: 28.6vw;
  height: 40.35vw;
  background: url(../images/winyeahs_tyzx_img_06.jpg) no-repeat;
  background-size: cover
}
.winyeahs_tyzx_area1 &gt; .area1_content &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) {
  width: 28.6vw;
  height: 40.35vw;
  background: url(../images/winyeahs_tyzx_img_03.jpg) no-repeat;
  background-size: cover
}
.winyeahs_tyzx_area1 &gt; .area1_content &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) {
  width: 28.6vw;
  height: 40.35vw;
  background: url(../images/winyeahs_tyzx_img_09.jpg) no-repeat;
  background-size: cover
} */
.area1_content &gt; a:nth-of-type(1) &gt; div:nth-of-type(1) &gt; .content_top {
  width: 320px;
  height: 22px;
  margin-top: 71px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.area1_content &gt; a:nth-of-type(2) &gt; div:nth-of-type(1) &gt; .content_top {
  width: 320px;
  height: 22px;
  margin-top: 71px;
  padding-top: 71px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.area1_content &gt; a:nth-of-type(3) &gt; div:nth-of-type(1) &gt; .content_top {
  width: 320px;
  height: 22px;
  margin-top: 71px;
  padding-top: 71px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.area1_content &gt; div .content_top {
  width: 93%!important;
}
.navItemInfoRight {
width: 920px;
left: 235px;
}
.winyeahs_tyzx_area1 {
/* height: 727px; */
}
.winyeahs_tyzx_area1 {
padding-top: 123px;
}


.index_content {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 1000px;
}

.foot_link_list {
  margin-right: 43px;
  cursor: pointer;
}
}

/* Ã§Âªâ€”Ã¥ÂÂ£Ã¥Â®Â½Ã¥ÂºÂ¦&lt;1200,Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â®Â½Ã¥ÂºÂ¦=1024px */
@media screen and (max-width: 1199px) {
.index_content {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 870px;
}
.foot_link_list {
  margin-right: 30px;
  cursor: pointer;
}
}

/* Ã§Âªâ€”Ã¥ÂÂ£Ã¥Â®Â½Ã¥ÂºÂ¦&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) {
.columnHeader{
  width: 100%;
  height: 254px;
}
.winyeahscolumnBanner {
  height: 254px;

}
.winyeahscolumnBanner &gt; div:nth-of-type(2) h1{
    font-size: 6.2vw;
    line-height: 8vw;
}

.wzdt_area2 &gt; div {
  width: 85vw;
  margin: 0 auto;
  position: relative;
}

.wzdt_area2 &gt; div &gt; div &gt; div &gt; a {
  margin-right: 18px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.7px;
  color: rgba(94, 98, 103, 1);
}
}
/* Ã§Âªâ€”Ã¥ÂÂ£Ã¥Â®Â½Ã¥ÂºÂ¦&lt;640,Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â®Â½Ã¥ÂºÂ¦=480 */
@media screen and (max-width: 639px) {

nav {
  display: none;
}

.phone_nav {
  display: block;
}

.phone_nav &gt; div:nth-of-type(2) &gt; ul li {
  margin-bottom: 10vw;
}
.winyeahsIndexBanner{
  height: 406px;
}


.winyeahsIndexBanner div:nth-of-type(2) h3 {
  width: 90%;
  margin: 0 auto;
  line-height: 12vw;
  font-size: 6vw;
}

.winyeahsIndexBanner div:nth-of-type(2) {
  width: 90%;
  padding-top: 152px;
  height: 406px;
}
.winyeahsIndexBanner &gt; div:nth-of-type(2) &gt; div {
  position: absolute;
  top: 300px;
}


.winyeahsIndexBanner div:nth-of-type(2) h1 {
  width: 100%;
  text-align: center;
  font-family: PFDinTextProThin;
  font-size: 5vw;
  letter-spacing: 1.04vw;
  color: rgba(255, 255, 255, 1);
  opacity: 0;
  margin-top: 10px;
  display: block;
}

.winyeahsIndexBanner div:nth-of-type(2) img {
  width: unset;
  margin-top: 5.33vw;
  margin-bottom: 6.4vw;
  display: block;
  transform: scale(.6);
  margin: 0 auto
}

.winyeahsIndexBanner div:nth-of-type(1) video{
  display: none;
}
.winyeahsIndexBanner div:nth-of-type(1) img{
    display: block;
}

.indexArea2 {
  height: 295px;
  display: none;
}

.indexArea2Swiper h3 {
  width: 70vw;
  font-family: PFDinTextCondPro-Medium;
  text-align: center;
  font-size: 3.73vw;
  line-height: 4.53vw;
  letter-spacing: 0.37vw;
  color: rgba(141, 141, 141, 1);
}

.indexArea2Swiper p {
  width: 70vw;
  text-align: center;
  font-size: 3.73vw;
  line-height: 5.33vw;
  letter-spacing: 0.37vw;
  color: rgba(103, 103, 103, 1);
  opacity: 0.8;
}

.indexArea3 {
  display: none;
}

.indexArea3_phone {
  display: block;
  margin-top: 20px;
}

.indexArea4 {
  display: none;
}

.indexArea4_phone {

  display: block;
}
.indexArea4_phone &gt; div header {
  width: 100%;
  text-align: center;
  margin-top: 47px;
}

.indexArea5 &gt; div {
  width: 90%;
  flex-direction: column;
  padding: 0;
  margin: 20px auto 20px;

}

.indexArea5 &gt; div &gt; .indexArea5Tag {
  top: -45px;
  left: 270px;
  width: 17.87vw;
  height: 21.33vw;
  font-size: 7.11vw;
  line-height: 21.33vw;
  letter-spacing: 0.17vw;
  color: rgba(255, 255, 255, 1);
  display: none;
}

.indexArea5 .indexArea5Swipernav {
  padding: 6px 50px 6px 30px;
}

.indexArea5 .indexArea5Swipernav ul li:nth-of-type(4) {
  display: none;
}

.indexArea5 .indexArea5Swipernav ul li:nth-of-type(5) {
  display: none;
}

.indexArea5Swiper {
  width: 100%;
  height: 56.53vw;
  margin-left: 0 !important;
  margin-right: 85px !important;
}


.winyeahs_tyzx_area1 {
  display: none;
}

.winyeahs_tyzx_area1_phone {
  display: block;
}


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

.winyeahscolumnBanner &gt; div:nth-of-type(1) img:nth-of-type(2) {
  display: block;
}

.winyeahscolumnBanner &gt; div:nth-of-type(2) h1 {
  font-family: SOURCEHANSANSCN-LIGHT;
  background: rgba(255, 255, 255, 0);
  /* background-image: linear-gradient(135deg, rgba(19, 227, 255, 1) 0%, rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
  background-image: -webkit-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%, rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
  background-image: -ms-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%, rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
  background-image: -moz-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%, rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
  background-image: -o-linear-gradient(135deg, rgba(19, 227, 255, 1) 0%, rgba(19, 227, 255, 1) 50%, rgba(1, 140, 210, 1) 100%);
  -webkit-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  color: transparent; */
  font-size: 7.2vw;
  line-height: 11vw;
  letter-spacing: 1.08vw;
  color: rgba(24, 255, 255, 1);
}

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

.aboutyunyearea2_content &gt; div:nth-of-type(1) h1 {
  text-align: center;
  font-size: 6vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 4vw;
  letter-spacing: 0.45vw;
  color: rgba(0, 145, 255, 1);
}

.aboutyunye_area2 {
  height: unset;
  background: #fff;
}

.aboutyunyearea2_content {
  width: 90%;
  margin: 10vw auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.aboutyunyearea2_content &gt; div:nth-of-type(2){
  margin-top: 10vw;
}

.aboutyunye_area3 &gt; div {
  width: 100%;
}

.aboutyunyearea2_content &gt; div:nth-of-type(1) p {
  font-size: 3.6vw;
  line-height: 6.4vw;
  letter-spacing: 0.09vw;
  color: rgba(98, 98, 98, 1);
}

.aboutyunyearea2_content &gt; div:nth-of-type(1) p span {
  font-size: 3.6vw;
  letter-spacing: 0.09vw;
  color: rgba(1, 64, 153, 1);
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) {
  width: 100%;
  height: unset;
  background: url(../images/winyeahs_aboutYunye_area3_bg1Phone.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 12.53vw 4.4vw;
  margin-top: 40px;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; h2 {
  text-align: center;
  font-size: 4.8vw;
  letter-spacing: 0.12vw;
  color: rgba(255, 255, 255, 1);
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; p {
  text-align: center;
  height: unset;
  width: 100%;
  font-size: 2.8vw;
  line-height: 6vw;
  letter-spacing: 0.07vw;
  color: rgba(255, 255, 255, 1);
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) {
  width: 100%;
  margin-top: 10.13vw;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; div {
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  /* margin-bottom: 30px; */
  /* margin-right: 57px; */
  margin: 4vw 9.6vw;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; div &gt; img {
  width: 12vw;
  height: 12vw;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; div &gt; p {
  width: 26.27vw;
  height: 5.2vw;
  line-height: 5.2vw;
  font-size: 3.2vw;
  letter-spacing: 0.08vw;
  color: rgba(1, 64, 153, 1);
  margin-left: 0;
  margin-top: 4.27vw;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; img {
  display: block;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) {
  height: unset;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 5.73vw;
}
.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2)&gt; h1 {
  font-size: 24px;
  margin-bottom: 48px;
}
.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) {
  margin-top: 9.33vw;
}


.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
  margin-top: 9.33vw;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) &gt; div &gt; div {
  margin-right: 4vw;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(3) {
  display: none;
}

.aboutyunye_area3 &gt; div &gt; div:nth-of-type(4) {
  display: block;
}


.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1) {
  margin-top: 0;
}

.aboutyunye_area4 &gt; div {
  width: 90%;
  overflow: hidden;
}

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

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(1) &gt; div &gt; img {
  width: 100%;
  height: 46.13vw;
  object-fit: cover;
}

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

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
  display: block;
}

.aboutyunye_area4 &gt; div &gt; div:nth-of-type(2) {
  margin-top: 10vw;
  margin-bottom: 10vw;
}
.aboutyunye_area5{
  margin-top: 24px;
}
.aboutyunye_area5 &gt; h1 {
  margin-bottom: 27px;
  margin-top: 24px;
  font-size: 24px;
}
.aboutyunye_area5 &gt; .aboutYunyeswiper1 {
  width: 90%;
}

.winyeahsswhzBanner &gt; .swhz_content {
  width: 90%;
  height: unset;
  padding-left: 43px;;
}

.winyeahsswhzBanner &gt; .swhz_content &gt; div:nth-of-type(1) &gt; h1 {
  width: 100%;
  height: unset;
  font-family: PFDinTextCondPro-XThinItalic;
  font-size: 71px;
}

.winyeahsswhzBanner {
  width: 100%;
  background: url(../images/winyeahs_about_banner_01.jpg) 100% no-repeat;
  background-size: auto 100%;
  height: 1187px;
}

.aboutus &gt; .spand {
  display: none;
}

.swhz_area1_content &gt; div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: unset;
  padding: 10vw;
  background-color: rgba(255, 255, 255, 1);
}

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

.informationone {
  height: unset;
  justify-content: center;
}

.winyeahs_swhz_area1 .swhz_area1_content {
  width: 100%;
  height: unset;
}


.footer_wrap .footer {
  width: 90%;
}

.footer_wrap .item_nav .item_list &gt; img {
  display: none;
}
.footer_wrap .item_nav .item_list &gt; div:nth-of-type(1) {
  display: none;
}
.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(1) {
  display: none;
}

.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(3) {
  display: block;
  margin-top: 6.27vw;
  margin-bottom: 5.73vw;
}

.footer_wrap .item_nav .item_list div:nth-of-type(2) &gt; div:nth-of-type(2) h3 {
  margin-bottom: 0;
}

#backToTop {
  display: flex;
}

.returnTop {
  display: none;
}


.pagination .pageShow .current, .pagination .pageShow a, .pagination .pageShow  &gt; .paginSLue {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 2px;
  font-size: 11px;
  color: #717171;

}

.pagination .pageShow .current {
  background: rgba(0, 145, 255, 1);
  color: #fff;
}

.pagination .pageShow a:hover {

  border: 1px solid rgba(0, 145, 255, 1);
  color: rgba(0, 145, 255, 1);
}

.pagination .paga_nav {
  display: flex;

}

.pagination .paga_nav .back_page {
  position: absolute;
  top: 0;
}

.pagination .paga_nav .back_page, .pagination .paga_nav .next_page {
  width: 60px;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
  margin: 0 2px;
  font-size: 11px;
  color: #717171;

}

.pagination .paga_nav .back_page a, .pagination .paga_nav .next_page a {
  font-size: 11px;

}

.Navigation ul {
  width: 90%;
}

.Navigation ul li:nth-of-type(4) {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

.aboutyunye_area5 .new_next_button {
  right: 30vw;
}
.aboutyunye_area5 .new_prev_button {
  left: 30vw;
}
.spinner {
  animation: none;
}

.informationtwo {
  width: 591px;
  height: 127px;
  display: flex;
  justify-content: center;
  margin-top: 10vw;
}

.swhz_area1_content &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) span {
  font-family: MicrosoftYaHei-Bold;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0.5px;
  color: rgba(102, 102, 102, 1);
  opacity: 0.9;
  display: block;
}

.informationtwo &gt; div:nth-of-type(2) span {
  width: 185px;
  height: 45px;
}

.swhz_area1_content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) {
  width: 41.87vw;
  margin: 0 auto;
  padding-top: 7.73vw;
  text-align: center;
}

.swhz_area1_content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; span {
  display: block;
  margin: 0 auto;
  margin-top: 6vw;
  width: 12vw;
  height: 0.53vw;
  background-color: rgba(255, 255, 255, 0.5);
}

.swhz_area1_content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; h3 {
  margin: 0 auto;
  margin-top: 30px;
  /* width: 26vw; */
  font-family: MicrosoftYaHei-Bold;
  font-size: 4.8vw;
  font-weight: normal;
  font-stretch: normal;
  color: rgba(255, 255, 255, 1);
  letter-spacing: unset;
}

.swhz_area1_content &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; h1 {
  width: 41.87vw;
  margin: 0 auto 0 auto;
  font-family: PFDinTextCondPro-XThinItalic;
  font-size: 13.33vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 7.2vw;
  letter-spacing: 1.3vw;
  color: rgba(255, 255, 255, 0.9);
}
.informationfour &gt;div:nth-of-type(2) &gt;span {

  width: 36.53vw;
  height: 6.93vw;
  font-family: MicrosoftYaHei;
  font-size: 2.8vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 4.13vw;
  letter-spacing: 0.07vw;
  color: rgba(102, 102, 102, 1);
}
.information_phone{
  justify-content: space-around;
  align-items: center;
  width: 88.53vw;
  height: 49.87vw;
  background-color: rgba(255, 255, 255, 1);
  margin: 0 auto;
}

.information_phone &gt; div:nth-of-type(1){
  width: 23.87vw;
}
.information_phone &gt; div:nth-of-type(2) {
  width: 36.53vw;
}
.information_phone &gt; div:nth-of-type(1) &gt; span:nth-of-type(1) {
  width: 22.93vw;
  height: 3.2vw;
  font-family: MicrosoftYaHei-Bold;
  font-size: 3.2vw;
  font-weight: bold;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.08vw;
  color: rgba(51, 51, 51, 0.9);
}
.information_phone &gt; div:nth-of-type(1) &gt; img {
display: block;
width: 10.53vw;
height: 10.53vw;
margin: 0 auto;
margin-top: 3.6vw;
margin-bottom: 4.8vw;
}
.informationfour &gt;div:nth-of-type(1) &gt;span:nth-of-type(1){
font-family: MicrosoftYaHei-Bold;
font-size: 3.2vw;
font-weight: bold;
font-stretch: normal;
line-height: 6.4vw;
letter-spacing: 0.08vw;
color: rgba(51, 51, 51, 0.9);
}
.informationthree &gt;div:nth-of-type(1) &gt;span:nth-of-type(1){
  font-family: MicrosoftYaHei-Bold;
  font-size: 3.2vw;
  font-weight: bold;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.08vw;
  color: rgba(51, 51, 51, 0.9);
}
.informationthree &gt;div:nth-of-type(1) a &gt;span:nth-of-type(1){
font-family: PFDinTextCondPro-Regular;
font-size: 4.8vw;
font-weight: normal;
font-stretch: normal;
line-height: 6.4vw;
letter-spacing: 0.12vw;
color: rgba(102, 102, 102, 1);
}
.informationfour &gt;div:nth-of-type(1) &gt;span:nth-of-type(2) {
  line-height: 5.4vw;
}
.winyeahs_swhz_area1 {
  width: 100%;
  /* height: 420px; */
  background: rgba(251,251,251,1);
  /* overflow: hidden; */
}
.information_phone &gt; .ispan{
    width: 0.27vw;
    height: 29.47vw;
    background-color: rgba(178, 178, 178, 1);
    margin-left: 4vw;
  display:block;
}

.aboutus_phone &gt; div:nth-of-type(1) &gt; .spand{
    width: 0.27vw;
    height: 29.47vw;
    background-color: rgba(255, 255, 255, 0.5);
    margin-top: 3vw;
}
.informationthree &gt;div:nth-of-type(1) &gt;span:nth-of-type(3){
  font-family: MicrosoftYaHei;
  font-size: 2.4vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.07vw;
  color: rgba(102, 102, 102, 1);
}
.informationthree &gt;div:nth-of-type(1) &gt;img {
  width: 10.53vw;
  height: 10.53vw;
  display: block;
  margin: 0 auto;
  margin-top: 3.6vw;
  margin-bottom: 4.8vw;
}
.informationthree &gt;div:nth-of-type(1){
  text-align: center;
}
.informationfour &gt;div:nth-of-type(1){
  text-align: center;
  width: 36.53vw;
  height: 37.07vw;
}


.informationfour &gt;div:nth-of-type(1) &gt;img {
  width: 11.2vw;
  height: 9.6vw;
  display: block;
  margin: 0 auto;
  margin-top: 4.53vw;
  margin-bottom: 4.8vw;
}

  .indexArea5 .indexArea5Swipernav ul li a h3 {
      font-family: MicrosoftYaHei-Bold;
      font-size: 12px;
      font-weight: bold;
      font-stretch: normal;
      letter-spacing: 0.6px;
      color: rgba(77, 77, 77, 1);
      letter-spacing: 0.6px;
    line-height:20px;
  }
  .indexArea5 .indexArea5Swipernav ul li a p{
    font-family: PFDinTextCondPro-Italic;
    font-size: 14px;
    letter-spacing: 1px;
    color: rgba(145, 151, 151, 1);

  }
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide &gt;.detaillink&gt; div {
  width: 100%;
  /* height: 92px; */
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px;
  transition: all .5s ease;
}
.indexArea5Swiper &gt; .swiper-wrapper &gt; .swiper-slide &gt;.detaillink &gt; div &gt; h1 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 4.27vw;
  /* font-weight: bold; */
  /* font-stretch: normal; */
  line-height: 6vw;
  letter-spacing: 0.21vw;
  color: rgba(255, 255, 255, 1);
}
.cpfwListArea2Nav &gt; div a::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 145, 255, 1);
  opacity: 0;
  transition: all .5s ease;
}

.Navigation {
  display: none;
}
.winyeahsswhzBanner &gt;.swhz_content &gt;div:nth-of-type(1) &gt; span {
  display: inline-block;
  width: 90px;
  height: 4px;
  background-color: rgba(255, 255, 255, 1);
  opacity: 0.2;
  margin-top: 45px;
  text-align: center;
}
.winyeahsswhzBanner &gt;.swhz_content &gt;div:nth-of-type(1) &gt; h3 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  color: rgba(255, 255, 255, 1);
  opacity: 0.5;
  margin-top: 38px;
  width:unset;
  height:unset;
}
.winyeahsswhzBanner &gt;.swhz_content {
  width: 77.6vw;
  text-align: center;
  margin: 0 auto;
  padding-left: unset;
}
/*Ã¥â€¢â€&nbsp;Ã¥Å&nbsp;Â¡Ã¥ÂË†Ã¤Â½Å“*/
.aboutus_phone &gt; div:nth-of-type(1){
  width: 77.6vw;
  display: flex;
  justify-content: space-between;
  margin-top:13.73vw;
}
.aboutus_phone &gt; div:nth-of-type(2){
  width: 77.6vw;
  margin-top: 9.33vw;
}
.winyeahsswhzBanner {
  width: 100%;
  background: url(./images/winyeahs_swhz_phone_banner_01.jpg) 100% center no-repeat;
  background-size: auto 100%;
  height: 207.33vw;
}
.swhz_area1_content &gt; div:nth-of-type(1) {
  width: 88.53vw;
  height: 38.93vw;
  margin: 0 auto;
  background: url(../images/winyeahs_swhz_img_04.jpg) no-repeat;
}
.swhz_area1_content &gt; div.lasa{
  background: url(../images/lasa.jpg) no-repeat;
}

.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(1) span:nth-of-type(1){
  font-family: MicrosoftYaHei-Bold;
  font-size: 3.2vw;
  font-weight: bold;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.08vw;
  color: rgba(255, 255, 255, 1);
}
.aboutus_phone &gt; div:nth-of-type(1)  &gt;div:nth-of-type(1) img {
  width: 10.4vw;
  height: 9.6vw;
  margin: 0 auto;
  display: block;
  margin-top: 4.53vw;
  margin-bottom: 6.13vw;
}
.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(1) &gt;a span:nth-of-type(1) {
  font-family: PFDinTextCondPro-Regular;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.08vw;
  color: rgba(255, 255, 255, 1);
}
.aboutus_phone&gt; div:nth-of-type(1) &gt;div:nth-of-type(1) &gt;a span:nth-of-type(2) {
  font-family: PFDinTextCondPro-Regular;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.08vw;
  color: rgba(255, 255, 255, 1);
  display:block;
}
.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(1) b {
  font-family: PFDinTextCondPro-Regular;
  font-size: 4.8vw;
  font-weight: normal;
  letter-spacing: 0.12vw;
  color: rgba(255, 255, 255, 1);

}
.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(2) span:nth-of-type(1){
  font-family: MicrosoftYaHei-Bold;
  font-size: 3.2vw;
  font-weight: bold;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.08vw;
  color: rgba(255, 255, 255, 1);
}
.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(2) img{
  width: 10.53vw;
  height: 10.53vw;
  display: block;
  margin: 0 auto;
  margin-top: 3.7vw;
  margin-bottom: 5.6vw;
}
.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(2)  a&gt; span:nth-of-type(1){
  font-family: PFDinTextCondPro-Regular;
  font-size: 4.8vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.12vw;
  color: rgba(255, 255, 255, 1);
}
.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(2)  span:nth-of-type(2){
  font-size: 2.8vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.07vw;
  color: rgba(255, 255, 255, 1);
  display: block;
}
.aboutus_phone &gt; div:nth-of-type(1) &gt;div:nth-of-type(2)  b{
  font-family: MicrosoftYaHei;
  font-size: 2.27vw;
  font-weight: normal;
  letter-spacing: 0.05vw;
  color: rgba(255, 255, 255, 1);
}
.aboutus_phone &gt; div:nth-of-type(2) &gt; span:nth-of-type(1){
  font-family: MicrosoftYaHei-Bold;
  font-size: 3.2vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 6.4vw;
  letter-spacing: 0.08vw;
  color: rgba(255, 255, 255, 1);
}
.aboutus_phone &gt; div:nth-of-type(2) &gt; img{
  width: 11.2vw;
  height: 9.6vw;
  display: block;
  margin: 0 auto;
  margin-top: 5.07vw;
  margin-bottom: 5.2vw;
}
.aboutus_phone &gt; div:nth-of-type(2) &gt;span:nth-of-type(2) {
  font-family: MicrosoftYaHei;
  font-size: 2.8vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 3.73vw;
  letter-spacing: 0.07vw;
  color: rgba(255, 255, 255, 1);
}
.loadding{
  display: none;
}
#banner1{
  display: none;
}

.wzdt_area2 &gt; div &gt; div &gt; div &gt; a {
  margin-right: 10px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.7px;
  color: rgba(94, 98, 103, 1);
}
.foot_link_list {
  margin-right: 12px;
  cursor: pointer;
  margin-top: 35px;
  margin-bottom: 15px;
}
.index_content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: #fff;
  width: 85vw;
  flex-wrap: wrap;
}
.wzdt_area2 &gt; div &gt; div {
  justify-content: flex-start;
  align-items: center;
  margin: 40px 0;
  width: 85vw;
}
}

/* Ã§Âªâ€”Ã¥ÂÂ£Ã¥Â®Â½Ã¥ÂºÂ¦&lt;480,Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â®Â½Ã¥ÂºÂ¦=320 */
@media screen and (max-width: 479px) {

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