.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); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-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_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResnav_main-01001004 .nav_container{ position:fixed; display:block; width:100%; font-size:0; z-index: 999; background: #fff; top: 0; } .c_portalResnav_main-01001004 .nav_content{ position:relative; } .c_portalResnav_main-01001004 .nav_logo{ position:relative; display:block; background: url(../images/top.jpg?tenantId=230192&viewType=1&v=1666846985000) no-repeat; background-size:100% 100%; width: 100%; height: 120px; margin: 6px auto 0 auto; z-index:9; } .c_portalResnav_main-01001004 .logo_pic{ opacity:0; transition:all 0.4s; } .c_portalResnav_main-01001004 .r_box{ position:absolute; top: 10px; display:flex; justify-content:flex-end; right: 0; } .c_portalResnav_main-01001004 .l_box { position: absolute; top: 10px; display: flex; justify-content: flex-end; left: 0; } .c_portalResnav_main-01001004 .nav_fix .l_box { display: none; } .c_portalResnav_main-01001004 .r_con{ display:flex; align-items:center; position:relative; margin-right: 20px; line-height: 1; } .c_portalResnav_main-01001004 .r_icon{ font-family: 'iconfont2' !important; color: #727476; font-size: 20px !important; padding-right: 8px; } .c_portalResnav_main-01001004 .r_text{ font-size: 14px; color: #727476; } .c_portalResnav_main-01001004 .r_ewm{ position:absolute; width:140px; padding:15px; background:#fff; box-shadow:0 0 8px 0 #ccc; left:0; top:42px; transition:all 0.4s; opacity:0; transform:scale(0); } .c_portalResnav_main-01001004 .ewm_pic{ width:100%; } .c_portalResnav_main-01001004 .r_shop:hover .r_ewm{ opacity:1; transform:scale(1); } .c_portalResnav_main-01001004 .link_box{ width:auto; display:inline-block; } .c_portalResnav_main-01001004 .nav_link{ width:100%; display:block; position:relative; font-size:16px; color:#333; text-align:center; line-height:50px; text-transform:uppercase; } .c_portalResnav_main-01001004 .nav_link:after{ position:absolute; content:''; display:block; bottom:0; left:50%; transform:translateX(-50%); width:0; height:2px; background:var(--color); transition:all 0.6s ease } .c_portalResnav_main-01001004 .d_menu{ display:none; } .c_portalResnav_main-01001004 .nav_link1{ display:block; width:100%; font-size: 15px; color:#666; line-height: 36px; text-align:center; } @media(min-width:769px){ .c_portalResnav_main-01001004 .fa_topBgBox{ height: 171px; } .c_portalResnav_main-01001004 .nav_open{ display:none; } .c_portalResnav_main-01001004 .nav_close{ display:none } .c_portalResnav_main-01001004 .nav_down{ display:none } .c_portalResnav_main-01001004 .nav_box{ width: 94%; max-width: 1200px; margin:0 auto; display:flex; align-items:center; justify-content: center; } .c_portalResnav_main-01001004 .nav_fix .nav_box { margin-top: 0; padding: 11px 0; width: 80%; margin-left: auto; margin-right: 0; } .c_portalResnav_main-01001004 .link_box{ padding: 0; flex: 1; -webkit-flex: 1; } .c_portalResnav_main-01001004 .nav_link{ font-size: 20px; line-height: 60px; color: #44403f; } .c_portalResnav_main-01001004 .nav_fix .nav_link { color: #fff; font-size: 20px; }.c_portalResnav_main-01001004 .nav_fix .nav_link:hover { color: #fff; font-size: 16px; } .c_portalResnav_main-01001004 .d_menu{ min-width:100%; position:absolute; top:100%; left:50%; transform:translateX(-50%); transition:all 0.3s ease; padding:0; background:#fff; max-height:0; display:block; overflow:hidden; transition:all 0.4s ease; box-shadow:0 0 8px 0 #ccc; } .c_portalResnav_main-01001004 .d_fen{ display:flex; align-items:center; padding:20px 6vw; } .c_portalResnav_main-01001004 .d_left{ width:calc(100% - 380px); display:flex; flex-wrap:wrap; padding-right:60px; } .c_portalResnav_main-01001004 .d_right{ width:380px; padding-left:80px; border-left:1px dashed #ddd; } .c_portalResnav_main-01001004 .child_box{ width:33%; padding:3%; } .c_portalResnav_main-01001004 .d_pic{ width:100%; } .c_portalResnav_main-01001004 .d_fen .nav_link1{ border-bottom:1px dashed #ddd; } .c_portalResnav_main-01001004 .d_flex{ display:flex; padding:20px 3vw; justify-content:center; } .c_portalResnav_main-01001004 .nav_link1{ color:#333; white-space:nowrap; } .c_portalResnav_main-01001004 .link_box:hover .d_menu{ max-height:700px; } .c_portalResnav_main-01001004 .d_menu:hover{ overflow:visible; } .c_portalResnav_main-01001004 .child_box:hover .d_menu1{ max-height:700px; } .c_portalResnav_main-01001004 .nav_link:hover{ color:var(--main-color); } .c_portalResnav_main-01001004 .nav_link:hover::after{ width:60px; } .c_portalResnav_main-01001004 .nav_link1:hover{ color:var(--main-color); } } @media(max-width:768px){ .c_portalResnav_main-01001004 .nav_container{ text-align:right; } .fa_topBgBox { height: 60px; } .c_portalResnav_main-01001004 .nav_content{ position:fixed; left:100%; top:0; width:100%; height:100%; transition:all 0.6s ease; background:#fff; z-index:999; overflow: auto; } .c_portalResnav_main-01001004 .l_box { display: none; } .c_portalResnav_main-01001004 .nav_content.con_open{ left:0; } .c_portalResnav_main-01001004 .nav_open{ height: 56px; padding: 8px 15px; display: inline-block; margin-right:-15px; } .c_portalResnav_main-01001004 .nav_open span{ position: relative; width: 25px; height: 2px; margin-top: 19px; } .c_portalResnav_main-01001004 .nav_open span:before, .c_portalResnav_main-01001004 .nav_open span:after { content: ''; position: relative; width: 100%; height: 2px; left: 0; } .c_portalResnav_main-01001004 .nav_open span, .c_portalResnav_main-01001004 .nav_open span:before, .c_portalResnav_main-01001004 .nav_open span:after { transition:all 0.3s; display: block; background:#333; } .c_portalResnav_main-01001004 .nav_open span:before { top: 8px; } .c_portalResnav_main-01001004 .nav_open span:after { bottom: 10px; } .c_portalResnav_main-01001004 .nav_close{ font-size:20px; line-height:60px; padding:0 40px; text-align: right; border-bottom:1px solid #fdfdfd } .c_portalResnav_main-01001004 .link_box{ position:relative; width:100%; text-align:center; border-bottom:1px solid #f5f5f5 } .c_portalResnav_main-01001004 .d_pic{ display:none; } .c_portalResnav_main-01001004 .nav_link{ line-height:50px; color: #333 !important; } .c_portalResnav_main-01001004 .nav_down{ position:absolute; width:50px; height:50px; line-height:50px; text-align:center; font-size:12px; top:0; right:40px; } .c_portalResnav_main-01001004 .d_menu .nav_down{ width:40px; height:40px; line-height:40px; right:60px; } .c_portalResnav_main-01001004 .nav_down.n_rotate{ transform:rotate(90deg) } }@media only screen and (max-width: 768px) { .c_portalResPublic_codeContainer-01001 { width: 100%; } } @media only screen and (min-width: 769px) { .c_portalResPublic_codeContainer-01001 { width: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } .fa_homeBtn { text-align: center; } .fa_homeBtn a{ display: inline-block; width: 140px; height: 40px; font-size: 16px; border: 1px solid #cccccc; text-align: center; line-height: 38px; color: #808080; margin-top: var(--f40); position: relative; z-index: 1; } .fa_homeBtn a:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--main-color); z-index: -1; } .fa_homeBtn a:hover { color: #fff; border-color:var(--main-color) } .fa_homeBtn a:hover:before { width: 100%; }  .fa_ablAbBox .fa_abListBg{ background-color: rgba(247, 247, 247, 1); } .fa_ablAbBox img{ max-width:100%; } .fa_ablAbBox .fa_abList{ margin-top: 30px; } .fa_ablAbBox .fa_abImgBox{ overflow:hidden; } .fa_ablAbBox .fa_abImgBox .fa_abImg{ width:100%; height: 100%; object-fit: cover; } .fa_abTxtLeft{ text-align:left; text-align-last:left; } .fa_abTxtCenter{ text-align:center; text-align-last:center; } .fa_ablAbBox .fa_abImgBox:hover .fa_abImg{ transform:scale(1.1); } .fa_ablAbBox .fa_abList1 .fa_abLeft { flex-basis: 40%; } .fa_ablAbBox .fa_abList1 .fa_abRight { flex-basis: 60%; padding: 3vw; } .fa_ablAbBox .fa_abTit { font-size: 30px; color: #666; text-align: left; } .fa_ablAbBox .fa_abTit img { max-width: 210px; } .fa_ablAbBox .fa_abList1 .fa_abSum { font-size: 14px; color: #666; margin: 2vw 0; line-height: 200%; } .fa_ablAbBox .fa_abList1 .fa_abLine { display: block; border-top: 1px dashed #999; } .fa_ablAbBox .fa_abflex_Right { flex-flow: row-reverse; } .fa_ablAbBox .fa_abflex_Left { flex-flow: row; } .fa_abList2 .fa_abRight { padding: 2.3vw; flex-basis: 30%; } .fa_abList2 .fa_abLeft { flex-basis: 70%; } .fa_ablAbBox .fa_abList2 .fa_abSum { font-size: 14px; color: #707070; margin-top: 2vw; line-height: 200%; } .fa_abList3 .fa_abBlackHover:before { content: ""; width: 0; height: 100%; background: #000; padding: 14px 18px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; } .fa_abList3 .fa_abBlackHover { position: relative; } .fa_abList3 .fa_abHoverBox { position: absolute; z-index: 9; width: 100%; text-align: center; color: #fff; left: 0; top: 50%; transform: translateY(-50%); opacity:0; } .fa_abList3 .fa_abHoverTit { font-size: 25px; font-weight: 600; line-height: 30px; text-transform: uppercase; } .fa_abList3 .fa_abHoverSum { font-size: 14px; text-transform: capitalize; margin-top: 20px; } .fa_abList3 .fa_abBlackHover:hover:before{ width:100%; opacity: 0.6; } .fa_abList3 .fa_abBlackHover:hover .fa_abHoverBox{ opacity:1; transition-delay: 0.7s; } .fa_culBox .fa_abList2 .fa_abSum{ font-size:14px; } .fa_ablAbBox .fa_abList6 .fa_abLeft { flex-basis: 50%; } .fa_ablAbBox .fa_abList1 .fa_abRight { flex-basis: 50%; } .fa_ablAbBox .fa_abList6 .fa_abTit { font-weight: 700; } .fa_ablAbBox .fa_abList6 .fa_abSum span { display: block; margin-top: 20px; } .fa_ablAbBox .fa_abList6 .fa_abSum { margin: 0; margin-top: 12px; } .fa_ablAbBox .fa_abList6 .fa_abRight { padding: 20px 3vw; } .fa_ablAbBox .fa_abList7{ background:none; } .fa_ablAbBox .fa_abNeiConLine { width: 30px; height: 2px; background: var(--main-color); margin: 0 auto; display: block; margin-top: 20px; } .fa_ablAbBox .fa_abList7 .fa_abNeiConLine { background: #333; } .fa_ablAbBox .fa_abList71 .fa_abNeiConLine { background: #fff; } .fa_ablAbBox .fa_abList7 .fa_abLeft { flex-basis: 75%; } .fa_ablAbBox .fa_abList7 .fa_abRight { flex-basis: 25%; margin-left: 2%; padding: 20px; height: 220px; display: flex; align-items: center; flex-flow: column; justify-content: center; } .fa_abList71 .fa_abRight { background-color: rgba(175, 152, 121, 1); } .fa_abNeiConTitBox { margin-top: 30px; } .fa_ablAbBox .fa_abList7 .fa_abTit { font-size: 20px; color: #333; line-height: 1.5; } .fa_ablAbBox .fa_abList72 .fa_abRight { margin-left: 0; margin-right: 2%; background-color: rgba(222, 215, 209, 1); } .fa_abList8.fa_abList { font-size: 18px; background-color: rgba(222, 215, 209, 1); padding: 2.6vw; line-height: 1.8; } .fa_ablAbBox .fa_abList71 .fa_abTit { color: #fff; } .fa_ablAbBox .fa_abList73 .fa_abRight { background-color: rgba(230, 230, 230, 1); } .fa_ablAbBox .fa_abList7 .fa_abImgBox { height: 220px; overflow: hidden; } .fa_ablAbBox .fa_abList7 .fa_abImgBox .fa_abImg { width: 100%; height: 100%; object-fit: cover; } .fa_ablAbBox .fa_abList2 .fa_abTit.fa_abPink{ color:var(--main-color); font-size:30px; } .fa_ablAbBox .fa_abList2 .fa_abTitSum.fa_abPink{ color:var(--main-color); font-size:14px; } .fa_abPinLast > div { flex: 1 !important; -webkift-flex: 1 !important; } .fa_abPinLast .fa_abRight .fa_abSum { max-width: 360px; } @media only screen and (max-width: 768px) { .fa_ablAbBox .fa_abList { display: block; } .fa_abList8.fa_abList { font-size: 16px; padding: 30px 0; } .fa_ablAbBox .fa_abTit { font-size: 24px; } .fa_ablAbBox .fa_abList2 .fa_abTit.fa_abPink { font-size: 24px; } .fa_ablAbBox .fa_abList1 .fa_abRight { padding: 20px; height: auto; padding: 30px; } .fa_ablAbBox .fa_abList7 .fa_abRight { margin: 0; margin-top: 0; } .fa_ablAbBox .fa_abList7 .fa_abTit { font-size: 16px; } .fa_ablAbBox .fa_abList1 .fa_abSum { font-size: 14px; margin: 16px 0; } .fa_abList2 .fa_abRight { padding: 20px; } .fa_abList3 .fa_abBlackHover:before { opacity: 0.6; width: 100%; } .fa_abList3 .fa_abHoverBox { opacity: 1; padding: 0 30px; } .fa_abList3 .fa_abHoverTit { font-size: 18px; } .fa_abList3 .fa_abHoverSum { font-size: 14px; margin-top: 8px; } .fa_abNeiConTit { font-size: 22px; } .fa_ablAbBox .fa_abNeiConLine { margin: 0 auto; margin-top: 12px; } } .c_portalResPublic_credible-01001{ width: 100%; height: auto; overflow: hidden; margin-right: auto; margin-left: auto; max-height: 192px; max-width: 1180px; } @media only screen and (max-width: 768px){ .c_portalResPublic_credible-01001 .content{ width: 100%; height: 100px; } .c_portalResPublic_credible-01001 .content img { display: inline-block; width: 100%; height: auto; } } @media only screen and (min-width: 769px){ .c_portalResPublic_credible-01001 .content{ width: 100%; height: 100px; } .c_portalResPublic_credible-01001 .content img { display: inline-block; width: 100%; height: auto; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .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=230192&viewType=1&v=1666846985000) no-repeat center; }.c_portalResnav_main-01001003 .top-nav-wrap{ font-size:0; padding:0; margin:0; display:flex; justify-content:space-between; flex-wrap: wrap; } .c_portalResnav_main-01001003 .top-nav{ display:inline-block; vertical-align:top; text-align:left; margin-bottom: 26px; } .c_portalResnav_main-01001003 .top-nav span { font-size: 16px; color: var(--main-color); display: inline-block; margin-right: 7px; vertical-align: top; } .c_portalResnav_main-01001003 .top-nav-a1{ display: inline-block; font-size: 18px; color: #333; vertical-align: top; text-transform: uppercase; margin-bottom: 12px; transition: all 0.5s ease; } .c_portalResnav_main-01001003 .top-nav-a2{ display:block; font-size: 14px; color: #808080; line-height: 34px; transition:all 0.5s ease; } .c_portalResnav_main-01001003 a:hover { color: var(--main-color); opacity:1; } .ft_Right { margin-top: 8%; } .ft_Right * { color: #333333 !important; font-size: 14px !important; } .ft_Right a:hover{ color:var(--main-color) !important; opacity:1; } @media only screen and (max-width: 768px){ .top-nav-wrap > div { flex-basis: 100%; border-bottom: 1px solid #484848; padding-bottom: 16px; } .c_portalResnav_main-01001003 .top-nav-a2 { display: inline-block; width: 33.333%; } .c_portalResnav_main-01001003 .top-nav-a1 { margin-bottom: 6px; } }.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%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .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; } } @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){ }.c_portalResRecords_info-01001002 { width: 100%; line-height: 40px; } body, html { position: relative; } .c_portalResRecords_info-01001002 .p_records .p_recordsLeft, .c_portalResRecords_info-01001002 .p_records .p_recordsContent, .c_portalResRecords_info-01001002 .p_records .p_recordsRight { display: inline-block; } @media only screen and (max-width: 768px) { } @media only screen and (min-width:769px) { } @media only screen and (min-width:769px) and (max-width:1024px) { } .c_portalResRecords_info-01001002 .fa_bottomBox{ display:flex; align-items:center; flex-wrap:wrap; justify-content: center; opacity:0.6; } .c_portalResRecords_info-01001002 .fa_bottomBox *{ font-size: 14px; color: #333; } .c_portalResRecords_info-01001002 .p_records{ margin:0 8px; } .c_portalResRecords_info-01001002 a:hover{ opacity:0.5; } .c_portalResRecords_info-01001002 a:hover span{ opacity:0.5; } .c_portalResRecords_info-01001002 .fa_botttomLeft{ display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; } @media only screen and (max-width: 768px){ .c_portalResRecords_info-01001002 .fa_bottomBox { text-align: center; justify-content: space-around; } .c_portalResRecords_info-01001002 .fa_botttomLeft { justify-content: space-around; } .c_portalResRecords_info-01001002 .fa_bottomBox * { line-height: 26px; } }.a_icon{ line-height: initial; } #fa_back{ transform:rotateX(180deg); } @media only screen and (max-width: 768px) { .fa_Float { display: none!important; } } @media only screen and (min-width: 769px) { .fa_Float { position: fixed; z-index: 999; right: 5px; top: 30%; } .fa_Float>* { display: block; margin-bottom: 5px; padding: 10px; height: 50px; position: relative; width: 50px; border-radius: 50%; background: var(--main-color); text-align: center; cursor: pointer; opacity: 0.6; } .fa_Float>*:hover { background: var(--main-color); opacity: 1; } .fa_Float_icon { color: #fff; text-align: center; overflow: hidden; float: left; } .fa_Float_icon i { font-size: 30px; } .fa_Float_icon p { font-size: 12px; margin-top: 5px; } .fa_Float_info { font-size: 16px; color: #fff; overflow: hidden; float: left; position: absolute; right: 55px; background: var(--main-color); top: 0; bottom: 0; height: 50px; line-height: 50px; max-width: 0; white-space: nowrap; font-weight: 300; } .fa_Float>a:hover .fa_Float_info { max-width: 1000px; padding: 0 30px; border-radius: 500px; } .fa_Float_img { position: absolute; width: 100px; left: -120px; bottom: 0; overflow: hidden; max-height: 0; opacity: 0; } .fa_Float>a:hover .fa_Float_img { max-height: 200px; opacity: 1; } .fa_Float>a .fa_Float_img img { width: 100%; } .fa_Float_qq .fa_Floatqq_info { position: absolute; top: 0; right: 60px; background: var(--main-color); color: #fff; overflow: hidden; opacity: 0; width: 150px; z-index: -88; } .fa_Floatqq_info a { border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 20px; display: block; } .fa_Floatqq_info a:last-child { border: none; } .fa_Floatqq_info a p { color: #fff; font-size: 14px; line-height: 30px; } .fa_Floatqq_info a p:first-child { font-size: 18px; } .fa_Float_qq:hover .fa_Floatqq_info { opacity: 1; transform: translateX(00%); z-index: 2; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } @font-face { font-family: 'iconfont1'; src: url('//at.alicdn.com/t/font_2304431_zr1lkyosfi.woff2?tenantId=230192&viewType=1&v=1666846985000&t=1626417193633') format('woff2'), url('//at.alicdn.com/t/font_2304431_zr1lkyosfi.woff?tenantId=230192&viewType=1&v=1666846985000&t=1626417193633') format('woff'), url('//at.alicdn.com/t/font_2304431_zr1lkyosfi.ttf?tenantId=230192&viewType=1&v=1666846985000&t=1626417193633') format('truetype'); } .a_icon{ font-family: 'iconfont1' !important; font-style:normal !important; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; margin: 0px auto; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResPublic_codeContainer-16318563866570401{ 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_portalResRecords_info-16318566868408612{ width:100%; max-width:1200px; 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; } #c_portalResnav_main-16461056124469247{ 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-16488638485174896{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_credible-16509596404394891 .p_content{ text-align:center; } #c_portalResPublic_credible-16509596404394891 .p_content img{ max-width:100px; } #w_grid-1631855806503 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1631855806503 >div{ animation-fill-mode:both; } #w_grid-1631855806503 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1631855806503> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1631855806503> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1631855806503> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1631856118557 > div > .p_gridbox{ background-color:rgba(242, 242, 242, 1); } #w_grid-1631856118557 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1631856118557 >div{ animation-fill-mode:both; } #w_grid-1631856118557 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1631856118557> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1631856118557> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1631856118557> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (min-width: 769px){ #w_grid-1631856118557> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1631856118557> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1631856118557> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1631856118557> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1631856118557> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1631856118557> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1631856118557 .p_gridbox{ background-repeat:no-repeat; background-size:cover; } #w_grid-1646201113138 > div > .p_gridbox{ border:1px solid #ddd; } #w_grid-1646201113138 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1646201113138 >div{ animation-fill-mode:both; } #w_grid-1646201113138 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1646201113138> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1646201113138> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1646201113138> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1646201113138> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0; } #w_grid-1646201113138> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1646201113138> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1646201113138> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0; } #w_grid-1646201113138> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1646201113138> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fimg-1646201116623 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1646201116623 >div{ animation-fill-mode:both; } #w_grid-1631856180418 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1631856180418 >div{ animation-fill-mode:both; } #w_grid-1631856180418 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1631856180418> div > .p_gridbox > .p_gridCell{ margin-bottom:0.5rem; margin-top:0.5rem; margin-left:0px; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (min-width: 769px){ #w_grid-1631856180418> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:4%; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:40%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:5%; width:50%; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1631856180418> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:4%; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:25.051599999999997%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:22.7976%; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:44.141600000000004%; margin-left:4%; margin-right:0px; clear:none; } #w_grid-1631856180418> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } #w_fimg-1646201011441 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1646201011441 >div{ animation-fill-mode:both; } #w_grid-1631856246960 > div > .p_gridbox{ background-color:rgba(204, 204, 204, 1); } #w_grid-1631856246960 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1631856246960 >div{ animation-fill-mode:both; border-top:1px solid rgba(255,255,255,0.3); } #w_grid-1631856246960 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1631856246960> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1631856246960> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1631856246960> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1631856246960> div > .p_gridbox > .p_gridCell{ margin-bottom:0.5rem; margin-top:0.5rem; margin-left:0px; } #w_grid-1631856246960> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1631856246960> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1631856246960> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1631856246960> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1631856246960> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1631855806503{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:500px; 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-1631856118557{ 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-1646201113138{ 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_fimg-1646201116623{ width:100%; max-width:236px; 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-1631856180418{ width:94%; max-width:1200px; 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_fimg-1646201011441{ width:100%; max-width:110px; 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_common_text-1646201037230{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_credible-16509596404394891{ width:100%; max-width:1180px; min-width:0px; height:auto; max-height:192px; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1631856246960{ 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; } #c_portalResnav_main-16324623553319691 .nav_fix{ background:#222; display:flex; align-items:center; justify-content:space-between; padding:0 3vw; transition:all 0.5s; } #c_portalResnav_main-16324623553319691 .nav_fix .nav_logo{ position:fixed; margin:20px 0; background:none; max-width:160px; height:auto !important; } #c_portalResnav_main-16324623553319691 .nav_fix .logo_pic{ opacity:1; filter:brightness(200); } #c_portalResnav_main-16324623553319691 .current .nav_link{ color:var(--main-color); } @media(max-width: 768px){ #c_portalResnav_main-16324623553319691 .nav_container { background:#fff; display: flex; align-items: center; justify-content: space-between; padding: 0 3vw; box-shadow: 0 0 8px 0 #ccc; } #c_portalResnav_main-16324623553319691 .nav_fix .r_box { position: static; transform: none; top: 0; } #c_portalResnav_main-16324623553319691 .nav_logo { width: calc(154px * 0.7); margin: 0; position: fixed; top: 20px; background: none; } #c_portalResnav_main-16324623553319691 .nav_fix .nav_logo { top: 0; } #c_portalResnav_main-16324623553319691 .logo_pic { opacity: 1 !important; filter: brightness(0) !important; } } #c_portalResnav_main-16324623553319691{ 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; }