.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.newList ul{ margin-left:-2%; margin-top:5%; } .newList ul li{ width:31.33%; float:left; margin-left:2%; -webkit-transition: 0.3s linear; transition: 0.3s linear; margin-bottom: 2%; } .newList ul li .pic{ overflow: hidden; } .newList ul li .pic img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; -ms-transition: 600ms; height: auto !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; position: absolute !important; } .newList ul li .img00 { position: relative; width: 100%; padding-bottom: 50%; height: auto; vertical-align: middle; text-align: center; overflow: hidden; } .newList ul li:hover .img00 { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); } .newList ul li:hover { -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1); box-shadow: 0 8px 12px rgba(0,0,0,0.1); -webkit-transform: translateY(-5px); -webkit-transform: translateY(-5px); } .newList ul .img00 { transition: 600ms; -webkit-transition: 600ms; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newList .con { background-color: #f3f3f3; padding: 15px 25px; position: relative; } .case .con { background-color: #fff; padding: 15px; transition: all .3s; text-align: center; position: relative; } .case .con p { overflow: hidden; color: #666; text-overflow: ellipsis; position: relative; white-space: nowrap; } .cf .con p { overflow: hidden; color: #666; text-overflow: ellipsis; position: relative; white-space: nowrap; text-align: center; } .case .con:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: #99bc19; transition: all .3s; } .case ul li:hover .con:before{ height:100%; } .case ul li:hover .con p{ color:#fff; } .cf .con:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: #99bc19; transition: all .3s; } .cf ul li:hover .con:before{ height:100%; } .cf ul li:hover .con p{ color:#fff; } .newList .con .time { color: #999999; margin-bottom: 12px; } .newList .con .c { font-size: 16px; line-height: 1.5; height: 48px; overflow: hidden; margin-bottom: 20px; } .newList .bot { border-top: 1px solid #eaeaea; padding-top: 18px; } .newList .bot .ico { background: url(//dfs.yun300.cn/group1/M00/15/5E/rBQBG1yLVB6EMn0NAAAAAPpYZjQ150.png?tenantId=168859&viewType=1&v=000) repeat; width: 10px; height: 17px; float: right; display: block; } .newList .bot .txt { font-size: 12px; text-transform: uppercase; color: #999999; } .newList ul li:hover .img00 { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); } .newList ul li:hover { -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1); box-shadow: 0 8px 12px rgba(0,0,0,0.1); -webkit-transform: translateY(-5px); -webkit-transform: translateY(-5px); } .newList ul li:hover .c{ color:#8fb624; } .case ul li .img00 { padding-bottom: 60%; } .news-list{ background-image: url(//dfs.yun300.cn/group1/M00/15/A1/rBQBG1ybHV2EKb5-AAAAAIMfS3w442.png?tenantId=168859&viewType=1&v=000); background-repeat: no-repeat; background-size: cover; min-height: 280px; background-position: center bottom; } .news-list ul li{ width:33.33%; float:left; -webkit-transition: 0.3s linear; transition: 0.3s linear; } .news-list ul li a{ margin: 18% 10% 10%; display: block; } .news-list ul li h3{ font-size: 16px; overflow: hidden; color: #333; text-overflow: ellipsis; white-space: nowrap; } .news-list ul li span{ font-size:14px; margin: 10px 0; color: #666; display:block; } .news-list ul li p{ font-size:14px; color: #666; overflow: hidden; line-height:1.5; height: 40px; } .news-list ul li .more{ -webkit-transition: 0.3s linear; transition: 0.3s linear; transform: translateY(10px); -webkit-transform: translateY(10px); opacity:0; color:#99bc19; } .news-list ul li:hover .more{ opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); } .cf ul li .cover{ visibility: hidden; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; opacity: 0; } .cf .cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgba(0,0,0,.5); } .cf ul li .cs-add { position: absolute; top: 50%; left: 50%; visibility: hidden; margin: -1px 0 0 -19px; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; } .cf .cs-add { position: relative; display: block; width: 38px; height: 2px; } .cf .cs-add:before { position: absolute; top: -18px; left: 50%; width: 2px; height: 38px; margin-left: -1px; content: ''; } .cf .cs-add,.cf .cs-add:before{background:#fff} .cf ul li:hover .cover { visibility: visible; opacity: 1; } .cf ul li:hover .cs-add { visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; } .newList a{ width:100%; display:block; } .slick-loading .slick-list { background: #fff url('//dfs.yun300.cn/group1/M00/02/D9/rBQBHVyO_bmEOdc8AAAAACc6LC4801.gif?tenantId=168859&viewType=1&v=000') center center no-repeat; } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('//dfs.yun300.cn/group1/M00/15/63/rBQBG1yO_ciEOSDxAAAAAOXDvJU668.eot?tenantId=168859&viewType=1&v=000'); src: url('//dfs.yun300.cn/group1/M00/15/63/rBQBG1yO_ciEOSDxAAAAAOXDvJU668.eot?tenantId=168859&viewType=1&v=000&#iefix') format('embedded-opentype'), url('//dfs.yun300.cn/group1/M00/02/D9/rBQBHVyO_eOEaatDAAAAAFR3Wow33.woff?tenantId=168859&viewType=1&v=000') format('woff'), url('//dfs.yun300.cn/group1/M00/02/D9/rBQBHVyO_dqEVIYPAAAAAGrA6l8493.ttf?tenantId=168859&viewType=1&v=000') format('truetype'), url('//dfs.yun300.cn/group1/M00/02/D9/rBQBHVyO_c6EGcCmAAAAAMyqZBk932.svg#slick?tenantId=168859&viewType=1&v=000') format('svg'); } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } @media only screen and (max-width: 1025px) { .news-list{ min-height:auto; } .news-list ul li a{ margin:10%; } } @media only screen and (max-width: 768px) { .slick-lightbox-close:before{ font-size:40px !important; } .slick-lightbox-close { height: 40px !important; width: 40px !important; } .news-list ul li{ width:100%; float:none; } .news-list ul li h3{ font-size: 14px; } .news-list ul li .more{ display:none; } .news-list ul li a{ margin:5%; padding: 5%; background: #eee; } .news-list ul li p { font-size: 12px; height: 35px; } .newList ul{ margin:0; } .newList ul li{ width:100%; float:none; margin:5% 0; } .newList .con .c { font-size: 14px; height: 45px; } }.c_portalResNews_list-01001006 .p_articles{ width:calc((100% - 0px)/3); } .c_portalResNews_list-01001006 .p_CommonSummaryBoxA{ text-align:center; } .c_portalResNews_list-01001006 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResNews_list-01001006 >div{ animation-fill-mode:both; } .c_portalResNews_list-01001006 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001006 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001006 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001006 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%; margin:0px auto; }body,#-remove--flag{} #c_portalResNews_list-15879823026765493 .p_articles{ width:calc((100% - 0px)/2); } #c_portalResNews_list-15879823026765493 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-15879823026765493 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-15879823026765493 >div{ animation-fill-mode:both; } #c_portalResNews_list-15879823026765493 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15879823026765493 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15879823026765493 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15879823026765493 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15879823026765493 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15879823026765493 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15879823026765493{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }