#el_71831501845519{width:100%;} #el_39821696821527 { } #el_64631696821527{width:100%;} #el_63821696821628{width:100%;} #el_15351696824801{width:100%;} #el_79971696824801 > div { height: 200px; overflow: hidden; } #el_79971696824801 > .owl-loaded { height: auto; } #el_79971696824801 .item img { max-width: 100%; } #el_79971696824801 .owl-carousel { z-index: 0; } #el_79971696824801 .owl-carousel .owl-prev, #el_79971696824801 .owl-carousel .owl-next { position: absolute; width: 3em; height: 3em; line-height: 3; background-color: rgba(34,34,34,.7); font-size: 17px; border-radius: 3em; box-shadow: 0 2px 6px 2px rgba(60,64,67,0.2); opacity: 1; top: 50%; margin-top: -1.5em; text-align: center; margin-left: 1%; margin-right: 1%; } #el_79971696824801 .owl-carousel .owl-prev:hover, #el_79971696824801 .owl-carousel .owl-next:hover { background-color: #fff; color: #000; } #el_79971696824801 { } #el_79971696824801 .content_warp { display: none; position: absolute; z-index: 5; bottom: 0px; width: 100%; height: auto; text-align: center; } #el_79971696824801 .content__item { padding: 15px; display: inline-block; margin-right: 1px; width: 300px; color: #fff; text-align: left; transition: all 0.5s ease; border: 1px solid transparent; background-color: rgba(0,0,0,0.5); cursor: pointer; } #el_79971696824801 .content__item:hover,#el_79971696824801 .content__item--active { color: #333; background-color: rgba(255,255,255,0.9); } #el_79971696824801 .content__item:last-child { margin-right: 0; } #el_79971696824801 .content__title { font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease; } #el_79971696824801 .owl-carousel .owl-dots .owl-dot.active { background-color: rgb(247, 87, 3); width: 59px; } #el_79971696824801 .owl-carousel .owl-dots .owl-dot { display: inline-block; width: 12px; height: 4px; margin: 0 4px; background-color: rgba(0,0,0,.6); border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; } #el_79971696824801 .content__digest { margin-top: 15px; color: #eee; font-size: 14px; height: 4.5em; line-height: 1.5em; overflow: hidden; transition: all 0.5s ease; } #el_79971696824801 .content__item:hover .content__title,#el_79971696824801 .content__item--active .content__title { color: #333; font-weight: bold; } #el_79971696824801 .content__item:hover .content__digest,#el_79971696824801 .content__item--active .content__digest { color: #999; } @media screen and (max-width: 1199px){ #el_79971696824801 .content_warp { display: none; opacity: 0; visibility: hidden; } } @media screen and (max-width: 991px){ #el_79971696824801 .owl-dots { display: none; } #el_79971696824801 .owl-nav { display: none; }} #el_71071560907848 { background-color: #4B73B0; padding-top: 10px; padding-bottom: 10px; display: none; } #el_33181560907848{width:100%;} #el_69941560907867{width:55.07%;} @media screen and (max-width: 767px){ #el_69941560907867{width:100%;}} #el_57651560907874 p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #el_57651560907874 { display: block; color: #FFFFFF; font-size: 15px; line-height: 150%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 20px; } @media screen and (max-width: 767px){ #el_57651560907874 { display: none; } } #el_80131560907945{width:44.93%;} @media screen and (max-width: 767px){ #el_80131560907945{width:100%;}} #el_38101560992713 .search { display: table; width: 100%; height: 36px; line-height: 36px; border: 1px solid #4B73B0; background-color: #fff; white-space: nowrap; font-size: 14px; color: #ccc; } #el_38101560992713 .search-input, #el_38101560992713 .search-select, #el_38101560992713 .search-submit { display: table-cell; height: 100%; border: 0; border-left: inherit; vertical-align: middle; } #el_38101560992713 .search-input { width: 100%; border: 0; } #el_38101560992713 .search-input input, #el_38101560992713 .search-submit button, #el_38101560992713 .search-select select { height: 100%; border: 0; background: none; outline: 0; padding: 0 6px; } #el_38101560992713 .search-input input { width: 100%; color: #333; } #el_38101560992713 .search-submit button { width: 40px; } #el_38101560992713 .search-select select { width: 100px; padding: 10px 0; } #el_38101560992713 .search-select select:hover { background: #ccc; } #el_38101560992713 .search-submit2 { } #el_38101560992713 .search-submit2 button { vertical-align: top; width: 65px; font-size: 12px; color: #fff; background: #3F3F3F; border: 1px solid #3F3F3F; outline: none; padding: 0 12px; margin: 0; } #el_38101560992713 .search-submit2 button:hover { background: #1976D2; border-color: #1976D2; } #el_51171655880448 { position: relative; background-image: none; background-color: #F5F5F5; background-position: center center; padding-top: 90px; padding-bottom: 75px; } @media screen and (max-width: 767px){ #el_51171655880448 { padding-top: 30px; padding-bottom: 35px; } } @media screen and (max-width: 575px){ #el_51171655880448 { position: relative; padding-top: 25px; } } #el_10431655880448{width:100%;} #el_73281655880448 { text-align: center; } @media screen and (max-width: 575px){ #el_73281655880448 { position: relative; left: 0px; } } #el_30861655880448{width:100%;} #el_15511751988922{width:100%;} #el_25201751988967 img {max-width:100%;} #el_13541696659407{width:100%;} #el_42391696659409{width:100%;} #el_89301751989122 { margin-top: 45px; } #el_65821751989122{width:100%;} #el_81021751989659 img { width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_81021751989659 .proBox { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; transition-property: all; transition-duration: 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; background-color: #FFFFFF; } .col-md-4 { width: 50%; } #el_81021751989659 .proBox:hover { box-shadow: 0px 5px 20px rgba(0,0,0,0.3); transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); } #el_81021751989659 .proBox:hover .proTitle { color: #d51a27; } #el_81021751989659 .proBox:hover .proImgBox { } #el_81021751989659 .proImgBox { overflow: hidden; } #el_81021751989659 .proBody { padding-top: 20px; padding-bottom: 85px; padding-left: 20px; padding-right: 20px; text-align: center; } #el_81021751989659 .proTitle { color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24px; font-weight: bold; text-align: center; } #el_81021751989659 .proDigest { margin-top: 10px; font-size: 15px; height: 3em; line-height: 1.5em; overflow: hidden; color: #8D8D8D; text-align: center; } #el_81021751989659 .proJump { margin-top: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 50px; padding-right: 50px; background-color: #d51a27; color: #fff; font-size: 15px; margin-right: auto; margin-left: auto; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; } #el_81021751989659 .pageBox { text-align: center; } #el_81021751989659 .pagination>li>a,#el_81021751989659 .pagination>li>span { background: none; color: #666; } #el_81021751989659 .pagination>.disabled>span,#el_81021751989659 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_81021751989659 .pagination>.active>a,#el_81021751989659 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_81021751989659 .pagination>li:hover>a,#el_81021751989659 .pagination>li:hover>span { background-color: #ddd; } #el_81021751989659 .lower { margin-bottom: 20px; } #el_81021751989659 .proPhoto { overflow: hidden; } @media screen and (max-width: 767px){ #el_81021751989659 .proBox { margin-bottom: 20px; } #el_81021751989659 .lower { margin-bottom: 0px; }} @media screen and (max-width: 575px){ #el_81021751989659 .proBody { padding-top: 10px; padding-bottom: 80px; padding-left: 0px; padding-right: 0px; } #el_81021751989659 .col-md-4 { width: 100%; } } #el_26861696516190{width:100%;} #el_55771696516262 { } @media screen and (max-width: 575px){ #el_55771696516262 { } } #el_67251696516262{width:100%;} #el_17951696516344{width:100%;} #el_86051696516344 > div { height: 200px; overflow: hidden; } #el_86051696516344 > .owl-loaded { height: auto; } #el_86051696516344 .item img { max-width: 100%; } #el_86051696516344 .owl-carousel { z-index: 0; } #el_86051696516344 .item { text-align: center; } #el_86051696516344 .owl-dots { position: absolute; z-index: 5; bottom: 30px; left: 0; width: 100%; text-align: center; } #el_86051696516344 .owl-dot { position: relative; display: inline-block; width: 135px; height: 66px; margin: 10px; padding: 0; border: 2px solid #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; transition-duration: 0s; } #el_86051696516344 .owl-dot.active { } #el_86051696516344 .owl-dot:nth-child(1) { background-image: url(../upload/202310060106393195-1818_b.jpg); } #el_86051696516344 .owl-dot:nth-child(2) { background-image: url(../upload/202310060106473195-3888_b.jpg); } #el_86051696516344 .owl-dot:nth-child(3) { background-image: url(../upload/202310060106553195-3538_b.jpg); } #el_86051696516344 .owl-dot:nth-child(4) { background-image: url(../upload/202310060107033195-2671_b.jpg); } #el_86051696516344 .owl-dot:nth-child(5) { background-image: url(../upload/202309270936243195-867_b.jpg); } #el_86051696516344 .owl-dot:nth-child(6) { background-image: url(../upload/202309270936243195-867_b.jpg); } #el_86051696516344 .owl-dot:nth-child(7) { background-image: url(../upload/201907031041172073-7792.png); } #el_86051696516344 .owl-dot:nth-child(8) { background-image: url(../upload/201907031041172073-8903.png); } #el_86051696516344 .owl-dot::after { content: ''; display: none; position: absolute; z-index: 3; width: 105%; height: 105%; top: -2.5%; left: -2.5%; color: #fff; background-image: url(../upload/201907031118012073-3616.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } #el_86051696516344 .active.owl-dot::after { display: block; } #el_86051696516344 .owl-dot::before { content: ''; display: none; position: absolute; z-index: 5; width: 100%; height: 36; bottom: 0; left: 0; color: #fff; font-size: 14px; text-align: center; line-height: 36px; } #el_86051696516344 .active.owl-dot::before { display: block; } #el_86051696516344 .owl-dot:nth-child(1)::before { content: '客厅'; display: none; } #el_86051696516344 .owl-dot:nth-child(2)::before { content: '餐厅'; display: none; } #el_86051696516344 .owl-dot:nth-child(3)::before { content: '主卧'; display: none; } #el_86051696516344 .owl-dot:nth-child(4)::before { content: '书房'; display: none; } #el_86051696516344 .owl-dot:nth-child(5)::before { content: '儿童房'; display: none; } #el_86051696516344 .owl-dot:nth-child(6)::before { content: '长辈房'; display: none; } #el_86051696516344 .owl-dot:nth-child(7)::before { content: '影音室'; display: none; } #el_86051696516344 .owl-dot:nth-child(8)::before { content: '洗漱间'; display: none; } @media screen and (max-width: 991px){ #el_86051696516344 .owl-dots { display: block; } #el_86051696516344 .owl-nav { display: none; } #el_86051696516344 .owl-dots { bottom: 10px; } #el_86051696516344 .owl-dot { width: 10px; height: 10px; border-radius: 50%; background-color: #fff; opacity: .5; } #el_86051696516344 .owl-dot:nth-child(n) { background-image: none; } #el_86051696516344 .owl-dot.active { background-color: #851b35; } #el_86051696516344 .owl-dot::after { display: none; } #el_86051696516344 .active.owl-dot::after { display: none; } #el_86051696516344 .owl-dot::before { display: none; } #el_86051696516344 .active.owl-dot::before { display: none; } } #el_60221696517349 { padding-top: 90px; background-color: #eeeeee; padding-bottom: 65px; } @media screen and (max-width: 575px){ #el_60221696517349 { padding-top: 25px; padding-bottom: 25px; } } #el_74141696517349{width:100%;} #el_49211696519205{width:100%;} #el_84731696519207 { text-align: center; } @media screen and (max-width: 575px){ #el_84731696519207 { position: relative; left: 0px; } } #el_79791696519207{width:100%;} #el_43131751990045 img { max-width: 100%; } #el_43131751990045 { margin-bottom: 45px; } #el_22421696687556{width:100%;} #el_66711696517352{width:100%;} #el_58411696517354{width:50.27%;} @media screen and (max-width: 575px){ #el_58411696517354{width:100%;}} #el_72711696687603 { margin-right: 2px; } @media screen and (max-width: 575px){ #el_72711696687603 { margin-right: 0px; } } #el_34271696687603{width:100%;} #el_46841696687604 a { display: block; overflow: hidden; position: relative; } #el_46841696687604 img { width: 100%; vertical-align: top; } #el_46841696687604 { transition-property: all; transition-duration: 1s; } #el_46841696687604 a:before,#el_46841696687604 a:after { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_46841696687604 a:before { content: "体育场馆及赛事"; margin-top: -15px; font-size: 24px; font-weight: bold; } #el_46841696687604 a:hover:before,#el_46841696687604 a:hover:after { top: 30%; } #el_46841696687604 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_46841696687604 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_46841696687604 .intro { position: absolute; top: 50%; left: 50%; text-align: justify; font-size: 15px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.8; } @media screen and (max-width: 575px){ #el_46841696687604 .intro { position: absolute; top: 50%; left: 50%; text-align: justify; font-size: 13px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.8; } #el_46841696687604 { margin-right: 0px; } #el_46841696687604 a:before { content: "体育场馆及赛事"; margin-top: -15px; font-size: 20px; font-weight: bold; }} #el_49221696517396{width:49.73%;} @media screen and (max-width: 575px){ #el_49221696517396{width:100%;}} #el_28341696517398{width:100%;} #el_66521696517400 { margin-left: 2px; } @media screen and (max-width: 575px){ #el_66521696517400 { margin-left: 0px; margin-top: 4px; } } #el_16521696517400{width:100%;} #el_13111696687721 a { display: block; overflow: hidden; position: relative; } #el_13111696687721 img { width: 100%; vertical-align: top; } #el_13111696687721 { transition-property: all; transition-duration: 1s; } #el_13111696687721 a:before,#el_13111696687721 a:after { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_13111696687721 a:before { content: "舞台演艺方案"; margin-top: -15px; font-size: 24px; font-weight: bold; } #el_13111696687721 a:hover:before,#el_13111696687721 a:hover:after { top: 30%; } #el_13111696687721 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_13111696687721 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_13111696687721 .intro { position: absolute; top: 50%; left: 50%; text-align: justify; font-size: 15px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.8; } @media screen and (max-width: 575px){ #el_13111696687721 .intro { position: absolute; top: 67%; left: 50%; text-align: justify; font-size: 13px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 20px; } #el_13111696687721 a:hover:before,#el_13111696687721 a:hover:after { top: 35%; } #el_13111696687721 a:before { content: "专业会议会展"; margin-top: -15px; font-size: 20px; font-weight: bold; } } #el_10541696517404 { margin-top: 4px; } @media screen and (max-width: 575px){ #el_10541696517404 { margin-left: 0px; } } #el_12961696517404{width:51.05%;} #el_64641696687754 a { display: block; overflow: hidden; position: relative; } #el_64641696687754 img { width: 100%; vertical-align: top; } #el_64641696687754 { transition-property: all; transition-duration: 1s; margin-right: 2px; margin-left: 2px; } #el_64641696687754 a:before,#el_64641696687754 a:after { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_64641696687754 a:before { content: "专业会议会展"; margin-top: -15px; font-size: 24px; font-weight: bold; } #el_64641696687754 a:hover:before,#el_64641696687754 a:hover:after { top: 30%; } #el_64641696687754 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_64641696687754 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_64641696687754 .intro { position: absolute; top: 60%; left: 50%; text-align: justify; font-size: 15px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.5; } @media screen and (max-width: 575px){ #el_64641696687754 { margin-left: 0px; } #el_64641696687754 a:before { content: "XR显示"; margin-top: -15px; font-size: 20px; font-weight: bold; } #el_64641696687754 .intro { position: absolute; top: 62%; left: 50%; text-align: justify; font-size: 13px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 20px; } #el_64641696687754 a:hover:before,#el_64641696687754 a:hover:after { top: 37%; }} #el_16361696687750{width:48.95%;} #el_79631696687756 a { display: block; overflow: hidden; position: relative; } #el_79631696687756 img { width: 100%; vertical-align: top; } #el_79631696687756 { transition-property: all; transition-duration: 1s; margin-left: 2px; } #el_79631696687756 a:before,#el_79631696687756 a:after { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_79631696687756 a:before { content: "XR显示"; margin-top: -15px; font-size: 24px; font-weight: bold; } #el_79631696687756 a:hover:before,#el_79631696687756 a:hover:after { top: 30%; } #el_79631696687756 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_79631696687756 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_79631696687756 .intro { position: absolute; top: 60%; left: 50%; text-align: justify; font-size: 15px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.5; } @media screen and (max-width: 575px){ #el_79631696687756 { margin-left: 2px; } #el_79631696687756 a:before { content: "XR显示"; margin-top: -15px; font-size: 20px; font-weight: bold; } #el_79631696687756 .intro { position: absolute; top: 62%; left: 50%; text-align: justify; font-size: 13px; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 20px; } #el_79631696687756 a:hover:before,#el_79631696687756 a:hover:after { top: 37%; } } #el_87921696519278 { background-color: #F3F3F3; } #el_16901696519278{width:100%;} #el_79661696519288 { padding-top: 90px; background-color: #F5F5F5; padding-bottom: 65px; } @media screen and (max-width: 575px){ #el_79661696519288 { padding-top: 35px; padding-bottom: 25px; } } #el_45441696519288{width:100%;} #el_56771696519288{width:100%;} #el_51951696519288 { text-align: center; } @media screen and (max-width: 575px){ #el_51951696519288 { position: relative; left: 0px; } } #el_16571696519288{width:100%;} #el_55561696519288 { margin-bottom: 35px; } #el_38491696519288{width:100%;} #el_88681696519288 { line-height: 28px; text-align: center; letter-spacing: 5px; font-weight: bold; font-size: 28px; } #el_88681696519288 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_88681696519288 { text-align: center; font-weight: bold; font-size: 18px; letter-spacing: 2px; } } #el_48751696519288 p { margin: 0; } #el_48751696519288 { font-size: 15px; line-height: 24px; text-align: center; font-weight: normal; letter-spacing: 2px; color: #797979; width: 70%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 767px){ #el_48751696519288 { display: none; } } @media screen and (max-width: 575px){ #el_48751696519288 { font-size: 13px; display: inline-block; letter-spacing: 1px; } } #el_70531696519288{width:100%;} #el_85111696519288{width:100%;} #el_42801696519288 { margin-right: 0px; } #el_82631696519288{width:100%;} #el_11591696519586 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_11591696519586 .a:focus, a:hover { color: #b50c0c; text-decoration: none; } #el_11591696519586 .p-list { position: relative; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; width: 32.9%; float: left; background-color: #FFFFFF; margin-right: 4px; transition-property: all; transition-duration: 0.5s; } #el_11591696519586 .p-list__imgbox { } #el_11591696519586 .p-list__title { display: block; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #el_11591696519586 .p-list__date { margin-top: 10px; font-size: 15px; margin-bottom: 45px; } #el_11591696519586 .p-list__intro { max-height: 4.5em; overflow: hidden; line-height: 1.5em; margin-top: 10px; display: none; } #el_11591696519586 .p-list__jump { font-size: 14px; margin-top: 55px; } #el_11591696519586 .p-list__jump:hover { color: #fff; background-color: #912327; } #el_11591696519586 .pageBox { text-align: center; } #el_11591696519586 .pagination>li:first-child,#el_11591696519586 .pagination>li:last-child { display: none; } #el_11591696519586 .pagination>li:nth-child(2)>.page-link,#el_11591696519586 .pagination>li:nth-last-child(2)>.page-link { text-indent: -9999px; } #el_11591696519586 .pagination>li:nth-child(2)>.page-link::after { content: ''; position: absolute; margin-left: 3px; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 10px; height: 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-indent: -0; } #el_11591696519586 .pagination>li:nth-last-child(2)>.page-link::after { content: ''; position: absolute; margin-left: -3px; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 10px; height: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; text-indent: -0; } #el_11591696519586 .pagination>li>.page-link { position: relative; padding: 0; width: 36px; height: 36px; line-height: 36px; color: #666; } #el_11591696519586 .pagination>li>.page-link:hover,#el_11591696519586 .pagination>li.active>.page-link { color: #fff; border-color: #912327; background-color: #912327; } #el_11591696519586 .pagination>li>.page-link:hover::after { border-color: #fff !important; } #el_11591696519586 .p-list__body { margin-top: 34px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; } #el_11591696519586 .p-list:hover { box-shadow: 0 8px 20px 0 #cccccc; } @media screen and (max-width: 991px){ #el_11591696519586 .p-list { width: 32.6%; } } @media screen and (max-width: 767px){ #el_11591696519586 .p-list__imgbox { width: 150px; margin-right: 15px; } #el_11591696519586 .p-list__date { margin-top: 5px; } #el_11591696519586 .p-list__intro { margin-top: 5px; max-height: 3em; } #el_11591696519586 .p-list__jump { display: none; } #el_11591696519586 .p-list { margin-bottom: 10px; padding-bottom: 10px; } } @media screen and (max-width: 575px){ #el_11591696519586 .p-list__imgbox { width: 100%; margin-right: 0px; float: none; margin-bottom: 10px; } #el_11591696519586 .p-list { width: 100%; padding-bottom: 0px; } #el_11591696519586 .p-list__title { font-size: 16px; } }