/*e_ContentMajorStyleBox-001*/ .e_ContentMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ /*stylebox_link*/ .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-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_ContentMajorStyleBox-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; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_product_list-38002{position:absolute; width:31.66%; overflow:hidden;} #main_xuanzhuan{ margin:10px auto; display:table;} #main_xuanzhuan ul{list-style:none;} 
#main_xuanzhuan>ul>li{float:left;position:relative;margin: 0 0.8366%;cursor:pointer;margin-bottom: 30px;height: auto;overflow: hidden;width: 22.4%;}
#main_xuanzhuan>ul>li img{width: 100%;height: auto;transition: transform 1s;} 
#main_xuanzhuan>ul>li:hover span img { transform: scale(1.15); } #main_xuanzhuan>ul>li .pinpai{position:absolute;z-index:999999; right:5px; top:5px; transition:all 1s;} #main_xuanzhuan>ul>li:hover .pinpai{position:absolute; right:5px; top:5px; transition:all 1s;} #main_xuanzhuan>ul>li span{/* border:10px solid #d2d2d2; *//* -webkit-transition:0.5s ease; */-moz-transition:0.5s ease;background: url(/img/logobg.png) no-repeat center 95px #e9e9e9;display:block;} 
#main_xuanzhuan .info{ color: #58595b; background: #d2d2d2; width: 400px; height: 45px; line-height: 45px; font-size: 14px !important; margin: 0 auto; position: absolute !important; bottom: -0px; transition: all 1s; left: 50%; margin-left: -200px; } #main_xuanzhuan .info h2{transition:all 1s;text-align:center;line-height:26px;font-weight:normal;margin-top:0;/* margin-top:5px; */color: #58595b;font-size: 17px;line-height:45px;} #main_xuanzhuan .info p{padding:0 20px;font-size:12px; height:32px; overflow:hidden; text-align:center;} #main_xuanzhuan .info a{display:block;/* width:100px; *//* height:20px; *//* background:#58595b; */color:#FFF;/* border-radius:5px; */text-decoration:none;text-align:center;line-height:20px;/* margin:10px auto; */font-size:12px;font-family: Montserrat, "Open Sans", Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;} #main_xuanzhuan>ul>li:hover .info{-webkit-transform:rotatey(0deg);-moz-transform:rotatey(0deg);right:40px; } #main_xuanzhuan>ul>li:hover span{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg); } #main_xuanzhuan li:hover .info h2{color:#f1f1f1; background: #339966;} .p_OccupyBox{padding-top:20px;padding-bottom:20px;overflow:hidden;width: 1260px;margin: 0 auto;} .p_OccupyBox .p_page .pre{display:inline-table;float:left;/* margin-left:18px; */margin-right: 0;height:30px;color:rgba(102, 102, 102, 1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(242, 242, 242, 1);text-align:center;padding-top:0;position:relative;left:0;width: 45px;top:0;} .p_O ccupyBox .p_page .pageNum{display:table;position:relative;float:left;line-height:30px;background-size:100% 100%;color:rgba(102, 102, 102, 1);cursor:pointer;font-family:inherit;font-size:14px;font-weight:inherit;height:30px;text-decoration:none;width:30px;border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(242, 242, 242, 1);text-align:center;} .p_OccupyBox .p_page .next{display:inline-table;float:left;height: 45px;color:rgba(255, 255, 255, 1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(101, 190, 186, 1);text-align:center;padding-top:0;position:relative;left:0;top:0;} .p_OccupyBox .p_page .PageInterval{display:inline-block;position:static;float:left;margin-right:5px;line-height:30px; font-size:12px;cursor:text; color:rgba(102,102,102,1); } .p_OccupyBox .p_page .p_PageInterval{display:inline-block;position:static;float:left;margin-right:5px;line-height:30px; font-size:12px;cursor:text; color:rgba(102,102,102,1); } .p_page{margin:0 auto;} .p_OccupyBox .p_page .pre:after{content:""; display:none; position:absolute; top:5px; left:-14px; width:27px; height:27px; background-color:rgba(242, 242, 242, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_OccupyBox .p_page .pre:hover:after{top:4px; left:-12px; color:#533f34; background-color: #e2ddd7; border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_OccupyBox .p_page .pre:active:after {top:8px; left:-12px; width:28px; height:25px; color:#533f34; background-color: #e2ddd7; border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -o-transform:rotate(-226deg); -ms-transform:rotate(-226deg); transform:rotate(-226deg); z-index:-1; } .p_OccupyBox .p_page .pre{ height: 60px; color: #fff; border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color: #58595b; text-align:center; padding-top:0; position:relative; left:0; top:0; transition: all 1s; width: 630px; /* margin-right: 20px; */ } .p_OccupyBox .p_page .pre:hover{ border-width:0; border-style:solid; border-color:rgba(255,255,255,0); color:#533f34; background-color: #f1f1f1; cursor:pointer; } .p_OccupyBox .p_page .pre:active{color:#533f34; background-color: #f1f1f1; } .p_OccupyBox .p_page .pre .font{display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_OccupyBox .p_page .pre:hover .iconfont{color:#533f34; background-color: #f1f1f1; } .p_OccupyBox .p_page .pre:active .iconfont{color:#533f34; background-color: #f1f1f1; } .p_OccupyBox .p_page .pre .iconfont:before{content:"";/* margin-right:5px; */} .p_OccupyBox .p_page .next:after{content:""; display:none; position:absolute; top:5px; right:-14px; width:27px; height:27px; color:#533f34; background-color: #f1f1f1; font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_OccupyBox .p_page .next:hover:after{top:5px; right:-12px; color:#533f34; background-color: #f1f1f1; border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); z-index:-1; width:26px; height:26px; } .p_OccupyBox .p_page .next:active:after {top:8px; right:-12px; width:27px; height:24px; color:#533f34; background-color: #f1f1f1; border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(226deg); -moz-transform:rotate(226deg); -o-transform:rotate(226deg); -ms-transform:rotate(226deg); transform:rotate(226deg); z-index:-1; } .p_OccupyBox .p_page .next{ height: 60px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color: rgb(74, 76, 79); text-align:center; padding-top:0; position:relative; transition:all 1s; left:0; top:0; width: 630px; } .p_OccupyBox .p_page .next:hover{ border-width:0; border-style:solid; border-color:rgba(255,255,255,0); color:#533f34; background-color:#f1f1f1; cursor:pointer; } .p_OccupyBox .p_page .next:active{color:#533f34; background-color:#f1f1f1; } .p_OccupyBox .p_page .next .font{display:table-cell;vertical-align:middle;bottom:0;font-size:12px;} .p_OccupyBox .p_page .next:hover .iconfont{color:#533f34; background-color:#f1f1f1; } .p_OccupyBox .p_page .next:active .iconfont{color:#533f34; background-color:#f1f1f1; } .p_OccupyBox .p_page .next .iconfont:before{content:"";/* margin-top:3px; *//* float:right; *//* margin-left:5px; */} .p_OccupyBox .p_page .pageNum { position:relative; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; position: absolute; text-decoration: none; width: inherit; } .p_OccupyBox .p_page .pageNum{ height: 45px; margin: 0 10px; display: none; width: 45px; color:rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; position:relative; line-height: 45px; } .p_OccupyBox .p_page .pageNum:hover{color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); cursor:pointer; text-decoration:none; color:#533f34; background-color: #e2ddd7; } .p_OccupyBox .p_page .pageNum:active {text-decoration:none; color:#533f34; background-color: #e2ddd7; } .p_OccupyBox .p_page .pageNum.active {text-decoration:none;background-color: #e2ddd7;color: #533f34;} .p_OccupyBox .p_page .pageNum .font{display:table-cell; vertical-align:middle; bottom:0; } .p_OccupyBox .p_page .pageNum .iconfont{display:inline; color:rgba(255,255,255,1); vertical-align:middle; } .p_OccupyBox .p_page .pageNum:hover .iconfont{color:rgba(255,255,255,1); } .p_OccupyBox .p_page .pageNum:active .iconfont{color:rgba(255,255,255,1); } .p_OccupyBox .p_page .pageNum .iconfont:before{content:""; } .p_OccupyBox .p_page .PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); display: none; } .p_OccupyBox .p_page .p_PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); display: none; }.p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.p_CommonSummaryBoxA {text-align:center; }.p_MatteIcon .iconfont:before{content:'\e602'; }.p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-38002 .p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_product_list-38002 .p_CommonSummaryBoxA {text-align:center; }.c_product_list-38002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_product_list-38002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-38002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.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; width:100%; height:120px; } #content_box-1519227613895,#content_box-1521095303026{ border-bottom:1px solid #f1f1f1; }.c_public_htmlCode-01001001{ position:absolute; width:300px; height:390px; } .ryname { z-index: -1; position: absolute; text-align: center; line-height: 35px; text-transform: uppercase; width: 26px; font-family: arial; height: 0; color: #fff; margin-left: -13px; font-size: 12px; overflow: hidden; top: 3px; left: 50%; transition: all 500ms; } .rypic-hover .rypic { opacity: 1 } .ryname-hover .ryname { height: 26px; top: -36px } .active .ryname { height: 26px; top: -36px } ul.fenlei { width: 750px; margin-left: 0 auto!important; left: 0%; padding-top: 0px; position: absolute; } .true{width: 750px;}
	



