.e_IndexMajorStyleBox-001{ height:auto; width:100%; width-uint:%; width-and-width-uint:100%; height-and-height-uint:auto; } .e_IndexMajorStyleBox-001 .stylebox_top{ height:40px; width:auto; background-color:rgba(21, 152, 84, 1); width-and-width-uint:auto; height-and-height-uint:40px; } .e_IndexMajorStyleBox-001 .title_icon{ vertical-align:middle; margin-right:10px; line-height:40px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_IndexMajorStyleBox-001 .title_icon::before{ content:""; } .e_IndexMajorStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; max-width:600px; color:rgba(255,255,255,1); text-overflow:ellipsis; overflow:hidden; font-size:16px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_IndexMajorStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_IndexMajorStyleBox-001 .stylebox_title{ vertical-align:bottom; padding-right:15px; padding-left:15px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(21, 152, 84, 1); display:inline-block; width-and-width-uint:auto; height-and-height-uint:inherit; } .e_IndexMajorStyleBox-001 .stylebox_link{ height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; vertical-align:middle; margin-right:15px; float:right; } .e_IndexMajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_IndexMajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_IndexMajorStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_IndexMajorStyleBox-001 .stylebox_top_line{ height:1px; background-color:rgba(240,240,240,1); } .e_IndexMajorStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_IndexMajorStyleBox-001 .stylebox_bottom_line{ height:1px; background-color:rgba(240,240,240,1); }.e_IndexOrdinaryStyleBox-001{ height:auto; width:100%; width-uint:%; width-and-width-uint:100%; height-and-height-uint:auto; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color:rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color:rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color:rgba(21, 152, 84, 1); height:40px; width:auto; width-and-width-uint:auto; height-and-height-uint:40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ vertical-align:middle; margin-right:10px; line-height:40px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content:""; } .e_IndexOrdinaryStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; max-width:600px; color:rgba(255,255,255,1); text-overflow:ellipsis; overflow:hidden; font-size:16px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_IndexOrdinaryStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ vertical-align:bottom; padding-right:15px; padding-left:15px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(21, 152, 84, 1); display:inline-block; width-and-width-uint:auto; height-and-height-uint:inherit; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; vertical-align:middle; margin-right:15px; float:right; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_IndexOrdinaryStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height:1px; background-color:rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_IndexOrdinaryStyleBox-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); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; z-index: 9999 !important; width:100%; height:120px; } #c_search_total-15967606520299925 { left: inherit !important; right: 151px; } #w_img-1555036510262{ left:16px !important; } #w_wbox-1555036503621{ z-index: 99999 !important; }.pro_cate_box { display: block; text-align: left; width: 100%; } .pro_list { display: inline-block; margin: 0 0px; vertical-align: top; position: relative; } .pro_list h2 { font-family: arial; font-size: 14px; border: 0px solid #b1b1b1; transition: all ease .3s; } .pro_list_1:hover h2 { background: #159854; color: #fff; height: 50px; } .pro_list a { position: absolute; left: 0; top: 0; line-height: 40px !important; width: 100%; height: 40px; } .pro_list ul { width: 100%; transition: all ease .3s; padding-left: 20px; } .pro_child_4 .pro_list { height: 40px; overflow: hidden; } .pro_list ul li { margin: 0; width: 100%; float: left; } .pro_list ul li.height{ height:auto; } .pro_list ul li h2 { background: rgb(21, 152, 84); margin-left: -20px; } .pro_list_2:hover h2 { background: #098545; color: #fff; } .pro_list ul li .pro_list .pro_list_3 img { float: left; display: inline-block; margin-top: 15px; margin-right: 10px; cursor: pointer; } .pro_list ul li .pro_list .pro_list_4 img { float: left; display: inline-block; margin-top: 15px; margin-right: 10px; cursor: pointer; } .pro_list ul ul { transition: all ease .3s; margin-left: -15px; height: auto; } .pro_child_5{ padding-left:20px; } .pro_list ul li .pro_list .pro_list_4 a { float: left; width: 85%; float: left; } .pro_list ul ul a { font-family: arial; font-size: 14px; display: inline-block; height: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(240,240,240,1); line-height: 35px; transition: all ease .3s; position: static; width: 90%; float: left; } .pro_list ul ul a:hover { color: #159854; } .pro_list ul:hover ul.pro_child_3 { opacity: 1; visibility: visible; } .pro_list:hover ul.pro_child_2 { } .pro_list_1 { background: #159854; color: #fff; height: 60px; line-height: 40px; } .pro_list_1 h2 { font-size: 20px; text-align: center; line-height: 60px; } .pro_list_2 { background: #159854; color: #fff; height: 40px; margin-top: 1px; line-height: 40px; } .pro_list_2 h2 { font-size: 16px; text-align: center; line-height: 40px; } .pro_list_3 a { font-size: 16px !important; color: #000; } .pro_list_3 a { padding-left: 10px !important; } .pro_list_4 a { } .pro_listimg { display: none; } .pro_listimg img { width: 100%; border: 1px solid #15985459; transition: all 0.5s ease; } .pro_imgchild_2 > .pro_listimg { width: 32%; height: 303px; margin-bottom: 40px; display: inline-block; margin-right: 1%; } .pro_imgchild_2 > .pro_listimg h2 { font-size: 18px; text-align: center; margin-top: 10px } .current .pro_imgchild_2 > .pro_listimg { display: none; } .current .pro_imgchild_2 > .pro_listimg.current { display: flex; width: 100%; } .pro_listimg.current .w_link { display: none; } .pro_listimg.current .pro_listimg .w_link { display: block; } .pro_imgchild_3 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; } .current .current .pro_imgchild_3 > .pro_listimg { display: block; } .pro_imgchild_2, .pro_imgchild_3, .pro_imgchild_4 { width: 100%; } .current .current .pro_imgchild_3.current > .pro_listimg { display: none; } .current .current .pro_imgchild_3.current > .pro_listimg.current { display: block; width: 100%; } .pro_imgchild_4 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; } .pro_imgchild_3 > .pro_listimg.current .w_link { display: none; } .pro_imgchild_3 > .pro_listimg.current .pro_listimg .w_link { display: block; } .current .current .pro_imgchild_3.current > .pro_listimg.current .pro_listimg { display: block; margin: 5px; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg.current { display: block; width: 100%; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg { display: none; } .pro_imgchild_4 > .pro_listimg.current .w_link { display: none !important; } .pro_imgchild_4 > .pro_listimg.current .pro_listimg .w_link { display: block !important; } .pro_imgchild_5 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; display: none; } .current .current .current .current .current .pro_imgchild_5.current > .pro_listimg { display: block; width: 100%; } .current .current .pro_imgchild_3.current > .pro_listimg.current .pro_listimg .pro_listimg { display: none; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg.current .pro_listimg { display: block; } .pro_imgchild_4 > .pro_listimg h2 { margin-top: 20px; font-size: 16px; } .pro_imgchild_4 > .pro_listimg:hover h2 { color: #159854 } .c_product_categoryNew-12001003 .p_MatteIcon .iconfont:before { content: '\e602'; } .pro_child_3{ height:40px; } .pro_child_3.height{ height:auto; }.pro_cate_box { display: block; text-align: left; width: 100%; } .pro_list { display: inline-block; margin: 0 0px; vertical-align: top; position: relative; } .pro_list h2 { font-family: arial; font-size: 14px; border: 0px solid #b1b1b1; transition: all ease .3s; } .pro_list_1:hover h2 { background: #159854; color: #fff; height: 50px; } .pro_list a { position: absolute; left: 0; top: 0; line-height: 40px !important; width: 100%; height: 40px; } .pro_list ul { width: 100%; transition: all ease .3s; padding-left: 20px; } .pro_child_4 .pro_list { height: 40px; overflow: hidden; } .pro_list ul li { margin: 0; width: 100%; float: left; } .pro_list ul li.height{ height:auto; } .pro_list ul li h2 { background: rgb(21, 152, 84); margin-left: -20px; } .pro_list_2:hover h2 { background: #098545; color: #fff; } .pro_list ul li .pro_list .pro_list_3 img { float: left; display: inline-block; margin-top: 15px; margin-right: 10px; cursor: pointer; } .pro_list ul li .pro_list .pro_list_4 img { float: left; display: inline-block; margin-top: 15px; margin-right: 10px; cursor: pointer; } .pro_list ul ul { transition: all ease .3s; margin-left: -15px;  } .pro_child_5{ padding-left:20px; } .pro_list ul li .pro_list .pro_list_4 a { float: left; width: 85%; float: left; } .pro_list ul ul a { font-family: arial; font-size: 14px; display: inline-block; height: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(240,240,240,1); line-height: 35px; transition: all ease .3s; position: static; width: 90%; float: left; } .pro_list ul ul a:hover { color: #159854; } .pro_list ul:hover ul.pro_child_3 { opacity: 1; visibility: visible; } .pro_list:hover ul.pro_child_2 { } .pro_list_1 { background: #159854; color: #fff; height: 60px; line-height: 40px; } .pro_list_1 h2 { font-size: 20px; text-align: center; line-height: 60px; } .pro_list_2 { background: #159854; color: #fff; height: 40px; margin-top: 1px; line-height: 40px; } .pro_list_2 h2 { font-size: 16px; text-align: center; line-height: 40px; } .pro_list_3 a { font-size: 16px !important; color: #000; } .pro_list_3 a { padding-left: 10px !important; } .pro_list_4 a { } .pro_listimg { display: none; } .pro_listimg img { width: 100%; border: 1px solid #15985459; transition: all 0.5s ease; } .pro_imgchild_2 > .pro_listimg { width: 32%; height: 303px; margin-bottom: 40px; display: inline-block; margin-right: 1%; } .pro_imgchild_2 > .pro_listimg h2 { font-size: 18px; text-align: center; margin-top: 10px } .current .pro_imgchild_2 > .pro_listimg { display: none; } .current .pro_imgchild_2 > .pro_listimg.current { display: flex; width: 100%; } .pro_listimg.current .w_link { display: none; } .pro_listimg.current .pro_listimg .w_link { display: block; } .pro_imgchild_3 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; } .current .current .pro_imgchild_3 > .pro_listimg { display: block; } .pro_imgchild_2, .pro_imgchild_3, .pro_imgchild_4 { width: 100%; } .current .current .pro_imgchild_3.current > .pro_listimg { display: none; } .current .current .pro_imgchild_3.current > .pro_listimg.current { display: block; width: 100%; } .pro_imgchild_4 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; } .pro_imgchild_3 > .pro_listimg.current .w_link { display: none; } .pro_imgchild_3 > .pro_listimg.current .pro_listimg .w_link { display: block; } .current .current .pro_imgchild_3.current > .pro_listimg.current .pro_listimg { display: block; margin: 5px; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg.current { display: block; width: 100%; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg { display: none; } .pro_imgchild_4 > .pro_listimg.current .w_link { display: none !important; } .pro_imgchild_4 > .pro_listimg.current .pro_listimg .w_link { display: block !important; } .pro_imgchild_5 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; display: none; } .current .current .current .current .current .pro_imgchild_5.current > .pro_listimg { display: block; width: 100%; } .current .current .pro_imgchild_3.current > .pro_listimg.current .pro_listimg .pro_listimg { display: none; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg.current .pro_listimg { display: block; } .pro_imgchild_4 > .pro_listimg h2 { margin-top: 20px; font-size: 16px; } .pro_imgchild_4 > .pro_listimg:hover h2 { color: #159854 } .c_product_categoryNew-12001003 .p_MatteIcon .iconfont:before { content: '\e602'; } .pro_child_3 .pro_list{height:40px;overflow: hidden;} .pro_child_3 .pro_list.height{ height:auto !important; } .pro_list_1{ display:none; }.c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ font-size: 0; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb{ font-size: 14px; color: #159854; } .c_breadcrumb_nav-02001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumb>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid #ffffff00; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumb .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #159854; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_breadcrumb_nav-02001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_breadcrumb_nav-02001 .p_end .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ font-size: 14px; color: #159854; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001{position:absolute; width:1180px; height:30px; overflow: visible;font-size: 0;} .c_breadcrumb_nav-02001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbList>a{ display: inline-block; } .c_breadcrumb_nav-02001 .p_CurrentBox{ color: #666; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_breadcrumb_nav-02001 .p_content{ width: 240px; position: absolute; border: 1px solid #159854; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_breadcrumb_nav-02001 .contentBox:hover .p_content{ display: block; } .c_breadcrumb_nav-02001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current{ color: #bcbcbc; } .c_breadcrumb_nav-02001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_breadcrumb_nav-02001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ }.c_breadcrumb_nav-02001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_breadcrumb_nav-02001 >div{animation-fill-mode:both; }.c_breadcrumb_nav-02001 .p_breadcrumbFirst .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }.pro_cate_box { display: block; text-align: left; width: 100%; } .pro_list { display: inline-block; margin: 0 0px; vertical-align: top; position: relative; } .pro_list h2 { font-family: arial; font-size: 14px; border: 0px solid #b1b1b1; transition: all ease .3s; } .pro_list_1:hover h2 { background: #159854; color: #fff; height: 50px; } .pro_list a { position: absolute; left: 0; top: 0; line-height: 40px !important; width: 100%; height: 40px; } .pro_list ul { width: 100%; transition: all ease .3s; padding-left: 20px; } .pro_child_4 .pro_list { height: 40px; overflow: hidden; } .pro_list ul li { margin: 0; width: 100%; float: left; } .pro_list ul li.height{ height:auto; } .pro_list ul li h2 { background: rgb(21, 152, 84); margin-left: -20px; } .pro_list_2:hover h2 { background: #098545; color: #fff; } .pro_list ul li .pro_list .pro_list_3 img { float: left; display: inline-block; margin-top: 15px; margin-right: 10px; cursor: pointer; } .pro_list ul li .pro_list .pro_list_4 img { float: left; display: inline-block; margin-top: 15px; margin-right: 10px; cursor: pointer; } .pro_list ul ul { transition: all ease .3s; margin-left: -15px;  } .pro_child_5{ padding-left:20px; } .pro_list ul li .pro_list .pro_list_4 a { float: left; width: 85%; float: left; } .pro_list ul ul a { font-family: arial; font-size: 14px; display: inline-block; height: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(240,240,240,1); line-height: 35px; transition: all ease .3s; position: static; width: 90%; float: left; } .pro_list ul ul a:hover { color: #159854; } .pro_list ul:hover ul.pro_child_3 { opacity: 1; visibility: visible; } .pro_list:hover ul.pro_child_2 { } .pro_list_1 { background: #159854; color: #fff; height: 60px; line-height: 40px; } .pro_list_1 h2 { font-size: 20px; text-align: center; line-height: 60px; } .pro_list_2 { background: #159854; color: #fff; height: 40px; margin-top: 1px; line-height: 40px; } .pro_list_2 h2 { font-size: 16px; text-align: center; line-height: 40px; } .pro_list_3 a { font-size: 16px !important; color: #000; } .pro_list_3 a { padding-left: 10px !important; } .pro_list_4 a { } .pro_listimg { display: none; } .pro_listimg img { width: 100%; border: 1px solid #15985459; transition: all 0.5s ease; } .pro_imgchild_2 > .pro_listimg { width: 32%; height: 303px; margin-bottom: 40px; display: inline-block; margin-right: 1%; } .pro_imgchild_2 > .pro_listimg h2 { font-size: 18px; text-align: center; margin-top: 10px; font-weight: normal; display: block; } .current .pro_imgchild_2 > .pro_listimg { display: none; } .current .pro_imgchild_2 > .pro_listimg.current { display: flex; width: 100%; } .pro_listimg.current .w_link { display: none; } .pro_listimg.current .pro_listimg .w_link { display: block; } .pro_imgchild_3 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; } .current .current .pro_imgchild_3 > .pro_listimg { display: block; } .pro_imgchild_2, .pro_imgchild_3, .pro_imgchild_4 { width: 100%; } .current .current .pro_imgchild_3.current > .pro_listimg { display: none; } .current .current .pro_imgchild_3.current > .pro_listimg.current { display: block; width: 100%; } .pro_imgchild_4 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; } .pro_imgchild_3 > .pro_listimg.current .w_link { display: none; } .pro_imgchild_3 > .pro_listimg.current .pro_listimg .w_link { display: block; } .current .current .pro_imgchild_3.current > .pro_listimg.current .pro_listimg { display: block; margin: 5px; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg.current { display: block; width: 100%; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg { display: none; } .pro_imgchild_4 > .pro_listimg.current .w_link { display: none !important; } .pro_imgchild_4 > .pro_listimg.current .pro_listimg .w_link { display: block !important; } .pro_imgchild_5 > .pro_listimg { float: left; width: 31.333%; margin-bottom: 20px; padding-bottom: 20px; display: none; } .current .current .current .current .current .pro_imgchild_5.current > .pro_listimg { display: block; width: 100%; } .current .current .pro_imgchild_3.current > .pro_listimg.current .pro_listimg .pro_listimg { display: none; } .current .current .current .current .pro_imgchild_4.current > .pro_listimg.current .pro_listimg { display: block; } .pro_imgchild_4 > .pro_listimg h2 { margin-top: 20px; font-size: 16px; } .pro_imgchild_4 > .pro_listimg:hover h2 { color: #159854 } .c_product_categoryNew-12001003 .p_MatteIcon .iconfont:before { content: '\e602'; } .pro_child_3 .pro_list{height:40px;overflow: hidden;} .pro_child_3 .pro_list.height{ height:auto !important; }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ 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; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  } #w_rbox-1555322707140{ box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.1); }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{width:1200px;margin:0px auto;}body,#-remove--flag{} #c_breadcrumb_nav-1595580958057{ position:absolute; top:10px; left:359px; z-index:100; width:1180px; height:30px; } body{ overflow-x:hidden } #c_product_categoryNew-15955817615346745 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_product_categoryNew-15955817615346745{ position:absolute; top:504px; left:311px; z-index:100; width:889px; height:601px; } #c_product_categoryNew-1595580958067 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_product_categoryNew-1595580958067{ position:absolute; top:584px; left:0px; z-index:102; width:300px; height:626px; } #w_img-1595580957977 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1595580957977 >div{ animation-fill-mode:both; } #w_hline-1595580957987 .p_HLine{ border-top-color:rgba(255, 255, 255, 1); border-top-style:solid; } #w_hline-1595580957987 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1595580957987 >div{ animation-fill-mode:both; } #w_wbox-1595580957997 .p_wbox{ background-color:rgba(250, 250, 250, 1); } #w_wbox-1595580957997 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1595580957997 >div{ animation-fill-mode:both; } #w_rbox-1595580958007 div.w_rbox>.p_rbox{ background-color:rgba(21, 152, 84, 1); } #w_rbox-1595580958007 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1595580958007 >div{ animation-fill-mode:both; } #w_hline-1595580958017 .p_HLine{ border-top-color:rgba(255, 255, 255, 1); border-top-style:solid; border-top-width:2px; } #w_hline-1595580958017 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1595580958017 >div{ animation-fill-mode:both; } #w_hline-1595580958027 .p_HLine{ border-top-color:rgba(255, 255, 255, 1); border-top-style:solid; border-top-width:2px; } #w_hline-1595580958027 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1595580958027 >div{ animation-fill-mode:both; } #w_img-1595580957977{ position:absolute; top:80px; left:-360px; z-index:104; width:1920px; height:350px; } #w_common_text-1595580958047{ position:absolute; top:203px; left:0px; z-index:106; width:298px; height:42px; } #w_hline-1595580957987{ position:absolute; top:257px; left:3px; z-index:107; width:72px; height:47px; } #w_wbox-1595580957997{ position:absolute; top:430px; left:-199.5px; z-index: -999!important; width:1599px; height:50px; } #w_rbox-1595580958007{ position:absolute; top:504px; left:0px; z-index:105; width:300px; height:80px; } #w_common_text-1595580958052{ position:absolute; top:27px; left:0px; z-index:1; width:300px; height:31px; } #w_hline-1595580958017{ position:absolute; top:43px; left:214px; z-index:2; width:20px; height:13px; } #w_hline-1595580958027{ position:absolute; top:43px; left:70px; z-index:3; width:20px; height:13px; }