body { opacity: 0; visibility: hidden; } body.wd-show { opacity: 1; visibility: visible; transition: 1s; overflow-x: hidden; } body.make { opacity: 1; visibility: visible; } .wd-right-float { position: fixed; top: 50%; right: 5px; z-index: 9999; transform: translateY(-50%); margin-top: 20vh; transition: 1s; display:none; } .wd-right-float.wd-hide { right: -100px; } .wd-right-float .wd-item { animation: fadeOut both; position: relative; } .wd-right-float .wd-item .wd-sub { position: absolute; top: 0px; left: 0px; height: 100%; display: flex; font-size: 16px; color: #fff; align-items: center; justify-content: center; z-index: -1; overflow: hidden; transform: translateX(-100%); visibility: hidden; } .wd-right-float .wd-item:hover .wd-sub { visibility: visible; } .wd-right-float .wd-item .wd-sub div { background-color: #333; display: flex; height: 100%; width: 180px; align-items: center; padding: 0px 20px; animation: fadeOutLeft 1s both; } .wd-right-float .wd-item:hover .wd-sub div { animation: fadeInLeft 1s 0s both; } .wd-right-float.wd-show .wd-item { animation: fadeInRight 1s 0s both; } .wd-right-float.wd-show .wd-item:nth-child(1) { animation-delay: 0.2s; } .wd-right-float.wd-show .wd-item:nth-child(2) { animation-delay: 0.3s; } .wd-right-float.wd-show .wd-item:nth-child(3) { animation-delay: 0.4s; } .wd-right-float.wd-show .wd-item:nth-child(4) { animation-delay: 0.5s; } .wd-right-float .wd-item a { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #1f2433; margin-bottom: 2px; } .wd-right-float .wd-item a svg { width: 30px; height: 30px; transition: 1s; } .wd-right-float .wd-item:hover a svg { transform: rotateY(180deg); } .wd-right-float .wd-item a svg path { fill: #fff; } @media(max-width: 768px) { .wd-right-float { display:none; } } @media(max-width: 768px) { #w_grid-1605148098702> div > .p_gridbox > .p_gridCell { margin:0; } #c_portalResNews_list-16051480987827619 .p_news { padding: 0; } } .wd #c_portalResEbizads_banner-15889873499571493 { transform: scale(0.8); opacity: 0; } .wd-show #c_portalResEbizads_banner-15889873499571493 { transform: scale(1); opacity: 1; transition: 1s; } .wd .wd--nav { opacity: 0; } .wd-show .wd--nav { animation: fadeInDown 1s 0.2s both; } .wd-show .wd--nav:nth-child(2) { animation-delay: 0.3s; } .wd-show .wd--nav:nth-child(3) { animation-delay: 0.4s; } .wd-show .wd--nav:nth-child(4) { animation-delay: 0.5s; } .wd-show .wd--nav:nth-child(5) { animation-delay: 0.6s; } .wd-show .wd--nav:nth-child(6) { animation-delay: 0.7s; } .wd-show .wd--nav:nth-child(7) { animation-delay: 0.8s; } .wd-show .wd--nav:nth-child(8) { animation-delay: 0.9s; } .wd-show .wd--nav:nth-child(9){ animation-delay: 1s; } .wd--header-tel { opacity: 0; } .wd-show .wd--header-tel { animation: fadeInDown 1s 0.8s both; } #c_portalResEbizads_banner-15889873499571493 .lv-slider .swiper-slide { overflow: hidden; } .wd #c_portalResEbizads_banner-15889873499571493 .lv-slider .swiper-pagination-bullet { opacity: 0; } .wd-show #c_portalResEbizads_banner-15889873499571493 .lv-slider .swiper-pagination-bullet { animation: fadeInUp 1s both; } .wd-show #c_portalResEbizads_banner-15889873499571493 .lv-slider .swiper-pagination-bullet:nth-child(1) { animation-delay: 0.5s; } .wd-show #c_portalResEbizads_banner-15889873499571493 .lv-slider .swiper-pagination-bullet:nth-child(2) { animation-delay: 0.6s; } .wd-show #c_portalResEbizads_banner-15889873499571493 .lv-slider .swiper-pagination-bullet:nth-child(3) { animation-delay: 0.7s; } .wd-show #c_portalResEbizads_banner-15889873499571493 .lv-slider .swiper-pagination-bullet:nth-child(4) { animation-delay: 0.8s; } .w-scroll-ani { animation: fadeOut both; } body.wd-show .w-scroll-ani.scrolled { animation: fadeInUp 1s both; } .wd .w_grid-000 > div > .p_gridbox { display: flex; flex-wrap: wrap; overflow: visible; } .wd .w_grid-001 > div > .p_gridbox { display: flex; flex-wrap: wrap; overflow: visible; } #w_common_text-1596681446026 a:hover span { color: #fff !important; } #w_common_text-1579164634584 a:hover span { text-decoration: underline !important; } @media(min-width: 769px) and (max-width:1440px) { #c_portalResEbizads_banner-15889873499571493 .container { width:80%; } } @media(max-width: 768px) { #w_common_text-1574676285633 p { text-align:left !important; } #w_common_text-1574676285635 p { text-align: left !important; } #w_common_text-1574676285646 a { display: block; } #w_common_text-1574676285646 > div > div > p > span > span > a:nth-child(4) { display: inline; } #w_common_text-1574676285646 > div > div > p > a { display: inline; } .c_portalResIntro_detail-01001 .p_con img { height: auto !important; } #w_common_text-1596681446016 p { text-align: left !important; } #w_common_text-1596681446018 p { text-align: left !important; } #w_common_text-1596681446026 a { display: block; } #w_common_text-1596681446026 > div > div > p > span > span > a:nth-child(4) { display: inline; } #w_common_text-1596681446026 > div > div > p > span > span > a:nth-child(5) { display: inline; } } #c_portalResnav_main-15966814492318879 .top-nav-wrap .btlink4 { display: none; } #c_portalResnav_main-15966814492318879 .top-nav-wrap .btlink6 { display: block; } #c_portalResnav_main-15746762858944025 .top-nav-wrap .btlink4 { display: none; } #c_portalResnav_main-15746762858944025 .top-nav-wrap .btlink6 { display: block; } @media(max-width: 768px) { .wd #content_box-1579165778049-0 { position:relative; z-index: 10; } .wd .c_portalResProduct_category-01001 ul.content { padding-top: 80px; } #c_portalResProduct_category-1605235826549 .contentBox { z-index: 1; } } .c_portalResIntro_detail-01001 .p_content video { max-width: 1200px !important; height: auto !important; margin-bottom: 30px !important; margin-left: auto !important; margin-right: auto !important; display: block; } .c_portalResCompanyFile_list-03001 .p_listedFiles .p_img { display: none; } #c_portalResCompanyFile_list-16070508711526058 .p_fileItem { width: 100%; } .c_portalResCompanyFile_list-03001 .p_fileDetails { text-align: left; } .c_portalResCompanyFile_list-03001 .p_fileDetails h4 { margin-bottom: 15px; } .p_fluctuat { text-align: left; margin-left: 10px; margin-top: 10px; } @media(max-width: 768px) { .c_portalResCompanyFile_list-03001 .p_fileListMo { padding:0; } .c_portalResCompanyFile_list-03001 .p_img { display: none; } } .c_portalResEbizads_banner-01001 .subpage_ad .text { display: none !important; } #w_grid-1596681445974 .p_gridbox { border: none; } .wd-20201127092601 ul { display: flex; max-width: 700px; } .wd-20201127092601 li { width: calc(100% / 3); } .wd-20201127092601 li:nth-child(4) { display: block; } .wd-20201127092601 li:nth-child(7) { display: none; } .wd-20201127092601 li:nth-child(8) { display: none; } .wd-20201127092601 li:nth-child(1) { display: none; } .wd-20201127092601 li > a { font-size: 18px; color: #fff; display: block; margin-bottom: 20px; } .wd-20201127092601 .wd-sub a { font-size: 13px; display: block; margin-bottom: 10px; color: rgba(255, 255, 255, 0.8); transition: 0.3s; } .wd-20201127092601 .wd-sub a:hover { color: #fff; text-decoration: underline; } .wd #w_grid-1607056631725 > div > div { display: flex; justify-content: center; } .wd #w_grid-1607056631725 > div > div > div { width: auto !important; } .wd #w_grid-1607056631725 > div > div > div:nth-child(1) { min-width: 730px !important; } .wd #w_grid-1607056631725 > div > div > div:nth-child(3) { min-width: 250px !important; margin-left: 50px !important; } ::-webkit-scrollbar { width: 6px; height: 4px; } ::-webkit-scrollbar-thumb { background-color: #202534; } .wd #content_box-1596681793688-2 { display: none; } .wd #w_grid-1596681793688 > div > div { display: flex; justify-content: space-between; } .wd #w_grid-1596681793688 > div > div > div { width: auto !important; } .wd #w_grid-1596681793688 > div > div > div:nth-child(2) { min-width: 900px !important; } .wd #w_fimg-1596681793704 { max-width: 423px !important; } #c_portalResnav_main-15966817969545034 .navLi:nth-child(6) { display: block !important; } #c_portalResnav_main-15966817969545034 .navLi:hover .navName { color: #222; } #c_portalResnav_main-15966817969545034 .tNavH::before { background-color: #1f2433; } #c_portalResnav_main-15966817969545034 .slidBox { border-bottom-color: #1f2433; } #c_portalResnav_main-15966817969545034 .navSli:hover .navSlink { background-color: #1f2433; } #c_portalResnav_main-15966817969545034 .navSli:hover:before { background-color: #f48002; } .wd #w_fbtn-1607056734978 .p_CommonBtn .font { text-align: left; } #w_fbtn-1607056734978 .p_CommonBtn { background-image: url(/img/20201204114649.png); background-position: 80% 50%; background-repeat: no-repeat; cursor: pointer; } .wd #w_fbtn-1607056766816 .p_CommonBtn .font { text-align: left; } #w_fbtn-1607056766816 .p_CommonBtn { background-image: url(/img/20201204114732.png); background-position: 80% 50%; background-repeat: no-repeat; cursor: pointer; } .wd #w_fbtn-1607056751374 .p_CommonBtn .font { text-align: left; } #w_fbtn-1607056751374 .p_CommonBtn { background-image: url(/img/20201204114718.png); background-position: 80% 50%; background-repeat: no-repeat; cursor: pointer; } .wd #w_fimg-1607056734948.w_fimg-000 .p_dimage { position: relative; } .wd #w_fimg-1607056734948.w_fimg-000 .p_dimage:before { content: ""; display: block; width: 100%; height: 100%; background: url(/img/20201204113854.png) top left no-repeat; background-size: cover; position: absolute; top: -30px; left: -30px; z-index: 2; } .wd #w_fimg-1607056734948.w_fimg-000 .p_dimage:after { content: ""; display: block; width: 100%; height: 100%; background: url(/img/20201204113905.png) top left no-repeat; background-size: cover; position: absolute; top: -60px; left: -60px; z-index: 1; } .wd #w_fimg-1607056734948.w_fimg-000 .p_dimage img { position: relative; z-index: 10; } .wd .w_fimg-000 .p_dimage { overflow: visible; } .NavList_a1 .more.active { background-color: #2a8412 !important; } .NavList_a1 a:hover { background-color: #2a8412 !important; } /* page */ @media only screen and (min-width: 769px) { .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: #202534; border-color: #202534; color: #fff; } .p_page .pre:hover { color: #fff; background: #202534; border-color: #202534; 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: #202534; border-color: #202534; color: #fff; } .p_page .next:hover { background: #202534; border-color: #202534; 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: #202534; border-color: #202534; } .p_page .pageNum:hover { color: #fff; border-color: #202534; cursor: pointer; text-decoration: none; background-color: #202534; } .p_page .pageNum.active { text-decoration: none; background-color: #202534; color: #fff; border-color: #202534; } } .c_portalResIntro_detail-01001 .p_content p { line-height: 1.8; margin-bottom: 10px; font-size: 16px; color: #333; } ::selection { background: #285ad8; color: #ffffff; } .wd #w_common_text-1607056631741 { padding-left: 35px; background: url(/img/20201204114814.png) 4px -1px no-repeat; } .wd #w_common_text-1607056631745 { padding-left: 35px; padding-top: 5px; padding-bottom: 5px; background: url(/img/20201204114830.png) 0px 8px no-repeat; } .wd #w_common_text-1607056631748 { padding-left: 35px; padding-top: 5px; padding-bottom: 5px; background: url(/img/20201204114848.png) 0 3px no-repeat; } .wd #w_common_text-1608619759626 { padding-left: 35px; padding-top: 5px; padding-bottom: 5px; background: url(/img/20201222152225.png) 0 6px no-repeat; } #c_portalResProduct_detail-15791661402201381 .d_description table { background-color: #fff; } #c_portalResProduct_detail-15791661402201381 .d_description table tr:hover { background-color: #eee; } #c_portalResProduct_detail-15791661402201381 .d_description table tr:hover td:hover { background-color: #202534; color: #fff; } #c_portalResProduct_detail-15791661402201381 .reset_style p { font-size: 18px; line-height: 1.8; margin-bottom: 1em; } #c_portalResProduct_detail-15791661402201381 .reset_style table td { font-size: 18px; line-height: 1.8; margin-bottom: 1em; } #c_portalResProduct_detail-15791661402201381 .reset_style table p { margin-bottom: 0; padding-bottom: 0; } @media(max-width: 768px) { .c_portalResProduct_detail-01001 .d_DescriptionBigbox .wd-container { width:100%; overflow-x: auto; } .c_portalResProduct_detail-01001 .d_DescriptionBigbox .wd-container .wd-wrapper { display: inline-block; } #c_portalResProduct_detail-15791661402201381 .d_description table { width: 800px !important; } .wd-20201127092601 ul { display: block; max-width: none; width: 100%; } #w_grid-1596681445959 > div > .p_gridbox { background-color: #2f519e; } .wd #w_grid-1607056631725 > div > div > div:nth-child(1) { min-width: auto !important; width: 100% !important; } .wd-20201127092601 li { width: 100%; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); margin-bottom: 20px; padding-bottom: 20px; } .wd-20201127092601 li .wd-sub { display: flex; flex-wrap: wrap; } .wd-20201127092601 li .wd-sub a { display: block; margin-right: 10px; margin-bottom: 5px; } .wd-20201127092601 li > a { margin-bottom: 5px; } .wd #w_grid-1596681793688 > div > div > div:nth-child(2) { min-width: auto !important; } #w_grid-1596681793688> div > .p_gridbox > .p_gridCell:nth-child(3n+1) { width: 68vw !important; margin-left: 2vw !important; } #w_grid-1596681793688> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 30vw !important; } #w_fimg-1596681793704 .p_dimage { background-size: 100%; } #w_grid-1607056631725 > div > .p_gridbox > .p_gridCell:nth-child(3n+3) { display: none !important; } #w_common_text-1607056631752 a { display: block; } #w_common_text-1607056631752 a:nth-last-child(1) { display: inline-block; } #w_common_text-1607056631752 a:nth-last-child(2) { display: inline-block; } #w_common_text-1607056631752 a:nth-last-child(3) { display: inline-block; } #w_common_text-1607056631752 { line-height: 1.8; } #w_grid-1607056631733 { margin-top: 20px; } #c_portalResEbizads_banner-16070567160096073 .lv-style { height: calc(100vw / 1920 * 1000); } .wd #w_fimg-1607056734948.w_fimg-000 .p_dimage:before { display: none; } .wd #w_fimg-1607056734948.w_fimg-000 .p_dimage:after { display: none; } #w_grid-1607056734944 { width: 90%; padding-top: 10%; padding-bottom: 10%; } #w_common_text-1607056734951 span { font-size: 24px !important; } #w_grid-1607056751363 { padding-top: 10%; padding-bottom: 10%; } #w_grid-1607056766802 { padding: 10% 5%; } #c_portalResPublic_codeContainer-16070567803619856 .wd-20201204115911 .wd-item { width: 100%; overflow: hidden; } #c_portalResPublic_codeContainer-16070567803619856 .wd-20201204115911 { display: block; } #c_portalResPublic_codeContainer-16070567803619856 .wd-item .wd-content a { opacity: 1; visibility: visible; transform: scale(1) translateY(0px); background-color: #202534; } #c_portalResPublic_codeContainer-16070567803619856 .wd-20201204115911 .wd-item .wd-bg img { opacity:0.3; } #c_portalResNews_list-16070567669426361 .wd-20201204115448 .wd-item { display:block; } #c_portalResNews_list-16070567669426361 .wd-20201204115448 .wd-item .wd-20201204115527 { width:100%; margin-right:0; } #c_portalResNews_list-16070567669426361 .wd-20201204115448 .wd-item .wd-summary { width:100%; } #w_fbtn-1607056766816 { margin-left:0; } #c_portalResProduct_list-16070567515365131 .wd-item img { height:auto; width:100%; } #c_portalResProduct_list-16070567515365131 .wd-item { margin-bottom:15px; } } @media(max-width:768px) { .wd #w_grid-1607056631725 > div > div > div#content_box-1607056631725-1 { width:100% !important; } #w_grid-1605152848763 > div > .p_gridbox { background-color:transparent; } #c_portalResMessage_form-16051528488785523 .InputText { background-color:#fff; } #c_portalResMessage_form-16051528488785523 .p_ContactInfo { padding:0; } #c_portalResMessage_form-16051528488785523 .p_CaptchasBox { padding-right:0 !important; } #c_portalResMessage_form-16051528488785523 .p_EmailBox { padding-right:0 !important; } .c_portalResEbizads_banner-01001 .subpage_ad { height:calc(100vw / 1920 * 600) !important; } } #w_grid-1608623623812 .w_fimg-000 { box-shadow:0px 0px 22px #eee; } .w_grid-003 > div > .p_gridbox { display:flex; flex-wrap:wrap; overflow:visible; } .wd #w_grid-1609773688952 > div > div { display:flex; flex-wrap: nowrap; } .wd #w_grid-1609773688952 > div > div > div { width:auto !important; margin:0px !important; padding:10px !important; } .c_portalResProduct_detail-01001 .d_description img { margin-bottom:15px !important; max-width:100%; height:auto !important; margin-top:15px !important; } @media(max-width:768px) { .wd #w_grid-1609773688952 > div > div { display:block !important; } .wd #w_grid-1609773688952 > div > div > div { width:100% !important; } } #w_common_text-1607056734981 span { font-size:2.5rem !important; } #w_common_text-1607056734989 span { font-size:2.5rem !important; } #w_common_text-1607056734996 span { font-size:2.5rem !important; } @media only screen and (max-width: 1440px){ .wd #w_grid-1607056631725 > div > div > div:nth-child(1) { min-width: 510px !important; } } @media only screen and (max-width: 640px){ .wd #w_grid-1607056631725 > div > div > div:nth-child(1) { min-width: 100% !important; } }