li.f2{ display: block;padding:0 10px; height:35px; line-height:35px; float:left; border-radius:10px; position: relative; /* overflow:hidden; */ width: 130px; } ul.fenlei li.f2.active a { height: 32px; line-height: 32px; display: block; background: #58595b; color: #fff; border:1px solid #58595b; text-align: center; } ul.fenlei li.f2 a:hover { /* width: 128px; */ height: 35px; line-height: 35px; display: block; background: #339966; color: #fff; border:1px solid #339966; text-align: center; } ul.fenlei li.f2 a { border: 1px solid #e1e0e0; height: 35px; line-height: 35px; display: block; color: #58595b; text-align: center; transition: all 500ms; background: #fff; font-size: 16px; }.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: 12PX; color: #58595b; 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: 12PX; color: #ccc; } .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; color: #58595b; } .c_breadcrumb_nav-02001 .p_breadcrumb>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid #f1f1f1; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font:hover{ text-decoration: none; } .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 #58595b; 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:#58595b; 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:#58595b; 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: 12PX; color: #58595b; } .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 #58595b; 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: #ccc; 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: #ccc; } .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; font-size: 12PX; color: #58595b; } .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: none; } .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 #58595b; 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 #58595b; 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: #58595b; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 12px; font-weight: normal; font-size: 12px; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: none; 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; color: #58595b; font-size: 12px; } .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; } .iconfont { font-family: iconfont!important; font-size: 12px !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; }@CHARSET "UTF-8";/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/#c_public_htmlCode-1521450369637{ position:absolute;top:65px; left:33%;margin: 0 auto!important;z-index:102; width:62.5%; height:37px; }#c_breadcrumb_nav-1521450369632 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_breadcrumb_nav-1521450369632 >div{animation-fill-mode:both; }#c_breadcrumb_nav-1521450369632 .p_breadcrumbFirst .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; content:'\e6b3'; }#c_breadcrumb_nav-1521450369632 .p_end .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_breadcrumb_nav-1521450369632{ position:absolute; top:10px; left:354px; z-index:1; width:1200px; height:30px; }#c_product_list-1521450369642 .p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_product_list-1521450369642 .p_CommonSummaryBoxA {text-align:center; }#c_product_list-1521450369642 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_product_list-1521450369642 >div{animation-fill-mode:both; }#c_product_list-1521450369642 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_product_list-1521450369642 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_product_list-1521450369642{ position:absolute; top:0px; left:0%; z-index:100; width:100%;  }
#main_xuanzhuan{ position: relative;top:120px; left:0%; z-index:100; width:67.6%;  }
#w_wbox-1521450369622 .p_wbox{background-color:rgba(241, 241, 241, 1); }#w_wbox-1521450369622 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_wbox-1521450369622 >div{animation-fill-mode:both; }#w_wbox-1521450369622{ position:absolute; top:110px; left:-354px; z-index:103; width:1908px; height:50px; }


@media only screen and (max-width: 1705px){
	
	iframe{
		position: relative;
		left: -150px;
	}
	
	
	
	
}

@media only screen and (max-width: 1200px){
	
	iframe{
		position: relative;
		left: -100px;
	}
	
	
	
	
}


@media only screen and (max-width: 900px){
	
	iframe{
		position: relative;
		left: -80px;
	}
	
	
	
	
}

@media only screen and (max-width: 680px){
	
	iframe{
		position: relative;
		left: -60px;
	}
	
	
	
	
}

@media only screen and (max-width: 1335px){
	
	iframe{
		position: relative;
		left: -60px;
	}
	
	
	
	
}
@media only screen and (max-width: 550px){
	
	iframe{
		position: relative;
		left: -40px;
	}
	
	
	
	
}
@media only screen and (max-width: 1700px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:30%;
}
}

