..c_portalResComplaintPage_detail-01001 .pbanner { position: relative; overflow: hidden; margin-top: 100px; } .c_portalResComplaintPage_detail-01001 .pbanner .pic img { width: 100%; display: block; } .c_portalResComplaintPage_detail-01001 .pbanner .pic:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.06); z-index: 2; } .c_portalResComplaintPage_detail-01001 .banner_title { position: absolute; bottom: 50px; left: 10%; color: #fff; z-index: 5; padding-left: 20px; -webkit-animation-name: "fadeInRight"; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } .c_portalResComplaintPage_detail-01001 .banner_title { position: absolute; bottom: 50px; left: 2%; color: #fff; z-index: 5; padding-left: 20px; -webkit-animation-name: "fadeInRight"; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } .c_portalResComplaintPage_detail-01001 .banner_title:before { content: ''; position: absolute; top: 0; left: 5px; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.5); } .c_portalResComplaintPage_detail-01001 .banner_title:before { content: ''; position: absolute; top: 0; left: 5px; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.5); } .c_portalResComplaintPage_detail-01001 .banner_title .ch { margin-bottom: 10px; font-weight: bold; font-size: 30px; line-height: 1; } .banner_title .en { font-size: 14px; line-height: 15px; text-transform: uppercase; font-family: times new roman,times,serif; } .banner_title .cy-small { display: block; margin-top: 10px; font-size: 12px; line-height: 1; opacity: .4; } .e_FlowCommonStyleBox-001 .stylebox_top { height: 80px; background-color: #be8a44; } .e_FlowCommonStyleBox-001 .title_icon { display: none; } .e_FlowCommonStyleBox-001 .stylebox_title { background-color: #be8a44; /* margin-left: 30px; */ background: url(/img/zhkjlogo3.png) no-repeat 15% center; /* padding-left: 50px; */ /* background-size: 25%; */ text-align: center; width: 100%; } .e_FlowCommonStyleBox-001 .title_main { font-size: 22px; line-height: 70px; margin-top: 10px; } .e_FlowCommonStyleBox-001 .stylebox_top_line { display: none; } .e_FlowCommonStyleBox-001 .stylebox_content { border: none; margin-top: 1px; } .e_SideMajorStyleBox-001 .stylebox_top { height: 80px;background-color: #be8a44; } .e_SideMajorStyleBox-001 .title_icon{ display:none; } .e_SideMajorStyleBox-001 .stylebox_title { background-color: #be8a44;/* margin-left: 30px; */background: url(/img/zhkjlogo3.png) no-repeat 15% center;/* padding-left: 50px; *//* background-size: 25%; */text-align: center;width: 100%; } .e_SideMajorStyleBox-001 .title_main { font-size: 22px; line-height: 70px; margin-top: 10px; } .e_SideMajorStyleBox-001 .stylebox_top_line { display: none; } .e_SideMajorStyleBox-001 .stylebox_content { border: none; margin-top: 1px; } @media screen and (min-width: 769px) { #w_grid-1617880006780 { margin-top:20px; } } @media screen and (max-width: 768px) { .c_portalResComplaintPage_detail-01001 .banner_title { bottom: 30px; } .c_portalResComplaintPage_detail-01001 .banner_title .ch { font-size: 1.25rem; } .banner_title .en { text-transform: capitalize; } #w_grid-1578882723849 > div > .p_gridbox:after { display: none; } #w_grid-1617880006780 { margin-top: 0px; } #c_portalResNews_list-16170881758460643 { margin-bottom: 0px; overflow: hidden!important; } #c_portalResPublic_codeContainer-16149266385140245 { margin-bottom: 40px; } #c_portalResProduct_list-16207202106177912 { margin-bottom: 0px; } #w_common_text-1620703915164 p span{ font-size:24px; } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translateX(20px); } to { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translateX(20px); } to { opacity: 1; -webkit-transform: translateX(0); } } .pbanner .pic { -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); } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }