@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){
}