@charset "utf-8"; /* 描述:响应式主题样式表第151套 作者:wangxb */ /*默认页面主体样式定义*/ body{ color:#000; font-family:Arial, Helvetica, sans-serif; } a{ color:#000;} .w-header .row,.topLogBox .topLogBox-in,.w-main .row,.w-footer-in{ max-width:1200px; margin:0 auto;} .body{font-size:14px; } .body-login,.body-login-special,.body-admin{ padding-top:0;} .col-right{ display:none;} .w-foot-content{ padding-top:15px; padding-bottom:15px;} /*---------------------header-----------------------*/ .w-header,.w-admin-header{ background:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);} .row_top .column{float:left;} .row_top .columnM,.row_top .columnR{ float:right;} .row_top .columnR{position:relative; z-index:10;} .row_top .div-table{width:auto !important;} .w-admin-header .col-logo{float:left;} .w-logo h1{ font-size:32px; padding:0 10px; } .w-logo h1,.w-logo a{color:#000;} .w-nav{ text-align:right;font-size:0; margin-left:30px; padding-top:43px;} .body-login-special .login-navPc .w-admin-nav{ margin:0;} .w-nav .nav_inner > li{ float:left; text-align:center; margin:0 25px;} .w-nav li a{ text-decoration:none;color:#757575;} .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:54px;font-size:15px; color:#424242; display:block; padding:0 1px;} .w-nav li.active > a, .w-nav li.active > .li-parent-div > a,.w-admin-header .w-nav .nav_inner > li.active > a,.w-admin-header .w-nav .nav_inner > li.active > .li-parent-div > a{ font-weight:bold; } .w-nav .nav_inner > li > .submenu{ top:54px; left:-20px;} .w-nav .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{ display:none;} .w-nav .submenu a{ font-size:14px; text-align:left;color:#757575; } .topLogBox,.topLogBox a{ font-size:12px;color:#666;} .topLogBox a{ margin:0 6px; text-decoration:none; } .topLogBox a:hover{ text-decoration:underline;} .w-loginRegister,.w-shopCart{ margin-top:6px;float:right; margin-bottom:6px;} .w-languege{ margin-top:6px;float:right; margin-bottom:6px; } .w-shopCart i{ background:url(../images/shopCart.png) no-repeat center; width:19px; height:19px; vertical-align:middle; display:inline-block; *zoom:1; margin-right:2px;} .topLogBox .w-search{ position:relative;margin-top:3px; margin-bottom:2px; overflow:hidden; float:right; } .topLogBox .w-search .input-search-w{ background:none;width:175px; *width:140px; height:26px; line-height:26px; padding: 0 30px 0 5px; border:1px solid #999; } .topLogBox .w-search .search-btn-w{ position:absolute;width:30px; right:0; top:0; bottom:0; background:url(../images/header_search.png) no-repeat center #606060; cursor:pointer;} .topLogBox .w-search .search-btn-w span{ display:none;} .nav_right_mask{display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:5; background:#000;opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);} .w-custom{ padding:5px 0;} /*-----------------------banner------------------*/ .bx-wrapper .bx-prev,.bx-wrapper .bx-next{ width:50px !important; height:50px !important; margin-top:-25px !important; background-image:url("../images/bxSlide1.png") !important; background-color:#ccc !important; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; background-size:auto !important;visibility:hidden;} .bx-wrapper:hover .bx-prev,.bx-wrapper:hover .bx-next{ visibility:visible;} .bx-wrapper .bx-prev{ background-position:0 0 !important; left:-20px !important; } .bx-wrapper .bx-next{background-position:-50px -50px !important; right:-20px !important;} .bx-wrapper:hover .bx-prev{left:20px !important; } .bx-wrapper:hover .bx-next{right:20px !important;} .bx-wrapper .bx-prev:hover{background-position:-50px 0 !important; border:0; } .bx-wrapper .bx-next:hover{background-position:0 -50px !important;border:0; } .banner .bx-controls-direction{ display:none;} .banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{ width:40px !important; height:40px !important; margin-top:-20px !important;background-image:url("../images/bxSlide.png") !important;background-color:rgba(255,255,255,0.8) !important; border:0;} .banner .bx-wrapper .bx-next{background-position:-40px -40px !important; } .banner .bx-wrapper .bx-prev:hover{background-position:-40px 0 !important; } .banner .bx-wrapper .bx-next:hover{background-position:0 -40px !important; } .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width:16px; height:16px;margin:0 5px; text-align:center;} .bx-wrapper .bx-pager.bx-default-pager a{ box-sizing:content-box; vertical-align:middle; margin:0 5px;background:rgba(0,0,0,0.2) !important; height:6px !important; width:6px !important; opacity:1 !important; *filter:alpha(opacity=100) !important; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; border-radius:8px !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff !important; margin:0; border:5px solid #BDC2C2;} .banner .bx-wrapper .bx-pager.bx-default-pager a{height:6px !important; width:6px !important; background-color:#fff !important;background-color:rgba(255,255,255,0.5) !important; } .banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ border:2px solid #fff; height:6px !important; width:6px !important; background:none !important; margin:0 auto;} /*---------------footer------------------*/ .w-footer{ background:#EDEDED; color:#686868;} .w-footer a{ color:#424242;} .w-footer a:hover{ color:#000;} /*----------------------------组件-----------------------*/ .col-table{ margin:0 -5px;} .div-table .td-w .div-padding{ padding:0 5px;} .col-table .col-table{ margin:0 -5px;} .div-table .div-table .td-w .div-padding{padding:0 5px;} .w-text{line-height:1.7;} .btn-default-w{ padding:0 2.2em; font-size:90%; line-height:47px; text-align:center; color:#555; border:1px solid #7D7D7D;} .btn-default-w:hover,.btn-default-w:focus, .btn-global-w:hover,.btn-global-w:focus{ transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s; } .w-social .social-item{ padding:3px; line-height:1; margin-right:5px; margin-left:5px; background-color:#2B4788;} .icon-social{background-image:url('../images/icon-social-wH.png');} .w-social .social-item:nth-child(5n+2){background-color:#F54335;} .w-social .social-item:nth-child(5n+3){background-color:#007BB7;} .w-social .social-item:nth-child(5n+4){background-color:#28ABE3;} .w-social .social-item:nth-child(5n){background-color:#EA2830;} .w-social .social-item:hover .icon-social{background-image:url('../images/icon-social-wH.png');} .w-header-common .w-social .social-item{border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; background-color:#BFBFBF; margin-bottom:0;} .w-searchbox .search-defaut-w{ min-width:210px;} .search-defaut-w{ max-width:100%;} .search-defaut-w .search-btn-w{ top:1px; right:1px; bottom:1px;background-color:#fff; background-image:url(../images/icon_search.png);} .search-defaut-w .search-btn-w:hover{background-color:#fff;} .w-header-common .search-defaut-w .input-search-w{ height:2.3em; line-height:2.3; border-radius:1.3em; -webkit-border-radius:1.3em; font-size:12px; } .w-header-common .search-defaut-w .search-btn-w{border-radius:1.3em; -webkit-border-radius:1.3em;} .w-service-fixed{ right:3px; margin-bottom:73px; bottom:0;} .w-lantern-h .w-lantern-in{padding:0 25px;} .w-lantern-h .lantern_pre{ background:url(../images/slide_l.png) no-repeat center; width:25px; background-size:contain;} .w-lantern-h .lantern_next{background:url(../images/slide_r.png) no-repeat center;width:25px; background-size:contain;} .prd_pageState span{ background:#ddd;} .w-form-filebox .w-form-file-upload .btn-default-w{ min-width:0; line-height:2.8;} .w-form-submit .w-buttom .btn-default-w{ background:#434343; color:#fff; border:0; text-align:center; padding:0.6em 1em; font-size:18px; min-width:12.5em;} .w-text-form, .w-textarea-form,.w-form-area select{ background-color:#F9F9F9; border-color:#E5E5E5; padding:0.7em 10px; } .w-select-box{background:#F9F9F9; height:38px;} .w-select-dl .w-select-dt{ height:38px; line-height:38px;} .w-form .w-label-form{ font-weight:normal;} .w-form-code .w-text-form{border:1px solid #CCCCCC; border-color:rgba(0,0,0,0.2); padding-left:10px; padding-right:10px;} .caption .more4 i{ background-image:url(../images/icon_imgsearch.png);} .w-simImg.captionbgFadeInDefault .img{ overflow:hidden;} .w-simImg.captionbgFadeInDefault img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-simImg.captionbgFadeInDefault a:hover img{transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1);} .w-simImg.captionbgFadeInDefault .caption .captionbg{ opacity:0.6; bottom:0;} .w-simImg.captionbgFadeInDefault .caption h3{ padding:0.8em 6px; opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} /*title*/ .color_vice{ color:#999;} .w-title{ margin-top:0; margin-bottom:15px;} .w-title .title-h-in > span{font-family:Arial, Helvetica, sans-serif;} .w-title1,.w-title1 h2,.w-title16,.w-title16 h2{ line-height:1.5;} .w-title1 h2,.w-title16 h2{ font-size:36px;} .w-title1 .title-h-in > span,.w-title16 .title-h-in > span{ font-size:90%;} .w-title2{ background:none; border-bottom:1px solid #EEEEEE;} .w-title2 h2{ font-size:26px;} .w-title4 h2{padding-top: 0.55em; padding-bottom: 0.55em;} .w-title17 .more{background: none;} .w-title20 .tith span{ font-size:24px;} .w-title20 h2{ font-size:89%; color:#999;} /*--------------------系统------------------------*/ .crumbs{ line-height:1.5; padding:0 0 0.8em; border-bottom:1px dashed #DADADA; background:none; } .w-pages{ text-align:center; margin-left:0; margin-right:0; padding-bottom:70px;} .w-pages a{border:1px solid #E2E2E2; border-radius:4px; margin:0 0.2em 0.5em; -webkit-border-radius:4px; color:#434343; padding:0 0.5em; height:2.5em; line-height:2.5em; min-width:1.6em; box-sizing:content-box; text-align:center;} .w-pages a.disabled,.w-pages a.disabled:hover{color:#999; background:none; display:none;} /*-----------------------------产品----------------------*/ .w-prd-list-cell .w-prd-infobox h2{ margin-bottom:0.3em;} .w-productList1 .w-prd-list-cell .w-prd-infobox h2,.w-productList2 .w-prd-list-cell .w-prd-infobox h2,.w-prd-list1 .w-prd-list-cell .w-prd-infobox h2{ margin-bottom:0;} .w-prd-list-cell .w-prd-infobox h2,.w-product .w-prd-infobox h2{ font-size:18px; font-weight:bold;} .w-prd-list-cell .w-prd-more a{ color:#666;} .w-prd-list-cell .w-prd-sum{ line-height:1.3; font-size:89%;} .w-productList .w-prd-list-cell .w-prd-sum{font-size:89%;} .w-prd-list-cell .w-prd-price-groups{margin-bottom:0;} .w-prd-list-cell .w-prd-price-groups .product-price-prefix{font-weight:normal; } .w-prd-list-cell .w-prd-btns a{line-height:1.2;} .w-prd-list-cell .w-prd-btns a.btn-buy{ background:#628A82; border-color:#628A82; color:#fff;} .w-prd-list-cell .w-prd-infobox h2 a:hover{ text-decoration:none;} .w-prd-list-cell .w-prd-price-groups > div{ font-size:100%;} .w-prd-list-cell .w-prd-price-groups .w-prd-price-sale{color:#EB4346;} .w-prd-list1{ margin-left:-9px; margin-right:-9px;} .w-prd-list1 .w-prd-list-cell{ margin-bottom:54px;} .w-prd-list1 .w-prd-list-cell-in{ padding:0 9px;} .w-productList .w-prd-list-cell{ margin-bottom:1em;} .w-productList1 .w-prd-list-cell .w-prd-con,.w-productList2 .w-prd-list-cell .w-prd-con,.w-prd-list1 .w-prd-list-cell .w-prd-con{ position:relative;} .w-productList1 .w-prd-list-cell .w-prd-con:hover,.w-productList2 .w-prd-list-cell .w-prd-con:hover,.w-prd-list1 .w-prd-list-cell .w-prd-con:hover{ box-shadow:0 10px 25px rgba(0,0,0,0.1); -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.1);} .w-productList1 .w-prd-list-cell .w-prd-infobox,.w-productList2 .w-prd-list-cell .w-prd-infobox,.w-prd-list1 .w-prd-list-cell .w-prd-infobox{ padding:1em 1.5em; background:#fff; background:rgba(255,255,255,0.7); position:absolute; bottom:0; left:0; right:0;} .w-productList1 .w-prd-list-cell .w-prd-sum,.w-productList2 .w-prd-list-cell .w-prd-sum,.w-prd-list1 .w-prd-list-cell .w-prd-sum{ height:auto; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-productList .prd_pre,.w-productList .prd_next{ background:url(../images/bxSlide.png) no-repeat; background-color:rgba(255,255,255,0.3); width:40px; height:40px; margin-top:-20px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; visibility:hidden; } .w-productList .prd_pre{left:-20px; background-position:0 0;} .w-productList .prd_next{right:-20px; background-position:-40px -40px;} .w-productList:hover .prd_pre,.w-productList:hover .prd_next{ visibility:visible;} .w-productList:hover .prd_pre{ left:8px;} .w-productList:hover .prd_next{ right:8px;} .w-productList .prd_pre:hover{background-position:-40px 0; } .w-productList .prd_next:hover{ background-position:0 -40px;} .w-productList{ margin-left:-9px; margin-right:-9px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 9px;} .w-productList3{ margin-left:-1px; margin-right:-1px;} .w-productList3 .w-prd-list-cell .w-prd-list-cell-in{ margin:0 1px;} .w-productList3 .w-prd-list-cell:hover .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ padding-top:20%;} .w-productList3 .w-prd-list-cell:hover .w-prd-infobox h2{ font-size:24px;} .w-productList3 .w-prd-list-cell .w-prd-sum{ max-width:400px; margin:0 auto; line-height:2;} .w-productList3:hover .prd_pre{ left:0;} .w-productList3:hover .prd_next{ right:0;} .w-product .imgSearch:hover .imgbg,.w-productList .imgSearch:hover .imgbg{ display:none;} .w-product .imgSearch .imgSearchBox .icon_search,.w-productList .imgSearch .imgSearchBox .icon_search{background-image:url(../images/icon_imgsearch.png);} .product-detail-images .product-detail-image-big{border:1px solid #DCDCDC;} .product-detail-images .product-detail-image-small .img-small-item{ border:1px solid #DCDCDC; padding:1px;} .product-detail-images .product-detail-image-small .img-small-item.cur{ border-color: #7D7D7D;} .product-detail-info .product-title h2,.product-title-top h2{ color:#000; font-weight:bold; font-size:26px;} .product-detail-info .product-grayBox .product-prices{line-height:1.2;} .product-detail-info .product-grayBox{background:none; border-top:1px solid #E9E9E8; border-bottom:1px solid #E9E9E8;} .product-detail-info .product-grayBox .collect_share p{ color:#000;} .info_tab{ border-bottom:1px solid #E9E9E8;} .info_tab_in{border:0;} .info_tab ul{ padding:0;} .info_tab li{border:0; background:none; margin-bottom:0;} .info_tab li a{color:#434343; background:url(../images/tabli.png) no-repeat right center; display:block; font-size:18px;} .info_tab li:first-child a{ padding-left:0;} .info_tab li:last-child a{ background:none; } .info_tab li.cur_tab{ background:none;} .info_tab li.cur_tab a{color:#000;} .w-productcom{ padding-bottom:0; } .product-detail-wrap{ overflow:visible;} .product-maincon{ position:relative;margin-bottom:0; padding-bottom:40px; padding-top:30px;} .product-maincon:before{ content:''; position:absolute; left:50%; margin-left:-1500px; width:3000px; top:0; bottom:0; background:#F5F5F5;} .product-maincon-in{ position:relative; z-index:1;} .product-descons{ line-height:1.7;} .descon_item,.fileListBox,.msgLBox{ padding-left:0; padding-right:0;} .rotatePicbox-tel .navSlide .i_point{ background:#fff; opacity:1;} .product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a{ background:#E3E3E3; height:6px; width:6px; opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .prd_pageState span{ background:#E3E3E3; border:2px solid #E3E3E3; box-sizing:content-box; height:6px; width:6px; margin:0 5px;} .prd_pageState span.active{ background:none;} .product-detail-top2 .bx-wrapper .bx-pager{position:relative;} /*----------------------------新闻-------------------------*/ .w-News-list1 li,.w-News-list3 li,.w-News-list4 li,.w-News-list6 li,.w-News-list7 li{ border-color:#eee; } .w-adNews4 li,.w-adNews5 li,.w-adNews6 .adNewsTL li,.w-adNews8 li,.w-adNews9 li{ border-color:#eee; } .w-News-list2 li .news-item{ border-color:#eee;} .w-News-list a{ color:#020202;} .w-News-list .news-com .news-h{ font-weight:normal; } .w-News-list .news-com .news-sum{ color:#767676;} .w-News-list .news-com .date{ color:#aeaeae; font-size:110%;} .w-News-list1 li{ padding:0; margin-bottom:30px;} .w-News-list1 .news-imgbox{ width:305px;} .w-News-list1 .news-com{ margin-left:330px;} .w-News-list1 .news-com .date{ margin-top:0;} .w-News-list1 .news-com .news-sum{ margin-top:1%; line-height:1.8; max-height:5.2em; overflow:hidden;} .w-News-list2 .news-item .news-com{ padding:0.5em 1em 1.5em;transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;} .w-News-list2 li:hover .news-item{ box-shadow:1px 5px 10px rgba(0,0,0,0.1); -moz-box-shadow:1px 5px 10px rgba(0,0,0,0.1); -webkit-box-shadow:1px 5px 10px rgba(0,0,0,0.1);} .w-News-list2 li .news-together{ border-bottom:1px solid rgba(0,0,0,0.15); line-height:1.5; padding:0.5em 0; margin-bottom:0.5em;} .w-News-list2 li .news-item:hover .news-com{transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px);} .w-News-list2 li .news-item:hover .news-together{ border-bottom-color:rgba(255,255,255,0.2);} .w-News-list2 .news-com .news-sum{ line-height:1.3; max-height:5.1em;} .w-News-list2 li:hover,.w-News-list2 li:hover a,.w-News-list2 li:hover .news-com .date{ color:#fff;} .w-News-list3 .news-com .news-together{ margin-bottom:1.3em;} .w-News-list3{ line-height:1.8;} .w-News-list8 .news-item .news-com{ bottom:0;} .w-News-list8 .news-item .news-com .news-h a:hover{color:#fff;} .w-adNews li .news-h{ font-weight:normal;} .w-adNews .news-sum,.w-adNews .date{ color:#848484;} .w-adNews .date{ color:#aeaeae;} .w-adNews5 li .news-h,.w-adNews6 .adNewsF .news-h{ font-weight:normal;} .w-adNews1 li .news-item .news-com .news-h a{color:#020202;} .w-adNews1 li .news-item .news-com .news-sum{color:#848484; font-size:100%;} .w-adNews2{ margin-left:-14px; margin-right:-14px;} .w-adNews2 li{width:33.33%; margin-left:0; margin-right:0;} .w-adNews2 li .news-item{border:none; background:#fff; margin:0 14px;} .w-adNews2 li:hover .news-item{box-shadow:1px 5px 10px rgba(0,0,0,0.1); -moz-box-shadow:1px 5px 10px rgba(0,0,0,0.1); -webkit-box-shadow:1px 5px 10px rgba(0,0,0,0.1);} .w-adNews2 li .viewDetail{ display:none;} .w-adNews2 li .news-item .news-com{ padding:1em 2px 1em;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews2 li:hover .news-item .news-com{ padding-left:1em; padding-right:1em;} .w-adNews2 li .news-item .news-com .news-com-top{margin-bottom:0;} .w-adNews2 li .news-item .news-com .news-h{ font-weight:normal;} .w-adNews2 li .news-item .news-com .news-sum{margin-top:5px; line-height:1.5; height:4.5em; font-size:95%;} .w-adNews3 .w-adNews-texts li .w-adNews-textH h3{ font-size:115%;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content .mask{background:#222;} .w-adNews3{background:#fff;} .w-adNews3 .w-adNews-texts li .w-adNews-textH h3{ color:#020202;} .w-adNews3 .w-adNews-texts .w-adNews-textsIn{ padding-left:0; padding-top:10px; padding-bottom:10px;} .w-adNews3 .w-adNews-texts li .w-adNews-textH p,.w-adNews3 .w-adNews-texts li .w-adNews-textH .news-sum{ color:#848484;} .w-adNews3 .w-adNews-texts li .numberQ{border-color:#b0b0b0; color:#666;} .w-adNews3 .w-adNews-texts li{border-color:#e0e0e0;} .w-adNews3 .w-adNews-imgs .adNews3prev{background-image:url("../images/adNews3prev_white.png");} .w-adNews3 .w-adNews-imgs .adNews3next{background-image:url("../images/adNews3next_white.png");} .w-adNews4 li{ border-bottom:0; padding:0 0.8em;} .w-adNews4 a:hover{ text-decoration:none;} .w-adNews5 li{ border-bottom:0; padding:0; margin-bottom:1em;} .w-adNews5 li .news-h{ margin-bottom:0.5em; position:relative; padding-bottom:0.5em; border-bottom:1px solid #ECECEC;} .w-adNews5 li .news-h:after{ content:''; position:absolute; left:0; bottom:0; width:10px; height:1px; background:#3FBE72;} .w-adNews5 .news-sum{ line-height:1.8; max-height:5.2em; overflow:hidden;} .w-adNews5 li .date{ margin-top:0.5em;} .w-adNews6 .adNewsF .news-h{font-size:110%;} .w-adNews7 .adNewsL li{ background-color:rgba(0,0,0,0.05);} .adNews7datebg{ background:#e0e0e0;} .w-adNews7 .adNewsL li .news-com .news-h a:hover{ text-decoration:underline;} .w-adNews7 .adNewsL li .news-com .news-sum{ font-size:100%;} .w-adNews7 .adNewsL li:hover .news-com .news-sum{ color:#fff;} .w-adNews7 .adNewsR .news-com .news-sum{ color:#fff;} .w-adNews8 li{padding:1em 0; border-bottom:1px solid #E5E5E5;} .w-adNews9 li{ padding:29px 0; border-bottom:0;} .w-adNews9 li .date{color:#131313; background:none; border:1px solid #BFBFBF; line-height:1.2; padding:11px 12px; } .w-adNews9 li .date .date-day{ font-size:48px; font-weight:bold; } .w-adNews9 li .date .date-yearMonth{ font-size:16px;} .w-adNews9 li .news-com{ padding-top:10px;} .w-adNews9 li .news-com .news-h{ font-weight:bold; font-size:115%;} .w-adNews9 li .news-com .news-sum{ line-height:1.7; height:3.3em;} .w-adNews11 li .news-h{ font-size:115%;} .w-adNews11 li .date{ margin-bottom:1em;} .w-adNews11 .news-sum{ color:#929292;} .w-adNews11 li .news-btn{position:relative;} .w-adNews11 li .news-btn::after{ content:''; position:absolute; left:0; width:0; top:0; bottom:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews11 li:hover .news-btn::after{ width:100%;} .w-adNews11 li:hover .news-btn{ color:#fff;} .w-adNews11 li:hover .news-btn .btn-inner{position:relative; z-index:1;} .w-adNews li .news-btn{ padding:7px 20px; min-width:0; line-height:1.5; border-radius:0; -webkit-border-radius:0;} .newsDetail{ padding-top:1em; padding-bottom:70px;} .newsDetail .newsContent{ padding:0; margin-top:30px; color:#767676;} .newsDetail .newsTitle{color:#020202; font-size:24px; line-height:1.5; margin-bottom:0.2em; } .newsDetail .newsST{ color:#aeaeae; font-size:110%; } .newsDetail .newsST > span{ margin-left:0;} .newshare{ text-align:center; padding-right:0;padding-top:0.5em; color:#767676;} .newsDetail .newsSummary{ display:none; } .news-others{ border-top:1px solid #eee; padding-top:0.5em;color:#767676; margin-top:30px;} .news-others a{ color:#020202;} /*---------------------faq----------------------*/ .w-faq-list{ margin-bottom: 2em;} .w-faq-list .faq_det{ color:#767676;} .w-faq-list3{ color:#000;} .w-faq-list3 li{ margin-bottom:0.6em;} .w-faq-list3 li .faq_tit{ background:#eee;font-size:100%; padding-left:1em; padding-right:0;} .w-faq-list3 li .faq_tit h3{ padding:0.8em 1em 0.8em 1.7em; font-weight:bold; } .w-faq-list3 li .faq_tit .icon_adore{ right:auto; left:1em; width:1.1em; height:1.1em; background:url(../images/icon1_0.png) no-repeat center;} .w-faq-list3 li.open .faq_tit .icon_adore{background-image:url(../images/icon2.png); background-position:center center; } .w-faq-list3 li.open .faq_tit{ background:#454545; color:#fff;} .w-faq-list3 li .faq_det{ padding:1em; line-height:2;} .w-upload-list{margin-bottom: 2em;} /*----------------------菜单----------------------------*/ .w-com-menu li > .div-parent > .fa-plus::before{content: "\f107";} .w-com-menu li.open > .div-parent > .fa-plus::before{ content: "\f106";} /*-----------------------会员中心和购物车--------------------*/ /*---------------------登录注册--------------------------*/ .body-login{background:#fff;} .signbox-A .login-h2A,.login-input-A,.register-A a, .password-forget-A a,.login-button-A,.signfoot,.login-checkA span{color:#666;} input[class*='login-input-A']::-webkit-input-placeholder{ color:#666;} input[class*='login-input-A']:-moz-placeholder{ color:#666;} input[class*='login-input-A']::-moz-placeholder{ color:#666;} input[class*='login-input-A']:-ms-input-placeholder{ color:#666;} .sign-content-A{ background-image:url("../images/signboxbg.png");} .login-button-A{background-image:url("../images/signbtnbg.png");} .login-checkA input.checked[type="checkbox"] + label{background-image:url("../images/login-checked.png");} .login-input-A,.login-button-A,.login-checkA label{border-color:#999;} @media (min-width:478px){ } @media (min-width:768px){ .w-system{ padding-top:30px;} /*---------------------------菜单-------------------------*/ .side_bar{width:230px;} .side_left{ margin-left:270px;} .w-com-menu-V{ text-align:center; background:#fff;} .w-com-menu-V .systitle{ margin-bottom:30px; text-align:center; font-size:32px;padding:25px 10px;} .w-com-menu-V .fa{ font-size:100%; font-weight:normal;right:0; top:7px; bottom:auto; color:#020202;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{background:none; border:0; position:relative;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent:after{ content:''; display:none; position:absolute; left:0; top:0; bottom:0; width:3px;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent:after,.w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent:after{ display:block;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{font-size:15px; line-height:24px;color:#020202; padding:8px 15px; } .w-com-menu-V li a{padding:0 15px; font-size:100%; line-height:1.8;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent{ box-sizing:content-box;} .w-com-menu-V .ul-submenu{ background:#fafafa; padding:5px 0; } .w-com-menu-V .ul-submenu .div-parent{ padding:5px 0;} .w-com-menu-V .ul-submenu a{color:#555; *position:relative; } .w-com-menu-V .ul-submenu .li-parent .div-parent{border-bottom:0; } .w-com-menu-V .ul-submenu .li-parent .div-parent .fa{line-height:1.8;top:5px;} .w-com-menu-V .ul-submenu .ul-submenu{ background:#fff;} .w-com-menu-V .ul-submenu .ul-submenu .div-parent{ padding:0;} .w-com-menu-H{ margin-bottom:30px; text-align:center;} .w-com-menu-H .systitle{ display:block; color:#000; background:none;font-size:26px; font-weight:bold; padding:0 0 10px; text-align:left; border-bottom:1px solid #eee; margin-bottom:27px;} .w-com-menu-H >.w-com-menu-in{ margin:0 auto;} .w-com-menu-H >.w-com-menu-in:after{ content:""; display:block; clear:both; height:0; visibility:hidden;} .w-com-menu-H >.w-com-menu-in > ul > li{ position:relative; } .w-com-menu-H li{margin:0; } .w-com-menu-H li a{ color:#000;} .w-com-menu-H > .w-com-menu-in > .ul-parent > li{ margin:0 1px;margin:0 1em 0.5em;} .w-com-menu-H > .w-com-menu-in > .ul-parent> li > .div-parent{position:relative;} .w-com-menu-H > .w-com-menu-in > .ul-parent > li > .div-parent a{ line-height:2; color:#020202; padding:0 0.8em; display:block; font-size:16px; } .w-com-menu-H .ul-submenu{ top:32px;} .w-com-menu-H .ul-submenu .ul-submenu{ top:26px;} .w-com-menu-H .ul-submenu li .div-parent{margin:0 5px;} .w-com-menu-H .ul-submenu li a{ line-height:2; color:#555;font-size:14px;} .w-com-menu-H .ul-submenu .ul-submenu-up{display:none;} .w-system .w-com-menuNH{margin-top: -30px;} .w-system .w-com-menuNH7{ margin-top: -96px;} .w-system .w-com-menuNH8{ margin-top: 0;} .w-system .w-com-menuNV1{ margin-top: -107px;} .w-system .w-com-menuNV4{ margin-top: -102px;} .order-progress .order-progress-line .order-progress-line-sec .line{width:111px;} .product-maincon{ margin-top:40px;} } @media (min-width:961px){ .body-login .w-admin-header .w-admin-nav{ float:right; margin-left:0;} .w-logo h1{ line-height:97px;} .w-logo-img{ padding-top:10px; padding-bottom:10px; line-height:77px;} .w-logo-img img{ max-height:77px;} .w-nav .li-parentOne-div .fa{ display:none;} .w-nav .submenu{ background:#FFFCFA; } .w-nav .submenu li{width:171px; } .w-nav .submenu li:last-child{border-bottom:0;} .w-nav .submenu li .submenu{left:171px;} .w-nav .submenu li a{padding:8px 20px;} .w-admin-shopCart{ position: absolute;left: 0;margin-right: 0;padding-top: 0; padding-bottom:0;z-index: 2;top: -35px;} .w-admin-shopCart a{background:none; padding:7px 15px;} .w-admin-shopCart a span, .w-admin-shopCart a .fa-angle-right{ display:inline-block; *display:inline; *zoom:1;} .w-admin-shopCart a .num{left:111px;} .w-nav .li-parent-div .fa-plus:before{content: "\f105";} .w-admin-header .w-admin-nav{ margin-left:15px;} /*---------------------------topLogBox--------------------------*/ .w-News-list{ padding-top:10px;} } @media (min-width:1201px){ .w-admin-shopCart{ left:50%; margin-left:-600px; right:auto;} } @media (max-width:1366px){ .info_tab li a{ font-size:18px;} .newsDetail .newsTitle,.newsDetail .newsST,.newshare{ padding:0 0.7em;} } @media (max-width:1200px){ .w-custom{padding-left:5px; padding-right:5px;} .w-nav .nav_inner > li{ margin:0 15px;} .w-prd-list1 .w-prd-list-cell{ margin-bottom:25px;} .w-prd-list-cell .w-prd-infobox h2,.w-product .w-prd-infobox h2{ font-size:115%;} .w-productList3 .w-prd-list-cell:hover .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ padding-top:2em;} .info_tab li:first-child a{ padding-left:10px;} .fileListBox,.msgLBox{ padding-left:10px; padding-right:10px;} .w-adNews9 li{ padding:20px 0;} } @media (max-width:960px) { html{width:100%; height:100%; overflow-x:hidden;} body{ height:100%;min-width:100%;} .body{ padding-top:1.4rem;} .banner{ margin-top:0;} /*--------------------header---------------------*/ .w-header-common{ border-top:0;} .w-admin-header,.body-login .w-admin-header,.w-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.4rem; z-index:999; color:#333; background:#fff; border-bottom:1px solid #ECECEC; } .row_top{ display:block;} .row_top .column{ float:none; width:100%; display:block;} .row_top .columnM,.row_top .columnR{ display:none;} .col-logo,.w-admin-header .col-logo{float:none; text-align:center; padding:0;} .w-logo{ padding:0 1.2rem; height:auto; min-height:0; min-width:0;} .w-logo h1{ font-size:0.7rem; margin-top:0.25rem; margin-bottom:0;} .w-logo-img{ display:block; padding:0.17rem 0.25rem;line-height:1.06rem;} .w-logo-img img{max-height:1.06rem;} .w-admin-header .w-logo{ padding:0 13.5em 0 1.2rem;} .col-right{position:fixed;left:-240px; width:240px; background:#fff;top:0; bottom:0;padding:0;margin-top:0px; z-index:10; display:block; transition: left 0.5s; -webkit-transition: left 0.5s;} .left0{ left:0;} .w-nav{ background:none; overflow-y:auto; height:100%; margin:0; padding:0;transition:none;-moz-transition: none;-webkit-transition:none; -o-transition: none;} .w-admin-header .w-admin-nav{margin-left:0; margin-right:0;} .w-nav ul{list-style:none; padding-left:0;} .w-nav .nav_inner{ display:block;} .w-nav .nav_inner > li{ display:block; float:none; text-align:left; margin:0; } .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:2.5; padding:0 10px; font-size:14px;} .w-nav li{border-bottom:0; border-top:0; float:none;} .w-nav li a, .w-nav .submenu li a,.w-admin-header .w-admin-nav a{ display:block; color:#666; text-align:left;border-bottom:1px solid #f0f0f0; font-size:14px;} .w-nav .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{display:none;} .w-nav .nav_inner > li > .submenu{top:0; left:0;} .w-nav .submenu{ position:relative; font-size:14px; box-shadow:0; -moz-box-shadow:0; -webkit-box-shadow:0;} .w-nav .submenu li{ width:auto;} .w-nav .submenu li .submenu{ left:0; top:0;} .w-nav .submenu ul,.w-nav .submenu .submenu ul{background:none;} .w-nav .li-parent-div .fa{ position:absolute; top:50%; margin-top:-1em; right:0; width:4em; height:2em; line-height:2em; text-align:right; font-size:150%; } .w-nav .li-parent-div .fa-plus::before{content: "\f107"; margin-right: 0.5em;} .w-nav .li-parent-div.open .fa-plus::before{content: "\f106";} .w-nav .submenu li a{padding:0.5em 0.5em 0.5em 1.5em; text-align:left;} .w-nav .submenu .submenu li a{ padding-left:2.5em;} .mobile-nav-toggle{display:block;} .w-nav .nav_simpline_cur{ display:none;} .topLogBoxPc{ display:none;} .topLogBox{position:absolute; bottom:0; left:0; right:0; } .topLogBox, .topLogBox a{color:#666;} .w-languege,.w-loginRegister, .w-shopCart{float:none; margin:0;padding: 0.5em;border-bottom:1px solid #e1e1e1;} .topLogBox .w-search{ float:none; margin:0.5em;} .topLogBox .w-search .input-search-w{border-color:#e0e0e0; width:100%;} .banner .bx-wrapper .bx-pager.bx-default-pager{ display:block;} /*-----------------------会员中心和购物车--------------------*/ .w-admin-shopCart, .w-admin-top{display:none;} .mobile-nav-toggle{top:0.35rem;} .signTel, .shopCartTel, .signQuitTel{display:block; top:0.35rem;} .w-admin-header .w-admin-nav{position:fixed;left:-240px; width:240px; background:#fff;top:0; bottom:0;padding:0; margin-top:0px; z-index:10; display:block; float:none;transition: left 0.5s; -webkit-transition: left 0.5s;} .w-admin-header .left0{ left:0;} .w-admin-nav .w-nav-in{height:100%;} .order-progress{display:none;} /*----------------------新闻---------------------------*/ .w-pages{ padding-bottom:2em;} .crumbs{ margin-bottom:1.5em;} .w-News-list1 li{ margin-bottom:1em;} .w-News-list1 .news-imgbox{ width:25%;} .w-News-list1 .news-com{ margin-left:28%;} .w-adNews11 li .news-btn::after{ display:none;} .w-adNews11 li:hover .news-btn{ color:#333;} .w-adNews11 li .news-btn:hover{ color:#fff;} .newsDetail .newsContent{ margin-top:2em;} .w-prd-list .w-prd-list-cell .w-prd-infobox h2{font-size:115%;} .w-productList .prd_pre,.w-productList .prd_next{ width:2em; height:2em; margin-top:-1em; background-size:4em 4em;} .w-productList .prd_pre{ left:0.5em;} .w-productList .prd_next{ background-position:-2em -2em; right:0.5em;} .w-productList .prd_pre:hover{ background-position:-2em 0;} .w-productList .prd_next:hover{ background-position:0 -2em;} .w-productList2 .prd_pre,.w-productList2 .prd_next{ margin-top:-2em;} } @media (max-width:767px) { .w-foot-content{ padding-top:0.3em; padding-bottom:0.3em;} /*----------------------系统页-------------------*/ .systitle{ font-size:125%; margin-bottom:0; padding:0.4em 1em; font-weight:normal; } .w-pages{ margin-top:1em;} .w-system .w-com-menu-H{margin-left:0; margin-right:0;} .info_tab{ padding-left:0.2em;} .w-prd-list1{ margin-left:4px; margin-right:4px;} .w-prd-list1 .w-prd-list-cell{ margin-bottom:1em;} .w-prd-list1 .w-prd-list-cell-in{ padding:0 3px;} .w-productList{ margin-left:-3px; margin-right:-3px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 3px;} .w-productList2{ margin-left:-0.3rem; margin-right:-0.3rem;} .w-productList2 .w-prd-list-cell .w-prd-list-cell-in{ margin:0 0.1rem;} .w-productList3{ margin-left:-0.2rem; margin-right:-0.2rem;} .w-productList3 .w-prd-list-cell:hover .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ padding-top:1.5em;} .w-productList3 .w-prd-list-cell:hover .w-prd-infobox h2{ font-size:120%;} .w-productList3 .w-prd-list-cell .w-prd-sum{ line-height:1.3; font-size:90%; max-height:3.8em;} .product-detail-info .product-grayBox{ border:0;} .w-News-list1 .news-com .news-sum{ max-height:2.9em; line-height:1.5;} .w-News-list2 li{ width:50% !important;} .w-adNews9 li{ padding:0.6em 0;} .w-form-submit .w-buttom .btn-default-w{ font-size:115%;} .newsDetail .newsTitle{ font-size:140%;} .newsDetail .newsST{ font-size:90%;} .newsDetail{ padding-left:1em; padding-right:1em; padding-bottom:2.5em;} .newsDetail .news-others{ padding-left:0; padding-right:0;} } @media only screen and (max-width:520px){ .w-adNews9 li .news-com{ padding-top:0;} .w-adNews9 li .date{ padding:0.5em 0;} .w-adNews9 li .date .date-day{ font-size:200%;} .w-adNews9 li .date .date-yearMonth{ font-size:85%;} .w-adNews9 li .news-com .news-h{ margin-bottom:0.2em;} .w-adNews9 li .news-com .news-sum{ line-height:1.5; height:2.9em; font-size:85%;} .product-maincon{ padding-top:1em; padding-bottom:2em;} .product-detail-info .product-title h2, .product-title-top h2{ font-size:130%;} } @media only screen and (max-width:479px){ .body{font-size:0.35rem;} .col-table{ margin:0 -0.2em;} .div-table .td-w .div-padding,.div-table-first > tbody > tr > .td-w > .div-padding{ padding:0 0.2em;} .col-table .col-table{ margin:0 -0.2em;} .div-table .div-table .td-w .div-padding{padding:0 0.2em;} .w-admin-header .w-logo{ padding:0 8.5em 0 1.2rem;} .topLogBox .w-search .input-search-w{ height:2.5em; line-height:2.5em;} .w-title{ margin-bottom:0.5em;} .w-title1 h2,.w-title16 h2,.w-title2 h2,.w-title20 .tith span{ font-size:150%;} .w-title2 h2{ font-size:125%;} .info_tab li a{ font-size:130%;} .fileListBox,.msgLBox{ padding-left:1em; padding-right:1em;} .w-News-list1 .news-com .news-sum,.w-News-list1 .news-com .date{ font-size:90%;} .w-News-list1 .news-com{ padding:0.2em 1em 0;} .w-News-list3 .news-com .news-together{ margin-bottom:0.5em;} .w-adNews2 li{ min-width:100%;} .w-adNews5 li .news-h{ margin-bottom:0.5em; padding-bottom:0.5em;} .btn-default-w{ line-height:3;} .w-lantern-h .w-lantern-in{ padding:0 1.8em;} .w-lantern-h .lantern_pre,.w-lantern-h .lantern_next{ width:1.5em;} .w-simImg.captionbgFadeInDefault .caption h3{ padding:0.5em 0;} .w-faq-list3 li .faq_tit .icon_adore{ background-size:contain;} .w-productList1 .w-prd-list-cell .w-prd-infobox, .w-productList2 .w-prd-list-cell .w-prd-infobox, .w-prd-list1 .w-prd-list-cell .w-prd-infobox{ padding:0.3em 0.8em;} }