.e_ContentMajorStyleBox-001{ width-and-width-uint:100%; width-uint:%; width:100%; height:auto; height-and-height-uint:auto; } .e_ContentMajorStyleBox-001 .stylebox_top{ background-color:rgba(238, 238, 238, 1); width-and-width-uint:auto; width:auto; height:40px; height-and-height-uint:40px; } .e_ContentMajorStyleBox-001 .title_icon{ color:rgba(255,255,255,1); display:inline-block; vertical-align:middle; font-size:18px; line-height:40px; margin-right:10px; } .e_ContentMajorStyleBox-001 .title_icon::before{ content:""; } .e_ContentMajorStyleBox-001 .title_main{ overflow:hidden; max-width:600px; color:rgba(198, 22, 36, 1); white-space:nowrap; font-weight:normal; display:inline-block; vertical-align:middle; font-size:18px; line-height:40px; text-overflow:ellipsis; } .e_ContentMajorStyleBox-001 .title_sub{ margin-left:10px; color:rgba(255,255,255,1); font-weight:normal; display:inline-block; vertical-align:middle; font-size:14px; line-height:40px; } .e_ContentMajorStyleBox-001 .stylebox_title{ background-color:rgba(238, 238, 238, 1); width-and-width-uint:auto; white-space:nowrap; padding-left:15px; display:inline-block; vertical-align:bottom; width:auto; font-size:0px; padding-right:15px; height:inherit; height-and-height-uint:inherit; } .e_ContentMajorStyleBox-001 .stylebox_link{ color:rgba(153, 153, 153, 1); display:table; vertical-align:middle; font-size:14px; border-width:0px; float:right; height:inherit; margin-right:10px; height-and-height-uint:inherit; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color:inherit; display:table-cell; vertical-align:middle; } .e_ContentMajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_ContentMajorStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ background-color:rgba(221, 221, 221, 1); width-and-height:custom; height:1px; height-and-height-uint:1px; } .e_ContentMajorStyleBox-001 .stylebox_content{ background-color:rgba(255, 255, 255, 1); width-and-width-uint:100px; width-uint:%; width:100%; height:calc(100% - 48px); height-and-height-uint:calc(100% - 48px); } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ width-and-height:custom; height:0px; height-and-height-uint:0px; }.e_FlowCommonStyleBox-001{ width-and-width-uint:100%; width-uint:%; width:100%; height:auto; height-and-height-uint:auto; text-align:center; } .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{ background-color:rgba(255, 255, 255, 1); width-and-width-uint:auto; width:auto; width-and-height:custom; height:80px; height-and-height-uint:80px; } .e_FlowCommonStyleBox-001 .title_icon{ color:rgba(198, 22, 36, 1); display:inline-block; vertical-align:middle; font-size:22px; line-height:40px; margin-right:10px; } .e_FlowCommonStyleBox-001 .title_icon::before{ content:""; } .e_FlowCommonStyleBox-001 .title_main{ overflow:hidden; max-width:600px; color:rgba(0, 0, 0, 1); white-space:nowrap; display:inline-block; vertical-align:top; font-size:30px; line-height:80px; text-overflow:ellipsis; } .e_FlowCommonStyleBox-001 .title_sub{ margin-left:10px; color:rgba(255,255,255,1); font-weight:normal; display:inline-block; vertical-align:middle; font-size:14px; line-height:40px; } .e_FlowCommonStyleBox-001 .stylebox_title{ background-color:rgba(255, 255, 255, 1); width-and-width-uint:auto; white-space:nowrap; padding-left:15px; display:inline-block; vertical-align:bottom; width:auto; font-size:0px; padding-right:16px; height:inherit; height-and-height-uint:inherit; } .e_FlowCommonStyleBox-001 .stylebox_link{ color:#666666; display:table; vertical-align:middle; font-size:14px; border-width:0px; float:right; height:inherit; margin-right:15px; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color:inherit; display:table-cell; vertical-align:middle; } .e_FlowCommonStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_FlowCommonStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ background-color:rgba(240,240,240,1); width-and-height:custom; height:1px; height-and-height-uint:1px; } .e_FlowCommonStyleBox-001 .stylebox_content{ background-color:rgba(255, 255, 255, 1); padding:10px; width-and-width-uint:100px; width-uint:%; width:100%; border-color:#f0f0f0; border-width:0px; border-style:solid; height:calc(100% - 48px); height-and-height-uint:calc(100% - 48px); } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ background-color:rgba(240,240,240,1); width-and-height:custom; height:0px; height-and-height-uint:0px; }@media only screen and (max-width: 768px){ .c_portalResIntro_detail-01001 .p_contentBox { padding: 0px 0px!important; } } @media only screen and (min-width: 769px){ .c_portalResIntro_detail-01001 .p_contentBox { padding: 0px 0px!important; } } .c_portalResIntro_detail-01001 .reset_style { color: #222;} .c_portalResIntro_detail-01001 .reset_style p, .c_portalResIntro_detail-01001 .reset_style span, .c_portalResIntro_detail-01001 .reset_style div, .c_portalResIntro_detail-01001 .reset_style li{ font-size: 16px; line-height: 34px; } .c_portalResIntro_detail-01001 .reset_style .bt { background: linear-gradient(to right, #50B7BC, #2e6c92); -webkit-background-clip: text; color: transparent; font-size: 22px; font-weight: bold; } .c_portalResIntro_detail-01001 .reset_style .bt sup{ color: #4dafb8; font-size: 14px; } .c_portalResIntro_detail-01001 .reset_style .jc { font-size: 15px; color: #222; line-height: 24px; font-weight: bold; margin-bottom: 10px; padding-left: 0px; margin-top: 4px; } .c_portalResIntro_detail-01001 .reset_style h3 { font-weight: bold; font-size: 16px; margin: 0; line-height: 30px; color: #000; margin-top: 4px; margin-bottom: 4px; } #video2 .video { width: 100%; height: auto; } @media only screen and (max-width: 768px){  .c_portalResIntro_detail-01001 .p_contentBox{ padding: 0px 35px; overflow: hidden; } #video2 { width: 100%!important; height: auto!important; float: none!important; margin-right: 0px!important; } .c_portalResIntro_detail-01001 .p_header { margin: 20px 0; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 20px; } .c_portalResIntro_detail-01001 .p_dataSource{ overflow:hidden; margin-bottom: 20px; } .c_portalResIntro_detail-01001 .p_dataSource > li{ display:inline-block; margin-right: 40px; } .c_portalResIntro_detail-01001 .p_dataSource > li:last-child{ margin-right: 0px; } .c_portalResIntro_detail-01001 .p_line { margin: 20px 0; border-bottom:1px solid #ccc; } .c_portalResIntro_detail-01001 .p_summary{ padding:10px; background:#e3f5fe; } .c_portalResIntro_detail-01001 .p_content { margin: 20px 0; overflow:hidden; } .c_portalResIntro_detail-01001 .p_KeywordBox span{ padding:2px 10px } .c_portalResIntro_detail-01001 .p_name { margin-top: 5px; margin-right: 10px; } .c_portalResIntro_detail-01001 .p_tags{ display:inline-block; } .c_portalResIntro_detail-01001 .p_tag{ display: inline-block; background: #f1f1f1; border: 1px solid #D9D9D9; margin-right: 18px; margin-bottom: 15px; cursor: default; border-radius: 4px; color: #969696; }  .c_portalResIntro_detail-01001 .p_QRCode{ text-align: center; padding: 30px 0px; line-height:40px; } .c_portalResIntro_detail-01001 .p_tit{ display: none; } .c_portalResIntro_detail-01001 .p_contentBox{ padding:0; } .c_portalResIntro_detail-01001 .p_header{ border: none; text-align: center; margin: 20px 0px 10px; padding-bottom: 10px; font-size: 24px; border-bottom: 1px solid #e8e8e8; } .c_portalResIntro_detail-01001 .summary-mo{ display: none; background: none; padding-left: 0; padding: 0 10px 15px; width: auto; word-wrap: break-word; word-break: normal; } .c_portalResIntro_detail-01001 .summary-pc{ display: none; } .c_portalResIntro_detail-01001 .p_QRCode{ display: none; } .c_portalResIntro_detail-01001 .p_dataSource > li{ display: block; line-height: 22px; color: #9c9b9b; } .c_portalResIntro_detail-01001 .p_dataSource > li a{ color: #9c9b9b; } .c_portalResIntro_detail-01001 .p_dataSource > li:last-child{ float:none; } .c_portalResIntro_detail-01001 .p_dataSource { padding: 0 0 10px; margin: 10px; width: auto;display: none; } .c_portalResIntro_detail-01001 .p_tit{ display: none; font-size: 22px; padding: 10px; margin-bottom: 10px; } .c_portalResIntro_detail-01001 .p_content{ margin-top: 0px; } .c_portalResIntro_detail-01001 .p_con{ margin: 0px; } .c_portalResIntro_detail-01001 .p_con img{ width: 100%!important; height: auto!important; } } @media only screen and (min-width: 769px){  .c_portalResIntro_detail-01001 .p_contentBox{ padding: 0px 0px; overflow: hidden; } .c_portalResIntro_detail-01001 .p_header { text-align: center; font-size: 30px; color: #333; font-weight: normal;padding: 20px; } .c_portalResIntro_detail-01001 .p_dataSource{ overflow:hidden; margin-bottom: 20px;display: none; } .c_portalResIntro_detail-01001 .p_dataSource > li{ display:inline-block; margin-right: 40px; } .c_portalResIntro_detail-01001 .p_dataSource > li:last-child{ margin-right: 0px; } .c_portalResIntro_detail-01001 .p_line { margin: 20px 0; border-bottom:1px solid #ccc; } .c_portalResIntro_detail-01001 .p_summary{ padding:10px; background:#e3f5fe; word-wrap: break-word; word-break: normal;display: none; } .c_portalResIntro_detail-01001 .p_content { margin: 0px 0; overflow:hidden;padding-top: 15px; } .c_portalResIntro_detail-01001 .p_KeywordBox span{ padding:2px 10px } .c_portalResIntro_detail-01001 .p_name { margin-top: 5px; margin-right: 10px; } .c_portalResIntro_detail-01001 .p_tags{ display:inline-block; } .c_portalResIntro_detail-01001 .p_tag{ display: inline-block; background: #f1f1f1; border: 1px solid #D9D9D9; margin-right: 18px; margin-bottom: 15px; cursor: default; border-radius: 4px; color: #969696; }  .c_portalResIntro_detail-01001 .p_QRCode{ text-align: center; padding: 30px 0px; line-height:40px; } .c_portalResIntro_detail-01001 .summary-mo{ display: none; } .c_portalResIntro_detail-01001 .p_tit{ display: none; } .c_portalResIntro_detail-01001 .p_con img{ width: auto!important; } .c_portalResIntro_detail-01001 .p_dataSource.borderB_dividers{ border-bottom: none; } } @media only screen and (max-width: 1024px) and (min-width: 769px){  }@media only screen and (max-width: 768px) { .c_portalResIntro_category-01001006 { height: auto; width: 280px; overflow: visible; max-width:1180px; min-height:192px; margin-left: 0; margin-right: 0; } .c_portalResIntro_category-01001006 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 6px; } .c_portalResIntro_category-01001006 .p_image>img { width: 100%; height: 100%; } } @media only screen and (min-width: 769px) { .c_portalResIntro_category-01001006 .p_btn-show,.c_portalResIntro_category-01001006 .p_btn-hide{display: none;} .c_portalResIntro_category-01001006 { height: auto; width: 280px; overflow: visible; max-width:1180px; min-height:192px; margin-left: 0; margin-right: 0; } .c_portalResIntro_category-01001006 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResIntro_category-01001006 .p_categoryBox{ line-height:24px; } .c_portalResIntro_category-01001006 .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-01001006 .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-01001006 .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-01001006 .p_linkBox .iconfont:before{ content:''; } .c_portalResIntro_category-01001006 .p_linkBox .icon-arrow_up:before{ content:'\e6c9'; } .c_portalResIntro_category-01001006 .p_linkBox .icon-arrow_down:before{ content:'\e6c8'; } .mouse_bac:hover .p_categoryBtn { color: #60a9d7; } .c_portalResIntro_category-01001006 .p_categoryBox .p_childBox { } .c_portalResIntro_category-01001006 .p_categoryBox .p_parentBox{ position:relative; } .c_portalResIntro_category-01001006 .p_categoryBox .p_parentBox .p_parentBox { padding-left: 18px; } .c_portalResIntro_category-01001006 .p_parentBox:last-child .p_linkBox { border-bottom:0 none; } .c_portalResIntro_category-01001006 .p_categoryBox .slideOut{ position:absolute; left:100%; top:0; width:100%; height:auto; } .c_portalResIntro_category-01001006 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResIntro_category-01001006 .p_image>img { width: 100%; height: 100%; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .c_portalResIntro_category-01001006 .cateName { display: inline-block; height: 80px; line-height: 80px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; text-align: center; font-size: 16px; padding: 0px 20px!important; transition: all .3s; }} .c_portalResIntro_category-01001006 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResIntro_category-01001006 >div{ animation-fill-mode:both; } .c_portalResIntro_category-01001006 .cateBox{ width:100%; } @media only screen and (min-width: 768px){ .c_portalResIntro_category-01001006 .cate1 { width: 100%; height: 80px; overflow: hidden; font-size: 0px; white-space: nowrap; } .c_portalResIntro_category-01001006 .li1 { display: inline-block; border-radius: 0px; margin: 0px; } .c_portalResIntro_category-01001006 .cateNameH3 { width: 100%; height: 80px; line-height: 80px; } .c_portalResIntro_category-01001006 .cateListBox { position: relative; width: auto; height: auto; } .c_portalResIntro_category-01001006 .cateName { display: inline-block; height: 80px; line-height: 80px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; text-align: center; font-size: 16px; padding: 0px 30px; transition: all .3s; } .c_portalResIntro_category-01001006 .cateName:hover{color: #2e8acb;} .c_portalResIntro_category-01001006 .li1:hover .cate2 { display: block; } .c_portalResIntro_category-01001006 .p_articlesC .cateName:before { position: absolute; content: ''; left: 50%; bottom: 0px; width: 0%; height: 3px; background-color: none; transition: all .3s; } .c_portalResIntro_category-01001006 .p_articlesC .cateName:hover:before { width: 80%; left: 10%; background-color: #2e8acb; } .c_portalResIntro_category-01001006 .cateListBox .cateName:after{content: ""; position: absolute; width: 1px; height: 15px; display: block; background: #ccc; top: 50%; margin-top: -7px; right: 0px;} } @media only screen and (max-width: 768px){ .c_portalResIntro_category-01001006 .cate1 { text-align: left; display: block; font-size: 0; } .c_portalResIntro_category-01001006 .cateListBox { position: static; display: inline-block; color: #fff; width: auto; vertical-align: top; } .c_portalResIntro_category-01001006 .cateNameH3 { border-radius: 0px; line-height: 40px; text-align: center; } .c_portalResIntro_category-01001006 .cateName { padding: 0px 15px; font-size: 14px; height: 40px; line-height: 40px; position: relative; color: #333; display: block; transition: 0.3s ease 0s; } .cateName:after { content: ""; position: absolute; width: 1px; height: 15px; display: block; background: #ccc; top: 50%; margin-top: -7px; right: 0px; } }.w_grid-001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 12rem; width: 100%; } .w_grid-001 > .w_grid{ width: 100%; position: relative; } .w_grid-001 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell{ float: left; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-001 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-001 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } .button--size-s { font-size: 30px!important; } } @media only screen and (min-width: 769px){ .w_grid-001 > div > .p_gridbox > .p_gridCell{ width: 49.5%; margin-left: 1%; margin-top: 0.6rem; margin-bottom: 0.6rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_fimg-1617695444833,#w_fimg-1617674901109{max-width:150px!important;margin-top: 20px!important;} }.c_portalResEbizads_banner-01001003 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResEbizads_banner-01001003 >div{ animation-fill-mode:both; } .c_portalResEbizads_banner-01001003 .subpage_ad{ position:relative; height:500px; margin-top:0px; background-color: rgba(0, 0, 0, 0); } .c_portalResEbizads_banner-01001003 .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center/cover; } .c_portalResEbizads_banner-01001003 .subpage_ad .bgimg{ -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity: 1; } .c_portalResEbizads_banner-01001003 .mobitem{ display:none; } .c_portalResEbizads_banner-01001003 .subpage_ad .text{ position:absolute; width:100%; color:#fff; text-align:center; bottom: 0%; left: 0px; line-height:1.6; transform:translate(0, 0); z-index:4; } .c_portalResEbizads_banner-01001003 .subpage_ad .wenzi { width: 94%; max-width: 1480px; margin: 0 auto; padding: 0px 20px; text-align: left; -webkit-animation-name: "fadeInUp"; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 0.5s; } .c_portalResEbizads_banner-01001003 .subpage_ad .wenzi .ban_wz { width: auto; min-width: 280px; display: inline-block; height: auto; padding: 30px; background-color: rgba(0, 119, 185, 0.9); position: absolute; bottom: 0; left: 0px;cursor: pointer; } .c_portalResEbizads_banner-01001003 .capitalize{ text-transform:capitalize; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-tit{ font-size: 32px; line-height: 40px; font-weight: normal; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-line{ height:2px; width: 40px; background:rgba(255, 255, 255, 1); margin: 20px 0px;transition: all 0.5s ease 0s; } .c_portalResEbizads_banner-01001003 .subpage_ad:hover .ad-line{ width: 100%; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-sum{ font-size:28px; line-height:40px; font-weight:normal; text-transform:Uppercase; font-family: "iconfont"; color: rgba(255, 255, 255, 1); } @media only screen and (max-width: 1200px) and (min-width: 1025px){ .c_portalResEbizads_banner-01001003 .subpage_ad { height: 300px; margin-top:0px; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-tit { font-size: 30px; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-sum { font-size: 16px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResEbizads_banner-01001003 .subpage_ad { height: 300px; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-tit { font-size: 30px; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-sum { font-size: 16px; } } @media only screen and (max-width: 768px){ .c_portalResEbizads_banner-01001003 .subpage_ad .ad-line { height: 2px; width: 3%; background: #fff; margin: 0px auto; } .c_portalResEbizads_banner-01001003 .subpage_ad { height:20vh; max-height: 180px; margin-top:0px; } .c_portalResEbizads_banner-01001003 .subpage_ad .wenzi .ban_wz { width: 100%; display: inline-block; height: auto; padding: 0px; background-color: rgba(0, 68, 153, 0); position: absolute; top: 0px; text-align: center; left: 0px; } .c_portalResEbizads_banner-01001003 .pcitem { display: none !important; } .c_portalResEbizads_banner-01001003 .mobitem { display: block; } .c_portalResEbizads_banner-01001003 .subpage_ad .text { top: 30%; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-tit { font-size: 30px; font-weight:bold; } .c_portalResEbizads_banner-01001003 .subpage_ad .ad-sum { font-size: 20px; line-height: 40px; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: scale(1); transform: scale(1); } } .ad-tit{ position: relative; z-index: 1; -webkit-transition:border-color 0.3s, background-color 0.3s; transition:border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); } .ad-tit .tit{ -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; } .ad-tit:hover .tit{ opacity:0; -webkit-transform:translate3d(0, -25%, 0); transform:translate3d(0, -25%, 0); } .ad-tit::after{ content:attr(data-text); position:absolute; top:0; left:0; opacity:0; -webkit-transform:translate3d(0, 25%, 0); transform:translate3d(0, 25%, 0); -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; font-size: 32px; color: #fff; line-height: 40px; } .ad-tit:hover::after{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .ad-sum{ position: relative; z-index: 1; -webkit-transition:border-color 0.3s, background-color 0.3s; transition:border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); } .ad-sum .tit{ -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; } .ad-sum:hover .tit{ opacity:0; -webkit-transform:translate3d(0, -25%, 0); transform:translate3d(0, -25%, 0); } .ad-sum::after{ content:attr(data-text); position:absolute; top:0; left:0; opacity:0; -webkit-transform:translate3d(0, 25%, 0); transform:translate3d(0, 25%, 0); -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; font-size: 28px; color: #fff; line-height: 40px; } .ad-sum:hover::after{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @keyframes slide{from { background-position: 0 0; } to { background-position: -200px 0; } } to { background-position: -200px 0; } } to { background-position: -200px 0; } } @-webkit-keyframes slide{from { background-position: 0 0; } to { background-position: -200px 0; } } to { background-position: -200px 0; } } to { background-position: -200px 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @-webkit-keyframes gradient{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-moz-keyframes gradient{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @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){ } @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){ } @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){ } @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){ } @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){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResIntro_category-16179328469938026 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_category-16179328469938026 >div{ animation-fill-mode:both; } #c_portalResIntro_category-16179328469938026{ 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: 992px){ } @media only screen and (max-width: 992px) and (min-width: 768px){ } #c_portalResIntro_detail-16181920868582660 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_detail-16181920868582660 >div{ animation-fill-mode:both; } #c_portalResIntro_detail-16181920868582660{ 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-1577426236407 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-1577426236407 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-1577426236407{ 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-1617755894574 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1617755894574 >div{ animation-fill-mode:both; } #w_grid-1617755894574 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ #w_grid-1617755894574> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0%; } #w_grid-1617755894574> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1617755894574> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1617755894574> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0%; } #w_grid-1617755894574> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1617755894574> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1617755894574{ width:94%; max-width:1600px; 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; }