@media only screen and (max-width: 1480px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:27%;
}
}

@media only screen and (max-width: 1440px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:25.5%;
}
	#main_xuanzhuan{
		width: 88%;
	}
	.duan{
		width: 88%!important;
	}
	.tupian{
		width: 88%!important;
	}
}

@media only screen and (max-width: 1230px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:22.8%;
}
	#main_xuanzhuan{
		width: 88%;
	}
	
	
}

@media only screen and (max-width: 1100px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:19%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.duan{
		width: 95%!important;
	}
	.tupian{
		width: 95%!important;
	}
}

@media only screen and (max-width: 1024px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:16%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -0px;
	}
	
}

@media only screen and (max-width: 950px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:16%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	
}
@media only screen and (max-width: 850px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:12%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	
}

@media only screen and (max-width: 750px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:5%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	#main_xuanzhuan>ul>li{
		width: 48%;
	}
}

@media only screen and (max-width: 740px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:5%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -40px!important;
	}
	#main_xuanzhuan>ul>li{
		width: 48%;
	}
}

@media only screen and (max-width:900px){
	#main_xuanzhuan{
		
		
		margin-left: 17px;
	}
	
}
@media only screen and (max-width:750px){
	.met-index-news{
		margin-top: 900px!important;
	}
	#main_xuanzhuan{
		
		
		margin-left: 0px;
	}
	
}
@media only screen and (max-width: 680px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:1.5%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	#main_xuanzhuan>ul>li{
		width: 48%;
	}
	.met-index-news{
		margin-top: 800px!important;
	}
	
}

