#c_static_001-16590792790780 { margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 100%; min-width: 320px; overflow: hidden; } #c_static_001-16590792790780 .runpic-words li .xiazi { opacity: 0; margin-top: 100px; transition: all 0.3s; color: #ffffff; font-size: 14px; line-height: 200%; } #c_static_001-16590792790780 .runpic-words li:hover .xiazi { opacity: 1; margin-top: 0px; border-top: 1px solid #ffffff; padding-top: 20px; } #c_static_001-16590792790780 .p_header { text-align: center; } #c_static_001-16590792790780 .p_time { text-align: center; margin: 20px 0; } #c_static_001-16590792790780 .p_articles { margin-top: 30px; } #c_static_001-16590792790780 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } #c_static_001-16590792790780 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } #c_static_001-16590792790780 .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; } #c_static_001-16590792790780 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } #c_static_001-16590792790780 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } #c_static_001-16590792790780 .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; } #c_static_001-16590792790780 .p_PromptNoneData .promptbox { width: auto; height: 100%; } #c_static_001-16590792790780 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } @media only screen and (max-width: 768px) { #c_static_001-16590792790780 .p_complaintPageDetails { padding: 20px; } #c_static_001-16590792790780 .p_time { margin-top: 10px; } #c_static_001-16590792790780 .p_articles { margin-top: 20px; } } @media only screen and (min-width:769px) { #c_static_001-16590792790780 .p_complaintPageDetails { padding: 30px; } #c_static_001-16590792790780 .p_header { padding-bottom: 8px; } #c_static_001-16590792790780 .p_timeIcon { width: auto; height: auto; display: inline-block; font-size: inherit; margin-right: 5px; } #c_static_001-16590792790780 .p_timeIcon:before { content: '\e67a'; } } @media only screen and (min-width:769px) and (max-width:1024px) { } #c_static_001-16590792790780 .p_MatteIcon .iconfont:before { content: '\e602'; } #c_static_001-16590792790780 >div { animation-fill-mode: both; } #c_static_001-16590792790780 .runpic-box { width: 100%; overflow: hidden; position: relative; } #c_static_001-16590792790780 .runpic-words { position: absolute; width: 100%; /* top:42%; */ left: 50%; transform: translateX(-50%); z-index: 3; } #c_static_001-16590792790780 .runpic-words ul li { width: 20%; float: left; text-align: center; border-right: 1px solid #fff; /* width: 100%; */ padding-top: 13%; /* top: 0; */ display: block; height: 190vh; /* background: #ffffff1c; */ } #c_static_001-16590792790780 .runpic-words ul li:hover { width: 20%; float: left; text-align: center; /* border: 1px solid; */ /* width: 100%; */ padding-top: 6%; /* top: 0; */ /* height: 100vh; */ background-color: #004295a1; } #c_static_001-16590792790780 .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; } #c_static_001-16590792790780 .runpic-words ul li h6 { font-size: 20px; color: #fff; /* margin-top: 32px; */ background: rgb(0 119 204 / 70%); padding-top: 10px; padding-bottom: 20px; } #c_static_001-16590792790780 .runpic-words ul li p { font-size: 18px; color: #fff; text-transform: capitalize; margin-top: 10px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; } #c_static_001-16590792790780 .runpic-words ul li:hover img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } #c_static_001-16590792790780 .runpic-line-null { position: absolute; width: 100%; height: 1px; display: none; background-color: rgba(255, 255, 255, .1); left: 0; top: 50%; z-index: 4; } #c_static_001-16590792790780 .runpic-line { position: absolute; width: 10%; height: 1px; display: none; background-color: #b6b5aa; left: 0; top: 50%; z-index: 4; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } #c_static_001-16590792790780 .runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 820px; background-color: #b6b5aa; } #c_static_001-16590792790780 .runpic-pic ul li { width: 100%; height: 820px; display: none; background-repeat: no-repeat !important; background-attachment: fixed !important; position: absolute; -o-background-size: cover; background-size: cover; top: 0%; left: 0%; } #c_static_001-16590792790780 .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); } } #c_static_001-16590792790780 .runpic-pic-shade { position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0);/*表面背景*/ -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; transition: all 2s; } #c_static_001-16590792790780 .runpic-words-pic { height: 80px; background: rgb(0 119 204 / 70%); padding-top: 10px; padding-bottom: 10px; }