/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#c_portalResEbizads_banner-16036290864430902.c_portalResEbizads_banner-01001006 .text{ position:absolute; top:50%; left:0; right:0; max-width:1440PX; width:90%; margin:0 auto; transform:translateY(-50%); display:none; } #c_portalResPublic_codeContainer-16036961701052254.c_portalResPublic_codeContainer-01001010 .more span{ display:inline-block; vertical-align:middle; color:#FFF !important; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; font-size:16px; text-shadow: 2px 2px 2px #000; } #c_portalResPublic_codeContainer-16036957470341599.c_portalResPublic_codeContainer-01001010 .more span{ display:inline-block; vertical-align:middle; color:#FFF !important; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; font-size:16px; text-shadow: 2px 2px 2px #000; } #c_portalResPublic_codeContainer-16036957678276124.c_portalResPublic_codeContainer-01001010 .more span{ display:inline-block; vertical-align:middle; color:#FFF !important; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; font-size:16px; text-shadow: 2px 2px 2px #000; } #c_portalResPublic_codeContainer-16036955223916955.c_portalResPublic_codeContainer-01001010 .more span{ display:inline-block; vertical-align:middle; color:#FFF !important; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; font-size:16px; text-shadow: 2px 2px 2px #000; } #c_portalResPublic_codeContainer-16036957178019499.c_portalResPublic_codeContainer-01001010 .more span{ display:inline-block; vertical-align:middle; color:#FFF !important; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; font-size:16px; text-shadow: 2px 2px 2px #000; } #c_portalResPublic_codeContainer-16036931276484427.c_portalResPublic_codeContainer-01001010 .more span{ display:inline-block; vertical-align:middle; color:#FFF !important; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; font-size:16px; text-shadow: 2px 2px 2px #000; } #c_portalResPublic_codeContainer-16036958616282252.c_portalResPublic_codeContainer-01001010 .more span{ display:inline-block; vertical-align:middle; color:#FFF !important; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; font-size:16px; text-shadow: 2px 2px 2px #000; } #c_portalResEbizads_banner-1603765627332.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } #c_portalResEbizads_banner-1603765011693.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } #c_portalResEbizads_banner-1603701980739.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px!important; left:0; top:0; }#c_portalResEbizads_banner-1603638474489.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603696738947.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603638113432.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603638235291.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603637984680.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603638747085.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603637925596.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603637278277.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603704520028.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } #c_portalResEbizads_banner-1603637071222.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476!important; left:0px; top:0px; } #c_portalResEbizads_banner-1603704398183.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } #c_portalResEbizads_banner-1603636832596.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0px; top:0px; } #c_portalResEbizads_banner-1603636320580.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0px; top:0px; } #c_portalResEbizads_banner-1603638039502.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0px; top:0px; } #c_portalResEbizads_banner-1603636115061.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } #c_portalResEbizads_banner-16036348945773328.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } #c_portalResEbizads_banner-1603635989310.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } #c_portalResEbizads_banner-1603701855302.c_portalResEbizads_banner-01001006 .swiper-wrapper .swiper-slide img{ width:auto; height:476px !important; left:0; top:0; } @media only screen and (max-width: 1366px) and (min-width:1281px){ #w_grid-1603632362287 { margin-bottom: 0px !important; } #c_portalResNews_list-16036331589409146 { margin-top: 20px !important; } .c_portalResnav_main-01001 .navLi { padding: 0 0.5rem !important; display: inline-block; font-size: 1rem; } #w_grid-1603632362287> div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 55% !important; } #w_grid-1603632362287> div > .p_gridbox > .p_gridCell:nth-child(2n+0) { width: 45% !important; margin-left: 0%; margin-right: 0px; clear: none; } .c_portalResNews_list-01001023 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 5px 0px !important; overflow: hidden; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 23px; /* max-height: 46px; */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #c_portalResNews_list-15960941209525611 .p_articles { width: calc((93% - 30px)/4) !important; } .c_portalResNews_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; display: inline-block; min-width: calc((90% - 0px)/7) !IMPORTANT; margin: 0 8px; } .c_portalResnav_main-01001015 .header1 nav { float: left; height: 90px; line-height: 90px; margin-left: 156px !important; -webkit-transition: all .3s ease; transition: all .3s ease; } .c_portalResnav_main-01001015 .header1 h1 { width: 30%; height: 70px; position: relative; overflow: hidden; margin-left: 20px; margin-top: 10px !important; } } @media only screen and (max-width: 1280px) and (min-width:1080px){ #c_portalResNews_category-16036306339119005 { width: auto; max-width: 1057px !important; min-width: 0px; height: auto; max-height: none; min-height: 70px; } #w_grid-1603632362287 { margin-bottom: 0px !important; } #c_portalResNews_list-16036331589409146 { margin-top: 20px !important; } .c_portalResnav_main-01001 .navLi { padding: 0 0.5rem !important; display: inline-block; font-size: 1rem; } #w_grid-1603632362287> div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 55% !important; } #w_grid-1603632362287> div > .p_gridbox > .p_gridCell:nth-child(2n+0) { width: 45% !important; margin-left: 0%; margin-right: 0px; clear: none; } .c_portalResNews_list-01001023 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 5px 0px !important; overflow: hidden; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 23px; /* max-height: 46px; */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #c_portalResNews_list-15960941209525611 .p_articles { width: calc((93% - 30px)/4) !important; } .c_portalResNews_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; display: inline-block; min-width: calc((89.4% - 0px)/7) !IMPORTANT; margin: 0 8px; } .c_portalResnav_main-01001015 .header1 nav { float: left; height: 90px; line-height: 90px; margin-left: 156px !important; -webkit-transition: all .3s ease; transition: all .3s ease; } .c_portalResnav_main-01001015 .header1 h1 { width: 30%; height: 70px; position: relative; overflow: hidden; margin-left: 20px; margin-top: 10px !important; } } @media only screen and (max-width: 1440px) and (min-width:1367px){ #w_grid-1603632362287> div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 55% !important; } #w_grid-1603632362287> div > .p_gridbox > .p_gridCell:nth-child(2n+0) { width: 45% !important; margin-left: 0%; margin-right: 0px; clear: none; } .c_portalResNews_list-01001023 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 5px 0px !important; overflow: hidden; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 23px; /* max-height: 46px; */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #c_portalResNews_list-15960941209525611 .p_articles { width: calc((93% - 30px)/4) !important; } .c_portalResNews_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; display: inline-block; min-width: calc((90% - 0px)/7) !IMPORTANT; margin: 0 8px; } .c_portalResnav_main-01001015 .header1 nav { float: left; height: 90px; line-height: 90px; margin-left: 156px !important; -webkit-transition: all .3s ease; transition: all .3s ease; } .c_portalResnav_main-01001015 .header1 h1 { width: 30%; height: 70px; position: relative; overflow: hidden; margin-left: 20px; margin-top: 10px !important; } } #w_common_text-1603695449504 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #_common_text-1603695449504 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695449515 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695674148 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695674157 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695694943 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695694951 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603696097164 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603696097173 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695788723 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695788743 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695644855 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1603695644868 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1595233275420 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } #w_common_text-1595233275437 span { font-weight: bold; text-shadow: 2px 2px 2px #000; } body div, font, p, td, span { font-family: Noto Sans SC !important; font-style: normal; font-weight: 400; } #w_grid-1603629066753 { position: absolute !important; } #c_portalResnav_main-16036344021584346 { position: absolute !important; } #w_fimg-1598602002872 { display:none; } #w_fimg-1598602003747 { display:none; } #w_fimg-1598602004628 { display:none; } #w_fimg-1598602005529 { display:none; } .e_IndexMajorStyleBox-001 .stylebox_top { background-color:#F9F9F9 !important; } .e_IndexMajorStyleBox-001 .stylebox_title { background-color:#F9F9F9 ; } .e_IndexMajorStyleBox-001 .title_main { color: #E4332D ; } .e_IndexMajorStyleBox-001 .title_main { background-color:#F9F9F9; } .e_IndexMajorStyleBox-001 .stylebox_content { border-width: 0px !important; } .e_IndexMajorStyleBox-001 .stylebox_bottom_line { height: 0px !important; } .e_IndexMajorStyleBox-001 .stylebox_content { padding-top: 20px !important; } @media only screen and (min-width: 769px){ .cateNameH3:hover { background-color:#D0041A !important; } } .stylebox_top { background-color: #D0041A !important; } .title_main { background-color:#D0041A !important; } .stylebox_title { background-color:#D0041A !important; } #w_common_text-1595315862910 { color: rgba(244, 247, 249, .6); position: absolute; } #w_common_text-1595315862910 span { font-size: 300px !important; left: 0; font-weight: bold; text-transform: uppercase; transform: translateX(-.5em); white-space: nowrap; top:50px; } #w_common_text-1595515726593 { color: rgba(244, 247, 249, .6); position: absolute;width: 100% !IMPORTANT; } #w_common_text-1595515726593 span { font-size: 120px !important; right: 0; font-weight: bold; text-transform: uppercase; transform: translateX(-.5em); white-space: nowrap; top:0px; } a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} /* 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: #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; } } @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; } } /* scrollbar css */ /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b72024; } /* lv animation */ @keyframes wSkewIn { from { transform: skew(0deg, 10deg) translateY(50px); opacity: 1; } 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: 1; } } div#w_grid-1578535669509{ left:0px!important; background: url(/img/zzh02.jpg); } #c_portalResnav_main-15785352642971187 { height: 100vh!important; background: url(/img/zzh02.jpg); } #w_grid-1578535669509 .e_box.e_box-000.p_gridbox{ OVERFLOW: visible; } .w_fimgbox-001 .w_imgbox > img { height: 100vh!important; } .w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video { width:100%!important; height: auto; } @-webkit-keyframes scaleBigToSmall{ 0%{-webkit-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);} 100%{-webkit-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);} } @-moz-keyframes scaleBigToSmall{ 0%{-moz-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);} 100%{-moz-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);} } @-ms-keyframes scaleBigToSmall{ 0%{-ms-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);} 100%{-ms-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);} } @media only screen and (max-width: 1600px) and (min-width: 769px){ .w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video { width:180%!important; height: auto; } #w_grid-1578557842554 { margin-top: 22%!important; } #w_grid-1578537644953 { margin-top: 24%!important; } } @media only screen and (max-width: 769px) { #w_grid-1578535669509 { width: 100%!important; } #c_portalResnav_main-15785352642971187 { height: 10vh!important; } .w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video { display: none!important; } #w_fimg-1578535054559 { margin-top: 70%!important; } div#content_box-1578537644953-1 { margin-top: 10%!important; } div#content_box-1578537644953-0 { margin-top: 5%!important; } .bisList { width: 80%!important; } .bisList1 dd { width: 50%!important; } .swiper-slide-visible { background-image: none!important; } .w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel { margin: 0px!important; } img.logo_mo{ max-height: 60px!important; } #w_fimg-1578539193257 { max-width: 220px!important; } #w_common_text-1578539401736 span { font-size: 22px!important; } #w_common_text-1578539449913 span { font-size: 22px!important; } .bisList1 dd span { font-size: 16px!important; } .bisList1 dd a { margin: 0 5px!important; } #w_fimg-1578558234049 { max-width: 226px!important; } #w_grid-1578557842554 >.w_grid >.p_gridbox>.p_gridCell:nth-child(2) { width: 90%!important; } #w_common_text-1578558412535 { margin-top: 0px!important; } #w_common_text-1578558472966 { margin-top: 0px!important; } /*首页手机版产品隐藏*/ .box3Bg{ display:none!important; } .bisList1 .listBox .listTit { font-size: 20px!important; } #content_box-1564363738784-0,#content_box-1564363738784-2,#content_box-1564363738784-3 { display: none!important; } .subpage_ad .text { top: 65%!important; } .c_portalResProduct_list-01001004 .PhotoList_k1 li a{ height: 69vw!important; } .c_portalResProduct_list-01001004 .PhotoList_k1 li { width: 98%!important; } #c_portalResProduct_list-15786362678721885 .proBox { padding: 0px!important; } } .p_page .pageNum.active { text-decoration: none; background-color: #987746!important; color: #fff; border-color: #987746!important; } .p_page .pageNum:hover { color: #fff; border-color: #987746!important; cursor: pointer; text-decoration: none; background-color: #987746!important; } .p_page .next:hover { background: #987746!important; border-color: #987746!important; color: #fff; cursor: pointer; } .p_page .pre:hover { color: #fff; background: #987746!important; border-color: #987746!important; cursor: pointer; }