@media only screen and (max-width: 650px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:6%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	#main_xuanzhuan>ul>li{
		width: 48%;
	}
	ul.fenlei li.f2{width: 110px;}
	
	.duan h5{
		font-size: 20px!important;
	}
	.duan h3{
		font-size: 26px!important;
	}
	.duan p{
		font-size: 16px!important;
	}
}


@media only screen and (max-width: 600px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:3%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	#main_xuanzhuan>ul>li{
		width: 48%;
	}
	ul.fenlei li.f2{width: 110px;}
}


@media only screen and (max-width: 560px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:0%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	#main_xuanzhuan>ul>li{
		width: 48%;
	}
	ul.fenlei li.f2{width: 110px;}
}

@media only screen and (max-width: 520px){
#c_public_htmlCode-1521450369637{
	position:absolute;top:65px; left:-2%;
}
	#main_xuanzhuan{
		width: 95%;
	}
	.ban img{
		margin-top: -100px;
	}
	#main_xuanzhuan>ul>li{
		width: 48%;
	}
	ul.fenlei li.f2{width: 105px;}
	ul.fenlei li.f2{
		padding: 0 2px;
	}
	
}
@media only screen and (max-width: 500px){
	#c_public_htmlCode-1521450369637{
		display: none;
	}
	#c_product_list-1521450369642{
		top:-60px!important;
	}
	.tupian{
		position: relative;
		top:110px!important;
	}
	
	.met-index-news{
		margin-top: 550px!important;
	}
	#main_xuanzhuan{
		
		margin-top: 60px;
		margin-left: 0px;
	
	
}
}
@media only screen and (max-width: 420px){
	#c_public_htmlCode-1521450369637{
		display: none;
	}
	#c_product_list-1521450369642{
		top:-60px!important;
	}	
	#main_xuanzhuan .info h2{
		font-size: 14px!important;
		line-height: 30px!important;
	}
	#main_xuanzhuan .info{
		
	height: 30px!important;
	}
	
	.foot1{
		top:150px!important;
	}
	
	.foot1 .yejiao2 img{
		display: none;
	}
	.foot1 .yejiao2{
		position: relative;
		left: 70px;
	}
	
	
	.tupian{
		position: relative;
		top:75px!important;
	}
	
	
	
	
	
	
	
	
}
@media only screen and (max-width: 414px){
	.met-index-news{
		margin-top: 480px!important;
	}
	#main_xuanzhuan{
		
		
		margin-left: -10px;
	}
	
}
@media only screen and (max-width: 375px){
	#c_public_htmlCode-1521450369637{
		display: none;
	}
	#c_product_list-1521450369642{
		top:-60px!important;
	}
	.met-index-news{
		margin-top: 440px!important;
	}
	#main_xuanzhuan{
		
		
		margin-left: -12px;
	}
	#main_xuanzhuan .info h2{
		font-size: 14px!important;
		line-height: 30px!important;
	}
	#main_xuanzhuan .info{
		
	height: 30px!important;
	}
	
	.foot1{
		top:150px!important;
	}
	
	.foot1 .yejiao2 img{
		display: none;
	}
	.foot1 .yejiao2{
		position: relative;
		left: 50px!important;
	}}
