.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-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_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-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_FlowCommonStyleBox-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_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.cn_cateBox {width:100%; background:#f8f8f8; padding:100px 80px; position:relative;} .cn_cateBox .cateInfo { padding-bottom:40px;} .cn_cateBox .cncateRim { position:relative;z-index:5; } .cn_cateBox .cncateRim ul {display:flex; flex-wrap:wrap; } .cn_cateBox .cncateRim ul li {flex:1; max-width:25%;} .cn_cateBox .cncateRim ul li a{display:block; line-height:60px;padding:0 20px; font-size:14px; color:#666; text-align:center; background:#fff; position:relative; overflow:hidden;} .cn_cateBox .cncateRim ul li a span {position:relative;z-index:5;} .cn_cateBox .cncateRim ul li a:before {content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:100%; background:#333; transition:all 0.3s ease 0.1s; z-index:1;} .cn_cateBox .cncateRim ul li a:after {content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:100%; background:#e90111; transition:all 0.3s ease 0.3s; z-index:2;} .cn_cateBox .cncateRim ul li a:hover:before {top:0;} .cn_cateBox .cncateRim ul li a:hover:after {top:0;} .cn_cateBox .cncateRim ul li a.light:before {top:0;} .cn_cateBox .cncateRim ul li a.light:after {top:0;} .cn_cateBox .cncateRim ul li a:hover , .cn_cateBox .cncateRim ul li a.light{ color:#fff;} @media only screen and (max-width: 768px){ .cn_cateBox {padding:80px 15px;} .cn_cateBox .cateInfo {padding-bottom:10px;} .cn_cateBox .cncateRim ul {background:#fff;} .cn_cateBox .cncateRim ul li {width:50%;flex:none; max-width:50%;} } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 1200px) and (min-width: 769px){ .cn_cateBox .cncateRim ul {background:#fff;} .cn_cateBox .cncateRim ul li {width:25%;flex:none; max-width:50%;} }.newListBox {padding:0 80px; width:100%;} .pubBox__inner {height:100%; position:relative;border-left:1px solid rgba(0,0,0,0.05); border-right:1px solid rgba(0,0,0,0.05); padding:100px 0;} .pubBox__inner:before {content:"";display:block; width:50%; position:absolute; top:0; left:50%; height:100%; border-left:1px solid rgba(0,0,0,0.05); border-right:1px solid rgba(0,0,0,0.05); transform: translateX(-50%); z-index:5;} .pubBox__inner:after {content:"";display:block; width:1px; position:absolute; top:0; left:50%; height:100%; background:rgba(0,0,0,0.05); transform: translateX(-50%); z-index:5; } .newListBox .p_news { } .newListBox .newListRim {position:relative; z-index:6; display:flex; flex-wrap:wrap; width:100%;} .newListBox .newsTitle {padding:15px; width:25%;} .newListRim .newLi__i{ padding:0;} .newListRim .newLi__i .newsInfo {padding:15px; height:100%;} .newListRim .newLi__i .newsInfo:after{content:""; height:5px; position:absolute;bottom:0; left:15px; width:0px; background:#E00000;transition:all 0.6s;} .newListRim .newLi__i .newsInfo a {display:block; overflow:hidden; max-height:300px;} .newListRim .newLi__i .newsInfo img { width:100%;transition:all 0.6s;} .contentBoxB { padding:15px 0;} .contentBoxB h3{ font-size:20px; font-weight:bold; line-height:30px; color:#333; padding-bottom:5px;transition:all 0.6s;} .contentBoxB p{ font-size:12px; color:#999; line-height:20px;} .contentBoxB .news_summary {padding-top:5px; line-height:20px; font-size:14px; color:#666;} .newListRim .newLi__i .newsInfo:hover a img{transform: scale(1.1);} .newListRim .newLi__i .newsInfo:hover:after{width:calc( 100% - 30px);} .newListRim .newLi__i .newsInfo:hover a h3 {color:#E00000;} @media only screen and (max-width: 768px) { .newListBox{ padding:0 15px; height:auto; max-height:none;} .pubBox__inner:before{display:none;} .newListRim {top:0;transform: translateY(0); z-index:6;} } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 1024px) and (min-width: 769px) { .pubBox__inner:before{display:none;} .newListBox{ height:auto; max-height:none;} .newListRim {top:0;transform: translateY(0); z-index:6;} }.pub_banner { width:100%; position:relative; height:500px; overflow:hidden;} .pub_banner .pub_line {z-index:5;} .pub_banner:before{ content:""; dislay:block; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:1; position:absolute;} .pub_banner .bannerImg{ width:100%; height:100%; animation: bannerimg 2s;} .pub_banner .banner_info { position:absolute; width:100%; z-index:2; color:#fff; text-align:center; left:0; top:60%;transform: translateY(-50%); padding:0 15px;} .pub_banner .banner_info h1{ font-size:3rem; animation: puBanner 2s; line-height:1.5; text-shadow:0 5px 10px rgba(0,0,0,0.2);} .pub_banner .banner_info p {font-size:16px;text-transform: uppercase;animation: puBanner 3s; text-shadow:0 5px 10px rgba(0,0,0,0.2); } @keyframes puBanner { from {transform: translateY(100px); opacity:0;} to {transform: translateY(0px);opacity:1;} } @keyframes bannerimg { from {transform: scale(1.2);} to {transform: scale(1);} } @keyframes jiantoushang { from { opacity:0;} to { opacity:1;} } .pub_banner i.icon-jiantou {color:#fff; font-size:24px; position:absolute; bottom:20px; left:50%; transform: translateX(-50%) rotate(90deg); z-index:3; height:30px; animation: jiantoushang 2s;} @media (max-width: 768px) { .pub_banner { width:100%; position:relative; height:300px; overflow:hidden;} .pub_banner img{ width:auto; height:100%;} .pub_banner .banner_info h1{ font-size:20px; padding-bottom:5px;} .pub_banner .banner_info p {font-size:12px;text-transform: uppercase;} }.c_portalResEbizads_banner-01001002 .p_MatteIcon .iconfont:before{content:'\e602'; } .c_portalResEbizads_banner-01001002 >div{animation-fill-mode:both; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%; margin:0px auto; }body,#-remove--flag{} #c_portalResNews_category-16509025292357524{ width:auto; 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; } #c_portalResNews_list-16509028513326267{ width:auto; 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; } #c_portalResEbizads_banner-16509025239009850 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16509025239009850 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16509025239009850{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }