html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }html,body{ overflow-x:hidden !important; } #w_grid-1589356505631,#w_grid-1700461592149 { position: absolute !important; bottom: 0 !important; } #w_grid-1589349428292:after { content: ""; display: block; width: 40vw; height: 40vw; background: url(../image/xz.png) top left no-repeat; position: absolute; bottom: auto; left: -12vw; animation: w-rotate 10s linear infinite; z-index: 0; top: 26vw; background-size: 100%; opacity: 0.4; filter: grayscale(100%); } #w_grid-1588831037699 { box-shadow: 0 5px 70px 0 rgba(63, 101, 171, 0.15); position: relative; z-index: 1; } @keyframes w-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #content_box-1700461035045-0,#content_box-1700461035045-1,#w_common_text-1589354513815,#w_common_text-1700461592158{ position: relative; overflow:hidden; } #content_box-1700537721102-0,#content_box-1700563839895-0,#content_box-1700537721102-0,#content_box-1700732847450-0{ position: sticky; top: 120px; } @media only screen and (min-width: 769px){ .NavList_a1 li:first-child { padding-left: 0px !important; } .pc11{ display:block; } .mo11{ display:none; } .pc{ display:block; } .mo{ display:none; } } @media only screen and (max-width: 768px){ #w_grid-1700537721102 { width: 100% !important; } #c_portalResNews_list-17038401491504126 { width: 94% !important; } #c_portalResNews_list-17038401491504126 .p_articles { padding: 15px 0px !important; } #c_portalResNews_category-1703839978008 .NavList_a1 li { position: static; display: inline-block; color: #fff; width: 50% !important; vertical-align: top; float: left !important; } #c_portalResNews_category-1703839978008 .NavList_a1 ul { text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-block !important; font-size: 0; } .e_FlowCommonStyleBox-001 .title_icon { display: none !important; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } #w_grid-1703835808279 { width: 100% !important; } #c_portalResPublic_codeContainer-17004680368718295 .about-3center span { width: 100%; overflow: hidden; display: block; text-align: center; font-size: 18px !important; color: #fff; } #c_portalResPublic_codeContainer-17004680368718295 .about-3item.active .about-3center p { max-height: 100% !important; margin-top: 20px; animation: wenhua 1s ease 0.1s 1; animation-fill-mode: forwards; } #c_portalResPublic_codeContainer-17004680368718295 .about-3item.active .about-3center span { text-align: left; font-size: 22px !important; animation: wenhua 1s ease 1; animation-fill-mode: forwards; opacity: 0; } #c_portalResPublic_codeContainer-17004680368718295 .about-3item { flex: 1; height: 330px !important; overflow: hidden; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 1px; } .NavList_a1 li:first-child { padding-left: 10px !important; } #c_portalResPublic_codeContainer-17004680368718295 .about-3 .h3 { width: 100%; overflow: hidden; text-align: center; font-size: 24px !important; color: #222; font-weight: bold; position: relative; padding-bottom: 10px !important; } #w_grid-1582420312474 { width: 96% !important; } #c_portalResNews_list-17035785757536216 .p_OccupyBox { margin: 40px auto; width: 200px; height: 46px; display: none !important; } #c_portalResNews_list-17035785757536216 .col { padding: 20px 0px !important; } #c_portalResNews_list-17035785757536216 .container { width: 100%; padding: 0px 0 !important; padding-bottom: 0; } #c_portalResProduct_list-17041575971326845{ display:none !important; } #w_fbtn-1699607652224 { margin-top: 28px !important; } #w_common_text-1703573564235 p span{ font-size: 18px !important; } .pc11{ display:none; } .mo11{ display:block; } .pc{ display:none; } .mo{ display:block; } .NavList_a1 a { margin: 8px 4px 8px !important; } #w_grid-1700463116434,#w_grid-1698031105582,#w_grid-1702022231358,#w_grid-1702022231378,#w_grid-1702026223459,#w_grid-1702026223479,#w_grid-1702101745906,#w_grid-1702028437884,#w_grid-1702029530821,#w_grid-1702029530841,#w_grid-1702030673189,#w_grid-1702030673209,#w_grid-1702032402576,#w_grid-1702032402596,#w_grid-1702032904972,#w_grid-1702032904952,#w_grid-1700467970780,#w_grid-1700467970800,#w_grid-1703835808259,#w_grid-1703839977963,#w_grid-1700732847430,#w_grid-1700732847450,#w_grid-1700537721082 { width: 96% !important; } #w_common_text-1582793966574 p span,#w_common_text-1700553222332 strong span,#w_common_text-1583547044052 strong span,#w_common_text-1700466777966 h2 span,#c_portalResPublic_codeContainer-1702028437914 .about-3 .h3,#c_portalResPublic_codeContainer-1702029530871 .about-3 .h3,#c_portalResPublic_codeContainer-1702032402636 .about-3 .h3,#c_portalResPublic_codeContainer-1702032905042 .about-3 .h3,#w_common_text-1703578294418 strong span { font-size: 24px !important; } .c_portalResIntro_detail-01001 .p_header { border: none; text-align: center; margin: 20px 10px 10px; padding-bottom: 14px !important; font-size: 24px !important; font-weight: bold !important; margin-top: 0 !important; } #c_portalResMessage_form-17020329413603960 { margin-bottom: 0 !important; } #w_common_text-1702032874378 h2 span{ font-size: 20px !important; } #c_portalResNews_list-17020297386221207 .p_news { width: 100%; max-width: 100%; margin: 0 auto; padding: 0 0px !important; } #c_portalResPublic_codeContainer-1702028437914 .about-3 .h3 { padding-bottom: 8px !important; } #c_portalResPublic_codeContainer-1702032402636 .about-3 .h3,#c_portalResPublic_codeContainer-1702032905042 .about-3 .h3{ padding-bottom: 8px !important; } .c_portalResProduct_list-01001006 .PhotoList_k1 li:nth-child(2n+0) { margin-left: 0% !important; } #c_portalResProduct_list-1702101745941 .stylebox_content { margin-top: 0px !important; } .PhotoList_k1 li a { height: 50.6vw !important; } .PhotoList_k1 li { width: 100% !important; } .c_portalResProduct_detail-03001 .p_imagesA .p_images { width: inherit !important; height: 190px !important; } .c_portalResProduct_detail-03001 .p_shopCartBox { display: none !important; position: relative; width: auto; margin-bottom: 10px; text-align: center; } #c_portalResProduct_detail-17020273016951645 .higher img,#c_portalResProduct_detail-17020273016951645 .higher video { width: 100%!important; height: auto!important; left: 50%!important; top: 50%!important; -webkit-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; position: absolute!important; } .title_main { font-size: 24px !important; line-height: 70px !important; font-weight: bold !important; color: #222 !important; } #c_portalResProduct_list-17020230078524333 .proTitle { border-bottom: solid 0px #e9e9e9 !important; } #c_portalResProduct_list-17020230078524333 .txtBox { height: auto !important; padding: 20px; padding-bottom: 0 !important; } #c_portalResProduct_list-17020230078524333 .name { font-size: 18px !important; color: #222 !important; } #c_portalResProduct_list-17020230078524333 .proContainer { width: 100%; height: auto; margin: 0rem auto !important; padding: 0 0rem !important; overflow: hidden; } #c_portalResProduct_list-17020230078524333 .proLi { position: relative; overflow: hidden; padding: 1rem 0 !important; height: auto; } #c_portalResProduct_category-17020223104939871 .NavList_a1 li,#c_portalResProduct_category-1702026223514 .NavList_a1 li { border-bottom: 1px solid #f1f1f1 !important; } .NavList_a1 a { z-index: 1; font-size: 15px; display: block; padding: 10px 0 10px !important; color: #222; position: relative; } #w_fimg-1700466328040 { margin-top: 30px !important; } #w_grid-1700466316427> div > .p_gridbox { display: block !important; align-items: center; } #w_fimg-1702006963855 { margin-top: 30px !important; } #w_grid-1582419858870 { width: 100% !important; } #c_portalResProduct_list-17020173858205257,#c_portalResnav_main-16951073192294194,#w_fline-1702006806838,#c_portalResMessage_form-17020077294158948, #content_box-1582420312474-1{ display:none !important; } .c_portalResProduct_list-01001007 .swiper-wrapper { padding: 0 !important; } .c_portalResProduct_list-01001007 .honorBox .swiper-slide { background-position: center; background-size: cover; width: 335px !important; height: 300px !important; transform: none !important; } .c_portalResProduct_list-01001007 .swiper-slide .proItem { width: 100%; height: 72%; transform: scale(1) !important; position: relative; border-radius: 10px; } #c_portalResProduct_list-17020182721575489 .proImgBox { height: 0 !important; padding-bottom: 66% !important; } #c_portalResProduct_list-17020182721575489 { width: 90% !important; } #c_portalResProduct_list-17020182721575489 .proLi { width: 50% !important; float: left !important; padding: 10px !important; } #c_portalResProduct_list-17020182721575489 .proContainer { padding: 0 0rem !important; } #w_fimg-1700547860832 .p_dimage { border-radius: 20px !important; } #w_fbtn-1699607652224 .p_CommonBtn { margin-top: 10px !important; margin-bottom: 40px !important; } #w_grid-1589352914899 { width: 96% !important; } #w_grid-1589349428292 .p_gridbox { background-repeat: no-repeat; background-position: top -110px right !important; background-size: 58vw !important; align-items: center; display: block !important; } .bannerBox .swiper-banner-next { width: 36px !important; height: 36px !important; border-radius: 50%; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; right: 20px; background-color: rgba(0, 0, 0, 0.3) !important; color: #fff; text-align: center; line-height: 35px !important; } .bannerBox .swiper-banner-prev{ width: 36px !important; height: 36px !important; background-color: rgba(0, 0, 0, 0.3) !important; line-height: 35px !important; } #w_grid-1559111985920 { margin-top: 63px !important; } #w_grid-1702110188810 { width: 90% !important; } #w_fimg-1702110188818 { max-width: 140px !important; margin-top: 14px !important; margin-bottom: 10px !important; } #w_grid-1702110047400 { position: fixed !important; top: 0 !important; left: 0 !important; transform: none !important; z-index: 999 !important; background: #fff; } #c_portalResnav_main-16995227100117772,#w_fbtn-1700556930728{ display:none !important; } .containerc { width: 100% !important; } } @media screen and (min-width: 739px){ .NavList_a1 a { z-index: 1; font-size: 15px; display: block; padding: 28px 0 28px !important; color: #222; position: relative; } } .NavList_a1 li:after { position: absolute; height: 12px; width: 1px; background: #ccc !important; top: 50%; opacity: 0.5; margin-top: -3px; right: 0px; content: ''; } .NavList_a1 li { position: relative !important; display: inline-block; padding: 0 2vw !important; color: #fff; width: auto; vertical-align: top; } #c_portalResProduct_category-17020223104939871 .NavList_a1 li,#c_portalResProduct_category-1702026223514 .NavList_a1 li,#c_portalResProduct_category-17020991898864585 .NavList_a1 li{ position: relative !important; display: inline-block; padding: 0 1vw !important; color: #fff; width: auto; vertical-align: top; } .NavList_a1 a:hover:before { width: 100%; left: 0%; background-color: #005dc3 !important; } #w_grid-1700553008062{ position: relative; } #w_fimg-1700557293523{ position: absolute !important; bottom: -300px !important; left: auto !important; right: -70px !important; top: auto !important; } #w_fimg-1700548348958 { opacity: 0.8; } #w_common_text-1589354513815 span::before,#w_common_text-1700461592158 span::before { content: "■"; position: absolute; left: 0; top: 2.5px; font-size: 18px; line-height: inherit; color: #005dc3; } #content_box-1700461035045-0 img{ transition:all 0.5s; } #content_box-1700461035045-0:hover img{ transform:scale(1.15); } #content_box-1700461035045-1 img{ transition:all 0.5s; } #content_box-1700461035045-1:hover img{ transform:scale(1.15); } @keyframes wenhua{0%{opacity:1}2%{opacity:0}20%{opacity:0}30%{transform:translateY(60px);opacity:0}100%{transform:translateY(0px);opacity:1}} @keyframes move-forever { 0% { transform: translate(-90px, 0%); } 100% { transform: translate(85px, 0%); } } @keyframes fa_slide { 0% { transform: translateX(-25%); } 100% { transform: translateX(25%); } } @keyframes ringscale{ 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); } } @keyframes ringscale1{ 0% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes ringscale2{ 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } } #w_grid-1653977454342,#c_portalResnav_main-16995227100117772{ z-index:9999 !important; left:0 !important; transform:none !important; } .p_categoryBox .p_linkBox.click { background-color: inherit; color: inherit; } .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a { color: #ffffff; background: #01416d; } .mouse_bac:hover { background-color: inherit; color: inherit; } .mouse_bac:hover .p_title{ color: #ffffff; background: #01416d; } .stylebox_title { background-color: transparent !important; } .stylebox_top { width: auto; height: 70px !important; background-color: transparent !important; border-top-right-radius: 10px !important; text-align: center !important; } @media only screen and (min-width: 769px){ .title_main { font-size: 34px !important; line-height: 70px !important; font-weight: bold !important; color: #222 !important; } } .stylebox_content { border-style: solid; border-width: 0px !important; border-color: #f0f0f0; width: 100%; width-uint: %; } .reset_style table{ padding:0px; border-collapse:collapse; margin:0 auto !important; font-size:16px; }