.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); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .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); }.publeftTitle { position:absolute; left:30px; top:50%; transform:translate(0,-50%); z-index:4; opacity:0.3; animation: publeftTitle 1s linear ;} .shmilyBanner {width:100%; height:100vh;max-height:1440px; position:relative; z-index:1;} .shmilyBanner .swiper-container{width:100%; height:100%; max-height:1440px; position:fixed; left:0; top:0;} .shmilyBanner .swiper-container .pub_line {z-index:5;} .shmilyBanner .swiper-container .pub_line .txt{width:25%; margin-left:auto; height:100%;} .shmilyBanner .swiper-container .pub_line .txt svg {height:100%;width:auto;} .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:80px; position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); z-index:1; width:100%; } .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:capitalize; transition:all 0.5s ease 0.3s; opacity:0;transform:translate(0,100px); font-family:times;} .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 h2 em {color:#f00;} .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; right:100px; top:60%; z-index:4; color:#fff; display:none;} .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%; padding:0 80px; position:absolute; left:0; bottom:80px; z-index:9; display:flex; justify-content:right;} .shmilyBanner .s_btn_box .swiper_btn {width:40px; height:40px; border:1px rgba(255,255,255,0.4) solid; display:flex;align-items:center; justify-content:center; margin-left:10px;} .shmilyBanner .s_btn_box .swiper_btn svg {height:16px;} @keyframes rotatecircle { from {transform:rotate(0deg); } to {transform:rotate(360deg);} } .downicon {position:absolute; left:80px; bottom:80px; z-index:10;} .downicon .downjt{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;} .downicon .rotate{opacity:0.8; animation: rotatecircle 40s linear infinite;} @media only screen and (max-width: 768px){ .downicon {left:15px; bottom:50px;} .downicon svg.rotate {width:80px; height:80px;} .downicon svg.downjt {width:auto; height:20px;} .shmilyBanner .swiper-container .slide-inner .containers .slide-title span {font-size:140px;} .shmilyBanner .swiper-container .slide-inner .containers {padding:100px 20px 60px;} .shmilyBanner .swiper-container .slide-inner .containers .slide-title h2 {font-size:30px;} .shmilyBanner .swiper-container .slide-inner .containers .slide-title p {font-size:14px;} .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 { bottom:50px; padding:0 15px; width:auto; left:auto; right:0;} .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; }.storesBox {padding:80px; position:relative; background:#FDF6F1; z-index:12;} .storesBox .storemap {width:100%; display:flex; flex-wrap:wrap; position:relative;z-index:4;} .storesBox .storemap .mapBox {width:75%; } .storesBox .storemap .mapBox .cn-map {width:100% !important; height:auto !important; max-width:1400px;} .storesBox .storemap .mapBox .jsmap-svg-container {width:100% !important; height:100% !important; position:relative !important;} .storesBox .storemap .mapBox .jsmap-svg-container svg {width:100%; height:auto; margin-left:-100px !important;} .storesBox .storemap .storeRim {width:25%; display:flex;align-items:center;} .storesBox .storemap .storeRim .storeList {width:100%; background:#fff; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:15px; margin-left:auto;} .storesBox .storemap .storeRim .storeList .storetitle {padding-bottom:15px; border-bottom:1px #ddd solid; display:flex;} .storesBox .storemap .storeRim .storeList .storetitle h3 {flex:1; font-size:18px; color:#222; line-height:30px;} .storesBox .storemap .storeRim .storeList .storetitle p {display:flex; align-items:center;} .storesBox .storemap .storeRim .storeList .storetitle p svg {fill:#666; height:20px;} .storesBox .storemap .storeRim .storeList .storetitle p span {padding-left:10px; font-size:16px; color:#333; font-weight:bold;} .storesBox .storemap .storeRim .storeList ul{ height:450px; margin:15px 0; overflow-y:auto; position:relative;} .storesBox .storemap .storeRim .storeList ul li {padding:15px 0; border-bottom:1px #ddd solid; transform:translate(0,100px); opacity:0; visibility:hidden; position:absolute; transition:all 0.5s;} .storesBox .storemap .storeRim .storeList ul li.active {transform:translate(0,0); opacity:1;visibility:visible;position:relative;} .storesBox .storemap .storeRim .storeList ul li h3 {font-size:14px; color:#333; display:flex; line-height:20px;} .storesBox .storemap .storeRim .storeList ul li h3 span {font-size:12px; padding:0 10px; border-radius:5px; margin-right:10px;} .storesBox .storemap .storeRim .storeList ul li h3 span.zm {background:#f00; color:#fff; } .storesBox .storemap .storeRim .storeList ul li h3 span.zq {background:#e8c0a4; color:#222; } .storesBox .storemap .storeRim .storeList ul li p {font-size:14px; color:#666; line-height:1.5; padding:5px 0;} .nodata {width:100%; height:100%;position:absolute; left:0; top:0; z-index:3; opacity:0;visibility:hidden; transition:all 0.5s; display:flex ;flex-wrap:wrap; justify-content:center;flex-direction:column; background:#fff;} .nodata.showD {opacity:1;visibility:visible;} .nodata h2 { text-align:center; padding-bottom:20px;font-size:20px;} .nodata a {display:block; width:150px; margin:0 auto; text-align:center; border:1px #e00000 solid; color:#fff; line-height:40px; transition:all 0.5s; background:#e00000;} .nodata a:hover {color:#fff;background:#333; border-color:#333;}  @media only screen and (max-width:768px){ .storesBox {padding:100px 15px;} .storesBox .storemap .mapBox .jsmap-svg-container svg {width:auto; height:300px; margin-left:-115px !important;} .storesBox .storemap .mapBox {width:100%; } .storesBox .storemap .storeRim {width:100%;} }  @media only screen and (min-width:769px) and (max-width: 1024px){}.joinBox {width:100%; position:relative; overflow:hidden; z-index:10; background:#fff url(../img/25236811-cd45-4da2-b639-08ad26ef90d7.jpg) center no-repeat fixed; background-size:cover; height:800px;} .joinBox:before {content:"";display:block;width:100%; height:100%; background:#000; position:absolute; left:0; top:0;opacity:0.4;} .joinBox .joinNav {padding:150px 80px;position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:flex;align-items:center;} .joinBox .joinNav .joinCenter {max-width:1400px; margin:0 auto;} .joinBox .joinNav .joinCenter .joinTitle{padding-bottom:30px; text-align:center; color:#fff;} .joinBox .joinNav .joinCenter .joinTitle h3 {font-size:16px; font-family:times; text-transform:uppercase;} .joinBox .joinNav .joinCenter .joinTitle p{font-size:14px; padding:20px 0 40px; max-width:700px; margin:0 auto;} .joinBox .joinNav .joinCenter .joinItems{ display:flex; flex-wrap:wrap; justify-content:center; max-width:1200px; margin:0 auto; padding:80px 0; counter-reset: figure;} .joinBox .joinNav .joinCenter .joinItems .joinli {padding: 20px; position:relative;} .joinBox .joinNav .joinCenter .joinItems .joinli:before{content:"/"; display:block; font-size:40px; color:#fff; position:absolute; left:-5px; top:50%; transform:translate(0,-50%);} .joinBox .joinNav .joinCenter .joinItems .joinli:first-child:before{display:none;} .joinBox .joinNav .joinCenter .joinItems .joinli a {display:block; position:relative; color:#fff; font-size:40px; font-family:times; text-transform:capitalize;} .joinBox .joinNav .joinCenter .joinItems .joinli a:before{ counter-increment: figure; content: counter(figure, decimal-leading-zero);display:block; font-size:14px; position:absolute; left:0; bottom:100%;} .joinBox .joinNav .joinCenter .joinItems:hover .joinli a {color:rgba(255,255,255,0.5);} .joinBox .joinNav .joinCenter .joinItems .joinli a:hover {color:#f00;} .joinBox .joinNav .downicon{left:50%; transform:translate(-50%,0);} .joinBox .joinNav .downicon svg.rotate {width:80px; height:80px;} .joinBox .joinNav .downicon svg.downjt {width:auto; height:20px;} .joinBox .joinBgbox {width:100%; height:auto; position:relative; overflow:hidden;background:#000;} .joinBox .joinBgbox .joinbg {width:100%; height:auto;position:absolute; left:0; top:0; opacity:0;transition:all 0.5s; background:#000;} .joinBox .joinBgbox .joinbg img {width:100%;opacity:0.7; transition:all 5s; transform:scale(1.2);} .joinBox .joinBgbox .joinbg.active {position:relative; opacity:1;} .joinBox .joinBgbox .joinbg.active img {transform:scale(1);} @media only screen and (max-width: 768px) { .joinBox {padding:80px 15px; height:500px;} .joinBox .joinNav {padding:80px 15px; align-items: normal;} } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.newListBox {padding:150px 80px; background:#fff; position:relative; z-index:13;} .newListBox .pubTitle{position:relative; z-index:4;} .newListBox .pubTitle a{position:absolute; right:0; bottom:30px;} .newListBox .p_news{display:flex; flex-wrap:wrap; position:relative; z-index:3; margin:0 -15px;} .newListBox .p_news .newList{padding:15px;} .newListBox .p_news .newList a{display:block; } .newListBox .p_news .newList .contentBoxB {padding:15px;position:relative;} .newListBox .p_news .newList .contentBoxB .lineBox {width:100%; height:2px; background:#ddd;position:absolute; left:0; top:0;} .newListBox .p_news .newList .contentBoxB .lineBox:before{content:"";display:block; width:0;height:2px; background:#e00000; position:absolute;left:0; top:0;transition:all 0.5s;} .TimeBox {padding:10px 0;} .newTitle {font-size:20px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;} .newMs { position: relative; width: 100%; line-height: 24px; clear: both; font-size: 14px; color: #777; min-height: 48px; letter-spacing: 0; margin: 20px 0px ; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .newPicBox {width:100%; overflow:hidden;} .newPicBox img {width:100%; transition:all 0.5s;} .bottom_btn {padding:15px; display:flex;} .bottom_btn .look_name{flex:1;} .newListBox .p_news .newList a:hover .contentBoxB .lineBox:before{width:100%;} .newListBox .p_news .newList a:hover {color:#e00000; background:#f8f8f8;} .newListBox .p_news .newList a:hover .newPicBox img {transform:scale(1.1);} @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px){ .newListBox {padding:80px 15px;} }.aboutBox {width:100%; position:relative; z-index:4; padding:100px 80px 0;background: #fff;} .aboutBox:before {content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:0; background: url(../img/5551667d-31c8-4391-add2-3af90776d450.svg) center bottom no-repeat; background-size: cover; opacity:0.2;} .aboutBox .about__rim {width:100%; position:relative;z-index:3;} .aboutBox .about__rim .contItem {width:100%; display:flex; flex-wrap:wrap;} .aboutBox .about__rim .contItem .aimgBox {padding:0;} .contItem .aimgBox img {width:100%;} .aboutBox .about__rim .contItem .ainfoBox {padding:0 0 40px; display:flex;align-items:center;} .aboutBox .about__rim .contItem .ainfoBox .ainfotxt .info_txt {padding:30px 0; line-height:28px; font-size:16px; color:#666; text-align:justify;} .aboutBox .about__rim .contItem .ainfoBox .ainfotxt .info_txt .cn_sub{padding-right:30px; max-width:700px;} .aboutBox .about__rim .contItem .ainfoBox .ainfotxt .info_txt .p_summary {white-space: break-spaces;} @media only screen and (max-width: 768px) { .aboutBox {padding:80px 0 0;} .aboutBox .about__rim {padding:0 15px;} .contItem .ainfoBox .ainfoText .info_txt {padding:0px 0 30px;} .aboutBox .about__rim .contItem .ainfoBox .ainfotxt .info_txt .cn_sub {padding-right:0;} .contItem .ainfoBox .ainfoText h1 {font-size:24px;} .contItem .ainfoBox .ainfoText h2 { font-size:20px;} .contItem .ainfoBox .ainfoText {padding:30px 20px;} .contItem:first-child .ainfoBox{top:0px;} } @media only screen and (min-width: 769px) { } @media only screen and (min-width: 769px) and (max-width: 1024px) { .contItem .ainfoBox .ainfoText h1 {font-size:30px;} .contItem .ainfoBox .ainfoText h2 { font-size:20px;} .contItem .ainfoBox .ainfoText {padding:20px;} } .c_portalResIntro_category-01001015 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResIntro_category-01001015 >div{ animation-fill-mode:both; }@keyframes rotatecircle { from {transform:rotate(0deg); } to {transform:rotate(360deg);} } .make .c_portalResPublic_codeContainer-01001005{ height:100px !important; width:100%; } .loadingBox {width:100%; height:100%; position:fixed; left:0; top:0; z-index:100000; display:flex; align-items:center; justify-content:center;} .make .loadingBox {display:none;} .loadingBox svg.rotate {position:absolute; width:900px; height:auto; right:-300px;top:50%; margin-top:-450px; fill:#000; opacity:0.3; animation: rotatecircle 40s linear infinite; z-index:2;} .loadingBox .loadingBg{ width:100%; height:100%; position:absolute; left:0; top:0;} .loadingBox .loadingBg > div {background:#222 url(../img/4995b5cf-1543-43c9-9073-052b21593338.svg) center no-repeat fixed;background-size:cover; z-index:1; position:absolute; height:100%; width:25%;} .loadingRim {width:100%; padding:0 80px; display:flex; flex-wrap:wrap; position:relative;z-index:5;} .loadingRim .loadinglogo {padding-right:30px;} .loadingRim .loadinglogo svg {height:50px;} .loadingRim .loading_line {flex:1; position:relative; display:flex; align-items:center;} .loadingRim .loading_line:before {content:"";display:block; width:100%; height:4px; background:#4B3C33; border-radius:2px; } .loadingRim .loading_line span {display:block; height:4px; border-radius:2px; position:absolute; left:0; top:50%; transform:translate(0,-50%); background:#EECAB0; } .loadingRim .counter {padding-left:30px; position:relative; width:100px;} .loadingRim .counter span{position:absolute; right:0; top:50%; transform:translate(0,-50%);font-size:50px; color:#fff; font-family:times; } .loadingBox.hideLoading .loadingRim{opacity:0; transition:all 0.5s; } .loadingBox.hideLoading svg.rotate{opacity:0; transition:all 0.5s ease 0.5s; } .loadingBox.hideLoading {opacity:0; visibility:hidden; top:-100%; transition:all 0.5s ease 1.5s; } @media only screen and (max-width: 768px){ .loadingBox .loadingBg > div {width:100%; height:25%;} .loadingBox .loadingBg > div:nth-child(1) {top:0; left:0; transition:all 0.5s;} .loadingBox .loadingBg > div:nth-child(2) {top:25%; right:0; transition:all 0.5s;} .loadingBox .loadingBg > div:nth-child(3) {top:50%; left:0; transition:all 0.5s;} .loadingBox .loadingBg > div:nth-child(4) {top:75%; right:0; transition:all 0.5s;} .loadingBox.hideLoading .loadingBg > div {width:0; transition:all 0.5s ease 1s; } .loadingRim {padding:0 25px;} .loadingRim .loadinglogo {padding:0; width:100%; text-align:center;} .loadingRim .loading_line { width:100%; height:50px; flex:0 0 100%;} .loadingRim .counter {width:100%; padding:20px 0;} .loadingRim .counter span {right:auto; left:50%; transform:translate(-50%,-50%);} .loadingBox svg.rotate {width:500px; margin-top:-250px; right:auto; margin-left:-250px; left:50%; } } @media only screen and (min-width: 769px){ .loadingBox .loadingBg > div:nth-child(1) {left:0; top:0; transition:all 0.5s;} .loadingBox .loadingBg > div:nth-child(2) {left:25%; bottom:0; transition:all 0.5s;} .loadingBox .loadingBg > div:nth-child(3) {left:50%; top:0; transition:all 0.5s;} .loadingBox .loadingBg > div:nth-child(4) {left:75%; bottom:0; transition:all 0.5s;} .loadingBox.hideLoading .loadingBg > div {height:0; transition:all 0.5s ease 1s; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.proSwiperBox {width:100%; padding:150px 0; background:#f8f8f8; position:relative; z-index:11;} .proSwiperBox svg.rotate { width:800px; height:auto; position:absolute; right:0; top:50%; margin-top:-400px; fill:#000; opacity:0.05; animation: rotatecircle 50s linear infinite;} .proSwiperBox .pubTitle {padding:0 80px 100px;} .c_work_swiper {width:100%; padding-bottom:80px;} .c_work_swiper .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; } .c_work_swiper .swiper-slide.swiper-slide-active{ } .c_work_swiper .proCotent { width:100%; position:relative;} .c_work_swiper .proCotent a {display:block;} .c_work_swiper .proCotent .proImg {position:relative; } .c_work_swiper .proCotent .proImg > div {width:100%; height:100%; overflow:hidden;} .c_work_swiper .proCotent .proImg:before {content:"";display:block ;width:0; height:5px; background:#e00000; position:absolute; left:0; top:0; transition:all 0.2s; z-index:2;} .c_work_swiper .proCotent .proImg:after {content:"";display:block ;width:5px; height:0; background:#e00000; position:absolute; right:0; top:0; transition:all 0.2s ease 0.2s; z-index:2;} .c_work_swiper .proCotent .proImg > div:before {content:"";display:block ;width:0; height:5px; background:#e00000; position:absolute; right:0; bottom:0; transition:all 0.2s ease 0.4s; z-index:2;} .c_work_swiper .proCotent .proImg > div:after {content:"";display:block ;width:5px; height:0; background:#e00000; position:absolute; left:0; bottom:0; transition:all 0.2s ease 0.6s ; z-index:2;} .c_work_swiper .proCotent img {width:100%;transition:all 0.5s;} .c_work_swiper .proCotent a:hover .proImg:before {width:100%;} .c_work_swiper .proCotent a:hover .proImg:after {height:100%;} .c_work_swiper .proCotent a:hover .proImg > div:before {width:100%;} .c_work_swiper .proCotent a:hover .proImg > div:after {height:100%;} .c_work_swiper .proCotent a:hover img {transform:scale(1.1);} .c_work_swiper .proCotent .content{padding:20px 0 0; color:#333; overflow:hidden;} .c_work_swiper .proCotent .content h3 {font-size:18px; opacity:0; transform:translate(0,50px); transition:all 0.5s;} .c_work_swiper .proCotent a:hover .content {color:#e00000;} .c_work_swiper .swiper-slide.swiper-slide-active .content h3{ opacity:1; transform:translate(0,0); } .proCtbar {position:absolute; left:80px; right:80px; bottom:100px; display:flex; padding:0 20px; z-index:4;} .proCtbar .swiper-button {width:50px; height:50px; background:rgba(255,255,255,0.6); border:1px #ddd solid; border-radius:25px; line-height:48px; text-align:center; cursor: pointer;} .swiper-button:hover {background:#e00000; border:1px #e00000 solid; color:#fff;} .proCtbar .cn-page {flex:1; margin:0 20px; position:relative;display:flex; align-items:center;} .proCtbar .cn-page:before {content:"";display:block; width:100%; height:1px; background:#222; } .proCtbar .cn-page span {background:#e00000; width:100%; height:3px; position:absolute; left:0; top:50%; margin-top:-1.5px;z-index:2; transform: scale(0);transform-origin: left top;} @media only screen and (max-width:768px){ .proSwiperBox {padding:100px 15px;} .proSwiperBox .pubTitle {padding:0 0 40px;} .c_work_swiper {padding-bottom:40px;} .proCtbar {left:15px; right:10px; bottom:40px;} .proSwiperBox svg.rotate {width:500px; margin-top:-250px; right:-200px;} } @media only screen and (min-width:769px) and (max-width: 1024px){}@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%; margin:0px auto; }body,#-remove--flag{} #c_portalResEbizads_banner-16503836010102604{ 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-16503836290696238{ 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_portalResnav_main-16505232486851773{ 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: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResNews_list-16505565635180164 .p_articles{ width:calc((100% - 0px)/4); } #c_portalResNews_list-16505565635180164 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16505565635180164 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16505565635180164 >div{ animation-fill-mode:both; } #c_portalResNews_list-16505565635180164 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16505565635180164 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16505565635180164 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16505565635180164 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16505565635180164 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16505565635180164 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16505565635180164{ 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-16505502849563931 .p_Product{ width:calc((100% - 0px)/10); } #c_portalResProduct_list-16505502849563931 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16505502849563931 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16505502849563931 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16505502849563931 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505502849563931 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505502849563931 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505502849563931 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505502849563931{ 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-16505281662003633 .p_Product{ width:calc((100% - 0px)/10); } #c_portalResProduct_list-16505281662003633 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16505281662003633 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16505281662003633 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16505281662003633 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505281662003633 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505281662003633 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505281662003633 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16505281662003633{ 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_portalResPublic_codeContainer-16509367100788166{ width:100%; max-width:none; min-width:0px; height:100px; 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; }