/*e_FlowCommonStyleBox-001*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-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_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-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_FlowCommonStyleBox-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_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_SideMajorStyleBox-001*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .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); }.proSwiperBox { position: relative; width: 100%; max-width: 105rem; margin: -10rem auto 8rem; padding: 0 2rem; overflow: hidden; z-index: 2; } .proSwiperBox .topTitleBox { display: none; text-align: left; } .proSwiperBox .topTitleBox h1 { font-size: 1.75rem; color: var(--bColor); } .proSwiperBox .proSwiper { max-width: 1440px; margin: 0 auto; overflow: hidden; } .proSwiperBox .proSwiper .swiper-slide { margin: 7rem auto 0; } .proSwiperBox .proSwiper .swiper-slide-next { margin: 0 2rem 0 0 !important; transition: 0.35s ease-in-out; } .proSwiperBox .proSwiper .list { position: relative; margin: 0; transition: 0.35s ease-in-out; z-index: 1; } .proSwiperBox .proSwiper .list .imgBox { position: relative; overflow: hidden; z-index: 2; } .proSwiperBox .proSwiper .list .imgBox img { width: 100%; transform: scale(1.0); transition: 0.35s ease-in-out; } .proSwiperBox .proSwiper .list:hover .imgBox img { transform: scale(1.1); transition: 0.35s ease-in-out; } .proSwiperBox .proSwiper .list .content { position: absolute; left: 0; bottom: 4rem; width: 100%; padding: 0 4rem; z-index: 3; } .proSwiperBox .proSwiper .list .content h2 { text-align: center; font-size: 1.375rem; color: var(--hColor); transition: 0.35s ease-in-out; } .proSwiperBox .proSwiper .list:hover .content h2 { color: var(--bColor); transition: 0.35s ease-in-out; } .proSwiperBox .proSwiper-prev { position: absolute; top: calc((100% + 5rem)/2); left: 0; margin: 0; opacity: 0; transition: 0.35s ease-in-out; z-index: 100; } .proSwiperBox .proSwiper-next { position: absolute; top: calc((100% + 5rem)/2); right: 0; margin: 0; opacity: 0; transition: 0.35s ease-in-out; z-index: 100; } .proSwiperBox .proSwiper-prev .iconfont,.proSwiperBox .proSwiper-next .iconfont { font-size: 1.5rem; color: var(--hColor); } .proSwiperBox .proSwiper-prev:hover .iconfont,.proSwiperBox .proSwiper-next:hover .iconfont { font-size: 1.5rem; color: var(--bColor); } .proSwiperBox .proSwiper-prev:active .iconfont,.proSwiperBox .proSwiper-next:active .iconfont { font-size: 1.5rem; color: var(--bColor); } .proSwiperBox:hover .proSwiper-prev,.proSwiperBox:hover .proSwiper-next { margin: 0 2rem; transition: 0.35s ease-in-out; opacity: 1; } @media only screen and (max-width: 768px) { .proSwiperBox { margin: 2rem auto; } .proSwiperBox .topTitleBox { display: block; } .proSwiperBox .proSwiper .swiper-slide { margin: 2rem auto 0; } .proSwiperBox .proSwiper-prev,.proSwiperBox .proSwiper-next { margin: 0 2.5rem !important; opacity: 1 !important; } .proSwiperBox .proSwiper .list .content{ padding:0 2rem; } .proSwiperBox .proSwiper .list .content h2{ font-size: 1rem; } } @media only screen and (max-width:1024px) and (min-width:769px) { .proSwiperBox { margin: 4rem auto; } .proSwiperBox .topTitleBox { display: block; margin: 0 0 2rem; } .proSwiperBox .proSwiper .swiper-slide { margin: 0rem auto 0; } .proSwiperBox .proSwiper-prev,.proSwiperBox .proSwiper-next { margin: 0 2.5rem !important; opacity: 1 !important; } } .pTwoTypeBox { display: flex; position: relative; max-width: 94rem; margin: 7.5rem auto; padding: 0 2rem; overflow: hidden; flex-wrap: wrap; } .pTwoTypeBox .topTitleBox { position: relative; width: 100%; margin: 0 auto 5rem; flex: 0 0 100%; } .pTwoTypeBox .topTitleBox h1 { display: inline-flex; flex: 0 0 50%; margin: 0; padding: 0; font-size: 2.625rem; color: #20599f; line-height: 3rem; } .pTwoTypeBox .topTitleBox .more { text-align: center; position: absolute; right: 0; width: 10rem; height: 3rem; color: #fff; font-size: 0.875rem; line-height: 3rem; background: #404040; text-decoration: none; transition: 0.35s ease-in-out; overflow: hidden; } .pTwoTypeBox .topTitleBox .more:after { content: " "; position: absolute; top: -1.5rem; left: 50%; width: 6rem; height: 6rem; margin: 0 0 0 -3rem; background: rgba(21,62,120,0.8); transform: scale(0); border-radius: 100%; opacity: 0; transition: 0.35s ease-in-out; z-index: 2; } .pTwoTypeBox .topTitleBox .more:hover { background: #225ba0; transition: 0.35s ease-in-out; } .pTwoTypeBox .topTitleBox .more:hover:after { transform: scale(1.3); opacity: 1; transition: 0.35s ease-in-out; } .pTwoTypeBox .topTitleBox .more span { position: relative; z-index: 3; } .pTwoTypeBox .pListBox { display: flex; width: 100%; max-height: 31rem; overflow: hidden; flex: 0 0 100%; } .pTwoTypeBox .pListBox .listBox { width: 100%; padding: 0 8rem 0 0; flex: 0 0 calc(100% - 42rem); } .pTwoTypeBox .pListBox .listBox .des { color: var(--hColor); line-height: 2rem; } .pTwoTypeBox .pListBox .listBox ul { display: flex; justify-content: flex-start; margin: 4rem auto 0; flex-wrap: wrap; } .pTwoTypeBox .pListBox .listBox ul li { text-align: center; width: calc((100% - 4.5rem)/3); margin: 0 1.5rem 1.5rem 0; background: #f2f2f2; transition: 0.35s ease-in-out; overflow: hidden; } .pTwoTypeBox .pListBox .listBox ul li:hover { text-align: center; width: calc((100% - 4.5rem)/3); margin: 0 1.5rem 1.5rem 0; background: var(--bColor); transition: 0.35s ease-in-out; } .pTwoTypeBox .pListBox .listBox ul li h2 { width: 100%; padding: 0 0.5rem; font-size: 1rem; font-weight: 400; color: var(--hColor); line-height: 3rem; transition: 0.35s ease-in-out; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pTwoTypeBox .pListBox .listBox ul li:hover h2 { color: #fff; transition: 0.35s ease-in-out; } .pTwoTypeBox .pListBox .productImg { position: relative; width: 42rem; } .pTwoTypeBox .pListBox .productImg li { display: block; position: relative; } .pTwoTypeBox .pListBox .productImg li:nth-child(n+2) { display: none; } .pTwoTypeBox .pListBox .productImg .imgBox { position: relative; width: 100%; overflow: hidden; z-index: 1; } .pTwoTypeBox .pListBox .productImg .imgBox img { position: relative; width: 100%; transform: scale(1); transition: 0.35s ease-in-out; z-index: 1; } .pTwoTypeBox .pListBox .productImg .imgBox:hover img { transform: scale(1.075); transition: 0.35s ease-in-out; } .pTwoTypeBox .pListBox .productImg .content { position: absolute; bottom: 2rem; text-align: center; width: 100%; z-index: 3; } .pTwoTypeBox .pListBox .productImg .content h3 { font-size: 1.125rem; font-weight: 400; color: var(--hColor); line-height: 1.125rem; transition: 0.35s ease-in-out; } .pTwoTypeBox .pListBox .productImg li:hover .content h3 { color: var(--bColor); transition: 0.35s ease-in-out; } @media only screen and (max-width: 768px) { .pTwoTypeBox { margin: 3rem auto; } .pTwoTypeBox .topTitleBox { margin: 0; } .pTwoTypeBox .topTitleBox h1 { margin: 0 0 1rem;font-size: 1.75rem; } .pTwoTypeBox .pListBox .listBox .des{ font-size: 0.875rem; } .pTwoTypeBox .pListBox .listBox ul li h2{ font-size: 0.875rem; } .pTwoTypeBox .topTitleBox .more { display: none; position: relative; margin: 2rem 0 0; } .pTwoTypeBox .pListBox { max-height: 100%; flex-wrap: wrap; } .pTwoTypeBox .pListBox .listBox { padding: 0; flex: 0 0 100%; } .pTwoTypeBox .pListBox .listBox ul { width: calc(100% + 2rem); margin: 2rem auto 0; } .pTwoTypeBox .pListBox .listBox ul li { width: calc((100% - 3rem)/2); margin: 0 1rem 1rem 0;} .pTwoTypeBox .pListBox .productImg .content { bottom: 0.75rem; } .pTwoTypeBox .pListBox .productImg { display: none; } } @media only screen and (max-width:1024px) and (min-width: 769px) { .pTwoTypeBox .pListBox { flex-wrap: wrap; max-height: 100%; } .pTwoTypeBox .pListBox .listBox { padding: 0; flex: 0 0 100%; } .pTwoTypeBox .pListBox .productImg { width: 100%; margin: 2rem auto 0; flex: 0 0 100%; } } @media only screen and (max-width:1280px) and (min-width:1025px) { .pTwoTypeBox .pListBox { flex-wrap: wrap; max-height: 100%; } .pTwoTypeBox .pListBox .listBox { padding: 0; flex: 0 0 100%; } .pTwoTypeBox .pListBox .productImg { width: 100%; margin: 2rem auto 0; flex: 0 0 100%; } }@media only screen and (max-width: 768px){/*小屏*/ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } .comButton{ position:relative !important; } .comButton .more{ font-size: 0.7rem !important; } } @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){/*中屏*/ .comButton{ position:relative !important; } } @media only screen and (max-width: 1280px) and (min-width:1025px){/*中屏*/ .comButton{ position:relative !important; } } .comButton .more { display:block; text-align: center; position: relative; right: 0; width: 10rem; height: 3rem; color: #fff; font-size: 0.875rem; line-height: 3rem; background: #404040; text-decoration: none; transition: 0.35s ease-in-out; overflow: hidden; } .comButton .more:after { content: " "; position: absolute; top: -1.5rem; left: 50%; width: 6rem; height: 6rem; margin: 0 0 0 -3rem; background: rgba(21,62,120,0.8); transform: scale(0); border-radius: 100%; opacity: 0; transition: 0.35s ease-in-out; z-index: 2; } .comButton .more:hover { background: #225ba0; transition: 0.35s ease-in-out; } .comButton .more:hover:after { transform: scale(1.3); opacity: 1; transition: 0.35s ease-in-out; } .comButton .more span { position: relative; z-index: 3; }.indexBannerBox{ position:relative; width:100%; overflow:hidden; cursor: default; z-index: 1;} .indexBannerBox .swiper-container{ position:relative; } .indexBannerBox .swiper-container .swiper-wrapper{ position:relative; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide{ position:relative; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list{ position:relative; width:100%; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox{ position: relative; width:100%; overflow: hidden; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox img{ width:100%; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox .bannerPic{ display:block; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox .bannerMo{ display:none; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text{ display: none; position: absolute; top: calc((100% - 12.875rem)/2); left: calc((100vw - 1600px)/2); transition: 0.35s ease; z-index: 2; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle{ font-size:4rem; color:var(--fColor); } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(1){ display:block; font-size:2rem; font-weight: 100; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(2){ display:block; font-size:3.5rem; font-weight: 100; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .line{ position:relative; left:0; width:96%; height:1px; margin: 1rem 4% 0.5rem 0; background:rgba(69,70,71,0.4); } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .line:before{ content:" "; position:absolute; top:-1px; width:10%; height:3px; background:red; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .summry{ width: 31rem; font-size: 1rem; color:var(--fColor); line-height: 2; } .indexBannerBox .bannerBtn .swiper-button-prev{ position:absolute; text-align:center; left: calc((100% - 104rem)/2); bottom: calc((100% - 3rem)/2); width: 3rem; height: 3rem; margin: 0rem; line-height: 3rem; background:transparent; border:1px solid var(--fColor); border-radius: 25%; z-index:20; transition:0.35s ease-in-out; cursor: default; opacity: 0; } .indexBannerBox .bannerBtn .swiper-button-prev:hover{ background:var(--bColor); border:1px solid var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:active{ background:var(--bColor); border:1px solid var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev .iconfont{ font-size: 1rem; line-height: 3rem;color:var(--fColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:hover .iconfont{ color:var(--fColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:active .iconfont{ olor:var(--fColor); transition:0.35s ease-in-out; } .indexBannerBox:hover .bannerBtn .swiper-button-prev{ margin: 0rem 2rem; opacity:1; transition:0.35s ease-in-out; } .indexBannerBox:hover .bannerBtn .swiper-button-prev:after{ display:none; } .indexBannerBox .bannerBtn .swiper-button-next{ position:absolute; text-align:center; right: calc((100% - 104rem)/2); bottom: calc((100% - 3rem)/2); width: 3rem; height: 3rem; margin:0; line-height: 3rem; background:transparent; border:1px solid var(--fColor); border-radius: 25%; z-index:20; transition:0.35s ease-in-out; cursor: default; opacity: 0; } .indexBannerBox:hover .bannerBtn .swiper-button-next:after{ display:none; } .indexBannerBox .bannerBtn .swiper-button-next:hover{ background:var(--bColor); border:1px solid var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:active{ background:var(--bColor); border:1px solid var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next .iconfont{ font-size: 1rem; line-height: 3rem;color:var(--fColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:hover .iconfont{ color:var(--fColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:active .iconfont{ olor:var(--fColor); transition:0.35s ease-in-out; } .indexBannerBox:hover .bannerBtn .swiper-button-next{ margin: 0rem 2rem; opacity:1; transition:0.35s ease-in-out; } .indexBannerBox .swiper-pagination{ display: block; text-align: right; position:absolute; left: calc((100% - 90rem)/2); bottom: 12rem; width:auto; height:auto; background: transparent; z-index:100; } .indexBannerBox .swiper-pagination .swiper-pagination-bullet{ display: inline-block; position:relative; width: 0.75rem; height: 0.75rem; margin: 0 2px; background:var(--fColor); border-radius: 100%; transition:0.35s ease-in-out; opacity: 0.2; } .indexBannerBox .swiper-pagination .swiper-pagination-bullet-active{ width: 2.5rem; background:var(--bColor); border-radius: 1rem; transition:0.35s ease-in-out; opacity: 1; } .swiper-button-next:after, .swiper-button-prev:after{ display:none; } @media only screen and (max-width: 768px){ .indexBannerBox{ margin:80px auto 0; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox .bannerPic{ display:none; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox .bannerMo{ display:block; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text{ top: calc((100% - 5.75rem)/2); left:1rem; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(1){ font-size: 2rem; line-height: 2; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(2){ font-size:1rem; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .line{ display:None; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .summry{ display:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev{ display: none;left: 1.5rem; bottom: 0rem; transform: scale(1); border: none; opacity: 1; } .indexBannerBox .bannerBtn .swiper-button-prev:hover{ background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:active{ background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev .iconfont{ font-size:1.25rem; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:hover .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:active .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next{ display: none;left: 3rem; bottom: 0rem; transform: scale(1); border: none; opacity: 1; } .indexBannerBox .bannerBtn .swiper-button-next:hover{ background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:active{ background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next .iconfont{ font-size:1.25rem; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:hover .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:active .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .swiper-pagination{ right: 1.5rem; bottom: 1rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px){ .indexBannerBox{ margin:80px auto 0; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox .bannerPic{ display:block; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .imgBox .bannerMo{ display:none; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text{ top: calc((100% - 14rem)/2); left:1rem; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(1){ font-size: 2rem; line-height: 2; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(2){ font-size:1rem; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .line{ display:block; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .summry{ display:block; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev{ display: none;left: 1.5rem; bottom: 1rem; transform: scale(1); border: none; opacity: 0; } .indexBannerBox .bannerBtn .swiper-button-prev:hover{ background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:active{ background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev .iconfont{ font-size:1.25rem; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:hover .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-prev:active .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next{ display: none;left: 3rem; bottom: 1rem; transform: scale(1); border: none; opacity: 0; } .indexBannerBox .bannerBtn .swiper-button-next:hover{ display: none;background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:active{ background:transparent; border:none; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next .iconfont{ font-size:1.25rem; transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:hover .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .bannerBtn .swiper-button-next:active .iconfont{ color:var(--bColor); transition:0.35s ease-in-out; } .indexBannerBox .swiper-pagination{ right: 1.5rem; bottom: 1rem; } } @media only screen and (min-width: 1025px) and (max-width:1680px){ .indexBannerBox .bannerBtn .swiper-button-prev{ left: 2rem; bottom: 1rem; } .indexBannerBox .bannerBtn .swiper-button-next{ right: 2rem; bottom: 1rem; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text{ top: calc((100% - 14rem)/2); left:1rem; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(1){ font-size: 2rem; line-height: 2; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .bannerTitle span:nth-child(2){ font-size:1rem; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .line{ display:block; transition:0.35s ease-in-out; } .indexBannerBox .swiper-container .swiper-wrapper .swiper-slide .list .text .summry{ display:block; transition:0.35s ease-in-out; } .indexBannerBox .swiper-pagination{ right: 1.5rem; bottom: 1rem; } }.c_portalResEbizads_banner-01001004 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResEbizads_banner-01001004 >div{ animation-fill-mode:both; }.nTpyeBox { position: relative; max-width: 96rem; max-height: 30.25rem;margin: 4rem auto 0; padding: 0 2rem; } .nTpyeBox .topTitleBox { max-width: 90rem; margin: 0 auto 4rem; line-height: 2rem; } .nTpyeBox .topTitleBox h1 { margin: 0 0 2rem; font-size: 2.625rem; font-weight: 600; color: #2269b1; line-height: 3rem; } .nTpyeBox .topTitleBox h2 { margin: 0 0 2rem; font-size: 1.5rem; color: #333333; } .nTpyeBox .topTitleBox h3 { margin: 0; font-size: 1.125rem; color: #999; } .nTpyeBox .nTpyeList { position: relative; max-width: 90rem; } .nTpyeBox .nTpyeList .list { position: inherit; } .nTpyeBox .nTpyeList .list .imgBox { width: 100%; overflow: hidden; } .nTpyeBox .nTpyeList .list .imgBox img { width: 100%; transform: scale(1); transition: 0.35s ease-in-out; } .nTpyeBox .nTpyeList .list:hover .imgBox img { width: 100%; transform: scale(1.25); transition: 0.35s ease-in-out; } .nTpyeBox .nTpyeList .list .content { margin: 2rem auto 0; text-align: center; } .nTpyeBox .nTpyeList .list .content .title { font-size: 1rem; color: #1c1c1c; line-height: 1rem; transition:0.35s ease-in-out; } .nTpyeBox .nTpyeList .list:hover .content .title{ color: #2269b1; transition:0.35s ease-in-out; } .nTpyeBox .nTpyeList-prev{ position:absolute; top: calc((100% - 1.25rem)/2); left:0; margin:0 2rem; transition: 0.35s ease-in-out; opacity: 0; z-index: 100; } .nTpyeBox .nTpyeList-next{ position:absolute; top: calc((100% - 1.25rem)/2); right: 0; margin:0 2rem; transition: 0.35s ease-in-out; opacity: 0; z-index: 100; } .nTpyeBox:hover .nTpyeList-prev,.nTpyeBox:hover .nTpyeList-next{ margin:0; color:#19559b; opacity:1; } .nTpyeBox .nTpyeList-prev .iconfont,.nTpyeBox .nTpyeList-next .iconfont{ font-size:1.25rem; color:#1c1c1c; } .nTpyeBox .nTpyeList-prev:hover .iconfont,.nTpyeBox .nTpyeList-next:hover .iconfont{ color:#19559b; opacity:1; } .nTpyeBox .nTpyeList-prev:active .iconfont,.nTpyeBox .nTpyeList-next:active .iconfont{ color:#19559b; } @media only screen and (max-width: 768px) { .nTpyeBox{ max-height: 100%; margin: 2rem auto 0;padding: 0; } .nTpyeBox .nTpyeList-prev,.nTpyeBox .nTpyeList-next{ margin: 0 1rem; opacity: 1 !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .nTpyeBox{ max-height: 100%; padding: 0; } .nTpyeBox .nTpyeList-prev,.nTpyeBox .nTpyeList-next{ margin: 0 1rem; opacity: 1 !important; } }.w_fimgbox-001{ width: 100%; height: auto; min-height: 200px; margin: 0 auto; } .w_fimgbox-001 .w_imgbox{ width: 100%; height: 100%; position: relative; min-height: inherit; } .w_fimgbox-001 .w_imgbox > img{ width: 100%; height: auto; } .w_fimgbox-001 .w_imgbox > .p_contentbox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: 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: visible; position: static; } .w_grid-000 > div > div > .p_gridCell { float: left; position: static; } .w_grid-000 > div > .p_gridbox:before { content: ''; display: block; clear: both; } .w_grid-000 > div > .p_gridbox:after { content: ''; display: block; clear: both; } .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; } /* headerBox */ #w_grid-1650761426574 { position: fixed; width: 100% !important; z-index: 999; top: 0px; height: 100px; background: #fff; } #w_grid-1650761426574:before { } #w_grid-1650761462783 { display: flex !important; position: relative !important; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n+1) { width: 15% !important; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 70% !important; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n) { width: 15% !important; } /* indexAbout */ #w_grid-1650951782829 { } #w_grid-1650951782829 .comButton { position: absolute; bottom: 0 !important; } @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; } /* headerBox */ #w_grid-1650761426574 { height: 80px; min-height: 80px; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n+1) { width: 40% !important; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 40% !important; float: right; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n) { display: none !important; } /* indexAdv */ #w_common_text-1650892756060 p span { font-size: 1.45rem !important; line-height: 2rem; } /* indexAbout */ #w_grid-1651068666971{ margin:1rem auto !important; } #w_grid-1651030273229{ margin:1rem auto !important; } #w_grid-1651029649117{ margin:1rem auto !important; } #w_grid-1650951782829 { position: relative !important; margin: 1rem auto 3rem !important; } #w_grid-1650951782829 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin: 0rem auto 0 !important; } #w_common_text-1650951876719 p span{ font-size:2rem; } #w_common_text-1650951911603 p span{ font-size:1.5rem; line-height: 1rem; } #w_common_text-1650951976532 p span{ font-size:1.5rem; line-height: 1rem; } #w_common_text-1650951989698 p span{ font-size:0.875rem; } #w_common_text-1650952030747{ display:none; } #w_common_text-1650952030747 p span{ font-size:0.875rem; } #w_common_text-1650957122332 p span{ font-size:1.75rem; } /* indexApp */ #w_grid-1650957082874 { margin: 2rem auto 4rem !important; } #w_common_text-1650957125378{ margin: 0.5rem auto !important; } #w_common_text-1650957125378 p span{ font-size:1.125rem; } #w_common_text-1650957126402 p span{ font-size:0.875rem; } /* indexNews*/ #w_grid-1650957398867 { margin: 4rem auto 0rem !important; } #w_common_text-1650957458788 p span{ font-size:1.75rem; } #w_common_text-1650957458791{ margin:0.75rem auto !important; } #w_common_text-1650957458791 p span{ font-size:1.125rem; } #w_common_text-1650957458794 p span{ font-size:0.875rem; } /* contact */ #w_grid-1651049075311{ margin:1rem auto !important; } #w_grid-1651073326730> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651047955892{ margin:1rem auto !important; } /* footerBox */ #w_grid-1650789471790 { margin: 2rem auto 1rem !important; padding: 0; } #w_fimg-1650789549299 { margin: 0 auto !important; } #w_common_text-1650789637081{ display:none; } #w_grid-1650789471790 p { text-align: center; } #w_fimg-1650789973996 { display: none;margin: 2rem auto 0 !important; } #w_common_text-1650789758258{ margin: 0; } #w_common_text-1650789851618{ margin:0.5rem 0 1rem; } #w_common_text-1650789851618 p span{ font-size: 0.875rem !important; } #w_common_text-1650789758258 p span{ font-size: 0.875rem !important; } #w_grid-1650789822174 p { text-align: center !important; } #w_common_text-1650789956669{ display: none;margin:1rem auto 0; } #w_common_text-1650789956669 p span{ font-size:1.125rem; } } @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) { /* headerBox */ #w_grid-1650761426574:before { height: 5rem; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n+1) { width: 20% !important; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 80% !important; } #w_grid-1650761462783> div > .p_gridbox > .p_gridCell:nth-child(3n) { display: none !important; } /* indexAbout */ #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin:2rem auto 0; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n){ width:100% !important; } /* product */ #w_grid-1651031042253> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651042718013> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651041835959> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } /* news */ #w_grid-1651043302661> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651044121151> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651044370523> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651045323158> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } /* content */ #w_grid-1651073326713> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651073326724{ max-width:100% !important; } #w_grid-1651073326730> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } #w_grid-1651073326713> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin:0 !important; } #w_grid-1651073326713> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:100% !important; } /* search */ #w_grid-1651049428054> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width:100% !important; } /* footerBox */ #w_grid-1650789471790> div > .p_gridbox > .p_gridCell:nth-child(3n) { display: none; } #w_grid-1650789471790> div > .p_gridbox > .p_gridCell:nth-child(3n+1) { width: 30% !important; } #w_grid-1650789471790> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 70% !important; } }.advBox { position: relative; display: flex; margin: 4rem auto; padding: 0 2rem; max-width: 94rem; justify-content: center; align-items: center; } .advBox .advList .list { display: flex; margin: 5rem auto; color: #1c1c1c; } .advBox .advList .list i { display: inline-flex; justify-content: center; margin: 0; width: 1.375rem; height: 1.375rem; font-size: 1rem; line-height: 1.375rem; border-radius: 100%; background: var(--hColor); color: #fff; transition: 0.35s ease-in-out; } .advBox .advList .list:hover i { background: var(--bColor); transition: 0.35s ease-in-out; } .advBox .advList .list:hover span { color: var(--bColor); transition: 0.35s ease-in-out; } .advBox .leftList { display: flex; width: calc((100% - 31rem)/2); justify-content: flex-end; } .advBox .leftList ul { padding: 0 5rem 0 0; } .advBox .leftList ul .list { justify-content: flex-end; } .advBox .leftList ul .list:nth-of-type(2),.advBox .leftList ul .list:nth-of-type(3) { margin: 5rem; } .advBox .leftList ul .list i { margin: 0 0 0 1.5rem; transition: 0.35s ease-in-out; } .advBox .leftList ul .list:hover i { margin: 0 0 0 1rem; transition: 0.35s ease-in-out; } .advBox .rightList { display: flex; justify-content: flex-start; width: calc((100% - 31rem)/2); } .advBox .rightList ul { padding: 0 0 0 5rem; } .advBox .rightList ul .list { justify-content: flex-start; } .advBox .rightList ul .list:nth-of-type(2),.advBox .rightList ul .list:nth-of-type(3) { margin: 5rem; } .advBox .rightList ul .list i { margin: 0 1.5rem 0 0; transition: 0.35s ease-in-out; } .advBox .rightList ul .list:hover i { margin: 0 1rem 0 0; transition: 0.35s ease-in-out; } .advBox .imgBox { position: relative; z-index: 2; overflow: hidden; width: 31rem; height: 31rem; } .advBox .content { position: absolute; bottom: 5rem; left: 0; z-index: 3; padding: 0 5rem; width: calc(100% - 0rem); color: #fff; text-align: center; } .advBox .content p { display: -webkit-box; margin: 0; padding: 0; color: #fff; font-size: 1rem; line-height: 2rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .advBox .imgBox img { width: 100%; } .advBox .imgBox ul { margin: 0; padding: 0; list-style: none; } .advBox .imgBox ul .imgList { position: absolute; overflow: hidden; width: 100%; height: 100%; border-radius: 100%; transition: 0.5s ease-in-out; } @media only screen and (max-width: 768px) { .advBox { max-width: 100%; margin: 2rem 0 0; padding: 0; flex-wrap: wrap; } .advBox .advList .list { justify-content: center !important; margin: 0 0 1rem; padding: 0.5rem 1rem; font-size: 0.875rem; color: #fff; background: var(--bColor); border-radius: 1rem; } .advBox .advList .list:hover{ background: var(--hColor); } .advBox .advList .list:hover span{ color:#fff; } .advBox .advList .list i { display: none; } .advBox .leftList { position: absolute;top: 0;left: 0;justify-content: center; width: 50%; margin: 0; z-index: 10;} .advBox .leftList ul { padding: 0; } .advBox .leftList ul .list:nth-of-type(2), .advBox .leftList ul .list:nth-of-type(3) { margin: 0 0 1rem; } .advBox .imgBox { display: block; width: 20rem; height: 36rem; } .advBox .imgBox ul .imgList{ top: 14rem; width: 20rem; height: 20rem; } .advBox .content { bottom: 5rem; padding: 0 2rem; } .advBox .rightList { position: absolute;top: 0;right: 0;justify-content: center; width: 50%; margin: 0; z-index: 10;} .advBox .rightList ul { padding: 0; } .advBox .rightList ul .list:nth-of-type(2), .advBox .rightList ul .list:nth-of-type(3) { margin: 0 0 1rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .advBox { max-width: 100%; padding: 0; flex-wrap: wrap; } .advBox .advList .list { margin: 0 0 1rem; } .advBox .leftList { justify-content: flex-end; width: calc((100% - 18rem)/2); margin: 0; } .advBox .leftList ul { padding: 0 1rem 0 0; } .advBox .leftList ul .list:nth-of-type(2), .advBox .leftList ul .list:nth-of-type(3) { margin: 0 0 1rem; } .advBox .imgBox { width: 18rem; height: 18rem; } .advBox .content { bottom: 6rem; padding: 0 2rem; } .advBox .rightList { justify-content: flex-start; width: calc((100% - 18rem)/2); margin: 0; } .advBox .rightList ul { padding: 0 0 0 1rem; } .advBox .rightList ul .list:nth-of-type(2), .advBox .rightList ul .list:nth-of-type(3) { margin: 0 0 1rem; } } @media only screen and (max-width:1280px) and (min-width: 1025px) { .advBox { max-width: 100%; padding: 0; flex-wrap: wrap; } .advBox .advList .list { margin: 0 0 2rem; } .advBox .leftList { justify-content: flex-end; width: calc((100% - 20rem)/2); margin: 0; } .advBox .leftList ul { padding: 0 2rem 0 0; } .advBox .leftList ul .list:nth-of-type(2), .advBox .leftList ul .list:nth-of-type(3) { margin: 0 2rem 2rem 0; } .advBox .imgBox { width: 20rem; height: 20rem; } .advBox .content { bottom: 6rem; padding: 0 2rem; } .advBox .rightList { justify-content: flex-start; width: calc((100% - 20rem)/2); margin: 0; } .advBox .rightList ul { padding: 0 0 0 2rem; } .advBox .rightList ul .list:nth-of-type(2), .advBox .rightList ul .list:nth-of-type(3) { margin: 0 2rem 2rem; } } @media only screen and (max-width:1366px) and (min-width: 1281px) { .advBox .leftList { justify-content: flex-end; width: calc((100% - 24rem)/2); margin: 0; } .advBox .leftList ul { padding: 0 2rem 0 0; } .advBox .imgBox { width: 24rem; height: 24rem; } .advBox .content { bottom: 8rem; padding: 0 2rem; } .advBox .rightList { justify-content: flex-end; width: calc((100% - 24rem)/2); margin: 0; } .advBox .rightList ul { padding: 0 0 0 2rem; } } @media only screen and (max-width:1440px) and (min-width:1367px) { .advBox .leftList { justify-content: flex-end; width: calc((100% - 28rem)/2); margin: 0; } .advBox .leftList ul { padding: 0 2rem 0 0; } .advBox .imgBox { width: 28rem; height: 28rem; } .advBox .content { bottom: 10rem; padding: 0 4rem; } .advBox .rightList { justify-content: flex-end; width: calc((100% - 28rem)/2); margin: 0; } .advBox .rightList ul { padding: 0 0 0 2rem; } } @media only screen and (max-width:1680px) and (min-width:1441px) { .advBox .leftList ul { padding: 0 3rem 0 0; } .advBox .rightList ul { padding: 0 0 0 3rem; } } .nlistBox { position: relative; max-width: 94rem; margin: 4rem auto; padding: 0 2rem; } .nlistBox .topTitleBox { margin: 0 auto 4rem; line-height: 2rem; } .nlistBox .topTitleBox h1 { margin: 0 0 2rem; font-size: 2.625rem; font-weight: 600; color: #2269b1; line-height: 3rem; } .nlistBox .topTitleBox h2 { margin: 0 0 2rem; font-size: 1.5rem; color: #333333; } .nlistBox .topTitleBox h3 { margin: 0; font-size: 1.125rem; color: #999; } .nlistBox .listBox { position: relative; } .nlistBox .listBox ul { display: flex; position: relative; width: calc(100% + 2rem); flex-wrap: wrap; } .nlistBox .listBox ul li { display: inline-flex; position: relative; width: calc((100% - 4rem)/2); margin: 0 2rem 2rem 0; flex-wrap: nowrap; } .nlistBox .listBox ul li .imgBox { width: 100%; border: 1px solid rgba(51,51,51,0.1); overflow: hidden; } .nlistBox .listBox ul li .imgBox img { width: 100%; transform: scale(1); transition: 0.35s ease-in-out; overflow: hidden; } .nlistBox .listBox ul li:hover .imgBox img { width: 100%; transform: scale(1.15); transition: 0.35s ease-in-out; overflow: hidden; } .nlistBox .listBox ul li .content { max-width: calc(100% - 20rem); padding: 0 0 0 2rem; } .nlistBox .listBox ul li .content .title { width: 100%; margin: 0; font-size: 1.25rem; color: #1c1c1c; line-height: 1.25rem; transition: 0.35s ease-in-out; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nlistBox .listBox ul li:hover .content .title { color: #2269b1; transition: 0.35s ease-in-out; } .nlistBox .listBox ul li .content .des { display: -webkit-box; margin: 1.5rem auto; font-size: 0.875rem; color: #777; line-height: 1.5rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .nlistBox .listBox ul li .content .time { position: absolute; bottom: 0; font-size: 0.875rem; color: #777; line-height: 1.5rem; } .nlistBox .listBox ul .bigList { flex-wrap: wrap; } .nlistBox .listBox ul .bigList .content { display: flex; position: absolute; bottom: 0; width: calc(100% - 0rem); max-width: 100%; padding: 0.5rem 2rem; background: rgba(51,51,51,0.8); z-index: 2; transition: 0.35s ease-in-out; flex-wrap: nowrap; } .nlistBox .listBox ul .bigList .content a { display: inline-flex; width: 100%; } .nlistBox .listBox ul .bigList:hover .content { background: #19559b; transition: 0.35s ease-in-out; } .nlistBox .listBox ul .bigList .content .title { width: calc(100% - 4.5rem); padding: 0 0.5rem 0 0; font-size: 1.125rem; color: #fff; line-height: 2rem; transition: 0.35s ease-in-out; } .nlistBox .listBox ul .bigList:hover .content .title { color: #fff; transition: 0.35s ease-in-out; } .nlistBox .listBox ul .bigList .content .des { display: none !important; } .nlistBox .listBox ul .bigList .content .time { position: relative; font-size: 0.7rem; color: #fff; line-height: 2rem; } .nlistBox .p_OccupyBox { position: relative; } .nlistBox .p_OccupyBox .p_page { position: relative; } .nlistBox .p_OccupyBox .p_page .pre,.nlistBox .p_OccupyBox .p_page .next { position: relative; background: transparent !important; border: none !important; } .nlistBox .p_OccupyBox .p_page .pre:hover,.nlistBox .p_OccupyBox .p_page .next:hover { background: var(--bColor); transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_page .pre .font .iconfont,.nlistBox .p_OccupyBox .p_page .next .font .iconfont { color: var(--hColor); transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_page .pre .font:hover .iconfont,.nlistBox .p_OccupyBox .p_page .next .font:hover .iconfont { color: var(--bColor); transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_page .pre .font:active .iconfont,.nlistBox .p_OccupyBox .p_page .next .font:active .iconfont { color: var(--bColor); transition: 0.35s ease-in-out; } .nlistBox .active { background: var(--bColor) !important; transition: 0.35s ease-in-out; } .nlistBox .pageNum { border: none !important; } .nlistBox .pageNum:hover { background: var(--bColor); transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox { position: relative; } .nlistBox .p_OccupyBox .p_pagebox .pre,.nlistBox .p_OccupyBox .p_pagebox .next { background: transparent; } .nlistBox .p_OccupyBox .p_pagebox .pre .font,.nlistBox .p_OccupyBox .p_pagebox .next .font { font-size: 0.875rem; color: var(--hColor); line-height: 1.5; transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .pre:hover .font,.nlistBox .p_OccupyBox .p_pagebox .next:hover .font { font-size: 0.875rem; color: var(--bColor); line-height: 1.5; transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .pre:active .font,.nlistBox .p_OccupyBox .p_pagebox .next:active .font { font-size: 0.875rem; color: var(--bColor); line-height: 1.5; transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .pre .font .iconfont,.nlistBox .p_OccupyBox .p_pagebox .next .font .iconfont { font-size: 0.875rem; color: var(--hColor); line-height: 1.5; transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .pre:hover .font .iconfont,.nlistBox .p_OccupyBox .p_pagebox:hover .next .font .iconfont { font-size: 0.875rem; color: var(--bColor); line-height: 1.5; transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .pre:active .font .iconfont,.nlistBox .p_OccupyBox .p_pagebox:active .next .font .iconfont { font-size: 0.875rem; color: var(--bColor); line-height: 1.5; transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .NumBox { position: relative; height: auto; border-radius: 0.5rem; transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .NumBox:hover,.nlistBox .p_OccupyBox .p_pagebox .NumBox:ative { background: var(--bColor); transition: 0.35s ease-in-out; } .nlistBox .p_OccupyBox .p_pagebox .NumBox .num { font-size: 1rem; line-height: 2.5rem; } .nlistBox .p_OccupyBox .p_pagebox .NumBox .iconfont:before { font-size: 1rem; line-height: 2.5rem; } @media only screen and (max-width:768px) { .nlistBox { margin: 2rem auto 1rem; padding: 0; } .nlistBox .listBox ul { width: 100%; } .nlistBox .listBox ul li { width: 100%; margin: 0 0 2rem 0; } .nlistBox .listBox ul .bigList .content .title { font-size: 0.875rem; } .nlistBox .listBox ul .bigList .content { position: relative; margin: -2px auto 0; padding: 0.5rem 1rem; } } @media only screen and (max-width:1024px) and (min-width:769px) { .nlistBox { padding: 0; } } @media only screen and (max-width:1280px) and (min-width:1025px) { .nlistBox { padding: 0; } } @media only screen and (max-width:1366px) and (min-width:1281px) { .nlistBox { padding: 0; } } @media only screen and (max-width:1440px) and (min-width:1367px) { .nlistBox { padding: 0; } }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%;margin:0px auto;}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_portalResPublic_codeContainer-16509521287886269{ 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_portalResProduct_category-16509430852205929{ 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_portalResNews_list-16508991383244441{ 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_portalResNews_list-16509601091208195 .p_articles{ width:calc((100% - 0px)/2); } #c_portalResNews_list-16509601091208195 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16509601091208195 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16509601091208195 >div{ animation-fill-mode:both; } #c_portalResNews_list-16509601091208195 .p_hot .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16509601091208195 .p_new .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16509601091208195 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16509601091208195 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16509601091208195 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16509601091208195 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16509601091208195{ 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_portalResEbizads_banner-16508808799944011 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16508808799944011 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16508808799944011{ 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_portalResNews_category-16509562672563887 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_category-16509562672563887 >div{ animation-fill-mode:both; } #c_portalResNews_category-16509562672563887{ 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_portalResProduct_category-16508821143002953 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_category-16508821143002953 >div{ animation-fill-mode:both; } #c_portalResProduct_category-16508821143002953{ 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-1650892199275 > div > .p_gridbox{ background-image:url(/img/indexAdvBg.jpg); } #w_grid-1650892199275 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1650892199275 >div{ animation-fill-mode:both; } #w_grid-1650892199275 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1650892199275*/ /*w_grid-1650892199275*/@media only screen and (min-width: 769px){ #w_grid-1650892199275> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1650892199275> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1650892199275> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1650892199275*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1650892199275> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1650892199275> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1650892199275> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1650892199275 .p_gridbox{ background-position:bottom center; background-repeat:no-repeat; } #w_grid-1650892295157 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1650892295157*/ /*w_grid-1650892295157*/ /*w_grid-1650892295157*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650951770600 > div > .p_gridbox{ background-image:url(/img/indexAboutBg.jpg); background-color:rgba(48, 108, 179, 1); } #w_grid-1650951770600 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1650951770600 >div{ animation-fill-mode:both; } #w_grid-1650951770600 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1650951770600*/ /*w_grid-1650951770600*/@media only screen and (min-width: 769px){ #w_grid-1650951770600> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1650951770600> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1650951770600> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1650951770600*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1650951770600> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1650951770600> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1650951770600> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1650951782829 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1650951782829 >div{ animation-fill-mode:both; } #w_grid-1650951782829 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1650951782829*/ /*w_grid-1650951782829*/@media only screen and (min-width: 769px){ #w_grid-1650951782829> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:6%; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:47%; margin-left:6%; margin-right:0px; clear:none; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:47%; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } /*w_grid-1650951782829*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1650951782829> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1650951782829> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimgbox-1650951848620 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1650951848620 >div{ animation-fill-mode:both; } #w_grid-1650957082874 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1650957082874*/ /*w_grid-1650957082874*/ /*w_grid-1650957082874*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650957112786 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1650957112786*/ /*w_grid-1650957112786*/ /*w_grid-1650957112786*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650957398867 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1650957398867*/ /*w_grid-1650957398867*/ /*w_grid-1650957398867*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650957458784 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1650957458784*/ /*w_grid-1650957458784*/ /*w_grid-1650957458784*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1650892199275{ 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-1650892295157{ width:100%; max-width:1504px; 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_common_text-1650892756060{ 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-1650951770600{ 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-1650951782829{ width:100%; max-width:1508px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:64px; margin-left:auto; margin-right:auto; margin-bottom:64px; padding-top:0px; padding-left:32px; padding-right:32px; padding-bottom:0px; } #w_common_text-1650951876719{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:50px; 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-1650951911603{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:50px; margin-top:32px; margin-left:0px; margin-right:0px; margin-bottom:32px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1650951848620{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:200px; 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_common_text-1650951976532{ 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-1650951989698{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:32px; margin-left:0px; margin-right:0px; margin-bottom:32px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1650952030747{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:32px; margin-left:0px; margin-right:0px; margin-bottom:32px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1650957082874{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:120px; margin-left:auto; margin-right:auto; margin-bottom:120px; padding-top:0px; padding-left:32px; padding-right:32px; padding-bottom:0px; } #w_grid-1650957112786{ width:100%; max-width:1440px; min-width:0px; height:auto; max-height:none; min-height:192px; 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_common_text-1650957122332{ 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-1650957125378{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:32px; margin-left:0px; margin-right:0px; margin-bottom:32px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1650957126402{ 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-1650957398867{ 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:32px; padding-right:32px; padding-bottom:0px; } #w_grid-1650957458784{ width:100%; max-width:1440px; min-width:0px; height:auto; max-height:none; min-height:192px; 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_common_text-1650957458788{ 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-1650957458791{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:32px; margin-left:0px; margin-right:0px; margin-bottom:32px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1650957458794{ 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; }