.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_category-01001{ position:relative !important; width:100% !important; } .kk_product_cate_list{ text-align:center; } .kk_product_cate_list>div{ display:inline-block; margin:5px 10px !important; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .kk_product_cate_list>div:hover .p_linkbox{ background-color:#0079c0 !important; border:1px solid #0079c0 !important; } .kk_product_cate_list .p_linkbox{ padding:8px 30px !important; border-radius:5px; border:1px solid #0e3092 !important; background-color:#0e3092 !important; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .kk_product_cate_list>div a{ color:#fff; display:block; font-size:16px !important; margin:0px !important; padding:0px !important; background-color:transparent !important; } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox .p_linkbox:hover{ background: #0079c0; } @media only screen and (max-width:768px) { .c_portalresproduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalresproduct_category-01001 .e_contentordinarystylebox-001 .stylebox_title { width: 100%; } .c_portalresproduct_category-01001 .p_categorybox { line-height: 24px; } .c_portalresproduct_category-01001 .p_btn-show { display: inline-block; } .c_portalresproduct_category-01001 .p_title { font-size: 16px; } .c_portalresproduct_category-01001 .p_categorybox .p_linkbox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox { width: 100%; } .c_portalresproduct_category-01001 .p_categorybox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalresproduct_category-01001 .p_childbox .p_parentbox { background: #ffffff; } .c_portalresproduct_category-01001 .p_childbox .p_parentbox .p_linkbox { background: #efeff4; width: 100%; border-bottom: 1px solid #d5d5d6; } .c_portalresproduct_category-01001 .p_categorybtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalresproduct_category-01001 .p_categorybtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalresproduct_category-01001 .p_categorybox .p_childbox { padding-left: 20px } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox { position: relative; height: auto; } .c_portalresproduct_category-01001 .p_categorybox .slideout { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalresproduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalresproduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalresproduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalresproduct_category-01001 .p_num { color: #ccc; } .c_portalresproduct_category-01001 .p_childbox .p_num { color: #333; } .c_portalresproduct_category-01001 .p_childbox { background: #efeff4; } .c_portalresproduct_category-01001 .p_parentbox { background: #fff; color: #000; } .c_portalresproduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalresproduct_category-01001 .e_contentordinarystylebox-001 .stylebox_title { width: 100%; }  .c_portalresproduct_category-01001 .p_categorybox { line-height: 24px; background: #fff; } .c_portalresproduct_category-01001 .p_title { font-size: 16px; } .c_portalresproduct_category-01001 .p_categorybox .p_linkbox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; height: 50px; } .c_portalresproduct_category-01001 .p_categorybox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalresproduct_category-01001 .p_categorybtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalresproduct_category-01001 .p_categorybtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_up:before { content: '\e69a'; color: #7b7b7e; } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_down:before { content: '\e69c'; color: #7b7b7e; } .c_portalresproduct_category-01001 .p_categorybox .p_childbox { padding-left: 20px; width: 100%; } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox { position: relative; height: auto; max-width: 100% !important; width: 100% !important; margin: 0 !important; } .c_portalresproduct_category-01001 .p_categorybox .slideout { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalresproduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalresproduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalresproduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalresproduct_category-01001 .p_num { color: #ccc; } .c_portalresproduct_category-01001 .p_childbox .p_num { color: #333; } .c_portalresproduct_category-01001 .p_childbox { background: #efeff4; } .c_portalresproduct_category-01001 .p_parentbox { background: #fff; color: #000; } .c_portalresproduct_category-01001 .p_btn-show .p_c-fff { color: #fff; } .c_portalresproduct_category-01001 .p_btn-show .p_c-fff { margin: 0 0 0 10px; vertical-align: middle; width: auto; float: right; line-height: 50px; } .c_portalresproduct_category-01001 .p_categorybox { overflow-y: auto; height: 100%; float: left; } } @media only screen and (min-width:769px) and (max-width: 1024px) { .c_portalresproduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalresproduct_category-01001 .e_contentordinarystylebox-001 .stylebox_title { width: 100%; }  .c_portalresproduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalresproduct_category-01001 .p_categorybox { line-height: 24px; } .c_portalresproduct_category-01001 .p_btn-show { display: none; } .e_title .p_title { font-size: 16px; } .c_portalresproduct_category-01001 .p_categorybox .p_linkbox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalresproduct_category-01001 .p_categorybox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalresproduct_category-01001 .p_categorybtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalresproduct_category-01001 .p_childbox .p_parentbox { width: 100%; } .c_portalresproduct_category-01001 .p_categorybtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_up:before { content: '\e6c9'; color: #7b7b7e; } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_down:before { content: '\e6c8'; color: #7b7b7e; } .c_portalresproduct_category-01001 .p_categorybox .p_childbox { padding-left: 20px } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox { position: relative; height: auto; } .c_portalresproduct_category-01001 .p_categorybox .slideout { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalresproduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalresproduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalresproduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalresproduct_category-01001 .p_num { color: #ccc; } .c_portalresproduct_category-01001 .p_childbox .p_num { color: #333; } .c_portalresproduct_category-01001 .p_btn-hide { width: 10%; height: 100%;  display: none; } .c_portalresproduct_category-01001 .p_parentbox { background: #fff; color: #000; } .c_portalresproduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalresproduct_category-01001 .e_contentordinarystylebox-001 .stylebox_title { width: 100%; }  .c_portalresproduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalresproduct_category-01001 .p_categorybox { line-height: 24px; } .e_title .p_title { font-size: 16px; } .c_portalresproduct_category-01001 .p_categorybox .p_linkbox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalresproduct_category-01001 .p_categorybox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalresproduct_category-01001 .p_categorybtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalresproduct_category-01001 .p_categorybtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalresproduct_category-01001 .p_linkbox .iconfont:before {  } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_up:before { content: '\e6c9';  } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_down:before { content: '\e6c8';  } .c_portalresproduct_category-01001 .p_categorybox .p_childbox { padding-left: 20px } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox { position: relative; height: auto; } .c_portalresproduct_category-01001 .p_categorybox .slideout { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalresproduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalresproduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalresproduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalresproduct_category-01001 .p_num { color: #ccc; } .c_portalresproduct_category-01001 .p_childbox .p_num { color: #333; } .c_portalresproduct_category-01001 .p_parentbox { background: #fff; color: #000; } } @media only screen and (min-width: 1024px) { .c_portalresproduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalresproduct_category-01001 .e_contentordinarystylebox-001 .stylebox_title { width: 100%; }  .c_portalresproduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalresproduct_category-01001 .p_categorybox { line-height: 24px; min-height: 46px; } .e_title .p_title { font-size: 16px; } .c_portalresproduct_category-01001 .p_categorybox .p_linkbox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalresproduct_category-01001 .p_categorybox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalresproduct_category-01001 .p_categorybtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalresproduct_category-01001 .p_categorybtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_up:before { content: '\e6c9'; color: #7b7b7e; } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_down:before { content: '\e6c8'; color: #7b7b7e; } .c_portalresproduct_category-01001 .p_categorybox .p_childbox { padding-left: 20px } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox { position: relative; height: auto; } .c_portalresproduct_category-01001 .p_categorybox .slideout { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalresproduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalresproduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalresproduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalresproduct_category-01001 .p_num { color: #ccc; } .c_portalresproduct_category-01001 .p_childbox .p_num { color: #333; } .c_portalresproduct_category-01001 .p_parentbox { background: #fff; color: #000; } .c_portalresproduct_category-01001 { height: auto; width: 280px; overflow: visible; z-index: 99; } .c_portalresproduct_category-01001 .e_contentordinarystylebox-001 .stylebox_title { width: 100%; }  .c_portalresproduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalresproduct_category-01001 .p_categorybox { line-height: 24px; } .c_portalresproduct_category-01001 .p_btn-show { display: none; } .c_portalresproduct_category-01001 .p_title { font-size: 16px; } .c_portalresproduct_category-01001 .p_categorybox .p_linkbox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalresproduct_category-01001 .p_categorybox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalresproduct_category-01001 .p_categorybtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); display: none; } .c_portalresproduct_category-01001 .p_categorybtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalresproduct_category-01001 .p_linkbox .c { content: '\e6c9';  } .c_portalresproduct_category-01001 .p_linkbox .icon-arrow_down:before { content: '\e6c8';  } .c_portalresproduct_category-01001 .p_categorybox .p_childbox { padding-left: 20px } .c_portalresproduct_category-01001 .p_categorybox .p_parentbox { position: relative; height: auto; } .c_portalresproduct_category-01001 .p_categorybox .slideout { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalresproduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalresproduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalresproduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalresproduct_category-01001 .p_num { color: #ccc; } .c_portalresproduct_category-01001 .p_childbox .p_num { color: #333; } .c_portalresproduct_category-01001 .p_btn-hide { width: 10%; height: 100%;  background-color: #7f7f7f; display: none; } .c_portalresproduct_category-01001 .p_parentbox { background: #fff; color: #000; } } .c_portalresproduct_category-01001 .p_parentbox { background: transparent; color: #000; margin: 0 8px 6px; } .k_cate>.js_categorybox{ text-align:left; } .k_cate>.js_categorybox>.p_parentbox{ display:inline-block; } .k_cate>.js_categorybox>.p_parentbox .p_linkbox{ padding:0px !important; } .k_cate>.js_categorybox>.p_parentbox>.p_linkbox>a{ display:block; height: 46px; line-height: 46px; background-color:transparent; padding: 0px 36px; border-bottom:1px solid transparent; margin-bottom: -1px; border: solid #dcdcdc 1px; border-radius: 5px; } .k_cate .p_linkbox a:hover{ border-color:#067dc8!important; color:#067dc8 !important; } .k_cate .p_linkbox.click a{ border-color:#067dc8!important; color:#fff !important; background:#067dc8 !important; } @media screen and (max-width:916px){ .k_cate>.js_categorybox>.p_parentbox>.p_linkbox>a{ padding:0px 10px; } } @media screen and (max-width:768px){ .c_portalresbreadcrumb_nav-01001001{ display:none; } .k_cate>.js_categorybox{      width: auto; display: table; margin: 0 auto; text-align: center; } .k_cate>.js_categorybox>.p_parentbox{ width:25%; width: auto !important; } .k_cate>.js_categorybox>.p_parentbox>.p_linkbox>a{ width:100%; text-align:center;   } .k_cate>.js_categorybox>.p_parentbox:first-child>.p_linkbox>a{  } } .k_page_title{ height:55px; line-height:55px; background-color:#067dc8; color:#fff; font-size:14px; padding:0px 25px; display:none; } @media screen and (min-width:769px){ .k_page_title{ display:inline-block; } .k_cate .js_categorybox{ display:inline-block; display: table; margin: 0 auto; } }  .k_ipc_wrapper{ max-width:750px; margin:20px auto; } .k_ipc_wrapper .k_ipc_item{ width:33.33333%; float:left; position:relative; } .k_ipc_pic{ position:relative; padding:4px; } .k_ipc_pic:after{ content:" "; width:2px; height:40px; background-color:#eaeaea; position:absolute; left:-1px; top:0px; } .k_ipc_wrapper .k_ipc_item:first-child .k_ipc_pic:after{ display:none; } .k_ipc_pic img{ max-width:100%; } .k_ipc_wrapper .k_ipc_item a{ display:block; text-align:center; } .k_ipc_wrapper .k_ipc_item a p{ font-size:16px; line-height:24px; color:#404040; padding: 25px 15%; } .k_ipc_wrapper .k_ipc_item a:hover p{ color:#067dc8; }  #index_type .p_categorybox .p_parentbox{ width: 100%; background: none; border: none; max-width: 100%; padding: 0; margin: 0; } #index_type .p_linkbox{border-bottom: 1px solid #234f8c;padding: 10px 0 6px 20px;background:  no-repeat 90% 15px;} #index_type .p_categorybox .p_title{text-align: left;color: #e5e7ed;font-size: 16px;} #index_type .p_categorybox .p_title:hover{color:#ed0115;} @media only screen and (max-width:768px) { #index_type .btn{display:none;} #index_type .p_category{display:block;position: relative;left: 0;top: 0;} #index_type .p_category .p_btn-hide{display:none;} #index_type .p_categorybox{padding: 0 !important;background: none;width: 100%;} #index_type .p_linkbox {padding: 15px 0 16px 20px;height: 66px;background:  no-repeat 90% 20px;} } .c_portalresproduct_category-01001 .index_type .p_categorybox .p_childbox .p_title{padding: 0 0 0 0px;font-size: 12px;} .c_portalresproduct_category-01001 .index_type .p_categorybox .p_parentbox:hover .p_childbox{display: block !important;} .c_portalresproduct_category-01001 .index_type .p_categorybox .p_childbox{padding-left: 0px;display: none;position: absolute;top: 41px;z-index: 999999999999999;box-shadow: 1px 1px 5px rgba(51, 51, 51, 0.15);margin-left: -1px;} .c_portalresproduct_category-01001 .index_type .p_categorybox .p_parentbox .p_parentbox:hover { border: none; } .c_portalresproduct_category-01001 .index_type .p_categorybox{ margin: 0 auto; display: table;  width: auto !important; max-width: 100%;  } .c_portalresproduct_category-01001 .index_type .p_categorybox .p_parentbox .p_parentbox{ margin: 0; border: none; width: 100%; } .c_portalresproduct_category-01001 .index_type .p_categorybox .p_parentbox { min-width: 100px; padding: 0; margin: 0 0; max-width: 100%; border-radius: 0; background: #eee; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;  max-width: 198px; float: left; margin: 0 5px; width: auto;  max-width: 100%; } .c_portalresproduct_category-01001 .index_type .p_categorybox .p_parentbox:hover { border-bottom: 1px solid #0079c0; border-right: 1px solid #0079c0; border-left: 1px solid #0079c0; border-top: 1px solid #0079c0; } .c_portalresproduct_category-01001 .index_type .p_categorybox .p_parentbox:hover{} .c_portalresproduct_category-01001 .index_type .p_categorybox .p_linkbox{padding: 0 8px;border: none;} .c_portalresproduct_category-01001 .index_type .p_categorybox .p_linkbox:hover .p_title{color:#fff;} .c_portalresproduct_category-01001 .index_type .p_categorybox .p_title{ position:relative; line-height: 40px; text-align: left; padding: 0 0 0 0px; text-align: center; } .c_portalresproduct_category-01001 .index_type .p_categorybox .p_title:after{ content:""; position:absolute; left:30px; top: 24px; height:10px; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; opacity: 0; } .c_portalresproduct_category-01001 .index_type .p_parentbox:hover .p_title:after{border-top: 1px solid #fff;border-right: 1px solid #fff;} .c_portalresproduct_category-01001 .index_typex .p_categorybox .p_parentbox { width: 100%; padding: 0; margin: 0 0; max-width: 100%; border-radius: 0; background: #fff; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; overflow: visible; } .c_portalresproduct_category-01001 .index_typex .p_categorybox .p_parentbox:hover { border-bottom: 1px solid #0079c0; border-right: 1px solid #0079c0; border-left: 1px solid #0079c0;} .c_portalresproduct_category-01001 .index_typex .p_categorybox .p_parentbox:hover{background:#0079c0;} .c_portalresproduct_category-01001 .index_typex .p_categorybox .p_linkbox{padding:0;} .c_portalresproduct_category-01001 .index_typex .p_categorybox .p_title{ position:relative; line-height: 42px; text-align: left; padding: 0 0 0 60px; } .c_portalresproduct_category-01001 .index_typex .p_categorybox .p_title:after{ content:""; position:absolute; left:30px; top: 16px; height:10px; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .c_portalresproduct_category-01001 .index_typex .p_parentbox:hover .p_title:after{border-top: 1px solid #fff;border-right: 1px solid #fff;} #index_types .k_cate>.js_categorybox>.p_parentbox>.p_linkbox>a{ border: 2px solid #fff; color: #fff; font-size: 14px; line-height: 42px; } #index_types .k_cate>.js_categorybox>.p_parentbox>.p_linkbox>a:hover{color:#fff !important; background:#277bd1;}#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: block; } @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: #0079c0; color: #0079c0; z-index: 2; } .c_portalresproduct_list-01001 .d_sortbtn.active{ border-color: #0079c0; color: #0079c0; 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: #0079c0; color: #0079c0; 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: #0079c0; border-top-color: #0079c0; } .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; } .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: #0079c0; color: #0079c0; z-index: 2; } .c_portalresproduct_list-01001 .d_sortbtn.active{ border-color: #0079c0; color: #0079c0; z-index: 2; } .c_portalresproduct_list-01001 .p_default { padding-right: 15px; } .c_portalresproduct_list-01001 .d_sortbtn:lang(active){ border-color: #0079c0; color: #0079c0; 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: #0079c0; } .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; } .c_portalresproduct_list-01001 .p_productinner:hover { border-width: 0px; border-color: #0079c0;  } .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 #f2f2f2; } .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;  } .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:5px 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; } .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:#0079c0 !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:#0079c0; } .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:#0079c0; } .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 #0079c0; } .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:#0079c0; padding-left:90px; position:relative; } #swiper-index-product .k_yx_p_item a:hover .k_zr_p_wrapper{ color:#fff; background-color:#0079c0; } .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:#0079c0; 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:#0079c0; } .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:#0079c0; }  @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:#0079c0; 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:#0079c0; 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:#0079c0; } @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: #009ee8; width: 40px; margin: 15px auto 6px auto; } #index_pro .p_more{ width: auto; margin: 0 auto; background: #fff; } #index_pro .p_more a{} #index_pro .p_product .p_images{border:none;min-height: 200px;} #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; }text-align: center !important;min-height: 48px;} #index_pro .d_headbox{text-align:center;line-height:36px;} #index_pro .d_headbox a{line-height: 22px;} #index_pro .p_product{margin: 10px;width: calc((100% - 80px)/4) !important;padding: 0;background: #fff;border-radius: 5px;overflow: hidden;} #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%;} #index_pro .p_product a{color: #000;text-align:center;display:block;font-size: 20px;line-height: 30px;margin-top: 0px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: nowrap;} #index_pro .p_product:hover a{} #index_pro .p_product .p_more a{width: 108px;height: 36px;display: block;margin: 0 auto;border: solid #009ee8 1px;font-weight: 100;font-size: 14px;line-height: 36px;color: #009ee8;border-radius: 5px;margin: 20px auto 0;} #index_pro .p_product .p_more a:hover{background: #009ee8;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{background: #009ee8;color: #fff;} @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;} 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: no-repeat center 520px !important; position:absolute;top:0;left:0;background:#f99;} #index_solution .p_product:hover .d_headbox{opacity:1; background: no-repeat center 0px !important;margin-top:100px;} #index_solution .p_product:nth-child(2):hover .d_headbox{opacity:1; background: 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 10px; 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)/4);} #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: 90%; } #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:no-repeat; background-position:right center; } #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:#0079c0; } #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: #277bd1; } .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 #277bd1; 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: #277bd1; } .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 #277bd1; 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: #277bd1; } .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 #277bd1; 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 #277bd1; 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: #277bd1; 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: #277bd1; } .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 #277bd1; 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 #277bd1; 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 #277bd1; 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: #277bd1; 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:  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(/uploads/image/simg/pan_big.png) 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(/uploads/image/simg/pan_small.png) 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: #0079c0; 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: #848484; 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:#0079c0; 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:#0079c0; border:1px solid #fff; padding:10px 20px; border-radius:21px; margin-top:30px; } .k_index_more:hover{ color:#fff; border-color:#0079c0 !important; background-color:#0079c0; } @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(43,101,217,0.5); min-height: 100px; max-height: 120px; display: table; min-width: 320px; margin: 100px 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 #0079c0; 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:#0079c0; 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:#0079c0; 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:#0079c0; background-color:#0079c0; }  .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:#0079c0; background-color:#0079c0; } .k_index_icon_item a:hover p{ color:#fff; } .k_ia_gs .k_ia_pic{ background-image:url(/uploads/image/simg/ab1.png); } .k_ia_cp .k_ia_pic{ background-image:url(/uploads/image/simg/ab2.png); } .k_ia_lx .k_ia_pic{ background-image:url(/uploads/image/simg/ab3.png); } a.k_ia_gs:hover .k_ia_pic{ background-image:url(/uploads/image/simg/ab1_h.png); } a.k_ia_cp:hover .k_ia_pic{ background-image:url(/uploads/image/simg/ab2_h.png); } a.k_ia_lx:hover .k_ia_pic{ background-image:url(/uploads/image/simg/ab3_h.png); } @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(/uploads/image/simg/av1.png); } .k_adv_2 .k_adv_pic{ background-image:url(/uploads/image/simg/av2.png); } .k_adv_3 .k_adv_pic{ background-image:; } .k_adv_4 .k_adv_pic{ background-image:; } .k_yx_adv_item:hover .k_yx_adv_pic{ background-color:#0079c0; } .k_yx_adv_item.k_adv_1:hover .k_adv_pic{ background-image:url(/uploads/image/simg/av1_h.png); } .k_yx_adv_item.k_adv_2:hover .k_adv_pic{ background-image:url(/uploads/image/simg/av2_h.png); } .k_yx_adv_item.k_adv_3:hover .k_adv_pic{ background-image:url(/uploads/image/simg/av3_h.png); } .k_yx_adv_item.k_adv_4:hover .k_adv_pic{ background-image:url(/uploads/image/simg/av4_h.png); } @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:; 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: 28px; border:1px solid #fff; color:#fff; line-height: 28px; padding: 6px 6px; border-radius: 50px; margin:10px 0px; } .k_dl_i_btn:hover{ background-color:#0079c0 !important; color:#fff !important; border-color:#0079c0 !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; } .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.3); 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%;   } .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-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: 42px;height: 2px;background:#fff;position:absolute;left:50%;bottom: -16px;margin: 0 auto 0 -23px;} .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: 30px;  margin-top:20px; background-color:rgba(255,255,255,1); color:#0079c0; background: #0079c0; } .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: 50%; } .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:#0079c0; } #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(0,103,168,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(/uploads/image/simg/type01.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k2{background-image:url(/uploads/image/simg/type02.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k3{background-image:url(/uploads/image/simg/type03.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k4{background-image:url(/uploads/image/simg/type04.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k5{background-image:url(/uploads/image/simg/type05.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k6{background-image:url(/uploads/image/simg/type01.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k7{background-image:url(/uploads/image/simg/type02.png);}  .k_ld_index_p_wrapper:hover .k_ld_index_more .k_dl_i_btn{ color: #0079c0 !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;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; box-sizing: border-box; } .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(/uploads/image/simg/service_btn1.png) #3380ce no-repeat center center; background-size: 56%; } #left_service .floatsh{   background-size: 60%; background: #3380ce; } #left_service .floattel{  background: url(/uploads/image/simg/service_btn1.png) #3380ce 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:#0079c0;} #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: #3380ce; cursor: pointer; } #left_service .floattop {  background:  #3380ce 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:#0079c0;} #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:rgba(2, 88, 184, 1);} #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%;} 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;} #tank{display:none;}  body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridcell{background: url(/uploads/image/simg/contact_list_line1.png) no-repeat center center;} @media only screen and (min-width:769px) and (max-width:1366px){ body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridcell{background: url(/uploads/image/simg/contact_list_line2.png) no-repeat center center;} body .main #w_grid-1587540272197{margin-top: 1.6%;} body .main #w_grid-1587541136491{margin-top: 2px;margin-bottom: 0px;margin-bottom: -8px;} body .main #w_grid-1600247496538{ margin-top: 106px; } body .main #w_common_text-1588937884311{ margin-top: 0px; } 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){padding-left: 0%;} body #w_fimg-1587385017891{ margin-bottom: 1px; margin-top: 110px; } body #w_grid-1553838589434{margin-top:70px;} } @media only screen and (max-width:769px){ body #content_box-1578472502766-1{display:none;} body #w_grid-1553838589434{margin-top: 8px;} body #w_grid-1600737363101{ margin-top: 72px; } 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{ clear: none !important; width: 48%; background-size: 100%; position: relative; max-width: 48%; margin: 0 1%; min-height: 168px; } #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;line-height: 1em;} body #w_fimg-1602471150225{ margin: 15px auto 10px; } body #w_common_text-1600248368346 *{color: #363636;line-height: 1.5em;font-size: 15px !important;} body #w_common_text-1600248368346{max-width:88%;margin: 8px auto 1px;} body #w_common_text-1587385238353{margin: 8px auto 6px;} body #w_common_text-1587385106696{ margin: 0 auto; max-width: 96%; font-size: 12px !important; padding-bottom: 6px; } body #w_common_text-1587385106696 *{font-size:14px;} 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:#00a1e9;} 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-1557887666160,#w_grid-1556610320681,#w_grid-1555554431772,#w_grid-1557912060843,#w_grid-1557912658021,#w_grid-1557888300062,#w_grid-1557905459393,#w_grid-1557916719219,#w_grid-1557916772308,#w_grid-1557916825965,#w_grid-1557916890393,#w_grid-1558278539333,#w_grid-1565417134814,#w_grid-1565418799278,#w_grid-1602644432539{ display:block; background-color:transparent !important; border-bottom:1px solid #e8e8e8; } #w_grid-1557887666160> div > .p_gridbox,#w_grid-1556610320681> div > .p_gridbox,#w_grid-1555554431772> div > .p_gridbox,#w_grid-1557912060843> div > .p_gridbox,#w_grid-1557912658021> div > .p_gridbox,#w_grid-1557888300062> div > .p_gridbox,#w_grid-1557905459393> div > .p_gridbox, #w_grid-1557916719219> div > .p_gridbox,#w_grid-1557916772308> div > .p_gridbox,#w_grid-1557916825965> div > .p_gridbox,#w_grid-1557916890393> div > .p_gridbox,#w_grid-1558278539333> div > .p_gridbox,#w_grid-1602644432539> div > .p_gridbox{ background-color: transparent !important; }#c_portalresbreadcrumb_nav-1565417134854{ 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-1565417134844{ 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_portalresproduct_category-1565417134849 .p_matteicon .iconfont:before{ content:'\e602'; } #c_portalresproduct_category-1565417134849 >div{ animation-fill-mode:both; } @media screen and (max-width:768px){ #c_portalresproduct_category-1565417134849 .k_cate>.js_categorybox>.p_parentbox{ width:33.3333%; } } #c_portalresproduct_category-1565417134849{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalresbreadcrumb_nav-15877182979865040 .p_matteicon .iconfont:before{ content:'\e602'; } #c_portalresbreadcrumb_nav-15877182979865040 >div{ animation-fill-mode:both; } #c_portalresbreadcrumb_nav-15877182979865040{ width:auto; 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; } #w_grid-1565417134794 > div > .p_gridbox{ background-image:url(/uploads/image/simg/bg501.jpg); } #w_grid-1565417134794 .p_matteicon .iconfont:before{ content:'\e602'; } #w_grid-1565417134794 >div{ animation-fill-mode:both; } #w_grid-1565417134794 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1565417134794> div > .p_gridbox > .p_gridcell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1565417134794> div > .p_gridbox > .p_gridcell:nth-child(1n 0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1565417134794> div > .p_gridbox > .p_gridcell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1565417134794 .p_gridbox{ background-repeat:no-repeat; background-position:center center; background-size:cover; } #w_grid-1565417134784 > 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-1565417134814 > div > .p_gridbox zcg{ background-color:rgba(248, 248, 248, 1); } #w_grid-1565417134814 .p_matteicon .iconfont:before{ content:'\e602'; } #w_grid-1565417134814 >div{ animation-fill-mode:both; } #w_grid-1565417134814 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1565417134814> div > .p_gridbox > .p_gridcell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1565417134814> div > .p_gridbox > .p_gridcell:nth-child(1n 0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1565417134814> div > .p_gridbox > .p_gridcell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1565417134824 .p_matteicon .iconfont:before{ content:'\e602'; } #w_grid-1565417134824 >div{ animation-fill-mode:both; } #w_grid-1565417134824 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1565417134824> div > .p_gridbox > .p_gridcell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1565417134824> div > .p_gridbox > .p_gridcell:nth-child(2n 0){ width:29.26%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1565417134824> div > .p_gridbox > .p_gridcell:nth-child(2n 1){ margin-left:0px; clear:left; margin-right:0px; width:70.74000000000001%; } #w_grid-1565417134824> div > .p_gridbox > .p_gridcell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1587709441877 > 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-1565417134794{ 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-1565417134784{ 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-1565417134814{ 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-1565417134824{ 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-1587709441877{ 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; } #c_portalresproduct_list-15877094426286921 .p_product{ width:calc((100% - 0px)/3); } #c_portalresproduct_list-15877094426286921 .p_commonsummaryboxa{ text-align:center; } #c_portalresproduct_list-15877094426286921 .p_matteicon .iconfont:before{ content:'\e602'; } #c_portalresproduct_list-15877094426286921 >div{ animation-fill-mode:both; } #c_portalresproduct_list-15877094426286921 .probox{ padding:50px 0; } #c_portalresproduct_list-15877094426286921 .container{ padding:0 20px; } #c_portalresproduct_list-15877094426286921 .procontainer{ width:100%; margin:0px; overflow:hidden; } #c_portalresproduct_list-15877094426286921 .proimgbox{ width:100%; height:0px; padding-bottom:60%; position:relative; overflow:hidden; } #c_portalresproduct_list-15877094426286921 .proli{ padding:10px; } #c_portalresproduct_list-15877094426286921 .box{ box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); } #c_portalresproduct_list-15877094426286921 .proimg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1.0); transition:all .5s ease; width:100%; } #c_portalresproduct_list-15877094426286921 .txtbox{ padding:10px 20px; transition:all .5s ease; } #c_portalresproduct_list-15877094426286921 .protitle{ position:relative; overflow:hidden; width:100%; padding-right:30px; font-size:1rem; } #c_portalresproduct_list-15877094426286921 .prolink{ display:block; width:100%; padding:6px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all .5s ease; } #c_portalresproduct_list-15877094426286921 .eye{ position:absolute; right:0px; top:0px; display:block; width:30px; height:30px; overflow:hidden; background:no-repeat; background-position:right center; } #c_portalresproduct_list-15877094426286921 .line{ position:relative; margin-top:6px; width:100%; height:2px; } #c_portalresproduct_list-15877094426286921 .line::before{ content:''; position:absolute; right:0px; display:block; width:30px; height:1px; background:#999; transition:all .5s ease; } #c_portalresproduct_list-15877094426286921 .box:hover .line::before{ width:100%; background:#fff; } #c_portalresproduct_list-15877094426286921 .box:hover .txtbox{ background:#067dc8; } #c_portalresproduct_list-15877094426286921 .box:hover .prolink{ color:#fff; } #c_portalresproduct_list-15877094426286921 .box:hover .eye{ background-position:left center; } #c_portalresproduct_list-15877094426286921 .box:hover .proimg{ transform:translate(-50%,-50%) scale(1.1); } #c_portalresproduct_list-15877094426286921 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofinset:0; shadow-distance-ofinset:0; } #c_portalresproduct_list-15877094426286921 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofinset:0; shadow-distance-ofinset:0; } #c_portalresproduct_list-15877094426286921 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofinset:0; shadow-distance-ofinset:0; } #c_portalresproduct_list-15877094426286921 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofinset:0; shadow-distance-ofinset:0; } #c_portalresproduct_list-15877094426286921{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:600px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }