@charset "utf-8"; /* 描述:响应式主题样式表第795套 作者:wangxb */ /*默认页面主体样式定义*/ body{ color:#444;} a{ color:#0b0b0c;} .w-main .row,.w-footer-in{ max-width:1400px; margin:0 auto;} .body{overflow:hidden;font-size:15px;} .col-right{ display:none;} .w-foot-content{ padding-top:15px; padding-bottom:15px;} .w-admin-header .w-admin-row{ width:100%;} /*---------------------header-----------------------*/ .row_top{ padding-top:18px; padding-bottom:18px;} .row_top_in{ display:table; width:100%;max-width:1400px; margin:0 auto;} .row_top .column6{ width:50%; display:table-cell; vertical-align:middle; *float:left;*width:49.99%;} .col-logo{ position:relative; } .w-header,.body-login .w-admin-header{ background:#FFFFFF;} .body-admin .w-admin-header{background:#FFFFFF;} .w-admin-header .col-logo{ max-width:1400px; margin:0 auto; padding:15px 0;} .w-logo h1{ font-size:32px; padding:0 10px; } .w-logo h1,.w-logo a{color:#000;} .w-admin-header .w-admin-nav{ float:none; margin-left:0;} .w-nav .w-nav-in{max-width:1400px; margin:0 auto;} .w-nav .nav_inner{ display:block; } .w-nav .nav_inner > li{ float:left; text-align:center; } .w-nav .nav_inner > li:last-child{ margin-right:0;} .w-nav li a{ text-decoration:none;color:#666666;padding:0 10px;} .w-nav .nav_inner > li{min-width: 11.11%;} .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:60px; font-size:16px; display:block; padding:0 18px; color:#fff; } .w-nav .nav_simpline_cur{ position:absolute; left:50%; width:0; bottom:0; height:2px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; background:#fff;} .w-nav li:hover .nav_simpline_cur,.w-nav li.active .nav_simpline_cur{ left:0; width:100%;} .w-nav .nav_inner > li > .submenu{ top:60px; left:50%; margin-left:-85px; padding:10px 0;} .w-nav .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{ display:none;} .w-nav .submenu{ background:#fff;} .w-nav .submenu li a{ font-size:14px; text-align:center; color:#4c4c4c; padding:8px 10px;} .topLogBox,.topLogBox a{ font-size:14px;color:#050504;} .topLogBox a{ margin:0 6px; text-decoration:none; } .topLogBox a:hover{ text-decoration:underline;} .topLogBoxPc{ border-bottom: 1px solid #DDDDDD;} .topLogBoxPc .topLogBox-in{ max-width: 1400px; margin: 0 auto;} .w-loginRegister,.w-languege,.w-shopCart{ float:right; line-height:36px; margin-left:4px;} .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{ float:right; padding:0;} /*-----------------------banner------------------*/ .banner_edit{top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);color:#fff;} :root .banner_edit{top:50%; } .bx-wrapper .bx-prev,.bx-wrapper .bx-next{ width:50px !important; height:50px !important; margin-top:-25px !important; background-image:url("../images/bxSlide.png") !important; background-color:#fff !important; background-color:rgba(255,255,255,0.3) !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:0 !important; } .bx-wrapper:hover .bx-next{right:0 !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; } .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width:10px; height:10px;margin:0 5px; text-align:center;} .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff !important;} .banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{ display:none;} .banner .bx-wrapper .bx-pager{ bottom:15px;} .banner .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width:10px; height:10px; margin:0 6px;} .banner .bx-wrapper .bx-pager.bx-default-pager a{height:10px !important; width:10px !important; background-color:#fff !important; margin:0; } .banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ border:0;} /*---------------footer------------------*/ .w-footer{ border-top: 3px solid #333;} /*----------------------------组件-----------------------*/ .w-text{line-height:1.8;} .btn-default-w{ padding:0.75em 2em; text-align:center; color:#fff; border:0; background:#333;} .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; } .icon-social{background-image:url('../images/icon-social-w.png'); width:35px; height:35px;} .icon-social-facebook{ background-position:0 0; } .icon-social-twitter{ background-position:-35px 0;} .icon-social-linkedin{ background-position:-70px 0; } .icon-social-mail{ background-position:-105px 0; } .icon-social-instagram{ background-position:-140px 0; } .icon-social-flickr{ background-position:-175px 0;} .icon-social-pinterest{ background-position:0 -35px; } .icon-social-google{ background-position:-35px -35px;} .icon-social-rss{ background-position:-70px -35px; } .icon-social-yahoo{ background-position:-105px -35px; } .icon-social-vimeo{ background-position:-140px -35px; } .icon-social-dribbble{ background-position:-175px -35px; } .icon-social-youtube{ background-position:0 -70px; } .icon-social-douban{ background-position:-35px -70px; } .icon-social-pengyouquan{ background-position:-70px -70px;} .icon-social-weixin{ background-position:-105px -70px;} .icon-social-QQ{ background-position:-140px -70px; } .icon-social-zhihu{ background-position:-175px -70px;} .icon-social-renren{ background-position:0 -105px; } .icon-social-tenxun{ background-position:-35px -105px; } .icon-social-xinlang{ background-position:-70px -105px;} .icon-social-QQkongjian{ background-position:-105px -105px; } .icon-social-dazong{ background-position:-140px -105px; } .icon-social-tianya{ background-position:-175px -105px; } .icon-social-kaixin{ background-position:0 -140px;} .icon-social-pengyouweb{ background-position:-35px -140px;} .w-social .social-item:hover .icon-social{background-image:url('../images/icon-social-w.png');} .search-defaut-w{ max-width:100%; overflow:hidden;} .w-custom .search-defaut-w{ vertical-align:middle; width: 298px;} .search-defaut-w .input-search-w{ border:1px solid #E5E5E5; line-height:2.6em; height:2.6em; padding-right:50px;} .search-defaut-w .search-btn-w{ background:url(../images/input-search-white.png) no-repeat center; width:48px; min-width:0; height:100%; border:none;} .search-defaut-w .search-btn-w:hover{ background:url(../images/input-search-white.png) no-repeat center; } .w-service-fixed{ right:0; bottom: 0; margin-bottom: 30px;} .anchor{ width:10px;} .anchor li{ width:10px; height:1px; background:#999; border-radius:0; -webkit-border-radius:0;transition: all 0.5s;-webkit-transition: all 0.5s;} .anchor li.cur{ width:40px;} .anchor_l li.cur:hover span, .anchor_l li.cur:hover div{ left:40px;} .anchor_r li.cur:hover span, .anchor_r li.cur:hover div{ right:40px;} .w-lantern-h .w-lantern-in{padding:0;} .w-lantern-h .lantern_pre,.w-lantern-h .lantern_next{ top:50%; margin-top:-11px;width:11px; height:22px; background-size:contain;} .w-lantern-h .lantern_pre{ background:url(../images/slide_l.png) no-repeat center; left:-20px;} .w-lantern-h .lantern_next{background:url(../images/slide_r.png) no-repeat center; right:-20px;} .w-lantern-h .lantern_pre:hover{ background-image:url(../images/slide_lHover.png);} .w-lantern-h .lantern_next:hover{ background-image:url(../images/slide_rHover.png);} .prd_pageState span{ background:#ccc; height:10px; width:10px; margin:0 5px;} .prd_pageState span.active{ border:2px solid #0ABBB9; background:none; width:6px; height:6px; box-sizing:content-box;} .w-text-form, .w-textarea-form,.w-select-box,.w-form-area select{ border-color:#e5e5e5; background-color:#fff;} .w-text-form, .w-textarea-form{padding:0.8em 10px; line-height:1.3;} .w-select-dl .w-select-dt{ height:3em; line-height:3;} .w-select-dl .w-select-dt .select-icon{ border-left:0; background:url(../images/icon_select.png) no-repeat center;} .w-select-option{ top:3em;} .w-form-filebox .w-form-file-upload .btn-default-w{ padding-left:1em; padding-right:1em; color:#444; border:1px solid #ddd; background:none;} .w-form-submit .w-buttom .btn-default-w{ line-height:1.3; padding:0.8em 2em; min-width:12em;} .w-slide .cycle-prev, .w-slide .cycle-next{ width:40px; height:40px; top:50%; margin-top:-20px; background:url(../images/bxSlide1.png) no-repeat;background-color:#666; background-color:rgba(0,0,0,0.3);opacity: 1;*filter: alpha(opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition: all 0.5s;-webkit-transition: all 0.5s; } .w-slide .cycle-next{ background-position:-40px -40px;} .w-slide .cycle-prev:hover{background-position:-40px 0;} .w-slide .cycle-next:hover{ background-position:0 -40px;} .w-slide-page-num .w-page-bottom{position:relative;} .w-slide-page-num .w-page-bottom .slide-page{position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.3); z-index:801; text-align:right; padding-right:12px;} .w-slide-page-num .slide-page a{background:#333; height:18px; line-height:18px; min-width:18px; font-size:12px; border-radius:10px;-webkit-border-radius:10px;} .w-simImg.imgGrayScale h3{ color:#616161;} .w-simImg.imgGrayScale p{ font-size:90%; padding-top:0;color:#bfbfbf; font-family:Arial, Helvetica, sans-serif;} .w-simImg.imgGrayScale img{ opacity:0.2;} .w-simImg.imgGrayScale:hover img{ opacity:1;} .imgFloatFull.captionbgFadeInDefault.textFade:hover img{transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); transition: all 0.5s;-webkit-transition: all 0.5s; } .imgFloatFull.captionbgFadeInDefault.textFade .caption .caption-text .caption-text-in{padding: 10px 10%; text-align: left;} .imgFloatFull.captionbgFadeInDefault.textFade h3,.imgFloatFull.captionbgFadeInDefault.textFade p{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .imgFloatFull.captionbgFadeInDefault.textFade h3{ font-size: 24px;} .imgFloatFull.captionbgFadeInDefault.textFade .captionbg{transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 0.8; *filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);} .tabMu3 li{ background: rgba(255,255,255,0.3);} /*title*/ .color_main{color:#0b0b0c;} .color_vice{ color:#999;} .lineborder{border-color:#e6e6e6;} .linebg{ background:#e6e6e6;} .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:110%;} .w-title1 .simpline{ margin:0.5em auto; width: 32px; height: 6px;} .w-title2,.w-title2 .title-h-in h2,.w-title2 .more{ color:#fff;} .w-title4 .more,.w-title7 .more,.w-title17 .more{ color:#fff;} .w-title4 .title-h-in h2{ padding-top:0.6em; padding-bottom:0.6em;} .w-title3 h2,.w-title6 .tith h2,.w-title9 h2,.w-title10 h2,.w-title12 h2{font-size: 26px;} .w-title17 .more{ background: none;} .w-title20 .tith span{ font-size:30px;} .w-title20 h2{ font-size:18px; color:#999;} .w-title20 .more{ color:#fff; line-height:2; padding:0 1.2em; background:#f1ae2c; border-top-left-radius:1em; -webkit-border-top-left-radius:1em;border-bottom-right-radius:1em; -webkit-border-bottom-right-radius:1em; font-size:89%; right:2px;} .w-title20 .more .icon_more{ display:none;} .w-title22 .tith h2{ font-size: 32px;} .w-title27 h2{font-size:18px; padding:0 2em;} .w-title39{ border-bottom:1px solid #EBEBEB; padding-bottom:0.5em; padding-left:0; background:none; } .w-title39 .w-title-inner{ padding-left:25px; background:url(../images/notice.png) no-repeat left center;} .w-title39 h2{ font-size:18px; } .w-title39 .more{ bottom:0.5em;} .w-title19 .w-title-in,.w-title21 .w-title-in{max-width: 100%;} /*--------------------系统------------------------*/ .systitle{color:#fff; font-size:24px; padding:0.7em 17px; text-align:left; } .crumbs{ line-height:1.5; margin-bottom:1.2em; background:url(../images/icon_home.png) no-repeat left center; padding:0.4em 0 0.4em 20px; border-bottom:2px solid #e5e5e5;} .w-breadcrumbs{ line-height:1.5; background:url(../images/icon_home.png) no-repeat left center; padding:0.4em 0 0.4em 20px; } .w-pages a{border-color:#CCCCCC; color:#666; padding:0 0.8em; margin-left:0.1em; margin-right:0.1em; line-height:2.28; vertical-align:middle;} .w-pages{text-align:center;} .w-pages a:hover,.w-pages a.cur{color:#fff; border:1px solid #F2F2F2; } .w-pages a.disabled,.w-pages a.disabled:hover{border-color:#CCCCCC; background:none;} .search_list li h3{ color:#333;} /*-----------------------------产品----------------------*/ .w-prd-list-cell .w-prd-infobox h2{ margin-bottom:0.3em;} .w-prd-list-cell .w-prd-infobox h2,.w-product .w-prd-infobox h2{ font-size:115%; } .w-prd-list-cell .w-prd-sum{ color:#727272;} .w-prd-list-cell .w-prd-more a{ color:#808080;} .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{ display: none;} .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-productList{ margin-left:-8px; margin-right:-8px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 8px;} .w-prd-list1{ margin-left:-14px; margin-right:-14px;} .w-prd-list1 .w-prd-list-cell-in{ padding:0 14px;} .w-prd-list2{ margin-left: -10px; margin-right: -10px;} .w-prd-list2 .w-prd-list-cell{width: 50%; margin-bottom: 20px;} .w-prd-list2 .w-prd-list-cell:nth-child(2n+1){ clear: both;} .w-prd-list2 .w-prd-list-cell-in{ margin-left: 10px; margin-right: 10px;} .w-prd-list2 .w-prd-list-cell .w-prd-imgbox{width: 220px;} .w-prd-list2 .w-prd-list-cell .w-prd-infobox{margin-left: 220px;} .w-prd-list6 li .w-prd-list-cell-in{transition: all 0.4s; -webkit-transition: all 0.4s;} .w-prd-list6 li .w-prd-list-cell-in:hover{box-shadow: 5px 5px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.3); transform: translateY(-10px); -webkit-transform: translateY(-10px);} .w-productList .prd_pre,.w-productList .prd_next{ background:url(../images/bxSlide1.png) no-repeat; background-color:rgba(0,0,0,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;visibility:hidden;} .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-productList3{ margin-left:-1px; margin-right:-1px;} .w-productList3 .w-prd-list-cell .w-prd-list-cell-in{ margin:0 1px;} .w-productList3:hover .prd_pre{ left:0;} .w-productList3:hover .prd_next{ right:0;} .w-product .imgSearch .imgbg,.w-productList .imgSearch .imgbg,.prd_imgbgBlack .imgbg{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-product .imgSearch .imgSearchBox .icon_search,.w-productList .imgSearch .imgSearchBox .icon_search{ background-image:url(../images/icon_adore.png);} .product-detail-top1 .product-detail-images,.product-detail-top3 .product-detail-images{ width:45%;} .product-detail-top1 .product-detail-info,.product-detail-top3 .product-detail-info{ margin-left:49%;} .product-detail-images .product-detail-image-small .img-small-item{ width:23%;} .product-detail-images .product-detail-image-big{ border:1px solid #dadada;} .product-detail-info .product-title h2,.product-title-top h2{ color:#333; font-size:36px; font-weight:bold;} .product-detail-info .product-grayBox .product-prices{line-height:1.2;} .product-detail-info .product-grayBox{background:none; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} .product-detail-info .product-short-sum,.product-descons{ line-height:2;} .product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff;} .info_tab{ border-bottom:1px solid #DDDDDD;} .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:#444; display:block; font-size:18px; line-height: 3; position:relative;} .info_tab li a:after{ content:''; position:absolute; right:0; top:50%; margin-top:-0.5em; height:1em; width:1px; background:#ccc;} .info_tab li:first-child a{ padding-left:0;} .info_tab li:last-child a:after{ display:none;} .info_tab li.cur_tab{ background:none;} .info_tab li.cur_tab a{color:#212121;} .descon_item,.fileListBox,.msgLBox{ padding-left:0; padding-right:0;} .descon_item{ padding-left:0; padding-right:0;} /*----------------------------新闻-------------------------*/ .w-News-list .news-sum{ color:#666;} .w-News-list1 li,.w-News-list2 li .news-item,.w-News-list3 li,.w-News-list4 li,.w-News-list6 li,.w-News-list7 li,.w-News-list9 li,.w-News-list10 li,.w-News-list11 li,.w-News-list12 li,.w-News-list18 li,.w-adNews4 li,.w-adNews5 li,.w-adNews6 .adNewsTL li,.w-adNews8 li,.w-adNews9 li{ border-color:#E5E5E5; } .w-News-list .news-com .date{ color:#666; } .w-News-list1{ line-height:1.8;} .w-News-list1 .news-com .date{ font-size:90%;} .w-News-list1 li{ padding:20px 0;} .w-News-list1 .news-imgbox{ width:240px;} .w-News-list1 .news-com{ margin-left:270px;} .w-News-list1 .news-com .date{ margin-top:0;} .w-News-list1 .news-com .news-sum{ margin-top:0;} .w-News-list2{ margin-left: -14px; margin-left: -14px;} .w-News-list2 li{width: 33.333%; margin-bottom: 28px;} .w-News-list2 li .news-item{border:0; margin: 0 14px; padding: 10px; background: #F5F5F5;} .w-News-list2 .news-item .news-com{ padding:1.2em 5% 1.5em; } .w-News-list2 li .news-together{ line-height:1.5; margin-bottom:0.7em;} .w-News-list2 .news-com .news-sum{ line-height:1.5; max-height:4.4em;} .w-News-list2 li:hover .news-item .news-com{ background: #333;} .w-News-list2 li:hover .news-com .news-h, .w-News-list2 li:hover .news-com .news-h a,.w-News-list2 li:hover .news-com .date,.w-News-list2 li:hover .news-com .news-sum{ color: #fff;} .w-News-list4 a{ padding-left:25px; position:relative; color:#585858;} .w-News-list4 a:before{ content:''; position:absolute; left:6px; top:50%; margin-top:-2px; width:5px; height:5px; background:#D8B145; border-radius:50%; -webkit-border-radius:50%;} .w-News-list4 .news-com .news-h{ font-weight:normal;} .w-News-list4 .news-sum{ display:none;} .w-News-list6 li{ padding:20px 0;} .w-News-list6 .news-imgbox{ width:220px;} .w-News-list6 .news-com{ margin-left:250px;} .w-News-list7 .news-sum{ line-height:1.7; max-height:3.3em; overflow:hidden;} .w-News-list6 .news-com .news-sum{ margin-top:0.2em;} .w-News-list8 .news-item .news-com .news-h a:hover{color:#fff;} .w-News-list8 .news-item .news-com{ bottom:0;} .w-News-list13 li a{ background:#fff;} .w-adNews a{ color:#141414;} .w-adNews .date{ color:#939393;} .w-adNews .news-sum{ color: #777; font-size: 95%;} .w-adNews1 li .news-item .news-com .news-h a{color:#333;} .w-adNews1 li .news-item .news-com .news-sum{color:#666; font-size:100%;} .w-adNews2{ margin-left:-14px; margin-right:-14px;} .w-adNews2 li{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;background:#fff;transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;} .w-adNews2 li .news-item{box-shadow:1px 2px 5px rgba(0,0,0,0.17); -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.17); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.17);} .w-adNews2 li:hover .news-item .news-com{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px);} .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:#141414;} .w-adNews3 .w-adNews-texts .w-adNews-textsIn{ padding-top:10px; padding-bottom:10px;} .w-adNews3 .w-adNews-texts li:last-child{ border-bottom:0;} .w-adNews3 .w-adNews-texts li .w-adNews-textH p,.w-adNews3 .w-adNews-texts li .w-adNews-textH .news-sum{ color:#666;} .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; margin-bottom:0.3em; } .w-adNews4 li .news-h{ position:relative; padding-left:1em;} .w-adNews4 li .news-h:before{ content:''; position:absolute; left:0; top:50%; margin-top:-3px; border-radius:50%; -webkit-border-radius:50%; width:5px; height:5px; background:#D8B145;} .w-adNews5 li .news-h,.w-adNews6 .adNewsF .news-h{ font-weight:normal; margin-bottom:0.2em;} .w-adNews6 .adNewsF .news-h{font-size:110%;} .w-adNews7 .adNewsL li{ background-color:#f8f8f8;} .w-adNews7 .adNewsL li:hover{background:#333;} .w-adNews7 .adNewsL li .news-com{ color:#777;} .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{ background: #333;} .w-adNews7 .adNewsR .news-com .news-sum{ color:#fff;} .w-adNews8 li{ padding-bottom:0.5em; margin-bottom:0.4em; border-bottom:1px solid #D2D2D2;} .w-adNews8 li .news-h{ padding-left:1.3em; font-size:115%; font-weight:bold; position:relative;} .w-adNews8 li .news-h:before{ content:''; position:absolute; left:0; top:50%; margin-top:-0.4em; width:0.8em; height:0.8em; border:2px solid #093671; box-sizing:border-box; border-radius:50%; -webkit-border-radius:50%;} .w-adNews8 li .date{color:#afafaf; font-size:90%; line-height:3;} .w-adNews8 .news-sum{ color:#4c4c4c; font-size:90%;} .w-adNews9 li{ margin-bottom:14px;padding:20px; border-bottom: 0; background: #f9f9f9; } .w-adNews9 li:first-child{padding-top: 20px;} .w-adNews9 li .date{ padding:4px 30px 9px 15px; margin-top: 0; border-right: 1px solid #DDDDDD; background: none; color: #222; position: relative;} .w-adNews9 li .date:before{ content: ''; position: absolute; right: -1px; width: 1px; height: 0; top: 0; background: #333; transition: height 0.5s; -webkit-transition: height 0.5s;} .w-adNews9 li:hover .date:before{ height: 100%;} .w-adNews9 li .date .date-day{ font-size:38px;} .w-adNews9 li .date .date-yearMonth{ padding:0;} .w-adNews9 li .news-com{ padding:5px 0;} .w-adNews9 li .news-com .news-h{ font-size:110%;margin-bottom:0.2em;} .w-adNews9 li .news-com .news-sum{ font-size:95%; margin-top: 0.7em; line-height:1.6; height:3.1em;} .w-adNews9 li:hover{ background: #333;} .w-adNews9 li:hover .date, .w-adNews9 li:hover .news-sum, .w-adNews9 li:hover .news-h a,.w-adNews9 li:hover .news-h a.news-kind{color: #fff;} .w-adNews9 li:hover .news-sum{opacity: 0.7;} .w-adNews11{ margin-left:-4%; margin-right:-4%;} .w-adNews11 li{ width:42%; *width:41.9%; margin-left:4%; margin-right:4%;} .w-adNews11 li:nth-child(2n+1){ clear:none;} .w-adNews11 li:nth-child(3n+1){ clear:none;} .w-adNews11 li .news-h{ font-size:115%;} .w-adNews11 li .date{ margin-bottom:1em;} .w-adNews11 a{ color:#333;} .w-adNews11 li .news-btn{color:#fff;} .w-adNews11 li .news-btn:hover{ color:#fff;} .w-adNews17 li .news-item{max-width: 1400px;} .w-adNews li .news-btn{ padding:7px 20px; min-width:0;} .newsDetail .newsContent{ padding:0; font-size: 110%;} .newsDetail .newsTitle{color:#111; font-size:28px; margin-bottom:0.3em;} .newsDetail .newsST,.newsDetail .newshare{ color:#9a9a9a;} .newsDetail .newsSummary{ display:none;} .news-others{ border-top:1px dashed #c0c0c0; padding-top:0.5em; margin-top:30px;} /*---------------------faq----------------------*/ .w-faq-list2 li .faq_tit h3{ color:#333;} .w-faq-list3{ color:#333;} .w-faq-list3 li{ margin-bottom:0.6em;} .w-faq-list3 li .faq_tit{ background:#f8f8f8; border:1px solid #e9e9e9;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-size:110%; } .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-com-menu li > .div-parent > .fa-plus::before{content: "\f107";} .w-com-menu li.open > .div-parent > .fa-plus::before{ content: "\f106";} /*-----------------------会员中心和购物车--------------------*/ .w-admin-header .w-admin-nav a{ color:#5c5c5c;} .w-admin-row{width: 1400px;} /*---------------------登录注册--------------------------*/ .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;} .order-progress{ font-size: 14px;} @media (min-width:478px){ } @media (min-width:768px){ /*---------------------------菜单-------------------------*/ .side_bar{width:220px; } .side_left{ margin-left:250px; overflow:hidden;} .w-com-menu-V{ text-align:left; background:#fff; border:1px solid #E5E5E5; border-top:6px solid #333;} .w-com-menu-V .systitle{ display:none;line-height:1.8; padding:13px 10px 13px 26px; font-size:24px; border-left:8px solid #333; font-weight:bold; color:#333; position:relative; border-bottom:1px solid #E8ECEE;} .w-com-menu-V .systitle:before{ content:''; position:absolute; left:3px; width:3px; top:0; bottom:0; background:#333; } .w-com-menu-V .fa{ font-size:100%; font-weight:normal;right:0; top:15px; bottom:auto; color:#000;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent{ padding:0 24px; position:relative;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:before{ content:''; position:absolute; top:0; width:3px; height:57px; left:0; display:none;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent.cur:before{ display:block;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{background:none; border-bottom:1px solid #E5E5E5;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:last-child > .div-parent{ border-bottom:0;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{ padding:1em 0;font-size:16px; color:#414141;} .w-com-menu-V li a{padding:0 15px; font-size:100%; line-height:1.8;} .w-com-menu-V .ul-submenu{ background:none; padding:10px 0 10px 7px;border-top:1px solid #E5E5E5; margin-top:-1px;} .w-com-menu-V .ul-submenu .div-parent{ padding:5px 0;} .w-com-menu-V .ul-submenu a{color:#666; position:relative; padding-left:10px; } .w-com-menu-V .ul-submenu a:before{ content:''; position:absolute; left:-4px; top:50%; height:1px; width:9px; background:#bbb;} .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; padding:5px 0 5px 14px;} .w-com-menu-V .ul-submenu .ul-submenu .div-parent{ padding:0;} .w-com-menu-H{margin-top:-40px; margin-bottom: 40px; text-align:center; position: relative;} .w-com-menu-H:before{ content: ''; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -1500px; width: 3000px; background: #FAFAFA; border-bottom: 1px solid #ddd;} .w-com-menu-H .systitle{color:#222; background:none;font-size:26px; float:left; padding:0; line-height:80px;} .w-com-menu-H >.w-com-menu-in{ margin:0 auto; position: relative; z-index: 2;} .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-parent{text-align: left;} .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:#444;} .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{ position: relative; padding:0 15px; line-height:80px; display:block; font-size:16px; color:#222; } .w-com-menu-H > .w-com-menu-in > .ul-parent > li > .div-parent a:before{content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.5em; height: 1em; width: 1px; background: #ccc;} .w-com-menu-H > .w-com-menu-in > .ul-parent > li:last-of-type > .div-parent a:before{ display: none;} .w-com-menu-H .menu_simpline_cur{ display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; transition: all 0.3s; -webkit-transition: all 0.3s;} .w-com-menu-H li:hover .menu_simpline_cur{width: 100%; left: 0;} .w-com-menu-H .ul-submenu{ top:80px; } .w-com-menu-H .ul-submenu .ul-submenu{ top:28px;} .w-com-menu-H .ul-submenu li .div-parent{margin:0 5px;} .w-com-menu-H .ul-submenu li a{ line-height:3; color:#565656;font-size:14px;} .w-com-menu-H .ul-submenu .ul-submenu-up{display:none;} .w-com-menu-H2{ border-bottom: 0; margin-top:-40px; position: relative; padding:35px 0 30px;} .w-com-menu-H2:before{ content: ''; position: absolute; left:50%; top:0; bottom:0; width:3000px; margin-left:-1500px; background:#f6f6f6;} .w-com-menu-H2 .w-com-menu-in{position: relative; z-index: 1;} .w-com-menu-H2 .systitle{ display: none;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent{ border-bottom: 1px solid #e4e4e4; margin-bottom: 10px;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{ font-weight: normal; font-size: 100%;line-height: 34px;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent:after{ line-height: 34px;} .w-com-menu-H2 a{ margin-bottom: 10px;display: inline-block; *display:inline; *zoom:1;} .w-com-menu-H2 .ul-submenu li{ margin: 0 5px;} .w-com-menu-H2 .ul-submenu a{ padding: 0 15px;line-height: 34px;} .w-com-menu-H2 .ul-submenu a:hover,.w-com-menu-H2 .ul-submenu li.cur a{background: #333; color:#fff;} .order-progress .order-progress-line .order-progress-line-sec .line{width:111px;} } @media (min-width:768px) and (max-width:1401px) { .w-com-menu-H{ margin-left:-10px; margin-right:-10px; } } @media (min-width:1201px){ .w-logo h1{ line-height:80px;} .w-nav .li-parentOne-div .fa{ display:none;} .w-nav .submenu{ background:#fff; background:rgba(255,255,255,0.95); } .w-nav .submenu li{width:171px; } .w-nav .submenu li:last-child{border-bottom:0;} .w-nav .submenu li .submenu{left:171px;} .w-admin-shopCart{ position:absolute; right:10px; margin-right:0; padding-top:12px; z-index:2; top:25px;} .w-admin-shopCart a{background:#F5F5F5; 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-admin-shopCart{ right:50%; margin-right:-600px;} .w-prd-list2 .w-prd-list-cell .w-prd-infobox{ padding-left:30px;} .w-slide .cycle-prev, .w-slide .cycle-next{ opacity:0;transition: all 0.5s;-webkit-transition: all 0.5s;} .w-slide .cycle-prev{ left:-20px;} .w-slide .cycle-next{ right:-20px;} .w-slide:hover .cycle-prev, .w-slide:hover .cycle-next{ opacity:1;} .w-slide:hover .cycle-prev{ left:0;} .w-slide:hover .cycle-next{ right:0;} .w-adNews7 .adNewsR .aspectRatio{ padding-bottom: 50% !important;} .w-com-menu-H > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding:0 30px;} .side_bar{width:22%;} .side_left{ margin-left:22%; padding-left: 30px;} } @media (min-width:1300px){ .side_bar{width:20%;} .side_left{ margin-left:20%; padding-left: 30px;} .w-News-list .news-com .news-h{font-size: 125%;} } @media (min-width:1401px){ .w-prd-list-cell .w-prd-infobox h2, .w-product .w-prd-infobox h2{font-size: 120%;} .info_tab li a{ font-size: 20px;} } @media (max-width:1400px){ .body{ font-size: 14px;} .wrap-content-in,.row_top_in{ padding-left: 10px; padding-right: 10px;} .w-admin-row{width: 100%;} .product-detail-info .product-title h2, .product-title-top h2{ font-size: 24px;} .w-News-list2{ margin-left: -10px; margin-left: -10px;} .w-News-list2 li{margin-bottom: 20px;} .w-News-list2 li .news-item{margin: 0 10px;} .w-News-list2 .news-com .news-h{ font-size: 120%;} .newsDetail .newsTitle{ font-size: 24px;} } @media (max-width:1300px){ .w-nav .nav_inner > li{ min-width:0;} .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{padding: 0 29px;} .w-lantern-h .w-lantern-in{padding:0 25px;} .w-lantern-h .lantern_pre{ left:0;} .w-lantern-h .lantern_next{ right:0;} .imgFloatFull.captionbgFadeInDefault.textFade h3{font-size: 20px;} } @media (max-width:1200px){ html{width:100%; height:100%; overflow-x:hidden;} body{ height:100%;min-width:100%;} .body{ padding-top:1.4rem;} .w-custom{ display:none;} /*--------------------header---------------------*/ .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; box-shadow:0 1px 2px rgba(0,0,0,0.05);} .row_top{ display:block; padding-top:0; padding-bottom:0;} .row_top .column{ float:none; width:100%; display:block;} .menuPc{ 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:-220px; width:220px; background:#fff;top:0; bottom:0;padding:0;margin-top:0px; z-index:10; display:block;} .w-nav{ background:none; overflow-y:auto; height:100%; margin:0; padding:0;} .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:15px; color:#333;} .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; margin-left:0; padding: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; } .w-languege,.w-loginRegister, .w-shopCart{float:none; margin:0;padding: 0.2em 0.5em;border-bottom:1px solid #e1e1e1;} .w-loginRegister a, .w-languege a{ line-height:2;} .topLogBox .w-search{ float:none; margin:0.5em;} .topLogBox .w-search .input-search-w{border-color:#e0e0e0; width:100%;} .body-login-special .w-admin-header{color:#fff;} .login-navPc{ display:none;} .login-navTel{ display:block;} .body-login-special{ padding-top:1.56rem;} .body-login-special .w-admin-header .col-logo .w-logo{padding-top:0; padding-bottom:0;} .body-login .signTel,.body-login-special .signTel{ right:0.35rem;} .body-login .w-admin-header .w-logo,.body-login-special .w-admin-header .w-logo{ padding-right:1.2rem;} /*-----------------------会员中心和购物车--------------------*/ .w-admin-shopCart, .w-admin-top{display:none;} .mobile-nav-toggle{top:0; left:0; height:1.4rem; width:1.4rem; line-height:1.35rem; color:#fff; background:#333; text-align:center;} .mobile-nav-toggle .fa{ vertical-align:middle;} .signTel, .shopCartTel, .signQuitTel{display:block; top:0.35rem;} .w-admin-header .w-admin-nav{position:fixed;left:-220px; width:220px; background:#fff;top:0; bottom:0;padding:0; margin-top:0px; z-index:10; display:block; float:none;} .w-admin-nav .w-nav-in{height:100%;} .order-progress{display:none;} .banner .bx-controls-direction{ width:100%; left:0; margin-left:0;} .banner .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width:10px; height:10px; margin:0 5px;} .banner .bx-wrapper .bx-pager.bx-default-pager a{height:10px !important; width:10px !important; } .w-prd-list1{ margin-left:-10px; margin-right:-10px;} .w-prd-list1 .w-prd-list-cell-in{ padding:0 10px;} .side_left .w-prd-list2 .w-prd-list-cell{width: 100%;} .newsDetail .newsTitle{ font-size:140%;} .info_tab li:first-child a{ padding-left:10px;} } @media (min-width:768px) and (max-width:1300px) { .w-News-list3 li, .w-News-list4 li, .w-News-list5, .w-News-list7 li{ padding-left:0; padding-right:0;} } @media (max-width:960px) { .w-prd-list .w-prd-list-cell .w-prd-infobox h2{font-size:110%;} .w-prd-list2 .w-prd-list-cell{width: 100%;} .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;} .product-detail-top2 .product-detail-images .bx-wrapper{padding:0;} .w-lantern-h{ margin-left:-4px; margin-right:-4px;} .w-lantern-h .w-lantern-in{padding:0;} .w-lantern-h .lantern_pre,.w-lantern-h .lantern_next{ display:none;} } @media (max-width:767px) { .w-foot-content{ padding-top:0.3em; padding-bottom:0.3em;} .wrap-content-in{ padding: 1em 1em 2em 1em;} .w-system{padding: 1em 0 2em 0;} /*----------------------系统页-------------------*/ .systitle{ font-size:125%; margin-bottom:0; padding:0.4em 1em; font-weight:normal; } .crumbs{ background-position:4px center;} .w-breadcrumbs{ margin-left:10px;} .info_tab{ padding-left:0.2em;} .product-detail-info .product-grayBox{ border:0;} .w-prd-list1{ margin-left:0; margin-right:0;} .w-prd-list1 .w-prd-list-cell-in{ padding:0 0.3em;} .w-productList{ margin-left:-0.3em; margin-right:-0.3em;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 0.3em;} .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-top1 .product-detail-images, .product-detail-top3 .product-detail-images{ width:100%;} .product-detail-top1 .product-detail-info,.product-detail-top3 .product-detail-info{ margin-left:0;} .fileListBox, .msgLBox{ padding-left:1em; padding-right:1em;} .w-News-list1{ line-height:1.5;} .w-News-list1 li,.w-News-list6 li{padding:1em 0;} .w-News-list1 .news-com .news-sum{ max-height:2.9em; line-height:1.5;} .w-News-list1 .news-imgbox,.w-News-list6 .news-imgbox{ width:23%;} .w-News-list1 .news-com,.w-News-list6 .news-com{ margin-left:25%;} .w-adNews2{ margin-left:-7px; margin-right:-7px;} .w-adNews2 li .news-item{ margin:0 7px;} .w-News-list4 a{ padding-left:15px; } .w-News-list4 a:before{left: 2px;} .w-adNews9 li{ margin-bottom:1em;padding:1em;} .w-adNews9 li:first-child{padding-top: 1em;} .w-adNews9 li .date{ padding: 4px 1.2em 9px 0.5em;} .w-adNews11{margin-left:0; margin-right:0;} .w-adNews11 li{ width:100%; margin-left:0; margin-right:0;} .w-adNews11 li .date{ margin-bottom:0.2em;} .newsDetail .newsContent{ padding:0 1em;} .news-others{ margin-top:1.5em;} .w-title1 h2,.w-title16 h2{ font-size:28px;} .w-title1 .title-h-in > span,.w-title16 .title-h-in > span{ font-size:100%;} .w-title22 .tith h2{ font-size: 28px;} } @media only screen and (max-width:560px){ .imgFloatFull.captionbgFadeInDefault.textFade h3{font-size: 120%;} .w-prd-list2 .w-prd-list-cell{ margin-bottom: 1em;} .w-prd-list2 .w-prd-list-cell .w-prd-imgbox{width: 30%;} .w-prd-list2 .w-prd-list-cell .w-prd-infobox{margin-left: 30%;} .w-News-list2{ margin-left: -0.4em; margin-left: -0.4em;} .w-News-list2 li{margin-bottom: 0.8em;} .w-News-list2 li .news-item{margin: 0 0.4em; padding: 0.4em;} } @media only screen and (max-width:480px){ .body{font-size:0.35rem;} .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;} .banner .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width:6px; height:6px; margin:0 5px;} .banner .bx-wrapper .bx-pager.bx-default-pager a{height:6px !important; width:6px !important; } .w-title{ margin-bottom:0.5em;} .w-title1 h2,.w-title16 h2{ font-size:150%;} .w-title1 .title-h-in > span,.w-title16 .title-h-in > span{ font-size:90%;} .w-title1 .simpline{width:2em; height: 3px; margin: 0.3em auto;} .w-title3 h2,.w-title6 .tith h2,.w-title9 h2,.w-title10 h2,.w-title12 h2{font-size: 135%;} .w-title20 .tith span{font-size:145%;} .w-title20 h2{ font-size: 100%;} .w-title22 .tith h2{ font-size: 150%;} .w-title27 h2{font-size:120%;} .w-title39 h2{ font-size:120%; } .info_tab li a{ font-size:130%;} .w-productList2 .prd_pre,.w-productList2 .prd_next{ margin-top:-2em;} .w-breadcrumbs{ margin-bottom:0.8em;} .product-detail-info .product-title h2, .product-title-top h2{ font-size:130%;} .w-adNews9 li .date{ padding:0.5em 1em 0.7em;} .w-News-list1 .news-com .news-sum,.w-News-list1 .news-com .date{ font-size:90%;} .w-adNews2{ margin-left:-0.3em; margin-right:-0.3em;} .w-adNews2 li .news-item{ margin:0 0.3em;} .newsDetail .newsST,.newshare{ font-size:90%;} .w-faq-list3 li .faq_tit .icon_adore{ background-size:contain;} .prd_pageState span{ height:6px; width:6px;} .prd_pageState span.active{ height:2px; width:2px;} }