.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); }.searchIconBox{ display: flex; justify-content: flex-end; position:relative; top: calc((5.5rem - 1rem)/2); width: auto; height: 1rem; flex-wrap: wrap; } .searchIconBox .iconfont{ margin: 0 0.5rem 0; font-size: 1rem; color: #fff; opacity: 0.8; transition:0.35s ease-in-out; cursor: pointer; } .searchIconBox .iconfont a { color: #fff; text-decoration: none; } .searchIconBox .iconfont:hover{ color:#66c3ff; opacity: 1; transition:0.35s ease-in-out; } .searchIconBox .iconfont:before{ margin:0 0.5rem 0 0; } .searchIconBox .icon-yuyan{ font-size: 1.25rem; } .wechatCodeBox{ display:none; position:fixed; width: 10rem; height: auto; margin: 1.5rem 0 0 0; box-shadow:1px 4px 6px rgba(51,51,51,0.2); overflow: hidden; } .wechatCodeBox img{ width:100%; } .searchBox{ display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--coverBg); cursor:default; z-index: 9999; } .searchBox .icon-close{ position:absolute; top: 3.4rem; right: 2rem; height: 30px; font-size: 1rem; color:#fff; cursor: pointer; } .searchBox .icon-close:before{ padding:0 6px 0 0; } .searchBox .serchBorder{ position: absolute; top: 32%; left: 20%; width: 60%; margin: 0 auto; padding:10px; height: 58px; background:#fff; border-radius:6px; } .searchBox .serchBorder .lefTitle{ display: block; text-align: center; width: 10%; font-size: 1.125rem; line-height: 2.5rem; color: var(--hColor); float:left; border-right: 1px solid #d9d9d9; } .searchBox .serchBorder .InputText{ width: 85%; height: auto; border:none; padding:0 10px; font-size: 1rem; line-height: 2.5rem; } .searchBox .serchBorder .InputText::placeholder{ font-size:1rem; } .searchBox .serchBorder .p_searchBtn{ position:relative; text-align: center; width: 4%; margin: 0; height: auto; line-height: 2.5rem; float:right; } .searchBox .serchBorder .p_searchBtn .icon-search{ margin: 0; font-size: 1.25rem; color: var(--hColor); transition: 0.35s ease-in-out; } .searchBox .serchBorder .p_searchBtn:hover .icon-search{ color: var(--bColor); transition:0.35s ease-in-out; } .searchBox .serchBorder .p_searchBtn:active .icon-search{ color: var(--bColor); transition:0.35s ease-in-out; } @media only screen and (max-width:768px){ .searchBox .icon-close{ top: 32px; right: 15px; } .searchBox .serchBorder{ left: 10%; width: 80%; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:769px) and (max-width:1024px){ .searchBox .icon-close{ top: 32px; right: 15px; } .searchBox .serchBorder{ left: 10%; width: 80%; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1025px) and (max-width:1280px){ .searchBox .icon-close{ right: 15px; } .searchBox .serchBorder{ left: 10%; width: 80%; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1281px) and (max-width:1366px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1367px) and (max-width:1440px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1441px) and (max-width:1680px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1681px) and (max-width:1720px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } }.headerBox{ position:relative; } .headerBox .mobileNavBox{ display:none; position:relative; } .headerBox .headerNavBox{ position:relative; } .headerBox .headerNavBox .listBox{ display:flex; justify-content: flex-end; position:relative; flex-wrap: wrap; } .headerBox .headerNavBox .listBox .list{ position:relative; margin: 2rem 0 2rem 2rem; padding: 0 1rem 0 0; border-right: 0px solid #e3e3e3; } .headerBox .headerNavBox .listBox .list:nth-last-child(1){ border:none; display: none; } .headerBox .headerNavBox .listBox .list:nth-last-child(2){ border:none; } .headerBox .headerNavBox .listBox .list h1{ position: relative; font-size:1rem; color: #fff; line-height:1rem; transition:0.35s ease-in-out; z-index: 1; } .headerBox .headerNavBox .listBox .list h1:before{ content:" "; position:absolute; left:0; bottom:-1rem; width:100%; height:2px; background:var(--bColor); transform:scale(0); transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .list:hover h1:before{ transform:scale(1); transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .list:hover h1{ color:#66c3ff; transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .list .iconfont{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox{ display: flex; position: fixed; top: -2.5rem; left: 0; width: 100%; padding: 0rem 24rem; background: #fff; border-top: 1px solid #ebebeb; opacity: 1; transform: translateY(-100%); transition: 0.35s ease-in-out; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox{ position:relative; width:50%; padding: 4rem 0; box-shadow: 10px 0 15px rgb(0 0 0 / 10%); } .headerBox .headerNavBox .listBox .list:nth-child(3) .mainNavBox .leftNavBox{ padding: 4rem 0 1rem; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .titleBox{ font-size:1.5rem; color: var(--hColor); } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox{ position: relative; margin: 2rem 0 0 0; justify-content: flex-start; flex-wrap: wrap; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li{ display: block; width: calc(100%/3); margin: 0 0 2rem; padding: 0; border: none; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li{ display: block; position: relative; width: calc(100%/1) !important; margin: 0 4rem 1rem 0; padding: 0 0 1rem; border-bottom: 1px solid rgba(0,0,0,.1); } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li:nth-last-child(1){ border:none; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li .childTitle{ display:flex; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li .sign{ display:none; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li .sign{ display:block; margin: 0 1rem 0 0; height:2rem; opacity: 0.4; transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li:hover .sign{ opacity: 1; transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li .sign img{ height:2rem; transform: scale(0.8); } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li h2{ display:flex; font-size:1rem; color: var(--hColor); line-height:1rem; transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li h2{ line-height:2rem; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li h2 .icon-down1{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li:hover h2{ color: var(--bColor); transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li h2 .icon-down1{ display:block; margin:0 0.5rem 0 0; font-size: 0.75rem; color: #bfbfbf; line-height:1rem; transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li:hover h2 .icon-down1{ color: var(--bColor); transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .mainNavBox .rightImgBox{ position:relative; width:50%; padding: 4rem 4rem; overflow: hidden; } .headerBox .headerNavBox .listBox .mainNavBox .rightImgBox p{ margin: 0 0 1.5rem; font-size: 1rem; color:var(--hColor); line-height: 1.85rem; } .headerBox .headerNavBox .listBox .mainNavBox .rightImgBox img{ width:100%; } .childSlideUp{ transform: translateY(-100%) !important; transition:0.35s ease-in-out; } .childSlideDown{ transform: translateY(8rem) !important; transition:0.35s ease-in-out; } @media only screen and (max-width: 768px) { .headerBox{ position:absolute; top:0; right:0; } .headerBox .mobileNavBox{ display:block; } .headerBox .mobileNavBox .iconfont{ display:none; position: relative; top: 0; right:0; font-size:1.25rem; color:var(--hColor); line-height:5rem; } .headerBox .mobileNavBox .icon-menu1{ display:block; } .headerBox .headerNavBox{ display: block; position: fixed; top: 5rem; left: 0; width: 100vw; height: calc(100% - 5rem); background: rgba(51,51,51,0.98); transform: translateX(101%); transition: 0.35s ease-in-out; z-index: 80; } .headerBox .headerNavBox .listBox .mainNavBox{ display: block; top: 0; position:relative; left:0; height:0; padding: 0; background:transparent; transform: translate(110%,0%); border: none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox{ width:100%; padding: 0 !important; box-shadow: none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .titleBox{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox{ display: block; margin: 0; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li{ width:100%; margin: 0; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li{ margin:0; padding: 0; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li .sign{ display:none; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li h2{ width:100%; line-height:3.5rem; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li h2{ padding:0 0 0 1rem; font-size:0.875rem; color:var(--fColor); line-height:3.5rem; border-bottom: 1px solid rgba(255,255,255,0.05); } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li h2 .iconfont{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox .rightImgBox{ display:none; } .headerBox .headerNavBox .listBox{ width:100%; justify-content: flex-start; } .headerBox .headerNavBox .listBox .list{ position:relative; width:100%; margin:0; padding: 0 2rem; border: none; } .headerBox .headerNavBox .listBox .list:nth-last-child(2){ display:block; } .headerBox .headerNavBox .listBox .list:nth-last-child(1){ display:block; } .headerBox .headerNavBox .listBox .list h1{ font-size: 0.875rem; color: var(--fColor); line-height: 3.5rem; border-bottom: 1px solid rgba(255,255,255,0.05); z-index: 0; } .headerBox .headerNavBox .listBox .list h1:before{ display:none; } .headerBox .headerNavBox .listBox .list .iconfont{ display: none; position:absolute; top: 0; right:2rem; font-size:0.7rem; color:var(--fColor); line-height:4rem; opacity:0.25; } .headerBox .headerNavBox .listBox .list .icon-down{ display:block; } } @media only screen and (min-width:769px) and (max-width:1024px){ .headerBox{ position:absolute; top:0; right:0; } .headerBox .mobileNavBox{ display:block; } .headerBox .mobileNavBox .iconfont{ display:none; position: relative; top: 0; right:0; font-size:1.25rem; color:var(--hColor); line-height:5rem; } .headerBox .mobileNavBox .icon-menu1{ display:block; } .headerBox .headerNavBox{ display: block; position: fixed; top: 5rem; left: 0; width: 100vw; height: calc(100% - 5rem); background: rgba(51,51,51,0.98); transform: translateX(101%); transition: 0.35s ease-in-out; z-index: 80; } .headerBox .headerNavBox .listBox .mainNavBox{ display: block; top: 0; position:relative; left:0; height:0; padding: 0; background:transparent; transform: translate(110%,0%); border: none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox{ width:100%; padding: 0 !important; box-shadow: none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .titleBox{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox{ display: block; margin: 0; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li{ width:100%; margin: 0; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li{ margin:0; padding: 0; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li .sign{ display:none; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li h2{ width:100%; line-height:3.5rem; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li h2{ padding:0 0 0 1rem; font-size:0.875rem; color:var(--fColor); line-height:3.5rem; border-bottom: 1px solid rgba(255,255,255,0.05); } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li h2 .iconfont{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox .rightImgBox{ display:none; } .headerBox .headerNavBox .listBox{ width:100%; justify-content: flex-start; } .headerBox .headerNavBox .listBox .list{ position:relative; width:100%; margin:0; padding: 0 2rem; border: none; } .headerBox .headerNavBox .listBox .list:nth-last-child(2){ display:block; } .headerBox .headerNavBox .listBox .list:nth-last-child(1){ display:block; } .headerBox .headerNavBox .listBox .list h1{ font-size: 0.875rem; color: var(--fColor); line-height: 3.5rem; border-bottom: 1px solid rgba(255,255,255,0.05); z-index: 0; } .headerBox .headerNavBox .listBox .list h1:before{ display:none; } .headerBox .headerNavBox .listBox .list .iconfont{ display: none; position:absolute; top: 0; right:2rem; font-size:0.7rem; color:var(--fColor); line-height:4rem; opacity:0.25; } .headerBox .headerNavBox .listBox .list .icon-down{ display:block; } } @media only screen and (min-width: 1025px) and (max-width: 1280px){ .childSlideDown{ transform: translateY(6rem) !important; } .headerBox .headerNavBox .listBox .mainNavBox{ padding:0 2rem; } .headerBox .headerNavBox{ margin: 0; } .headerBox .headerNavBox .listBox .list{ width: calc(100%/7); margin: 2.5rem 0; padding: 0; } .headerBox .headerNavBox .listBox .list:nth-last-child(1){ display:block; } .headerBox .headerNavBox .listBox .list h1{ text-align:right; } .headerBox .headerNavBox .listBox .list h1:before{ display:none; } } @media only screen and (min-width: 1281px) and (max-width: 1366px){ .headerBox .headerNavBox .listBox .mainNavBox{ padding:0 2rem; } .headerBox .headerNavBox{ margin: 0; } .headerBox .headerNavBox .listBox .list{ width: calc(100%/8); margin: 2.5rem 0; padding: 0; } .headerBox .headerNavBox .listBox .list:nth-last-child(1){ display:block; } .headerBox .headerNavBox .listBox .list h1{ text-align:right; } .headerBox .headerNavBox .listBox .list h1:before{ display:none; } .headerBox .headerNavBox .listBox .list:nth-last-child(1){ border:none; display: block; } } @media only screen and (min-width: 1367px) and (max-width: 1440px){ .headerBox .headerNavBox .listBox .mainNavBox{ padding:0 2rem; } } @media only screen and (min-width: 1441px) and (max-width: 1744px){ .headerBox .headerNavBox .listBox .mainNavBox{ padding:0 2rem; } }@media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001{ min-height:500px; 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){ }.footerNavBox{ position:relative; border-top: 0px solid rgba(255,255,255,0.1); border-bottom: 0px solid rgba(255,255,255,0.1); overflow: hidden; } .footerNavBox .navBox{ display: -webkit-flex; display:flex; width: calc(100% + 0rem); margin: 2rem auto; justify-content: flex-start; position:relative; } .footerNavBox .navBox .nav{ position:relative; width: auto; margin: 0 8rem 0 0; } .footerNavBox .navBox .nav:nth-child(1){ display:none; } .footerNavBox .navBox .nav:before{ display: none; content:" "; position:absolute; top:0; left:0; width: 12%; height:1px; background:var(--lineColor); transition:0.35s ease-in-out; } .footerNavBox .navBox .nav:hover:before{ width: 80%; transition:0.35s ease-in-out; } .footerNavBox .navBox .nav h2{ width:100%; margin: 0 0 2rem; font-size: 1.125rem; color:var(--fColor); text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .footerNavBox .navBox .nav .childBox{ position:relative; } .footerNavBox .navBox .nav .childBox .child{ position:inherit; } .footerNavBox .navBox .nav:nth-child(4) .child{ width: calc(100%/1) !important; float:left; } .footerNavBox .navBox .nav .childBox .child h3{ width:100%; margin: 0 0 1rem; font-size: 0.875rem; color: #808080; transition:0.35s ease-in-out; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .footerNavBox .navBox .nav .childBox .child:hover h3{ color:var(--fColor); transition:0.35s ease-in-out; } @media only screen and (max-width: 768px){ .footerNavBox{ display:none; } .footerNavBox .navBox{ flex-wrap: wrap; text-align: center; margin: 0 0 2rem; } .footerNavBox .navBox .nav:before{ display:none; } .footerNavBox .navBox .nav h2{ margin:1rem auto 2rem; } .footerNavBox .navBox .nav{ display: inline-block; width: calc(100%/2); } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .footerNavBox .navBox{ width: 100%; margin: 3rem auto 1rem; padding: 0; } .footerNavBox .navBox .nav{ text-align: center; width: calc(100%/6); margin: 0; } .footerNavBox .navBox .nav h2{ margin:0rem auto 2rem; } .footerNavBox .navBox .nav:nth-child(4) .child{ width: 100% !important; float: none; } .footerNavBox .navBox .nav .childBox .child h3{ line-height:2; } } @media only screen and (max-width: 1280px) and (min-width:1025px){ .footerNavBox .navBox .nav{ text-align: center; width: calc(100%/7); margin: 0; } .footerNavBox .navBox .nav h2{ margin:0rem auto 2rem; } .footerNavBox .navBox .nav:nth-child(4) .child{ width: 100% !important; float: none; } } @media only screen and (max-width: 1366px) and (min-width:1281px){ .footerNavBox .navBox .nav{ text-align: center; width: calc(100%/7); margin: 0; } .footerNavBox .navBox .nav h2{ margin:0rem auto 2rem; } .footerNavBox .navBox .nav:nth-child(4) .child{ width: 100% !important; float: none; } } @media only screen and (max-width: 1440px) and (min-width:1367px){ .footerNavBox .navBox .nav{ text-align: center; width: calc(100%/7); margin: 0; } .footerNavBox .navBox .nav h2{ margin:0rem auto 2rem; } .footerNavBox .navBox .nav .childBox .child h3{ line-height:2; } } @media only screen and (max-width: 1680px) and (min-width:1441px){ .footerNavBox .navBox .nav{ text-align: center; width: calc(100%/7); margin: 0; } .footerNavBox .navBox .nav h2{ margin:0rem auto 2rem; } .footerNavBox .navBox .nav .childBox .child h3{ line-height:2; } } .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(../image/camera.png) no-repeat center; }.w_grid-001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 12rem; width: 100%; } .w_grid-001 > .w_grid{ width: 100%; position: relative; } .w_grid-001 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell{ float: left; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-001 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-001 > 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-001 > div > .p_gridbox > .p_gridCell{ width: 49.5%; margin-left: 1%; margin-top: 0.6rem; margin-bottom: 0.6rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.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; }  #w_grid-1633939955962{ position:fixed !important; top:0; left:0; width:100%; background:#0089e1; box-shadow: 1px 2px 8px rgba(0,0,0,0.1); z-index:100; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:24% !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width: 64% !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 12% !important; }  #w_common_text-1633942348441 p span span{ line-height:2rem !important; } #w_common_text-1634632958314{ position: relative !important; z-index:1; } #w_common_text-1641463718954:after{ content:" "; position: absolute; left: 50%; bottom: -1rem; width:2rem; height:2px; margin: 0 0 0 -1rem; background: var(--bColor); transition:0.35s ease-in-out; z-index:2; } #w_common_text-1634632958314:after{ content:" "; position: absolute; left: 50%; bottom: -1rem; width:2rem; height:2px; margin: 0 0 0 -1rem; background: var(--bColor); transition:0.35s ease-in-out; z-index:2; } #w_grid-1634632915712:hover #w_common_text-1634632958314:after{ width:6rem; margin: 0 0 0 -3rem; transition:0.35s ease-in-out; }  #w_common_text-1634787669980{ position: relative !important; z-index:1; } #w_common_text-1634787669980:after{ content:" "; position: absolute; left: 50%; bottom: -1rem; width:2rem; height:2px; margin: 0 0 0 -1rem; background: var(--bColor); transition:0.35s ease-in-out; z-index:2; } #w_grid-1634632915712:hover #w_common_text-1634787669980:after{ width:6rem; margin: 0 0 0 -3rem; transition:0.35s ease-in-out; }  #w_common_text-1634796152980{ position: relative !important; border-top:0px solid #e3e3e3; z-index:1; } #w_common_text-1634796152980:after{ content:" "; position: absolute; left: 50%; bottom: -1rem; width:2rem; height:2px; margin: 0 0 0 -1rem; background: var(--bColor); transition:0.35s ease-in-out; z-index:2; } #w_grid-1634632915712:hover #w_common_text-1634796152980:after{ width:6rem; margin: 0 0 0 -3rem; transition:0.35s ease-in-out; }  #w_common_text-1634798512742{ position: relative !important; border-top:0px solid #e3e3e3; z-index:1; } #w_common_text-1634798512742:after{ content:" "; position: absolute; left: 50%; bottom: -1rem; width:2rem; height:2px; margin: 0 0 0 -1rem; background: var(--bColor); transition:0.35s ease-in-out; z-index:2; } #w_grid-1634632915712:hover #w_common_text-1634798512742:after{ width:6rem; margin: 0 0 0 -3rem; transition:0.35s ease-in-out; }  #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ border-right:1px solid rgba(255,255,255,0.1); } #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ border-right:1px solid rgba(255,255,255,0.1); } #w_common_text-1633941606240{ padding:0 0 0 2rem; background:url("../image/footerTelIcons.png") no-repeat left; } @media only screen and (max-width: 768px){ #w_grid-1634625653045 .reset_style p { margin: 0; font-size: 14px; text-align: center !important; } .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; }  #w_grid-1633939955962{ height:5rem !important; } #w_fimg-1633940071135{ width: 18rem !important; margin: .5rem 0 !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width: 50% !important; float: l; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width: 50% !important; float: right; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ display:none; }  #w_grid-1633942327379{ margin: 3rem auto 2rem !important; } #w_common_text-1633943369723 span{ font-size:1rem !important; } #w_common_text-1633942350259 span{ font-size:0.875rem !important; line-height: 2rem; } #w_grid-1634632915712{ margin: 1rem auto !important; }  #w_grid-1633943462966{ margin:3rem auto 2rem !important; } #w_common_text-1633943462974 p span{ font-size:1rem !important; } #w_common_text-1633943462977 span{ font-size:0.875rem !important; line-height: 2rem; }  #w_grid-1634788440765 .reset_style p{ text-align: left !important; } #w_grid-1633944580775{ margin: 3rem auto 2rem !important; } #w_common_text-1633944580789{ display:none; } #w_grid-1633944668887{ margin:0 !important; } #c_portalResPublic_codeContainer-16339447816592202{ margin: 3rem auto 0 !important; }  #w_common_text-1634796152980{ margin: 0 0 3rem !important; padding: 3rem 0 0 !important; } #c_portalResProduct_list-16347969212738065{ margin:0 auto 4rem !important; }  #w_common_text-1634798512742{ padding: 3rem 0 0 !important; }  #w_common_text-1634803424916{ padding:4rem 0 0 !important; } #w_grid-1633946262095{ margin: 3rem auto 2rem !important; } #w_common_text-1633946262103 p span{ font-size:1rem !important; } #w_common_text-1633946262105 span{ font-size:0.875rem !important; line-height: 2rem; }  #w_common_text-1633941606240{ display:none; } #w_grid-1633941050933{ display:none; } #w_grid-1634625653045{ margin:0rem auto !important; } #w_grid-1633940903127 .reset_style p{ text-align: center !important; } #w_fimg-1633941421929{ margin:4rem auto 0 !important; } #w_fimg-1633940988617{ margin:2rem auto !important; } #w_grid-1633941585030{ margin: 0rem !important; } #w_common_text-1633941606240 p{ text-align: center !important; margin:0 0 1rem; color:var(--fColor); } #w_common_text-1633941607864 p{ text-align: center !important; } #w_common_text-1633941606240 p span{ text-align:center; color:var(--fColor); line-height: 1.55rem; } #w_common_text-1633941607864 p span a span{ color:var(--fColor) !important; line-height: 1.55rem; } } @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_grid-1633939955962{ height:5rem !important; } #w_fimg-1633940071135{ width: 20rem !important; margin: .3rem 0 !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width: 12rem !important; float: l; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width: 50% !important; float: right; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ display:none; }  #w_grid-1634632915712{ margin: 4rem auto 2rem !important; } #w_grid-1633942327379{ margin: 3rem auto 2rem !important; } #w_common_text-1633943369723 p{ text-align:right !important; } .reset_style p{ text-align: center !important; } #w_common_text-1633943369723 span{ font-size:1rem !important; } #w_common_text-1633942350259 span{ font-size:0.875rem !important; line-height: 2rem; }  #w_grid-1633943462966{ margin:3rem auto 2rem !important; } #w_common_text-1633943462974 p span{ font-size:1rem !important; } #w_common_text-1633943462977 span{ font-size:0.875rem !important; line-height: 2rem; } #w_common_text-1633943462974 p{ text-align:right !important; }  #w_grid-1634788440765{ margin: 4rem auto 3rem !important; } #w_common_text-1633944580789{ display:none; } #w_grid-1633944668887{ margin:0 !important; } #w_common_text-1633944580787 p{ text-align:right !important; } #w_grid-1634788046444> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1634788046444> div > .p_gridbox > .p_gridCell:nth-child(2n+2){ width:100% !important; } #w_grid-1634788046444 .reset_style p { text-align: left !important; } #c_portalResPublic_codeContainer-16339447816592202{ margin: 2rem 0 3rem !important; }  #w_common_text-1634798512742{ padding: 4rem 0 0 !important; }  #w_grid-1633946262095{ margin: 3rem auto 2rem !important; } #w_common_text-1633946262103 p span{ font-size:1rem !important; } #w_common_text-1633946262105 span{ font-size:0.875rem !important; line-height: 2rem; } #w_common_text-1633946262103 p{ text-align:right !important; } #w_common_text-1634796152980{ margin: 0 0 4rem !important; padding: 3rem 0 0 !important; } #c_portalResProduct_list-16347969212738065{ margin:0 0 6rem !important; }  #w_grid-1634029659344> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; }  #w_grid-1634031914658> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; }  #w_grid-1635847702491> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1635847702491> div > .p_gridbox > .p_gridCell:nth-child(2n+2){ width:100% !important; }  #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ display:none; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+2){ width:100% !important; } } @media only screen and (max-width:1280px) and (min-width: 1025px){  #w_grid-1633939955962{ height:6rem !important; } #w_grid-1633939955962 #w_fimg-1633940071135{ margin: 1.5rem 0; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:76% !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ display:none; }  #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display: none; width:32% !important; } #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 84% !important; }  #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display: none; width:32% !important; } #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 84% !important; }  #w_grid-1634788046444> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1634788046444> div > .p_gridbox > .p_gridCell:nth-child(2n+2){ width:100% !important; } #w_grid-1633944668887{ margin:0 !important; } #w_common_text-1633945922779 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }  #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display:none; width:16% !important; } #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width:84% !important; }  #w_grid-1635847702491> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1635847702491> div > .p_gridbox > .p_gridCell:nth-child(2n+2){ width:100% !important; } } @media only screen and (max-width:1366px) and (min-width: 1280px){  #w_grid-1633939955962{ height:6rem !important; } #w_grid-1633939955962 #w_fimg-1633940071135{ margin: 1.5rem 0; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 76% !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3) { width: 6% !important; }  #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display: none; width:32% !important; } #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 84% !important; }  #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display: none; width:32% !important; } #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 84% !important; }  #w_grid-1633944580775> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633944580775> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display:none; } #w_common_text-1633945922779 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }  #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display:none; width:16% !important; } #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width:84% !important; } } @media only screen and (max-width:1440px) and (min-width:1367px){  #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 60% !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3) { width: 16% !important; }  #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display: none; width:32% !important; } #w_grid-1633942327379> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 84% !important; }  #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display: none; width:32% !important; } #w_grid-1633943462966> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 84% !important; }  #w_grid-1633944580775> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633944580775> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display:none; } #w_common_text-1633945922779 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }  #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:16% !important; } #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ display:none; width:16% !important; } #w_grid-1633946262095> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width:84% !important; } } @media only screen and (max-width:1680px) and (min-width:1441px){  #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 62% !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3) { width: 14% !important; } }.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; }#onLineBox{ display: flex; position: fixed; padding: 0; right: 0; bottom:2rem; height: auto; background: #fff; overflow: hidden; cursor:default; flex-wrap: wrap-reverse; box-shadow:1px 4px 16px rgba(0,0,0,0.1); z-index: 100; } #onLineBox a{ text-decoration:none; } #onLineBox .iconBox{ position: relative; text-align: center; width: 7rem; height: 2rem; margin:0 -1px 0 0; padding: 0.5rem 0; line-height:2rem; box-shadow:1px 4px 16px rgba(0,0,0,0.1); border:1px solid #efefef; border-radius:0; transition:0.35s ease-in-out; overflow: hidden; } #onLineBox .iconBox:hover .iconfont:before{ color:red; transition:0.35s ease-in-out; } #onLineBox .iconBox .iconfont:before{ padding:0 0.25rem 0 0; font-size:0.875rem; color:#999; } #onLineBox .iconBox span{ font-size:0.875rem; color:#1c1c1c; } #onLineBox .onLineContentBox{ position:relative; width: auto; height: 12rem; margin: 0; border:1px solid #efefef; box-shadow:1px 4px 16px rgba(0,0,0,0.1); transform: translateX(0%); transition:0.35s ease-in-out; overflow:hidden; } #onLineBox .onLineContentBox .contactBox{ position:relative; text-align:center; width:4rem; height: 4rem; padding: 0; border-top:1px solid #efefef; cursor: pointer; } #onLineBox .onLineContentBox .listBox{ position:relative; } #onLineBox .onLineContentBox .listBox:hover .iconfont{ color: var(--bColor); transition:0.35s ease-in-out; } #onLineBox .onLineContentBox .contactBox .iconfont{ display: block; height: auto; padding: 0.8rem 0 0.25rem 0; font-size: 1.25rem; color: #1c1c1c; line-height:1; transition:0.35s ease-in-out; } #onLineBox .onLineContentBox .contactBox span{ display: block; font-size: 0.7rem; color:#1c1c1c; line-height: 1rem; } #onLineBox .onLineContentBox .wechatBox{ position:relative; text-align:center; width:4rem; height: 4rem; padding: 0; border-top:1px solid #efefef; cursor: pointer; } #onLineBox .onLineContentBox .wechatBox .iconfont{ display: block; height: auto; padding: 0.8rem 0 0.25rem 0; font-size: 1.25rem; color: var(--hColor); line-height:1; } #onLineBox .onLineContentBox .wechatBox span{ display: block; font-size: 0.7rem; color: var(--hColor); line-height: 1rem; } #onLineBox .onLineContentBox .topBackBox{ position:relative; text-align:center; width:4rem; height: 4rem; padding: 0; border-top:1px solid #efefef; } #onLineBox .onLineContentBox .topBackBox .iconfont{ display: block; height: auto; padding: 0.9rem 0 0 0; font-size: 1rem; color: var(--hColor); line-height:1; } #onLineBox .onLineContentBox .topBackBox span{ display: block; font-size: 0.875rem; color: var(--hColor); line-height: 1rem; cursor: pointer; } #onLineBox .contactAlertBox{ display: none; position: fixed; right: 4rem; width: 0; height: auto; padding: 0; background: #fff; border:1px solid #efefef; box-shadow:1px 4px 16px rgba(0,0,0,0.1); transition:0.35s ease-in-out; z-index: 100; } #onLineBox .contactAlertBox .listBox{ margin:0 0 1rem; padding:0 0 1rem; border-bottom:1px solid #efefef; } #onLineBox .contactAlertBox .listBox:nth-last-child(1){ margin: 0; padding: 0; border-bottom:transparent; } #onLineBox .contactAlertBox .listBox .iconfont{ position:relative; color:#999; transition:0.35s ease-in-out; } #onLineBox .contactAlertBox .listBox:hover .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } #onLineBox .contactAlertBox .listBox .iconfont:before{ margin:0 0.25rem 0 0; } #onLineBox .contactAlertBox .listBox a{ color:#1c1c1c; transition:0.35s ease-in-out; } #onLineBox .wechatCodeBox{ display: none; text-align:center; position: fixed; right: 4rem; width: 0; padding: 0; background: #fff; border: 1px solid #efefef; box-shadow:1px 4px 16px rgba(0,0,0,0.1); transition:0.35s ease-in-out; opacity:0; overflow: hidden; z-index: 100; } #onLineBox .wechatCodeBox .listBox{ margin:0 0 1rem; padding:0 0 1rem; border-bottom:1px solid #efefef; } #onLineBox .wechatCodeBox .listBox:nth-last-child(1){ margin:0; padding:0; border-bottom:none; } #onLineBox .wechatCodeBox img{ width:100%; } #onLineBox .wechatCodeBox span{ display: block; font-size:0.7rem; line-height: 2; } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; margin: 0px auto; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResSearch_total-16339400889091433{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:70px; 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-16339401551797749{ 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_portalResnav_main-16339404936214143{ 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_portalResnav_main-16339411600533481{ width:auto; 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:32px; padding-right:32px; padding-bottom:0px; } #c_portalResOnlineService_categorylay-16340622855180341{ 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-1633939955962 > 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-1633939967436 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1633939967436 >div{ animation-fill-mode:both; } #w_grid-1633939967436 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1633939967436> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:9.700000000000001%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:23.599999999999998%; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:66.69%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1633940071135 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1633940071135 >div{ animation-fill-mode:both; } #w_grid-1633939956783 > 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-1633939957776 > div > .p_gridbox{ background-color:rgba(0, 0, 0, 1); } #w_grid-1633939957776 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1633939957776 >div{ animation-fill-mode:both; } #w_grid-1633939957776 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1633939957776> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1633939957776> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1633939957776> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1633939957776> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1633939957776> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633939957776> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1634625653045 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1634625653045 >div{ animation-fill-mode:both; } #w_grid-1634625653045 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n+1) { border-right: 0px solid rgba(255,255,255,0.1)!important; } #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { border-right: 0px solid rgba(255,255,255,0.1)!important; } } @media only screen and (min-width: 769px){ #w_grid-1634625653045> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:33.33333333333333%; } #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1634625653045> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1633940988617 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1633940988617 >div{ animation-fill-mode:both; } #w_grid-1633941050933 > 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_fline-1641295701139 .p_FLine{ border-top-color:rgba(255, 255, 255, 0.1); } #w_fline-1641295701139 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1641295701139 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1641295701139 >div{ animation-fill-mode:both; } #w_grid-1641295289122 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1641295289122 >div{ animation-fill-mode:both; } #w_grid-1641295289122 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1641295289122> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:1%; } #w_grid-1641295289122> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:24.1461%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1641295289122> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:74.8539%; } #w_grid-1641295289122> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1641295329014 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1641295329014 >div{ animation-fill-mode:both; } #w_grid-1641295329014 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1641295329014> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:5%; } #w_grid-1641295329014> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:42.5%; margin-left:5%; margin-right:0px; clear:none; } #w_grid-1641295329014> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ clear:left; margin-left:5%; margin-right:0px; width:42.5%; } #w_grid-1641295329014> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:5%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1641295329014> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:1%; } #w_grid-1641295329014> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:48.5%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1641295329014> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ clear:left; margin-left:1%; margin-right:0; width:48.5%; } #w_grid-1641295329014> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:1%; } } #w_fimg-1641295347531 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1641295347531 >div{ animation-fill-mode:both; } #w_fimg-1641295429005 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1641295429005 >div{ animation-fill-mode:both; } #w_fline-1641295730731 .p_FLine{ border-top-color:rgba(255, 255, 255, 0.1); } #w_fline-1641295730731 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1641295730731 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1641295730731 >div{ animation-fill-mode:both; } #w_grid-1633941585030 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1633941585030 >div{ animation-fill-mode:both; } #w_grid-1633941585030 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1633941585030> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:60.160000000000004%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:39.839999999999996%; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1633941585030> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:29.630000000000003%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:70.37%; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1633939955962{ position:fixed; top:0px; left:0px; bottom:auto; right:auto; transform:none; width:100%; height:auto; z-index:100; content:normal; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; -webkit-transform:none; } #w_grid-1633939967436{ width:100%; max-width:100%; 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:32px; padding-right:32px; padding-bottom:0px; } #w_fimg-1633940071135{ width:100%; max-width:488px; min-width:0px; height:auto; max-height:none; min-height:50px; margin-top:5px; margin-left:0px; margin-right:auto; margin-bottom:5px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1633939956783{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:600px; 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-1633939957776{ 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-1634625653045{ width:94%; max-width:1600px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:32px; padding-right:32px; padding-bottom:0px; } #w_fimg-1633940988617{ width:100%; max-width:300px; min-width:0px; height:auto; max-height:100%; 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-1634625734142{ 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_common_text-1634625765111{ 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-1633941050933{ 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_fline-1641295701139{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:10px; 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-1641295289122{ width:94%; 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:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1641295329014{ width:100%; max-width:300px; 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-1641295347531{ 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-1641295429005{ 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_fline-1641295730731{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:10px; 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-1633941585030{ width:94%; max-width:1600px; 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:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; } #w_common_text-1633941606240{ 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:32px; padding-right:0px; padding-bottom:0px; } #w_common_text-1633941607864{ 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; }