body.wd { opacity: 1; } body.make { opacity: 1; } body#index { transition: 1s; transition-delay: 1s; } body.sub .w-scroll-ani > div { animation: fadeOutDown 0s both; } body.sub .w-scroll-ani.scrolled > div { animation: fadeInUp 1s both; } .wd #w_carouselbox-1548156339909 { height: 100vh; } .wd #w_carouselbox-1548156339909 .w_fimgbox-001 { min-height: 100vh; position: relative; } .wd #w_carouselbox-1548156339909 .w_fimgbox-001 img { height: 100vh; } .wd #w_grid-1548350078751 { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 100px; } .wd #w_grid-1548309610976 { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 100px; } .wd #content_box-1548156339909-0 .w_fbtn-001 .p_CommonBtn { border-radius: 50px !important; } .wd #w_grid-1548311429285 .w_fbtn-001 .p_CommonBtn { border-radius: 50px !important; transition: 1s; } .wd #w_grid-1548346866522 { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0px; } .wd #w_common_text-1548347118080 { position: absolute; transform: rotate(-90deg); top: 50%; left: 0px; text-align: center; margin-left: -132px; } .wd #w_common_text-1548347118080 .w-ani { transform: translateY(-100px); } .wd #w_common_text-1548347118080.scrolled .w-ani { transform: translateY(0px); transition: 1s; } .wd .w-nav-fixed { width: 100vw !important; background-color: rgba(0, 0, 0, 0.3); top: -100px !important; transition: 1s; } .wd .w-nav-fixed.show { top: 0px !important; position: absolute; top: 0px; z-index: 9999; } .wd.loaded .w-nav-fixed.show { top: 0px !important; } .wd #w_fimg-1548329571140 { position: absolute; top: 0px; left: 270px; filter: saturate(0.2); -webkit-filter: saturate(0.2); transition: 1s; } .wd #w_grid-1548322287633:hover #w_fimg-1548329571140 { filter: saturate(1); -webkit-filter: saturate(1); top: 40px; left: 250px; } .wd #w_grid-1548330172308 { position: relative; } .wd #w_grid-1548330172308:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 0%; height: 1px; background-color: #e34646; transition: 1s; } .wd #w_grid-1548330172308 { position: relative; transition: 1s; top: 0px; } .wd #w_grid-1548330172308:hover { top: -30px; } .wd #w_grid-1548341728558 > div > div { position: relative; top: 0px; transition: 1s; } .wd #w_grid-1548341728558 > div > div:hover { top: -30px; } .wd #w_grid-1548330172308:hover:after { width: 100%; } .wd #w_grid-1548322287633 .w_grid:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 0%; height: 1px; background-color: #e34646; transition: 1s; } .wd #w_fimg-1548345067291 { transition: 1s; filter: saturate(0.2); -webkit-filter: saturate(0.2); transition: 1s; } .wd #w_grid-1548345067275:hover #w_fimg-1548345067291 { filter: saturate(1); -webkit-filter: saturate(1); top: 40px; left: 250px; } .wd #w_grid-1548322287633 { /* position:relative; */ } .wd #w_grid-1548322287633:hover > .w_grid:nth-child(1):after { width: 100%; } .wd #content_box-1548344135043-0 > div:hover:after { width: 100%; } .wd #content_box-1548344135043-0 > div span { transition: 1s; } .wd #content_box-1548344135043-0 > div:hover span { color: #e34646; } .wd #w_grid-1548322287633 span { transition: 1s; } .wd #w_grid-1548322287633:hover span { color: #e34646; } .wd #w_fimg-1548345067291 { position: absolute; top: 0px; left: 270px; } .wd #w_common_text-1548312543317 { position: relative; top: -30px; left: 160px; } .wd #c_portalResNews_list-15483121505687949 .p_TitleBox h5 { height: 24px; overflow: hidden; text-overflow: ellipsis; } .wd #w_grid-1548343038000 > div > div { transition: 1s; background-color: transparent; border: 2px solid #999; } .wd #w_grid-1548343038000 > div > div:hover { border-radius: 100px; background-color: #e34646; border-color: #e34646; } .wd #w_grid-1548343038000 > div > div:hover span { color: #fff; } .wd #w_common_text-1548345067298 span { text-transform: uppercase; } .wd #w_fline-1548312701011:after { content: ""; display: block; width: 50%; height: 1px; background-color: #e34646; position: relative; top: -10px; left: 0px; } .wd #w_grid-1548341728558 #content_box-1548341728558-0:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 0%; height: 1px; background-color: #e34646; transition: 1s; } .wd #w_grid-1548341728558 #content_box-1548341728558-0:hover:after { width: 100%; } .wd #content_box-1548345067275-0:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 0%; height: 1px; background-color: #e34646; transition: 1s; } .wd #content_box-1548345067275-0:hover:after { width: 100%; } .wd #w_fimg-1548341728573 { filter: saturate(0.2); -webkit-filter: saturate(0.2); transition: 1s; } .wd #content_box-1548341728558-0:hover #w_fimg-1548341728573 { filter: saturate(1); -webkit-filter: saturate(1); } .wd #w_fimg-1548330172326 { filter: saturate(0.2); -webkit-filter: saturate(0.2); transition: 1s; } .wd #content_box-1548330172308-0:hover #w_fimg-1548330172326 { filter: saturate(1); -webkit-filter: saturate(1); } .wd #w_fimg-1548345067291 { transition: 1s; } .wd #content_box-1548156514866-0 { animation: fadeOutLeft 1s both; } .wd #content_box-1548156514866-0 img { transform: scale(1); transition: 1s; } .wd .scrolled #content_box-1548156514866-0 { animation: fadeInLeft 1s both; } .wd #content_box-1548156514866-0:hover img { transform: scale(1.05); transition: 1s; } .wd #content_box-1548156514866-1 img { transform: scale(1); transition: 1s; } .wd #content_box-1548156514866-1 { animation: fadeOutRight 1s both; } .wd .scrolled #content_box-1548156514866-1 { animation: fadeInRight 1s both; } .wd #content_box-1548156514866-1:hover img { transform: scale(1.05); } #w_common_text-1548347826635:after { content: ""; display: block; width: 19px; height: 19px; margin: auto; margin-top: 35px; background: url(/img/20190125101158.png) top left no-repeat; } #w_common_text-1548348565906:after { content: ""; display: block; width: 19px; height: 19px; margin: auto; margin-top: 35px; background: url(/img/20190125101158.png) top left no-repeat; } #w_fimgbox-1548167373341 img { transition: 1s; transform: scale(1); transition-delay: 0s; } #content_box-1548167368223-0:hover #w_fimgbox-1548167373341 img { transform: scale(1.05); transition-delay: 0s; } .wd #w_common_text-1548170366359:after { content: ""; display: block; width: 50px; height: 2px; background-color: #fff; position: relative; top: 7px; } .wd #w_common_text-1548170366359:before { content: ""; display: block; width: 25px; height: 2px; background-color: rgba(227,70,70,1); position: absolute; top: 26px; z-index: 9; } .wd #w_common_text-1548349809797:after { content: ""; display: block; width: 50px; height: 2px; background-color: #fff; position: relative; top: 7px; } .wd #w_common_text-1548349809797:before { content: ""; display: block; width: 25px; height: 2px; background-color: rgba(227,70,70,1); position: absolute; top: 26px; z-index: 9; } @keyframes wSkewIn { from { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } to { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } } @keyframes wSkewOut { from { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } to { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } } .wd #w_common_text-1548346937110:before { content: ""; display: block; width: 60px; height: 2px; background-color: #fff; position: relative; margin-bottom: 40px; animation: wSkewOut 1s both; } .wd #w_common_text-1548346937110 .w-ani { animation: wSkewOut 1s both } .wd #content_box-1548346866522-0.scrolled #w_common_text-1548346937110:before { animation: wSkewIn 1s 1s both; } .wd #content_box-1548346866522-0.scrolled #w_common_text-1548346937110 .w-ani { animation: wSkewIn 1s 1.1s both; } .wd #content_box-1548346866522-0.scrolled #w_common_text-1548346975606 .w-ani { animation: wSkewIn 1s 1.2s both; } .wd #content_box-1548346866522-0.scrolled #w_common_text-1548347028656 .w-ani { animation: wSkewIn 1s 1.3s both; } #w_common_text-1548346937110 span { font-weight: bold; } #w_common_text-1548347028656 span { font-weight: bold; } div[id^='w_common_text'] .w-ani { display: inline-block; } .wd #w_carouselbox-1548156339909 div[id^='w_common_text'] .w-ani { position: relative; overflow: hidden; } .wd #w_carouselbox-1548156339909 div[id^='w_common_text'] .w-ani span { position: relative; top: 200px; transition: 1s; animation-timing-function: cubic-bezier(0.42,0,1,1); } .wd div[id^='w_common_text']:nth-child(1) .w-ani span { transition-delay: 0.1s; } .wd div[id^='w_common_text']:nth-child(2) .w-ani span { transition-delay: 0.15s; } .wd div[id^='w_common_text']:nth-child(3) .w-ani span { transition-delay: 0.2s; } .wd div[id^='w_common_text']:nth-child(4) .w-ani span { transition-delay: 0.25s; } .wd div[id^='w_common_text']:nth-child(5) .w-ani span { transition-delay: 0.3s; } .wd div[id^='w_common_text']:nth-child(6) .w-ani span { transition-delay: 0.35s; } .wd div[id^='w_common_text']:nth-child(7) .w-ani span { transition-delay: 0.4s; } .wd div[id^='w_common_text']:nth-child(8) .w-ani span { transition-delay: 0.45s; } .wd div[id^='w_common_text']:nth-child(9) .w-ani span { transition-delay: 0.5s; } .wd div[id^='w_common_text']:nth-child(10) .w-ani span { transition-delay: 0.55s; } .w-loaded.wd #w_carouselbox-1548156339909 div[id^='w_common_text'] .w-ani span { top: 0px; } .wd #w_carouselbox-1548156339909 div[id^='w_fbtn-'] .e_btn { animation: wSkewOut 0s both; } .wd.w-loaded #w_carouselbox-1548156339909 div[id^='w_fbtn-'] .e_btn { animation: wSkewIn 1s both; } .wd.w-loaded #w_carouselbox-1548156339909 #content_box-1548350078772-0 div[id^='w_fbtn-'] .e_btn { animation-delay: 1.1s; } .wd.w-loaded #w_carouselbox-1548156339909 #content_box-1548350078772-1 div[id^='w_fbtn-'] .e_btn { animation-delay: 1.4s; } #w_common_text-1548322060753 > div > p > span:before { content: ""; display: inline-block; width: 17px; height: 21px; background: url(/img/20190125112021.png) top left no-repeat; position: relative; top: 3px; margin-right: 15px; } #w_common_text-1548312413962 > div > p > span:before { content: ""; display: inline-block; width: 17px; height: 21px; background: url(/img/20190125112021.png) top left no-repeat; position: relative; top: 3px; margin-right: 15px; } #w_fline-1548322178767 .w_fline:after { content: ""; display: block; width: 40%; height: 1px; background-color: #E34646; position: relative; top: -10px; } .wd #w_fimgbox-1548167373341 { animation: fadeOutDown 1s both; } .wd .scrolled #w_fimgbox-1548167373341 { animation: fadeInUp 1s both; } .wd #w_grid-1548322049801 #w_common_text-1548322060753 { animation: fadeOutLeft 1s both; } .wd #w_grid-1548322049801.scrolled #w_common_text-1548322060753 { animation: fadeInLeft 2s both; } .wd #w_fline-1548322178767 { animation: fadeOutLeft 1s both; } .wd #w_grid-1548322049801.scrolled #w_fline-1548322178767 { animation: fadeInLeft 2s .5s both; } .wd #w_common_text-1548170366359 .w-ani { animation: wSkewOut 1s both; } .wd .scrolled #w_common_text-1548170366359 .w-ani { animation: wSkewIn 1s 1s both; } .wd #w_common_text-1548170366359:before { animation: wSkewOut 1s both; } .wd #w_common_text-1548170366359:after { animation: wSkewOut 1s both; } .wd .scrolled #w_common_text-1548170366359:before { animation: wSkewIn 1s 1.1s both; } .wd .scrolled #w_common_text-1548170366359:after { animation: wSkewIn 1s 1.2s both; } .wd #w_common_text-1548170469455 .w-ani { animation: wSkewOut 1s both; } .wd .scrolled #w_common_text-1548170469455 .w-ani { animation: wSkewIn 1s 1.3s both; } .wd #w_common_text-1548349809797 .w-ani { animation: wSkewOut 1s both; } .wd #w_common_text-1548349809797:before { animation: wSkewOut 1s both; } .wd #w_common_text-1548349809797:after { animation: wSkewOut 1s both; } .wd #w_common_text-1548349809802 .w-ani { animation: wSkewOut 1s both; } .wd .scrolled #w_common_text-1548349809797 .w-ani { animation: wSkewIn 1s 1s both; } .wd .scrolled #w_common_text-1548349809797:before { animation: wSkewIn 1s 1.1s both; } .wd .scrolled #w_common_text-1548349809797:after { animation: wSkewIn 1s 1.2s both; } .wd .scrolled #w_common_text-1548349809802 .w-ani { animation: wSkewIn 1s 1.3s both; } .wd #w_grid-1548322287633 { margin-top: 100px; opacity: 0; } .wd #w_grid-1548322287633.scrolled { margin-top: 0px; opacity: 1; transition: 1s; } .wd #w_grid-1548322287633 .w-ani { animation: wSkewOut 1s both; } .wd #w_grid-1548322287633.scrolled #w_common_text-1548322596727 .w-ani { animation: wSkewIn 1s 1s both; } .wd #w_grid-1548322287633.scrolled #w_common_text-1548323979419 .w-ani { animation: wSkewIn 1s 1.1s both; } .wd #w_grid-1548322287633.scrolled #w_common_text-1548329433916 .w-ani { animation: wSkewIn 1s 1.2s both; } .wd #w_fimg-1548329571140 { animation: wSkewOut 0s both; } .wd #w_grid-1548322287633.scrolled #w_fimg-1548329571140 { animation: wSkewIn 1s 1.8s both; } .wd #w_grid-1548330172308 { margin-top: 100px; opacity: 0; } .wd #w_grid-1548330172308.scrolled { margin-top: 0px; opacity: 1; transition: 1s; } .wd #w_common_text-1548330172322 .w-ani { animation: wSkewOut 0s both; } .wd #w_fimg-1548330172326 { animation: wSkewOut 0s both; } .wd #w_common_text-1548330172333 .w-ani { animation: wSkewOut 0s both; } .wd #w_common_text-1548330172337 .w-ani { animation: wSkewOut 0s both; } .wd #w_grid-1548330172308.scrolled #w_common_text-1548330172322 .w-ani { animation: wSkewIn 1s 1s both; } .wd #w_grid-1548330172308.scrolled #w_fimg-1548330172326 { animation: wSkewIn 1s 1.1s both; } .wd #w_grid-1548330172308.scrolled #w_common_text-1548330172333 .w-ani { animation: wSkewIn 1s 1.2s both; } .wd #w_grid-1548330172308.scrolled #w_common_text-1548330172337 .w-ani { animation: wSkewIn 1s 1.3s both; } .wd #w_grid-1548343038000 { transform: rotateY(90deg); margin-top: 100px; opacity: 0; } .wd #w_grid-1548343038000.scrolled { transform: rotateY(0deg); margin-top: 0px; opacity: 1; transition: 1s; } .wd #w_grid-1548341728558 { margin-top: 100px; opacity: 0; } .wd #w_grid-1548341728558.scrolled { margin-top: 0px; opacity: 1; transition: 1s; } .wd #w_common_text-1548341728570 .w-ani { animation: wSkewOut 0s both; } .wd #w_fimg-1548341728573 { animation: wSkewOut 0s both; } .wd #w_common_text-1548341728578 .w-ani { animation: wSkewOut 0s both; } .wd #w_common_text-1548341728580 .w-ani { animation: wSkewOut 0s both; } .wd #w_grid-1548341728558.scrolled #w_common_text-1548341728570 .w-ani { animation: wSkewIn 1s 1s both; } .wd #w_grid-1548341728558.scrolled #w_fimg-1548341728573 { animation: wSkewIn 1s 1.1s both; } .wd #w_grid-1548341728558.scrolled #w_common_text-1548341728578 .w-ani { animation: wSkewIn 1s 1.2s both; } .wd #w_grid-1548341728558.scrolled #w_common_text-1548341728580 .w-ani { animation: wSkewIn 1s 1.3s both; } .wd #w_grid-1548345067275 { margin-top: 100px; opacity: 0; } .wd #w_grid-1548345067275.scrolled { margin-top: 0px; opacity: 1; transition: 1s; } .wd #w_common_text-1548345067286 .w-ani { animation: wSkewOut 0s both; } .wd #w_common_text-1548345067295 .w-ani { animation: wSkewOut 0s both; } .wd #w_common_text-1548345067298 .w-ani { animation: wSkewOut 0s both; } .wd #w_fimg-1548345067291 { animation: wSkewOut 0s both; } .wd #w_grid-1548345067275.scrolled #w_common_text-1548345067286 .w-ani { animation: wSkewIn 1s 1s both; } .wd #w_grid-1548345067275.scrolled #w_common_text-1548345067295 .w-ani { animation: wSkewIn 1s 1.1s both; } .wd #w_grid-1548345067275.scrolled #w_common_text-1548345067298 .w-ani { animation: wSkewIn 1s 1.2s both; } .wd #w_grid-1548345067275.scrolled #w_fimg-1548345067291 { animation: wSkewIn 1s 1.3s both; } .wd #w_common_text-1548312543317 { animation: fadeOutRight 0s both; } .wd #w_common_text-1548312413962 { animation: fadeOutRight 0s both; } .wd #w_grid-1548312675760 { animation: fadeOutLeft 0s both; } .wd #w_fline-1548312701011:after { animation: fadeOutLeft 0s both; } .wd #content_box-1548312675760-1 { animation: fadeOutRight 0s both; } .wd #w_grid-1548312086347.scrolled #w_common_text-1548312543317 { animation: fadeInRight 1s .2s both; } .wd #w_grid-1548312086347.scrolled #w_common_text-1548312413962 { animation: fadeInRight 1s both; } .wd #w_grid-1548312675760.scrolled { animation: fadeInLeft 1s both; } .wd #w_grid-1548312675760.scrolled #w_fline-1548312701011:after { animation: fadeInLeft 1s 1.1s both; } .wd #w_grid-1548312675760.scrolled #content_box-1548312675760-1 { animation: fadeInRight 1s 1.2s both; } .wd #c_portalResNews_list-15483121505687949 .p_articles { animation: wSkewOut 0s both; } .wd #c_portalResNews_list-15483121505687949.scrolled .p_articles { animation: wSkewIn 1s both; } .wd #c_portalResNews_list-15483121505687949.scrolled .p_articles:nth-child(1) { animation-delay: 1s; } .wd #c_portalResNews_list-15483121505687949.scrolled .p_articles:nth-child(3) { animation-delay: 1.1s; } .wd #c_portalResNews_list-15483121505687949.scrolled .p_articles:nth-child(5) { animation-delay: 1.2s; } .wd #c_portalResNews_list-15483121505687949.scrolled .p_articles:nth-child(7) { animation-delay: 1.3s; } .wd #w_grid-1548311925175 { animation: fadeOutUp 0s both; } .wd #w_grid-1548311925175.scrolled { animation: fadeInUp 1s both; } .wd .c_portalResProduct_category-01001 .p_parentBox { animation: fadeOutDown 0s both; } @media screen and (max-width: 768px) { .wd #w_grid-1548350078751 { left:0px; margin-left: 0px; } .wd #w_grid-1548309610976 { margin-left:0px; } .wd .c_portalResnav_main-01001 .p_btn-show { float: right; position: relative; top: 10px; right: 34px; } .wd .w-nav-fixed > div > div > div:nth-child(1) { position: absolute; top: 0px; left: 0px; } .wd #w_common_text-1548312543317 { display: none; } .wd #w_grid-1548311429285 > div > div { text-align: center !important; } .wd #w_grid-1548311429285 > div > div > div { display: inline-block !important; width: auto; float: none; margin: 0px 15px; } .wd #w_grid-1548350078772 > div > div { text-align: center !important; } .wd #w_grid-1548350078772 > div > div > div { display: inline-block !important; width: auto; float: none; margin: 0px 15px; } .p_pagebox .NumBox { height: 45px; } .p_OccupyBox { padding: 0px 15px; } .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #E34646; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .next:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: #E34646; cursor: pointer; } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #E34646; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #E34646; background-color: #E34646; cursor: pointer; } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 20px; line-height: 32px; } .p_pagebox .next .iconfont { display: inline-block; color: rgba(255,255,255,1); vertical-align: top; width: auto; height: auto; float: right; font-size: 22px; line-height: 25px; } .p_pagebox .pre .iconfont { display: inline-block; color: rgba(255, 255, 255, 1); vertical-align: top; width: auto; height: auto; float: left; font-size: 22px; line-height: 25px; } .p_OccupyBox { padding: 0; } .p_page .next:hover { background: #E34646; border-color: #E34646; color: #fff; cursor: pointer; } .wd #w_grid-1548347301152 { display: none; } .wd #w_grid-1548348565892 { display: none; } .wd #w_grid-1548349809791 { display: none; } .wd #w_grid-1548170340796 { display: none; } .wd #w_common_text-1548346975606 span { font-size: 16px !important; } .wd #w_common_text-1548346937110 span { font-size: 20px !important; } .wd #w_grid-1548173986231 { display: none; } .wd #c_portalResNews_list-15483121505687949 .p_content { width: 100%; } .wd .c_portalResNews_list-01001 .mP_SummaryBox { display: none; } .wd #c_portalResNews_list-15483121505687949 .p_header { top: 0px; } .wd #w_common_text-1548347118080 span { font-size: 14px !important; } .wd #w_fimgbox-1548167373341 { min-hegiht: 300px; } .wd #w_fimgbox-1548167373341 img { min-height: 300px; } .wd #content_box-1548312379952-1 { display: none; } } @media only screen and (min-width: 769px) { .wd #w_common_text-1548350078763 span { font-size:60px !important; } .wd #w_common_text-1548311112135 span { font-size: 60px !important; } .p_page .next:hover { background: #C70000; border-color: #C70000; color: #fff; cursor: pointer; } .p_page .pre:hover { color: #fff; background: #C70000; border-color: #C70000; cursor: pointer; } .p_page .pageNum.active { color: #fff; background: #C70000; border-color: #C70000; } .p_page .pageNum:hover { color: #fff; border-color: #C70000; cursor: pointer; text-decoration: none; background-color: #C70000; } #content_box-1548350078751-0 { text-align: left !important; } #content_box-1548309610976-0 { text-align: left !important; } .wd #w_common_text-1548350078758:before { content: ""; display: block; width: 0px; height: 2px; background-color: #fff; margin-top: 20px; position: absolute; top: 19px; left: 0px; transition: 1s; } .w-loaded.wd #w_common_text-1548350078758:before { width: 60px; transition-delay: 1s; } .wd #w_common_text-1548350078758:after { content: ""; display: block; width: 0px; height: 2px; background-color: #e34646; margin-top: 20px; z-index: 10; position: relative; } .w-loaded.wd #w_common_text-1548350078758:after { width: 30px; transition: 1s; transition-delay: 1.2s; } .wd #w_common_text-1548309946682:before { content: ""; display: block; width: 0px; height: 2px; background-color: #fff; margin-top: 20px; position: absolute; top: 19px; left: 0px; transition: 1s; } .w-loaded.wd #w_common_text-1548309946682:before { width: 60px; transition-delay: 1s; } .wd #w_common_text-1548309946682:after { content: ""; display: block; width: 0px; height: 2px; background-color: #e34646; margin-top: 20px; z-index: 10; position: relative; } .w-loaded.wd #w_common_text-1548309946682:after { width: 30px; transition: 1s; transition-delay: 1.2s; } .wd #w_grid-1548347301152 { height: 100%; position: absolute; width: 100%; background: rgba(144, 0, 0, 0.4); top: 100%; transition: 1s; } .wd #w_grid-1548347301152 > div { position: absolute; top: 50%; transform: translateY(-50%); } .wd #w_common_text-1548347461970:after { content: ""; display: block; width: 90px; height: 1px; background-color: #fff; margin: auto; position: relative; top: 20px; } .wd #content_box-1548165431543:hover #w_grid-1548347301152 { top: 0px; } .wd #w_grid-1548348565892 { height: 100%; position: absolute; width: 100%; background: rgba(144, 0, 0, 0.4); top: 100%; transition: 1s; } .wd #content_box-1548156514866-1:hover #w_grid-1548348565892 { top: 0px; } .wd #w_grid-1548348565892 > div { position: absolute; top: 50%; transform: translateY(-50%); } .wd #w_common_text-1548348565900:after { content: ""; display: block; width: 90px; height: 1px; background-color: #fff; margin: auto; position: relative; top: 20px; } .wd #w_grid-1548170340796 { margin-top: calc(360px); transition: .3s; opacity: 1; } .wd #content_box-1548165431543:hover #w_grid-1548170340796 { opacity: 0; } .wd #w_grid-1548349809791 { margin-top: calc(360px); transition: 1s; opacity: 1; } .wd #content_box-1548156514866-1:hover #w_grid-1548349809791 { opacity: 0; } .wd #content_box-1548156514866-0 { cursor: pointer; } .wd #content_box-1548156514866-1 { cursor: pointer; } } @media only screen and (max-width: 1222px) { #w_grid-1548173986231 { display:none; } } @media only screen and (max-width: 1360px) { #c_portalResNews_list-15483121505687949 .p_articles { width:50%; } } /**/ #w_grid-1556528928058{ min-height: 40px; position: absolute; top: 0px; z-index: 999; } /**/ #w_grid-1556529599540{/*主导航手机绝对定位*/ min-height: 40px; position: absolute; z-index: 9999; top: 0px; } @media screen and (max-width: 768px){ #w_fimgbox-1556529599545{/*logo手机显示的宽*/ width:137px; margin-top: 0px; margin-left: 0px; } #w_fimgbox-1556526407931{/*底图片手机显示的高*/ height:180px; } }