.ann1 { word-break: break-word; } .ann1b { word-break: break-word; } @media only screen and (max-width: 768px) { .p_complaintPageDetails { padding: 20px; } .p_time { margin-top: 10px; } .p_articles { margin-top: 20px; } .resetHtmlCssStyle .tp img { vertical-align: top; width: 100%; } #c_static_001-1641971710834 .e_container-16 .s_layout { display: none !important; } .runpic-words ul li { width: calc(100%) !important; float: left; text-align: center; height: 200px !important; /* padding-top: 30%; */ border-right: #a5a5a5 1px solid; display: flex; align-items: center; } .runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 100vh; background-color: #b6b5aa; background-size: 100% 100% !important; background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023041417480414966/cms/image/e65d9332-1daf-48b8-b0d9-08c1cb46afeb.jpg?d=1685088211713) !important; } .runpic-words-pic { /* height: 42px; */ margin-top: 20px; } ul li img { display: block; margin: 0 auto; width: 40%; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .runpic-words ul li p { font-size: 16px; color: #fff; text-transform: capitalize; display: none; margin-top: 10px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; } .runpic-words ul li h6 { font-size: 16px; color: #fff; margin-top: 32px; font-weight: normal; } .runpic-pic ul li { width: 100%; height: auto; background-attachment: inherit !important; } .annb { display: none !important; } .ann { display: none !important; } ul li img { display: block; margin: 0 auto; width: 40%; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .runpic-words ul li p { font-size: 16px; color: #fff; text-transform: capitalize; display: none; margin-top: 10px; } .runpic-words ul li h6 { font-size: 16px; color: #fff; margin-top: 12px; font-weight: normal; } .runpic-pic ul li { width: 100%; height: auto; background-attachment: inherit !important; } } @media only screen and (min-width:769px) { .p_complaintPageDetails { padding: 30px; } .p_header { padding-bottom: 8px; display: none; } .p_timeIcon { width: auto; height: auto; display: inline-block; font-size: inherit; margin-right: 5px; } .p_timeIcon:before { content: '\e67a'; } } @media only screen and (min-width:769px) and (max-width:1024px) {} .p_MatteIcon .iconfont:before { content: '\e602'; } >div { animation-fill-mode: both; } .runpic-box { width: 100%; overflow: hidden; position: relative; } .runpic-words { position: absolute; width: 100%; top: 0%; left: 50%; transform: translateX(-50%); z-index: 3; } .runpic-words ul li { width: calc(100% / 2); float: left; text-align: center; height: 400px; /* padding-top: 30%; */ border-right: #a5a5a5 1px solid; display: flex; align-items: center; } .runpic-words ul li img { display: block; margin: 0 auto; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .dt_nr2 h6 { font-size: 32px !important; color: #fff !important; margin-top: 12px; font-weight: normal; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .runpic-words ul li h6 { font-size: 32px !important; color: #ffffff; margin-top: 12px; margin-bottom: 6%; font-weight: normal; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .runpic-words ul li p { font-size: 16px; color: #fff; text-transform: capitalize; margin-top: 10px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; } .runpic-words ul li:hover img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .runpic-line-null { position: absolute; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .1); left: 0; top: 62%; z-index: 4; display: none; } .runpic-line { position: absolute; width: 10%; height: 1px; background-color: #b6b5aa; left: 0; display: none; top: 62%; z-index: 4; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 400px; background-color: #b6b5aa; } .runpic-pic ul li { width: 100%; height: 400px; display: none; background-repeat: no-repeat !important; position: absolute; -o-background-size: cover; background-size: cover !important; top: 0%; left: 0%; background-position: center top !important; } .runpic-pic-true { -webkit-animation: toPicBig 1s ease-in-out both; -moz-animation: toPicBig 1s ease-in-out both; -o-animation: toPicBig 1s ease-in-out both; animation: toPicBig 1s ease-in-out both; } @-webkit-keyframes toPicBig { 0% { -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes toPicBig { 0% { -moz-transform: scale(1.04); transform: scale(1.04); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes toPicBig { 0% { -o-transform: scale(1.04); transform: scale(1.04); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes toPicBig { 0% { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .runpic-pic-shade { position: absolute; z-index: 2; width: 100%; height: 100%; -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; transition: all 2s; } .runpic-words-pic { margin-top: 50px; } .ann { width: 200px; color: #fff; text-align: center; border: #fff 1px solid; margin: auto; padding: 8px 15px; font-weight: normal; margin-top: 0px; margin-bottom: 80px; transition: all ease .5s; } .ann:Hover { width: 200px; color: rgb(255 255 255); text-align: center; border: rgb(32 152 213) 2px solid; background: rgb(32 152 213); } .annb:Hover { width: 200px; color: #2098d5; text-align: center; border: #2098d5 2px solid; } .ann1 { width: 80%; color: #fff; max-width: 460px; margin: auto; text-align: center; padding: 0px 0px; word-break: break-word; } .annb { width: 200px; color: #fff; text-align: center; border: #fff 1px solid; margin: auto; padding: 8px 15px; font-weight: normal; margin-top: 0px; margin-bottom: 80px; word-break: break-word; transition: all ease .5s; } .ann1b { width: 80%; color: #444; max-width: 460px; margin: auto; text-align: center; padding: 0px 0px; } .dt_nr { width: 80%; margin: auto; text-align: center; } .dt_nr2 { /* float: left; */ width: 80%; max-width: 610px; margin: auto; text-align: center; } .p_header { text-align: center; } .p_time { text-align: center; margin: 20px 0; display: none; } .p_articles { margin-top: 30px; } .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .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: normal; text-align: left; } .p_PromptNoneData .promptbox { width: auto; height: 100%; } .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105, 1); padding-left: 65px; } @media only screen and (min-width:769px) and (max-width:1024px) {} .p_MatteIcon .iconfont:before { content: '\e602'; } >div { animation-fill-mode: both; } .runpic-box { width: 100%; overflow: hidden; position: relative; } .runpic-words { position: absolute; width: 100%; top: 0%; left: 50%; transform: translateX(-50%); z-index: 3; } .runpic-words ul li { width: calc(100% / 2); float: left; text-align: center; height: 400px; /* padding-top: 30%; */ border-right: #a5a5a5 1px solid; display: flex; align-items: center; } .runpic-words ul li img { display: block; margin: 0 auto; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .dt_nr2 h6 { font-size: 32px !important; color: #fff !important; margin-top: 12px; font-weight: normal; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .runpic-words ul li h6 { font-size: 32px !important; color: #ffffff; margin-top: 12px; font-weight: normal; font-family: "Gotham SSm A", "Gotham SSm B" !important; } .runpic-words ul li p { font-size: 16px; color: #fff; text-transform: capitalize; margin-top: 10px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; } .runpic-words ul li:hover img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .runpic-line-null { position: absolute; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .1); left: 0; top: 62%; z-index: 4; display: none; } .runpic-line { position: absolute; width: 10%; height: 1px; background-color: #b6b5aa; left: 0; display: none; top: 62%; z-index: 4; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 400px; background-color: #b6b5aa; } .runpic-pic ul li { width: 100%; height: 400px; display: none; background-repeat: no-repeat !important; position: absolute; -o-background-size: cover; background-size: cover !important; top: 0%; left: 0%; background-position: center top !important; } .runpic-pic-true { -webkit-animation: toPicBig 1s ease-in-out both; -moz-animation: toPicBig 1s ease-in-out both; -o-animation: toPicBig 1s ease-in-out both; animation: toPicBig 1s ease-in-out both; } @-webkit-keyframes toPicBig { 0% { -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes toPicBig { 0% { -moz-transform: scale(1.04); transform: scale(1.04); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes toPicBig { 0% { -o-transform: scale(1.04); transform: scale(1.04); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes toPicBig { 0% { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .runpic-pic-shade { position: absolute; z-index: 2; width: 100%; height: 100%; /* background-color:rgba(0, 0, 0, .4); */ -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; transition: all 2s; } .runpic-words-pic { /* height:42px; */ margin-top: 50px; } @media only screen and (max-width: 768px) { .runpic-words-pic { /* height: 42px; */ margin-top: 20px; } ul li img { display: block; margin: 0 auto; width: 40%; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .runpic-words ul li p { font-size: 16px; color: #fff; text-transform: capitalize; display: none; margin-top: 10px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; } .runpic-words ul li h6 { font-size: 16px; color: #fff; margin-top: 32px; font-weight: normal; } .runpic-pic ul li { width: 100%; height: auto; background-attachment: inherit !important; } } @media only screen and (max-width: 768px) { ul li img { display: block; margin: 0 auto; width: 40%; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .runpic-words ul li p { font-size: 16px; color: #fff; text-transform: capitalize; display: none; margin-top: 10px; } .runpic-words ul li h6 { font-size: 16px; color: #fff; margin-top: 12px; font-weight: normal; } .runpic-pic ul li { width: 100%; height: auto; background-attachment: inherit !important; } }