.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-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_ContentMajorStyleBox-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; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .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); }.shmilyBanner {width:100%; position:relative; z-index:1;} .shmilyBanner .swiper-container{width:100%; height:100%; } .shmilyBanner .swiper-container .slide-inner {width:100%; height:100vh; max-height:1440px; position:relative; overflow:hidden; background:#000;} .shmilyBanner .swiper-container .slide-inner .bannerImg {width:100%; height:100%; opacity:0.6; transition:all 4s ;transform:scale(1.3);} .shmilyBanner .swiper-container .slide-inner .containers { padding:100px 15px; position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); z-index:1; width:100%; max-width:1400px;} .shmilyBanner .swiper-container .slide-inner .containers .slide-title {color:#fff; position:relative; z-index:4;} .shmilyBanner .swiper-container .slide-inner .containers .slide-title span {font-size:200px; font-family:impact; position:absolute; left:0; top:-40px; -webkit-text-stroke: 1px #A7161B;color:transparent; line-height:100px; z-index:-1; transition:all 0.5s; opacity:0;transform:translate(0,100px);} .shmilyBanner .swiper-container .slide-inner .containers .slide-title h3 {font-size:20px; text-transform:uppercase; transition:all 0.5s ease 0.3s; opacity:0;transform:translate(0,100px);} .shmilyBanner .swiper-container .slide-inner .containers .slide-title h2 {font-size:60px;padding:15px 0; transition:all 0.5s ease 0.5s; opacity:0;transform:translate(0,100px);} .shmilyBanner .swiper-container .slide-inner .containers .slide-title p {font-size:18px; line-height:1.6; white-space: break-spaces; transition:all 0.5s ease 0.7s; opacity:0;transform:translate(0,100px);} .shmilyBanner .swiper-container .swiper-slide.swiper-slide-active .slide-inner .bannerImg {transform:scale(1);} .shmilyBanner .swiper-container .swiper-slide.swiper-slide-active .slide-inner .containers .slide-title span {transform:translate(0,0);opacity:1;} .shmilyBanner .swiper-container .swiper-slide.swiper-slide-active .slide-inner .containers .slide-title h3 {transform:translate(0,0);opacity:1;} .shmilyBanner .swiper-container .swiper-slide.swiper-slide-active .slide-inner .containers .slide-title h2 {transform:translate(0,0);opacity:1;} .shmilyBanner .swiper-container .swiper-slide.swiper-slide-active .slide-inner .containers .slide-title p {transform:translate(0,0);opacity:1;} .shmilyBanner .s_pagination {position:absolute; bottom:120px; right:50px; z-index:4; color:#fff;} .shmilyBanner .s_pagination span{font-family:impact;font-size:20px; } .shmilyBanner .s_pagination span:before{content:"0";font-size:20px;} .shmilyBanner .s_pagination span.swiper-pagination-current {font-size:60px;} .shmilyBanner .s_pagination span.swiper-pagination-current:before{font-size:60px;} .shmilyBanner .s_btn_box {width:100%; max-width:1400px; padding:0 15px ; position:absolute; left:50%; bottom:150px; z-index:4; transform:translate(-50%,0); display:flex;} .shmilyBanner .s_btn_box .swiper_btn {width:50px; height:50px; border:1px #fff solid; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:10px;} .shmilyBanner .s_btn_box .swiper_btn svg {width:auto; height:20px; fill:#fff;} @media only screen and (max-width: 768px){ .shmilyBanner .swiper-container .slide-inner {height:450px;} .shmilyBanner .swiper-container .slide-inner .containers {top:auto; bottom:100px; transform:translate(-50%,0);} .shmilyBanner .swiper-container .slide-inner .containers .slide-title span {font-size:120px;} .shmilyBanner .swiper-container .slide-inner .containers {padding:100px 20px 30px;} .shmilyBanner .swiper-container .slide-inner .containers .slide-title h2 {font-size:30px;} .shmilyBanner .s_pagination { right:20px; top:auto; bottom:30px; transform:translate(0,0);} .shmilyBanner .s_pagination span.swiper-pagination-current {font-size:40px;} .shmilyBanner .s_pagination span.swiper-pagination-current:before{font-size:40px;} .shmilyBanner .s_btn_box { display:flex; bottom:40px;} .shmilyBanner .s_btn_box .swiper_btn {margin:0 0 0 10px;} } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .c_portalResEbizads_banner-01001019 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResEbizads_banner-01001019 >div{ animation-fill-mode:both; }.c_portalResProduct_list-01001027 {position:relative;z-index:6;} .home_pro {padding:0 0 80px; background:#fff;} .home_pro .pro_content {max-width:1400px; margin:0 auto; width:100%;column-count: 2;column-gap: 0;} .home_pro .pro_content .col-xs-12 {padding:15px; width:100%; display:inline-block;} .pubTitle {max-width:400px; padding-bottom:30px;} .pubTitle h2 {font-size:2.5rem; color:#333; text-transform:uppercase; line-height:1;} .pubTitle h3 {font-size:1.5rem; position:relative; color:var(--c);padding-top:10px;} .pubTitle h3:after {content:"";display:inline-block; width:16px;height:16px; border:3px #666 solid; border-radius:50%; margin-left:10px; margin-bottom:10px;} .home_pro .pro_content .pubTitle{text-align:left; padding:0;} .home_pro .pro_content .proi {width:100%;} .home_pro .pro_content .proi a {display:block;position:relative;overflow:hidden;} .home_pro .pro_content .proi a img {width:100%; transition:all 0.5s;} .home_pro .pro_content .proi a h3 {background:rgba(255,255,255,0.8); color:#333;padding:15px; position:absolute; left:0; bottom:30px; font-size:18px; line-height:1.5;} .home_pro .pro_content .proi a:hover img {transform:scale(1.1);} .home_pro .pro_content .proi a:hover h3 {background:var(--c); color:#fff;} .othercase {font-size:20px;font-weight:bold; line-height:2; border-bottom:1px #ddd solid; padding-bottom:10px;} .case_list {display:flex; flex-wrap:wrap;} .case_list a {display:block; width:100%; line-height:24px; font-size:16px; padding:10px 0; border-bottom:1px #ddd dashed;} .case_list a:hover {color:#154999;} @media only screen and (max-width:768px){ .home_pro .pro_content {column-count: 1;} } @media only screen and (min-width:769px) and (max-width: 1024px){}.cn_newListBox {padding:80px 0; background:url(/img/1669217619671.jpg?tenantId=285674&viewType=1&v=000) center no-repeat; background-size:cover;} .cn_newListBox .p_news {max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap;} .p_news .col-xs-12 {padding:15px;} .p_news .leftBox .newList {height:100%;} .p_news .leftBox .newList a {display:block; height:100%; background:#fff; padding:15px;} .p_news .leftBox .newList a .newPicBox {position:relative;overflow:hidden; padding-top:65%;} .p_news .leftBox .newList a .newPicBox img {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s;} .p_news .leftBox .newList a:hover .newPicBox img {transform:translate(-50%,-50%) scale(1.1);} .p_news .leftBox .newList a:hover .newTitle,.p_news .leftBox .newList a:hover .newMs {color:var(--c);} .p_news .leftBox .newList a .contentL {padding-top:20px;} .p_news .rightBox .newList{background:#fff;} .p_news .rightBox .newList a{padding:15px; border-bottom:1px #ddd solid; display:block;} .p_news .newList a .newTitle {font-size:18px;} .p_news .newList a .newMs {margin:15px 0 0;} .p_news .rightBox .newList a:hover{background:var(--c);} .p_news .rightBox .newList a:hover .newTitle,.p_news .rightBox .newList a:hover .newMs {color:#fff;} @media only screen and (max-width: 768px) { } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 1024px) and (min-width: 769px) { }.cnproSwiperBox {padding:100px 0;} .cnproSwiperBox .cncontainer{max-width:1400px; margin:0 auto; padding:0 60px; position:relative; } .cnproSwiperBox .swiper-container {width:100%; margin:0 auto;} .cnproSwiperBox .swiper-container .swiper-slide {padding:10px;} .cnproSwiperBox .swiper-container .swiper-slide .proCotent {border:1px #ddd solid;} .cnproSwiperBox .swiper-container .swiper-slide .proCotent a {display:block; overflow:hidden; } .cnproSwiperBox .swiper-container .swiper-slide .proCotent a img {width:100%; transition:all 0.5s;} .cnproSwiperBox .swiper-container .swiper-slide .proCotent .content {padding:15px; background:#f8f8f8;} .cnproSwiperBox .swiper-container .swiper-slide .proCotent .content .proTitle { line-height:30px; font-size:18px;} .cnproSwiperBox .swiper-container .swiper-slide .proCotent .content .proTitle span { line-height:30px; display:inline-block; float:right;} .cnproSwiperBox .swiper-container .swiper-slide .proCotent:hover {border-color:var(--c);} .cnproSwiperBox .swiper-container .swiper-slide .proCotent:hover img {transform:scale(1.1);} .cnproSwiperBox .swiper-container .swiper-slide .proCotent:hover .content {background:var(--c);} .cnproSwiperBox .swiper-container .swiper-slide .proCotent:hover .proTitle {color:#fff;} .cnproSwiperBox .swiper-button {position:absolute; top:50%; transform:translateY(-50%); display:block; width:50px; height:50px;line-height:50px; text-align:center; font-size:24px; color:#666;cursor: pointer; background:#f8f8f8; z-index:5;} .cnproSwiperBox .swiper-button-prev {left:0px;} .cnproSwiperBox .swiper-button-next {right:0px;} .cnproSwiperBox .swiper-button:hover {color:#fff; background:var(--c);} .pubTitle {max-width:1400px; margin:0 auto; padding:15px; text-align:center;} .pubTitle h2 {font-size:2.4rem; color:#333;} .pubTitle p {text-transform:uppercase; font-size:18px; color:#666;} .moreBtn {padding-top:30px; text-align:center;} .moreBtn a {display:inline-block; padding:0 40px; border-radius:20px; line-height:40px; border:1px var(--c) solid; color:var(--c); transition:all 0.5s;} .moreBtn a:hover {background:var(--c); color:#fff;} @media only screen and (max-width:768px){ .cnproSwiperBox {padding:80px 0;} .cnproSwiperBox .cncontainer {padding:0 10px; } .cnproSwiperBox .swiper-button {top:auto; bottom:-75px; transform:translate(0,0);} .cnproSwiperBox .swiper-button-prev {left:20px;} .cnproSwiperBox .swiper-button-next {right:20px;} } @media only screen and (min-width:769px) and (max-width: 1024px){}.aboutBox {width:100%; background:linear-gradient(180deg, #f5f5f5, #fff);} .aboutBox .aboutinfo {width:100%; padding:100px 0 200px; position:relative; text-align:center; color:#fff;} .aboutBox .aboutinfo:before{content:"";display:block;position:absolute; left:0; top:0; width:100%; height:100%;background:#000; opacity:0.6;} .aboutBox .aboutinfo .pubTitle { position:relative;z-index:3;} .aboutBox .aboutinfo .pubTitle *{color:#fff !important;} .aboutBox .aboutinfo .summary {max-width:1000px; margin:0 auto; padding:0 15px; position:relative;z-index:3; line-height:26px; font-size:16px; position:relative;} .aboutBox .aboutinfo .summary:before{content:"“";font-size:10rem; position:absolute; left:15px; top: -50px; color:#fff;} .aboutBox .ab_link {width:100%; max-width:1400px; padding:0 15px; margin:0 auto; position:relative; z-index:4; top:-100px;} .aboutBox .ablink_cont {background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1); display:flex;flex-wrap:wrap;} .aboutBox .ab_link .aboutitem {flex:1;border-right:1px #eee solid;background:#fff; } .aboutBox .ab_link .aboutitem:last-child {border:none;} .aboutBox .ab_link .aboutitem a {display:block; padding: 40px 30px; border-bottom:5px var(--c) solid; text-align:center; position:relative; height:100%; transition:all 0.5s;} .aboutBox .ab_link .aboutitem h2 {font-size:20px; position:relative; padding-bottom:15px; transition:all 0.5s;} .aboutBox .ab_link .aboutitem h2:before {content:"";display:block; width:30px; height:2px; background:var(--c);position:absolute; left:50%;bottom:0; margin-left:-15px; transition:all 0.5s;} .aboutBox .ab_link .aboutitem .summarys,.aboutBox .ab_link .aboutitem .summary {padding:15px 0 30px; transition:all 0.5s;} .aboutBox .ab_link .aboutitem a:after {content:"";display:block; width:100%; height:0; background:var(--n); position:absolute; left:0; bottom:-5px; transition:all 0.5s;} .aboutBox .ab_link .aboutitem a:hover {background:#f5f5f5; color:var(--c);} .aboutBox .ab_link .aboutitem a:hover:after {height:5px;} .aboutBox .ab_link .aboutitem a:hover h2:before { background:var(--n);} .aboutBox .ab_link .aboutitem .summary .p_summary {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 26px;} .aboutBox .ab_link .aboutitem a span {display:inline-block; border:1px #ddd solid;line-height:58px; border-radius:30px;width:60px; height:60px; transition:all 0.5s;} .aboutBox .ab_link .aboutitem a:hover span {background:var(--c); border-color:var(--c); color:#fff;} @media only screen and (max-width: 768px) { .aboutBox .ab_link .aboutitem {flex:none;width:100%;} } @media only screen and (min-width: 769px) { } @media only screen and (min-width: 769px) and (max-width: 1024px) {} .c_portalResIntro_category-01001019 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResIntro_category-01001019 >div{ animation-fill-mode:both; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%; margin:0px auto; }body,#-remove--flag{} #c_portalResProduct_list-16690155960749160{ 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_portalResIntro_category-16690479913546546{ 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_list-16690482150901890 .p_Product{ width:calc((100% - 0px)/1); } #c_portalResProduct_list-16690482150901890 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16690482150901890 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16690482150901890 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16690482150901890 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16690482150901890 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16690482150901890 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16690482150901890 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16690482150901890{ 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-16691007137870567 .p_articles{ width:calc((100% - 0px)/6); } #c_portalResNews_list-16691007137870567 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16691007137870567 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16691007137870567 >div{ animation-fill-mode:both; } #c_portalResNews_list-16691007137870567 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16691007137870567 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16691007137870567 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16691007137870567 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16691007137870567 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16691007137870567 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16691007137870567{ 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-16692279277273231{ 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; }