/*初始化111*/ html,body{ margin: 0; padding: 0; } .pagebox{position:relative;width:100%; margin:0px auto; }#c_product_detail-15409770453759075 .e_RelationBtn .font { display: table-cell; vertical-align: middle; width: inherit; height: inherit; color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: left; } #c_product_detail-15409770453759075 .iconfont { display: inline; color: inherit; height: 100%; color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; text-decoration: none; font-weight: normal; display: none; text-decoration: none; font-size: inherit; font-family: "Microsoft Yahei"; font-weight: normal; text-decoration: none; } #c_news_list-15412333597381531 .p_assist { float: none; display: block; width: 80px; margin-top: 0px; /* height: 80px; */ border-radius: 50px; border: 1px solid #333; margin-left: 0px; } #w_common_text-1541036508402 span:hover{ color: #e51e17; transition:all 2s; } #w_common_text-1541227996965 span:hover{ color: #e51e17; transition:all 2s; } #w_common_text-1541228208185 span:hover{ color: #e51e17; transition:all 2s; } #w_common_text-1541228287785 span:hover{ color: #e51e17; transition:all 2s; } #w_img-1541036508147 { position: absolute; top: auto !important; left: 1506px; z-index: 10; width: 368px; bottom: 0px !important; height: 74px; } #w_img-1541036507987 { position: absolute; top: 464.5px; left: auto !important; z-index: 112; right: 0px !important; width: 34px; height: 54px; } #w_img-1541036508017 { position: absolute; top: 415px; left: auto !important; z-index: 111; width: 42px; right: 0px !important; height: 34px; } body{ overflow-x: hidden !important; position: relative !important; } #w_img-1541041354702 { position: absolute; top: -160px !important; left: auto !important; z-index: 121; right: -160px !important; width: 316px; height: 334px; } #w_img-1541040867642 { position: absolute; top: auto !important; left: 0px !important; z-index: 120; width: 205px; bottom: 0px !important; height: 426px; } #w_img-1540915601292 { position: absolute; top: 0px; left: 0px !important; width: 100% !important; height:100% !important; } #w_img-1540906257713 { position: absolute; top: 0px; left: 0px !important; width: 100% !important; height:100% !important; } #w_img-1540954954486 { position: absolute; top: 0px; left: auto !important; z-index: 100; width: 1920px; height: 480px; } #w_common_text-1540948828576 span { font-size: 12px; line-height: 50px; } #w_common_text-1540948684274 span { font-size: 12px; line-height: 32px; } #w_rbox-1540948301908 div.w_rbox>.p_rbox { background-color: rgba(217, 217, 217, 1); border-radius: 50% !important; } #w_rbox-1540948221459 div.w_rbox>.p_rbox { background-color: rgba(217, 217, 217, 1); border-radius: 50% !important; } #w_sfbox-1541036507877 .p_bgBox { table-layout: fixed; width: 100%; animation: pulse 12s infinite 2s; -webkit-animation: pulse 12s infinite 2s; } #w_sfbox-1540737093760 .p_bgBox { animation: pulse 12s infinite 2s; -webkit-animation: pulse 12s infinite 2s; } #w_img-1541036507937{ position: absolute; top: 354.5px; left: auto !important; right: 130px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540911400000{ position: absolute; top: 354.5px; left: auto !important; right: 195px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540911375628{ position: absolute; top: 354.5px; left: auto !important; right: 155px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540911321433{ position: absolute; top: 354.5px; left: auto !important; right: 65px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540911297661{ position: absolute; top: 354.5px; left: auto !important; right: 15px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540911263415{ position: absolute; top: 354.5px; left: auto !important; right: 10px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540911221016{ position: absolute; top: 354.5px; left: auto !important; right: 0px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540911181725 { position: absolute; top: 415px; position: absolute; top: 354.5px; left: auto !important; right: 30px !important; z-index: 109; width: 38px; height: 36px; z-index: 111; width: 42px; height: 34px; } #w_img-1541036507967 { position: absolute; top: 354.5px; left: auto !important; right: 0px !important; z-index: 109; width: 38px; height: 36px; } #w_img-1540905856873 { position: absolute; top: 0px; left: 0px !important; width: 100% !important; height: 100% !important; } #w_img-1540915097863 { position: absolute; top: 0px; left: 0px !important; width: 100% !important; height:100% !important; } #w_img-1540915164240 { position: absolute; top: 0px; left: 0px !important; width: 100% !important; height:100% !important; } #w_img-1540915334351 { position: absolute; top: 0px; left: 0px !important; width: 100% !important; height:100% !important; } /*翻页*/ .e_pagebox { width: auto; height: auto; clear: both; position: relative } .p_page{ float: right; right: 30px; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } /*左翻页*/ .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_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; margin:0 5px 0 18px; 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; padding-right: 20px; padding-left: 20px; } .p_page .pre:hover { 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); cursor: pointer } .p_page .pre:active { background-color: rgba(90, 170, 167, 1) } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content: ""; margin-right: 5px } /*右翻页*/ .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 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_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #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_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; 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; padding-right: 20px; padding-left: 20px; } .p_page .next:hover { 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); cursor: pointer } .p_page .next:active { background-color: rgba(90, 170, 167, 1) } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px } /*翻页数字*/ .p_page .pageNum { position: relative; float: left; height: 30px; width: 30px; margin:0 5px 0 0; background-size: 100% 100%; color: rgba(102, 102, 102, 1); border:0 solid rgba(255, 255, 255, 0); cursor: pointer; line-height: 30px; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: rgba(242, 242, 242, 1); text-align: center; } .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; background-color: rgba(101, 190, 186, 1) } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1) } .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1) } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content: "" } /*翻页省略*/ .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } /*占位容器*/ .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden } /* 跑马灯 start */ .p_CommonInteraction{ 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; } .p_CommonLanternBox{ position: relative; 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; } .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size: 45px; color: #e5e5e5; transform: translate(-50%,-50%); } .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; display: inline-block; } .p_CommonSwitchBtnA:hover{ cursor:pointer; color:rgba(105,192,188,1); } .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; display: inline-block; vertical-align: middle; cursor: pointer; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; vertical-align: middle; cursor: pointer; } .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; display: inline-block; } .p_CommonSwitchBtnB:hover { color: rgba(105, 192, 188, 1); cursor: pointer } .d_CommonInteractionA{ left: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .d_CommonInteractionB{ right: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } /*方形图片组符*/ .p_CommonSummaryBoxA { margin: 0 0 20px; width: auto; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; text-align:center; } .p_CommonThumbnailBox { 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 } .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; margin: 0 8px; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer } .p_CommonSquareNumBtn img { display: none } .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle } .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } .p_CommonSquareNumBtn.j-nav-active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } /* 跑马灯 end */ /* 显示拖动条 */ .p_scroll { width: 100%; height: auto; position: relative } .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color: #AAA; cursor: pointer } .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8) } .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1) } /* 滚动加载 */ .p_more { position: static; width: 100%; margin: 0 auto; text-align: center; padding-right: 20px; padding-left: 20px; height: 70px; background-color: #F6F7F8; position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 18px } .p_more:active { background-color: #F6F7F8 } .p_more .font { vertical-align: middle; text-align: inherit; line-height: 70px; } .p_more .iconfont { display: inline; vertical-align: middle; font-style: normal } .p_more .iconfont:before { content: "\e6d1" } .p_page .pre { margin-left: 0!important } .p_page .pre:hover { border-color: #1d1c1d !important; background-color: #1d1c1d !important } .p_page .pre:hover .font { color: #fff!important } .p_page .pre:active { background-color: #1d1c1d !important } .p_page .next { color: #fff !important; background-color: #333 !important; } .p_page .next:hover { background-color: #1d1c1d !important; color: #fff!important } .p_page .next:hover .font { color: #fff!important } .p_page .next:active { background-color: #1d1c1d !important } .p_page .pageNum.active { background-color: #1d1c1d !important } .p_OccupyBox { text-align: center } .p_page { margin-top: 30px !important; display: inline-block !important; float: none!important; margin-right: 0 !important; margin-bottom: 10px !important } .p_page .pageNum:hover { background-color: #1d1c1d !important } .p_page .pageNum:active { background-color: #1d1c1d !important } .slideBox{ width:100%; height:100%; overflow:hidden; position:relative;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:0; bottom:5px; z-index:1; width:100% } .slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center } .slideBox .hd ul li{ display:inline-block; margin:0 2px; width:15px; height:5px; text-align:center; background:#fff; cursor:pointer; overflow: hidden; text-indent:-999px} .slideBox .hd ul li.on{ background:#f00; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:100%; height:100%; display:block; margin: 0} /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; }