@media only screen and (min-width:1801px){.ttm-left-span .ttm-col-wrapper-bg-layer{margin-left:-500px}.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer,.ttm-right-span .ttm-col-wrapper-bg-layer{margin-right:-500px}}@media only screen and (max-width:1800px) and (min-width:1601px){.ttm-left-span .ttm-col-wrapper-bg-layer{margin-left:-400px}.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer,.ttm-right-span .ttm-col-wrapper-bg-layer{margin-right:-400px}}@media only screen and (max-width:1600px) and (min-width:1401px){.ttm-left-span .ttm-col-wrapper-bg-layer{margin-left:-300px}.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer,.ttm-right-span .ttm-col-wrapper-bg-layer{margin-right:-300px}}@media only screen and (max-width:1400px) and (min-width:1171px){.ttm-left-span .ttm-col-wrapper-bg-layer{margin-left:-200px}.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer,.ttm-right-span .ttm-col-wrapper-bg-layer{margin-right:-200px}}@media all and (min-width:1200px){.stickable-header.fixed-header{z-index:11;background-color:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.06)}.fixed-header{position:fixed!important;top:0;left:0;width:100%;z-index:9}}@media all and (min-width:992px){.ttm-header-style-03 .main_nav_content{position:unset}.menu-vertical li.parent:hover .sub-menu{display:block;opacity:1;-webkit-transition:opacity 1s ease-out;animation:fadeInLeft .5s}}@media all and (max-width:1199px){.top_bar,.ttm-header-style-02 .top_bar{height:unset}.top_bar{text-align:center;line-height:unset;padding:10px 0}.top_bar_user div{margin-left:5px}.top_bar_user div:first-child{margin-left:0}.top_bar_dropdown>li{padding:0 8px 0 11px}.cat_menu_container .cat_menu::after,.contact_info,.user_zone_block{display:none!important}.header_search .header_search_content{margin:0}.ttm-header-style-02 .header_main{position:unset}.ttm-header-style-02 .site-header-menu{padding-top:0}.ttm-header-style-03 .header_search{width:100%}.ttm-header-style-03 .menubar{position:unset;margin-bottom:30px}.ttm-header-style-03 nav.menu{margin-top:30px}}@media (max-width:991px){.header_main{padding:0 0 5px}.header_search{padding-top:0}.header_extra{padding:15px 0}.site-branding{padding:22px 0}.menu-vertical li ul:not(:last-child){border-right:unset}.menu-vertical li a.close-side{display:block;text-align:right;font-size:18px}.cat_menu_list{display:inline-block;position:fixed;overflow-y:auto;height:100%;top:0;left:-260px;width:260px;padding:15px 20px;opacity:0;background-color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-ms-transform:translateX(-80px);-o-transform:translateX(-80px);z-index:9}.cat_menu_list.on{opacity:1;left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.menu-vertical li.parent .sub-menu{position:unset;min-width:auto;box-shadow:unset}.menu-vertical li ul{display:block;width:100%}.product-banner-section .col-lg .banner-image,.widget_media_image{display:none}.ttm-reset-content-center-991 *,.ttm_single_image-wrapper{text-align:center!important}.ttm_single_image-wrapper .text-right{text-align:left!important}.break-991-colum .ttm-col-bgimage-yes,.break-991-colum.bg-layer-equal-height .ttm-col-bgcolor-yes{height:auto!important}body .page.ttm-sidebar-true .site-main,section{padding:60px 0!important}section.banner-top-section{padding:0!important}section.row-top-section{padding:60px 0 40px!important}section.banner-box-section{padding:0 0 60px!important}section.fillter-section{padding:60px 0 20px!important}section.contact-section{margin-top:0;padding:60px 0}section.only-title-section{padding:60px 0 35px!important}section.product-section{padding:10px 0 35px!important}section.blog-section{padding-top:0!important;margin-top:-60px}section.featured-product-section{padding:60px 0 10px!important}section.banner-section{padding:0 0 50px!important}section.error-404{padding:60px 0 90px}.spacing-3{padding:50px 35px}.spacing-2{padding:50px 40px}section.product-banner-section{padding:60px 0 30px!important}.product-banner-section .box-shadow{box-shadow:unset}.ttm-highlight-fid{left:15px;right:15px;text-align:center;padding-left:50px;margin:0 auto}table.cart_table td,table.cart_table td:nth-child(2),table.cart_table th:nth-child(2){padding:25px 15px!important}table.cart_table th{padding:12px 15px}.first-footer .widget{margin:20px 15px;text-align:center}.first-footer .widget-area:nth-child(2) .widget{margin:0}.second-footer .widget{margin:35px 0 0!important}.second-footer .widget-area:last-child .widget{margin-bottom:30px!important}.third-footer .widget{margin:40px 0 0!important;padding-right:0!important}.third-footer .widget-area:last-child .widget{margin-bottom:45px!important}.ttm-footer2-left,.ttm-footer2-right{text-align:center;margin-bottom:5px}.ttm-page-title-row .align-items-center{min-height:126px}.page-title-heading h1{font-size:28px;line-height:28px}.ttm-testimonial-box-view-style1 .testimonial-content{padding:25px 15px;margin-top:0}.ttm-tabs.tabs-for-products .tabs{margin-top:0}.sidebar .sidebar-right{padding-top:50px;order:1;width:100%}.sidebar .sidebar-left{padding-top:35px;order:1;width:100%}.sidebar .widget-area .widget:last-child{margin-bottom:20px}.ttm-single-product-details{margin-bottom:0}.single .products .product .onsale{top:-15px}#map{height:240px}.featured-title h5{font-size:18px;line-height:22px}.featured-desc p{font-size:14px;line-height:24px}.featured-icon-box.style1 .ttm-icon.ttm-icon_element-size-md i{font-size:30px}.section-title h2.title{font-size:26px;line-height:34px}.section-title h5{font-size:13px;line-height:11px;margin-bottom:4px}.section-title .title-desc{font-size:15px}.section-title .title-header{margin-bottom:25px}.section-title .title-header:after{bottom:-15px;height:4px}.section-title{padding:0 15px}.section-title.style2{margin-bottom:45px}.featured-imagebox-post .featured-content .featured-title h5{font-size:17px;line-height:22px}.content-area-sec-title h5{font-size:20px}.products-fitter.ttm-tabs ul.nav-tabs li a{padding:8px 15px;font-size:13px}.product .product-content-box{padding:18px 12px 22px}.product-list .col-lg-3{max-width:240px;padding:0}.product-list .col-lg-9{max-width:calc(100% - 240px);padding:0}.res-991-ml-0{margin-left:0!important}.res-991-mr-0{margin-right:0!important}.res-991-mt-0{margin-top:0!important}.res-991-mt-30{margin-top:30px!important}.res-991-mt-40{margin-top:40px!important}.res-991-mt-50{margin-top:50px!important}.res-991-mb-0{margin-bottom:0!important}.res-991-mb-15{margin-bottom:15px!important}.res-991-mb-30{margin-bottom:30px!important}.res-991-mb-40{margin-bottom:40px!important}.res-991-mb-50{margin-bottom:50px!important}.res-991-pt-0{padding-top:0!important}.res-991-pt-15{padding-top:15px!important}.res-991-pt-20{padding-top:20px!important}.res-991-pt-30{padding-top:30px!important}.res-991-pt-40{padding-top:40px!important}.res-991-pt-50{padding-top:50px!important}.res-991-pl-0{padding-left:0!important}.res-991-pl-15{padding-left:15px!important}.res-991-pr-0{padding-right:0!important}.res-991-pr-15{padding-right:15px!important}.res-991-pb-0{padding-bottom:0!important}.res-991-pb-5{padding-bottom:5px!important}.res-991-pb-10{padding-bottom:10px!important}.res-991-pb-30{padding-bottom:30px!important}.res-991-pb-50{padding-bottom:50px!important}}@media (max-width:767px){.newsletter_content{max-height:410px;max-width:350px}.newsletter_content .ns_image{display:none}.modal1-content{padding:40px 30px}.content-sec-head-style{display:block}.content-sec-head-style ul.tabs{text-align:left!important}.content-area-sec-title h5:after{display:none}.wrap-login{padding:30px!important}.product.product-list .product-content-box p{font-size:15px}.product .product-content-box .product-title h2{font-size:16px}.product .price{font-size:13px}.coupen-box{padding:15px 0 25px;border-left:unset}.breadcrumb-wrapper,.title-box .page-title-heading{display:block;text-align:left}.breadcrumb-wrapper .breadcrumb-wrapper-inner{padding:0;background:0 0}.title-box .page-title-heading h1{font-size:38px;line-height:41px}.banner-image,.product-image-box img{text-align:center;display:block;margin:0 auto}.ttm-shop-toolbar-wrapper .toolbar-left{margin-bottom:6px}.ttm-shop-toolbar-wrapper .toolbar-left .products-result-count{float:right}.checkout,.ttm-cart-form{padding:0}table.cart_table:not(.checkout-review-order-table) tr td{display:block;text-align:right}.shop_table_responsive thead,table .cart_item .product-thumbnail{display:none}table.cart_table:not(.checkout-review-order-table) tbody tr{display:block}table.shop_table_responsive tr.cart_item td:not(.product-remove)::before{content:attr(data-title) ": ";font-weight:700;float:left}table.cart_table .product-thumbnail img{width:60px}.coupon{float:none}.actions a.ttm-btn{margin-bottom:.5em}table.cart_table tr td.actions{text-align:left;padding-bottom:0!important}.cart-collaterals h5{margin-bottom:10px}.cart-collaterals p.orderby{padding-top:12px}td.actions button{width:100%}.coupon input,td.actions .coupon .button{width:auto}.quantity{display:inline-block}.cart-collaterals{margin-top:0}.cart-collaterals .cart_totals{width:100%;float:none}.featured-imagebox-post .featured-content{padding:14px 15px}.featured-imagebox-post .featured-content .featured-title h5{font-size:16px;line-height:22px}article.ttm-blog-classic .entry-header .entry-title{font-size:22px;line-height:30px}article.ttm-blog-classic .ttm-blog-classic-content{margin:0;padding:20px}article.ttm-blog-classic blockquote{padding-right:60px}.comments-area h2{font-size:24px}.res-767-mb-0{margin-bottom:0!important}.res-767-mb-15{margin-bottom:15px!important}.res-767-mb-30{margin-bottom:30px!important}.res-767-mt-0{margin-top:0!important}.res-767-mt-15{margin-top:15px!important}.res-767-mt-30{margin-top:30px!important}.res-767-ml-0{margin-left:0!important}.res-767-pt-0{padding-top:0!important}.res-767-pt-15{padding-top:15px!important}.res-767-pt-30{padding-top:30px!important}.res-767-pb-0{padding-bottom:0!important}.res-767-pb-15{padding-bottom:15px!important}.res-767-pb-30{padding-bottom:30px!important}.res-767-pr-30{padding-right:30px!important}.res-767-pr-15{padding-right:15px!important}.res-767-pr-0{padding-right:0!important}.ttm-tabs.ttm-tab-style-vertical .content-tab{padding:10px 20px}.ttm-tabs.ttm-tab-style-horizontal ul,.ttm-tabs.ttm-tab-style-horizontal ul.tabs li{display:block;margin-right:0}.ttm-tabs.ttm-tab-style-horizontal ul.tabs li a{border-radius:0}}@media (max-width:575px){.ttm-page-title-row .align-items-center{display:block!important;position:relative;top:37px}.page-title-heading h1{font-size:26px;line-height:30px;margin-bottom:6px}.comment-body{padding:20px 15px}.comment-author{margin-left:-125px}.comment-list .children{margin-left:15px}.ttm-fid-border .row>[class*=col-]:not(:last-child){border-bottom:1px solid}.ttm-facts-colum-sep .col-md-3{padding:20px 0 0}.ttm-fid-view-topicon{padding:0}.ttm-post-prev-next-buttons{text-align:center}.ttm-post-prev-next-buttons a.float-right{float:none!important}.comments-area .comment-form .comment-form-author,.comments-area .comment-form .comment-form-email,.comments-area .comment-form .comment-form-url{width:100%}.easyzoom-product-gallery .thumbnails{max-width:250px!important}.col-md-4:last-child .featured-icon-box.style3{padding-bottom:20px}.featured-icon-box.style3{padding-bottom:0;margin:0;padding-top:15px}.featured-icon-box.style3 p{margin:0}.product-list .col-lg-3,.product-list .col-lg-9{max-width:100%;padding:0 15px}.product-list .product-description{border-left:unset}.product-list .product-image-box{background-color:#f6f9ff}}@media only screen and (max-width:479px){.reply,.ttm-blog-classic .ttm-blogbox-footer-left{float:none}.cart,.categories-block,.top_bar_contact_item{display:none!important}#search_block_top #search_query_top{width:100%}.site-branding{float:none;text-align:center}.easyzoom-product-gallery .thumbnails{max-width:180px!important}.reply{margin-bottom:25px}.comment-meta{display:block;margin-bottom:5px}.ttm-blog-classic .ttm-social-share-wrapper{float:left}.content-sec-head-style ul.nav-tabs{padding:0}.products-fitter.ttm-tabs ul.nav-tabs li:not(:last-child){margin-right:1px}.products-fitter.ttm-tabs .tab-content{margin-top:80px}.ttm-tabs ul.tabs li:last-child,ul.nav-tabs li:last-child a{margin-right:0}}@media only screen and (max-width:350px){.wrap-login .form-group.justify-content-between,.wrap-login .form-group.justify-content-between .d-flex{display:block!important}.wrap-login .form-group.justify-content-between .d-flex:first-child{margin-bottom:15px}} /* 主菜单 */ header{ background-color: #030303;;} .moblie_head{ display: none; background-color: #030303; } .a_txt{ display: none;} .head{position: relative;width:100%; z-index: 9999; position: fixed; top: 0;} .head .navbox{float: right; padding-top: 10px;} .head .nav{display: block; float: left; } .head .nav .nav_pc{ width: 100%;} .head .nav ul li{float:left;position: relative; box-sizing: border-box;z-index: 999;} .head .nav ul li a{ text-decoration: none; height: 100%; padding: 0 10px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .head .nav ul li .f_a {line-height:40px;display:block;text-align:center; color: rgba(255,255,255,.6); font-size: 14px; } .head .nav ul li:hover .f_a { transition:all .3s; position: relative;} .head .nav ul li .s_navbox {display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #fff;z-index: 9999;box-sizing: border-box} .head .nav ul li .s_navbox .s_a a{color:#333;font-size:14px;text-transform:uppercase;display:block;text-align: left;padding: 5px 0;border-top: 1px solid #fff; padding-left: 10px;} .head .nav ul li .s_navbox .s_a a:hover{background-color:#030303;color: #fff;} .m_nav{display:none} .headlf .m_logo{display: none} .headrg .m_menuimg{display: none} .head .nav ul li .s_navbox.s_navbox_1{ width: 150px;} .head .nav ul li .s_navbox.s_navbox_37{ width: 150px;} .head .nav ul li .s_navbox.s_navbox_38{ width: 150px;} .head .nav ul li .s_navbox.s_navbox_39{ width: 150px;} .head .nav ul li.site-nav--active a.f_a { font-weight: 600; color: #fff; } /* 下拉侧边菜单 */ .sidenav .side li:hover .side_main {display: block;z-index: 999;} .sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;} .sidenav .side .side_main dl {margin: 20px;padding: 0;} .sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;} .sidenav .side .side_main dl dt b{font-size: 15px;} .sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;} .sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;} i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../imgs/img_public.png) no-repeat;vertical-align: middle;} i.icon-hot {background-position: 0 -240px;} i.icon-new {background-position: -40px -240px;} .sidenav .side .side_main dl dd a span {color: #999;} .sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);} .sidenav .side .side_main dl dd a:hover b {color: #40adf5;} .sidenav .side .side_main dl dd a:hover span {color: #40adf5;} /*小于1600大于1200稍微调整下字体*/ @media screen and (max-width: 1600px) and (min-width:1200px) { .nav ul li .f_a{font-size:14px} .nav ul li .s_navbox .s_a a{font-size:12px} .foot_top ul{margin-left:60px} .nav ul li .s_navbox .s_a{width:100%} } /*移动端导航*/ @media screen and (max-width: 1024px) and (min-width: 0px){ .head{display:none} .moblie_head{display:block;height:44px;background-color: #030303;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #000} .moblie_head .lf{padding-top:10px;padding-left:5%; float: left;} .moblie_head .lf img{height:24px} .moblie_head .rg{padding-right:5%;padding-top:0; float: right;} .moblie_head .rg a img{height:16px;vertical-align:top} #navToggle { height: 100%; padding: 2px 15px; margin-right: -15px; display: block; float: right; height: 45px; } #navToggle span { position: relative; width: 25px; height: 1px; margin-top: 19px; } #navToggle span:before, #navToggle span:after { content: ''; position: relative; width: 100%; height: 1px; left: 0; } #navToggle span, #navToggle span:before, #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #ffffff; } #navToggle span:before { top: 8px; } #navToggle span:after { bottom: 10px; } #navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } #navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } #navToggle.open span { background: none; } #navToggle.open span:before, #navToggle.open span:after { background: #ffffff; } .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000} .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1} .a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0} .a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%} .a_txt .div3 ul{padding-left:5%;padding-right:5%} .a_txt .div3 ul li{border-bottom:1px solid #232530} .a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px} .a_txt .div3 ul li .a_js2{ -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s; } .a_txt .div3 ul li .a_js2 i{ float: right; display: block; line-height: 45px;} .a_txt .div3 ul li .a_js2_on{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .a_txt .div3 ul li .a_txt2{display:none} .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px} } /* 语种选择 */ .header-bar__sep{ padding: 0 10px;} .header-language{ display: inline;} .header-language a{ color: #fff;}