.e_flowcommonstylebox-001{  width: 100%; height: auto; width-uint:%; }  .e_flowcommonstylebox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_flowcommonstylebox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_flowcommonstylebox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_flowcommonstylebox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890ff; } .e_flowcommonstylebox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_flowcommonstylebox-001 .title_icon::before{ content: ""; } .e_flowcommonstylebox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_flowcommonstylebox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_flowcommonstylebox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890ff; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_flowcommonstylebox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_flowcommonstylebox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_flowcommonstylebox-001 .link_icon::before{ content: '\e6af'; } .e_flowcommonstylebox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_flowcommonstylebox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_flowcommonstylebox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }@media only screen and (min-width: 769px){ .active { background-color: #007153 !important; color: #fff; } } @media only screen and (max-width: 1024px) and (min-width: 768px){ #w_carouselbox-1553745195773{ width:100%; max-width:769px !important; min-width:0px; height:100%; max-height:none; min-height:450px !important; margin-top:80px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } } @media only screen and (max-width: 768px){ #w_common_text-1553666335125,#w_common_text-1553666347407,#w_common_text-1553666376995,#w_common_text-1553666395231,#w_common_text-1553666491661,#w_common_text-1553666494558,#w_common_text-1553666878218,#w_common_text-1553666882846 {padding:0px !important;} .p_commonsquarenumbtn.active { background-color: #007153 !important; } #c_portalresproduct_list-15634313121284286{margin-top: 20px!important;} } .c_portalresproduct_list-01001 .p_sort ,.c_portalresebizads_banner-01001 .p_titlebox,.c_portalresproduct_list-01001 .d_item{ display:none !important; } .c_portalresebizads_banner-01001 .swiper-pagination { bottom:10px !important; } .c_portalresproduct_list-01001 .d_headbox{ text-align: center; font-family: microsoft yahei !important;  background-color: #007153;   margin-top: 10px; } .c_portalresproduct_list-01001 .d_headbox .h5 { font-size: 14px !important; color: #fff; } .border_default,.borderb_default{ border-color:#fff !important; } .dialog{ background:none !important; } #c_portalresnews_list-15480554028944826 .p_images { display:none !important; } #c_portalresnews_list-15480554229615803 .p_images { float:none !important; width:100% !important; } .reset_style p { word-break:break-word !important; } @media only screen and (max-width: 768px){ #c_portalresnews_list-15480554028944826 .p_images { display:block !important; float:none !important; width:100% !important; } #c_portalresproduct_list-15541931357985124 .p_product{ width:calc((100% - 80px)/2) !important; } #c_portalresproduct_list-15541931357985124 .product{ width:50% !important; float:left; padding:10px 0; } } .c_portalresnav_main-01001 .p_categorybox > .p_parentbox:hover { border:none !important; } #c_portalresnews_list-1548120312160 .p_images { display:block !important; float:none !important; width:100% !important; } .c_portalresnav_main-01001 .p_parent { padding: 0 0 0 50px !important; } #w_grid-1548062904009 > div > .p_gridbox { overflow:inherit !important; } .c_portalresnav_main-01001 .p_category { background:none !important; }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridcell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridcell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridcell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridcell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridcell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } #w_grid-1555910228431{height:80px !important;max-height: 80px !important;} #w_grid-1555910228442{ height:80px !important;min-height: 80px !important;} #w_fimg-1555910228452 { max-width: 160px !important;margin-top: 20px !important;} .c_portalresnav_main-01001003{top: 20px!important;} #w_common_text-1555913233369{margin-top: 40px!important;} #w_common_text-1563350785920 span{font-size:25px !important;} #w_grid-1563355232009{display:none !important;} #w_common_text-1563420779795 span{font-size:40px !important;} #w_common_text-1563427444465 span{font-size:40px !important;} #w_common_text-1563427957834{display:none !important; } #c_portalresnav_main-15559832686732817 .p_c-fff{ margin:20px auto !important; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridcell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px){ #c_portalresproduct_category-15634214049862635{display:none;} }@charset "utf-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalresproduct_list-15925281213798211 .p_product{ width:calc((100% - 0px)/10); } #c_portalresproduct_list-15925281213798211 .p_commonsummaryboxa{ text-align:center; } #c_portalresproduct_list-15925281213798211 .p_matteicon .iconfont:before{ content:'\e602'; } #c_portalresproduct_list-15925281213798211 >div{ animation-fill-mode:both; } #c_portalresproduct_list-15925281213798211 .pro-list-demo{ font:12px/1.231 "宋体", "microsoft yahei", "微软雅黑", arial, helvetica, clean, sans-serif; } #c_portalresproduct_list-15925281213798211 .proimg{ width:60%; height:auto; } @media only screen and (min-width: 769px){ #c_portalresproduct_list-15925281213798211 .pro-list-demo{ width:100%; overflow:hidden; } #c_portalresproduct_list-15925281213798211 .left{ position:relative; width:80%; float:left; overflow:hidden; } #c_portalresproduct_list-15925281213798211 .swiper-button{ position:absolute; top:50%; transform:translatey(-50%); cursor:pointer; width:30px; height:50px; line-height:50px; text-align:center; z-index:999; font-size:30px; color:#fff; font-weight:400; background:rgba(0, 0, 0, .5); } #c_portalresproduct_list-15925281213798211 .pro-right{ right:0px; } #c_portalresproduct_list-15925281213798211 .right{ width:20%; float:left; overflow:auto; } #c_portalresproduct_list-15925281213798211 .right::-webkit-scrollbar{ display:none; } #c_portalresproduct_list-15925281213798211 .wyz-thumbs{ height:auto; } #c_portalresproduct_list-15925281213798211 .wyz-thumbs .swiper-wrapper{ height:auto; } #c_portalresproduct_list-15925281213798211 .wyz-thumbs .swiper-wrapper .swiper-slide{ height:auto!important; } #c_portalresproduct_list-15925281213798211 .swiper-slide{ position:relative; } #c_portalresproduct_list-15925281213798211 .titlec{ position:absolute; left:0px; top:0px; width:60%; height:auto; display:flex; justify-content:center; align-items:center; background:rgba(0, 0, 0, .5); color:#fff; font-size:1rem; } #c_portalresproduct_list-15925281213798211 .swiper-slide-thumb-active .titlec{ display:none; } #c_portalresproduct_list-15925281213798211 .titlebox{ position:absolute; bottom:0px; left:0px; right:0px; background:rgba(0, 0, 0, .5); padding:10px 20px; min-height:80px; } #c_portalresproduct_list-15925281213798211 .titlebox .title{ font-size:20px; color:#fff; } #c_portalresproduct_list-15925281213798211 .titlebox .summary{ font-size:14px; color:#91908f; margin-top:10px; } #c_portalresproduct_list-15925281213798211 .detaillink{ position:absolute; top:0px; right:0px; width:80px; height:80px; background:#a72126; font-size:16px; color:#ffffff; text-align:center; line-height:80px; display: none; } #c_portalresproduct_list-15925281213798211 .p_occupybox{ display:none; } } @media only screen and (max-width: 768px){ #c_portalresproduct_list-15925281213798211 .right { height:0; overflow:hidden; } #c_portalresproduct_list-15925281213798211 .left { position:relative; padding:20px 10px 20px 20px; } #c_portalresproduct_list-15925281213798211 .swiper-button{ display:none; } #c_portalresproduct_list-15925281213798211 .left .swiper-slide { padding-bottom:10px; padding-right:10px; } #c_portalresproduct_list-15925281213798211 .title{ padding: 10px 0; display: block; text-align: center; box-shadow: 0 0 0.5rem #e9e9e9; font-size: 0.875rem; color:#000; white-space: nowrap; } #c_portalresproduct_list-15925281213798211 .summary{ display:none; } #c_portalresproduct_list-15925281213798211 .detaillink{ display:none; } } #c_portalresproduct_list-15925281213798211 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; } #c_portalresproduct_list-15925281213798211 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; } #c_portalresproduct_list-15925281213798211 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; } #c_portalresproduct_list-15925281213798211 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; } #c_portalresproduct_list-15925281213798211 .wyz-thumbs .swiper-wrapper .swiper-slide{ height:auto!important; margin-bottom:10px; } #c_portalresproduct_list-15925281213798211 .pic-box{ margin-rgiht:10px; background:url(/uploads/image/simg/1cpbg.jpg) !important; } #c_portalresproduct_list-15925281213798211 .pic-box .proimg{ width:70%; height:auto; padding-left:25%; } #c_portalresproduct_list-15925281213798211{ width:100%; max-width:1400px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1592528118757 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1593744531100 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1593744373789 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1592527883924 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1592528118757{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1593744531100{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1593744373789{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1592527883924{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalresproduct_list-15937443769763678 .p_product{ width:calc((100% - 0px)/3); } #c_portalresproduct_list-15937443769763678 .p_commonsummaryboxa{ text-align:center; } #c_portalresproduct_list-15937443769763678 .p_matteicon .iconfont:before{ content:'\e602'; } #c_portalresproduct_list-15937443769763678 >div{ animation-fill-mode:both; } #c_portalresproduct_list-15937443769763678 .probox{ width:100%; height:auto; overflow:hidden; } #c_portalresproduct_list-15937443769763678 .procontainer{ width:100%; height:auto; margin:1rem auto; padding:0 1rem; overflow:hidden; } #c_portalresproduct_list-15937443769763678 .proli{ position:relative; overflow:hidden; padding:1rem; height:auto; } #c_portalresproduct_list-15937443769763678 .prolink{ display:block; width:100%; overflow:hidden; border:solid 1px #e9e9e9; transition:all .5s ease; } #c_portalresproduct_list-15937443769763678 .proimgbox{ position:relative; width:100%; height:325px; overflow:hidden; } #c_portalresproduct_list-15937443769763678 .proimg{ position:absolute; top:50%; left:50%; transform:translate(-50% ,-50%) scale(1.0); width:100%; height:auto; transition:all .5s ease; } #c_portalresproduct_list-15937443769763678 .txtbox{ width:100%; overflow:hidden; } #c_portalresproduct_list-15937443769763678 .protitle{ position:relative; width:100%; padding-right:50px; height:50px; border-bottom:solid 1px #e9e9e9; } #c_portalresproduct_list-15937443769763678 .name{ display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.375rem; } #c_portalresproduct_list-15937443769763678 .imglink{ position:absolute; top:0; right:10px; display:block; width:30px; height:30px; overflow:hidden; } #c_portalresproduct_list-15937443769763678 .prosummry{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:20px; color:#333; } #c_portalresproduct_list-15937443769763678 .proli:hover .prolink{ -moz-box-shadow:0px 0px 30px #ccc; -webkit-box-shadow:0px 0px 30px #ccc; box-shadow:0px 0px 1rem #ccc; } #c_portalresproduct_list-15937443769763678 .proli:hover .proimg{ transform:translate(-50% ,-50%) scale(1.1); } @media only screen and (min-width: 769px){ #c_portalresproduct_list-15937443769763678 .procontainer { max-width: 1600px; } #c_portalresproduct_list-15937443769763678 .proli { float:left; } #c_portalresproduct_list-15937443769763678 .prolink { height: 480px; } #c_portalresproduct_list-15937443769763678 .txtbox { height: 153px; padding: 35px 35px 20px; } #c_portalresproduct_list-15937443769763678 .name { font-size:1.375rem; color: #333; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalresproduct_list-15937443769763678 .procontainer { max-width: 900px; } #c_portalresproduct_list-15937443769763678 .proli { width: 50%; } #c_portalresproduct_list-15937443769763678 .prolink { height: 400px; } #c_portalresproduct_list-15937443769763678 .proimgbox { height: 245px; } } @media only screen and (max-width: 768px){ #c_portalresproduct_list-15937443769763678 .procontainer { min-width: 300px; } #c_portalresproduct_list-15937443769763678 .proli { width: 100%; } #c_portalresproduct_list-15937443769763678 .prolink { height: auto; } #c_portalresproduct_list-15937443769763678 .proimgbox { height: 500px; } #c_portalresproduct_list-15937443769763678 .txtbox { height: 80px; padding: 20px; } #c_portalresproduct_list-15937443769763678 .protitle { height:40px; } #c_portalresproduct_list-15937443769763678 .prosummry { margin-top: 15px; } } @media only screen and (max-width: 425px){ #c_portalresproduct_list-15937443769763678 .proimgbox { height: 410px; } } #c_portalresproduct_list-15937443769763678{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }