/*banner*/ .yx_Banner_N {position: relative;height: 68vh;max-height: 560px;background: #000;overflow: hidden;} .yx_Banner_N:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(359deg,var(--yx_Color),rgba(0,0,0,0)); top: 0; left: 0; opacity: 0.3; z-index: 2; } .yx_Banner_N:after { content: ''; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 2; opacity: 0; position: absolute; background: linear-gradient(to top,#000,rgba(0,0,0,0)); } .yx_BN_Img { position: absolute; width: 100%; height: 100%; opacity:0.85; transition: all 0.6s ease; background-size: cover; background-position: center; } .yx_BN_Con { position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); z-index: 3; text-align: center; text-shadow:0 0 var(--yx_FS30) rgb(0 0 0 / 40%); } .yx_Banner_N .yx_Title { font-size: 46px; color: #fff; line-height: 100%; overflow: visible; display: inline-block; position: relative; font-weight: bold; } .yx_Banner_N .yx_Summary { text-transform: uppercase; font-size: 20px; color: #fff; line-height: 200%; margin-top: 4px; font-weight:200; max-width:600px; text-align:center; margin-left:auto; margin-right:auto; letter-spacing: 1px; opacity: 0.86; } @media only screen and (min-width:769px) { .yx_Mo_Img { display: none; } } @media only screen and (max-width:768px) { .yx_Banner_N{ height:80vw; max-height: 200px; margin: 68px auto 0; } .yx_BN_Con { top: 50%; width:90%; } .yx_Banner_N .yx_Title{ font-size: 32px; font-weight: 700; } .yx_Banner_N .yx_Summary{ font-size: var(--yx_FS22); margin-top: 0px; letter-spacing: 0px; } } /**/ @media only screen and (max-width:1200px){ .yx_NavBtn span{background:#333;} .yx_Header .yx_EjBtn{font-family: 'yx_icon' !important;} } .yx_Bottom *{color:#999999; font-size:var(--yx_FS18);} /**/ .e_breadcrumb-5 .p_breadcrumbItem span{ -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .e_breadcrumb-5 .p_breadcrumbItem > a{ display:flex; align-items:center; } .e_breadcrumb-5 .p_breadcrumbItem::after{ display:none; }