/*内页banner*/ .e_bannerA-1 { padding-top: 90px; } @keyframes puBanner { from { transform: translateY(100px); opacity: 0; } to { transform: translateY(0px); opacity: 1; } } @keyframes bannerimg { from { transform: scale(1.2); } to { transform: scale(1); } } @keyframes jiantoushang { from { opacity: 0; } to { opacity: 1; } } .pub_banner { width: 100%; height: auto; } .pub_banner .b_container { width: 100%; height: auto; } .pub_banner .b_container .p_slide { width: 100%; height: auto; position: relative; overflow: hidden; max-height: 500px; } .pub_banner .b_container .p_slide .p_img { width: 100%; animation: bannerimg 2s; background: #000; } .pub_banner .b_container .p_slide .p_img img { width: 100%; height: auto; opacity: 0.6; } .pub_banner .b_container .p_slide .p_info h1 { animation: puBanner 2s; font-size: var(--yx_FS54); letter-spacing: 0px; } .pub_banner .b_container .p_slide .p_info h1 a{ font-weight: bold; } .pub_banner .b_container .p_slide .p_info h6 { animation: puBanner 3s; font-size: 17px; letter-spacing: 3px; border: 1px #fff solid; padding: 10px 20px; display: inline-block; width: auto; margin: 0px; } .pub_banner .b_container .p_slide .p_info p { animation: puBanner 4s; font-size: 12px; text-transform: uppercase; } #c_banner_011_P_098-1679731009309.response-animated .undefined { animation-name: none,none; animation-delay: 0.0s,0.6s; animation-duration: 0.6s,0.6s; animation-iteration-count: 1,1; } #c_banner_011_P_098-1679731009309.response-animated .e_bannerA-1 { animation-name: none,none; animation-delay: 0.0s,0.6s; animation-duration: 0.6s,0.6s; animation-iteration-count: 1,1; } .pub_banner .b_container .p_slide .p_info { width: 100%; padding: 20px; max-width: 1600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; text-align: left; } .pub_banner .b_container .p_slide .p_img img { width: 100%; height: auto; opacity: 1; } /*----手机端banner----*/ @media only screen and (max-width:769px){ .pub_banner .b_container .p_slide .p_img img { height: 150px; width: auto; position: relative; left: 50%; transform: translate(-50%,0); } .pub_banner .b_container .p_slide .p_info h1 { font-size: 30px; } .pub_banner .b_container .p_slide .p_info h6 { font-size: 16px; display:none; } .e_bannerA-1{ padding-top: 50px!important; } } /*以下样式可以在本站不起作用*/ .yx_Banner_N { osition: relative; height: 100vh; overflow: hidden; background:#000; max-height: 400px; margin-top: 100px; } .yx_Banner_N:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; /* background: linear-gradient(120deg,#222,rgba(0,0,0,0)); */ top: 0; left: 0; opacity: 1; z-index: 2; } .yx_Banner_N:after { content: ''; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 2; opacity:0.45; position: absolute; /* background: linear-gradient(to top,#222,rgba(0,0,0,0)); */ } .yx_BN_Img { position: absolute; width: 100%; height: 100%; opacity: 1; transition: all 0.6s ease; background-size: cover; background-position: center; } .yx_BN_Con { position: absolute; top: 54%; left: 50%; transform: translate(-50%,-50%); z-index: 3; text-align: left; } .yx_Banner_N .yx_Title { font-size: var(--yx_FS54); color: #fff; line-height:160%; /* text-shadow: 0 0 var(--yx_FS16) rgba(3,0,76,0.5); */ } .yx_Banner_N .yx_Title span { position: relative; z-index: 3; font-weight:bold; } .yx_Banner_N .yx_Summary { font-size: var(--yx_FS18); color: #fff; line-height: 140%; overflow: visible; font-weight: 300; display: inline-block; letter-spacing: 2px; position: relative; opacity:0.6; text-shadow: 0 0 var(--yx_FS16) rgba(3,0,76,0.3); text-transform: capitalize; } @media only screen and (min-width:769px) { .yx_Mo_Img { display: none; } } @media only screen and (max-width:768px) { .yx_Banner_N { height: 85vw; } .yx_Banner_N .yx_Title{ font-size:var(--yx_FS48); letter-spacing:0px; } .yx_BN_Con{ top:50%; } .yx_Banner_N .yx_Summary{ font-size: var(--yx_FS14); line-height: 200%; max-width: 280px; margin-top: 6px; } } /*结束*/ @media only screen and (max-width:1200px){ .yx_NavBtn span{ background:#333; } .yx_Header .yx_EjBtn{ font-family: 'yx_icon' !important; } } /*面包屑样式*/ .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; }