.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); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-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_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }#c_portalResProduct_list-15547039429928257 .kk_product_indus .product,#c_portalResProduct_list-1554893528122 .kk_product_indus .product{ width:33.3333%} body #c_portalResProduct_list-16007951868450799 .p_categorySummaryBox { display: none; } @media only screen and (max-width:768px){ .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height:auto; min-width: 640px; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001 .p_ProductList{ margin:0; width: auto; height:auto; padding:0; overflow: hidden; background-color:transparent; white-space:normal; font-size: 0; } .c_portalResProduct_list-01001 .p_categorySummaryBox { padding:15px; border-bottom:1px solid rgba(0,0,0,0.09); display: none; } .c_portalResProduct_list-01001 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } .c_portalResProduct_list-01001 .p_sort{ margin:0; width: auto; height:auto; padding:0 15px; overflow: hidden; font-size: 16px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 10px solid #F5F5F5; display: none; } .c_portalResProduct_list-01001 .d_sortBtn{ -webkit-flex:1.5; flex: 1.5; -webkit-box-flex: 1.5; -moz-box-flex: 1.5; -ms-flex: 1.5; display: block; position: relative; width:100%; line-height: 40px; text-align: center; } .c_portalResProduct_list-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .p_default { -webkit-flex:1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont{ display:inline-block; font-size:12px; width:0; height:0; margin:5px 0 0 3px; font:0/0 arial; vertical-align: middle; border:5px dashed transparent; border-top:5px solid rgba(0,0,0,0.45); text-align:center; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: #1890FF; border-top-color: #1890FF; } .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow{ margin-top:0; border-top: 0 none; border-bottom: 5px solid rgba(0,0,0,0.45); } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before{ content:"\e69c"; } .c_portalResProduct_list-01001 .p_default .font .iconfont { display:none; } .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .index .c_portalResProduct_list-01001 .p_Product { width: calc((100% - 0px)/1)!important; } .c_portalResProduct_list-01001 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/2)!important; padding: 10px 15px 0; height: inherit; } .c_portalResProduct_list-01001 .p_ProductInner { width:100%; padding: 0 0 10px; border-top: 0 none; border-left: 0 none; border-right: 0 none; box-sizing: content-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: block; border: none; } .c_portalResProduct_list-01001 .p_Product:last-of-type .p_ProductInner { border:0 none; display: block; } .c_portalResProduct_list-01001 .p_images { position: relative; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; webkit-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; overflow: hidden; } .c_portalResProduct_list-01001 .p_imagesPc { display: none; } .c_portalResProduct_list-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_list-01001 .p_image img{ width:100%; height:auto; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; padding:0; padding-bottom: 70% !important; } .c_portalResProduct_list-01001 .p_ThumbnailBox { display: none; } .c_portalResProduct_list-01001 .d_articles { height: auto; width: auto; padding: 10px 0 0 0px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } .c_portalResProduct_list-01001 .d_HeadBox{ margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; text-align: center; font-size: 14px; } .c_portalResProduct_list-01001 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 24px; vertical-align: middle; text-align: center; font-size: 18px; } .c_portalResProduct_list-01001 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; display: none; } .c_portalResProduct_list-01001 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; display: none; } .c_portalResProduct_list-01001 .p_more { display:none; } .c_portalResProduct_list-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } .c_portalResProduct_list-01001 .p_salePricePc, .c_portalResProduct_list-01001 .p_NomBoxPc { display: none; } .c_portalResProduct_list-01001 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001 .d_summary{ color:#999; font-size:12px; line-height:20px; text-align:left; vertical-align:top; word-break:break-all; } .c_portalResProduct_list-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; display: none; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: "\e6d7"; } .c_portalResProduct_list-01001 .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001 .p_interaction .btn-default { display: inline-block; margin: 5px 0 0; }  .c_portalResProduct_list-01001 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } } @media only screen and (min-width: 769px){ .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height:auto; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001 .p_ProductList{ width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0;  } .c_portalResProduct_list-01001 .p_categorySummaryBox { padding: 0 10px 20px; margin:0 0 30px; border-bottom:1px solid rgba(0,0,0,0.09); display: none; } .c_portalResProduct_list-01001 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } .c_portalResProduct_list-01001 .p_sort{ margin:0 0 10px; width: auto; height:auto; padding:0 0 0 1px; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; clear:both; font-size: 14px; display: none; } .c_portalResProduct_list-01001 .d_sortBtn{ position:relative; float: left; height:30px; margin:0 0 0 -1px; line-height:30px; text-align:left; padding-left:15px; padding-right: 30px; background-color:rgba(255, 255, 255, 1); border-width:1px; border-style:solid; border-color:#D9D9D9; cursor:pointer; color:rgba(0,0,0,0.65); } .c_portalResProduct_list-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .p_default { padding-right: 15px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont{ display:inline-block; position:absolute; top:0; right:8px; font-size:12px; color:rgba(0,0,0,0.65); text-align:center; transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: #1890FF; } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow{ transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  } .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow{ transform:rotate(0deg); -ms-transform:rotate(0deg);  -moz-transform:rotate(0deg);  -webkit-transform:rotate(0deg);  } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before{ content:"\e69a"; } .c_portalResProduct_list-01001 .p_default .iconfont.arrow { display: none; } .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001 .p_Product:hover a{ color:#078331; } .c_portalResProduct_list-01001 .p_Product:hover .p_images{ border:solid #078331 1px; } .c_portalResProduct_list-01001 .p_Product .p_images{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .c_portalResProduct_list-01001 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/3); padding: 10px; height: inherit; } .c_portalResProduct_list-01001 .p_ProductInner { width: 100%; padding: 0 0 0px; box-sizing: content-box; border: none; position: relative; background: #fff; } .c_portalResProduct_list-01001 .p_ProductInner:hover { border-width: 0px; border-color: #1890FF;  } .c_portalResProduct_list-01001 .p_images { position: relative; width: 100%; height: 188px; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; border: solid 1px #e1e1e1; } .c_portalResProduct_list-01001 .p_imagesMo { display: none; } .c_portalResProduct_list-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; border: none; padding: 0; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; padding:0; border: solid 0px #dbdbdb; } .c_portalResProduct_list-01001 .p_ThumbnailBox { position: absolute; left: 0; bottom: 1px; z-index: 10; width:236px; height: auto; padding:0; overflow: hidden; height: auto; } .c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail { position: relative; width: 42px; height: 34px; float: left; margin: 0 2px; max-width: 42px; max-height: 34px; overflow:hidden; border:2px solid rgba(0,0,0,.45); display: none; } .c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail:hover { border-color: rgba(255,255,255,.7); display: none; } .c_portalResProduct_list-01001 .d_articles { height: auto; width: auto;  margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } .c_portalResProduct_list-01001 .d_HeadBox{ margin:10px 0 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; text-align:center } .c_portalResProduct_list-01001 #indexcase .p_images{ border:none; } .c_portalResProduct_list-01001 #indexcase .d_SummaryBox{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; margin: 25px 0 40px; padding: 0 10px 40px 10px; border-bottom: 5px solid #e7edfa; } .c_portalResProduct_list-01001 #indexcase .p_Product:hover .d_SummaryBox{ border-bottom: 5px solid #078331; } .c_portalResProduct_list-01001 #indexcase .d_HeadBox{ margin: 28px 0 0; padding: 0 10px 0; } .c_portalResProduct_list-01001 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; text-align: center; } .c_portalResProduct_list-01001 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; display: none; } .c_portalResProduct_list-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; }  .c_portalResProduct_list-01001 .p_salePriceMo, .c_portalResProduct_list-01001 .p_NomBoxMo { display: none; } .c_portalResProduct_list-01001 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001 .d_summary{ line-height:20px; text-align:left; vertical-align:top; word-break:break-all; } .c_portalResProduct_list-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: "\e6d7"; } .c_portalResProduct_list-01001 .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001 .p_interaction .btn-default { display: inline-block; margin:5px 0 0 ; } .c_portalResProduct_list-01001 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } } @media only screen and (min-width:769px) and (max-width: 1024px){ } .k_product_list .list:hover{ box-shadow: none !important; } .k_product_list .list img{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .k_product_list .list:hover img{ transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);  -moz-transform:scale(1.1,1.1);  -webkit-transform:scale(1.1,1.1);  -o-transform:scale(1.1,1.1);  } .k_product_list .titleBox{ margin:0px !important; padding:15px 5px !important; background-color:#067dc8 !important; color:#fff !important; text-align:center; } .k_product_list .imgBox{ overflow:hidden; } @media screen and (max-width:768px){ .k_product_list .imgBox{ max-height:301px; } }  @media only screen and (min-width:769px) and (max-width: 1024px){ } @media screen and (max-width:460px){ #c_portalResProduct_list-15547039429928257 .kk_product_indus .product{ width:100% } } .k_product_list_item{ width:33.33333%; float:left; margin:0px 0px 30px; padding:0px 6px; } .k_product_list_item img{ width:100%; height:auto; } .k_product_list_item a{ display:block; text-align:center; font-size:15px; } .k_product_list_item:hover a{ color:#067dc8; } .k_product_item_pic{ border:1px solid #ccc; position:relative; } .k_product_item_pic:after{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:" "; display:block; opacity:0; filter:alpha(opacity=0); background-color:rgba(230,0,18,0.7); ; } .k_product_list_item:hover .k_product_item_pic:after{ opacity:1; filter:alpha(opacity=100); } .k_product_item_text{ padding: 25px 10px; border: 1px solid #ccc; border-top:none; } .k_product_list_item:hover .k_product_item_text{ border-bottom-color:#067dc8; } .k_product_list_item.k_index>div{ padding:4px; border:1px solid transparent; border-radius:6px; } .k_product_list_item:hover>div{ box-shadow:0px 0px 5px #ccc; } .k_product_list_item.k_index:hover>div{ border-color:#ccc; } .k_product_list_summary{ position: absolute; width: 100%; height: 100%; top: 0; display: table; z-index:1; opacity:0; filter:alpha(opacity=0); } .k_product_list_item:hover .k_product_list_summary{ opacity:1; filter:alpha(opacity=100); } .k_product_list_summary *{ color:#fff !important; } .k_product_list_summary .p_summary{ height:48px; overflow:hidden; text-align:center; padding:0px 10px; } .k_plus_btn.k_p_d{ display:inline-block; width:72px; height:72px; position:relative; } .k_plus_btn.k_p_d:before,.k_plus_btn.k_p_d:after{ background-color:#fff; content:" "; position:absolute; } .k_plus_btn.k_p_d:before{ width:1px; height:100%; left:50%; top:0px; } .k_plus_btn.k_p_d:after{ width:100%; height:1px; top:50%; left:0px; } @media screen and (max-width:960px){ .k_product_list_item{ width:50%; } } @media screen and (max-width:420px){ .k_product_list_item{ width:100%; } }  .k_yx_products{ margin-left: -5px !important; margin-right: -5px !important; } .k_yx_products .k_col_4{ margin:0px !important; padding:12px !important; } .k_yx_p_item{ border:1px solid #067dc8; } .k_yx_p_c{ position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; } .k_yx_p_c .k_yx_title{ position:absolute; width:100%; color:#fff; font-size:16px; text-align:center; opacity:1; filter:alpha(opacity=100); bottom:0px; background-color: rgba(6,125,200,0.57); padding: 10px 10px; } .k_yx_cover{ background-color: rgba(6,125,200,0.57); padding: 75px 50px 75px; position:relative; opacity:0; filter:alpha(opacity=0); } .k_yx_cover>div{ border:1px solid #fff; padding:28px 10px; text-align:center; } .k_yx_cover>div h4{ font-size:24px; color:#fff; } .k_yx_cover>div p{ font-size:14px; color:#fff; margin-top:20px; } .k_yx_p_item a:hover .k_yx_title{ opacity:0; filter:alpha(opacity=0); } .k_yx_p_item a:hover .k_yx_cover{ opacity:1; filter:alpha(opacity=100); } .k_yx_case{ margin-left:-10px !important; margin-right:-10px !important; } .k_yx_case .k_col_3{ margin:0px !important; padding:10px !important; } .k_yx_p_case{ position:relative; overflow:hidden; } .k_yx_case_text{ position:absolute; background-color:#ededed; color:#000; width:100%; bottom:-35px; } .k_yx_case_text h5{ font-size:16px; text-align:center; padding:12px 10px; } .k_yx_case_text p{ font-size:14px; padding:0px 10px 15px; text-align:center; } .k_yx_case_item a:hover .k_yx_case_text{ bottom:0px; background-color:#000; color:#fff; } #swiper-index-product .k_yx_p_item{ padding:5px; border:none; } #swiper-index-product .k_yx_p_item a{ box-shadow:0px 0px 5px #bbb; } .k_zr_p_wrapper{ background-color:#fff; color:#067dc8; padding-left:90px; position:relative; } #swiper-index-product .k_yx_p_item a:hover .k_zr_p_wrapper{ color:#fff; background-color:#067dc8; } .k_zr_p_wrapper>div{ overflow:hidden; } .k_zr_p_text{ width:90px; font-size:18px; line-height:24px; text-align:center; position:absolute; top:0px; bottom:0px; left:0px; } .k_zr_p_text p{ display:inline-block; width:26px; position:relative; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);  -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%);  -moz-transform: translateY(-50%);  } .k_zr_pic{ width:100%; } @media screen and (max-width:1100px){ .k_zr_p_wrapper{ padding-left:0px; padding-bottom:52px; } .k_zr_p_text{ width:100%; top:auto; height:52px; } .k_zr_p_text p{ top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);  -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%);  -moz-transform: translateY(-50%);  width:auto; } } @media screen and (max-width:768px){ #w_grid-1565421431256{ padding-left:20px !important; padding-right:20px !important; } }  .kzr_swiper-wrapper{ margin-left:-10px; margin-right:-10px; } .kzr_swiper-slide{ width:33.33333%; padding:0px 10px; margin:20px 0px; float:left; } .k_zr_case_item{ padding-bottom:25px; } .k_zr_case_item a{ border:1px solid #e2e2e2; padding: 0px; padding-bottom:5px; } .k_zr_case_pic{ overflow:hidden; } .k_zr_case_text{ text-align:center; padding: 0 10px; } .k_zr_case_text h5{ font-size:16px; line-heigh:24px; color:#414040; margin: 10px 0px 6px; } .k_zr_case_text .p_summary{ color:#8c8c8c; font-size:14px; line-height:24px; height:48px; overflow:hidden; } .k_zr_more{ display:inline-block; font-size:14px; background-color:#067dc8; color:#fff; padding: 6px 38px; position:relative; box-shadow:0px 0px 5px #ccc; top:24px; } .k_zr_case_item a:hover img{ transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);  -moz-transform:scale(1.1,1.1);  -webkit-transform:scale(1.1,1.1);  -o-transform:scale(1.1,1.1);  } .k_zr_case_item a:hover h5{ color:#067dc8; } .k_zr_case_item a:hover .k_zr_more{ top:15px; } @media screen and (max-width:640px){ .kzr_swiper-slide{ width:100%; } }   .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .k_swiper_btn{ width:34px; height:34px; display:inline-block; margin:0px 7px; border-radius:50%; line-height:34px; background-color:#a5a5a5; color:#fff; text-align:center; cursor:pointer; } .k_swiper_btn:hover{ background-color:#067dc8; }  @media screen and (min-width:769px){ .k_zr_pswiper_btn{ position:absolute !important; margin-top:0px !important; left:0px; right:0px; top:48%; } .k_zr_pswiper_btn .k_swiper_btn{ background-color:transparent !important; color:#686868 !important; font-size:30px !important; position:absolute; } .k_zr_pswiper_btn .k_swiper_btn.k_swiper_left{ left:-70px; } .k_zr_pswiper_btn .k_swiper_btn.k_swiper_right{ right:-70px; } }  .k_ld_index_page_three{ width:100%; position:relative; } .k_ld_index_case{ max-width:1590px; padding-left:20px; padding-right:20px; margin:0px auto; } .k_ld_index_case.k_clear>div{ float:left; position:relative; } .k_ld_index_case_info .k_ld_index_title{ text-align:left; } .k_ld_index_case_info .k_ld_index_title .k_ld_index_title_line{ margin-left:0px; } .k_ld_index_case_info{ width:24.5%; padding-right:42px; padding-top:40px; } .k_ld_index_case_content{ width:75.5%; } .k_ld_index_case_des{ margin:30px 0px 30px; } .k_ld_swipe_btn{ display:inline-block; width:48px; height:48px; line-height:48px; background-color:#067dc8; color:#fff; text-align:center; font-size:22px; border-radius:50%; cursor:pointer; margin:15px 0px; } .k_ld_swipe_bt_left{ margin-right:7px; } .k_ld_swipe_bt_right{ margin-left:7px; } #k_ld_index_case .swiper-slide{ padding:20px; } .k_ld_index_case_item{ background-color:#fff; padding:10px; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); box-shadow:0px 0px 5px rgba(255,255,255,0); } .k_ld_index_case_link{ display:block; } .k_ld_index_case_item_pic{ width:100%; overflow:hidden; } .k_ld_index_case_item_pic img{ width:100%; height:100%; object-fit:cover; -webkit-object-fit:cover; } .k_ld_index_case_item_plus{ text-align:center; position:relative; margin-top:-25px; margin-bottom:18px; } .k_ld_index_case_item_plus>span{ display:inline-block; width:53px; height:53px; background-color:#fff; color:#067dc8; line-height:53px; text-align:center; font-size:42px; border-radius:50%; box-shadow:0px 0px 5px #ccc; } .k_ld_index_case_item_content{ text-align:center; } .k_ld_index_case_item_content h5{ font-size: 21px; color: #222222; line-height:28px; font-weight: bold; } .k_ld_index_case_item_content p{ font-size: 12px; font-weight: normal; letter-spacing: 0px; color: #b9b9b9; line-height:24px; text-transform: uppercase; margin: 2px 0px 18px; } .k_ld_index_case_item:hover{ transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); box-shadow:0px 0px 5px #fff; }  .k_ld_index_case_item:hover .k_ld_index_case_item_content h5{ color:#067dc8; } @media screen and (max-width:800px){ #k_ld_index_case .swiper-slide{ padding:10px; } .k_ld_index_case_info{ width:100%; padding-right:0px; padding-top:0px; text-align:center; } .k_ld_index_case_content{ width:100%; } .k_ld_index_case_info .k_ld_index_title{ text-align:center; } .k_ld_index_case_info .k_ld_index_title .k_ld_index_title_line{ margin-left:auto; } .k_ld_index_case_des{ margin:5px auto; } .k_ld_index_case_switch_btn .k_ld_swipe_btn{ margin-top:2px; } }  #index_pro .p_line{ min-width: 42px; height: 1px; background: #128339; width: 40px; margin: 5px auto 12px auto; } #index_pro .p_more{ width: auto; margin: 0 auto 8px; background: #fff; display: none; } #index_pro .p_more a{ } #index_pro .p_Product .p_images a{ padding: 0 0 67%; height: 0; } #index_pro .p_Product .p_images{ border:none; height: auto; padding: 0px 0; } #index_pro .d_SummaryBox *{ text-align:center; color:#666; font-size: 16px; } #index_pro .d_SummaryBox{ margin: 5px 0 15px 0; min-height: 32px; display: block; } #index_pro .d_HeadBox{ text-align:center; line-height:36px; } #index_pro .d_HeadBox a{ line-height: 22px; } #index_pro .p_Product{ margin: 6px 12px 10px 12px; width: calc((100% - 96px)/4) !important; padding: 0; border-radius: 5px; overflow: hidden; border: 3px solid rgba(255,255,255,0.35); box-sizing: border-box; } #index_pro .p_Product .p_articles{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; height: 100%; display: block; } #index_pro .p_Product a img{ max-width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; } #index_pro .p_Product a{ color: #000; text-align:center; display:block; font-size: 16px; line-height: 22px; margin-top: 0px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } #index_pro .p_Product:hover a{ } #index_pro .p_Product .p_more a{ width: 108px; height: 36px; display: block; margin: 0 auto; border: solid #128339 1px; font-weight: 100; font-size: 14px; line-height: 36px; color: #128339; border-radius: 5px; margin: 20px auto 0; background: #128339; color: #fff; } #index_pro .p_Product .p_more a:hover{ background: #128339; color: #fff; } .c_portalResProduct_list-01001 #index_pro .d_HeadBox.p_more{ padding: 2px 10px 0; } #index_pro .p_Product:hover .p_articles{ opacity:1; } #index_pro .p_Product:hover .p_more a{ } @media only screen and (min-width:768px){ #index_solution .p_Product:nth-child(1){ padding-right:5px; } #index_solution .p_Product:nth-child(2){ padding-left:5px; } } @media only screen and (max-width:768px){ #index_pro .p_Product .p_articles{ margin: -2px auto 0; } body #index_pro .p_Product{ width: calc((100% - 20px)/1) !important; margin: 10px; background: #fff; } body #index_pro .p_products { padding: 0 12px; } body #indexcase .p_Product{ width: calc((100% - 0px)/1) !important; } #caselist .p_ProductInner{ height:360px; } body #caselist .d_HeadBox a{ color:#333; font-size: 16px; line-height: 1.2em; } body #caselist .d_HeadBox{ position:relative; opacity:1; padding: 0; } #caselist .d_SummaryBox{ display:none; } body #caselist .p_articles{ opacity:1; background: none; height: 82px; position: relative; padding: 5px 0 0 0; } body #caselist .p_images{ height: 150px; padding-bottom: 0 !important; } #c_portalResProduct_list-15615379701726389 .p_Product{ width:calc((100% - 0px)/1)!important; } } #caselist .p_articles .links_p{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; } #caselist .p_articles{ position:absolute; top:0; left:0; width:100%; display: block; height: 100%; background: rgba(7,131,49,0.8); opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } #caselist .p_articles:hover{ opacity:1; } #caselist .p_ProductInner{ position:relative; display: block; padding: 0; } #caselist .d_HeadBox{ text-align:center; padding-top: 100px; color:#fff; padding: 80px 10px 20px 10px; max-height: 124px; overflow: hidden; } #caselist .d_HeadBox a{ color:#fff; line-height: 22px; font-size: 20px; max-height: 20px; overflow: hidden; height: auto; } #caselist .d_SummaryBox{ width:90%; margin: 10px auto 0 auto; color:#fff; } #caselist .d_SummaryBox *{ color:#fff; } #caselist .p_images{ padding-bottom: 74% !important; } @media only screen and (max-width:768px){ #caselist .p_ProductInner{ height: 260px; } } @media only screen and (min-width:768px){ #index_solution .p_ProductInner{ overflow:hidden; padding: 0; } #index_solution .p_images:after{ content:""; } #index_solution .d_HeadBox { margin-top:260px; font-size: 24px; padding: 100px 0 10px 0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; background: none center -30px !important; } #index_solution .d_HeadBox a{ font-size: 24px; } #index_solution .d_articles *{ text-align:center; color:#fff; font-size: 12px; } #index_solution .p_Product .d_articles{ opacity:1; } #index_solution .p_Product .d_SummaryBox{ opacity:0; } #index_solution .p_Product .p_more{ opacity:0; } #index_solution .p_Product .d_articles{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 484px; } #index_solution .p_Products .d_HeadBox{ opacity:0; position:relative; } #index_solution .p_Products .d_HeadBox:after{ content:""; display:block; width:120px; height:120px; opacity:1; background:url(/img/pro_masker.png?tenantId=281397&viewType=1&v=000) no-repeat center 520px !important; position:absolute; top:0; left:0; background:#f99; } #index_solution .p_Product:hover .d_HeadBox{ opacity:1; background:url(/img/pro_masker.png?tenantId=281397&viewType=1&v=000) no-repeat center 0px !important; margin-top:100px; } #index_solution .p_Product:nth-child(2):hover .d_HeadBox{ opacity:1; background:url(/img/pro_masker1.png?tenantId=281397&viewType=1&v=000) no-repeat center 0px !important; margin-top:100px; } #index_solution .p_Product:hover .d_SummaryBox{ opacity:1; } #index_solution .p_Product:hover .p_more{ opacity:1; } #index_solution .p_Product:hover .d_articles{ opacity:1; background: rgba(0,66,142,0.65); } #index_solution .d_articles .p_more{ width: 100%; margin: 10px auto 0 auto; background: none; clear: both; } #index_solution .d_articles .p_more a{ border:solid #fff 1px; height: 36px; width: 116px; line-height: 36px; display: block; margin: 18px auto 0 !important; border-radius: 16px; } #index_solution .d_articles .p_more a:hover{ background:#fff; color:#00428e; } #index_solution .d_summary{ color:#c4d0e9; } #index_solution .p_image { padding: 0 !important; height: 410px !important; } #index_solution .p_images{ height:410px !important; padding:0 !important; } } @media only screen and (max-width:768px){ body #proBox .proLi{ padding:10px; WIDTH: calc((100% - 0px)/2); float: left; } body #proBox .container{ padding:0 0px; } } #proBox .proBox{ padding: 0px 0; } #proBox .container{ padding: 0 0px; width: 100%; } #proBox .proContainer{ width:100%; margin:0; overflow:hidden; } #proBox .proImgBox{ width:100%; height:0; padding-bottom: 67%; position:relative; overflow:hidden; } #proBox .proLi{ padding:10px; WIDTH: calc((100% - 0px)/3); } #proBox .box{ box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); } #proBox .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1.0); transition:all .5s ease; max-width: 100%; } #proBox .txtBox{ padding: 10px; transition:all .5s ease; } #proBox .proTitle{ position:relative; overflow:hidden; width:100%; padding-right:30px; font-size:1rem; } #proBox .proTitle .summary{ font-size: 14px; line-height: 22px; display: block; min-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: none; } #proBox .proLink{ display:block; width:100%; padding: 0px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all .5s ease; line-height: 2em; } #proBox .eye{ position:absolute; right:0; top:0; display:block; width:30px; height:30px; overflow:hidden; background:url(//dfs.yun300.cn/group1/M00/17/B8/rBQBHF0jcwCECM_sAAAAABMVJQo005.png?tenantId=281397&viewType=1&v=000)no-repeat; background-position:right center; -webkit-transform: scale(0.78, 0.78); -ms-transform: scale(0.78, 0.78); transform: scale(0.78, 0.78); } #proBox .line{ position:relative; margin-top: 2px; width:100%; height:2px; } #proBox .line::before{ content:''; position:absolute; right:0; display:block; width:30px; height:1px; background:#999; transition:all .5s ease; } #proBox .box:hover .line::before{ width:100%; background:#fff; } #proBox .box:hover .txtBox{ background:#128339; } #proBox .box:hover .proLink,#proBox .box:hover *{ color:#fff; } #proBox .box:hover .eye{ background-position:left center; } #proBox .box:hover .proImg{ transform:translate(-50%,-50%) scale(1.1); } #caselist .p_ProductInner{ height: auto; } body #caselist .d_HeadBox a{ color: #696969; font-size: 22px; line-height: 1.6em; } body #caselist .p_Product:hover .d_HeadBox a{ color: #1aafcc; } body #caselist .d_HeadBox{ position:relative; opacity:1; padding: 120px 0 0 0; overflow: visible; } body #caselist .d_HeadBox:before,body #caselist .d_HeadBox:after{ content:""; width: 30px; height: 1.2px; background:#fff; display:block; left:50%; position:absolute; top: calc(100% + 52px); margin-left: -15px; } body #caselist .d_HeadBox:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } body #caselist .p_Product:hover .p_articles *{ } body #caselist .p_Product:hover .p_articles{   z-index: 0; opacity: 1; } body #caselist .p_articles{ opacity: 0; background: none; height: auto; position: absolute; padding: 0px 0 0 0; z-index: 9; width: 100%; height: 100%; margin: 0 0 0px 0; top: 0; background: rgba(26,175,204,0.65); } body[data-pageid="993ca328-70f8-4b8e-b1c9-d4bc81445c2b"] #caselist .p_articles{ width: 208px; height: auto; z-index: -9; } body #caselist .p_images{   WIDTH: 280px; border: none; margin: 0px 0 0px 0; background: none; width: 100%; } body #caselist.sub .p_Product{ height: auto; } body #caselist.sub .p_images{ height: 208px !important; padding-bottom: 0 !important; WIDTH: 208px; } body #caselist.sub .p_images a{ width: 283px; } #caselist.sub .p_Product:nth-child(odd) .p_ProductInner{ -webkit-transform: translate(0%,0%)!important; -ms-transform: translate(0%,0%)!important; transform: translate(0%,0%)!important; } body #caselist.sub .description.p_NomBoxPc div{ display:none; } body #caselist.sub .p_more{ display:none; } body #caselist .d_HeadBox a{ font-size: 20px; color: #fff !important; } #caselist.sub .p_ProductInner { padding: 0 0 2px 0; } @media only screen and (max-width: 1366px) and (min-width: 768px){ body .pagebox #caselist .p_images{ height: 220px !important; } body #caselist .d_SummaryBox { margin: 218px auto 8px auto; } } @media only screen and (max-width:768px){ body #caselist .p_images{ width:100%; } body #caselist .p_images .p_image{ padding-bottom: 60% !important; } body #caselist .p_articles{ width: 100%;  position: relative; opacity: 1; top: auto; } body #caselist .d_HeadBox{ padding: 6px 0; } } body #caselist .description.p_NomBoxPc{ margin: 0; display: none; } body #caselist .description.p_NomBoxPc .d_itemLable{ display:none; } body #caselist .description.p_NomBoxPc div{ text-align:center; width: 100%; font-size: 62px; line-height: 1em; color: #cccccc; font-weight: bold; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } body #caselist .p_Product:hover .description.p_NomBoxPc div{ color: #1aafcc; } body #caselist .p_more{ } #c_portalResProduct_list-15615379701726389 .p_Product{ width:calc((100% - 0px)/1)!important; } #caselist .p_articles .links_p{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; } #caselist .p_articles{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } #caselist .p_articles:hover{ opacity:1; }  #caselist .p_Product{   border: solid 0px #f2f2f2; margin: 10px; background: #fff; width: calc((100% - 60px)/3) !important; padding: 0; } #caselist .p_Product:hover{ border: solid 0px #1aafcc; } #caselist .p_ProductInner{ position:relative; display: block; padding: 0 0 0px 0; float: left; } #caselist .d_HeadBox{ text-align:center; padding-top: 100px; color:#fff; padding: 80px 10px 20px 10px; max-height: 124px; overflow: hidden; } #caselist .d_HeadBox a{ color:#fff; line-height: 22px; font-size: 20px; overflow: hidden; height: auto; } #caselist .d_SummaryBox{ width:90%; margin: 8px auto 8px auto; } #caselist .d_SummaryBox *{ text-align: center; line-height: 1.4em; } #caselist .p_images{  } @media only screen and (max-width:768px){ #caselist .p_ProductInner{ height: auto; } #caselist .p_productsSet{ margin: 0 0px; } #caselist .p_Product{ width: calc((100% - 30px)/1)!important; padding: 0; } } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList { display: block; } @media only screen and (max-width: 768px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #128339; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{  } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #128339; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; }  .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #128339; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #128339; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #128339; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #128339; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #128339; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #128339; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (min-width: 769px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #666; border: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid transparent; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; }  .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #128339; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #128339; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #128339; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; text-align: left; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #128339; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #128339; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.yp_logo{ background: url(/img/yp_logo.png?tenantId=281397&viewType=1&v=000) no-repeat center center; height: 260px; width: 260px; margin: 0 auto; position: absolute; left: 50%; top: 44%; margin: 0 auto 0 -130px; } .yuanpan{ position: absolute; left: 50%; top: 220px;  height: 360px; width: 1000px; margin: 0 auto 0 -500px; } .yp_body{ width: 100%; height: auto; position: relative; } .yp_big{ width: 581px; height: 581px; margin: 0px auto 0 auto; background: url(/img/pan_big.png?tenantId=281397&viewType=1&v=000) no-repeat center center;  animation: lh2 30s infinite linear; -webkit-animation:lh2 30s infinite linear; -moz-animation:lh2 30s infinite linear; -ms-animation:lh2 30s infinite linear; -o-animation:lh2 30s infinite linear; } .yp_small{ width: 451px; height: 451px; margin: -514px auto 0 auto; background: url(/img/pan_small.png?tenantId=281397&viewType=1&v=000) no-repeat center center; animation: lhl 30s infinite linear; -webkit-animation:lhl 30s infinite linear; -moz-animation:lhl 30s infinite linear; -ms-animation:lhl 30s infinite linear; -o-animation:lhl 30s infinite linear; } .yp_body .pro.pro2{background: rgba(8,140,254,1);} .yp_body>.pro.pro2:before{background: rgba(8,140,254,0.5);} .yp_body>.pro.pro2:after{background: rgba(8,140,254,0.2);} .yp_body .pro.pro3{background: rgba(6,195,97,1);} .yp_body>.pro.pro3:before{background: rgba(6,195,97,0.5);} .yp_body>.pro.pro3:after{background: rgba(6,195,97,0.2);} .yp_body .pro.pro4{background: rgba(107,48,254,1);} .yp_body>.pro.pro4:before{background: rgba(07,48,254,0.5);} .yp_body>.pro.pro4:after{background: rgba(07,48,254,0.2);} .yp_body .pro.pro5{background: rgba(252,63,8,1);} .yp_body>.pro.pro5:before{background: rgba(252,63,8,0.5);} .yp_body>.pro.pro5:after{background: rgba(252,63,8,0.2);} .yp_body>.pro:hover>img{transform: translate(-50%,-50%) scale(1.18);} .yp_body>.pro:before{content:"";width: 48px;height: 48px;background: rgba(246,156,18,0.5);position: absolute;border-radius: 50%;z-index: 9999;top: -8px;left: -8px;cursor:pointer;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;} .yp_body>.pro:after{content:"";width: 60px;height: 60px;background: rgba(246,156,18,0.2);position: absolute;border-radius: 50%;z-index: 9999;left: -14px;top: -14px;cursor:pointer; transition:all 0.9s;-webkit-transition:all 0.9s;-moz-transition:all 0.9s;-o-transition:all 0.9s;} .yp_body>div:hover:after{width: 70px;height: 70px;left: -20px;top: -20px;} .yp_body>.pro:hover:before{width: 52px;height: 52px;top: -10px;left: -10px;} body .yp_body .pro1{ margin: 0 0 0 320px; top: 30px; } body .yp_body .pro>a{ width: 100%; height: 100%; display: block; text-align: center !important; vertical-align: middle;  padding: 5px 0 0 0; z-index: 999999999; position: relative; } body .yp_body .pro2{ margin: 0 0 0 680px; top: 70px; } body .yp_body .pro3{ margin: 0 0 0 320px; top: 520px; } body .yp_body .pro4{ margin: 0 0 0 667px; top: 400px; } body .yp_body .pro5{ margin: 0 0 0 192px; top: 240px; z-index: 99999; } body .yp_body .pro4{ margin: 0 0 0 702px; top: 460px; } .yp_body>div.pro5 .hover{} .yp_body>div.pro5 .normal{ right: 0px; top: 30px; text-align: center; left: -457%; z-index: 8; } .pro:hover .normal{opacity:0;} .yp_body>div:hover .hover{opacity:1;} .yp_body .pro:nth-child(even) *{text-align: left;} .yp_body .pro:nth-child(even) .normal{ right: -320px; } .yp_body .pro>img{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s; margin: 0 auto; opacity: 1; position: relative; z-index: 999999; top: 44%; left: 50%; transform: translate(-50%,-50%) scale(1.0); max-width: 50%; width: 60%; height: 60%; } .yp_body .pro{ width: 32px; height: 32px; position: absolute; z-index: 99999; top: 0; left: 0; vertical-align: middle; background: #f69c12; border-radius: 50%; } .yp_body>div .normal{ transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; position: absolute; width: 320px; height: auto; height: auto; top: -10px; right: 40px; padding: 12px; text-align: right; } .yp_body>div .hover{ transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; box-shadow: 2px 0px 6px 4px rgba(0, 0, 0, 0.05) !important; opacity: 0; position: absolute; width: 270px; height: auto; height: 300px; background: #fff; top: 0; left: 40px; padding: 12px; } .yp_body>div .pic{ padding: 2px 0 10px 0; } .yp_body>div h2{ width: auto; font-size: 20px; color: #000; line-height: 28px; padding: 0px 0 6px 0; } .yp_body>div p{ color: #666; font-size: 14px; } @media only screen and (max-width: 769px){ body .glist{width: 100% !important;padding: 0 0% 6px 0;} body .glist .gd-count:before{opacity:0;} body .glist>.gd-count{font-size:32px;height: 40px;} body .glist .gd-count:after{top: 3px;font-size: 13px;} body .yuanpan{-webkit-transform: scale(0.62, 0.62);-ms-transform: scale(0.62, 0.62);transform: scale(0.62, 0.62);top: 100px;} .yp_body>div .normal{width:200px;margin: 36px 0 0 0;} body .yp_body>div.pro1 .normal,body .yp_body>div.pro3 .normal{right: -76px;text-align: center;} body .main .yp_body>div.pro2 .normal, body .yp_body>div.pro4 .normal{right: -76px !important;text-align: center !important;} body .main .yp_body>div.pro2 .normal *, body .yp_body>div.pro4 .normal *{text-align:center;} body .yp_body>div .normal p{display:none;} body .yp_body>div.pro2 .hover,body .yp_body>div.pro4 .hover{top:-240px;left:-220px;} body .yp_body>div.pro2 .hover{top:20px;} body .yp_body>div.pro3 .hover{top:-240px;} .yp_body>div.pro5 .normal {left: -270%;right: auto;} } .glist:nth-last-child(1) .gd-count:before{opacity:0;} .glist:nth-last-child(1){padding:0;width: 28%;} .glist{width: 36%;float: left;padding: 0 10% 20px 0;} .glist .gd-count:before{content:"";width: 1px;height: 52px;background: #cdd2d8;position: absolute;right: -12px;top: 6px;} .glist .gd-count:after{content:"";font-size: 16px;top: -6px;font-weight: normal;position: absolute;} .glist .gd-count:after{content:"年";} .e_box .glist:nth-child(2) .gd-count:after{content:"项";} .e_box .glist:nth-child(3) .gd-count:after{content:"+";} .glist .gd-count{ position:relative; font-size: 58px; color: #128339; text-align: center; font-weight: bold; font-family: arial; line-height: 0.6em; margin: 0 auto 0 -36px; height: 60px; padding: 12px 0 0 0; } .glist .sub_info{text-align: center;font-size: 14px; color: #444; margin: 0 auto 0 -36px;} .bottom_share img{width: 19px;height: 19px;margin: -1px 0px 0;} .bottom_share a{height: 32px;width: 32px;padding: 6px;display: block;margin: 0 12px 0 0;border-radius: 50%;float: left;position:relative;} .bottom_share a:hover{background:#03b529;} .bottom_share a:nth-child(2):hover{background:#dc4402;} .bottom_share a:nth-child(3):hover{background:#0083c9;} .bottom_share a:nth-child(4):hover{background:#0279c7;} .bottom_share a:nth-child(5):hover{background:#dc4d00;} .bottom_share img.weixin{width:120px;height: 120px;margin:10px auto 0 -50px;opacity:0;} .bottom_share a:hover img.weixin{opacity:1;} @media only screen and (max-width: 769px){ .bottom_share{ text-align: center; } body .bottom_share a{ display: inline-grid; float: none; margin: 0 6px 0; } } #c_portalResPublic_codeContainer-15873854390208234{width:1200px;height:120px; } .k_f_tel,.k_f_e,.k_f_a{ position:relative; padding-left:40px; margin-bottom:15px !important; line-height:30px !Important; color:#fff !Important; } .k_f_tel{ color:#fff !important; font-size:22px !important; font-weight:bold; } .k_f_e{ font-weight:bold; color:#fff !important; } .k_f_tel:before,.k_f_e:before,.k_f_a:before{ width:30px; height:30px; line-height:30px; font-size:25px; color:#999 !important; position:absolute; left:0px; font-family: 'iconfont' !important; } .k_f_tel:before{ content: '\e628'; } .k_f_e:before{ content: '\e676'; } .k_f_a:before{ content: '\e630'; } .k_copyright{ margin-top:30px; } @media only screen and (min-width: 769px){ #baidu_map{margin-top:10px!important;height:600px!important} } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_common_text-1557827406209{ width: 160% !important; background: #fff; position: relative; z-index: 2; } .k_pc_title{ text-align:center; margin:20px 0px 20px; } .k_title_right{ text-align:right; } .k_title_left{ text-align:left; } .k_pc_title h3{ font-size:18px; color:#333; font-weight:normal; margin-bottom:5px; position:relative; display:inline-block; padding:0px 100px; } .k_pc_title h3:before,.k_pc_title h3:after{ width:80px; height:1px; background-color:#000; content:" "; position:absolute; top:50%; } .k_pc_title h3:before{ left:0px; } .k_pc_title h3:after{ right:0px; } .k_pc_title span{ font-size:22px; color:#128339; text-transform: uppercase; font-weight:normal; margin-bottom:10px; display:block; } @media screen and (max-width:768px){ #w_common_text-1557827406209{ width: 100% !important; background: #fff; position: relative; z-index: auto; margin-bottom:25px !important; } .k_title_right{ text-align:center; } .k_title_left{ text-align:center; } .p_SwipPanelBox { display:none; } } .k_full_height{ display:table; text-align:center; width:100%; } .k_full_height>div{ display:table-cell; vertical-align:middle; text-align:center; height:50%; } .k_full_height img{ width:100%; } .k_index_bg{ position:relative; margin-top:95px } .k_index_bpic{ position:absolute; } .k_index_most_pic{ position:relative; } @keyframes lhl{0%{ transform:rotate(0deg); } 50%{ transform:rotate(180deg); } 100%{ transform:rotate(360deg); } } @keyframes lh2{0%{ transform:rotate(0deg); } 50%{ transform:rotate(-180deg); } 100%{ transform:rotate(-360deg); } } .k_index_bg_info{ position:absolute !important; width:100%; top:30%; } .k_index_more{ display:inline-block; font-size:14px; color:#128339; border:1px solid #fff; padding:10px 20px; border-radius:21px; margin-top:30px; } .k_index_more:hover{ color:#fff; border-color:#128339 !important; background-color:#128339; } @media screen and (max-width:375px){ .k_index_about_info{ padding-top:10px !important; padding-bottom:25px !important; } .k_index_about_line{ margin-top:10px !important; margin-bottom:10px !important; } .k_index_more{ margin-top:10px; } .k_index_big_font{ font-size:28px !important; line-height:1.2em !important; } }  .k_page_banner{ width:100%; position:relative; } .k_page_banner_container{ width:100%; height:430px; display:table; vertical-align: middle; } .k_page_banner_container>div>*{text-shadow: 0 0 0.2em rgba(0,0,0,0.1);} .k_page_banner_container>div{ vertical-align:middle;  text-align:center; position: relative; padding: 32px 0; background: rgba(18,131,57,0.5); min-height: 100px; max-height: 120px; display: table; min-width: 320px; margin: 120px auto 0 auto; } .k_banner_en{ color:#fff; font-size:35px; position:relative; line-height:1.3em; text-transform: uppercase;  } .k_banner_en>span{ position:absolute; left:0px; } .k_banner_cn{ color:#fff; font-size:24px; line-height:1.8em;  position:relative; } .k_banner_cn:after{ content:" "; width:150px; height:3px; background-color:#fff; display:none; margin-top:5px; } .k_banner_en,.k_banner_cn{  } @media screen and (max-width:620px){ .k_page_banner_container{ height:190px; } }  .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ height:0px !important; }  .k_map_info{ position:absolute; width:100%; bottom:30px; z-index:2; } .k_map_info_container{ max-width:640px; margin:0px auto; border-left:4px solid #128339; padding:35px 45px; background-color:#fff; } .k_map_info_container>div{ position:relative; color:#333333; padding-left:60px; margin-bottom:30px; } .k_map_info_container>div:last-child{ margin-bottom:0px; } .k_map_info_container>div>i{ position:absolute; font-size:24px; left:0px; top:1px; } .k_map_info_container>div p{ color:#333; font-size:18px; } .k_map_info_container>div p a{ color:#333; } @media screen and (max-width:768px){ #baidu_map{ height:350px !important; } .k_map_info{ position:static; margin-bottom:20px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .k_map_info_container>div{ margin-bottom:15px; } .k_map_info_container{ padding:30px; } }   .k_yx_index_title{ position:relative; text-align:center; } .k_yx_index_title .k_en{ color:rgba(51,75,165,0.21); font-size:16px; text-transform: uppercase; position:absolute; z-index:0; width:100%; font-weight:bold; top:22px; display:none; } .k_yx_index_title .k_cn{ color:#128339; font-size:35px; font-weight:normal; position:relative; z-index:1; margin-bottom:18px; } .k_yx_index_title .k_title_des{ position:relative; padding:0px 0px; display:inline-block; font-size:16px; color:#8b8b8b; } .k_yx_index_title .k_title_des:before,.k_yx_index_title .k_title_des:after{ width:20px; height:1px; content:" "; display:block; position:absolute; top:50%; background-color:#000; display:none; } .k_yx_index_title .k_title_des:before{ left:0px; } .k_yx_index_title .k_title_des:after{ right:0px; } .k_yx_index_title.k_white .k_cn,.k_yx_index_title.k_white .k_title_des{ color:#fff; } .k_yx_index_title.k_white .k_en{ color:rgba(255,255,255,0.21); } .k_yx_index_title.k_white .k_title_des:before,.k_yx_index_title.k_white .k_title_des:after{ background-color:#fff; } .k_index_btn_link{ display:inline-block; border-radius:2px; border:1px solid #a4a4a4; color:#128339; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size:16px; padding:8px 35px; } .k_index_btn_link:hover{ color:#fff; border-color:#128339; background-color:#128339; }  .k_index_icon{ margin-bottom:30px; } .k_index_icon .k_index_icon_item{ float:left; width:33.3333%; padding-right:9%; } .k_index_icon_item a{ display:block; border:1px solid #ededed; text-align:center; padding:20px 5px; } .k_index_icon_item a .k_ia_pic{ width:50px; height:50px; background-repeat:no-repeat; background-size:100%; display:inline-block; } .k_index_icon_item a p{ font-size:16px; color:#b3b3b3; margin:5px 0px; } .k_index_icon_item a:hover{ border-color:#128339; background-color:#128339; } .k_index_icon_item a:hover p{ color:#fff; } .k_ia_gs .k_ia_pic{ background-image:url(/img/ab1.png?tenantId=281397&viewType=1&v=000); } .k_ia_cp .k_ia_pic{ background-image:url(/img/ab2.png?tenantId=281397&viewType=1&v=000); } .k_ia_lx .k_ia_pic{ background-image:url(/img/ab3.png?tenantId=281397&viewType=1&v=000); } a.k_ia_gs:hover .k_ia_pic{ background-image:url(/img/ab1_h.png?tenantId=281397&viewType=1&v=000); } a.k_ia_cp:hover .k_ia_pic{ background-image:url(/img/ab2_h.png?tenantId=281397&viewType=1&v=000); } a.k_ia_lx:hover .k_ia_pic{ background-image:url(/img/ab3_h.png?tenantId=281397&viewType=1&v=000); } @media screen and (max-width:768px){ .k_index_icon .k_index_icon_item{ padding-right:4%; } }   .k_yx_adv{ margin-left:-22px; margin-right:-22px; } .k_yx_adv_item{ width:25%; float:left; text-align:center; padding:0px 22px; margin-bottom:20px; } .k_yx_adv_pic{ padding:30px; border-radius:50%; overflow:hidden; display:inline-block; background-color:#fff; } .k_adv_pic{ width:57px; height:57px; background-size:100%; } .k_yx_adv_item h5{ color:#fff; font-size:24px; margin:25px 0px 18px; } .k_yx_adv_item p{ color:#fff; font-size:14px; line-height:1.8em; } .k_adv_1 .k_adv_pic{ background-image:url(/img/av1.png?tenantId=281397&viewType=1&v=000); } .k_adv_2 .k_adv_pic{ background-image:url(/img/av2.png?tenantId=281397&viewType=1&v=000); } .k_adv_3 .k_adv_pic{ background-image:url(/img/av3.png?tenantId=281397&viewType=1&v=000); } .k_adv_4 .k_adv_pic{ background-image:url(/img/av4.png?tenantId=281397&viewType=1&v=000); } .k_yx_adv_item:hover .k_yx_adv_pic{ background-color:#128339; } .k_yx_adv_item.k_adv_1:hover .k_adv_pic{ background-image:url(/img/av1_h.png?tenantId=281397&viewType=1&v=000); } .k_yx_adv_item.k_adv_2:hover .k_adv_pic{ background-image:url(/img/av2_h.png?tenantId=281397&viewType=1&v=000); } .k_yx_adv_item.k_adv_3:hover .k_adv_pic{ background-image:url(/img/av3_h.png?tenantId=281397&viewType=1&v=000); } .k_yx_adv_item.k_adv_4:hover .k_adv_pic{ background-image:url(/img/av4_h.png?tenantId=281397&viewType=1&v=000); } @media screen and (max-width:768px){ .k_yx_adv_item{ width:100%; } }   .k_index_about{ margin-left:-5px; margin-right:-5px; } .k_index_about div[class^="k_col_"]{ margin:0px !important; padding:5px !important; } .k_about_table{ display:table; height:248px; width:100%; border:2px solid #fff; background-color:#fff; padding:10px; } .k_about_table>div{ display:table-cell; text-align:center; vertical-align:middle; } .k_about_table img{ max-width:100%; } .k_about_table p{ line-height:24px; } .k_about_style_1 p{ margin-top:30px; font-size:18px; } .k_about_style_2 p{ font-size:14px; line-height:28px; } @media screen and (min-width:769px){ .k_about_table_info{ padding-left:40px; } }   .k_ld_footer{ background-color:#212830; } .k_ld_footer_wrapper{ margin:0px auto; padding:18px 20px; max-width:1640px; } .k_ld_footer_col{ float:left; width:50%; } .k_ld_footer_col p,.k_ld_footer_col a{ color:#fff !important; font-size:14px; line-height:24px; } .k_ld_footer_col a:hover{ color:#eee !important; } @media screen and (max-width:768px){ .k_ld_footer_col{ width:100%; } .k_ld_footer_col p{ text-align:center !important; } }   .k_ld_index{ position:relative; width:100%; margin-top:0px; } .k_ld_index_wrapper{ width:100%; height:100%; position:relative; } .k_ld_index_middle{ left:0px; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); position:absolute; }  @keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } @-moz-keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } @-webkit-keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } @-o-keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } }  .k_ld_index_page_one{ position:relative; width:654px; height:654px; margin:0px auto; padding:55px; } .k_ld_index_page_one img{ max-width:100%; } .k_ld_index_page_one_bg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:1; } .k_ld_index_page_one_bg img{ animation:lhl 30s infinite linear; -webkit-animation:lhl 30s infinite linear; -moz-animation:lhl 30s infinite linear; -ms-animation:lhl 30s infinite linear; -o-animation:lhl 30s infinite linear; } .k_ld_index_page_one_content{ position:relative; z-index:2; background-image:url(/img/circle222.png?tenantId=281397&viewType=1&v=000); background-size:cover; display:table; width:100%; height:100%; vertical-align:middle; text-align:center; } .k_ld_index_page_one_content>div{ display:table-cell; vertical-align:middle; text-align:center; } .k_ld_index_page_one_text{ color:#fff; } .k_ld_index_page_one_text p{ font-size:22px; line-height:42px; margin-bottom:15px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ font-size:32px; margin-top:20px; } .k_dl_i_btn{ display:inline-block; font-size:14px; border:1px solid #fff; color:#fff; line-height:24px; padding: 8px 35px; border-radius: 50px; margin:10px 0px; } .k_dl_i_btn:hover{ background-color:#128339 !important; color:#fff !important; border-color:#128339 !important; } @media screen and (max-width:1366px){ body .glist .gd-count{font-size: 46px;} body .glist .sub_info{font-size:12px;line-height: 32px;} .k_ld_index_page_one{ height:554px; width:554px; } .k_ld_index_page_one_text p{ margin-bottom:8px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ font-size:26px; } } @media screen and (max-width:660px){ .k_ld_index_page_one{ height:400px; width:400px; padding: 25px; } .k_ld_index_page_one_text p{ margin-bottom:8px; font-size:16px; line-height:24px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ font-size:18px; } } @media screen and (max-width:456px){ .k_ld_index_page_one{ height:320px; width:320px; padding: 15px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ margin-top:8px; } .k_ld_index_page_one_logo img{ max-width:50%; } }   .k_ld_index_title{ text-align:center; background: url(/img/title_yin_bg2.png?tenantId=281397&viewType=1&v=000) no-repeat center center; } .k_ld_index_title_cn{ font-size:36px; color:#fff; font-weight:bold; line-height:56px; } .k_ld_index_title_en{ color:#fff; font-size:20px; text-transform: uppercase; line-height:36px; display: none; } .k_ld_index_title_line{ width:40px; height:3px; margin:12px auto; background-color:#fff; } .k_ld_index_title_two .k_ld_index_title_cn{ font-size: 24px; line-height:36px; } .k_ld_index_title_two .k_ld_index_title_en{ font-size: 30px; font-weight:bold; } @media screen and (max-width:620px){ .k_ld_index_title_cn,.k_ld_index_title_two .k_ld_index_title_cn{ font-size:24px; line-height:36px; } .k_ld_index_title_en,.k_ld_index_title_two .k_ld_index_title_en{ font-size:16px; line-height:24px; font-weight:normal; } } .k_ld_index_page_two{ position:relative; width:100%; } .k_ld_index_paget_title_wrapper{ position:absolute; left:0px; right:0px; z-index:3; top: 20%; } .k_ld_index_paget_btn_wrapper{ text-align:center; position:absolute; left:0px; right:0px; z-index:3; bottom:14%; } .k_ld_index_paget_content_wrapper{ position:relative; z-index:2; } .k_ld_index_p_wrapper{ border-right:1px solid rgba(255,255,255,0.15); background-color:rgba(0,103,168,0); } .k_ld_index_p_table{ width:100%; height:100%; display:table; vertical-align:middle; text-align:center; } .k_ld_index_p_table>div{ display:table-cell; vertical-align:middle; text-align:center; } .k_ld_index_info{ font-size: 14px; color: #fff; padding: 60px 4% 40px 4%;  opacity: 0; } .k_ld_index_p_pic{  padding: 62px 0 22px 0; } .k_ld_index_p_pic_wrapper{ display:inline-block; width: 116px; height: 116px; backgroud-size:auto; background-position:center; background-repeat:no-repeat; border:2px solid #fff; border-radius:50%; background-color:rgba(255,255,255,0); background-size: 52% 52%; } .k_ld_index_p_content h4{ color:#fff; font-size: 26px; line-height: 42px; } .k_ld_index_p_content p:after{content:"";width: 1px;height: 42px;background:#fff;position:absolute;left:50%;bottom: -66px;margin: 0 auto 0 -2px;} .k_ld_index_p_content p{ position:relative; color:#fff; font-size: 14px; text-transform: uppercase; line-height: 20px; } .k_ld_index_more .k_dl_i_btn:hover{ font-size: 14px;  margin-top:20px; background-color:rgba(255,255,255,1); color:#128339; background: #128339; } .k_ld_index_more .k_dl_i_btn{ color:#fff !important; background-color:rgba(255,255,255,0) !important; border-color:#fff !important; border-radius: 12px; } .k_ld_swiper_nav{ text-align:center; margin:15px auto; } .k_ld_swiper_nav>span{ display:inline-block; margin: 0px 5px; width:16px; width: 8px; height: 8px; border-radius: 50%; background-color:#fff; } .k_ld_swiper_nav>span:hover, .k_ld_swiper_nav>span.swiper-pagination-bullet-active{ background-color:#128339; } #k_ld_p_swiper .k_ld_swiper_nav{ position:absolute; left:0px; right:0px; bottom:22%; z-index:3; display:none; } .k_ld_index_p_wrapper:hover{ background-color: rgba(21,133,199,0.45); } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper{  } body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k1{background-image: url(/img/index_type_5.png?tenantId=281397&viewType=1&v=000);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k2{background-image: url(/img/index_type_6.png?tenantId=281397&viewType=1&v=000);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k3{background-image: url(/img/index_type_2.png?tenantId=281397&viewType=1&v=000);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k4{background-image: url(/img/index_type_4.png?tenantId=281397&viewType=1&v=000);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k5{background-image: url(/img/index_type_1.png?tenantId=281397&viewType=1&v=000);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k6{background-image: url(/img/index_type_3.png?tenantId=281397&viewType=1&v=000);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k7{background-image: url(/img/index_type_7.png?tenantId=281397&viewType=1&v=000);}  .k_ld_index_p_wrapper:hover .k_ld_index_more .k_dl_i_btn{ color: #128339 !important; background-color:rgba(255,255,255,0); background: #fff !important; border: 1px solid #fff !important; } @media screen and (max-width:1100px){ #k_ld_p_swiper .k_ld_swiper_nav{ display:block; bottom: 18%; } }   .k_ld_index_page_six{ position:relative; width:100%; } .k_ld_index_about{ max-width:1140px; padding-left:20px; padding-right:20px; margin:0px auto; } .k_ld_index_about_text{ margin: 40px auto 80px; } .k_ld_index_about_link{ text-align:center; } .k_ld_index_about_link_item { display:inline-block; margin: 0px 30px; } .k_ld_index_about_link_item img{ max-width:100%; } @media screen and (max-width:768px){ .k_ld_index_p_table>div{  } .k_ld_index_p_pic{padding: 156px 0 0 0;} .k_ld_index_info{ padding: 30px 4% 10px 4%; height: 90px; } .k_ld_index_paget_btn_wrapper{bottom: 1.6%;} .k_ld_index_paget_title_wrapper{padding:32px 0 0 0;} .k_ld_index_about_text{ margin:20px auto 20px; } .k_ld_index_about_link_item { display:inline-block; margin: 0px 0px; width:80px; } } @media screen and (max-width:620px){ .k_ld_index_about .k_ld_index_title_two .k_ld_index_title_cn{ font-size:14px; font-weight:normal; line-height:24px; } .k_ld_index_about .k_ld_index_title_two .k_ld_index_about_title{ font-size: 24px; font-weight: bold; } .k_ld_index_about_text p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } }  #left_service{} #left_service .floatQQ{  background: url(/img/service_btn1.png?tenantId=281397&viewType=1&v=000) #128339 no-repeat center center; background-size: 56%; } #left_service .floatSh{   background-size: 60%; background: #128339; } #left_service .floatTel{  background: url(/img/service_btn1.png?tenantId=281397&viewType=1&v=000) #128339 no-repeat center center; } #left_service.floatBox {  } @media only screen and (min-width: 769px){ #left_service.floatBox { position: fixed; right: 3px; top: auto; transform: translateY(0%); z-index: 9999999999999; width: 77px; bottom: 30%; } #left_service .floatLi { position: relative; left:0; display: flex; width: auto; height: 56px; margin-bottom: 1px; line-height: 27px; text-align: center;  transition: all 0.5s ease; } #left_service .floatLi3 { position: relative; left:0; display: flex; width: 300px;  margin-bottom: 1px; line-height: 27px; text-align: center; overflow: hidden; transition: all 0.5s ease;  } #left_service .alink:hover span{display:block;} #left_service .alink span img{width:100%;height:100%;max-width: 100%;} #left_service .alink span{display:none;width: 120px;height: 120px;position: absolute;left: -120px;top: 0;background: #fff;padding: 3px;} #left_service .alink img{max-width: 42px;height:auto;} #left_service .alink:hover{background:#128339;} #left_service .alink { display: inline-block; width: 76px; height: 100%; padding: 0px 0 0 0;  font-size: 0.75rem; font-size: 0; line-height: 56px; position: relative; overflow: visible; background: #888; } #left_service .floatTel2 { display:block; z-index: 1; width: 184px; height: 57px; font: 24px/57px Arial; color: #fff; background: #128339; cursor: pointer; } #left_service .floatTop {  background: url(/img/backtop_ico0.png?tenantId=281397&viewType=1&v=000) #128339 no-repeat center center; background-size: 66%; display: none; } #left_service .floatLi:hover { left:-10px; } #left_service .floatLi3:hover { left: -10px; } } @media only screen and (max-width: 768px){ #left_service .floatLiT { display:none; } #left_service.floatBox { position:fixed; bottom: 10%; right: 0; z-index: 50; width: 64px; min-height: 100px;  } #left_service .moli { position: relative; width: 100%; height: auto; line-height: 27px; color: #fff; float: left; text-align: center; padding: 0 0 1px 0; } #left_service .moli .alink span img{max-width:100%;} #left_service .moli .alink span{background:#fff;padding:4px; display: none; left: -100px; position: absolute; top: 0; width: 100px; } #left_service .moli .alink:hover span{ display: block; } #left_service .moli .alink img{max-width:62%;} #left_service .alink:hover{background:#128339;} #left_service .moli .alink { display: inline-block; color: #fff; font-size: 0.75rem; width: 100%; height: auto; padding: 3px 0; color: #fff; background: #888; } #left_service .floatTel2 {display:none;} } #left_service .floatLi.service4{display:none;}@media only screen and (max-width: 768px){ .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #000; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox>a>.font{ } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001001.p_sortLink{ display:inline-block; padding:0; color:#000; font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink:active{ color:#000; font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001001 .p_content{ width: 240px; position: absolute; border: 1px solid #000; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink{ color: #000; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (min-width: 769px){ .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #000; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox>a>.font{ } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001001.p_sortLink{ display:inline-block; padding:0; color:#000; font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink:active{ color:#000; font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001001 .p_content{ width: 240px; position: absolute; border: 1px solid #000; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink{ color: #000; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .c_portalResBreadcrumb_nav-01001001{ padding:8px 10px !important; height: auto !important; } .c_portalResBreadcrumb_nav-01001001 div,.c_portalResBreadcrumb_nav-01001001 a,.c_portalResBreadcrumb_nav-01001001 span{ text-decoration: none !important; font-size:15px !important; } .p_breadcrumbFirst{ padding-left:0px; }  .c_portalResBreadcrumb_nav-01001001{ padding-top:0px !important; padding-bottom:0px !important; padding:0px !important; background-color:transparent !important; } .p_breadcrumbList{ padding: 12px 0px !important; border-bottom: 1px solid transparent !important; text-align:right; } .c_portalResBreadcrumb_nav-01001001 span.k_bread_info{ font-size:22px !important; } .p_breadcrumbFirst{ position:relative !important; padding-left: 28px !important; } .p_breadcrumbFirst:before{ font-family: 'iconfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e697"; position: absolute; font-size: 20px; left: 0px; top: 5px; color:#000; } .p_breadcrumbFirst>span{ display:none; } @media screen and (max-width:768px){ .k_bread_info{ display:none; } .p_breadcrumbList{ text-align:left !important; } .p_breadcrumbFirst{ padding-left:0px; } } .p_breadcrumbList{ display:none; }body .p_categoryBox .p_linkBox.click .color_assist,body .p_categoryBox .p_linkBox.click a { color: #fff; } body .p_categoryBox .p_linkBox.click{ background:#128339; } #w_grid-1600737363101 .w_grid-000 .w_grid{ position:relative; overflow: hidden; } #w_grid-1600737363101 .w_grid-000 .w_grid:before{ content:""; position: absolute; bottom: -850px; right: -690px; width: 1200px; height: 1200px; background: rgba(29,206,248,0.12); border-radius: 50%; } #w_grid-1600737363101 .w_grid-000 .w_grid:after{ content:""; position: absolute; top: -740px; left: -650px; width: 1200px; height: 900px; background: rgba(29,206,248,0.12); border-radius: 50%; } #w_grid-1600737363101 .w_grid-000 .w_grid .p_gridbox:before{ content:""; position: absolute; bottom: -360px; right: -450px; width: 700px; height: 700px; background: rgba(85,215,86,0.12); border-radius: 50%; }  #w_grid-1553838589434 > .w_grid > .p_gridbox>.p_gridCell > .w_grid-000 .w_grid{ position:relative; overflow: hidden; } #w_grid-1553838589434 > .w_grid > .p_gridbox>.p_gridCell > .w_grid-000>.w_grid:before{ content:""; position: absolute; bottom: -250px; right: -290px; width: 600px; height: 600px; background: rgba(1,64,153,0.1); border-radius: 50%; } #w_grid-1553838589434 > .w_grid > .p_gridbox>.p_gridCell > .w_grid-000>.w_grid>.p_gridbox:before{ content:""; position: absolute; top: 66px; right: -36px; width: 100px; height: 106px; background: rgba(43,101,217,0.24); border-radius: 50%; } #w_grid-1553838589434 > .w_grid > .p_gridbox>.p_gridCell > .w_grid-000>.w_grid:after{ content:""; position: absolute; top: 120px; left: -220px; width: 350px; height: 400px; background: rgba(29,206,248,0.12); border-radius: 50%; z-index: -1; } a.ppt .ppt_list:nth-child(1) .p_TitleBox{ display:block; } a.ppt .ppt_list:nth-child(2) .p_TitleBox{ display:block; } a.ppt .ppt_list:nth-child(3) .p_TitleBox{ display:block; } div table{ border-collapse: inherit; border-spacing: 0px;  padding: 20px;  margin: 0 auto; } div tbody tr:first-child td{  background: #128339; color:#fff; } div tbody tr:first-child td p{ color:#fff; } div tbody tr:nth-child(even) td{ background-color: #e1eef5; color:#222; border-right: 1px solid #f4fffa; } div tbody tr td{ text-align: center; background: #fff; padding: 5px 3px;  font-size: 16px; vertical-align: middle; } div tbody tr:nth-child(odd) td{       background: #faffff;  } div tbody tr:nth-child(1) td{ background: #128339; border-right: 1px solid #1580c4; } .detail_content_info div tbody tr:nth-child(1) td{ background: #f4fffa; border-right: 1px solid #f4fffa; color: #222; } .detail_content_info div tbody tr:nth-child(1) td *{ color: #222; } .detail_content_info div tbody tr th{ background: #f4fffa; text-align:center; border-right: 1px solid #f4fffa; border-bottom: 1px solid #f4fffa; } @media only screen and (max-width: 768px) { #w_common_text-1651713634673{ display:none; } #w_common_text-1651717739135{ display:none; } #w_common_text-1651717745681{ display:none; } #w_common_text-1651713641860{ display:none; } #c_portalResNews_list-16456995526797845 { padding-left: 10px !important; padding-right: 10px !important; } body #w_grid-1602474252565 .p_gridbox{ background-size:100%; } body .k_ld_index_title{ background-size:100%; } body #w_grid-1645699387199 .p_gridbox{ background-size:100%; } body #w_grid-1600247496538 .p_gridbox{ background-size: 82%; } body .main.pagebox div tbody tr td{ text-align: left; } body .main.pagebox div tbody tr td *{ text-align:left; font-size: 14px; line-height: 1.2em; } } @media only screen and (min-width: 768px) { .detail_content_info div tbody tr th{ min-width: 72px; } } div table{ margin: 0 auto; min-width: 760px; } @media only screen and (max-width: 768px) { div table{ padding: 0; } body div table{ width: 96%; } }  body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell{ background: url(/img/contact_list_line1.png?tenantId=281397&viewType=1&v=000) no-repeat center 68%; } @media only screen and (min-width:769px) and (max-width:1366px){ body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell{ background: url(/img/contact_list_line2.png?tenantId=281397&viewType=1&v=000) no-repeat center center; } body .main #w_grid-1587540272197{ margin-top: 1.6%; } body .main #w_grid-1587541136491{ margin-top: 12px; margin-bottom: 0px; margin-bottom: 7px; } body .main #w_common_text-1588937884311{ margin-top: 30px; } body #c_portalResPublic_codeContainer-15873854390208234{ margin-top: 30px; } body #w_common_text-1587385106696 *{ letter-spacing:0; } body #w_common_text-1587385238353{ margin-top:20px; } body #w_grid-1572592130358> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ margin-left: 2%; } body #w_fimg-1587385017891{ margin-bottom: 1px; margin-top: 110px; } body #w_fimg-1602471150225{ margin-top: 200px; } } @media only screen and (max-width:769px){ body #w_fline-1587377752372{ display:none; } body #w_common_text-1587138518696{ display:none; } body #w_fimg-1645700874787{ margin:20px auto; display: none; } body #w_fimg-1645700704623{ margin: 0px auto; } body #w_common_text-1645697673203{ display:none; } body #w_common_text-1645697673203{ width:100%; margin: 0 auto; } body #w_common_text-1645697673203 *{ text-align:center; display: block; width: 100%; } body #w_common_text-1624277165755 div{ background-size: 100% !important; padding: 20px 0 0 22px; } body #w_common_text-1648104398686 div *, body #w_common_text-1645699425917 div *{ font-size:32px !important; color: #fff; text-align: center; display: block; width: 100%; } body #w_grid-1645699387199,body #w_grid-1648104398679{ margin-top: 80px; min-height: 42px; margin-bottom: -20px; } #w_grid-1645699387199 > div > .p_gridbox > .p_gridCell:nth-child(1){  clear: none !important; } #w_grid-1645699387199 > div > .p_gridbox > .p_gridCell:nth-child(2){ width: 50%; clear: none !important; } body #content_box-1578472502766-1{ display:none; } body #w_grid-1600737363101{ margin-top: 60px; } body #w_common_text-1588937884311{ margin-top: 0px; } body #w_common_text-1588935130118{ margin-top: 0px; } body #w_common_text-1587138518696 *{ text-align:center; } body #w_fline-1587377752372{ margin:0 auto; } body #w_grid-1587541136491{ } body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell .reset_style{ margin-bottom: 10px; } body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell{ clear: none !important; width: 48%; background-size: 100%; position: relative; max-width: 48%; margin: 0 1%; min-height: 136px; } #w_grid-1588938245402{ display:none; } #w_grid-1587540272197{ display:none; } body .main .p_gridbox #content_box-1587540272197-0{ width: 100%; margin: 0 auto !important; } #content_box-1587541136491-0 .w_fimg-000{ width:46%; float:left; margin: 0 2% 2%; min-height: 60px; } #w_grid-1587540272197 .p_gridCell{ width:46%; float:left; margin: 0 2% 2% 2% !important; min-height: 60px; clear: none !important; } #w_grid-1587540272197 .p_gridCell .p_gridCell{ width:100%; } #w_grid-1587540272197 .p_gridCell .w_fbtn-001{ margin-top:12px; } #w_grid-1587540272197 .p_gridCell .p_gridbox{ } #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(1){ margin:36px 10px 0; } #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(2){ margin:0px 10px; } #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(1) *{ font-size:20px !important; } #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(2) *{ font-size: 15px !important; } #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style *{ text-align:center; } body #w_fimg-1587384917336{ max-width:100%; margin:0 auto; overflow:hidden; } body #w_fimg-1587384917336 .w_img{ margin:-60px auto -160px; } body #w_fimg-1587385017891{ display: none; margin:12px auto 10px; } #content_box-1572592130358-1 *{ text-align:center !important; letter-spacing: 0; } body #w_fimg-1602471150225{ margin: 3px auto 10px; } body #w_common_text-1600248368346 *{ color:#000; } body #w_common_text-1600248368346{ max-width:88%; margin: 8px auto 1px; } body #w_common_text-1587385238353{ margin: 8px auto 4px; } body #w_common_text-1587385238353 *{ font-size: 24px !important; } body #w_common_text-1587384946860{ margin-top:10px; } body #w_common_text-1587384946860 *{ font-size:24px; } body #c_portalResPublic_codeContainer-15873854390208234{ width: 94%; margin: 4% 0% 2% 6%; display:block; max-width: 96%; height: 100%; min-height: auto; clear: both; } body #w_fbtn-1587385322357{ margin: 0px auto 0; clear: both; display: block; PADDING: 24PX 0 0 0; } body #w_common_text-1587538627871{ margin: 46px auto 0; } body #w_common_text-1587541293946{ margin-bottom:12px; } body #w_grid-1587541136491{ margin: 20px auto -6px; } } body .main #w_grid-1588938245402 { position:absolute; top: 20px; right:0; width:420px; z-index:999; min-height: 220px; } body .main #w_grid-1588938245402 > div > .p_gridbox{ padding:10px 38px; background: rgba(6,125,200,0.88); height:inherit; min-height: 220px; } body .main #w_grid-1588938245402 .w_fimg-001{ margin:26px auto; } body .main #w_grid-1588938245402 .p_title{ color:#fff; line-height:2em; padding:3px 0 0 0; font-size:14px; } table.pro{ border-collapse: separate; border-spacing: 1px 1px; border: none; background: #ccc; } table.pro td{ background:#fff; padding-top: 5px; padding-bottom: 3px; } table.pro td[bgcolor="#2982bd"],table.pro td[bgcolor="#2982bd"] *{ color: #fff; } table.pro td[bgcolor="#2982bd"]{ background:#2982bd; } table.pro td[bgcolor="#067dc8"],table.pro td[bgcolor="#067dc8"] *{ color: #fff; } table.pro td[bgcolor="#067dc8"]{ background:#067dc8; } .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: 1300px){ #w_grid-1554195410658{ padding-left:20px !important; padding-right:20px !important; } } .w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video{ height:100% !important; object-fit:cover !important; } @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_common_text-1557890638159{ margin-top:25px !important; margin-left:0px !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: 768px){ html body .p_problemCategory{ background: none !important; border: none !important; } html body .p_problemCategory .btn-primary{ background: #9f9f9f; border: none !important; width: 100%; line-height: 32px !important; font-size: 18px; border-radius: 0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } html body .p_problemCategory .btn-primary:hover,html body .p_problemCategory .btn-primary:active{ background:#128339; } body .p_categoryBox { padding: 90px 0 0 0 !important; } body .c_portalResnav_main-01001 .p_categoryBox { padding: 2px 0 0 0 !important; } #w_grid-1555409809275 .p_gridCell p{ text-align:center !important; } #w_grid-1565414397363{ display:none; } } @media screen and (max-width:1240px){ #w_grid-1557823873295{ padding-right:0px !important; } } #w_grid-1557913257542>.w_grid:before{ position:absolute; width:100%; content:" "; height:215px; top:0px; left:0px; background-color:#f8f8f8; } #content_box-1557825620408-0{ z-index:2; } #w_grid-1651713464684 { position: relative; top: 50%; left: auto !important; transform: translateY(-50%); } #w_grid-1651717445994{ position: relative; top: 50%; left: auto !important; transform: translateY(-50%); }#c_portalResBreadcrumb_nav-1589388817868{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .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){ } @keyframes animate{ 0% { opacity: 1; } 100% { opacity: 1; } } @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){ } @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){ } @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){ } @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){ } @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){ } @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_portalResPublic_codeContainer-1589388817858{ width:100%; max-width:1200px; 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; } #c_portalResBreadcrumb_nav-1589388817863 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResBreadcrumb_nav-1589388817863 >div{ animation-fill-mode:both; } #c_portalResBreadcrumb_nav-1589388817863{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:30px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-15894203233491466 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-15894203233491466 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-15894203233491466 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-15894203233491466 >div{ animation-fill-mode:both; } #c_portalResProduct_list-15894203233491466 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15894203233491466 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15894203233491466 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15894203233491466 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15894203233491466{ width:auto; max-width:1360px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1589388817758 > div > .p_gridbox{ background-image:url(/img/bd_nybanner005.jpg?tenantId=281397&viewType=1&v=000); } #w_grid-1589388817758 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1589388817758 >div{ animation-fill-mode:both; } #w_grid-1589388817758 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1589388817758> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1589388817758> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1589388817758> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1589388817758 .p_gridbox{ background-repeat:no-repeat; background-position:center center; background-size:cover; } #w_grid-1589388817748 > 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-1589388817778 > div > .p_gridbox{ background-color:rgba(248, 248, 248, 1); } #w_grid-1589388817778 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1589388817778 >div{ animation-fill-mode:both; } #w_grid-1589388817778 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1589388817778> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1589388817778> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1589388817778> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1589388817788 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1589388817788 >div{ animation-fill-mode:both; } #w_grid-1589388817788 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1589388817788> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1589388817788> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:3.93%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1589388817788> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:96.07%; } #w_grid-1589388817788> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1589388817798 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1589388817798 >div{ animation-fill-mode:both; } #w_grid-1589388817798 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ #w_grid-1589388817798> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1589388817798> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1589388817798> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1589388817758{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:60px; 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-1589388817748{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:744px; 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-1589388817778{ 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-1589388817788{ width:100%; max-width:1240px; 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:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1589388817798{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:15px; padding-right:15px; padding-bottom:60px; }