.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); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_news_list-51002 {overflow: hidden;font-size: 0;width:260px; height:554px; position:absolute; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .content-info { position: relative; width: calc((100% - 80px)/4); float: left; overflow: hidden; height: 224px; margin:10px; position: relative; } .content-info:last-child { margin-right: 0; } .content-info figure { height: 100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; background: #eee; } .content-info figure img { height:100%; display:block; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute; transition: 466ms; } .content-info figcaption { display: block; height: 40px; line-height: 40px; overflow: hidden; color: #5d5d5d; font-size: 14px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; transition: 335ms; background: rgba(240, 7, 49, 0.8); color: #fff; padding: 0px 30px; } .content-text { width: 100%; height: 100%; background: rgba(240, 7, 49, 0.8); background: #eb6123\9; filter: alpha(opacity=80); box-sizing: border-box; padding: 9px; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: rotateY(-90deg); transition: 450ms; } .content-wr { padding: 20px 24px 32px 22px; } .content-wr:before { content: ""; width: 95%; height: 95%; position: absolute; left: 2.5%; top: 2.5%; border-left: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; } .content-wr:after { content: ""; width: 95%; height: 95%; position: absolute; left: 2.5%; top: 2.5%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box; } .content-wr h3 { color: #ffffff; font-size: 20px; line-height: 40px; overflow: hidden; font-weight: normal; margin-bottom: 16px; height: 40px; padding-bottom: 22px; border-bottom: 1px solid #fff; } .content-wr p { color: #ffffff; font-size: 14px; overflow: hidden; height: 155px; line-height: 180%; margin-top: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 240px; } .content-wr p.time { color: #ffffff; font-size: 14px; overflow: hidden; height: 22px; height:100%; margin-top:0px; line-height: 180%; } .content-wr span { color: #ffffff; font-size: 14px; position: absolute; left: 32px; bottom: 38px; z-index: 10; } .content-wr span:hover { text-decoration: underline; } .content-info:hover figure { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } .content-info:hover figcaption { bottom: -100%; } .content-info:hover .content-text { opacity: 1; transform: rotateY(0); visibility: visible; } .p_page div { float: left; line-height: 30px; margin-left: 2px; } .e_pagebox { width: auto; height: auto; clear: both; float: left; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; } .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .p_page .next { display: inline-table; float: left; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .pre:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: #ee1d23; cursor: pointer; } .p_page .pre:active { background-color: #ee1d23; } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .pre:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pre:active .iconfont { color: rgba(255,255,255,1); } .p_page .pre .iconfont:before { content: ""; margin-right: 5px; } .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .next:hover:after { top: 5px; right: -12px; background-color: #ee1d23; border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: #ee1d23; border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .p_page .next { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .next:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: #ee1d23; cursor: pointer; } .p_page .next:active { background-color: #ee1d23; } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .next:hover .iconfont { color: rgba(255,255,255,1); } .p_page .next:active .iconfont { color: rgba(255,255,255,1); } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; } .p_page .pageNum { position: absolute; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; text-decoration: none; width: inherit; } .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .p_page .pageNum:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); cursor: pointer; text-decoration: none; background-color: #ee1d23; } .p_page .pageNum:active { text-decoration: none; background-color: #ee1d23; } .p_page .pageNum.active { text-decoration: none; background-color: #ee1d23; color: rgba(255,255,255,1); } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .p_page .pageNum .iconfont { display: inline; color: rgba(255,255,255,1); vertical-align: middle; } .p_page .pageNum:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum:active .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum .iconfont:before { content: ""; } .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .clear { clear: both; } .c_news_list-51002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-51002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-51002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-51002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-51002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-51002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-51002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_news_list-1556117312400 .p_articles{ margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_news_list-1556117312400 .p_CommonSummaryBoxA{ text-align:center; } #c_news_list-1556117312400 .p_stylebox .stylebox_content{ border-color:rgba(0, 0, 0, 0); } #c_news_list-1556117312400 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_news_list-1556117312400 >div{ animation-fill-mode:both; } #c_news_list-1556117312400 .p_stylebox .stylebox_top_line{ background-color:rgba(0, 0, 0, 0); } #c_news_list-1556117312400 .p_stylebox .stylebox_bottom_line{ background-color:rgba(0, 0, 0, 0); } #c_news_list-1556117312400 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_news_list-1556117312400 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_news_list-1556117312400 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_news_list-1556117312400 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_news_list-1556117312400{ position:absolute; top:463px; left:-11px; z-index:102; width:1220px; height:406px; } #w_wbox-1556117312385 .p_wbox{ background-image:url(../image/nybanner5.jpg); background-image-part-image:url(../image/nybanner5.jpg); } #w_wbox-1556117312385 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1556117312385 >div{ animation-name:fadeIn; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_wbox-1556117312385{ position:absolute; top:165px; left:-356px; z-index:100; width:1912px; height:269px; }