.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); } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-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; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResProduct_category-01001 .p_categoryBox .p_parentBox .p_linkBox:hover{ background: #e6f7ff; } @media only screen and (max-width:768px) { .fa_listBtn{ width:100%; } .c_portalResProduct_category-01001 { height: auto; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .c_portalResProduct_category-01001 .p_btn-show { display: inline-block; } .c_portalResProduct_category-01001 .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { width: 100%; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_childBox .p_parentBox { background: #FFFFFF; } .c_portalResProduct_category-01001 .p_childBox .p_parentBox .p_linkBox { background: #EFEFF4; width: 100%; border-bottom: 1px solid #d5d5d6; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_childBox { background: #efeff4; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; background: #fff; } .c_portalResProduct_category-01001 .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; height: 50px; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before { content: '\e69a'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e69c'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px; width: 100%; } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_childBox { background: #efeff4; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } .c_portalResProduct_category-01001 .p_btn-show .p_c-fff { color: #fff; } .c_portalResProduct_category-01001 .p_btn-show .p_c-fff { margin: 0 0 0 10px; vertical-align: middle; width: auto; float: right; line-height: 50px; } .c_portalResProduct_category-01001 .p_categoryBox { overflow-y: auto; height: 100%; float: left; } } @media only screen and (min-width:769px) and (max-width: 1024px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .c_portalResProduct_category-01001 .p_btn-show { display: none; } .e_title .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_childBox .p_parentBox { width: 100%; } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before { content: '\e6c9'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_btn-hide { width: 10%; height: 100%;  display: none; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .e_title .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .iconfont:before {  } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before { content: '\e6c9';  } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8';  } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } } @media only screen and (min-width:1024px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .e_title .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before { content: '\e6c9'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .c_portalResProduct_category-01001 .p_btn-show { display: none; } .c_portalResProduct_category-01001 .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .c { content: '\e6c9';  } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8';  } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_btn-hide { width: 10%; height: 100%;  background-color: #7F7F7F; display: none; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } } .fa_pagecate{ border:#eee solid 1px; } .fa_Pro_title{ font-size: 20px; font-weight: normal; line-height: 60px; color: #fff; padding:5px 15px;   background:var(--main-color); font- } .fa_pagecate .fa_tit{ color:#fff; padding:30px 20px; font-size:20px; } .fa_pagecate .fa_list{ padding:10px; } .fa_pagecate .fa_list .fa_pyj{ position:relative; } .fa_pagecate .fa_list .fa_pyj>.fa{ text-align: center; font-size:20px; position:absolute; right: 5px; top: 10px; color:#ccc; transition:all 0.5s; min-width: 20px; cursor: pointer; transform: rotate(90deg); } .fa_pagecate .fa_list .fa_pyj>.fa.fa_iconon{ transform: rotate(0deg); } .fa_pagecate .fa_list .fa_pyj>span{ display:block; padding: 10px 40px 10px 0; font-size: 14px; color: #333; transition:all 0.5s; border-left:transparent solid 3px; } .fa_pagecate .fa_list .fa_pyj:hover>span{ color:var(--main-color); } .fa_pagecate .fa_list .fa_pyj:hover>.fa{ color: #999; } .fa_pagecate .fa_list .fa_pyj .fa_rjlist span{ display:block; padding:10px 20px; font-size: 14px; color: #999; } .fa_pagecate a{ color:inherit; transition:all 0.5s; } .fa_pagecate a:hover{ color:#000; } @media only screen and (max-width:768px) { .fa_pagecate{ display:none!important; } }  .fa_hprocate{ width:100%; padding:0 var(--f30); } .fa_hprocate a{ position:relative; padding:15px 0; transition:all 0.5s; font-size:14px; color:#333; } .fa_hprocate a i{ font-size:16px; color:#ddd; position:absolute; top:50%; transform:translateY(-50%); right:0; } .fa_hprocate a:hover i{ color:var(--main-color); transition:all 0.5s; right:-10px; } @media only screen and (max-width:768px) { .fa_hprocate a{ width:48%; border-bottom:#ddd solid 1px; } } @media only screen and (min-width:769px) { .fa_hprocate a{ width:100%; border-bottom:#ddd solid 1px; } }.fa_htitle h2{ font-family: 'Cinzel', serif; font-weight:700; font-size:var(--f46); color:#000; text-transform: uppercase; } .fa_htitle h2 i{ color:var(--main-color)!important; font-family: inherit; font-weight:inherit; } .fa_htitle h3 { font-size:var(--f30); color:#333; } .fa_htitle.fa_white h2,.fa_htitle.fa_white h3{ color:#fff; }.fa_Homebanner{ width:100%; overflow:hidden; position:relative; } .fa_Homebanner .fa_li{ position: relative; overflow: hidden; } .fa_Homebanner .fa_li .fa_pic img{ width: 100%; } .fa_Homebanner .fa_li .fa_tit { position: absolute; z-index: 10; top: 40%; left: 50%; max-width: 1620px; padding: 10px; width: 96%; transform:translate(-50%,-50%); text-align:center; } .fa_Homebanner .fa_li .fa_tit *{ transform:translateY(30px); opacity:0; } .fa_Homebanner .swiper-slide-active .fa_li .fa_tit *{ transform:translateY(0px); opacity:1; } .fa_Homebanner .swiper-slide-active .fa_li .fa_tit h1{ transition:all 0.8s 1.8s; } .fa_Homebanner .swiper-slide-active .fa_li .fa_tit h5{ transition:all 0.8s 2s; } .fa_Homebanner .swiper-slide-active .fa_li .fa_tit .fa_More{ transition:all 0.8s 2.5s; } .fa_Homebanner .fa_li .fa_tit h1{ color: #fff; font-size: var(--f48); } .fa_Homebanner .fa_li .fa_tit h5{ color: #fff; font-size: var(--f18); margin-top:20px; } .fa_Homebanner .fa_li .fa_tit .fa_More{ text-align:center; margin-top:4vw; } @media only screen and (max-width: 768px){ .fa_Homebanner .fa_li .fa_tit h1{ color: #fff; font-size: 18px; } .fa_Homebanner .fa_li .fa_tit h5{ color: #fff; font-size: 14px; } .fa_Homebanner{  } } @media only screen and (min-width: 769px){ } .swiper-slide .fa_scalePic{ transform:scale(1.1); transition: all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .swiper-slide-active.swiper-slide .fa_scalePic{ transform:scale(1); transition-delay: 0.8s; } .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=277223&viewType=1&v=000) no-repeat center; } @keyframes fa_imgl { 0% { -webkit-clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%); clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%); } 100% { -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%); clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%); } } @keyframes fa_imgr { 0% { -webkit-clip-path: polygon(100% 100% , 100% 100%, 100% 0, 100% 0); clip-path: polygon(100% 100% , 100% 100%, 100% 0, 100% 0); } 100% { -webkit-clip-path: polygon(100% 100% , 0% 100%, 0% 0, 100% 0); clip-path: polygon(100% 100% , 0% 100%, 0% 0, 100% 0); } } @keyframes fa_imgt { 0% { -webkit-clip-path: polygon(0% 100% ,100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 100% ,100% 100%, 100% 100%, 0% 100%); } 100% { -webkit-clip-path: polygon(0% 100% , 100% 100%, 100% 0, 0% 0%); clip-path: polygon(0% 100% , 100% 100%, 100% 0, 0% 0%); } } @keyframes fa_imgt { 0% { -webkit-clip-path: polygon(0% 0% ,100% 0%, 100% 0%, 0% 0%); clip-path: polygon(0% 0% ,100% 0%, 100% 0%, 0% 0%); } 100% { -webkit-clip-path: polygon(0% 0% , 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0% , 100% 0%, 100% 100%, 0% 100%); } }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; display:flex; flex-wrap:wrap; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } #w_common_text-1650349098312{ display: none!important; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .reset_style h1, .reset_style h3, .reset_style h4{ text-transform:uppercase; } .reset_style h1, .reset_style h2, .reset_style h3, .reset_style h4, .reset_style h5, .reset_style h6{ font-weight:normal; } @media only screen and (max-width: 900px){ .reset_style h1 *{ font-size:30px!important; } .reset_style h2 *{ font-size:24px!important; } .reset_style h3 *{ font-size:22px!important; } .reset_style h4 *{ font-size:18px!important; } .reset_style h5 *{ font-size:16px!important; } .reset_style h6 *{ font-size:14px!important; } }.fa_tinum{ display:flex; justify-content:space-between; } .fa_tinum .fa_numlist h3{ font-size:var(--f40); font-family:'Cinzel', serif; font-weight:700; color:var(--main-color); margin-bottom:15px; } .fa_tinum .fa_numlist h3 span{ font-family:inherit; font-weight:inherit; } .fa_tinum .fa_numlist p{ font-size:16px; } .fa_Case .fa_li{ display:block; background:#fff; box-shadow:0 1px rgba(0,0,0,0.1); transition:all 0.5s; } .fa_Case .fa_li:hover{ box-shadow:0 1px 10px rgba(0,0,0,0.1); transform:translateY(-10px); } .fa_Case .fa_li .fa_Img{ padding-bottom:60%; background:#000; } .fa_Case .fa_li .fa_info .fa_right{ font-size:14px; color:#333; padding:0 20px; line-height:24px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; height:72px; } .fa_Case .fa_li .fa_tit{ padding: 20px; font-size:var(--f18); color:#000; border-top:#ddd solid 1px; font-weight:bold; } .fa_Case .fa_li .fa_link{ position:absolute; top:50%; left:50%; transform:translate(-50%,50%); font-size:30px; color:#fff; z-index:10; width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(19,132,216,0.5); transition:all 0.5s; opacity:0; } .fa_Case .fa_li:hover .fa_Img img{ opacity:0.5; } .fa_Case .fa_li:hover .fa_link{ transform:translate(-50%,-50%); opacity:1; } @media only screen and (max-width: 768px){ .fa_Case .fa_li .fa_info>div{ width:100%; } .fa_Case .fa_li .fa_info .fa_right{ display:none; } } @media only screen and (min-width: 769px){ .fa_Case .fa_li .fa_info{ width:100%; align-items:center; } .fa_Case .fa_li .fa_info>div{ width:50%; } }  .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-pagination-progressbar { background: #ddd; height: 1px; position: relative;   } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--main-color); position: absolute; left: 0; top: -1px; width: 100%; height: auto; transform: scale(0); transform-origin: left top; bottom: -1px; border-radius: 500px; }  .fa_homenew{ margin-top:3%; } .fa_homenew .fa_li{ display:block; position:relative; } .fa_homenew .fa_li .fa_Img{ padding-bottom:50%; } .fa_homenew .fa_li .fa_tit h3{ font-size:16px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:20px 0; border-bottom:#eee solid 1px; margin:20px 0; position:relative; } .fa_homenew .fa_li .fa_tit h3:before{ position:absolute; left:0; width:0; background:var(--main-color); height:1px; content:""; transition:all 0.5s; bottom:0; } .fa_homenew .fa_li:hover .fa_tit h3:before{ width:100%; } .fa_homenew .fa_li .fa_tit article{ text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; font-size:14px; color:#999; line-height:24px; margin-bottom:15px; } .fa_homenew .fa_li .fa_tit p{ font-size:14px; color:#aaa; } .fa_homenew .fa_li .fa_tit p i{ display:inline-block; padding:5px 20px; border:#ccc solid 1px; transition:all 0.5s; } .fa_homenew .fa_li:hover .fa_tit p i{ margin-left:20px; background:var(--main-color); color:#fff; border-color:var(--main-color); } @media only screen and (min-width: 769px){ .fa_homenew .fa_li{ margin-bottom:0; } }  .fa_homecase .fa_li{ display:block; position:relative; } .fa_homecase .fa_li .fa_Img{ padding-bottom:60%; } .fa_homecase .fa_li .fa_tit{ position:absolute; padding:10px 20px; background:rgba(0,0,0,0.7); color:#fff; font-size:16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; left:0; right:0; bottom:0; transition:all 0.5s; } .fa_homecase .fa_li:hover .fa_tit{ transform:translateY(100%); opacity:0; } .fa_homecase .fa_li .fa_info{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(19,132,216,0.8); padding:30px; display:flex; align-items:center; justify-content:center; transition:all 0.5s; transform:translateY(100%); opacity:0; } .fa_homecase .fa_li:hover .fa_info{ transform:translateY(0%); opacity:1; } .fa_homecase .fa_li .fa_info h3{ font-size:16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff; text-align:center; padding-bottom:15px; border-bottom:rgba(255,255,255,0.5) solid 1px; position:relative; } .fa_homecase .fa_li .fa_info h3:before{ content:""; bottom:-2px; left:50%; transform:translateX(-50%); height:3px; background:#fff; transition:all 0.5s; width:0; position:absolute; } .fa_homecase .fa_li:hover .fa_info h3:before{ width:30px; } .fa_homecase .fa_li .fa_info article{ text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; font-size:14px; color:#fff; line-height:24px; opacity:0.8; margin-top:15px; } @media only screen and (min-width: 769px){ .fa_homecase .fa_li{ width:calc((100% - 6px) / 3); margin-bottom:3px; } } @media only screen and (max-width: 768px){ .fa_homecase .fa_li{ width:calc((100% - 1px) / 2); margin-bottom:1px; } }@CHARSET "UTF-8"; * { padding: 0; margin: 0; } .pagebox { width: 100%; }  .pagebox, #-remove--flag { width: 100%; margin: 0px auto; }   body, #-remove--flag {}  @media only screen and (max-width: 1024px) and (min-width: 769px) {} @media only screen and (max-width: 1024px) and (min-width: 769px) {} #w_grid-1634971300314>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; }    @media only screen and (max-width: 1024px) and (min-width: 769px) {} #w_grid-1650267190332 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1650267190332>div { animation-fill-mode: both; } #w_grid-1650267190332>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } #w_grid-1650267190332>div>.p_gridbox { align-items: flex-end; }   @media only screen and (min-width: 769px) { #w_grid-1650267190332>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1650267190332>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 50%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1650267190332>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0; clear: left; margin-right: 0; width: 50%; } #w_grid-1650267190332>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0; } }  @media only screen and (max-width: 1024px) and (min-width: 769px) {} #w_grid-1650267205524>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; }  @media only screen and (max-width: 768px) { #w_grid-1650267205524>div { width: 96%; padding: 10px; margin: auto; } }  @media only screen and (min-width: 769px) { #w_grid-1650267205524>div { margin: 0 0 0 auto; padding: 10px; max-width: 755px; width: 96%; } #w_grid-1650267205524>div>.p_gridbox { max-width: 566px; } }  @media only screen and (max-width: 1024px) and (min-width: 769px) {} #w_fimg-1634971365224 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_fimg-1634971365224>div { animation-fill-mode: both; } #w_fimg-1634971365224>div.delighter { -webkit-clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%); clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%); transition: all 1s; } #w_fimg-1634971365224>div.delighter.started { -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%); clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%); } #w_grid-1634970164972>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; }    @media only screen and (max-width: 1024px) and (min-width: 769px) {} #w_grid-1634973063792>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; }    @media only screen and (max-width: 1024px) and (min-width: 769px) {} #w_grid-1634971300314 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 5%; margin-left: auto; margin-right: auto; margin-bottom: 5%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1650267190332 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1650267205524 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1650267363609 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 10%; margin-left: 0px; margin-right: 0px; margin-bottom: 8%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1650180427201 { 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: 12%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_fimg-1634971365224 { width: 100%; max-width: 921px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1634970164972 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1634973063792 { width: 96%; max-width: 1420px; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 5%; margin-left: auto; margin-right: auto; margin-bottom: 5%; padding-top: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; }  .pagebox, #-remove--flag {}  #c_portalResPublic_codeContainer-16503490605332641 .fa_htitle h2{ display:flex; align-items:center; } #c_portalResPublic_codeContainer-16503490605332641 .fa_htitle h2 .line{ width:147px; height:1px; background-color:rgb(112, 112, 112); margin-left:25px; display:block; } #c_portalResPublic_codeContainer-16503490605332641 .fa_htitle h3{ line-height:2; } #c_portalResPublic_codeContainer-16503490605332641{ 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:10%; } @keyframes bl{0%{ width: 20px; height: 20px; background-color: rgba(0, 0, 0, .05); } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 800px; height: 800px; background-color: rgba(0, 0, 0, 0); } } 100%{ width: 500px; height: 500px; background-color: rgba(0, 0, 0, 0); } } #c_portalResEbizads_banner-16215836405879816 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16215836405879816 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16215836405879816 .fa_swp_btn .a_icon{ font-size:16px; } #c_portalResEbizads_banner-16215836405879816 .fa_swp_btn .fa_btn_l, .fa_swp_btn .fa_btn_r{ display:flex; align-items:center; justify-content:center; } #c_portalResEbizads_banner-16215836405879816{ 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-16351385424314559 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResNews_list-16351385424314559 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16351385424314559 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16351385424314559 >div{ animation-fill-mode:both; } #c_portalResNews_list-16351385424314559 .p_hot .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16351385424314559 .p_new .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16351385424314559 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16351385424314559 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16351385424314559 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16351385424314559 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16351385424314559 .n_newwarp{ display:flex; justify-content:space-between; } #c_portalResNews_list-16351385424314559 .n_newwarp .n_newleft, .n_newwarp .n_newright{ width:49%; } #c_portalResNews_list-16351385424314559 .n_newwarp .n_newleft .l_eft-img{ position:relative; display:block; overflow:hidden; } #c_portalResNews_list-16351385424314559 .n_newwarp .n_newleft .l_eft-img:hover img{ transform:scale(1.1); } #c_portalResNews_list-16351385424314559 .n_newwarp .n_newleft .l_eft-img img{ width:100%; object-fit:cover; transition:all .4s; } #c_portalResNews_list-16351385424314559 .n_newwarp .n_newleft .l_eft-img div{ position:absolute; bottom:0; left:0; text-align:center; width:100%; padding:1vw 0; background:rgba(0, 0, 0, .6); color:#fff; transition:all .4s; font-size:18px; } #c_portalResNews_list-16351385424314559 .r_ight-img{ display:flex; align-items:center; padding:23px 27px 23px 10px; transition:all .4s; position:relative; overflow:hidden; } #c_portalResNews_list-16351385424314559 .r_ight-img::before{ position:absolute; content:""; display:none; border-radius:50%; } #c_portalResNews_list-16351385424314559 .r_ight-img:hover::before{ display:block; animation:bl .8s; top:50%; left:50%; transform:translate(-50%, -50%); } #c_portalResNews_list-16351385424314559 .r_ight-img:hover{ background-color:var(--main-color); } #c_portalResNews_list-16351385424314559 .n_newright{ display:flex; flex-direction:column; justify-content:space-between; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img .l_time{ text-align:center; width:100px; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img .l_time h6{ font-size:30px; color:var(--main-color); transition:all .4s; padding-bottom:5px; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img:hover .l_time h6{ color:#fff; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img .l_time p{ color:var(--main-color); transition:all .4s; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img:hover .l_time p{ color:#fff; opacity:.6; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img .r_cont{ padding-left:20px; border-left:#ebebeb solid 1px; width:calc(100% - 100px); } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img .r_cont h4{ font-size:16px; color:#333333; padding-bottom:15px; transition:all .4s; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img:hover .r_cont h4{ color:#fff; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img .r_cont article{ color:#aeaeae; } #c_portalResNews_list-16351385424314559 .n_newright .r_ight-img:hover .r_cont article{ color:#fff; opacity:.65; } @media only screen and (max-width: 1000px){ #c_portalResNews_list-16351385424314559 .n_newwarp{ flex-wrap:wrap; } #c_portalResNews_list-16351385424314559 .n_newwarp .n_newleft, .n_newwarp .n_newright{ width:100%; } #c_portalResNews_list-16351385424314559 .n_newwarp .n_newright{ margin-top:2vw; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-16351385424314559 .r_cont{ width:100%!important; } } #c_portalResNews_list-16351385424314559{ 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_portalResPublic_codeContainer-16503380616092293 .fa_htitle .pr_ing{ font-size:var(--f22); color:#fff; } #c_portalResPublic_codeContainer-16503380616092293 .fa_htitle h3{ padding:0.8vw 0 1vw 0; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16503380616092293 .pr_ing{ font-size:14px!important; margin-top:3vw; } } #c_portalResPublic_codeContainer-16503380616092293{ 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_portalResPublic_codeContainer-16503405139209051 .e_box{ margin-top:3.5%; } #c_portalResPublic_codeContainer-16503405139209051 .e_box .more_icon{ display:inline-flex; align-items:center; justify-content:center; } #c_portalResPublic_codeContainer-16503405139209051 .e_box .more_icon .icon_more{ color:#fff; } #c_portalResPublic_codeContainer-16503405139209051 .e_box .more_icon span{ width:42px; height:42px; background:var(--main-color); display:flex; border-radius:50%; margin-right:0.5vw; align-items:center; justify-content:center; } #c_portalResPublic_codeContainer-16503405139209051 .e_box .more_icon span i{ transform:rotateZ(45deg); color:#fff; font-size:20px; transition:all .4s; } #c_portalResPublic_codeContainer-16503405139209051 .e_box .more_icon:hover span i{ transform:rotateZ(90deg); } @media screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16503405139209051 .e_box{ margin-top:30px; } } #c_portalResPublic_codeContainer-16503405139209051{ 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; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16503491232308795 .fa_tinum .fa_numlist p{ font-size:14px; } } #c_portalResPublic_codeContainer-16503491232308795{ 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_portalResProduct_category-16502706599834612 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_category-16502706599834612 >div{ animation-fill-mode:both; } #c_portalResProduct_category-16502706599834612 .pro{ display:flex; flex-wrap:wrap; } #c_portalResProduct_category-16502706599834612 .pro .fa_li{ width:calc((100% - 30px) / 2); margin-right:30px; display:block; position:relative; } #c_portalResProduct_category-16502706599834612 .pro .fa_li .fa_link{ position:absolute; left:0; top:50%; transform:translate(0%, -50%); text-align:center; right:0; } #c_portalResProduct_category-16502706599834612 .pro .fa_li .fa_link span{ font-size:20px; padding:30px 73px; display:inline-block; background:rgba(0, 0, 0, .6); color:#fff; border:1px solid rgba(255, 255, 255, .3); transition:all .4s; } #c_portalResProduct_category-16502706599834612 .pro .fa_li:hover .fa_link span{ background:rgba(237,109,1, .6); border:1px solid rgba(255, 255, 255, .3); } #c_portalResProduct_category-16502706599834612 .pro .fa_li img{ width:100%; } #c_portalResProduct_category-16502706599834612 .pro .fa_li:last-child{ margin-right:0; } @media only screen and (max-width:768px){ #c_portalResProduct_category-16502706599834612 .pro .fa_li{ width:100%; margin:0; } } #c_portalResProduct_category-16502706599834612{ 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_portalResPublic_codeContainer-16503507382136144 .fa_htitle{ display:flex; align-items:center; justify-content:center; flex-direction:column; } #c_portalResPublic_codeContainer-16503507382136144 .fa_htitle h3{ line-height:2; text-align:center; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16503507382136144 .fa_htitle{ margin: 5% 5%; } } #c_portalResPublic_codeContainer-16503507382136144{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:2%; margin-left:auto; margin-right:auto; margin-bottom:2%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16505349782153829 .fa_htitle h2 .line{ width:147px; height:1px; background-color:rgb(112, 112, 112); margin-left:25px; display:block; } #c_portalResPublic_codeContainer-16505349782153829 .fa_htitle h3{ line-height:2; } #c_portalResPublic_codeContainer-16505349782153829 .fa_htitle{ display:flex; justify-content:space-between; align-items:center; } #c_portalResPublic_codeContainer-16505349782153829 .news_more{ width:180px; height:50px; background-color:var(--main-color); display:flex; align-items:center; justify-content:center; position:relative; } #c_portalResPublic_codeContainer-16505349782153829 .news_more span{ color:#fff; } #c_portalResPublic_codeContainer-16505349782153829 .news_more i{ color:#fff; transform:rotate(90deg) rotateY(180deg); font-size:24px; margin-left:30px; transition:all .4s; } #c_portalResPublic_codeContainer-16505349782153829 .news_more::before{ display:block; position:absolute; content:""; width:0%; height:100%; background:rgba(0, 0, 0, .05); transition:all .4s; left:0; z-index:1; } #c_portalResPublic_codeContainer-16505349782153829 .news_more:hover::before{ width:100%; } #c_portalResPublic_codeContainer-16505349782153829 .news_more:hover i{ margin-left:45px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16505349782153829 .fa_htitle .news_more{ width: 116px; height: 40px; } #c_portalResPublic_codeContainer-16505349782153829 .news_more i{ margin-left: 6px; } #c_portalResPublic_codeContainer-16505349782153829 .fa_htitle{ margin:8% 0%; } } #c_portalResPublic_codeContainer-16505349782153829{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5%; margin-left:0px; margin-right:0px; margin-bottom:5%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .pagebox,#-remove--flag{}body,#-remove--flag{} #w_grid-1621582665116 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1634970148385 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1634970148385 >div{ animation-fill-mode:both; } #w_grid-1634970148385 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1634970148385> div > .p_gridbox{ align-items:center; } #w_grid-1634970148385> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1634970148385> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1634970148385> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1634970148385> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1634970148385> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1634970148385> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1634970148385> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1650348968126 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1650348968126 >div{ margin: 0 auto; width:96%; padding:10px; } } @media only screen and (min-width: 769px){ #w_grid-1650348968126 >div{ margin: 0 0 0 auto; width:96%; padding:10px; max-width:760px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650349013095 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1650349013095 >div{ max-width:560px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1634970146714 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1634970146714 >div{ animation-fill-mode:both; } #w_grid-1634970146714 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1634970146714> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1634970146714> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1634970146714> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1634970146714> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1634970146714> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1634970146714> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1634970151401 > div > .p_gridbox{ background:rgba(0,0,0,.3); } #w_grid-1634970151401 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1634970151401 >div{ animation-fill-mode:both; background-image:url(/img/gcjgbj1.png?tenantId=277223&viewType=1&v=000); background-size:cover; background-attachment:fixed; } #w_grid-1634970151401 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1634970151401 >div{ background-attachment:initial; } } @media only screen and (min-width: 769px){ #w_grid-1634970151401 >div.delighter { -webkit-clip-path: polygon(0% 0% ,100% 0%, 100% 0%, 0% 0%); clip-path: polygon(0% 0% ,100% 0%, 100% 0%, 0% 0%); transition:all 1s; } #w_grid-1634970151401 >div.delighter.started { -webkit-clip-path: polygon(0% 0% , 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0% , 100% 0%, 100% 100%, 0% 100%); } #w_grid-1634970151401> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1634970151401> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1634970151401> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1634972504392 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650352042368 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650352053055 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1621582665116{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1634970148385{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:4.5%; margin-left:auto; margin-right:auto; margin-bottom:3%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1650348968126{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1650349013095{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1650349099298{ 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:10%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1650349020133{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:200px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1634970146714{ width:96%; max-width:1890px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:38.24px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1634970151401{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:3%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1634972504392{ width:96%; max-width:1420px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:6%; margin-left:auto; margin-right:auto; margin-bottom:5%; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1650352042368{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1650352053055{ width:96%; max-width:1600px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:5%; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; }