.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); }@media only screen and (max-width:768px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size:0} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display:inline-block; font-size:14px; color:#666; height:30px; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size:14px; color:#65beba} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display:inline-block; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color:inherit} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration:none} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration:underline} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content:"\200B"; display:block; height:1px; background:#fff; width:100%; width:calc(100% - 1px); position:absolute; bottom:-1px; left:1px; z-index:10} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border:1px solid #65beba; border-bottom:1px solid transparent} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right:5px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content:"\e69a"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content:"\e69c"} .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:#65beba; font-size:14px; text-align:left} .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height:19px} a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:700; cursor:pointer} a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:#45a5a1; font-weight:400} a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0} .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display:inline-block; content:""} .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width:236px; height:317px; padding:0; border-width:1px; border-style:none; border-color:rgba(228,228,228,0); background-color:transparent; overflow:hidden} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size:14px; color:#65beba} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display:inline-block; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color:inherit} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border:1px solid #e0f2f1} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration:none} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration:underline} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content:"\200B"; display:block; height:1px; background:#fff; width:100%; width:calc(100% - 1px); position:absolute; bottom:-1px; left:1px; z-index:10} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border:1px solid #65beba; border-bottom:1px solid transparent} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right:5px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content:"\e69a"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content:"\e69c"} .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:#333; font-size:14px; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height:14px} .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display:inline-block; content:""} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size:14px; color:#65beba} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display:inline-block; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color:inherit} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border:1px solid #e0f2f1} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration:none} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration:underline} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content:"\200B"; display:block; height:1px; background:#fff; width:100%; width:calc(100% - 1px); position:absolute; bottom:-1px; left:1px; z-index:10} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border:1px solid #65beba; border-bottom:1px solid transparent} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right:5px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content:"\e69a"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content:"\e69c"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width:236px; height:317px; padding:0; border-width:1px; border-style:none; border-color:rgba(228,228,228,0); background-color:transparent; overflow:hidden} .c_portalResBreadcrumb_nav-01001{ width:1180px; height:30px; overflow:visible; font-size:0} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width:auto; height:auto; overflow:visible; background-color:transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display:inline-block} .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color:#666} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content:"\e68a"} .c_portalResBreadcrumb_nav-01001 .p_content{ width:240px; position:absolute; border:1px solid #65beba; padding:9px 7px 9px 7px; font-size:0; display:none; height:auto; background:#fff} .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display:block} .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color:#65beba; display:inline-block; margin:9px 7px 9px 7px; cursor:pointer; font-size:14px} .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height:14px; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color:#bcbcbc} .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration:none; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration:none; font-weight:400; cursor:default} .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right:6px; margin-left:6px; vertical-align:middle} } @media only screen and (min-width:769px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size:0} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display:inline-block; font-size:14px; color:#666; height:30px; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size:14px; color:#65beba} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display:inline-block; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color:inherit} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration:none} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration:underline} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content:"\200B"; display:block; height:1px; background:#fff; width:100%; width:calc(100% - 1px); position:absolute; bottom:-1px; left:1px; z-index:10} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right:5px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content:"\e69a"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content:"\e69c"} .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:#65beba; font-size:14px; text-align:left} .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height:19px} a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:700; cursor:pointer} a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:#45a5a1; font-weight:400} a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0} .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display:inline-block; content:""} .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width:236px; height:317px; padding:0; border-width:1px; border-style:none; border-color:rgba(228,228,228,0); background-color:transparent; overflow:hidden} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size:14px; color:#65beba} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display:inline-block; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color:inherit} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border:1px solid #e0f2f1} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration:none} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration:underline} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content:"\200B"; display:block; height:1px; background:#fff; width:100%; width:calc(100% - 1px); position:absolute; bottom:-1px; left:1px; z-index:10} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border:1px solid #65beba; border-bottom:1px solid transparent} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right:5px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content:"\e69a"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content:"\e69c"} .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:#333; font-size:14px; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height:14px} .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display:inline-block; content:""} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size:14px; color:#65beba} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display:inline-block; vertical-align:middle; position:relative} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display:inline-block; line-height:30px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color:inherit} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border:1px solid #e0f2f1} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration:none} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content:"\200B"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content:"\200B"; display:block; height:1px; background:#fff; width:100%; width:calc(100% - 1px); position:absolute; bottom:-1px; left:1px; z-index:10} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border:1px solid #65beba; border-bottom:1px solid transparent} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right:5px} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content:"\e69a"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content:"\e69c"} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width:236px; height:317px; padding:0; border-width:1px; border-style:none; border-color:rgba(228,228,228,0); background-color:transparent; overflow:hidden} .c_portalResBreadcrumb_nav-01001{ width:1180px; height:30px; overflow:visible; font-size:0} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width:100%; max-width:1480px; margin:0 auto; height:auto; overflow:visible; background-color:transparent; text-align:left; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display:inline-block} .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color:#666} .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content:"\e68a"} .c_portalResBreadcrumb_nav-01001 .p_content{ width:240px; position:absolute; border:1px solid #65beba; padding:9px 7px 9px 7px; font-size:0; display:none; height:auto; background:#fff} .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display:block} .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color:#65beba; display:inline-block; margin:9px 7px 9px 7px; cursor:pointer; font-size:14px} .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height:14px; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color:#bcbcbc} .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration:none; font-weight:400} .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration:none; font-weight:400; cursor:default} .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right:6px; margin-left:6px; vertical-align:middle} } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display:inline-block} .c_portalResBreadcrumb_nav-01001 .font span{ line-height:20px; font-family:MicrosoftYaHei; font-size: 15px; color:#666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font span{ color:#3f3c7f}@media only screen and (max-width: 768px) {  .c_portalResPublic_codeContainer-01001 { min-height:192px; width: 100%; } } @media only screen and (min-width: 769px) {  .c_portalResPublic_codeContainer-01001 { min-height:500px; width: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) {  } .solution_box { } .solution_box .solution_1{ position: relative; } .solution_box .solution_1 .solution_1_text { width: 55%; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 9%); padding: 2% 1% 2% 5%; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); background: white; max-width: 800px; } .solution_box .solution_1 .btm_1 { width: 160px; height: 45px; border: solid 1px #eee; margin: 10px 0px; } .solution_1_img{ width: 60%; padding: 58px 0px 58px 0px; } .solution_1_img img{ width:100%; } .solution_box .solution_1 .solution_1_text h2 { font-size: 32px; color: #c8443d; } .solution_box .solution_1 .solution_1_text h3 { font-size:18px; color: #666666; line-height: 35px; margin: 15px 0px; } .solution_box .solution_1 .btm_1 a { text-align: center; line-height: 45px; display: block; } .solution_box .solution_1 .btm_1:hover{ background-color:#c8443d; } .solution_box .solution_1 .btm_1:hover a{ color:#ffffff; } .solution_box .solution_1 .fenlei { width: 100%; margin-top: 50px; display: flex; justify-content: space-between; max-width: 550px; } .solution_box .solution_1 .fenlei li { width: 32%; text-align: center; display: inline-block; max-width: 130px; flex: 1; } .solution_box .solution_1 .fenlei li img { max-width: 95%; } .solution_box .solution_1 .fenlei li p { font-size: 18px; text-align: center; color: #666666; margin-top: 15px; } .qie{ position: absolute; width: 165px; bottom: 16px; right: 30px; height: 58px; z-index: 999; } @media only screen and (max-width: 1200px) { .solution_box .solution_1 .solution_1_text{ position:static; transform: translateY(0px); width: 100%; max-width: 100%; padding: 4% 5% 2% 5%; } .solution_1_img{ width:100%; } .solution_box .solution_1 .fenlei{ max-width: 100%; } .qie .swiper-button-prev1{ position:static; display: inline-block; margin: 10px; } .qie .swiper-button-next1{ position:static; display: inline-block; margin: 10px; } .qie{ position:static; right: 0px; margin: 0 auto; height: 78px; } } .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; font-size: 14px; margin-top: 10px; } .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(../image/camera.png) no-repeat center; }.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){ }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}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){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResBreadcrumb_nav-16092310659082514 .jpBreadcrumbHomeIcon{ display:inline-block; width:55px; line-height:55px; background:#2548a2; font-size:20px; vertical-align:middle; text-align:center; margin-right:20px; color:#fff; } #c_portalResBreadcrumb_nav-16092310659082514{ 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-1609231066784 > div > .p_gridbox{ background-color:rgba(245, 245, 245, 1); } #w_grid-1609231066784 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231066784 >div{ animation-fill-mode:both; } #w_grid-1609231066784 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609231066784> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609231066784> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231066784> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609231066789 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231066789 >div{ animation-fill-mode:both; } #w_grid-1609231066789 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609231066789> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609231066789> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231066789> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609231066789> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609231066789> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231066789> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608795096706 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608795096706 >div{ animation-fill-mode:both; } #w_grid-1608795096706 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608795096706> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1608795096706> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608795096706> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608795096706> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1608795096706> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608795096706> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608795096726 > div > .p_gridbox{ background-image:url(../image/w1e56.jpg); } #w_grid-1608795096726 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608795096726 >div{ animation-fill-mode:both; } #w_grid-1608795096726 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608795096726> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1608795096726> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1608795096726> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608795096726> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608795096726> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608795096726> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608795096726 .p_gridbox{ background-position:center center; } #w_grid-1608795096746 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608795096746 >div{ animation-fill-mode:both; } #w_grid-1608795096746 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608795096746> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1608795096746> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608795096746> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608795096746> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608795096746> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608795096746> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608864568528 > div > .p_gridbox{ background-image:url(../image/tiitle_1.png); } #w_grid-1608864568528 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608864568528 >div{ animation-fill-mode:both; } #w_grid-1608864568528 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608864568528> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1608864568528> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1608864568528> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608864568528> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608864568528> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864568528> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608864568528 .p_gridbox{ background-repeat:no-repeat; background-position:center center; } #w_grid-1608864821245 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608864821245 >div{ animation-fill-mode:both; } #w_grid-1608864821245 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1608864821245> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1608864821245> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+0){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+1){ margin-left:0; clear:left; margin-right:0; width:20%; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+2){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+3){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+4){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608864821245> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+0){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+1){ margin-left:0; clear:left; margin-right:0; width:20%; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+2){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+3){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n+4){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864821245> div > .p_gridbox > .p_gridCell:nth-child(5n){ margin-right:0; } } #w_fimg-1608864829062 .p_dimage{ cursor:pointer; transition:all 0.5s; } #w_fimg-1608864829062 .p_dimage:hover{ transform:rotateY(1turn); } #w_fimg-1608864889120 .p_dimage{ cursor:pointer; transition:all 0.5s; } #w_fimg-1608864889120 .p_dimage:hover{ transform:rotateY(1turn); } #w_fimg-1608864893600 .p_dimage{ cursor:pointer; transition:all 0.5s; } #w_fimg-1608864893600 .p_dimage:hover{ transform:rotateY(1turn); } #w_fimg-1608864886713 .p_dimage{ cursor:pointer; transition:all 0.5s; } #w_fimg-1608864886713 .p_dimage:hover{ transform:rotateY(1turn); } #w_fimg-1608864896312 .p_dimage{ cursor:pointer; transition:all 0.5s; } #w_fimg-1608864896312 .p_dimage:hover{ transform:rotateY(1turn); } #w_grid-1608865043941 > div > .p_gridbox{ background-image:url(../image/qiw.jpg); } #w_grid-1608865043941 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608865043941 >div{ animation-fill-mode:both; } #w_grid-1608865043941 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608865043941> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1608865043941> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1608865043941> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608865043941> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608865043941> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608865043941> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608865043941 .p_gridbox{ background-position:center center; } #w_grid-1608864564992 > div > .p_gridbox{ background-image:url(../image/jao.png); } #w_grid-1608864564992 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608864564992 >div{ animation-fill-mode:both; } #w_grid-1608864564992 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608864564992> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1608864564992> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1608864564992> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608864564992> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608864564992> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608864564992> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608864564992 .p_gridbox{ background-repeat:no-repeat; } #w_grid-1608865192305 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608865192305 >div{ animation-fill-mode:both; } #w_grid-1608865192305 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608865192305> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1608865192305> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608865192305> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608865192305> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1608865192305> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608865192305> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608865990659 > 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-1608865976907 > div > .p_gridbox{ background-image:url(../image/213.jpg); } #w_grid-1608865976907 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608865976907 >div{ animation-fill-mode:both; } #w_grid-1608865976907 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608865976907> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1608865976907> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1608865976907> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608865976907> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608865976907> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608865976907> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1608865976907 .p_gridbox{ background-repeat:no-repeat; background-position:center center; } #w_grid-1612407998219 > 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-1612407998234 > div > .p_gridbox{ background-image:url(../image/213.jpg); } #w_grid-1612407998234 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1612407998234 >div{ animation-fill-mode:both; } #w_grid-1612407998234 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1612407998234> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1612407998234> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1612407998234> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1612407998234> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1612407998234> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1612407998234> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1612407998234 .p_gridbox{ background-repeat:no-repeat; background-position:center center; } #w_grid-1608866432284 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1608866432284 >div{ animation-fill-mode:both; } #w_grid-1608866432284 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1608866432284> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1608866432284> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1608866432284> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1608866432284> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1608866432284> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1608866432284> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fimg-1608795096676{ 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; } #w_grid-1609231066784{ 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-1609231066789{ width:95%; max-width:1366px; 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-1608795096706{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:50px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1608795096726{ width:95%; max-width:1200px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:30px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1608795096746{ width:95%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:60px; margin-left:auto; margin-right:auto; margin-bottom:60px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1608795096926{ 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; } #w_fline-1612408754094{ width:100%; max-width:50px; min-width:0px; height:auto; max-height:none; min-height:20px; 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-1608795096931{ width:auto; max-width:956px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1608864568528{ width:95%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:41px; 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-1608864632240{ 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; } #w_grid-1608864821245{ width:95%; max-width:1366px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:50px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1608864829062{ width:95%; max-width:177px; 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-1608864871736{ 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; } #w_fimg-1608864889120{ width:95%; max-width:177px; 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-1608864900528{ 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; } #w_fimg-1608864893600{ width:95%; max-width:177px; 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-1608864904119{ 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; } #w_fimg-1608864886713{ width:95%; max-width:177px; 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-1608864902079{ 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; } #w_fimg-1608864896312{ width:95%; max-width:177px; 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-1608864901255{ 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; } #w_grid-1608865043941{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1608864564992{ width:95%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1608865140745{ 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; } #w_grid-1608865192305{ width:95%; max-width:690px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:30px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1608865990659{ width:100%; max-width:1366px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1608865976907{ 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_common_text-1608865976937{ width:auto; max-width:none; min-width:0px; height:48px; 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; } #w_common_text-1608866025279{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1612407998219{ width:95%; max-width:1366px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609380905134{ width:100%; max-width:1200px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1612407998234{ 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_common_text-1612407998249{ width:auto; max-width:none; min-width:0px; height:48px; 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; } #w_fimg-1612408020878{ width:100%; max-width:1200px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1608866432284{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16124058217379396 .bsi ul{ display:flex; justify-content:space-between; } #c_portalResPublic_codeContainer-16124058217379396 .bsi li{ width:33%; max-width:180px; border-radius:180px; border:solid 1px #eee; overflow:hidden; text-align:center; line-height:180px; position:relative; transition:all 0.5s; font-size:24px; color:white; margin:0px 1%; } #c_portalResPublic_codeContainer-16124058217379396 .bsi li a{ font-size:24px; color:white; } #c_portalResPublic_codeContainer-16124058217379396 .bsi li:before{ content:" "; display:block; width:30px; height:1px; background-color:white; position:absolute; left:50%; top:65%; transform:translateX(-50%); } #c_portalResPublic_codeContainer-16124058217379396 .bsi li:hover{ background:#c3342c; border:solid 1px #c3342c; } #c_portalResPublic_codeContainer-16124058217379396{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:176px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:20px; margin-bottom:20px; min-width:0px; height:auto; padding-right:0px; }