/*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); }@media only screen and (max-width: 768px){ .c_portalResGroupAtlas_category-01001 .promptbox .first { display: none } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: ""; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: "\e6b4"; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; display: flex } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; margin: auto; display: flex; justify-content: center; align-items: center } .c_portalResGroupAtlas_category-01001 .p_Category { min-width: 350px; width: auto; height: auto; position: relative; } .c_portalResGroupAtlas_category-01001 .p_img { position: relative; } .c_portalResGroupAtlas_category-01001 .p_img:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#73000000,endColorstr=#73000000); position: absolute; top: 0; left: 0; z-index: 3; display: none; } .c_portalResGroupAtlas_category-01001 .p_imgLink:hover .p_img:after { display: block; } .c_portalResGroupAtlas_category-01001 .p_Show .p_imgItemBox { float: left; border: 1px solid #ccc; margin: 15px 15px; width: calc((100% - 60px) / 2) !important; /*（总宽度-总间隙)/列数 例如：（100%-(4列-1)*15像素)/4列 */ } .c_portalResGroupAtlas_category-01001 .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden; /* font-size: 0; */ } .c_portalResGroupAtlas_category-01001 .p_scroll { position: absolute; /* top: 190px; */ } .c_portalResGroupAtlas_category-01001 .js_thumb { /*图片宽高比：默认75%：4:3；50%：2:1；20%是5:1； 依次类推*/ } .c_portalResGroupAtlas_category-01001 .p_Tile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; /* font-weight: 700; */ } .c_portalResGroupAtlas_category-01001 .p_Atile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; height: 45px; } .c_portalResGroupAtlas_category-01001 .js_thumbtr{ width: 80% !important } .c_portalResGroupAtlas_category-01001 .p_titlecon{ height: 50px; display: flex; align-items: center; padding-left: 15px; border-bottom: 1px solid gray } } @media only screen and (min-width: 769px){ .c_portalResGroupAtlas_category-01001 .promptbox .first { display: none } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: ""; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: "\e6b4"; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; display: flex } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; margin: auto; display: flex; justify-content: center; align-items: center } .c_portalResGroupAtlas_category-01001 .p_Category { min-width: 350px; width: auto; height: auto; position: relative; } .c_portalResGroupAtlas_category-01001 .p_img { position: relative; } .c_portalResGroupAtlas_category-01001 .p_img:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#73000000,endColorstr=#73000000); position: absolute; top: 0; left: 0; z-index: 3; display: none; } .c_portalResGroupAtlas_category-01001 .p_imgLink:hover .p_img:after { display: block; } .c_portalResGroupAtlas_category-01001 .p_Show .p_imgItemBox { float: left; border: 1px solid #ccc; margin: 15px 15px; width: calc((100% - 120px) / 4); /*（总宽度-总间隙)/列数 例如：（100%-(4列-1)*15像素)/4列 */ } .c_portalResGroupAtlas_category-01001 .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden; /* font-size: 0; */ } .c_portalResGroupAtlas_category-01001 .p_scroll { position: absolute; /* top: 190px; */ } .c_portalResGroupAtlas_category-01001 .js_thumb { /*图片宽高比：默认75%：4:3；50%：2:1；20%是5:1； 依次类推*/ } .c_portalResGroupAtlas_category-01001 .p_Tile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; /* font-weight: 700; */ } .c_portalResGroupAtlas_category-01001 .p_Atile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; height: 45px; } .c_portalResGroupAtlas_category-01001 .js_thumbtr{ width: 80% !important } .c_portalResGroupAtlas_category-01001 .p_titlecon{ height: 50px; display: flex; align-items: center; padding-left: 15px; border-bottom: 1px solid gray } } @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%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .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; } @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; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@media only screen and (max-width: 768px){/*小屏*/ .c_portalResGroupPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){/*大屏*/ .c_portalResGroupPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ } #w_grid-1576665235528 { display:none; } #w_grid-1576665238741 { display:none; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_portalResGroupAtlas_category-15767199461850917 .p_imgItemBox{ width:calc((100% - 0px)/10); } #c_portalResGroupAtlas_category-15767199461850917 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupAtlas_category-15767199461850917 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupAtlas_category-15767199461850917 >div{ animation-fill-mode:both; } #c_portalResGroupAtlas_category-15767199461850917 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15767199461850917 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15767199461850917 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15767199461850917 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15767199461850917 .banner{ width:100%; height:0; padding-bottom:30.2%; background-repeat:no-repeat; background-size:cover; background-position:center; } #c_portalResGroupAtlas_category-15767199461850917 .banner .ban-hd{ color:#fff; top:50%; left:50%; text-align:center; text-shadow:2px 2px 2px rgba(0,0,0,0.5); letter-spacing:2px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @media only screen and (max-width:640px){ #c_portalResGroupAtlas_category-15767199461850917 .banner{height:220px;padding-bottom: 0} } #c_portalResGroupAtlas_category-15767199461850917{ 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-1576662340560 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1576662340560*/ /*w_grid-1576662340560*/ /*w_grid-1576662340560*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1576662346222 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1576662346222*/ /*w_grid-1576662346222*/ /*w_grid-1576662346222*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1576662343533 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1576662343533*/ /*w_grid-1576662343533*/ /*w_grid-1576662343533*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1576665233486 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1576665233486*/ /*w_grid-1576665233486*/ /*w_grid-1576665233486*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1576665235528 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1576665235528*/ /*w_grid-1576665235528*/ /*w_grid-1576665235528*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1576665238741 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1576665238741*/ /*w_grid-1576665238741*/ /*w_grid-1576665238741*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1576662340560{ 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-1576662346222{ 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:5%; padding-left:0px; padding-right:0px; padding-bottom:8%; } #w_grid-1576662343533{ 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-1576665233486{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1576665235528{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1576665238741{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupPublic_codeContainer-15767268612915694 .loading{ margin-top:3%; text-align:center; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp h4{ color:#131313; text-align:center; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year{ margin-top:3%; } #c_portalResGroupPublic_codeContainer-15767268612915694 .imp-year.opa{ opacity:0; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year.flex-container .swiper-wrapper{ justify-content:center; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .swiper-slide{ text-align:center; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .swiper-slide:first-child{ text-align:left; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .swiper-slide:last-child{ text-align:right; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year:after{ content:''; display:block; position:absolute; height:0; border-bottom:2px dashed #ececec; left:60px; right:0; top:50%; margin-top:-4px; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .swiper-slide a{ display:inline-block; padding:0 8px; background:#fff; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .swiper-slide a > em{ display:block; color:#666; padding-bottom:5px; border-bottom:1px solid transparent; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .swiper-slide.swiper-slide-active a > em{ color:#897bd9; border-bottom:1px solid #897bd9; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .swiper-slide a:hover em{ color:#897bd9; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .imp-prev{ display:block; width:0; height:0; border-right:6px solid #8e8e8e; border-top:6px solid transparent; border-bottom:6px solid transparent; left:-2%; top:50%; z-index:10; margin-top:-8px; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .imp-next{ display:block; width:0; height:0; border-left:6px solid #8e8e8e; border-top:6px solid transparent; border-bottom:6px solid transparent; right:-2%; top:50%; z-index:10; margin-top:-8px; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .imp-prev:hover{ border-right:6px solid #897bd9; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .imp-next:hover{ border-left:6px solid #897bd9; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con{ margin-top:3%; height:0; padding-bottom:29%; overflow:hidden; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con li{ position:absolute; left:0; right:0; opacity:0; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con .imp-img{ width:50%; height:0; padding-bottom:29%; margin-left:-10%; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con .imp-txt{ width:50%; padding:5% 5% 24% 5%; background:#f9f9f9; margin-right:-10%; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con li.active{ opacity:1; z-index:10; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con li.move .imp-img{ margin-left:0; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con li.move .imp-txt{ margin-right:0; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con .imp-vp{ top:15%; right:15%; left:15%; bottom:10%; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con dl{ margin-top:15px; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con dt{ color:#897bd9; font-style:italic; } #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con dd{ color:#131313; margin-top:5px; } @media only screen and (max-width:1200px){ #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year{padding:0 2%;} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .imp-prev{left:0;} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-year .imp-next{right:0;} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con .imp-txt{padding:3% 2% 26% 2%;} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con .imp-vp{top:10%;right:10%;left:10%;bottom:10%;} } @media only screen and (max-width:767px){ #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con dl{margin-top: 5px} } @media only screen and (max-width:479px){ #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con dd{margin-top: 0} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con .imp-img{float:none;width:100%;display:block;padding-bottom: 58%} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con .imp-txt{float:none;width:100%;display:block;padding:3% 2% 55% 2%;} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con{height:auto;padding-bottom: 0} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con li{position:relative;display:none;opacity: 1} #c_portalResGroupPublic_codeContainer-15767268612915694 .brand-imp .imp-con li.active{display:block;} } #c_portalResGroupPublic_codeContainer-15767268612915694{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } .news-mm a{ color:#000; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news h4{ color:#131313; text-align:center; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-wrap{ margin-top:3%; padding-bottom:10px; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top{ width:66%; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top a{ display:block; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-img{ width:50%; height:0; padding-bottom:58.8%; overflow:hidden; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-img .img{ left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-txt{ width:50%; height:0; padding-bottom:58.8%; box-shadow:5px 5px 20px #ededed; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-txt dl{ top:0; right:0; bottom:0; left:0; padding:15% 12% 10% 12%; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-til{ display:-webkit-box; color:#000; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:4.5em; overflow:hidden; text-overflow:ellipsis; font-weight:normal; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-desc{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; max-height:6em; overflow:hidden; text-overflow:ellipsis; color:#666; margin-top:10%; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-link{ display:block; width:21px; height:19px; right:12%; bottom:10%; background-image:url(/img/news_more.png); background-repeat:no-repeat; background-position:center; background-size:contain; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top:hover .top-img .img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top:hover .top-link{ right:10%; background-image:url(/img/icon_more.png); } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top:hover .top-til{ color:#e94e46; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot{ width:31.25%; height:0; padding-bottom:38.8%; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .top{ display:block; width:100%; height:0; padding:15% 8% 37.5% 14%; background-color:#5b73dc; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .hot-til{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:3em; overflow:hidden; text-overflow:ellipsis; color:#fff; padding-left:5%; border-left:1px solid #fff; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .hot-link{ display:block; width:21px; height:19px; background-image:url(/img/news_moreWh.png); background-repeat:no-repeat; background-position:center; background-size:contain; right:10%; bottom:18%; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .bot{ display:block; bottom:0; right:0; width:100%; height:0; padding:20% 8% 47.5% 14%; background-color:#897bd9; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .top:hover .hot-til{ color:#e94e46; border-left:1px solid #e94e46; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .bot:hover .hot-til{ color:#e94e46; border-left:1px solid #e94e46; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .top:hover .hot-link{ background-image:url(/img/icon_more.png); right:8%; } #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .bot:hover .hot-link{ background-image:url(/img/icon_more.png); right:8%; } @media only screen and (max-width:767px){ #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .hot-link{width:18px;height:16px;bottom:12%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-link{width:18px;height:16px;bottom:12%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-txt dl{padding:12% 12% 10% 12%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-desc{margin-top: 5%} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .top{padding:9% 8% 43.5% 14%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-link{bottom:6%;} } @media only screen and (max-width:640px){ #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top{width:100%;float:none;display:block;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot{width:100%;float:none;display:block;overflow:hidden;margin-top: 10px} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .top{float:left;width:49%;padding:4% 6% 14% 4%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .bot{float:right;width:49%;position:relative;bottom:auto;right:auto;padding:4% 6% 14% 4%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-link{right:9%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot{height:auto;padding-bottom: 0} } @media only screen and (max-width:479px){ #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-til{font-size: 16px;-webkit-line-clamp:2;max-height:3em;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .top{float:none;display:block;width:100%;height:auto;padding:3% 10% 3% 4%;background-image:url(/img/news_moreWh.png);background-repeat:no-repeat;background-position:96% center;background-size: 16px 14px} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .hot-til{font-size: 14px;padding-left: 3%;display: block;white-space: nowrap;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .bot{display:block;white-space:nowrap;float:none;display:block;width:100%;height:auto;padding:3% 10% 3% 4%;margin-top: 10px;background-image:url(/img/news_moreWh.png);background-repeat:no-repeat;background-position:96% center;background-size: 16px 14px} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-top .top-link{width:16px;height:14px;right:6%;} #c_portalResGroupPublic_codeContainer-15767380076861340 .brand-news .news-hot .hot-link{display:none} } #c_portalResGroupPublic_codeContainer-15767380076861340 .news-mm{ margin-top:20px; } #c_portalResGroupPublic_codeContainer-15767380076861340 .news-mm a{ color:#000; } #c_portalResGroupPublic_codeContainer-15767380076861340 .news-mm a:hover{ color:#e94e46; } #c_portalResGroupPublic_codeContainer-15767380076861340 .news-mm a:hover:after{ width:100%; } #c_portalResGroupPublic_codeContainer-15767380076861340 .news-mm a:after{ content:''; display:block; width:0; height:1px; background:#e94e46; left:0; top:23px; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; } #c_portalResGroupPublic_codeContainer-15767380076861340{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_portalResGroupPublic_codeContainer-15767102123163534 .brand-box{ padding:1%; } #c_portalResGroupPublic_codeContainer-15767102123163534 .brand-lead{ padding:5% 10%; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 0 30px #d9d9d9; } #c_portalResGroupPublic_codeContainer-15767102123163534 .brandLogo{ display:inline-block; width:36%; text-align:center; vertical-align:middle; background:#fff; } #c_portalResGroupPublic_codeContainer-15767102123163534 .brandLogo img{ max-width:100%; } #c_portalResGroupPublic_codeContainer-15767102123163534 .brandP{ display:inline-block; margin-left:4%; color:#666; line-height:1.5; width:60%; vertical-align:middle; font-size:14px; letter-spacing:normal; } @media only screen and (max-width:1024px){ #c_portalResGroupPublic_codeContainer-15767102123163534 .brand-lead{margin-left:20px;margin-right:20px;width:auto} } @media only screen and (max-width:768px){ #c_portalResGroupPublic_codeContainer-15767102123163534 .brandLogo{display:block;margin:0 auto;width:60%} #c_portalResGroupPublic_codeContainer-15767102123163534 .brandP{display:block;margin:3% auto 0 auto;width:100%} } #c_portalResGroupPublic_codeContainer-15767102123163534{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious h4{ color:#131313; text-align:center; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper{ margin-top:3%; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper.flex-container .swiper-wrapper{ justify-content:center; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper.flex-container .swiper-slide{ width:31.2%; margin:0 1%; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .swiper-slide .ser-img{ height:0; padding-bottom:56%; overflow:hidden; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .swiper-slide .ser-til{ color:#737373; text-align:center; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev{ display:block; width:16px; height:30px; background-image:url(/img/ser_prev.png); background-repeat:no-repeat; background-position:center; background-size:contain; left:-5%; top:50%; margin-top:-15px; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next{ display:block; width:16px; height:30px; background-image:url(/img/ser_next.png); background-repeat:no-repeat; background-position:center; background-size:contain; right:-5%; top:50%; margin-top:-15px; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev:hover{ background-image:url(/img/ser_prevH.png); } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next:hover{ background-image:url(/img/ser_nextH.png); } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev.swiper-button-disabled{ opacity:.5; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev.swiper-button-disabled:hover{ background-image:url(/img/ser_prev.png); cursor:default; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next.swiper-button-disabled{ opacity:.5; } #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next.swiper-button-disabled:hover{ background-image:url(/img/ser_next.png); cursor:default; } @media only screen and (max-width:1200px){ #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper{padding:0 20px;} #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev{left:-6px;} #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next{right:-6px;} } @media only screen and (max-width:1024px){ #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev{width:12px;height:22px;} #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next{width:12px;height:22px} } @media only screen and (max-width:767px){ #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev{left:0;} #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next{right:0;} } @media only screen and (max-width:479px){ #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .swiper-slide .ser-til{font-size: 14px;} #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-prev{width:8px;height:15px;} #c_portalResGroupPublic_codeContainer-15767231613129198 .brand-serious .ser-swiper .ser-next{width:8px;height:15px;} } #c_portalResGroupPublic_codeContainer-15767231613129198{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }