html,body{margin: 0;padding: 0;} .pagebox{position:relative;background-color:rgba(255, 251, 243, 1); }@import url('https://fonts.font.im/css?tenantId=167539&viewType=1&v=1650609672000&family=Oswald'); body{overflow-x:hidden; overflow-y:visible;} a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} .e_FlowCommonStyleBox-001 .title_main { line-height: 80px !important; font-weight: bold !important; font-size: 24px !important; } .e_FlowCommonStyleBox-001 .stylebox_top { height: 80px !important; background-color: #4cb3e7 !important; } .e_FlowCommonStyleBox-001 .stylebox_title { background-color: #4cb3e7 !important; } #c_portalResnav_main-15822730569074598 { left: 50% !important; } #c_portalResProduct_category-15929604634200591 .yjLink { font-size: 16px !important; } .e_SideMajorStyleBox-001 .stylebox_title { background-color: rgb(76, 179, 231) !important; } .e_SideMajorStyleBox-001 .stylebox_top { height: 80px !important; background-color: rgb(76, 179, 231) !important; } .e_SideMajorStyleBox-001 .title_main { line-height: 80px !important; font-weight: bold !important; font-size: 24px !important; } textarea::-webkit-input-placeholder{ color:#999 !important; } textarea::-moz-placeholder{  color:#999 !important; } textarea:-moz-placeholder{  color:#999 !important; } textarea:-ms-input-placeholder{  color:#999 !important; } input::-webkit-input-placeholder{ color:#999 !important; } input::-moz-placeholder{  color:#999 !important; } input:-moz-placeholder{  color:#999 !important; } input:-ms-input-placeholder{  color:#999 !important; }  @media only screen and (min-width: 769px) { #w_grid-1587364945068 { left: 50% !important; } #c_portalResSearch_total-15873649464835616 .e_box.p_headbox.active{ overflow:hidden !important; } #c_portalResSearch_total-15873726180526052 .e_box.p_headbox.active{ overflow:hidden !important; } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #e10b0b; border-color: #e10b0b; color: #fff; } .p_page .pre:hover { color: #fff; background: #e10b0b; border-color: #e10b0b; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #e10b0b; border-color: #e10b0b; color: #fff; } .p_page .next:hover { background: #e10b0b; border-color: #e10b0b; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #e10b0b; border-color: #e10b0b; } .p_page .pageNum:hover { color: #fff; border-color: #e10b0b; cursor: pointer; text-decoration: none; background-color: #e10b0b; } .p_page .pageNum.active { text-decoration: none; background-color: #e10b0b; color: #fff; border-color: #e10b0b; } #c_portalResSearch_total-15846148917420599 { overflow: hidden !important; } } @media only screen and (max-width: 1440px) { #c_portalResnav_main-15638662660033168 .header1 h1 { width: 100% !important; max-width: 330px !important; } #c_portalResnav_main-15638662660033168 .header1 h1 img { top: 25% !important; } #w_grid-1585575444027 { margin-top: -150px !important; } #w_grid-1585578522819 { margin-top: -100px !important; } } @media screen and (max-width: 768px) { .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont { color: #ddd !important; } .p_pagebox .js_pageBtnDisable:hover .iconfont { color: #bfbfbf !important; } .p_pagebox .pre { width: 48%; margin-right: 2%; background-color: #e10b0b; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #e10b0b; background-color: #e10b0b; cursor: pointer; } .p_pagebox .pre:active { background-color: #e10b0b; } .p_pagebox .next { width: 48%; margin-left: 2%; background-color: #e10b0b; } .p_pagebox .next:hover { background-color: #e10b0b; } .p_pagebox .next:active { background-color: #e10b0b; } #w_grid-1587364945142 > div > .p_gridbox > .p_gridCell:nth-child(n+1) > .w_fimg-000 { width: 200px !important; margin-top: 28px !important; } #w_grid-1587372616623 > div > .p_gridbox > .p_gridCell:nth-child(n+1) > .w_fimg-000 { width: 200px !important; margin-top: 28px !important; } #w_grid-1587364945142 > div > .p_gridbox > .p_gridCell:nth-child(n+1) > .c_portalResnav_main-01001 { height: 50px!important; line-height: 50px !important; } #w_grid-1587372616623 > div > .p_gridbox > .p_gridCell:nth-child(n+1) > .c_portalResnav_main-01001 { height: 50px!important; line-height: 50px !important; } #c_portalResSearch_total-15873649464884970 .language a { font-size: 20px !important; border: none !important; } #c_portalResSearch_total-15873726180521267 .language a { font-size: 20px !important; border: none !important; } #c_portalResnav_main-15873649464894787 .nav-ul >li { height: 50px !important; line-height: 50px !important; border-bottom: 1px dashed #444242; font-size: 20px !important; } #c_portalResnav_main-15873726180492165 .nav-ul >li { height: 50px !important; line-height: 50px !important; border-bottom: 1px dashed #444242; font-size: 20px !important; } #c_portalResSearch_total-15873649464884970 .p_contentBox { margin-top: 20px !important; } #c_portalResSearch_total-15873649464884970 .language { margin-top: 20px !important; } #c_portalResSearch_total-15873726180521267 .language a { font-size: 20px !important; border: none !important; color: #fff !important; float: left !important; margin-left: 10px !important; } #c_portalResSearch_total-15873726180521267 .language { margin-left: 10px; height: 40px; line-height: 40px; margin-top: 20px !important; } #c_portalResSearch_total-15873726180521267 input { width: calc(100% - 36px); height: 34px; line-height: 34px; padding: 0 10px; float: left; border: 0; outline: none; background: #fff; font-size: 14px; } #c_portalResSearch_total-15873726180521267 .e_box.p_contentBox { position: static; width: 220px !important; margin-left: 20px; border: 2px solid #0750a2; margin-bottom: 10px; background: #fff; overflow: hidden; margin-top: 20px; } #c_portalResSearch_total-15873726180521267 .e_btn.p_searchBtn { width: 36px !important; height: 34px !important; border: 0; outline: none; float: right; background: #fff !important; color: #eee !important; font-size: 24px; padding: 0; } #c_portalResSearch_total-15873726180521267 input::-webkit-input-placeholder {  color: #aab2bd;  font-size: 14px; } #w_grid-1587372616618 > div > .p_gridbox > div > div:nth-child(2) { top: 100px !important; background: rgba(0,0,0,0.8) !important; } #c_portalResnav_main-15873726180492165 .nav-ul >li > .iconJt { line-height: 70px !important; } #c_portalResnav_main-15873649464894787 .nav-ul >li > .iconJt { line-height: 70px !important; } #w_fvideo-1584958566943 video.e_video.e_video-000.p_video { width: auto !important; height: 100% !important; } #c_portalResNews_list-15820734679471356 .porTbox { height: 150px !important; } #c_portalResNews_list-15820734679471356 .lookDetail { display: none !important; } #c_portalResNews_list-15820734679471356 .newSummry { display: none !important; } #c_portalResNews_list-15820734679471356 .porBbox { height: 40px !important; padding: 5px !important; } #c_portalResNews_list-15820734679471356 .newLi { padding: 10px !important; } #w_grid-1564212988791 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { padding: 0px 15px !important; } #w_grid-1564220676031 { margin-left: 20px !important; margin-bottom: 0 !important; } #w_grid-1564220655750 div#content_box-1564220655750-1 { display: none; } #w_grid-1564221110292 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_grid-1564221180530 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_grid-1564221193457 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_grid-1564221210809 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_sfbox-1563853434791 video.e_video.e_video-000.p_video { width: auto !important; height: 100% !important; } #c_portalResnav_main-15873649464894787 .nav-list { left: 414px !important; } #c_portalResnav_main-15873649464894787 .cur .nav-list { transform: translateX(0); left: 0 !important; } #w_grid-1587364945107 > div > .p_gridbox > div > div:nth-child(2) { top: 100px !important; } #w_grid-1564038516242 { display: none !important; } #w_grid-1564038510332 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span { font-size: 20px !important; -webkit-line-clamp: 3 !important; } #w_grid-1564037124988 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-top: 20px !important; } #c_portalResNews_list-15820734679471356 .newContainer { margin: 0rem auto !important; } #w_tabswitchbox-1610353016672 > .layout_2 .p_box002 { padding: 10px !important; width: 100% !important; } #w_tabswitchbox-1610353016672 > .layout_2 .p_box001 { width: 100% !important; } }   ::-webkit-scrollbar { width: 0px; }  ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #b72024; }  @keyframes wSkewIn { from { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } to { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } } @keyframes wSkewOut { from { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } to { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } } .p_page .pageNum.active{ background-color:#0093dd; border-color:#0093dd; } .p_page .pageNum:hover{ background-color:#0093dd; border-color:#0093dd; } .p_page .next:hover{ background-color:#0093dd; border-color:#0093dd; } .p_page .pre:hover{ background-color:#0093dd; border-color:#0093dd; } .btn-primary{ background-color:#0093dd; border-color:#0093dd; } #c_portalResnav_main-15845869912527873 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResnav_main-15845869912527873 >div{ animation-fill-mode:both; } @media only screen and (min-width: 1024px){ #c_portalResnav_main-15845869912527873 .header-search-btn{ float:right; height:76px; padding:0 10px; cursor:pointer; } #c_portalResnav_main-15845869912527873 .header-search-btn.active { opacity:0; } #c_portalResnav_main-15845869912527873 .header-search-btn i{ display:flex; align-items:center; font-size:22px; color:#000; } #c_portalResnav_main-15845869912527873 .language{ display:flex; align-items:center; justify-content:center; height:76px; margin:0 10px; font-family:"Arial"; float:right; } #c_portalResnav_main-15845869912527873 .language a{ color:#000; margin:0 5px; } #c_portalResnav_main-15845869912527873 .nav-btn { float:right; margin:0 10px; display:flex; align-items:center; justify-content:center; height:76px; width:28px; cursor:pointer; } #c_portalResnav_main-15845869912527873 .head-nav{ float:right; position:relative; right:-30px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0px; -khtml-opacity:0px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; visibility:hidden; } #c_portalResnav_main-15845869912527873 .open .head-nav{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1px; -khtml-opacity:1px; right:0px; visibility:visible; } #c_portalResnav_main-15845869912527873 .head-nav>ul >li{ position:relative; float:left; height:76px; line-height:76px; font-size:16px; } #c_portalResnav_main-15845869912527873 .iconJt{ display:none; } #c_portalResnav_main-15845869912527873 .head-nav>ul >li >a{ position:relative; display:block; margin:0 10px; color:#000; transition:all 0.3s; -webkit-transition:all 0.3s; } #c_portalResnav_main-15845869912527873 .head-nav>ul >li >a em{ position:absolute; left:50%; bottom:0px; transform:translateX(-50%); width:0%; height:3px; background:#e3254c; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } #c_portalResnav_main-15845869912527873 .head-nav>ul >li:hover .nav-link em{ width:100%; } #c_portalResnav_main-15845869912527873 .nav-list{ position:absolute; left:50%; transform:translateX(-50%); width:234%; padding:10px 0; background:rgba(0,0,0,0.5); z-index:99; display:none; } #c_portalResnav_main-15845869912527873 .nav-list li{ height:36px; line-height:36px; text-align:center; } #c_portalResnav_main-15845869912527873 .nav-list li a{ display:block; color:#cecaca; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } #c_portalResnav_main-15845869912527873 .nav-list li a:hover{ color:#fff; background:rgba(0,0,0,0.3); } #c_portalResnav_main-15845869912527873 .back{ display:none; } } @media only screen and (max-width: 1024px){ #c_portalResnav_main-15845869912527873 .header-search-btn{ display:none; } #c_portalResnav_main-15845869912527873 .language{ display:none; } #c_portalResnav_main-15845869912527873 .head-nav{ display:none; } } #c_portalResnav_main-15873649464864373 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResnav_main-15873649464864373 >div{ animation-fill-mode:both; } @media only screen and (min-width: 1024px){ #c_portalResnav_main-15873649464864373 .header-search-btn{ float:right; height:76px; padding:0 10px; cursor:pointer; } #c_portalResnav_main-15873649464864373 .header-search-btn.active { opacity:0; } #c_portalResnav_main-15873649464864373 .header-search-btn i{ display:flex; align-items:center; font-size:22px; color:#000; } #c_portalResnav_main-15873649464864373 .language{ display:flex; align-items:center; justify-content:center; height:76px; margin:0 10px; font-family:"Arial"; float:right; } #c_portalResnav_main-15873649464864373 .language a{ color:#000; margin:0 5px; } #c_portalResnav_main-15873649464864373 .nav-btn { float:right; margin:0 10px; display:flex; align-items:center; justify-content:center; height:76px; width:28px; cursor:pointer; } #c_portalResnav_main-15873649464864373 .head-nav{ float:right; position:relative; right:-30px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0px; -khtml-opacity:0px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; visibility:hidden; } #c_portalResnav_main-15873649464864373 .open .head-nav{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1px; -khtml-opacity:1px; right:0px; visibility:visible; } #c_portalResnav_main-15873649464864373 .head-nav>ul >li{ position:relative; float:left; height:76px; line-height:76px; font-size:16px; } #c_portalResnav_main-15873649464864373 .iconJt{ display:none; } #c_portalResnav_main-15873649464864373 .head-nav>ul >li >a{ position:relative; display:block; margin:0 10px; color:#000; transition:all 0.3s; -webkit-transition:all 0.3s; } #c_portalResnav_main-15873649464864373 .head-nav>ul >li >a em{ position:absolute; left:50%; bottom:0px; transform:translateX(-50%); width:0%; height:3px; background:#e3254c; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } #c_portalResnav_main-15873649464864373 .head-nav>ul >li:hover .nav-link em{ width:100%; } #c_portalResnav_main-15873649464864373 .nav-list{ position:absolute; left:50%; transform:translateX(-50%); width:234%; padding:10px 0; background:rgba(0,0,0,0.5); z-index:99; display:none; } #c_portalResnav_main-15873649464864373 .nav-list li{ height:36px; line-height:36px; text-align:center; } #c_portalResnav_main-15873649464864373 .nav-list li a{ display:block; color:#fff !important; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } #c_portalResnav_main-15873649464864373 .nav-list li a:hover{ color:#fff; background:rgba(0,0,0,0.3); } #c_portalResnav_main-15873649464864373 .back{ display:none; } } @media only screen and (max-width: 1024px){ #c_portalResnav_main-15873649464864373 .header-search-btn{ display:none; } #c_portalResnav_main-15873649464864373 .language{ display:none; } #c_portalResnav_main-15873649464864373 .head-nav{ display:none; } }