.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); }.w_btn-002 .p_CommonBtn{ font-size:15px; width: 100%; height:50px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); padding-top:0; padding-right:20px; padding-left:20px; text-align: center; } .w_btn-002 .p_CommonBtn:hover{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn:hover .font{ color:rgba(255,255,255,1); } .w_btn-002 .p_CommonBtn:active{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .iconfont:before{ content: ""; } .e_title.w_btn-002 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_btn-002 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_btn-002 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_btn-002 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_btn-002 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.w_btn-002 .p_link .iconfont:before{ display: inline-block; content:""; } .w_btn-002{position:absolute; width:157px; height:50px; } .w_btn-002 .p_CommonBtn{width: 100%;height: inherit;padding:0;background-color:#4cb034; } .w_btn-002 .animated{ width:100%; height:100%; } .w_btn-002 .p_CommonBtn{ border-style: solid; }.w_btn-002 .p_CommonBtn:hover{background-color:#4cb034; box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_CommonBtn:active{background-color:#4cb034; box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_MatteIcon iconfont:before{content:'\e752'; }.w_btn-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_btn-002 >div{animation-fill-mode:both; }.e_AllWBox-001{ width: 490px; height: 39px; } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; } @keyframes pagebgfd { 0% { opacity:1; transform:scale(1.1, 1.1); } 100% { opacity: 1; transform:scale(1.0, 1.0); } }.c_news_list-57002 {overflow: hidden;width:260px;height:321px;position:absolute;margin-bottom: 100px;} .main-column{ width:100%; margin:0 auto; } .main-column li { background-color: rgba(51, 51, 51, 1); margin-bottom: 16px; overflow:hidden; } .main-column li.odd-li .imgbox { float: right; } .main-column .imgbox { display: block; width: 50%; position: relative; overflow: hidden; } .main-column li .imgbox .pic { height: 100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; background: #eee; overflow: hidden; height: 0; width: 100%; padding-bottom: 60%; } .main-column .imgbox img { width: 100%; 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; } .i-wrap .up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; } .i-wrap .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); } .main-column li.odd-li .cont-wrap { float: left; margin-left: 3.8%; } .main-column .cont-wrap { width: 43%; height: 100%; padding-top: 20px; position: absolute; } .main-column .cont-wrap .stit { font-size: 24px; } .i-column-wrap .stit { font-size: 26px; line-height: 46px; height: 46px; overflow: hidden; color: #333; margin-left: -1px; } .i-column-wrap.white .stit { color: #fff; font-weight: bold; } .i-column-wrap.white .stit a { color: #fff; transition: color 0.3s ease 0s; } .i-column-wrap.white .line { background-color: #fff; } .i-column-wrap .line { display: block; width: 10px; height: 2px; background-color: #fff; margin-top: 10px; } .main-column .cont-wrap .mtit { font-size: 18px; } .i-column-wrap.white .mtit { color: #eee; } .i-column-wrap .mtit { display: block; margin-top: 18px; line-height: 36px; color: #444; font-size: 18px; } .i-column-wrap.white .font { color: #fff; opacity: 0.8; filter: alpha(opacity=80); } .i-column-wrap .font { display: block; line-height: 24px; font-size: 13px; margin-top: 10px; height: 100px; overflow: hidden; } .i-column-wrap .link { border: 1px solid rgba(102, 102, 102, 0.5); display: block; width: 42px; height: 42px; border-radius: 50%; margin-top: 40px; transition: background 0.3s ease 0s; position: relative; overflow: hidden; } .i-column-wrap .link .bg { display: block; width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%; overflow: hidden; } .i-column-wrap .link i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background:url(//dfs.yun300.cn/group1/M00/00/DC/CgI9Fli9LxGEBw76AAAAAGz7FII269.png?tenantId=118477&viewType=1&v=1670311583000) no-repeat center; } .main-column li.even-li .cont-wrap { float: right; margin-right: 3.8%; right: 0px; } .main-column li.even-li .imgbox { float: left; } .main-column .imgbox:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); } .main-column a.imgbox:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } .p_page div { float: left; line-height: 30px; margin-left: 2px; } .e_pagebox { width: auto; height: auto; clear: both; float: right; margin: 0 auto;  margin-bottom: 30px; position: relative; display: block!important; } .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: #fff; 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: rgb(0, 105, 186); cursor: pointer; } .p_page .pre:active { background-color: rgb(0, 105, 186); } .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(101, 190, 186, 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: rgba(101, 190, 186, 1); 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: rgba(90, 170, 167, 1); 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: rgb(102, 102, 102); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: #fff; 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: rgb(0, 105, 186); cursor: pointer; } .p_page .next:active { background-color: rgb(0, 105, 186); } .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: rgb(0, 105, 186); } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .p_page .pageNum.active { text-decoration: none; background-color: rgb(0, 105, 186); 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-57002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-57002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-57002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-57002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-57002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-57002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-57002 .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,#-remove--flag{}body,#-remove--flag{} #c_news_list-15558154233928990 .p_articles{ margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_news_list-15558154233928990 .p_CommonSummaryBoxA{ text-align:center; } #c_news_list-15558154233928990 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_news_list-15558154233928990 >div{ animation-fill-mode:both; } #c_news_list-15558154233928990 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15558154233928990 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15558154233928990 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15558154233928990 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15558154233928990 .i-column-wrap.white .stit a{ color:#222222; font-size:18px; } #c_news_list-15558154233928990 .main-column li:hover .stit a{ color:#dd2d15; } #c_news_list-15558154233928990 .i-column-wrap.white .font{ color:#666; } #c_news_list-15558154233928990 .main-column li{ background-color:#fff; margin-bottom:25px; position:relative; } #c_news_list-15558154233928990 .main-column .imgbox{ width:35%; } #c_news_list-15558154233928990 .main-column .cont-wrap{ width:57%; } #c_news_list-15558154233928990 .main-column li.odd-li::after{ content:""; background:#4cb034; height:45px; width:3px; display:block; position:absolute; top:28px; transition:all .45s; } #c_news_list-15558154233928990 .main-column li.odd-li:hover:after{ content:""; background:#4cb034; height:252px; top:0px; } #c_news_list-15558154233928990 .main-column li.even-li::after{ content:""; background:#0069ba; height:45px; width:3px; display:block; right:0px; position:absolute; top:28px; transition:all .45s; } #c_news_list-15558154233928990 .main-column li.even-li:hover:after{ content:""; background:#0069ba; height:252px; top:0px; } #c_news_list-15558154233928990 .main-column li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all .45s; } #c_news_list-15558154233928990 .i-column-wrap.white .mtit{ font-size:14px; color:#d6d6d6; margin-top:0px; } #c_news_list-15558154233928990 .i-column-wrap.white .line{ display:none; } #c_news_list-15558154233928990{ position:absolute; top:48px; left:356px; z-index:1; width:1200px; height:268px; } #w_wbox-1555814221470 .p_wbox{ background-image:url(/img/42106.jpg?tenantId=118477&viewType=1&v=1670311583000); background-image-part-image:url(/img/42106.jpg?tenantId=118477&viewType=1&v=1670311583000); } #w_wbox-1555814221470 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1555814221470 >div{ animation-fill-mode:both; } #w_common_text-1555814221500 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1555814221500 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1555814221500 .p_link001{ height:calc(100%); } #w_btn-1555815985007 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1555815985007 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_btn-1555815989726 .p_CommonBtn{ background-color:#0069ba!important; width:100%; height:inherit; padding:0px; } #w_btn-1555815989726 .p_CommonBtn:hover{ background-color:#0069ba; } #w_btn-1555815989726 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1555815989726 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_wbox-1555814221470{ position:absolute; top:0px; left:-356px; z-index:100; width:1912px; height:630px; } #w_wbox-1555814221480{ position:absolute; top:630px; left:-356px; z-index:104; width:1912px; height:350px; } #w_common_text-1555814221500{ position:absolute; top:248px; left:1089px; z-index:1; width:467px; height:144px; } #w_btn-1555815985007{ position:absolute; top:402px; left:1416px; z-index:2; width:140px; height:40px; } #w_btn-1555815989726{ position:absolute; top:402px; left:1253px; z-index:3; width:140px; height:40px; }