@media only screen and (max-width: 768px){ /**wh**/ .wh_left { width: 100%; float:left; position:relative; max-height: 100%; padding-right: 0px; } .wh_left div { width:100%; overflow:hidden; position:relative; } .wh_left img { width:100%; } .wh_left p { position: relative; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.7); color: #fff; padding: 20px; font-size: 14px !important; line-height:1.6em; } .wh_left p span { display:block; font-size: 20px; font-weight:bold; } .wh_right { width: 100%; float:left; padding-left: 0px; } .wh_right1 img { display:none; } .wh_right1 { width:100%; float:left; height: 100%; margin-bottom: 10px; position: relative; padding: 20px; background: #f3f3f3; } .wh_right2 { width:100%; height:50%; float:left; margin-top: 10px; } .wh_right img { width:100%; } .wh_right11_wz { position: relative; width: 100%; left: 0; top: 0; transform: translateY(0%); } .wh_right11_wz p { font-size: 14px !important; margin-bottom:20px; } .wh_right11_wz p span { display:block; font-size: 20px; font-weight:bold; color:#e60012; } .shfw .fwlc { font-size: 14px !important; text-align: center; max-width: 220px; margin: auto; } .shfw .fwlc span { display:block; font-size: 22px; margin-bottom: 10px; color:#e60012; } .shfw ul { max-width:1200px; margin:30px auto 0px !important; } .shfw ul li {width: 100%;float:left;text-align: center;position:relative;} .shfw ul li img { max-width:100px; } .shfw ul li:nth-of-type(2):before { content:''; height:1px; position:absolute; top:52px; left:0px; width:100%; background:#ccc; display:none; } .shfw ul li:nth-of-type(4):before { content:''; height:1px; position:absolute; top:52px; left:0px; width:100%; display:none; background:#ccc; } .shfw ul li p { line-height:1.5em !important } .shfw ul li span { display:block; font-size:18px; font-weight:bold; color:#333; font-weight:bold; margin:10px 0px !important; } .c_portalResIntro_detail-01001 td { width:100%; float:left; } .c_portalResProblem_list-01001 .p_askeBox { width: auto; height: auto; padding-left: 10px; padding-bottom: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -moz-box; display: flex; display: -webkit-box; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .c_portalResProblem_list-01001 .p_AnswerBox { width: 100%; height: auto; padding-left: 10px; margin-top: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } /**news_fl**/ .c_portalResNews_category-01001 .btn-primary { background-color: #e60012 !important; color: #fff !important; border-color: #e60012; } .c_portalResNews_category-01001 .mouse_bac:hover { background-color: #e60012 !important; color: #fff !important; } .c_portalResNews_category-01001 .mouse_bac:hover a { background-color: #e60012 !important; color: #fff !important; } .c_portalResNews_category-01001 .mouse_bac a { color:#666; } .c_portalResNews_category-01001 .p_problemCategory { text-align: center; margin-top: 13px; } .c_portalResNews_category-01001 .p_linkBox { padding: 5px 20px; display: flex; text-align: left; border-bottom: 1px #ccc solid; color: #666; } /* fy */ .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} .p_pagebox .NumBox { width: 44%; height: 44px; border: 0px solid #cdd5d5; display: inline-table; position: relative; cursor: pointer; box-sizing: border-box; background: #e6e6e6; vertical-align: top; } .p_pagebox .num { display: table-cell; vertical-align: middle; font-size: 12px; text-align: center; width: 100%; line-height: 45px; } .p_pagebox .ItemBox { position: absolute; width: 100%; height: auto; border: 1px solid #d3d4d4; bottom: 44px; left: 0; max-height: 300px; overflow-y: auto; z-index: 99; border-bottom: 0 } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 20px } .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 12px; line-height: 45px; } .p_pagebox .NumBox ul li { width: inherit; height: 40px; line-height: 40px; text-align: center; background-color: #fffffe; color: #323332; font-size: 16px } .p_pagebox .NumBox ul li .iconfont:before { content: "" } .p_pagebox .NumBox ul li:active { background-color: #e4e4e4 } .p_pagebox { width: 100%; height: auto; margin: 20px auto 50px; clear: both; position: relative; font-size: 0; white-space: nowrap; } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #e60012; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #e60012; background-color: #e60012; cursor: pointer } .p_pagebox .pre:active { background-color: #e60012; } .p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; line-height: 45px; } .p_pagebox .pre .iconfont { display: inline-block; color: rgba(255, 255, 255, 1); vertical-align: top; width: auto; height: auto; float: left; font-size: 22px } .p_pagebox .pre:hover .iconfont { color:#fff; } .p_pagebox .pre:active .iconfont { color:#fff; } .p_pagebox .pre .iconfont:before { content: "\e6b0"; line-height: 45px; font-size: 12px; } .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #e60012; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color: #e60012; cursor:pointer; } .p_pagebox .next:active{ background-color:#e60012; } .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 12px; line-height: 45px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 22px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; line-height: 45px; font-size: 12px; } #c_portalResNews_detail-15625061480189815 { width: 100%; max-width: 1480px; min-width: 250px; height: 100%; max-height: none; min-height: 192px; margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } #w_grid-1562507699018 { display:none; } .e_FlowCommonStyleBox-001 .stylebox_top { display:none; } .e_FlowCommonStyleBox-001 .stylebox_content { width: 100%; border-top: 0px #f0f0f0 solid !important; border-bottom: 0px #f0f0f0 solid !important; border-left: 0px #f0f0f0 solid !important; border-right: 0px #f0f0f0 solid !important; text-align: center; } .e_FlowCommonStyleBox-001 .stylebox_top_line { height: 0px; background-color: rgba(240,240,240,1); } #c_portalResProduct_category-15625475466342078 { width: 100%; margin-bottom: 30px; } #w_fimg-1562315125872 img { width: 150px; margin-top: 9px; } #w_fimg-1562315125872 .p_box { text-align: left; } .c_portalResnav_main-01001 .p_childBox { display:none; } #w_grid-1562549918824 { display:none; } .c_portalResProduct_detail-01001 img { width:100% !important; height:100% !important; } .c_portalResProduct_detail-01001 .reset_style .details_bt { font-size:22px; color: #e60012; margin-bottom: 0px; } .c_portalResProduct_detail-01001 td { width: 100% !important; float: left; background:none !important; } .zt1 { width: 100%; float: left; background: #f3f3f3; position: relative } .zt1 img { width: 100%!important } .zt1_11 { float: right!important } .zt1_1 { width: 100%; float: left } .zt1_2 { width: 100%; float: left; display: block; height: 100% } .zt1_wz { position: relative; padding: 30px; width: 100%; text-align: center; } .zt1_wz p:nth-of-type(1) { font-size: 22px; color: #e60012; font-weight: 700; } .zt1_wz p { font-size: 14px } .zt1 ul li { width:100%; text-align:center; float:left; padding:20px } .zt1 ul li p:nth-of-type(2) { font-weight:bold; font-size:18px; margin:20px 0px; } .zt1 ul { width:100%; float:left; background:#fff; padding: 50px 0px; } .zt1 ul li img {width:auto !important;height: 110px;} } @media only screen and (max-width:1200px){ }