/*初始化111*/ html,body{margin: 0;padding: 0;background-color:rgba(255, 255, 255, 1); background-image:; background-repeat:; background-position:; } .pagebox{position:relative;background-color:rgba(255, 255, 255, 1);background-image:;background-repeat:;background-position:;width:1200px; margin:0px auto; }.e_ContentOrdinaryStyleBox-001{ opacity:1 !important; } .e_ContentOrdinaryStyleBox-001 .stylebox_content { height: 0% !important; width: 100%; border-style: solid; border-color: #fff; border-width: 0; width-uint: %; border: none; } img { vertical-align: top!important; border: none; } .e_ContentOrdinaryStyleBox-001 .title_main { vertical-align: middle; line-height: 40px; color: #333 !important; max-width: 600px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-weight: normal; } ::-webkit-scrollbar-track-piece { width:5px; background-color:#f8f8f8 } ::-webkit-scrollbar { width:5px; background-color:#ccc } ::-webkit-scrollbar-thumb { width:5px; background-color:#aeaeae } ::-webkit-scrollbar-thumb:hover { width:5px; background-color:#ccc } body{overflow-x:hidden;} .reset_style a { text-decoration: none !important; color:#444 !important; } .about-content{width: 900px !important; margin: 0 auto !important;} .e_IndexMajorStyleBox-001 .title_main { vertical-align: middle; line-height: 40px; max-width: 600px; color: #444 !important; text-overflow: ellipsis; overflow: hidden; font-size: 16px; white-space: nowrap; display: inline-block; font-weight: normal; }.e_IndexMajorStyleBox-001 .stylebox_top { height: 45px !important; width: auto; background-color: rgba(255, 255, 255, 1); width-and-width-uint: auto; height-and-height-uint: 40px; } .e_ContentMajorStyleBox-001 .stylebox_content { height: calc(100% - 48px); width: 100%; border-style: solid; border-color: #f0f0f0; border-width: 0 !important; width-uint: %; } .e_ContentMajorStyleBox-001 .stylebox_top { height: 45px !important; width: auto; background-color: rgba(255, 255, 255, 1); width-and-width-uint: auto; height-and-height-uint: 40px; } .e_IndexMajorStyleBox-001 .stylebox_content { height: calc(100% - 48px); width: 100%; border-style: solid; border-color: #f0f0f0; border-width: 0; width-uint: %; } .e_IndexMajorStyleBox-001 .title_icon { vertical-align: middle; margin-right: 10px; line-height: 40px; color: #444 !important; font-size: medium; display: inline-block; } .e_ContentMajorStyleBox-001 .title_icon { vertical-align: middle; line-height: 40px; margin-right: 10px; color: #444 !important; font-size: medium; display: inline-block; } .e_ContentMajorStyleBox-001 .title_main { vertical-align: middle; line-height: 40px; color: #444 !important; max-width: 600px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-weight: normal; } .e_ContentMajorStyleBox-001 .stylebox_top { height: 40px; width: auto; background-color: #fff; } .e_ContentMajorStyleBox-001 .stylebox_title { padding-left: 0; padding-right: 0; vertical-align: bottom; height: inherit; height-and-height-uint: inherit; width-and-width-uint: auto; width: auto; font-size: 0px; background-color: rgba(255, 255, 255, 1); white-space: nowrap; display: inline-block; color: rgba(0, 0, 0, 1); } .e_ContentMajorStyleBox-001 .title_icon { vertical-align: middle; line-height: 40px; margin-right: 10px; color: #444 !important; font-size: medium; display: inline-block; } .e_ContentMajorStyleBox-001 .stylebox_title { padding-left: 0 !important; padding-right: 15px; vertical-align: bottom; height: inherit; height-and-height-uint: inherit; color: rgba(68, 68, 68, 1); width-and-width-uint: auto; width: auto; font-size: 12px; background-color: rgba(255, 255, 255, 1); white-space: nowrap; display: inline-block; font-family: Microsoft YaHei; } .e_ContentMajorStyleBox-001 .stylebox_content { height: calc(100% - 48px); width: 100%; border-style: solid; border-color: #f0f0f0; border-width: 0; width-uint: %; } .e_ContentMajorStyleBox-001 .stylebox_content { height: calc(100% - 48px); width: 100%; border-style: solid; border-color: #f0f0f0; border-width: 0; width-uint: %; } .e_IndexMajorStyleBox-001 .stylebox_title { vertical-align: bottom; padding-right: 15px; padding-left: 0 !important; height: inherit; font-size: 0px; width: auto; white-space: nowrap; background-color: #444; display: inline-block; width-and-width-uint: auto; height-and-height-uint: inherit; } .c_onlineService_categorylay-01001 .p_articles .p_QQ .iconfont:before { content: "\e654"; margin-right: 5px; color: #e40115; } .p3-2-3 a img{ transition: transform 1s;} .p3-2-3 a:hover img { transform: scale(1.1); } .p3-2-4 a img{ transition: transform 1s;} .p3-2-4 a:hover img { transform: scale(1.1); } *{ font-family: 'Quicksand','Microsoft Yahei';}