.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((7rem - 1rem)/2); width: auto; height: 1rem; flex-wrap: wrap; } .searchIconBox .iconfont{ margin: 0 1rem 0; font-size: 1rem; color: var(--bColor); opacity: 0.8; transition:0.35s ease-in-out; } .searchIconBox .iconfont:hover{ color: var(--bColor); opacity: 1; transition:0.35s ease-in-out; } .searchIconBox .iconfont:before{ margin:0 0.5rem 0 0; } .searchIconBox .iconfont a{ font-weight:bold; color: var(--bColor); transition:0.35s ease-in-out; } .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; } .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; } .icon-tel01{ display:none; } .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; } .icon-tel01{ display:none; } .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: 3rem 0 3rem 2rem; padding:0 2rem 0 0; border-right:1px solid #e3e3e3; } .headerBox .headerNavBox .listBox .list h1{ position: relative; font-size:1rem; color:var(--hColor); 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:var(--bColor); transition:0.35s ease-in-out; } .headerBox .headerNavBox .listBox .list .iconfont{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox{ display: flex; position: fixed; top: 0rem; 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: 2rem 0; border-right: 1px solid #e3e3e3;  } .headerBox .headerNavBox .listBox .list:nth-child(3) .mainNavBox .leftNavBox{ padding: 4rem 0 1rem; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .titleBox{ font-weight: bold; font-size: 1.25rem; color: var(--bColor); } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox{ position: relative; margin: 1rem 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% - 4rem)/2) !important; margin: 0 2rem 0 0; padding: 0; 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: none; 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: inline-flex; font-size: 0.875rem; 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: 3rem; } .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%; max-width: 16rem; height: auto; } .childSlideUp{ transform: translateY(-100%) !important; transition:0.35s ease-in-out; } .childSlideDown{ transform: translateY(7rem) !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: 4.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; border: none; box-shadow: none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .titleBox{ display:none; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox{ display: flex; margin: 0; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li{ width:100%; margin: 0; } .headerBox .headerNavBox .listBox .mainNavBox .leftNavBox .childBox li a{ display:block; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li{ width: 100% !important; 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{ width: 100%; 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; } .headerBox .headerNavBox .listBox .list:nth-child(2) .mainNavBox .leftNavBox .childBox li .childTitle{ display:block; width: 100%; } } @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: 3rem 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%/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: 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;   overflow: hidden; } .footerNavBox .navBox{ display: -webkit-flex; display:flex; width: 100%; margin: 0; padding: 0; justify-content: flex-start; position:relative; } .footerNavBox .navBox .nav{ position:relative; width: calc(100%/5); margin: 0; } .footerNavBox .navBox .nav:nth-child(1){ display:none; } .footerNavBox .navBox .nav:nth-last-child(1){  } .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%/5); 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%/5); 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%/5); 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%/5); 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%/5); margin: 0; } .footerNavBox .navBox .nav h2{ margin:0rem auto 2rem; } .footerNavBox .navBox .nav .childBox .child h3{ line-height:2; } } .w_fimg-001 .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-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-001 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-001{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-001 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-001 .font { white-space: nowrap; } .w_fimg-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_fimg-001 .p_link002{ width:100%; height:30px; } .w_fimg-001 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-001 .e_image:hover:after { background: transparent; } .w_fimg-001 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=271904&viewType=1&v=000) no-repeat center; } .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=271904&viewType=1&v=000) 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; }  #w_grid-1633939955962{ position:fixed !important; top:0; left:0; width:100%; background: rgba(255,255,255,0.9); 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: 56% !important; } #w_grid-1633939967436> div > .p_gridbox > .p_gridCell:nth-child(3n+3){ width: 20% !important; } #w_fbtn-1644828380131{ width:100% !important; margin:2rem 0 4rem !important; }  #w_common_text-1644980176804{ border-left:1px solid #e3e3e3 !important; } #w_common_text-1647394589244{ margin:4rem auto !important; }  #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;  } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; }  #w_grid-1633939955962{ height: 4.5rem !important; } #w_fimg-1633940071135{ width: 10rem !important; margin: 1.2rem 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_common_text-1634632958314{ margin: 3rem auto 3rem !important; } #w_grid-1633942327379{ margin: 3rem auto 2rem !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-1634632915712{ margin: 0rem auto !important; }  #w_grid-1644827933656{ margin: 4rem auto 4rem !important; } #w_common_text-1644828303327{ padding:0 !important; }  #w_grid-1644829764661 .w_grid-000{ margin:2rem auto !important; } #w_grid-1644830641655{ margin:3rem auto !important; } #w_grid-1644830901532{ margin:3rem auto !important; }  #w_grid-1644830880189{ margin:0rem auto !important; } #w_common_text-1644831274189{ margin:4rem auto 2rem !important; }  #w_grid-1644980152417 .reset_style{ padding:0 2rem !important; }  #w_fimg-1633940988617{ margin:0 auto !important; } #w_grid-1644545563538{ margin: 4rem auto 2rem !important; } #w_fimg-1644545777546{ width: 40%; margin:2rem auto 0 !important; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){  #w_grid-1633939955962{ height:5rem !important; } #w_fimg-1633940071135{ width: 12rem !important; margin: 1.1rem 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; } .reset_style p{ text-align: center !important; }  #w_grid-1644827933656> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1644827933656> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; }  #w_grid-1644828804796 .reset_style{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #w_grid-1644830456338> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1644830456338> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; } #w_grid-1644830641655{ margin:0rem auto !important; padding:2rem !important; } #w_grid-1644830901522> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1644830901522> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; } #w_grid-1644830901532{ margin:0rem auto !important; padding:2rem !important; } #w_grid-1644829764661 .w_grid-000{ margin:4rem auto !important; }  #w_grid-1644830880189{ margin:0 !important; }  #w_grid-1644832257981> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1644832257981 p{ text-align: left !important; } #w_grid-1644980152417> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:30% !important; } #w_grid-1644980152417> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:70% !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-1644545563538{ margin: 4rem auto 4rem !important; } #w_fimg-1633940988617{ margin:0 auto !important; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:100% !important; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:100% !important; } #w_fimg-1644545777546{ display:none; } #w_grid-1633941585030{ margin:0 auto !important; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; margin:0 0 1rem !important; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; margin:0 0 1rem !important; } } @media only screen and (max-width:1280px) and (min-width: 1025px){  #w_grid-1633939955962{ height: 7rem !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-1644827933656> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1644827933656> div > .p_gridbox > .p_gridCell:nth-child(2n+1) p{ text-align:center !important; } #w_grid-1644827933656> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; }  #w_grid-1644830641655{ text-align:center; } #w_grid-1644830456338> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1644830456338> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; margin: -2rem auto 3rem !important; } #w_grid-1644830901532{ text-align:center; } #w_grid-1644830901522> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; margin:0rem auto 3rem !important; } #w_grid-1644830901522> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; }  #w_grid-1644830880189{ margin:0 !important; }  #w_grid-1644832257981> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1644832257981 p{ text-align: left !important; } #w_grid-1644980152417> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:30% !important; } #w_grid-1644980152417> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:70% !important; }  #w_grid-1644545563538{ margin: 4rem auto 4rem !important; } #c_portalResnav_main-16339411600533481{ margin:0 !important; padding:0 !important; } #w_fimg-1633940988617{ margin:0 auto !important; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ width:30% !important; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:70% !important; } #w_fimg-1644545777546{ display:none; } #w_grid-1633941585030{ margin:0 auto !important; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width: 60% !important; margin: 0 0 1rem !important; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n){ text-align: right; width: 40% !important; margin: 0 0 1rem !important; } #w_grid-1633941585030> div > .p_gridbox > .p_gridCell:nth-child(2n) p{ text-align: right; } } @media only screen and (max-width:1366px) and (min-width: 1281px){  #w_grid-1633939955962{ height: 7rem !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_fbtn-1644828380131{ margin:3rem 0 0 0 !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_fbtn-1644828380131{ margin:3rem 0 0 0 !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; } }#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; } #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; } #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; } #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; }@CHARSET "UTF-8"; *{ 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:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-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:1744px; 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-image:url(/img/footerBg.jpg?tenantId=271904&viewType=1&v=000); 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-1633939957776 .p_gridbox{ background-repeat:no-repeat; background-size:cover; } #w_grid-1644545563538 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1644545563538 >div{ animation-fill-mode:both; } #w_grid-1644545563538 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1644545563538> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:9.62%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:19.86%; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:70.50999999999999%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1644545563538> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:33.33333333333333%; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1644545563538> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } #w_fimg-1633940988617 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1633940988617 >div{ animation-fill-mode:both; } #w_fimg-1644545777546 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1644545777546 >div{ animation-fill-mode:both; } #w_fimg-1644545777546 .font{ margin:1rem auto 0; font-size:0.875rem; color:#565656; } #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:29.15%; 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:70.85000000000001%; } #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:276px; min-width:0px; height:auto; max-height:58px; min-height:0px; margin-top:28px; margin-left:0px; margin-right:auto; margin-bottom:28px; 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-1644545563538{ width:100%; max-width:1504px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:96px; margin-left:auto; margin-right:auto; margin-bottom:96px; padding-top:0px; padding-left:32px; padding-right:32px; padding-bottom:0px; } #w_fimg-1633940988617{ width:100%; max-width:280px; min-width:0px; height:auto; max-height:100%; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1644545777546{ width:124px; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1633941585030{ width:100%; max-width:1504px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:32px; margin-left:auto; margin-right:auto; margin-bottom:32px; padding-top:0px; padding-left:32px; padding-right:32px; padding-bottom:0px; } #w_common_text-1645064741302{ 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-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; }