.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .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); }.fa_pageBanner{ position:relative; overflow:hidden; } .fa_pageBanner .fa_bg{ position:relative; background: #000; } .fa_pageBanner .fa_bg img{ max-height:70vh; height:700px; width:100%; object-fit: cover; opacity: 0.6; } .fa_pageBanner .fa_tit{ position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; z-index:2; text-align: center; } .fa_pageBanner .fa_tit h4{ font-size: var(--f50); color: #fff; font-weight: 600; text-transform:capitalize; } .fa_pageBanner .fa_tit h3{ font-size:var(--f30); color:#fff; margin-top:2rem; text-transform:capitalize; font-weight: 400; } @media screen and (min-width: 769px){ } @media screen and (max-width: 768px){ .fa_pageBanner .fa_bg img{ max-height:40vh; height:400px; width:100%; object-fit: cover; opacity: 0.6; } }  .fa_hBanner { position: relative; overflow: hidden; padding: 0; margin: 0; background:#c9c0bc; } .fa_hBanner .fa_li { overflow: hidden; position: relative; } .fa_hBanner .fa_pic { font-size: 0; line-height: 1; overflow: hidden; position: relative; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition:all 1.5s; transition-delay:1.8s; } .fa_hBanner .fa_pic:before{ content:""; background:linear-gradient(90deg,#130f0b,transparent); position: absolute; left:0; top:0; bottom:0; right:0; z-index: 4; opacity: 0.5; } .fa_hBanner .fa_pic img, .fa_hBanner .fa_pic video { width: 100%; height: 100vh; object-fit: cover; opacity: 1; max-height:1200px!important; } .fa_hBanner .swiper-slide-active .fa_pic { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition-delay:0s; } .fa_hswp_btn>div { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; background: rgba(31, 75, 104, 0.3); padding: 20px 5px; font-size: 30px; z-index: 10; cursor: pointer; } .fa_hBanner .fa_tit { position: absolute; left: 0%; z-index: 5; transition: all 0.5s; bottom: 20%; right: 0; } .fa_hBanner .fa_tit .fa_wrap { max-width: 1400px; width: 96%; padding: 0 10px; margin: auto; position: relative; } .fa_hBanner .fa_tit h3 { font-size: 4rem; color: #fff; transition: all 0.5s; opacity: 0; transform: translateY(20px); line-height: 1.2; position: relative; display: inline-block; font-weight: 700; text-transform: uppercase; } .fa_hBanner .fa_tit h3 span { position: relative; } .fa_hBanner .fa_tit h4 { font-size: 3rem; opacity: 0; color: #fff; line-height: 1.5; margin: auto; margin-top: 1vw; font-family: 'he'; } .fa_hBanner .fa_tit h6 { font-size: var(--f26); transition: all 0.5s; opacity: 0; transform: translateY(30px); font-weight: 400; text-transform: capitalize; color: #fff; position: relative; line-height: 1.5; margin-top: var(--f30); } .fa_hBanner .fa_More { margin-top: 3vw; transition: all 0.5s; opacity: 0; transform: translateY(20px); } .fa_hBanner .swiper-slide-active .fa_More { opacity: 1; transform: translateY(-0%); transition: all 0.8s 0.8s; } .fa_hBanner .swiper-slide-active .fa_tit h3 { opacity: 1; transform: translateY(-0%); transition: all 0.8s 0.5s; } .fa_hBanner .swiper-slide-active .fa_tit h4 { opacity: 1; letter-spacing: 0; transition: all 0.8s 0.8s; } .fa_hBanner .swiper-slide-active .fa_tit h6 { opacity: 1; transform: translateY(-0%); transition: all 0.8s 0.6s; } .fa_hBanner .fa_downbox{ position:absolute; right:5vw; bottom:5%; display:flex; align-items:center; z-index:5; } .fa_hBanner .fa_downbox .fa_line{ width: 150px; position: relative; height: 2px; background: rgba(255,255,255,0.2); margin-right: 20px; } .fa_hBanner .fa_downbox .fa_line span{ background:#fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .fa_hBanner .fa_downbox .fa_swpboxbtn>div{ display:inline-flex; width:40px; height:40px; border-radius:5px; border:#fff solid 1px; color:#fff; font-size:14px; align-items:center; justify-content:center; transition:all 0.5s; cursor:pointer; } .fa_hBanner .fa_downbox .fa_swpboxbtn>div:hover{ color:#333; background:#fff; } @media screen and (max-width: 768px) { .fa_hBanner .fa_tit { text-align:center; } .fa_hBanner .fa_tit h3, .fa_hBanner .fa_tit h6 { font-size: 20px; } .fa_hBanner .fa_tit h4 { font-size: 20px; } .fa_htitle .fa_tt_span { display: none; } .fa_hBanner .fa_pic img, .fa_hBanner .fa_pic video { width: 100%; height: auto; height:60vh; max-height:600px!important; } .homeBanner_navbtn { display: none; } .fa_hBanner .fa_swpbtn { display: none; } .fa_swp_button span { width: 10px; height: 10px; } .fa_swpboxbtn>div{ width:40px; height:40px; font-size:16px; } } @media only screen and (max-width: 768px) { .c_portalResIntro_category-01001 { height: auto; width: 280px; overflow: visible; max-width:1180px; min-height:192px; margin-left: 0; margin-right: 0; } .c_portalResIntro_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 6px; } .c_portalResIntro_category-01001 .p_image>img { width: 100%; height: 100%; } }  @media only screen and (min-width: 769px) { .c_portalResIntro_category-01001 .p_btn-show,.c_portalResIntro_category-01001 .p_btn-hide{ display: none; } .c_portalResIntro_category-01001 { height: auto; width: 280px; overflow: visible; max-width:1180px; min-height:192px; margin-left: 0; margin-right: 0; }  .c_portalResIntro_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResIntro_category-01001 .p_categoryBox{ line-height:24px; } .c_portalResIntro_category-01001 .p_categoryBox .p_linkBox { width:100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items:center; padding: 10px; } .c_portalResIntro_category-01001 .p_categoryBox .p_title{ height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c_portalResIntro_category-01001 .p_categoryBtn{ display:inline-block; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; height:auto; width:30px; padding:0; position:static; text-align: center; } .c_portalResIntro_category-01001 .p_linkBox .iconfont:before{ content:''; } .c_portalResIntro_category-01001 .p_linkBox .icon-arrow_up:before{ content:'\e6c9'; } .c_portalResIntro_category-01001 .p_linkBox .icon-arrow_down:before{ content:'\e6c8'; } .mouse_bac:hover .p_categoryBtn { color: #60a9d7; } .c_portalResIntro_category-01001 .p_categoryBox .p_childBox { } .c_portalResIntro_category-01001 .p_categoryBox .p_parentBox{ position:relative; } .c_portalResIntro_category-01001 .p_categoryBox .p_parentBox .p_parentBox { padding-left: 18px; } .c_portalResIntro_category-01001 .p_parentBox:last-child .p_linkBox { border-bottom:0 none; } .c_portalResIntro_category-01001 .p_categoryBox .slideOut{ position:absolute; left:100%; top:0; width:100%; height:auto; } .c_portalResIntro_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResIntro_category-01001 .p_image>img { width: 100%; height: 100%; } }  @media only screen and (min-width: 769px) and (max-width: 1024px) { }@media only screen and (max-width: 768px) {  .c_portalResCompanyFile_list-03001 { min-width: 100%; } .c_portalResCompanyFile_list-03001 .li_list { width: 100% !important; } .c_portalResCompanyFile_list-03001 .p_fileListMo { display: block; padding: 10px; } .c_portalResCompanyFile_list-03001 .p_fileListBox { padding: 10px; margin-bottom: 10px; position: relative; } .c_portalResCompanyFile_list-03001 .p_fileListBox:last-child { margin: 0; } .c_portalResCompanyFile_list-03001 .p_listedFiles, .c_portalResCompanyFile_list-03001 .p_classify { display: none; } .c_portalResCompanyFile_list-03001 .p_img { float: left; width: 120px; height: 120px !important; padding-bottom: 0 !important; } .c_portalResCompanyFile_list-03001 .p_img img { width: 100%; height: 100%; } .c_portalResCompanyFile_list-03001 .p_fileRight { display: inline; width: calc(100% - 130px); margin-left: 10px; } .c_portalResCompanyFile_list-03001 .p_fileBox, .c_portalResCompanyFile_list-03001 .p_categoryBox, .c_portalResCompanyFile_list-03001 .p_downLoadBox { width: 100%; height: auto; min-height: 30px; margin: 8px 0; } .c_portalResCompanyFile_list-03001 .p_fileTitle, .c_portalResCompanyFile_list-03001 .p_categoryLeft, .c_portalResCompanyFile_list-03001 .p_downLoadLeft { display: inline-block; vertical-align: middle; } .c_portalResCompanyFile_list-03001 .p_categoryLeft, .c_portalResCompanyFile_list-03001 .p_downLoadLeft { margin-right: 20px; } .c_portalResCompanyFile_list-03001 .p_categoryRight, .c_portalResCompanyFile_list-03001 .p_downLoadRight { display: inline-block; vertical-align: middle; } .c_portalResCompanyFile_list-03001 .p_downImg { position: absolute; right: 8px; top: 42px; width: auto; height: auto; } .c_portalResCompanyFile_list-03001 .p_downImg img { width: auto; height: auto; } .c_portalResCompanyFile_list-03001 .p_categoryTitle, .c_portalResCompanyFile_list-03001 .p_categoryCont, .c_portalResCompanyFile_list-03001 .p_FSTitle, .c_portalResCompanyFile_list-03001 .p_FSCont, .c_portalResCompanyFile_list-03001 .p_downLoadTitle, .c_portalResCompanyFile_list-03001 .p_downLoadCont { display: inline-block; vertical-align: middle; } .c_portalResCompanyFile_list-03001 .p_flieF2 .p_view { display: inline-block; position: relative; left: 80px; } .c_portalResCompanyFile_list-03001 .p_flieF1 .p_downBtn { display: inline-block; position: relative; float: right; } } @media only screen and (min-width: 769px) {  .c_portalResCompanyFile_list-03001 { min-width: 100%; padding: 10px; } .c_portalResCompanyFile_list-03001 .p_fileListMo { display: none; } .c_portalResCompanyFile_list-03001 .p_fileList { padding: 0px; } .c_portalResCompanyFile_list-03001 .p_fileItem { position: relative; padding: 10px 30px; float: left; width: 100%; margin: 0px; min-height: 205px; background: #ececec; border: 0px solid #eee; margin-bottom: 60px; }  .c_portalResCompanyFile_list-03001 .p_itemCon .p_left { float: left; }  .c_portalResCompanyFile_list-03001 .p_listedFiles .p_img { float: left; width: 60px; height: 35px !important; padding-bottom: 0 !important; display: none; } .c_portalResCompanyFile_list-03001 .p_listedFiles .p_img img { width: 100%; } .c_portalResCompanyFile_list-03001 li { display: block; }  .c_portalResCompanyFile_list-03001 .p_fileDetails { display: inline-block; padding-left: 10px; margin-right: 20px; width: 100%; text-align: left; margin-top: 28px; } .c_portalResCompanyFile_list-03001 .p_numDownloads, .c_portalResCompanyFile_list-03001 .p_assortment, .c_portalResCompanyFile_list-03001 .p_fileSize, .c_portalResCompanyFile_list-03001 .p_flieE { display: inline-block; margin-right: 20px; } .c_portalResCompanyFile_list-03001 .p_numDownloads p, .c_portalResCompanyFile_list-03001 .p_assortment p, .c_portalResCompanyFile_list-03001 .p_fileSize p, .c_portalResCompanyFile_list-03001 .p_flieE p { display: inline-block; vertical-align: middle; } .c_portalResCompanyFile_list-03001 .p_fileDetails div { float: left; } .c_portalResCompanyFile_list-03001 .p_fileDetails h6 { padding-bottom: 10px; } .c_portalResCompanyFile_list-03001 .fileSize { margin-right: 20px; }  .c_portalResCompanyFile_list-03001 .p_download { position: absolute; left: 10px; bottom: 0; display: inline-block; position: relative; float: left; } .c_portalResCompanyFile_list-03001 .p_download .p_flieF { display: inline-block; position: relative; margin-top: 16px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) {  }.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%; display:flex; flex-wrap:wrap; justify-content:space-between; } .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; }  .reset_style h1, .reset_style h2, .reset_style h3, .reset_style h4, .reset_style h5, .reset_style h6 { font-weight: normal; } .reset_style h3 { text-transform: uppercase; } @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; } } @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; } .p_page .pre,.p_page .next{ height: 40px; width: 40px; text-align: center; padding: 0 !important; border-radius: 2px; border:none!important; transition:all 0.5s; } .p_page .next .iconfont::before { float: none; } .p_page .pageNum{ height: 40px; width: 40px; padding: 0 !important; border-radius: 2px; text-align: center; border:none!important; line-height:40px; transition:all 0.5s; } .p_page .pageNum.active,.p_page .pageNum:hover,.p_page .pre:hover,.p_page .next:hover{ background:var(--main-color); } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 900px) { .reset_style h1 * { font-size:30px!important; } .reset_style h2 * { font-size: 16px!important; } .reset_style h3 * { font-size: 22px!important; } .reset_style h4 * { font-size: 18px!important; } .reset_style h5 * { font-size: 16px!important; } .reset_style h6 * { font-size: 14px!important; } .p_pagebox .num .iconfont{ display:none!important; } } @keyframes aline { 0% { width:10px; } 50% { width:50px; } 100% { width:10px; } } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResIntro_category-1739951407703 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_category-1739951407703 >div{ animation-fill-mode:both; } #c_portalResIntro_category-1739951407703{ 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_portalResEbizads_banner-1739951407698 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-1739951407698 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-1739951407698{ 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; } @media only screen and (max-width: 1200px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ } #w_grid-1739951407668 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1739951407678 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1739951407678 > div{ background:linear-gradient(#fff,#e9eef6); } #w_grid-1739951407678 > div > .p_gridbox{ width:96%; padding:4vw 5vw; margin:auto; max-width:var(--wrapper); padding-bottom:2vw; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1739951407688 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1739953040270 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1739951407668{ 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-1739951407678{ width:100%; max-width:none; 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_grid-1739951407688{ 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-1739953040270{ 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; } #c_portalResCompanyFile_list-17399532627985348 .p_fileItem{ width:calc((100% - 120px)/4); border-radius:15px; } #c_portalResCompanyFile_list-17399532627985348 .p_listedFiles{ text-align:center; } #c_portalResCompanyFile_list-17399532627985348 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResCompanyFile_list-17399532627985348 >div{ animation-fill-mode:both; } #c_portalResCompanyFile_list-17399532627985348 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResCompanyFile_list-17399532627985348 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResCompanyFile_list-17399532627985348 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResCompanyFile_list-17399532627985348 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResCompanyFile_list-17399532627985348 .p_fluctuat{ display:none; } #c_portalResCompanyFile_list-17399532627985348 .p_fileItem p{ margin-top:-3.5rem; text-align:left; } #c_portalResCompanyFile_list-17399532627985348 .p_fileItem p i{ display:inline-flex; align-items:center; justify-content:center; color:var(--main-color); background:#e0e4e7; font-size:2rem; width:5rem; height:5rem; border-radius:500px; } #c_portalResCompanyFile_list-17399532627985348 .p_fileDetails h4{ line-height:1.5; font-weight:bold; color:#555; } #c_portalResCompanyFile_list-17399532627985348 .p_fileItem:hover .btn{ background-color:#094a96; color:#fff; } #c_portalResCompanyFile_list-17399532627985348{ max-height:none; padding-top:10px; padding-left:10px; padding-bottom:10px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:100%; height:auto; padding-right:10px; }