@font-face{ font-family:'javatext'; font-style: normal; font-weight: 400; src: url(fonts/javatext.ttf); /* IE9 Compat Modes */ } @font-face{ font-family:'astra'; font-style: normal; font-weight: 400; src: url(fonts/astra.woff); /* IE9 Compat Modes */ } @font-face{ font-family:'font-zh'; font-style: normal; font-weight: 400; src: url(fonts/YouMingChaoTi-Medium-2.otf); /* IE9 Compat Modes */ } @font-face{ font-family:'font-en'; font-style: normal; font-weight: 400; src: url(fonts/YuMinPr6N-S2T.ttf); /* IE9 Compat Modes */ } :root { --green01:#1a73c9; } body{ overflow-x:hidden;font-family: "arial, helvetica, sans-serif","微软雅黑";} body,ul,li{ margin: 0px auto;padding: 0px; } .foot-dl ul li,.menu-item,.menu-item .sub-menu li,.project ul li,.ewmUl li{ list-style: none;} body,div,p,a,button{ font-family:javatext,serif;} ::-webkit-scrollbar{ width: 5px;} body,div,p,li,button,a,label{ font-family: "arial, helvetica, sans-serif","微软雅黑";}} a{color: #000000; font-size:12px; display: unset; text-decoration:none!important;outline: none!important;} a:hover{ color: red; text-decoration: none;} .clear,.clearfix{ clear: both; margin: 0px auto; padding: 0px;} input,textarea{padding: 0rem; margin: 0px auto;outline: none;} .input-text, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea,button{padding: .41em; margin: 0px auto; background-color: #fff;outline: none;box-shadow: none !important;background-color: rgba(0, 0, 0, 0); } button:hover{ background-color: unset; border: unset;} .fl{ float: left;} .fr{ float: right;} .container-fluid{margin: 0px auto;} .home{ background-color: #fff;} header{height: unset;} #headerIds{ position:relative;padding: 0px; background-color: #fff; z-index: 1000;} #headerIds { height: auto; padding-bottom: 15px;} #headerIds .topDiv{ height: 50px; line-height: 50px; background-color: var(--green01);} #headerIds .topDiv .topDiv-01{ text-align: left;} #headerIds .topDiv .topDiv-02{ text-align: right;} #headerIds .topDiv .topDiv-02 .topDiv-ali{display: block;height: 30px; float: right;} #headerIds .topDiv .topDiv-02 .topDiv-ali img{ width: 30px; height: 30px;} #headerIds .topDiv .topDiv-02 .fenge{float: right; display: block;width: 1px; height: 30px; background-color: #fff; margin-top: 8px; margin-left: 20px; margin-right: 20px;} #headerIds .topDiv,#headerIds .topDiv a{ font-size: 0.875rem;color: #fff; text-transform: uppercase;} .topDiv-02 .searchDiv{float: right; position: relative; width:240px; height: 30px; margin: 0rem auto; display: inline-block;margin-top: 10px; } .topDiv-02 .searchDiv i{ font-size: 18px; line-height:30px; color: #737373; z-index: 1; display: block;width: 30px; height: 30px; float: left;margin-top: 8px;} .topDiv-02 .searchDiv input{ position: relative; width:240px; height:30px; line-height: 30px; text-indent:4px; z-index: 0; border: solid 1px #fff; border-radius: 30px; float: left; text-align: left; background-color: #fff;} .topDiv-02 .searchDiv .search-bt{ position: absolute;right: 5px;top: 3px;width: 25px; height: 25px;} .logoDiv{ height: 200px; position: relative;margin-top:0px;} .moveShowDiv{ margin: 0px auto; padding: 0px; position: relative; left: 0px; top: 0px; background-color: #fff;} .moveShowDiv .row{ display: flex; width: 100%; height: 100%; position: relative;} .moveShowDiv .moveShowDiv-01,.moveShowDiv .moveShowDiv-03{ height: auto; position: relative;} .moveShowDiv .moveShowDiv-01,.moveShowDiv .moveShowDiv-02{ text-align: left; position: relative;} .moveShowDiv .moveShowDiv-01 a{ display:block;width: 100%; height: 100%; vertical-align: middle; text-align: left;} .moveShowDiv .moveShowDiv-01 a img{vertical-align:middle;display:inline-block; margin-top: 0px; max-width: 100%;} .moveShowDiv .moveShowDiv-02{height: 55px; text-align: right;} .moveShowDiv .moveShowDiv-03{ text-align: right;position: relative;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{position: absolute;width: 300px; height: 40px; top:65px;right:0px; } .moveShowDiv .moveShowDiv-03 a{display: block; float: right; width: 50%; height: 100%; line-height: 40px; font-size: 24px;color: #000; text-transform:capitalize; font-family: "Microsoft YaHei UI"; text-align: right;} .moveShowDiv .moveShowDiv-03 img{ max-height:40px; display: inline-block;} .moveShowDivActive{ } .moveShowDivActive .moveShowDiv-01 a,.moveShowDivActive .moveShowDiv-03 .moveShowDiv-03-div{ display: block!important;} #nav-div-meaus{ width: 100%; height: 50px; position: absolute; top: 0px;left: 0px; } #nav-div-meaus .navbar{ width: 100%; height: 50px; position: relative; display: block; padding: 0px;} #nav-div-meaus .navbar #navbarSupportedContent{ height: 100%;} #nav-div-meaus .navbar #navbarSupportedContent.show{ height: auto;position: relative;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav{ height: auto;width: 100%; background-color: rgba(0,0,0,0.6);} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li{width: 100%; height: 50px; margin: 0px auto; padding: 0px;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li a{height: 50px; line-height: 50px; margin: 0px auto;padding: 0px;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li span{display: none;} #nav-div-meaus .navbar-nav { position: relative;top:0px; margin: 0px auto; height: 50px;} #nav-div-meaus .navbar-nav li.active{} #nav-div-meaus .navbar-nav li{ display:inline-block; position: relative; text-align: center;height: 100%;width: 20%; border-right: solid 2px #eee; } #nav-div-meaus .navbar-nav li a{ display: block; position: relative;bottom: 0px;width: 100%; height: 50px; line-height:50px;color:#000; font-size:18px; text-decoration: none;padding-left: 1rem; padding-right: 1rem; margin: 0px auto;} #nav-div-meaus .navbar-nav li:hover a{ background-color: #fff; color: var(--green01);} #nav-div-meaus .navbar-nav li span{ display: block; position: absolute; right: 0px; top: 13px; height: 15px;width: 1px; background-color: #fff;} #nav-div-meaus .navbar-nav .nav-item a{ font-family:"arial, helvetica, sans-serif"; text-transform:uppercase;} #nav-div-meaus .navbar-nav li:last-child span{ display: none;} #nav-div-meaus .navbar-nav li .dropdown-menu{ position: relative; margin: 0px auto; width: 100%; top:50px; opacity: 0;border-radius:5px;border: 1px solid rgba(0,0,0,.05); box-shadow: rgba(0,0,0,0.6) 0px 5px 5px; background-color: var(--green01);} #nav-div-meaus .navbar-nav li .dropdown-menu dd{ border-bottom: solid 1px #4b9ceb;} #nav-div-meaus .navbar-nav li .dropdown-menu a{ padding-top: 0rem!important;padding-bottom: 0rem!important; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin-top: 0px; text-align: center; font-size: 18px;color: #fff;background-color: var(--green01);} #nav-div-meaus .navbar-nav li:hover .dropdown-menu{ padding: 0.625rem; display: block; position: absolute;opacity:1;transition:0.3s;} #nav-div-meaus .navbar-nav li:hover .dropdown-menu a:hover{ background-color: #fff;color:var(--green01); font-weight: bold; transition: 0.3s;} #nav-div-meaus .navbar-nav li .dropdown-menu .dropdown-item-2::after{ border-top: .3em solid transparent;border-bottom:.3em solid transparent; border-right: 0; border-left: .3em solid ;top:1.125rem; position: absolute;} #nav-div-meaus .navbar-nav li .dropdown-menu .dropdown-menu-2{ display:none; position: absolute; top:0rem;left: 13.5rem;width:15rem; min-height: 6.125rem; border: solid 1px #3b3b3b;background-color: #3b3b3b;} #nav-div-meaus .navbar-nav li .dropdown-menu dl{ width: 100%; position: relative;} #nav-div-meaus .navbar-nav li .dropdown-menu dl dd{ width: 100%; height: auto;} #nav-div-meaus .navbar-nav li .dropdown-menu dl dd:hover .dropdown-menu-2{ display: block;} .navbar-nav-btn { width: 20%; height: 100%; position: relative; display: block; text-align: right;float: right;} #nav-div-meaus .navbar-nav-btn li{ display:inline-block; position: relative; text-align: center;height: 100%; padding-left: 0rem; padding-right: 0rem; width: 50%; float: left;} #nav-div-meaus .navbar-nav-btn li a{ display: block; width: 100%; height: 100%; line-height:30px;color:#000; font-size: 0.875rem;font-family:"arial, helvetica, sans-serif"; position: relative; } .navbar-light .navbar-toggler{ border: unset;margin-top: 1px;} #Count-Carrello{ background-color:red;color: #fff; position: absolute; left: 20px;top: -0.5rem; border-radius: 1.5rem;} .banner-div{ position: relative; z-index: 0;} .banner-div .carousel-control-prev,.banner-div .carousel-control-next{width: 60px; height: 60px!important;top: 42%;bottom: unset;height: 30px;background-color:unset;border-color:unset;border: unset; z-index: 100000;} .banner-div .carousel-control-prev{ left:10%;} .banner-div .carousel-control-next{ right: 10%;} .banner-div .carousel-indicators{ bottom:0px;} .banner-div .carousel-indicators li{background-color: #fff;border: solid 1px #fff;width: 10px; height: 10px; border-radius: 10px; margin-left: 5px; margin-right: 5px;} .banner-div .carousel-indicators .active{ background-color:orange;border: solid 1px orange;} .article-banner-div{position: relative; z-index: 0; height: 100%;} .article-banner-div .carousel-inner{height: 100%;} .article-banner-div .carousel-item{ height: 100%;} .article-banner-div .carousel-item img{max-height: 100%; height: auto; margin: 0px auto;} .article-banner-div .carousel-indicators li{ background-color: #ddd;} .searchBar{ background-color: #f9f9f9; height: 85px;} .searchBar .searchBar-a{ text-align: left;} .searchBar .searchBar-a span,.searchBar .searchBar-a a{ float: left; margin-top: 28px; height: 30px; line-height: 30px; font-size: 30px;color: #323232; display: block;;} .searchBar .searchBar-a span{ color: #0251b7;} .searchBar .searchBar-a i{float: left; display:block ; height: 30px;width: 2px; background-color: #ddd;margin-top: 28px; margin-right: 5px; margin-left: 5px;} .searchBar .searchBar-a .searchBar-div{ position: relative; width: 100%; height: 85px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .searchBar .searchBar-a a:hover{color: #0251b7;} .searchDiv{ width: 380px; height: 44px; float: right; margin-top: 20px; position: relative; border: solid 1px #ddd;border-radius: 3px;} .searchDiv .searchinput{ float: left; width: 310px; height: 44px; line-height: 44px; font-size: 14px; border: none;} .searchDiv .searchbtn{float: right;width: 60px; height: 44px; background-color: #08419a;border: solid 1px #08419a;} .index-first-div{ padding: 0px; padding-top: 45px; padding-bottom: 45px; background-color: #fff;} .index-first-div a{flex: 0 0 auto; display: block; width: 25%; height: 150px; text-align: center;} .index-first-div a img{ display: inline-block; max-height: 100%; width: auto; margin: 0px auto;} .index-actlist{padding: 0px; padding-top: 25px; padding-bottom: 25px;background-color: #f0f0f0; } .index-title{ font-weight: 400;font-size:32px;letter-spacing: .1875rem; line-height: 60px; text-align: left;color: #02a328; text-indent: 10px; text-transform: uppercase; font-weight: bold;} .index-title-p{ color: #009944; font-size: 18px; line-height: 40px;text-align: center;text-transform: uppercase;} .recommendi-product-title{ margin-bottom: 35px;} .recommendi-product-title .index-title{ text-indent: 0px; text-align: center; height: auto; position: relative;} .recommendi-product-title .index-title img{ position: relative; z-index: 10; max-height: 100%;} .recommendi-product-title .index-title .index-title-p{ display: block;width: 100%; height: 2px; position: absolute;z-index: 0; top: 43%;background-color: #ddd;} .newsitem-list{} .index-product-list{padding: 0px; padding-top:50px; padding-bottom:0px;} .index-product-col{ margin-top: 40px;} .index-product-img{ width:98%; max-height: auto; margin: 0px auto; position: relative;text-align: center;} .index-product-img .index-product-img-a{ display: block; position: relative; overflow: hidden; text-align: center; vertical-align: middle; margin-bottom: 0px; border: solid 1px #ddd; padding: 8px;transition: all 0.5s;} .index-product-img .index-product-img-a:hover{border: solid 1px #2185e5; transition: all 0.5s;} .index-product-img .index-product-img-a img{ z-index: 0; display: table-cell; vertical-align: middle; text-align: center; max-width: 100%; height: auto;transition: all 0.5s;} .index-product-img .index-product-img-a span{display: block; position: absolute;width:100%;height: 100%; left: 0px; top: 0px; background-color: rgb(0,0,0,0); transition: all 0.5s;} .index-product-img .index-product-img-a div{ width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.6); position: absolute;left:0px;top: 100%; opacity: 0; transition: all 0.3s;} .index-product-img:hover .index-product-img-a img{transform: scale(1.05);transition: all 0.5s;} .index-product-img:hover .index-product-img-a div{top: 0rem; opacity:1; transition: all 0.3s;} .index-product-img .index-product-txt-cat{ height: 30px; line-height:30px; font-size: 12px; text-transform: uppercase;} .index-product-img .index-product-txt-product{ display: block; width: 100%; height: 60px; background-color: #2185e5; line-height: 60px; font-size: 24px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff; font-family:Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase;} .index-product-img .index-product-txt-product span{ font-family: "Microsoft YaHei UI"; font-weight: normal;transition: all 0.3s;} .index-product-img .index-product-txt-product:hover{ background-color: #e51511; transition: all 0.3s; } .index-product-more { position: relative; display: block; width: 200px; line-height: 40px; text-align:center; color: #2185e5; font-size: 20px; margin: 0px auto; margin-top: 60px; margin-bottom: 60px; transition: all 0.3s; } .index-product-more:hover{ color:orange; transition: all 0.3s;} .index-product-more span{ display: block; position: relative;width:120px; height: 100%; z-index: 10; text-align: center;margin: 0px auto; background-color: #fff; } .index-product-more p{ display: block; position: absolute;top: 45%;width: 100%; height: 2px; background-color: #ddd; z-index: 1;} .index-product-img p{ display: block;width: 100%; height: 25px; line-height: 25px; color: #666; font-size: 12px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin: 0px auto; text-align: left;} .index-product-img p.index-product-ppai{color: #000000; margin-top: 8px;} .index-product-img p.index-product-adtext{color: #666; height: 30px; line-height: 30px; } .index-product-img p.index-product-top{ color: #666;} .index-product-img .add-to-cart{ font-size: 14px;width: 100px; text-align: center; color: #666;} .index-product-img .add-to-cart i{ display:inline-flex;} .index-cases-col .index-product-txt-product{ background-color: #eee; color: #333;} .index-cases-col .index-product-txt-product:hover{color: #fff;} .cat-product-img{ width: 240px;height: 345px;} .cat-title{ text-indent:0px;} .index-product-img-max{ width:618px; height: 445px; } .index-product-img-max .index-product-img-a img{ display: table-cell; vertical-align: middle; text-align: center;width: 100%; height: auto;} .index-catproducts-div{ border: solid 1px #000000;padding: 10px;width: 99%; margin: 0px auto;} .index-catproducts-div .index-product-img4{ height: 375px;} .index-ad2{ padding: 0px; margin-top: 30px; margin-bottom: 30px; position: relative;} .index-ad2 img{width: 100%; height: auto;} .index-chejian-list{ position: relative;} .chejian-title{ height: auto;width: auto; position: absolute;left:0px;top:0px; z-index: 10;} .index-chejian-row{position: relative;width:1320px; height:490px; z-index:0; float: right;} .index-cehjiang-col{ height: 225px; position: relative;} .index-cehjiang-col img{ max-width: 100%;} .aboutusbk{ padding-top: 100px;padding-bottom: 100px;} .aboutusbk .index-title{color: #2185e5;} .aboutusbk .index-title.font-en{color: #6e6e6e; text-transform: uppercase; font-size: 30px; height: 40px; line-height: 40px;} .aboutusbk .index-title.font-zh{color: #2185e5;font-size: 45px;height: 70px; line-height: 70px;} .aboutusbk .aboutus-infor{ width: 100%; height: auto; margin-top: 0px;position: relative;} .aboutusbk .aboutus-infor01{ width: 90%; margin: 0px auto; margin-top: 0px; } .aboutusbk .aboutus-infor img{ max-width: 100%;transition: all 0.3s;} .aboutusbk .aboutus-infor:hover img{ transform: scale(1.05); transition: all 0.3s;} .aboutusbk .aboutus-infor h2{ color: #fff; border-bottom: solid 1px rgba(255,255,255,0.75); height: 100px; line-height:70px; font-size:26px;} .aboutusbk .aboutus-infor .aboutus-infor-div{ font-size: 18px; line-height: 35px; color: #333;} .aboutusbk .aboutus-infor .aboutus-more{ display:block; width: 100px; height: 40px; line-height: 40px; color:#2185e5; font-size: 18px; text-align: left; margin-top: 30px;} .aboutusbk .aboutus-infor .aboutus-more:hover{ color:orange;} .index-remenpaihang{height:480px; position: relative; overflow: hidden;} .silde-productslist{width: 100%; height: 100%; position: relative;} .silde-productslist .carousel-indicators{ position: absolute; bottom: 0px; text-align: center; z-index: 1000;} .silde-productslist .carousel-indicators li{width: 8px; height: 8px; border: solid 1px #000000; border-radius: 8px; background-color: #fff; display: inline-block; cursor: pointer; margin-left: 5px; margin-right: 5px;} .silde-productslist .carousel-indicators li.active{ background-color: #000000;} .certificationDiv{ margin-top: 50px;margin-bottom: 50px;} .certificationDiv .index-title { margin-bottom: 50px;} .newsDiv{ margin-top: 120px; padding-left: 0px; padding-right: 0px; height: 650px; position: relative;} .newsDiv .newsDiv-img img{ max-width: 100%;} .newsDiv .newsDiv-list{ background-color: #2185e5;} .newsDiv .newsDiv-list dl{ width: 98%; margin: 0px auto;} .newsDiv .newsDiv-list dl dt{ line-height: 60px; font-size: 30px;color: #fff; margin-top: 30px; margin-bottom: 30px;} .newsDiv .newsDiv-list dl dd{ background-color: #4b9cea;width: 100%; height: 100px; margin-bottom: 10px; position: relative;} .newsDiv .newsDiv-list dl dd div{float: left; width: 100px; height: 100%; text-align: center; background-color: #fff;} .newsDiv .newsDiv-list dl dd div span{ display: block;width: 100%; line-height: 30px;color: #2185e5;} .newsDiv .newsDiv-list dl dd div span:first-child{ font-size: 36px;height: 60px;line-height:80px;} .newsDiv .newsDiv-list dl dd div span:last-child{ font-size: 20px;height: 40px;line-height: 40px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ float: left; width: 770px; height: 100%;line-height:100px; position: relative; overflow: hidden; font-size: 24px; color: #fff; margin-left: 20px;} .newsDiv .newsDiv-list dl dd:last-child{ background-color: unset;height: 50px; margin-top: 15px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more{ margin-top: 0px; margin-bottom: 0px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ background-color:#2185e5;color: #fff ;} .newslist1{ padding: 0px;padding-top: 50px;padding-bottom: 50px;background-color: #ecffeb;} .index-newslist1{ margin-top: 50px; width: 100%; position: relative; overflow: hidden;} .index-newslist1 .index-news-img{ height:auto ;} .index-newslist1 .index-news-img .index-news-title{ display: block;width: 100%; height:52px;margin-bottom: 5px;} .index-newslist1 .index-news-img .index-news-title a{ font-family: "arial, helvetica, sans-serif"; font-size:18px;color: #000000; line-height: 30px;transition: all 0.3s;} .index-newslist1 .index-news-img .index-news-date{display: block;width: 100%; height:40px; line-height: 40px; color: #333; } .index-newslist1 .index-news-img .index-news-img-div{width: 100%; height: 260px; position: relative; border: solid 1px #fafafa; display: table; text-align: left; margin-bottom: 10px;} .index-newslist1 .index-news-img .index-news-img-div a{ display: table-cell; vertical-align: middle;} .index-newslist1 .index-news-img .index-news-img-div img{width: 100%; height: 100%; position: absolute;left: 0px; top: 0px; z-index: 0;transform: scale(1);transition: all 0.3s;} .index-newslist1 .index-news-img .index-news-img-div span{ display: block; width:80px; height: 25px; line-height: 25px; text-align: center; position: absolute;left: 0px; bottom: 20px; z-index: 1; background-color: rgba(255,255,255,0.6); color:#2581c4; font-size: 12px; font-weight: bold; } .index-newslist1 .index-news-img .index-news-infor{margin: 0px auto; margin-top: 10px;} .index-newslist1 .index-news-img .index-news-excerpt{ font-size: 16px;color: #000; line-height: 25px;transition: all 0.3s;} .index-newslist1 .index-news-img .index-news-excerpt a{ display: none;} .index-newslist1 .index-news-icons{ display: block;width: 100%; height: 30px; text-align: left; color: var(--green01); font-size: 18px;transition: all 0.3s;} .index-newslist1 .index-news-img:hover .index-news-title a{ color: var(--green01); transition: all 0.3s;} .index-newslist1 .index-news-img:hover .index-news-img-div img{transform: scale(1.05);transition: all 0.3s;} .index-newslist1 .index-news-img:hover .index-news-excerpt{ color:var(--green01); ; transition: all 0.3s;} .index-newslist1 .index-news-img:hover .index-news-icons{color:orange;transition: all 0.3s;} .videolist1{ padding-top: 20px;} .index-videolist1{ height: 320px; } .index-videolist1 .index-news-img{ height:250px ;} .index-videolist1 .index-news-img .index-news-img-div{width: 100%; height:250px; position: relative;} .slider-aboutlist{ height: 60px; background-color: #fff; position: relative;} .slider-aboutlist ul{ width: 100%; height: 100%; list-style: none;} .slider-aboutlist ul li{ float: left; width: auto; height: 100%; padding-left: 30px; padding-right: 30px; border-left: solid 1px #eee;} .slider-aboutlist ul li:last-child{ border-right: solid 1px #eee;} .slider-aboutlist ul li a{line-height: 60px; font-size: 20px; color: #000000;} .slider-aboutlist .active{ background-color: var(--green01);} .slider-aboutlist .active a{ color: #fff;} .page-contentDiv{ margin-top: 30px; margin-bottom: 40px;} .index-page-div{ margin-top: 50px; margin-bottom: 30px;} .index-page-div .index-page-title{ } .index-page-div .index-page-title h3{width: 40%; text-align: center; font-size: 2.571em; line-height: 40px; margin: 0px auto; margin-bottom: 30px;} .index-page-div .index-page-content{color: #666; line-height: 25px;} .index-shipu-div{ margin-top: 40px; margin-bottom: 40px; background-color: #fff;} .index-session-title{text-align: center; margin-top: 140px; margin-bottom: 160px;} .index-session-title span{ line-height: 50px; font-size: 68px; font-family: 'font-zh';color: #000000;} .index-session-title p{letter-spacing:4px; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #999; font-family: 'Microsoft YaHei UI';} .index-shipu-div .item-shipu{width: 418px; height: 505px; position: relative; margin: 0px auto;} .index-shipu-div .item-shipu .a-img{ display: table-cell; width: 418px; height: 262px; text-align: center; vertical-align: middle;} .index-shipu-div .item-shipu .a-img img{ max-width: 100%; height: auto;} .index-shipu-div .item-shipu .item-infor{ width: 92%; margin: 0px auto; margin-top:10px;} .index-shipu-div .item-shipu .a-cat{ display: block;width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #000000; text-transform: uppercase; font-family: 'Microsoft YaHei UI';} .index-shipu-div .item-shipu .a-title{display: block;width: 100%; height:40px; line-height: 40px; font-size:20px; font-family: 'font-zh'; } .index-shipu-div .item-shipu .p-enname{ font-size: 16px; line-height: 26px; color: #999;text-transform: uppercase; margin-bottom: 5px;text-transform: uppercase; font-family: 'Microsoft YaHei UI';} .index-shipu-div .item-shipu .p-excerpt{ font-size: 14px; line-height: 20px; color: #333; font-family: 'font-zh'; } .index-rating{width: 100%!important;} .index-zhengshu-div{ background-color: unset;} .index-zhengshu-div .index-session-title{margin-bottom: 60px;} .index-zhengshu-div .index-session-title h3 p{ margin-top: 10px; } .index-shipu-div .item-zhengshu{width: 98%; margin: 0rem; display: table-cell; text-align: center; vertical-align: middle; border:solid 2px #eee;padding: 0px; transition: all 0.3s;} .index-shipu-div .item-zhengshu img{ max-width: 100%; height: auto;} .index-shipu-div .item-zhengshu:hover{ padding: 4px; border:solid 2px #333; transition: all 0.3s;} .page-footer{ background-color:#2185e5;color:#fff; margin-top: 125px;} .page-footer .footer-sidebar1{ height: 100%; background-color: #1a73c9;color: #fff; text-align: center; line-height: 40px; font-size: 13px;} .page-footer .footer-sidebar1 dt{ margin-top: 20px; margin-bottom: 10px;} .page-footer .footer-sidebar1 dd{ margin-top: 20px; margin-bottom: 10px;} .page-footer .footer-sidebar2{ width: 98%; margin: 0px auto; padding-top: 30px; position: relative; height: 100%;} .page-footer .footer-sidebar2 .footer-nav{width: 100%; list-style: none;} .page-footer .footer-sidebar2 .footer-nav li{ display: block; width: 14.15%; float: left;} .page-footer .footer-sidebar2 .footer-nav li a{color: #fff; text-align: left;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ display: block;width: 100%; height: 50px; line-height:50px; font-size: 18px; border-bottom: solid 1px #fff; text-align: left;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-toggle::after{ display: none;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{width: 100%;; position: relative; top: unset; display: block; background-color: unset;border:unset} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 40px; line-height:40px; font-size: 16px; border-bottom: none; } .page-footer .footer-sidebar2 .footer-reserved{ position: absolute; bottom: 0px;text-align: left; border-top: solid 1px #fff; padding-top: 20px;width: 100%;} .page-footer .footer-sidebar2 .footer-reserved a{ color: #fff;} .prevNextClass,.prevNextClass a{ font-size: 14px; line-height: 30px;color: #666;} .cat-sidebar-1 { padding-top: 15px;} .cat-sidebar-1 .widget { margin-bottom: 10px;} .cat-sidebar-1 .widget-title{ display: block;width: 100%; height: 40px; line-height: 40px; background-color: #eee; text-indent: 10px; font-weight: bold;color: var(--green01);} .cat-sidebar-1 ul{ list-style: none; margin: 0rem auto; padding: 0px; width: 100%; border: solid 1px #eee;} .cat-sidebar-1 ul li{ text-align: left;margin: 0rem auto; padding: 0px!important; text-indent: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: dotted 1px #ddd;} .cat-sidebar-1 ul li:before{display: none!important;} .cat-sidebar-1 ul li a{ color: #000000; font-size: 14px; line-height: 40px;} .cat-sidebar-1 ul li:hover{ background-color: #FAFAFA;} .cat-sidebar-1 ul li:hover a{color: var(--green01);} .footer-reserved{ padding-top: 1.25rem; padding-bottom: 1.25rem;font-family: "arial, helvetica, sans-serif";color: #fff;font-size: 0.875rem; text-align: center; text-transform: capitalize;} .nav-leftDiv{display: none; position:fixed;top: 0px;left: 0px;width: 100%; height: 100%; background-color: rgb(0,0,0,0.6); z-index: 100000; } .nav-leftDiv .nav-left{ display: block; position: absolute;left: 0px;top: 0px; width:260px; height: 100%; background-color: #333333;} .nav-leftDiv #closeNavLeftDIv{ position: absolute; right: 20px;top: 20px; z-index: 1; color:#999 ; font-size: 20px;} .nav-leftDiv .nav-left dl{ display: block; position: relative; width: 90%; margin: 0px auto; text-align: center; padding-top: 30px;} .nav-leftDiv .nav-left dl dt{ width: 100%; height: auto; line-height: 50px; font-size: 34px;color: #fff; margin-bottom: 20px;list-style: none;} .nav-leftDiv .nav-left dl dd{ width: 100%; height: 35px; list-style: none; } .nav-leftDiv .nav-left dl dd a{line-height: 35px; font-size:16px;color: #999; text-transform: uppercase;transition: all 0.3s;} .nav-leftDiv .nav-left dl dd a:hover{color: #fff; transition: all 0.3s; } .cat_mode{ position: fixed; width: 100%; height:100%; right:-110%; top: 0px; z-index: 100000; background-color: rgba(0,0,0,0.5); } .cat_mode dl{ border-left: solid 1px #ddd; background-color:#f5f5f5; width: 250px; margin:0px auto; height:100%;right:0px;top: 0px; position:absolute;} .cat_mode dl dt{ width:100%; height:40px; margin-top:20px; font-size:18px; text-align:center; position:relative} .cat_mode dl dt i{ display:block; width:40px; height:2px; background-color:#000; margin:0px auto; margin-top:10px;} .cat_mode .cat_mode_jiesuan{ display:block; width:80%; height:30px; line-height:30px; text-align:center; background-color:#000; font-size:16px;color:#fff; border-radius:30px; margin:0px auto; margin-top:20px; margin-bottom:20px;} .cat_mode .close_btn_a{ display:block; width:120px; height:30px; line-height:30px; text-align:center; font-size:14px;color:red;margin:0px auto; margin-bottom:20px;} .cat_mode ul{ width:94%; margin:0px auto;} .cat_mode ul li .product-name-cat{ width:100%; height:20px; line-height:20px; border-bottom:solid 1px #eee; margin-bottom:8px; font-weight:bold;} .cat_mode ul li .product-remove-cat{ float:left; width:20px;} .cat_mode ul li .product-remove-cat a{ margin-top:20px;} .cat_mode ul li .product-thumbnail-cat{ float:left;max-width:60px; height:60px; padding:5px;} .cat_mode ul li .product-thumbnail-cat img{ max-width:60px; height:60px;} .cat_mode ul li .product-price-cat{ float:right; font-size:12px; width:100px; height:60px; text-align:right;} .cat_mode ul li .product-price-cat .product-quantity .screen-reader-text{ display: none;} .cat_mode ul li .product-price-cat .product-quantity .input-text{ height: 30px; border: solid 1px #ddd;} .cat_mode ul li .product-price-cat .amount{ font-family:astra ;} .cat_mode ul li .coupon{ display:none;} .cat_mode ul li button{ border:none; background-color:none; font-size:12px;color:red;} .hideCls{right:-110%!Important; transition:right 0.3s} .hideCls .rootmenu{ right:0px!Important; } .showCls{right:0px!Important; transition:right 0.3s} .showCls .rootmenu{ right:0px!Important; } .close_btn{ position:absolute; left:10px;top:10px; font-size:26px;color:#fff;} /**二级分类**/ .wzPostion,.wzPostion a{ font-size:0.95rem; line-height:3.125rem;color: #666; } .wzPostion a{ display: inline;} .wzPostion a:hover{color: red;} .cat-bannerDiv{ margin-top: 15px;} .cat-bannerDiv .cat_maxpic1{width: 100%; margin-bottom: 15px;} .cat-bannerDiv .cat_maxpic1 img{ width: 100%; height: auto;} .cat-bannerDiv .cat_minpic2 img{ width: 100%;margin-bottom: 15px;} .div378{ margin-top:60px;} .div378 .div378-item{ margin-bottom: 40px;} .search-result{ font-size: 20px; line-height: 40px; margin-bottom: 30px;} .product-lists-count{ text-align: left; font-size: 14px;color: #363636; line-height: 50px;} .weizhi_order{ text-align: right;font-size:0.75rem; line-height:3.125rem;color: #666;} .weizhi_next_page{ text-align: right;font-size:0.75rem; line-height:3.125rem;color: #333;} .weizhi_order #orderby{ border: solid 1px #eee;height: 30px;} .product-cat-title{ margin: 0px auto!important; margin-bottom: 0px!important; margin-top: 25px!important; border-bottom: solid 1px #eee;} .product-cat-title h1{color: var(--green01); font-size: 1.5rem;font-weight: 400; text-transform: capitalize; font-family: astra; font-weight: bold;} .news-cat-title{ margin: 0px auto!important; margin-bottom: 50px!important; margin-top: 50px!important;width: 100%; } .news-cat-title h1{color:#333; font-size: 1.5rem;font-weight: 400; text-transform: capitalize; font-weight: bold;text-align: center; } .div-download{ height: 50px; line-height: 50px; margin-top: 20px; margin-bottom: 20px; border-bottom: dotted 1px #ddd;} .div-download i{ font-size: 20px;} .div-download a{ color: #000000; font-size: 16px;} .div-download .div-news01{ padding-left: 0px; text-indent: 0px;} .div-download .post-download{ text-align: right;} .sidebar-cat2 dl{ width: 100%;} .sidebar-cat2 dl dt{width: 100%; height: 60px; line-height:60px; font-size: 24px; font-weight: bold; text-indent: 20px;color: #fff;border-bottom: solid 1px #ddd;background-color: var(--green01);} .sidebar-cat2 dl dd{width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 20px;border-bottom: solid 1px #eee;} .sidebar-cat2 dl dd a{ line-height:20px; font-size:16px; color: #000000; text-transform: capitalize;} .sidebar-cat2 dl dd a:hover{ color: var(--green01);} .catDiv{ width:100%; height: 27.8125rem; margin: 0px auto; position: relative;} .catDiv .catDiv-img{ width: 25rem; height:25rem ; margin: 0px auto; ; position: relative;transition: 0.3s;} .catDiv .catDiv-img .imgDiv-a{ display: flex;text-align: center; vertical-align: middle;width: 100%; height: 100%;} .catDiv .catDiv-img .imgDiv-a img{ max-width: 100%; max-height: 100%;margin: 0px auto;transform: scale(1); transition:transform 0.3s; } .catDiv .catDiv-img .imgDiv-a img:hover{ transform: scale(1.1); transition:transform 0.3s;} .banner-cat{ padding:0.625rem; background-color: #f5f5f5; text-align: center;color: #333; font-size: 1.4rem; margin-bottom: 10px;} /**三级分类**/ .product-lists{ margin-bottom: 0.625rem;} .pro-bigbox{width:300px; height: 405px; flex-flow: column;text-align: center; margin: 0px auto; margin-top:20px; position:relative; transition: all 0.3s;} .pro-bigbox .bigboximg{width:300px;height:300px; box-shadow: none; margin: 0px auto; margin-bottom: 0;position: relative;} .pro-bigbox .bigboximg a{display:block;width:100%; height:100%;text-align: center; vertical-align: middle; position: relative; } .pro-bigbox .bigboximg a img{ position: absolute;top: 0px;left: 0px; display: table-cell; max-width: 100%;; height:auto;margin: 0 auto;transition: opacity .3s ease;} .pro-bigbox .bigboximg a .img1{ opacity: 1;} .pro-bigbox .bigboximg a .img2{ opacity: 0;} .pro-bigbox .bigboximg a:hover .img1{ opacity: 0;transition: opacity .3s ease;} .pro-bigbox .bigboximg a:hover .img2{ opacity: 1;transition: opacity .3s ease;} .pro-bigbox .bigboxword{ padding-left: 8px; text-align: left; margin-top: 0px;} .pro-bigbox .bigboxword .post-cat{ line-height: 25px; color: #666;} .pro-bigbox .post-title{ display: block; width:100%;line-height: 30px; font-size: 14px; color: #000; } .pro-bigbox:hover{ background-color: #f5f5f5; transition: all 0.3s;} .pro-bigbox:hover .bigboximg{ border: solid 1px #eee;transition: all 0.3s;} .pro-bigbox .post-infor{ font-size:0.75rem; line-height: 25px; text-align: left; font-family:astra; margin: 0px auto;} .pro-bigbox .post-infor span{font-size: 16px;} .pro-bigbox .post-infor del bdi{color: #999; font-weight: normal; } .pro-bigbox .post-infor ins, .pro-bigbox .post-infor bdi{color: var(--green01); text-decoration: none; margin-right: 8px; font-weight: bold; font-family: 'Noto Sans';} .pro-bigbox .bigboxword-btn{ position: absolute; bottom:2rem; width: 96%;left:2%; } .pro-bigbox .bigboxword-btn .btn{ border-radius: unset;width:unset;padding-left:1rem;padding-right:1rem; border: solid 1px #ddd;} .pro-bigbox .bigboxword-btn .form-control{border: solid 1px #ddd;padding:0.38em; text-align: center; font-size: 0.75rem;color: #000;} .pro-bigbox .bigboxword-cart{ position: absolute; bottom: 0.25rem; width: 96%;left:2%; height: 1.875rem; text-align: center; line-height: 1.875rem;color: #333; font-size: 0.875rem;} .pro-bigbox .bigboxword-cart button{ border: none; background-color: unset;color: #333; height: 100%;width: 100%; line-height:0.5rem; font-size: 0.875rem; text-transform: capitalize;} .pro-bigbox .bigboxword-cart button:hover{ font-weight: bold;} .pro-bigbox .bigboxword-cart button i{ display: inline-flex;} .cart-active{} .loading-css{ z-index: 10000;; text-align: center; margin-top: 1.25rem; margin-bottom: 1.25rem;bottom: -100000px; left: 49%; position:fixed; display: block; opacity:0;transition: opacity 0.3s;} .loading-css.active{top:42%; opacity: 1; transition: opacity 0.3s;} /**页面**/ .page-title{ line-height: 40px; font-size: 20px; text-align: center; padding-top: 2rem; padding-bottom: 1rem;} .page-title .banner-txt{ margin-top:80px; margin-bottom:80px;} .page-title .banner-txt .banner-txt-01,.page-title .banner-txt .banner-txt-02{ font-size: 30px; line-height:60px;} .page-title .banner-txt .banner-txt-01{ font-family: 'font-zh';} .page-title .banner-txt .banner-txt-02{ font-family: 'microsoft yahei ui';} .page-title .banner-txt .banner-txt-03{ font-family: 'microsoft yahei ui'; font-size: 20px; line-height: 30px; text-transform: uppercase; color: #000;} .page-banner{ padding: 0px;padding-left: 0px!important;;padding-right: 0px!important; margin: 0px auto; text-align: center;} .page-banner img{ max-width: 100%;margin: 0px auto;} .aboutus-page-infor,.aboutus-page-infor *{ font-size:18px; font-family: 'font-zh';} .page-img{ height:360px; overflow: hidden; position: relative;} .page-img img{object-fit: cover;width: 100%; height: 100%; background-size: cover; margin-top: 2rem; margin-bottom: 2rem;} .contacut-page{ margin-bottom: 2rem;} .contacut-page img{ margin: 0px auto;} .contacut-page-infor,.contacut-page-infor p{ line-height: 40px; margin: 0px auto; font-size: 20px;} .contacut-page-map{ height: 400px; position: relative;margin-bottom: 2rem; margin-top: 2rem;} .contactusDiv-fluid{ background-color: #F5F5F5; padding-top: 40px;padding-bottom: 40px;} .contact-online{ background-color: #fff; border-radius: 10px; padding-top: 20px; } .contactus-title{ margin-bottom: 20px; width: 100%; height: 60px; line-height: 60px; text-align: center;color: #333; font-size: 24px; position: relative; text-transform: capitalize;} .contactus-title i{ display: inline-block; width: 80px;height: 2px; background-color: #ddd;} .feedbackdiv{width: 92%; margin: 0rem auto; padding-bottom: 30px;} .feedbackdiv dl{width: 460px; margin: 0px auto;} .feedbackdiv dl dd{ margin-top: 15px;} .feedbackdiv dl label{ text-transform: capitalize;color: #666;} .feedbackdiv dl .inputDiv label{ display: inline-block;width: 100px; text-align: left;} .feedbackdiv dl .inputDiv div{ display: inline-block;} .feedbackdiv dl .textDiv label{ display: inline-block;width: 100%; text-align: left;} .feedbackdiv dl .textDiv div{ display: block; padding-left: 100px;} .feedbackdiv dl .inputDiv div input{ border: solid 1px #ddd; border-radius: 3px;} .feedbackdiv dl .textDiv div textarea{ border: solid 1px #ddd; border-radius: 3px; height: 80px;} .feedbackdiv dl .submitDiv{ margin-top: 20px; margin-bottom: 30px;padding-left: 100px;} .feedbackdiv dl .submitDiv input{ border: none; width: 100px; height: 40px; line-height: 40px; background-color: var(--green01);color: #fff; font-size: 16px;} .contactus-div dl{width: 500px; margin: 0px auto;} .contactus-div dl dd{ width: 100%; min-height: 60px;margin-top: 15px;} .contactus-div dl dd span{ display: block; float: left; height: 60px; width: 60px; line-height: 40px; text-align: center; margin-right: 20px;} .contactus-div dl dd span i{ font-size: 30px;color: #666;} .contact-map{ padding: 0px!important; margin: 0px auto!important; height: 600px; position: relative;} .n-banner img{ max-width: 100%;} /**分页**/ .pages{ margin: 0px auto; margin-top: 0.9375rem; margin-bottom: 0.9375rem; text-align: center;} .pages,.pages a,.pages span{ display: inline-block; font-size: 0.75rem; line-height: 1.25rem;} .pages a,.pages span{ text-align: center;width: 1.25rem; border:solid 1px #eee; border-radius: 0.1875rem; display:block; float: left; margin-left: 5px; margin-right: 5px;} .pages a{ height: 1.25rem;} .pages span:last-child{ width:5.5rem;} .add-cart-success{ position: fixed; z-index: 100000;top:10rem;right:-62.5rem; opacity: 0; width:20rem; padding:0.5rem; border-radius: 0.3125rem; border:solid 1px #449D44; font-size:0.625rem; background-color: #f5f5f5; transition: 0.3s;} .add-cart-success.suc-active{ opacity: 1; right: 0.625rem; transition: 0.3s;} .add-cart-success .htmlstr{ width: 98%;height: 60px; margin: 0px auto; font-weight: bold;} .add-cart-success .htmlstr img{ display: flex; background-size: cover; vertical-align: middle; text-align: center; width: 3.75rem;height: 3.75rem; float: left; margin-right: 0.625rem; border:solid 1px #ddd; border-radius: 0.25rem;} .product-arrt{ padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: center; font-size: 0.75rem;} .product-arrt h2{ font-size: 1rem; line-height: 2.5rem; font-weight: bold;} .product-imgs{ margin-bottom: 30px; height: 590px;} .singglepic{ width: 100%; height:100%; position: relative;} .singglepic .woocommerce-product-gallery__trigger{display:block;width: 1.25rem; height: 1.25rem; position: absolute; left: 7.5rem; bottom:0.625rem;} .singglepic .flex-viewport{margin: 0px auto; padding: 0px; width:480px; height:480px; position:absolute!important;left:0rem;top: 0px; overflow: hidden;float: left;} .singglepic .flex-viewport figure{ width: 100%; height: 100%; position:absolute;} .singglepic .flex-viewport figure .product-max-pic{ position: relative; width: 480px; height:480px; text-align: center; vertical-align: middle; background-color: #fff; } .singglepic .flex-viewport figure div,.singglepic .flex-viewport figure a{ position: relative; width: 100%; height: 100%;} .singglepic .flex-viewport figure a{ display: flex; text-align: center; vertical-align: middle;} .singglepic .flex-viewport figure a img{ display: flex; text-align: center; vertical-align: middle; max-width: 100%;height: inherit; margin: 0px auto;} .product-max-pic{ display: inline-block; width: 450px; height: 500px; text-align: center; vertical-align: middle; position: relative; border: solid 1px #eeeeee;} .product-max-pic a{width: 100%;height: 100%; position: relative; display: flex; vertical-align: middle; text-align: center; z-index: 0;} .product-max-pic a img{ padding: 0.3125rem;} .product-max-pic .show-pic{ position: absolute; z-index: 1; right: 0.625rem; bottom: 0.625rem;color: #333;cursor: pointer; display:none;} .singglepic .flex-control-thumbs{width:480px;height:100px; margin: 0px auto; padding: 0px; list-style: none;position:absolute!important;left:0rem;bottom: 0px;z-index: 1; overflow: hidden; } .singglepic .flex-control-thumbs li{ margin-bottom: 0.5rem;width: 100%; cursor: pointer; transition: 0.3s;} .singglepic .flex-control-thumbs li:hover{ border: solid 1px #000; transition: 0.3s;} .singglepic .flex-control-thumbs li img{ max-height: 100%; transition: 0.3s;} .singglepic .flex-control-thumbs li:hover img{ transform: scale(1.1); transition: 0.3s;} .singglepic .flex-control-thumbs .prev-thumbs{ position:absolute; left: 0px; width:15px; height: 100%; text-align: center; font-size: 12px;color: #999; z-index: 1000; background-color: #fff;} .singglepic .flex-control-thumbs .next-thumbs{ position:absolute; right: 0px;width:15px; height: 100%;text-align: center; font-size: 12px;color: #999;z-index: 1000;background-color: #fff;} .singglepic .flex-control-thumbs .prev-thumbs i,.singglepic .flex-control-thumbs .next-thumbs i{ position: absolute; top: 45%;left:2px; color: green;} .singglepic .flex-control-thumbs .prev-thumbs:hover,.singglepic .flex-control-thumbs .next-thumbs:hover{ background-color: #eee;} .singglepic .thumb-imgs-div{ position: absolute;left: 15px; max-width:100%; height: 100%; z-index: 1; overflow: hidden;} .singglepic .flex-control-thumbs #product-img-pic01,.singglepic .flex-control-thumbs #product-img-pic02{ display: none;} .singglepic .flex-control-thumbs .product-min-imgs-div{ height: 100%; width: auto;} .singglepic .flex-control-thumbs .product-min-imgs-div .product-min-pic{ width: 100px; height: 100%; display:inline-block; position: relative; margin-right: 10px;} .singglepic .flex-control-thumbs .product-min-imgs-div .product-min-pic img{ text-align: center; vertical-align: middle; display: table-cell; width: 100%; max-height: 100%; border: solid 1px #eee; padding: 4px; } .pcon_r{ margin: 0px auto; padding: 0px;} .pcon_r,.pcon_r p,.pcon_r div,.pcon_r a,.pcon_r label{ font-family: 'font-zh,Microsoft YaHei UI'!important;} .pcon_r .product_cat{ margin: 0px auto;} .pcon_r .product_cat a{color: #999; font-size: 14px; line-height: 25px; } .pcon_r .product_title{ font-size:1.6rem; padding-top: 0.5rem;padding-bottom: 0.5rem; color: #000; font-family:'font-zh' ; margin-bottom: 0rem;} .pcon_r .woocommerce-product-rating{ margin-bottom: 10px; } .pcon_r .woocommerce-product-rating a{font-family: "微软雅黑";} .pcon_r .price{font-size:22px;font-family:astra ; font-weight: bold;; padding-bottom: 20px; margin-bottom: 0px; margin-top: 1rem;} .pcon_r .price ins{ float: left; margin-right: 10px; font-size: 18px; text-decoration: unset;} .pcon_r .price del{ font-size: 12px;line-height: 35px;} .pcon_r .product_num{color: #999; font-size: 12px;} .pcon_r .product_link{ display: block; width: 100%; height: 40px; margin-top: 10px; } .pcon_r .product_link a{ display: block;width: 100%; height: 35px; line-height: 35px; border-radius: 25px; text-align: center; background-color: var(--green01)!important;} .pcon_r .woocommerce-product-details__short-description{ font-size:12px; padding-top: 1rem;padding-bottom: 1rem; margin-top: 0rem; border-bottom: solid 1px #eee; color: #666;} .pcon_r .woocommerce-product-details__short-description ul{ margin: 0px auto;padding-left: 20px; line-height:25px;} .pcon_r .woocommerce-product-details__short-description ul li{ padding: 0px;} .pcon_r .quantity{ margin-bottom: 0.5rem; } .pcon_r .quantity .screen-reader-text{ display: none;} .pcon_r .quantity .qty{ border: solid 1px #eee;} .pcon_r .product_meta{ margin-top:1rem; margin-bottom: 0.5rem; clear: both;} .pcon_r .product_meta,.pcon_r .product_meta a{ font-size: 0.75rem;} .pcon_r .attrslist{ color: #5d5c5c; font-size: 0.75rem; line-height:25px; padding: 1.26em;padding-left: 0px; margin-bottom: 1.6em; font-family:'font-zh' ;} .pcon_r .attrslist b{ font-weight: normal;} .pcon_r .yith-wcwl-add-button a{ margin: 0px auto; padding: 0px;} .pcon_r .yith-wcwl-add-button a img{ max-width: 1.25rem;} .pcon_r .yith-wcwl-add-to-wishlist{ margin-bottom: 0.625rem;} .pcon_r .yith-wcwl-wishlistexistsbrowse span{ float: left;font-size: 0.75rem;} .pcon_r .yith-wcwl-wishlistexistsbrowse img{ max-width: 1.25rem; float: left;} .pcon_r .yith-wcwl-wishlistexistsbrowse a{ display: inline-flex; font-size: 0.75rem;float: left;} .pcon_r .yith-wcwl-add-to-wishlist{ margin-bottom: 1rem; height: 1.875rem;} .pcon_r .pcon{ font-size:0.75rem; margin-top: 0.9375rem;} .pcon_r .pcon .tit{ width: 100%; height:1.875rem; line-height:1.875rem;border: solid 1px #eee; background-color: #F5F5F5; } .pcon_r .pcon .tit span{ font-weight: bold; font-size: 0.875rem; padding-left: 0.5rem; float: left;} .pcon_r .pcon .tit a{ font-size: 1rem; font-weight: bold; float: right; margin-top: 5px; margin-right: 0.5rem;cursor: pointer;} .pcon_r .pcon .pbox-div{ width: 98%; height: 14.75rem; margin: 0px auto;} .pcon_r .pcon .pbox-div img{ max-width: 100%;transition: 0.3s;} .pcon_r .pcon .pbox-div a:hover img{ transform: scale(1.1); transition: 0.3s;} .pcon_r .pcon .pbox-div p { margin-top: 8px;} .pcon_r .pcon .pbox-div p a{ font-size: 10px;} .pcon_r .variations dl{ border-bottom: solid 1px #eee;} .pcon_r .variations label{ font-size: 14px; line-height: 25px; font-family:astra ;} .pcon_r .variations .value select{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; border: solid 1px #eee; text-indent:0px; font-family:astra ; color: #333;} .pcon_r .reset_variations{ font-size: 10px; color: #999; line-height: 30px;} .pcon_r .single_variation_wrap{position: relative;} .pcon_r .single_variation{ margin-bottom: 1rem;} .pcon_r .variations_button{height: 50px; position: relative;} .pcon_r .single_variation .price{font-size: 1.5rem; line-height: 40px;} .pcon_r .variations_button .quantity{ float: left;width:70px; height: 40px; line-height: 40px; margin: 0px auto; padding: 0px; margin-right: 40px;} .pcon_r .variations_button .quantity input{ padding: 0px!important;} .pcon_r .variations_button .button{ float: left;width: 120px; height: 40px; line-height: 40px; text-align: center;padding: 0px!important; font-size: 12px; background-color:#212121; font-weight: bold;} .pcon_r .single_wrap .quantity{float: left;width:70px; height: 40px; line-height: 40px; margin: 0px auto; padding: 0px; margin-right:40px;} .pcon_r .single_wrap .quantity input{ padding: 0px!important;} .pcon_r .single_wrap .button,.pcon_r .single_variation_wrap .button{ float: right;width: 48%; height: 40px; line-height: 40px; text-align: center;padding: 0px!important; font-size: 12px; font-weight: bold; background-color: #fff;color: #212121; border: solid 1px #212121;} .pcon_r .single_wrap a,.pcon_r .single_variation_wrap button{ color: #fff!important; float: left!important;} .pcon_r .single_wrap .woocommerce-variation-price{text-align: right;} .pcon_r .single_variation{ text-align: right;} .pcon_r .single_variation span{ font-size: 16px; color: darkred;} .pcon_r .single_variation_wrap a{ float: left!important;background-color:#212121!important; color: #fff!important; } .pcon_r .single_variation_wrap button{ float: right!important; background-color: #fff!important;color: #212121!important; border: solid 1px #212121;} .woocommerce-Reviews #review_form_wrapper #email-notes{ line-height: 30px; font-size: 12px;color: #666;} .woocommerce-Reviews #comments .commentlist{padding-left: 0rem;} #comments{ max-width: 100%;} #wpdcom .wpd-thread-head .wpd-thread-info{font-size: 20px;line-height: 30px;color: #000000; font-family: "font-zh";} #reviews #review_form_wrapper{ margin-bottom: 2rem;} #reviews .comment-form-rating{ text-align: center; padding-top: 2rem; padding-bottom: 2rem; border-bottom: solid 1px #eee; margin-bottom: 2rem;} #reviews .comment-form-rating label{ font-size: 20px;color: #000000; font-weight: bold; line-height: 40px;} #reviews .comment-form-rating p.stars a{ font-size:30px; margin-left: 5px; margin-right: 5px;} #reviews .comment-respond label{ display: block;font-weight: bold;} #reviews .comment-respond input,#reviews .comment-respond textarea{ border: solid 1px #eee; border-radius: 3px; width: 100%;} #reviews .comment-respond .comment-form-author,#reviews .comment-respond .comment-form-email{ width: 49%; float: left;} #reviews .comment-respond .comment-form-email{float: right;} #reviews .comment-respond .comment-form-cookies-consent{ text-align: left; clear: both;} #reviews .comment-respond .comment-form-cookies-consent input{ width: unset;} #reviews .comment-respond .comment-form-cookies-consent label{ display: unset; font-size: 12px; font-weight: unset;} #reviews .comment-respond .form-submit{} #reviews .comment-respond .form-submit input{ width: unset; background-color: #000;color: #fff;width: 200px;height: 40px; line-height: 40px; font-weight: bold;} #reviews .commentlist li{border-bottom: solid 1px #000; padding-bottom: 8px;} #reviews .commentlist li .comment_container .comment-text{ float: left;width: 100%;} #reviews .commentlist li ul.children{ width: 90%; float: right;padding:8px; background-color: #fafafa; border-radius: 8px;} #reviews .commentlist li ul.children .comment-text{ width: 100%;} #reviews .commentlist li p.meta strong{ margin-right: 16px; font-family: '微软雅黑'; font-size: 12px;} #reviews .commentlist li p.meta time{ display: inline-block;color: #000000;font-family: '微软雅黑'; font-size: 12px;font-weight: bold;} #reviews .commentlist li .comment_container .comment-text .star-rating{ float: none; margin-bottom: 10px;} .star-rating span::before, .quantity .plus, .quantity .minus, p.stars a:hover::after, p.stars a::after, .star-rating span::before, #payment .payment_methods li input[type="radio"]:first-child:checked + label::before {color: #000;} p.stars.selected a.active::before, p.stars:hover a::before, p.stars.selected a:not(.active)::before, p.stars.selected a.active::before {color: #000;} .shop-pic-model{ position: fixed;top: 0px; z-index: 10000; background-color: rgb(0,0,0,0.5);width: 100%; height:100%; overflow: hidden; display: none;} .shop-pic-model #bt-close{ position: absolute; top: 20px; right: 20px; font-size: 20px;color: #fff; z-index: 1;} .shop-pic-model #shop-pic-src{ position: relative; z-index: 0; width: 90%; height: 80%; margin: 0px auto; margin-top: 2%; text-align: center;} .shop-pic-model #shop-pic-src img{ max-width: 100%; max-height: 50rem; height: auto; margin: 0px auto;} #cat_mode li{ width: 100%; height: 6.25rem;} #cat_mode li .product-name-cat { margin-bottom: 0.3125rem;} #cat_mode li .product-name-cat a{font-size: 0.625rem; line-height: 1rem; width: 100%; height: 1rem; overflow: hidden; text-overflow: ellipsis; word-wrap: initial;} #cat_mode dd{ margin-top: 1.25rem;} /***产品详情****/ .product-title-div{ width: 100%;height: 60px; margin: 0px auto; border-bottom: solid 1px #eee;} .product-title-div .product-title{ width: 100%; height: 60px; position: relative;} .product-title-div .product-title span{ width: 100px; height:60px; line-height: 60px; position: absolute; top: -2px; display:inline-block; border-top: solid 3px #000000; font-family:astra ; font-weight: bold; text-align: center; margin-bottom: 2rem; font-size:18px;} .product-title-div .product-title-1{ width: 50%; height: 60px; position: relative; float: left;background-color: #eee;} .product-title-div .product-title-1 span{ display:block;width: 100%; height:60px; line-height: 60px; position: absolute;left: 0px; top: 1px; font-family:astra ; text-align: center; font-size:18px;color: #333; font-weight: bold;} .product-title-div .product-title-1 span.active{ border-bottom: solid 3px var(--green01); color: #FFF;background-color:var(--green01);} .tab-div{ min-height: 200px; padding-top: 20px;} .tab-div img{ max-width: 100%!important; height: auto;} .tab-div,.tab-div p,.tab-div div,.tab-div a{ line-height: 25px; font-size: 13px;} .tab-div table{ width: 100%!important;} .error-404.not-found{ padding-top: 1.875rem;} .modal-SearchCls{display: none; position: fixed; left: 0px;top: 0px; background-color: rgb(0,0,0,0.7);width: 100%; height: 100%; z-index: 100000;} .modal-SearchCls .searchDiv{ position: relative; margin-top:10%; background-color: #fff;} .modal-SearchCls .searchDiv input{color: #000;} .page-product-contus{ margin-top: 20px; margin-bottom: 30px;} .page_the-content{ margin-top: 10px!important;} .page-product-title{ height: 50px; line-height: 50px; text-indent: 10px; background-color: var(--green01);font-size: 18px;color: #fff;} .page-product-contus .feedbackdiv dl{width: 100%;} .page-product-contus .feedbackdiv dl dd{ margin-bottom: 20px;} .page-product-contus .feedbackdiv .inputDiv{ float: left; margin-right: 50px;} /***文章列表面****/ .div-news{ width: 100%; min-height:180px; padding-top: 30px; padding-bottom: 30px; border-bottom: solid 1px #eee;} .div-news time{ font-size: 20px; line-height: 50px;} .div-news .time-span{ display: block;width: 30px; height: 30px; text-align: center; margin-top: 10px; padding-top: 6px; transition: all 0.3s;} .div-news .post-thumb{float: right; margin-right: 16px;width: 250px; height: 150px; position: relative; overflow: hidden; display:flex; text-align: center; vertical-align: middle; border: solid 1px #fafafa;} .div-news .news-thumb{width: 100%; height: auto; transform: scale(1); display: inline-block; transition: all 0.3s;} .div-news .post-cat{ font-size:0.75rem;color: #000000; line-height: 30px; text-transform: capitalize;} .div-news .post-title{ line-height:40px; font-size: 1.125rem;color: #000000;} .div-news .post-title:hover{ color: var(--green01);} .div-news .post-p{ font-size: 0.75rem;color: #666!important; line-height:25px; margin-bottom: 0.5rem;} .div-news .post-p i{color: #666!important;} .div-news .post-p a{ display: inline-flex;color: #666!important;} .div-news .post-excerpt{font-size: 0.75rem;color: #666; line-height: 1.875rem;} .div-news .post-excerpt a{ display: none;} .div-news:hover .time-span{ background-color: var(--green01); color: #fff; transition: all 0.3s;} .div-news:hover .news-thumb{transform: scale(1.05); transition: all 0.3s;} .page-product-dl{width: 100%; margin-top: 20px;} .page-product-dl dd{width: 100%; height: 30px; text-align: left; font-size: 14px; color: #000;} .page-product-dl dd span{ float: left; display: block;width: 30px; height: 30px; line-height: 16px; text-align: center; margin-right: 10px;} .page-product-dl dd span i{ font-size: 20px; font-weight: bold; display: inline-block;} .newslistbk-0{ background-color: #f5f5f5;} /***文章详情页****/ .prevNext,.prevNext a{color: #999; font-size: 14px;} .sing-index-post{ padding-top: 0rem;} .sing-index-post .entry-title{ line-height: 60px; font-size:1.5rem;} .sing-index-post .entry-header{ margin-bottom:0.625rem; margin-top: 0.625rem;} .sing-index-post .entry-header span,.sing-index-post .entry-header span a{ font-size: 0.75rem; line-height: 1.5rem;} .single-content img{ max-width: 100%; height: auto; margin: 0px auto;} .sing-infor-01{ text-align: center; position: relative; display: table-cell; vertical-align: middle;} .sing-infor-01 .sing-infor-div{ width: 100%; height: 180px; position: relative; margin-top: 30%;} .sing-infor-01 .cat-name{ display: inline-block; height: 40px; color: #fff; font-size: 16px; background-color: #740403; padding:8px; padding-left: 16px; padding-right: 16px; border: solid 1px #000000; font-family: "microsoft yahei ui"; } .sing-infor-01 h1{ font-size: 50px; margin-top:40px; margin-bottom: 40px; font-weight: bold; font-family: "font-zh";color: #000000;} .sing-infor-01 time{color: #000; font-size: 14px;} .sing-infor-01 .sing-rating{ margin: 0px auto; margin-top: 10px;width: 160px; display: block; } .sing-infor-01 .sing-rating span{ float: left;display:block; width: 25px; height: 30px; line-height: 20px; font-size: 18px; font-weight: bold; padding-top: 3px; margin-right: 10px;} .sing-infor-01 .sing-rating .index-rating{ float: left;width: 120px!important; height: 30px;} .sing-infor-02 { padding-right: 0px;} .sing-infor-02 .page-img{width: 100%; height: 400px; position: relative; display: table-cell; vertical-align: middle; text-align: center;} .sing-infor-02 .page-img img{ max-width: 100%; margin: 0px auto; height: auto;} .shipu-div{ } .shipu-div-content{width: 100%; margin: 0px auto;margin-top: 70px;margin-bottom: 70px; font-size: 25px; line-height: 35px;font-family: "font-zh";color: #000000;} .shipu-div-content p,.shipu-div-content div{font-family: "font-zh";} .content-02{ margin-top: 20px;} .shipu-div-title{ height: 50px; border-bottom: solid 2px #000; text-align: left; margin-bottom: 30px; padding-bottom: 10px;} .shipu-div-title a{ float: left; display: block; line-height: 35px; font-size: 35px; font-weight: bold; margin-right: 10px;font-family: "font-zh";} .shipu-div-title span{ float: left; display: block;line-height: 35px; font-size: 14px; color: #fff;background-color: #740403;padding-left: 16px;padding-right: 16px;margin-top: 5px;} #wpdcom{width: 100%; max-width:unset; border-top: solid 2px #eee; padding-top: 30px;} #wpdcom .wpd-form-head{ display: none;} #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap{flex-basis:unset;width: 100%;} #wpdcom .wpd-form .wc_name-wrapper,#wpdcom .wpd-form .wc_email-wrapper{display: none;} #wpdcom .raging-div{ text-align: center;} #wpdcom .raging-div .wpd-field-group-title{ display: none!important;} #wpdcom .raging-div .wpd-form-col-full .wpd-item-wrap{float: unset; text-align: center;} #wpdcom .raging-div .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-rating{text-align: center;} #wpdcom .h3-pingjia-title{ text-align: center; font-size: 22px;color: #898889; line-height: 50px;} #wpdcom .h3-pingjia-title span{ color: red; line-height: 50px;} #wpdcom .wpd-thread-head .wpd-thread-filter{ display: none;} #wpdcom .wpd-comment-header .wpd-comment-author{font-size: 12px;} #wpdcom .wpd-comment-text{color: #000000;} #wpdcom .wpd_comment_level-1{ border-bottom: solid 1px #ddd;} #wpdcom .wpd-comment-footer .wpd-vote-up, #wpdcom .wpd-comment-footer .wpd-vote-down{ font-size: 14px; width: 14px; height: 14px;} #wpdcom .wpd-comment-footer .wpd-reply-button{font-size: 12px;} #wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-label{width: 6%;} #wpdcom .wpd-thread-info .wpdtc{display: none!important;} /***404****/ .widget_product_search{ position: relative;} .widget_product_search form:before{ display: none;} .widget_product_search .search-field{ padding-left: 0.5rem!important;} .wishlist-title-container{ font-size: 1.5rem; line-height: 3.75rem;} .wishlist_table{ width: 100%;} .wishlist_table .product-add-to-cart{ line-height: 1.5625rem;} .nav-div-mob-btn{ display: block;} .nav-div-mob-btn i{ font-size: 20px;color: #fff;} .nav-div-mob-btn-1{ position: absolute; left: 10px; top: 10px;} .nav-div-mob-btn-1 i{ font-size: 24px;color: #fff; font-weight: bold;} .nav-div-mob-btn-2{ position: absolute; left: unset; right: 10px; top: 10px;} #nav-div-meaus-mob{ opacity: 1; left: -100000px; transition: 0.3s;} #nav-div-meaus-mob .close_btn{ position: absolute; left: unset; right: 0.625rem; top: 0.625rem; font-size: 1.25rem;} #nav-div-meaus-mob .navbar-nav-mob{ width: 230px; height: 100%; overflow-y: scroll; background-color: #fff; position: absolute;left: 0px ; top: 0rem;} #nav-div-meaus-mob .navbar-nav-mob li{ width: 100%; min-height: 2.5rem; line-height: 2.5rem; text-align: left; text-indent: 0.625rem; border-bottom: solid 1px #eee; position: relative;} #nav-div-meaus-mob .navbar-nav-mob li a,#nav-div-meaus-mob .navbar-nav-mob .dropdown-menu a{ color: #000; font-size: 0.875rem; padding: 0px;} #nav-div-meaus-mob .navbar-nav-mob .dropdown-menu{ display: block; position:relative; width: 100%; margin-left:8%; margin: 0px auto; border: none; top: unset; padding: 0px; background-color: #f5f5f5; padding-left: 8px; padding-right: 8px;} #nav-div-meaus-mob .navbar-nav-mob .dropdown-menu a{ line-height:1.875rem; font-size: 0.75rem; border-bottom: solid 1px #eee;} #nav-div-meaus-mob .navbar-nav-mob .dropdown-menu dl{ margin: 0px auto;} #nav-div-meaus-mob #nav-search-mob{ height:30px; position:relative; margin-top:10px; margin-bottom:10px;} #nav-div-meaus-mob #nav-search-mob #s{ width:160px; height:30px; line-height:30px; font-size:12px; color:#333; text-indent:5px; float:left; border: solid 1px #000; margin-left:1.25rem} #nav-div-meaus-mob #nav-search-mob .search_form{ border: none; height:30px;width: 30px; line-height:25px; font-size:12px;color:#fff; background-color:#000; float:left;} .nav-showCls{ left: 0px!important; opacity: 1; transition: 0.3s;} .nav-hideCls{ left: -100000px!important; transition: 0.3s;} .shipu-div-content .wc_social_plugin_wrapper,#reviews .mo-openid-app-icons{ display:none!important} /***购物车页面****/ #post-25{ font-family:astra ;} #post-25,#post-25 div,#post-25 table,#post-25 p{ font-family:astra ;} #post-25 .woocommerce-cart-form .shop_table_responsive{ width: 100%;} #post-25 .product-quantity .screen-reader-text{ display: none;} #post-25 .cart-subtotal,#post-25 .order-total{ margin-top: 0.625rem; font-size: 0.75rem; height: 2.5rem;} table.cart td, table.cart th{padding: .875em .875em 0;} #post-25 table.cart td.product-quantity .qty { padding: .326em;} #post-25 .shop_table_responsive{ width: 100%;} #post-25 table:not( .has-background ) th{ padding: .875em;} #post-25 .actions{background-color:unset;} #post-25 .actions .coupon .button { background-color: #000;color: #fff; border: none; height: 33px; line-height: 20px; font-size: 12px; margin-left: 10px; font-weight: bold; text-transform: capitalize;} #post-25 .actions .update_cart{background-color: #000;color: #fff;border: none;height: 33px; line-height: 20px; font-size: 12px; font-weight: bold;text-transform: capitalize;} #post-25 table.cart td.actions .coupon{ border: none;} #post-25 .woocommerce-shipping-totals {font-size: 14px;line-height: 30px;} #post-25 .woocommerce-shipping-totals th{vertical-align: top;} #post-25 .cart_totals h2{ font-size: 1.2rem;} #post-25 .shop_table_responsive .order-total{ font-size: 1.2rem;} #post-25 .shop_table_responsive .order-total td{ color:red;} #post-25 .wc-proceed-to-checkout{ margin-top: 8px;} #post-25 .wc-proceed-to-checkout .button.checkout-button {font-size: 1.141575em; line-height: 35px;} /***结算页面****/ #post-26{ font-family:astra ;} #post-26,#post-26 div,#post-26 table,#post-26 p{ font-family:astra ;} #post-26 #customer_details{width: 100%;} #post-26 input,#post-26 select,#post-26 textarea{ border: solid 1px #aaa; border-radius: 2px; height: 30px;} #post-26 textarea{ height: 3.75rem;} .woocommerce-billing-fields__field-wrapper p{ margin-bottom: 1.25rem;} .woocommerce-billing-fields__field-wrapper p label,.woocommerce-additional-fields p label{ font-size: 12px; line-height: 35px;} #post-26 h3{ font-size: 1.125rem; font-weight: bold;} #post-26 #order_review,#post-26 #payment,#post-26 h3{ width: 100%; float: right;} #post-26 .product-name{ width: 80%;} #post-26 .product-total{ width: 20%;} #post-26 .cart_item{ font-size: 0.75rem;} #post-26 #order_review .shop_table{ width: 100%;} #post-26 #order_review .shop_table td,#post-26 #order_review .shop_table th{ height: 40px; line-height: 40px; text-indent: 0.625rem;} #post-26 #order_review .shop_table tbody td{ height: 100px; text-indent: 0px;line-height: 25px; font-size: 12px;} #post-26 #order_review .shop_table tbody td .order-products-list{ font-size: 16px;} #post-26 #order_review .shop_table tbody td .product-quantity{ font-size: 12px; color: #666} #post-26 #order_review .shop_table tbody td .woocommerce-Price-amount{ font-weight: bold;} #post-26 #order_review .shop_table tfoot td{ height: 30px; line-height: 30px; font-size: 13px;} #post-26 ul.order_details{margin: 1.706325903em 0;} #post-26 .order_details strong{ font-size: 14px;} #post-26 .woocommerce-order-details{ margin-bottom: 20px; } #post-26 .woocommerce-order-details table{ font-size: 14px;} #post-26 .woocommerce-table--order-details{ width: 100%;} #post-26 .woocommerce-table--order-details td,#post-26 .woocommerce-table--order-details th{ height: 40px; line-height: 40px; text-indent: 0.625rem;} #post-26 .woocommerce-order-details__title,#post-26 .woocommerce-column__title{font-size: 1.1rem; line-height: 30px; font-weight: bold;} #post-26 .woocommerce-customer-details address{ background-color: #f8f8f8; padding: 8px; font-size: 14px;} /***登录界面****/ .wzPostion-fluid{ background-color: #eee;} .page-id-27{ background-color: #FAFAFA;} .page-id-27 .wzPostion-fluid{ margin-top: 20px;} .page-id-27 .wzPostion-fluid .wzPostion{display: none;} #post-27{ width: 100%; margin: 0px auto; padding:0rem;} .product-list-fluid{ margin-top: 15px;} /* #post-27 .woocommerce-MyAccount-navigation ul{border-top: unset;} #post-27 .woocommerce-MyAccount-navigation ul li{ border-bottom:unset;} #post-27 .woocommerce-MyAccount-navigation ul li a{ font-size: 14px; line-height: 20px; } #post-27 .woocommerce-MyAccount-navigation ul li a::before{ display: none;} #post-27 .dashboard-div{ background-color: #fff; border: solid 1px #eee; border-radius: 3px; padding: 20px;} */ #post-27 .entry-content{ width: 100%; margin: 0px auto;} #post-27 h2{ line-height: 3.75rem;} #post-27 input{ border: solid 1px #aaa; border-radius: 2px; height: 35px;} #post-27 .woocommerce-form__label-for-checkbox span{ font-size: 0.75rem;} #post-27 .woocommerce-form__input-checkbox{ height: 12px; font-size: 0.75rem; margin-bottom: 0.625rem;} #post-27 input[type='checkbox']{ height: 0.75rem;} #post-27 .woocommerce-MyAccount-content,#post-27 .woocommerce-MyAccount-content a{ font-size: 0.875rem;} #post-27 .woocommerce-orders-table,#post-27 .woocommerce-table--order-details { width: 100%;} #post-27 .woocommerce-orders-table th{ padding: 0.5rem;} #post-27 .woocommerce-orders-table td{ padding: 0.5rem;} #post-27 .woocommerce-orders-table .button { background-color: unset;} #post-27 .woocommerce-order-details{border-bottom: solid 10px #eee; margin-bottom: 20px;} #post-27 .woocommerce-order-details__title,#post-27 .woocommerce-column__title{ font-size:18px; line-height: 30px;} #post-27 .woocommerce-order-details table td,#post-27 .woocommerce-order-details table th{ font-size: 14px; padding: 0.5rem;} #post-27 .woocommerce-customer-details address{ background-color: #f8f8f8; padding: 8px; font-size: 14px; margin-bottom: 0px;} #post-27 .woocommerce-form label{ font-size: 12px; line-height: 30px;} #post-27 .woocommerce-form .woocommerce-button{ width: 200px; background-color: #000; color: #fff; border: none;} #post-27 .woocommerce-form .woocommerce-privacy-policy-text p{ font-size: 12px;} #post-27 .woocommerce-column{border-bottom: solid 10px #eee; margin-bottom: 20px;} #post-27 .woocommerce-MyAccount-orders td{ text-align: left;} /* 超小屏幕（手机，小于 768px） */ /* 超小屏幕（手机，小于 768px） */ @media (max-width:320px) { #headerIds { height: 110px; padding-bottom: 5px;} .logoDiv{height:100%;padding-right: 0px!important;padding-left: 0px!important;} .moveShowDiv .logoDiv .row{ margin-left:0px; margin-right:0px; } .moveShowDiv .moveShowDiv-01,.moveShowDiv .moveShowDiv-03{ height:auto;} .moveShowDiv .moveShowDiv-01 a img{ margin-top:2%; max-height: 100%;} .moveShowDiv .moveShowDiv-02{position: absolute;bottom:0px;width: 100%; max-width: 100%; height:60px} .moveShowDiv .moveShowDiv-02 .collapse:not(.show){ display:block;} .navbar-light .navbar-toggler{ display:none} .navbar-light .navbar-toggler{width: 100%; text-align: right; border: none!important;;border-color:unset!important;} .navbar-light .navbar-toggler:hover,.navbar-light .navbar-toggler:active,.navbar-light .navbar-toggler{ background-color: unset!important;} #nav-div-meaus{top:unset;height: 100%;} #nav-div-meaus .navbar{ height: 100%;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li a{color: #fff;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li:hover a{color: var(--green01);} #nav-div-meaus button:focus{outline:unset} #nav-div-meaus .navbar-nav{ position:relative; width:100%; height:100%;display: block;} #nav-div-meaus .navbar-nav li{ display:block;position:relative; float:left; width:33.3%; height:30px; text-align:center; text-align:center;border-top: solid 1px #eee; } #nav-div-meaus .navbar-nav li.menu-item-level-1:nth-child(5){ display: none;} #nav-div-meaus .navbar-nav li a{ height:30px; line-height:30px; font-size: 14px; margin-top:unset; padding-left:0px; padding-right:0px;} #nav-div-meaus .navbar-nav li .dropdown-menu{ top:28px;} #nav-div-meaus .navbar-nav li:hover .dropdown-menu{ position:fixed; top:110px;width:98%;left:1%;} .moveShowDiv .moveShowDiv-03{ position: absolute;right:0px;left:unset;width: 100px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 20px;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{ width: 100%; top:25%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div span{ display: none;} /* 首页 */ .searchBar{ height: auto;} .searchBar .searchBar-a{ text-align: center; padding-left: 0px; padding-right: 0px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{ line-height: 25px; font-size: 14px; margin-right: 5px; margin-top:0px;} .searchBar .searchBar-a span{ width: 100%; text-align: center; display: block; font-weight: bold;} .searchBar .searchBar-a a{ display: inline-block; line-height: 16px; margin-bottom: 0px; } .searchBar .searchBar-a i{ display: none;} .searchBar .searchBar-a .searchBar-div{ text-align: center;} .searchDiv{ width: 100%;height: 40px; margin: 0px auto; margin-top: 8px;} .searchDiv .searchinput{ height: 40px; line-height: 38px;width: 200px;} .searchDiv .searchbtn{width: 45px; height: 40px;} .index-product-list{padding-top:0px;padding-bottom: 30px; border-top: solid 2px #eee;overflow-x: hidden;} .index-product-img .index-product-txt-product{ font-size: 14px;height: 40px;line-height: 40px;} .index-product-img .index-product-more{width:80%;line-height: 30px;font-size: 12px;} .index-title-p{font-size: 14px;line-height: 30px;} .index-product-more{ font-size: 14px; margin-top:20px;margin-bottom: 20px;} .chejian-title{ width: 100%; height: auto; position:relative} .chejian-title img{ max-width: 100%; height: auto;} .index-chejian-row{ width: 100%; height: auto; margin: 0px auto; margin-top: 8px;} .index-cehjiang-col{ padding-left: 4px; padding-right: 4px;height: 100px;margin-bottom: 8px;} .recommendi-product-title {margin-bottom: 15px;} .aboutusbk {padding-top: 40px;padding-bottom: 40px;} .aboutusbk .aboutus-infor,.aboutusbk .aboutus-infor01{ width: 100%;margin-top: 20px;height: auto;} .aboutusbk .index-title.font-en{font-size: 16px;height: 20px;line-height: 20px;text-indent: 0px;} .aboutusbk .index-title.font-zh{font-size: 18px;height: 30px;line-height: 30px;text-indent: 0px;} .aboutusbk .aboutus-infor .aboutus-infor-div {font-size: 14px;line-height:20px;} .aboutusbk .aboutus-infor .aboutus-more{margin-top: 15px;height: 30px;line-height: 30px;font-size: 14px;} .recommendi-product-title .index-title{width: 100%; height: 40px;} .recommendi-product-title .index-title img{ max-width: 100%;} .recommendi-product-title .index-title .index-title-p{ display: none;} .wzPostion, .wzPostion a{ line-height: 30px; font-size: 12px;} .newsDiv{margin-top:30px;} .newsDiv .newsDiv-list{ margin-top: 8px;} .newsDiv .newsDiv-list dt{ line-height: 30px;} .newsDiv .newsDiv-list dt h2{ font-size: 16px;} .newsDiv .newsDiv-list dl dd{ height: 50px;} .newsDiv .newsDiv-list dl dd div{width: 50px;} .newsDiv .newsDiv-list dl dd div span:first-child{ font-size: 16px; height: 25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd div span:last-child{ font-size: 12px; height:25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{width: 240px; font-size: 14px; line-height: 50px;} .footer-nav{ display: none;} .page-footer .footer-sidebar1 dd{width: 50%; float: left;} .page-footer .footer-sidebar1 dd img{max-width: 90%;} .page-footer .footer-sidebar2 .footer-reserved{ position: relative;} .slider-aboutlist{ height: 40px;} .slider-aboutlist ul li{ height: 40px;padding-left: 10px; padding-right: 10px;} .slider-aboutlist ul li a{ height: 40px; line-height: 40px; font-size: 14px;} .contactusDiv-fluid{ padding-top: 10px;} .page-contentDiv{ margin-top: 10px;} /* 产品分类 */ .cat-sidebar-1 ul li{width: 100%; height: 30px; } .cat-sidebar-1 ul li a{ line-height: 30px;} .cat-sidebar-1 .widget-title{ font-size: 14px;} .cat-product-img {width:145px;height: 235px;} /* 产品分类--列表 */ .pro-bigbox {width:140px;height: 235px;} .pro-bigbox .bigboximg {width: 140px;height: 140px;} .product-lists{ margin-top: 10px;} .weizhi_order #orderby{width: 80px;} /* 新闻列表 */ .div-news .post-thumb{width: 100%; } .div-news .post-title{ line-height: 28px;} .div-news .post-excerpt{ line-height: 20px; margin-top: 6px;} /* 产品详情 */ .wzPostion{ margin-bottom: 8px;} .page_the-content{ margin-top: 0px!important;} .product-imgs {height: 350px; margin-left:0px;} .singglepic .flex-viewport {width:280px;height: 280px;} .singglepic .flex-viewport figure .product-max-pic{width: 280px;height: 280px;} .singglepic .flex-control-thumbs{ height: 60px;} .singglepic .flex-control-thumbs .product-min-imgs-div .product-min-pic {width: 60px;} .pcon_r{ margin-left: 5px;} .pcon_r .product_title{font-size: 1.4rem;} .pcon_r .woocommerce-product-details__short-description{padding-top:0.5rem;padding-bottom: 0.5rem; } .pcon_r .woocommerce-product-details__short-description ul{ line-height: 20px;} .pcon_r .price{padding-bottom:10px;margin-top: 10px;} .pcon_r .product_meta{ margin-top:0rem;} .product-title-div {height: 40px;} .product-title-div .product-title-1{height: 42px;} .product-title-div .product-title-1 span{height: 40px;line-height: 40px;font-size: 16px} .page-product-title{height: 40px;line-height: 40px;} .news-cat-title {margin-bottom: 20px!important;margin-top:20px!important;} .page-product-dl dd{ margin-top: 10px;min-height: 30px; height: auto;} .sidebar-cat2{ display: none;} .sing-index-post .entry-title{ line-height: 40px; padding-top: 10px;} .contactusDiv-fluid-contatct{ padding-left: 0px; padding-right: 0px;} .feedbackdiv{padding-bottom: 10px;} .feedbackdiv dl .inputDiv label{ width: 100%;} .feedbackdiv dl { width: 420px;} .feedbackdiv dl .inputDiv div{width: 260px;} .feedbackdiv dl .inputDiv div span,.feedbackdiv dl .inputDiv div input{ width: 100%;} .contactus-div dl{width: 100%;} .contact-map{ display: none;} .row{ margin: 0px auto;} } @media (min-width:321px) and (max-width:375px) { #headerIds { height: 120px; padding-bottom: 5px;} .logoDiv{height:100%;padding-right: 0px!important;padding-left: 0px!important;} .moveShowDiv .logoDiv .row{ margin-left:0px; margin-right:0px; } .moveShowDiv .moveShowDiv-01,.moveShowDiv .moveShowDiv-03{ height:auto;} .moveShowDiv .moveShowDiv-01 a img{ margin-top:2%; max-height: 100%;} .moveShowDiv .moveShowDiv-02{position: absolute;bottom:0px;width: 100%; max-width: 100%; height:60px} .moveShowDiv .moveShowDiv-02 .collapse:not(.show){ display:block;} .navbar-light .navbar-toggler{ display:none} .navbar-light .navbar-toggler{width: 100%; text-align: right; border: none!important;;border-color:unset!important;} .navbar-light .navbar-toggler:hover,.navbar-light .navbar-toggler:active,.navbar-light .navbar-toggler{ background-color: unset!important;} #nav-div-meaus{top:unset;height: 100%;} #nav-div-meaus .navbar{ height: 100%;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li a{color: #fff;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li:hover a{color: var(--green01);} #nav-div-meaus button:focus{outline:unset} #nav-div-meaus .navbar-nav{ position:relative; width:100%; height:100%;display: block;} #nav-div-meaus .navbar-nav li{ display:block;position:relative; float:left; width:33.3%; height:30px; text-align:center; text-align:center;border-top: solid 1px #eee; } #nav-div-meaus .navbar-nav li.menu-item-level-1:nth-child(5){ display: none;} #nav-div-meaus .navbar-nav li a{ height:30px; line-height:30px; font-size: 14px; margin-top:unset; padding-left:0px; padding-right:0px;} #nav-div-meaus .navbar-nav li .dropdown-menu{ top:28px;} #nav-div-meaus .navbar-nav li:hover .dropdown-menu{ position:fixed; top:130px;width:98%;left:1%;} .moveShowDiv .moveShowDiv-03{ position: absolute;right:0px;left:unset;width: 100px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 20px;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{ width: 100%; top:33%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div span{ display: none;} /* 首页 */ .searchBar{ height: auto;} .searchBar .searchBar-a{ text-align: center; padding-left: 0px; padding-right: 0px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{ line-height: 25px; font-size: 14px; margin-right: 5px; margin-top:0px;} .searchBar .searchBar-a span{ width: 100%; text-align: center; display: block; font-weight: bold;} .searchBar .searchBar-a a{ display: inline-block; line-height: 16px; margin-bottom: 0px; } .searchBar .searchBar-a i{ display: none;} .searchBar .searchBar-a .searchBar-div{ text-align: center;} .searchDiv{ width: 100%;height: 40px; margin: 0px auto; margin-top: 8px;} .searchDiv .searchinput{ height: 40px; line-height: 38px;width: 200px;} .searchDiv .searchbtn{width: 45px; height: 40px;} .index-product-list{padding-top:0px;padding-bottom: 30px; border-top: solid 2px #eee;overflow-x: hidden;} .index-product-img .index-product-txt-product{ font-size: 14px;height: 40px;line-height: 40px;} .index-product-img .index-product-more{width:80%;line-height: 30px;font-size: 12px;} .index-title-p{font-size: 14px;line-height: 30px;} .index-product-more{ font-size: 14px; margin-top:20px;margin-bottom: 20px;} .chejian-title{ width: 100%; height: auto; position:relative} .chejian-title img{ max-width: 100%; height: auto;} .index-chejian-row{ width: 100%; height: auto; margin: 0px auto; margin-top: 8px;} .index-cehjiang-col{ padding-left: 4px; padding-right: 4px;height: 120px;margin-bottom: 8px;} .recommendi-product-title {margin-bottom: 15px;} .aboutusbk {padding-top: 40px;padding-bottom: 40px;} .aboutusbk .aboutus-infor,.aboutusbk .aboutus-infor01{ width: 100%;margin-top: 20px;height: auto;} .aboutusbk .index-title.font-en{font-size: 16px;height: 20px;line-height: 20px;text-indent: 0px;} .aboutusbk .index-title.font-zh{font-size: 18px;height: 30px;line-height: 30px;text-indent: 0px;} .aboutusbk .aboutus-infor .aboutus-infor-div {font-size: 14px;line-height:20px;} .aboutusbk .aboutus-infor .aboutus-more{margin-top: 15px;height: 30px;line-height: 30px;font-size: 14px;} .recommendi-product-title .index-title{width: 100%; height: 40px;} .recommendi-product-title .index-title img{ max-width: 100%;} .recommendi-product-title .index-title .index-title-p{ display: none;} .wzPostion, .wzPostion a{ line-height: 30px; font-size: 12px;} .newsDiv{margin-top:30px; height: auto;} .newsDiv .row{ margin-left: 0px; margin-right: 0px;} .newsDiv .newsDiv-list{ margin-top: 8px;} .newsDiv .newsDiv-list dt{ line-height: 30px;} .newsDiv .newsDiv-list dt h2{ font-size: 16px;} .newsDiv .newsDiv-list dl dd{ height: 50px;} .newsDiv .newsDiv-list dl dd div{width: 50px;} .newsDiv .newsDiv-list dl dd div span:first-child{ font-size: 16px; height: 25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd div span:last-child{ font-size: 12px; height:25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{width: 240px; font-size: 14px; line-height: 50px;} .footer-nav{ display: none;} .page-footer{ margin-top: 10px;} .page-footer .footer-sidebar1 dd{width: 50%; float: left;} .page-footer .footer-sidebar1 dd img{max-width: 90%;} .page-footer .footer-sidebar2 .footer-reserved{ position: relative;} .slider-aboutlist{ height: 40px;} .slider-aboutlist ul li{ height: 40px;padding-left: 10px; padding-right: 10px;} .slider-aboutlist ul li a{ height: 40px; line-height: 40px; font-size: 14px;} .contactusDiv-fluid{ padding-top: 10px;} .page-contentDiv{ margin-top: 10px;} /* 产品分类 */ .cat-sidebar-1 ul li{width: 100%; height: 30px; } .cat-sidebar-1 ul li a{ line-height: 30px;} .cat-sidebar-1 .widget-title{ font-size: 14px;} .cat-product-img {width:145px;height: 235px;} /* 产品分类--列表 */ .pro-bigbox {width:160px;height: 225px;} .pro-bigbox .bigboximg {width: 160px;height: 160px;} .pro-bigbox .bigboxword .post-cat{ font-size: 12px;color: #999;} .pro-bigbox .post-title{ line-height: 20px;font-size: 12px;} .product-lists{ margin-top: 10px;} .weizhi_order #orderby{width: 80px;} /* 新闻列表 */ .div-news .post-thumb{width: 100%; } .div-news .post-title{ line-height: 28px;} .div-news .post-excerpt{ line-height: 20px; margin-top: 6px;} /* 产品详情 */ .wzPostion{ margin-bottom: 8px;} .page_the-content{ margin-top: 0px!important;} .product-imgs {height: 350px; margin-left:0px;} .singglepic .flex-viewport {width:280px;height: 280px;} .singglepic .flex-viewport figure .product-max-pic{width: 280px;height: 280px;} .singglepic .flex-control-thumbs{ height: 60px;} .singglepic .flex-control-thumbs .product-min-imgs-div .product-min-pic {width: 60px;} .pcon_r{ margin-left: 5px;} .pcon_r .product_title{font-size: 1.4rem;} .pcon_r .woocommerce-product-details__short-description{padding-top:0.5rem;padding-bottom: 0.5rem; } .pcon_r .woocommerce-product-details__short-description ul{ line-height: 20px;} .pcon_r .price{padding-bottom:10px;margin-top: 10px;} .pcon_r .product_meta{ margin-top:0rem;} .product-title-div {height: 40px;} .product-title-div .product-title-1{height: 42px;} .product-title-div .product-title-1 span{height: 40px;line-height: 40px;font-size: 16px} .page-product-title{height: 40px;line-height: 40px;} .news-cat-title {margin-bottom: 20px!important;margin-top:20px!important;} .page-product-dl dd{ margin-top: 10px;min-height: 30px; height: auto;} .sidebar-cat2{ display: none;} .sing-index-post .entry-title{ line-height: 40px; padding-top: 10px;} .contactusDiv-fluid-contatct{ padding-left: 0px; padding-right: 0px;} .feedbackdiv{padding-bottom: 10px;} .feedbackdiv dl .inputDiv label{ width: 100%;} .feedbackdiv dl { width: 100%;} .feedbackdiv dl .inputDiv div{width: 260px;} .feedbackdiv dl .inputDiv div span,.feedbackdiv dl .inputDiv div input{ width: 100%;} .contactus-div dl{width: 100%;} .contact-map{ display: none;} } @media (min-width: 376px) and (max-width:429px) { #headerIds { height: 120px; padding-bottom: 5px;} .logoDiv{height:100%;padding-right: 0px!important;padding-left: 0px!important;} .moveShowDiv .logoDiv .row{ margin-left:0px; margin-right:0px; } .moveShowDiv .moveShowDiv-01,.moveShowDiv .moveShowDiv-03{ height:auto;} .moveShowDiv .moveShowDiv-01 a img{ margin-top:2%; max-height: 100%;} .moveShowDiv .moveShowDiv-02{position: absolute;bottom:0px;width: 100%; max-width: 100%; height:60px} .moveShowDiv .moveShowDiv-02 .collapse:not(.show){ display:block;} .navbar-light .navbar-toggler{ display:none} .navbar-light .navbar-toggler{width: 100%; text-align: right; border: none!important;;border-color:unset!important;} .navbar-light .navbar-toggler:hover,.navbar-light .navbar-toggler:active,.navbar-light .navbar-toggler{ background-color: unset!important;} #nav-div-meaus{top:unset;height: 100%;} #nav-div-meaus .navbar{ height: 100%;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li a{color: #fff;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li:hover a{color: var(--green01);} #nav-div-meaus button:focus{outline:unset} #nav-div-meaus .navbar-nav{ position:relative; width:100%; height:100%;display: block;} #nav-div-meaus .navbar-nav li{ display:block;position:relative; float:left; width:33.3%; height:30px; text-align:center; text-align:center;border-top: solid 1px #eee; } #nav-div-meaus .navbar-nav li.menu-item-level-1:nth-child(5){ display: none;} #nav-div-meaus .navbar-nav li a{ height:30px; line-height:30px; font-size: 14px; margin-top:unset; padding-left:0px; padding-right:0px;} #nav-div-meaus .navbar-nav li .dropdown-menu{ top:28px;} #nav-div-meaus .navbar-nav li:hover .dropdown-menu{ position:fixed; top:130px;width:98%;left:1%;} .moveShowDiv .moveShowDiv-03{ position: absolute;right:0px;left:unset;width: 100px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 20px;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{ width: 100%; top:33%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div span{ display: none;} /* 首页 */ .searchBar{ height: auto;} .searchBar .searchBar-a{ text-align: center; padding-left: 0px; padding-right: 0px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{ line-height: 25px; font-size: 14px; margin-right: 5px; margin-top:0px;} .searchBar .searchBar-a span{ width: 100%; text-align: center; display: block; font-weight: bold;} .searchBar .searchBar-a a{ display: inline-block; line-height: 16px; margin-bottom: 0px; } .searchBar .searchBar-a i{ display: none;} .searchBar .searchBar-a .searchBar-div{ text-align: center;} .searchDiv{ width: 100%;height: 40px; margin: 0px auto; margin-top: 8px;} .searchDiv .searchinput{ height: 40px; line-height: 38px;width: 200px;} .searchDiv .searchbtn{width: 45px; height: 40px;} .index-product-list{padding-top:0px;padding-bottom: 30px; border-top: solid 2px #eee;overflow-x: hidden;} .index-product-img .index-product-txt-product{ font-size: 14px;height: 40px;line-height: 40px;} .index-product-img .index-product-more{width:80%;line-height: 30px;font-size: 12px;} .index-title-p{font-size: 14px;line-height: 30px;} .index-product-more{ font-size: 14px; margin-top:20px;margin-bottom: 20px;} .chejian-title{ width: 100%; height: auto; position:relative} .chejian-title img{ max-width: 100%; height: auto;} .index-chejian-row{ width: 100%; height: auto; margin: 0px auto; margin-top: 8px;} .index-cehjiang-col{ padding-left: 4px; padding-right: 4px;height: 120px;margin-bottom: 10px;} .recommendi-product-title {margin-bottom: 15px;} .aboutusbk {padding-top: 40px;padding-bottom: 40px;} .aboutusbk .aboutus-infor,.aboutusbk .aboutus-infor01{ width: 100%;margin-top: 20px;height: auto;} .aboutusbk .index-title.font-en{font-size: 16px;height: 20px;line-height: 20px;text-indent: 0px;} .aboutusbk .index-title.font-zh{font-size: 18px;height: 30px;line-height: 30px;text-indent: 0px;} .aboutusbk .aboutus-infor .aboutus-infor-div {font-size: 14px;line-height:20px;} .aboutusbk .aboutus-infor .aboutus-more{margin-top: 15px;height: 30px;line-height: 30px;font-size: 14px;} .recommendi-product-title .index-title{width: 100%; height: 40px;} .recommendi-product-title .index-title img{ max-width: 100%;} .recommendi-product-title .index-title .index-title-p{ display: none;} .wzPostion, .wzPostion a{ line-height: 30px; font-size: 12px;} .newsDiv{margin-top:30px; height: auto;} .newsDiv .row{ margin-left: 0px; margin-right: 0px;} .newsDiv .newsDiv-list{ margin-top: 8px;} .newsDiv .newsDiv-list dt{ line-height: 30px;} .newsDiv .newsDiv-list dt h2{ font-size: 16px;} .newsDiv .newsDiv-list dl dd{ height: 50px;} .newsDiv .newsDiv-list dl dd div{width: 50px;} .newsDiv .newsDiv-list dl dd div span:first-child{ font-size: 16px; height: 25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd div span:last-child{ font-size: 12px; height:25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{width: 260px; font-size: 14px; line-height: 50px;} .footer-nav{ display: none;} .page-footer{ margin-top: 10px;} .page-footer .footer-sidebar1 dd{width: 50%; float: left;} .page-footer .footer-sidebar1 dd img{max-width: 90%;} .page-footer .footer-sidebar2 .footer-reserved{ position: relative;} .slider-aboutlist{ height: 40px;} .slider-aboutlist ul li{ height: 40px;padding-left: 10px; padding-right: 10px;} .slider-aboutlist ul li a{ height: 40px; line-height: 40px; font-size: 14px;} .contactusDiv-fluid{ padding-top: 10px;} .page-contentDiv{ margin-top: 10px;} /* 产品分类 */ .cat-sidebar-1 ul li{width: 100%; height: 30px; } .cat-sidebar-1 ul li a{ line-height: 30px;} .cat-sidebar-1 .widget-title{ font-size: 14px;} .cat-product-img {width:145px;height: 235px;} /* 产品分类--列表 */ .pro-bigbox {width:160px;height: 225px;} .pro-bigbox .bigboximg {width: 160px;height: 160px;} .pro-bigbox .bigboxword .post-cat{ font-size: 12px;color: #999;} .pro-bigbox .post-title{ line-height: 20px;font-size: 12px;} .product-lists{ margin-top: 10px;} .weizhi_order #orderby{width: 80px;} /* 新闻列表 */ .div-news .post-thumb{width: 100%; } .div-news .post-title{ line-height: 28px;} .div-news .post-excerpt{ line-height: 20px; margin-top: 6px;} /* 产品详情 */ .wzPostion{ margin-bottom: 8px;} .page_the-content{ margin-top: 0px!important;} .product-imgs {height: 350px; margin-left:0px;} .singglepic .flex-viewport {width:280px;height: 280px;} .singglepic .flex-viewport figure .product-max-pic{width: 280px;height: 280px;} .singglepic .flex-control-thumbs{ height: 60px;} .singglepic .flex-control-thumbs .product-min-imgs-div .product-min-pic {width: 60px;} .pcon_r{ margin-left: 5px;} .pcon_r .product_title{font-size: 1.4rem;} .pcon_r .woocommerce-product-details__short-description{padding-top:0.5rem;padding-bottom: 0.5rem; } .pcon_r .woocommerce-product-details__short-description ul{ line-height: 20px;} .pcon_r .price{padding-bottom:10px;margin-top: 10px;} .pcon_r .product_meta{ margin-top:0rem;} .product-title-div {height: 40px;} .product-title-div .product-title-1{height: 42px;} .product-title-div .product-title-1 span{height: 40px;line-height: 40px;font-size: 16px} .page-product-title{height: 40px;line-height: 40px;} .news-cat-title {margin-bottom: 20px!important;margin-top:20px!important;} .page-product-dl dd{ margin-top: 10px;min-height: 30px; height: auto;} .sidebar-cat2{ display: none;} .sing-index-post .entry-title{ line-height: 40px; padding-top: 10px;} .contactusDiv-fluid-contatct{ padding-left: 0px; padding-right: 0px;} .feedbackdiv{padding-bottom: 10px;} .feedbackdiv dl .inputDiv label{ width: 100%;} .feedbackdiv dl { width: 100%;} .feedbackdiv dl .inputDiv div{width: 260px;} .feedbackdiv dl .inputDiv div span,.feedbackdiv dl .inputDiv div input{ width: 100%;} .contactus-div dl{width: 100%;} .contact-map{ display: none;} } /* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */ @media (min-width: 530px) and (max-width:766px) { #headerIds { height: 140px; padding-bottom: 5px;} .logoDiv{height:100%;padding-right: 0px!important;padding-left: 0px!important;} .moveShowDiv .logoDiv .row{ margin-left:0px; margin-right:0px; } .moveShowDiv .moveShowDiv-01,.moveShowDiv .moveShowDiv-03{ height:auto;} .moveShowDiv .moveShowDiv-01 a img{ margin-top:0%; max-height: 100%;} .moveShowDiv .moveShowDiv-02{position: absolute;bottom:0px;width: 100%; max-width: 100%; height:60px} .moveShowDiv .moveShowDiv-02 .collapse:not(.show){ display:block;} .navbar-light .navbar-toggler{ display:none} .navbar-light .navbar-toggler{width: 100%; text-align: right; border: none!important;;border-color:unset!important;} .navbar-light .navbar-toggler:hover,.navbar-light .navbar-toggler:active,.navbar-light .navbar-toggler{ background-color: unset!important;} #nav-div-meaus{top:unset;height: 100%;} #nav-div-meaus .navbar{ height: 100%;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li a{color: #fff;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li:hover a{color: var(--green01);} #nav-div-meaus button:focus{outline:unset} #nav-div-meaus .navbar-nav{ position:relative; width:100%; height:100%;display: block;} #nav-div-meaus .navbar-nav li{ display:block;position:relative; float:left; width:33.3%; height:30px; text-align:center; text-align:center;border-top: solid 1px #eee; } #nav-div-meaus .navbar-nav li a{ height:30px; line-height:30px; font-size: 14px; margin-top:unset; padding-left:0px; padding-right:0px;} #nav-div-meaus .navbar-nav li .dropdown-menu{ top:28px;} #nav-div-meaus .navbar-nav li:hover .dropdown-menu{ position:fixed; top:140px;width:98%;left:1%;} .moveShowDiv .moveShowDiv-03{ position: absolute;right:0px;left:unset;width: 100px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 20px;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{ width: 100%; top:33%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div span{ display: none;} /* 首页 */ .searchBar{ height: auto;} .searchBar .searchBar-a{ text-align: center; padding-left: 0px; padding-right: 0px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{ line-height: 25px; font-size: 14px; margin-right: 5px; margin-top:0px;} .searchBar .searchBar-a span{ width: 100%; text-align: center; display: block; font-weight: bold;} .searchBar .searchBar-a a{ display: inline-block; line-height: 16px; margin-bottom: 0px; } .searchBar .searchBar-a i{ display: none;} .searchBar .searchBar-a .searchBar-div{ text-align: center;} .searchDiv{ width: 100%;height: 40px; margin: 0px auto; margin-top: 8px;} .searchDiv .searchinput{ height: 40px; line-height: 38px;width: 200px;} .searchDiv .searchbtn{width: 45px; height: 40px;} .index-product-list{padding-top:0px;padding-bottom: 30px; border-top: solid 2px #eee;overflow-x: hidden;} .index-product-img .index-product-txt-product{ font-size: 14px;height: 40px;line-height: 40px;} .index-product-img .index-product-more{width:80%;line-height: 30px;font-size: 12px;} .index-title-p{font-size: 14px;line-height: 30px;} .index-product-more{ font-size: 14px; margin-top:20px;margin-bottom: 20px;} .chejian-title{ width: 100%; height: auto; position:relative} .chejian-title img{ max-width: 100%; height: auto;} .index-chejian-row{ width: 100%; height: auto; margin: 0px auto; margin-top: 8px;} .index-cehjiang-col{ padding-left: 4px; padding-right: 4px;height: 120px;margin-bottom: 10px;} .recommendi-product-title {margin-bottom: 15px;} .aboutusbk {padding-top: 40px;padding-bottom: 40px;} .aboutusbk .aboutus-infor,.aboutusbk .aboutus-infor01{ width: 100%;margin-top: 20px;height: auto;} .aboutusbk .index-title.font-en{font-size: 16px;height: 20px;line-height: 20px;text-indent: 0px;} .aboutusbk .index-title.font-zh{font-size: 18px;height: 30px;line-height: 30px;text-indent: 0px;} .aboutusbk .aboutus-infor .aboutus-infor-div {font-size: 14px;line-height:20px;} .aboutusbk .aboutus-infor .aboutus-more{margin-top: 15px;height: 30px;line-height: 30px;font-size: 14px;} .recommendi-product-title .index-title{width: 100%; height: 40px;} .recommendi-product-title .index-title img{ max-width: 100%;} .recommendi-product-title .index-title .index-title-p{ display: none;} .wzPostion, .wzPostion a{ line-height: 30px; font-size: 12px;} .newsDiv{margin-top:30px; height: auto;} .newsDiv .row{ margin-left: 0px; margin-right: 0px;} .newsDiv .newsDiv-list{ margin-top: 8px;} .newsDiv .newsDiv-list dt{ line-height: 30px;} .newsDiv .newsDiv-list dt h2{ font-size: 16px;} .newsDiv .newsDiv-list dl dd{ height: 50px;} .newsDiv .newsDiv-list dl dd div{width: 50px;} .newsDiv .newsDiv-list dl dd div span:first-child{ font-size: 16px; height: 25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd div span:last-child{ font-size: 12px; height:25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{width: 260px; font-size: 14px; line-height: 50px;} .footer-nav{ display: none;} .page-footer{ margin-top: 10px;} .page-footer .footer-sidebar1 dd{width: 50%; float: left;} .page-footer .footer-sidebar1 dd img{max-width: 90%;} .page-footer .footer-sidebar2 .footer-reserved{ position: relative;} .slider-aboutlist{ height: 40px;} .slider-aboutlist ul li{ height: 40px;padding-left: 10px; padding-right: 10px;} .slider-aboutlist ul li a{ height: 40px; line-height: 40px; font-size: 14px;} .contactusDiv-fluid{ padding-top: 10px;} .page-contentDiv{ margin-top: 10px;} /* 产品分类 */ .cat-sidebar-1 ul li{width: 100%; height: 30px; } .cat-sidebar-1 ul li a{ line-height: 30px;} .cat-sidebar-1 .widget-title{ font-size: 14px;} .cat-product-img {width:145px;height: 235px;} /* 产品分类--列表 */ .pro-bigbox {width:160px;height: 225px;} .pro-bigbox .bigboximg {width: 160px;height: 160px;} .pro-bigbox .bigboxword .post-cat{ font-size: 12px;color: #999;} .pro-bigbox .post-title{ line-height: 20px;font-size: 12px;} .product-lists{ margin-top: 10px;} .weizhi_order #orderby{width: 80px;} /* 新闻列表 */ .div-news .post-thumb{width: 100%; } .div-news .post-title{ line-height: 28px;} .div-news .post-excerpt{ line-height: 20px; margin-top: 6px;} /* 产品详情 */ .wzPostion{ margin-bottom: 8px;} .page_the-content{ margin-top: 0px!important;} .product-imgs {height: 350px; margin-left:0px;} .singglepic .flex-viewport {width:280px;height: 280px;} .singglepic .flex-viewport figure .product-max-pic{width: 280px;height: 280px;} .singglepic .flex-control-thumbs{ height: 60px;} .singglepic .flex-control-thumbs .product-min-imgs-div .product-min-pic {width: 60px;} .pcon_r{ margin-left: 5px;} .pcon_r .product_title{font-size: 1.4rem;} .pcon_r .woocommerce-product-details__short-description{padding-top:0.5rem;padding-bottom: 0.5rem; } .pcon_r .woocommerce-product-details__short-description ul{ line-height: 20px;} .pcon_r .price{padding-bottom:10px;margin-top: 10px;} .pcon_r .product_meta{ margin-top:0rem;} .product-title-div {height: 40px;} .product-title-div .product-title-1{height: 42px;} .product-title-div .product-title-1 span{height: 40px;line-height: 40px;font-size: 16px} .page-product-title{height: 40px;line-height: 40px;} .news-cat-title {margin-bottom: 20px!important;margin-top:20px!important;} .page-product-dl dd{ margin-top: 10px;min-height: 30px; height: auto;} .sidebar-cat2{ display: none;} .sing-index-post .entry-title{ line-height: 40px; padding-top: 10px;} .contactusDiv-fluid-contatct{ padding-left: 0px; padding-right: 0px;} .feedbackdiv{padding-bottom: 10px;} .feedbackdiv dl .inputDiv label{ width: 100%;} .feedbackdiv dl { width: 100%;} .feedbackdiv dl .inputDiv div{width: 260px;} .feedbackdiv dl .inputDiv div span,.feedbackdiv dl .inputDiv div input{ width: 100%;} .contactus-div dl{width: 100%;} .contact-map{ display: none;} } /* 小屏幕（平板，大于等于 768px）@screen-sm-min */ @media (min-width:768px ) and (max-width:991px) { #headerIds { height: 150px; padding-bottom: 5px;} .logoDiv{height:100%;padding-right: 0px!important;padding-left: 0px!important;} .moveShowDiv .logoDiv .row{ margin-left:0px; margin-right:0px; } .moveShowDiv .moveShowDiv-01,.moveShowDiv .moveShowDiv-03{ height:auto;} .moveShowDiv .moveShowDiv-01 a img{ margin-top:0%; max-height: 100%;} .moveShowDiv .moveShowDiv-02{position: absolute;bottom:0px;width: 100%; max-width: 100%; height:60px} .moveShowDiv .moveShowDiv-02 .collapse:not(.show){ display:block;} .navbar-light .navbar-toggler{ display:none} .navbar-light .navbar-toggler{width: 100%; text-align: right; border: none!important;;border-color:unset!important;} .navbar-light .navbar-toggler:hover,.navbar-light .navbar-toggler:active,.navbar-light .navbar-toggler{ background-color: unset!important;} #nav-div-meaus{top:unset;height: 100%;} #nav-div-meaus .navbar{ height: 100%;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li a{color: #fff;} #nav-div-meaus .navbar #navbarSupportedContent.show .navbar-nav li:hover a{color: var(--green01);} #nav-div-meaus button:focus{outline:unset} #nav-div-meaus .navbar-nav{ position:relative; width:100%; height:100%;display: block;} #nav-div-meaus .navbar-nav li{ display:block;position:relative; float:left; width:33.3%; height:30px; text-align:center; text-align:center;border-top: solid 1px #eee; } #nav-div-meaus .navbar-nav li a{ height:30px; line-height:30px; font-size: 14px; margin-top:unset; padding-left:0px; padding-right:0px;} #nav-div-meaus .navbar-nav li .dropdown-menu{ top:28px;} #nav-div-meaus .navbar-nav li:hover .dropdown-menu{ position:fixed; top:150px;width:98%;left:1%;} .moveShowDiv .moveShowDiv-03{ position: absolute;right:0px;left:unset;width: 100px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 20px;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{ width: 100%; top:33%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div span{ display: none;} /* 首页 */ .searchBar{ height: auto;} .searchBar .searchBar-a{ text-align: center; padding-left: 0px; padding-right: 0px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{ line-height: 25px; font-size: 14px; margin-right: 5px; margin-top:0px;} .searchBar .searchBar-a span{ width: 100%; text-align: center; display: block; font-weight: bold;} .searchBar .searchBar-a a{ display: inline-block; line-height: 16px; margin-bottom: 0px; } .searchBar .searchBar-a i{ display: none;} .searchBar .searchBar-a .searchBar-div{ text-align: center;} .searchDiv{ width: 100%;height: 40px; margin: 0px auto; margin-top: 8px;} .searchDiv .searchinput{ height: 40px; line-height: 38px;width: 200px;} .searchDiv .searchbtn{width: 45px; height: 40px;} .index-product-list{padding-top:0px;padding-bottom: 30px; border-top: solid 2px #eee;overflow-x: hidden;} .index-product-img .index-product-txt-product{ font-size: 14px;height: 40px;line-height: 40px;} .index-product-img .index-product-more{width:80%;line-height: 30px;font-size: 12px;} .index-title-p{font-size: 14px;line-height: 30px;} .index-product-more{ font-size: 14px; margin-top:20px;margin-bottom: 20px;} .chejian-title{ width: 100%; height: auto; position:relative} .chejian-title img{ max-width: 100%; height: auto;} .index-chejian-row{ width: 100%; height: auto; margin: 0px auto; margin-top: 8px;} .index-cehjiang-col{ padding-left: 4px; padding-right: 4px;height: 120px;} .recommendi-product-title {margin-bottom: 15px;} .aboutusbk {padding-top: 40px;padding-bottom: 40px;} .aboutusbk .aboutus-infor,.aboutusbk .aboutus-infor01{ width: 100%;margin-top: 20px;height: auto;} .aboutusbk .index-title.font-en{font-size: 16px;height: 20px;line-height: 20px;text-indent: 0px;} .aboutusbk .index-title.font-zh{font-size: 18px;height: 30px;line-height: 30px;text-indent: 0px;} .aboutusbk .aboutus-infor .aboutus-infor-div {font-size: 14px;line-height:20px;} .aboutusbk .aboutus-infor .aboutus-more{margin-top: 15px;height: 30px;line-height: 30px;font-size: 14px;} .recommendi-product-title .index-title{width: 100%; height: 40px;} .recommendi-product-title .index-title img{ max-width: 100%;} .recommendi-product-title .index-title .index-title-p{ display: none;} .wzPostion, .wzPostion a{ line-height: 30px; font-size: 12px;} .newsDiv{margin-top:30px; height: auto;} .newsDiv .row{ margin-left: 0px; margin-right: 0px;} .newsDiv .newsDiv-list{ margin-top: 8px;} .newsDiv .newsDiv-list dt{ line-height: 30px;} .newsDiv .newsDiv-list dt h2{ font-size: 16px;} .newsDiv .newsDiv-list dl dd{ height: 50px;} .newsDiv .newsDiv-list dl dd div{width: 50px;} .newsDiv .newsDiv-list dl dd div span:first-child{ font-size: 16px; height: 25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd div span:last-child{ font-size: 12px; height:25px; line-height: 25px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{width: 260px; font-size: 14px; line-height: 50px;} .footer-nav{ display: none;} .page-footer{ margin-top: 10px;} .page-footer .footer-sidebar1 dd{width: 50%; float: left;} .page-footer .footer-sidebar1 dd img{max-width: 90%;} .page-footer .footer-sidebar2 .footer-reserved{ position: relative;} .slider-aboutlist{ height: 40px;} .slider-aboutlist ul li{ height: 40px;padding-left: 10px; padding-right: 10px;} .slider-aboutlist ul li a{ height: 40px; line-height: 40px; font-size: 14px;} .contactusDiv-fluid{ padding-top: 10px;} .page-contentDiv{ margin-top: 10px;} /* 产品分类 */ .cat-sidebar-1 ul li{width: 100%; height: 30px; } .cat-sidebar-1 ul li a{ line-height: 30px;} .cat-sidebar-1 .widget-title{ font-size: 14px;} .cat-product-img {width:145px;height: 235px;} /* 产品分类--列表 */ .pro-bigbox {width:160px;height: 225px;} .pro-bigbox .bigboximg {width: 160px;height: 160px;} .pro-bigbox .bigboxword .post-cat{ font-size: 12px;color: #999;} .pro-bigbox .post-title{ line-height: 20px;font-size: 12px;} .product-lists{ margin-top: 10px;} .weizhi_order #orderby{width: 80px;} /* 新闻列表 */ .div-news .post-thumb{width: 100%; } .div-news .post-title{ line-height: 28px;} .div-news .post-excerpt{ line-height: 20px; margin-top: 6px;} /* 产品详情 */ .wzPostion{ margin-bottom: 8px;} .page_the-content{ margin-top: 0px!important;} .product-imgs {height: 350px; margin-left:0px;} .singglepic .flex-viewport {width:280px;height: 280px;} .singglepic .flex-viewport figure .product-max-pic{width: 280px;height: 280px;} .singglepic .flex-control-thumbs{ height: 60px;} .singglepic .flex-control-thumbs .product-min-imgs-div .product-min-pic {width: 60px;} .pcon_r{ margin-left: 5px;} .pcon_r .product_title{font-size: 1.4rem;} .pcon_r .woocommerce-product-details__short-description{padding-top:0.5rem;padding-bottom: 0.5rem; } .pcon_r .woocommerce-product-details__short-description ul{ line-height: 20px;} .pcon_r .price{padding-bottom:10px;margin-top: 10px;} .pcon_r .product_meta{ margin-top:0rem;} .product-title-div {height: 40px;} .product-title-div .product-title-1{height: 42px;} .product-title-div .product-title-1 span{height: 40px;line-height: 40px;font-size: 16px} .page-product-title{height: 40px;line-height: 40px;} .news-cat-title {margin-bottom: 20px!important;margin-top:20px!important;} .page-product-dl dd{ margin-top: 10px;min-height: 30px; height: auto;} .sidebar-cat2{ display: none;} .sing-index-post .entry-title{ line-height: 40px; padding-top: 10px;} .contactusDiv-fluid-contatct{ padding-left: 0px; padding-right: 0px;} .feedbackdiv{padding-bottom: 10px;} .feedbackdiv dl .inputDiv label{ width: 100%;} .feedbackdiv dl { width: 100%;} .feedbackdiv dl .inputDiv div{width: 260px;} .feedbackdiv dl .inputDiv div span,.feedbackdiv dl .inputDiv div input{ width: 100%;} .contactus-div dl{width: 100%;} .contact-map{ display: none;} } /* 中等屏幕（桌面显示器，大于等于 992px） @media (min-width: @screen-md-min) { } */ /* 大屏幕（大桌面显示器，大于等于 1200px） @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { } @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { } */ @media (min-width: 992px) and (max-width:1200px) { #headerIds { height: auto;padding-top: 30px; padding-bottom:25px;} .logoDiv{ height: auto;} .moveShowDiv .moveShowDiv-01, .moveShowDiv .moveShowDiv-03{ height:87px;} .moveShowDiv .moveShowDiv-01 a img{ max-height: 100%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{width: 210px; height: 20px;top: 40px; } .moveShowDiv .moveShowDiv-03 a{font-size: 16px; line-height: 20px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 100%;} .moveShowDiv .moveShowDiv-02{margin-top: 10px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav { width:800px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav li a{font-size: 16px;padding-left:unset;padding-right:unset;} .searchBar,.searchBar .searchBar-a .searchBar-div{ height: 48px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{font-size: 12px;margin-top: 12px;} .searchBar .searchBar-a span{ font-weight: bold;} .searchBar .searchBar-a i{ margin-top: 23px;height: 12px;} .searchDiv{margin-top: 10px;height: 32px;width: 250px;} .searchDiv .searchinput{ height: 32px; line-height: 32px;width:80%} .searchDiv .searchbtn{width: 35px;height: 32px;line-height: 32px; border-radius: 3px;} .aboutusbk{padding-top:58px;padding-bottom:58px;} .aboutusbk .index-title.font-en{font-size:14px;height:20px;line-height: 20px;} .aboutusbk .index-title.font-zh{font-size: 18px;height: 30px;line-height: 30px; margin-bottom: 10px;} .aboutusbk .aboutus-infor .aboutus-infor-div,.aboutusbk .aboutus-infor .aboutus-infor-div p,.aboutusbk .aboutus-infor .aboutus-infor-div span,.aboutusbk .aboutus-infor .aboutus-infor-div div{font-size: 12px!important;line-height: 20px;} .aboutusbk .aboutus-infor .aboutus-more{height:20px;line-height:20px;margin-top: 0px;font-size: 12px;} .index-product-list{padding-top: 0px} .recommendi-product-title .index-title{line-height: 40px;height: 40px;} .index-product-img .index-product-txt-product{ height: 40px; line-height: 40px; font-size: 16px;} .index-product-more{ margin-top: 30px; margin-bottom: 50px;} .index-chejian-list{width: 100%;height: 270px; margin-bottom: 65px;} .index-chejian-list .chejian-title{ height: 100%;} .index-chejian-list .chejian-title img{max-height: 100%;} .index-chejian-list .index-chejian-row{width: 800px;height: 260px;} .index-cehjiang-col { height: 50%;} .index-cehjiang-col img{ width: 100%; max-height: 96%;} .newsDiv{ margin-top: 0px; height:360px;margin-bottom: 57px;} .newsDiv .newsDiv-img,.newsDiv .newsDiv-list{ height: 360px;} .newsDiv .newsDiv-img img{width: 100%; height: 100%;} .newsDiv .newsDiv-list dl dt {line-height: 40px;margin-top:15px;margin-bottom: 15px;} .newsDiv .newsDiv-list dl dt h2{font-size: 1rem;} .newsDiv .newsDiv-list dl dd { height: 58px;margin-bottom: 10px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ width: 380px;line-height: 58px;font-size:18px;} .newsDiv .newsDiv-list dl dd div{ width: 58px;} .newsDiv .newsDiv-list dl dd div span:first-child{font-size: 22px;height: 35px;line-height: 40px;} .newsDiv .newsDiv-list dl dd div span:last-child {font-size: 12px;height: 25px;line-height: 20px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ font-size: 16px;} .slider-aboutlist ul li a{ font-size: 18px;} .page-footer{ margin-top: 50px;} .page-footer .footer-sidebar1{ height: auto;} .page-footer .footer-sidebar1 dl{ width: 90%; height: 100%; margin: 0px auto;} .page-footer .footer-sidebar1 dl dd { line-height: 20px;} .page-footer .footer-sidebar1 dl img{ max-width: 75%;} .page-footer .footer-sidebar2{padding-top: 25px;min-height: 400px;} .page-footer .footer-sidebar2 .footer-nav li:nth-child(3){ width: 18%;} .page-footer .footer-sidebar2 .footer-nav li:first-child,.page-footer .footer-sidebar2 .footer-nav li:last-child{ width: 12%;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 30px;line-height: 30px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ font-size: 14px;height: 40px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{ margin-top: 5px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{ height: 20px; line-height: 20px; font-size: 12px;} .page-footer .footer-sidebar2 .footer-reserved{ font-size: 12px; line-height: 25px;} .pro-bigbox {width: 250px;height: 325px;} .pro-bigbox .bigboximg{ width: 250px; height: 250px;} .product-imgs{height: 400px;} .product-title-div .product-title-1{ height: 50px;} } @media (min-width:992px) and (max-width:1199px) { .moveShowDiv .moveShowDiv-02,#nav-div-meaus,#nav-div-meaus .navbar,#nav-div-meaus .navbar-nav,#nav-div-meaus .navbar-nav li a{height: 40px; line-height: 40px;} #nav-div-meaus .navbar-nav li .dropdown-menu{top: 40px;} .index-cehjiang-col{ padding-left: 5px; padding-right: 5px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ line-height: 30px;} .index-product-more{ height: 30px; line-height: 30px;} } /* 大屏幕（大桌面显示器，大于等于 1200px）==screen-lg-min */ @media (min-width:1201px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1200px!important;width: 1200px!important; } #headerIds { height: auto;padding-top: 30px; padding-bottom:25px;} .logoDiv{ height: auto;} .moveShowDiv .moveShowDiv-01, .moveShowDiv .moveShowDiv-03{ height: 104px;} .moveShowDiv .moveShowDiv-01 a img{ max-height: 100%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{width: 210px; height: 25px;top: 25px; } .moveShowDiv .moveShowDiv-03 a{font-size: 18px; line-height: 25px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 100%;} .moveShowDiv .moveShowDiv-02{margin-top: 15px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav { width: 900px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav li a{font-size: 16px;padding-left:unset;padding-right:unset;} .searchBar,.searchBar .searchBar-a .searchBar-div{ height: 55px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{font-size: 14px;margin-top: 12px;} .searchBar .searchBar-a span{ font-weight: bold;} .searchBar .searchBar-a i{ margin-top: 23px;height: 16px;} .searchDiv{margin-top: 10px;height: 32px;width: 250px;} .searchDiv .searchinput{ height: 32px; line-height: 32px;width:80%} .searchDiv .searchbtn{width: 35px;height: 32px;line-height: 32px; border-radius: 3px;} .aboutusbk{padding-top:58px;padding-bottom:58px;} .aboutusbk .index-title.font-en{font-size:20px;height:30px;line-height: 30px;} .aboutusbk .index-title.font-zh{font-size: 30px;height: 40px;line-height: 40px; margin-bottom: 20px;} .aboutusbk .aboutus-infor .aboutus-infor-div,.aboutusbk .aboutus-infor .aboutus-infor-div p,.aboutusbk .aboutus-infor .aboutus-infor-div span,.aboutusbk .aboutus-infor .aboutus-infor-div div{font-size: 14px!important;line-height: 26px;} .aboutusbk .aboutus-infor .aboutus-more{height:26px;line-height:26px;margin-top: 5px;font-size: 15px;} .index-product-list{padding-top: 0px} .recommendi-product-title .index-title{line-height: 50px;height: 50px;} .index-product-img .index-product-txt-product{ height: 50px; line-height: 50px; font-size: 16px;} .index-product-more{ margin-top: 40px; margin-bottom: 60px;} .index-chejian-list{width: 100%;height: 320px; margin-bottom: 75px;} .index-chejian-list .chejian-title{ height: 100%;} .index-chejian-list .chejian-title img{max-height: 100%;} .index-chejian-list .index-chejian-row{width: 1000px;height: 310px;} .index-cehjiang-col { height: 50%;} .index-cehjiang-col img{ width: 100%; max-height: 96%;} .newsDiv{ margin-top: 0px; height: 430px;margin-bottom: 67px;} .newsDiv .newsDiv-img,.newsDiv .newsDiv-list{ height: 430px;} .newsDiv .newsDiv-img img{width: 100%; height: 100%;} .newsDiv .newsDiv-list dl dt {line-height: 60px;margin-top: 25px;margin-bottom: 20px;} .newsDiv .newsDiv-list dl dt h2{font-size: 1.5rem;} .newsDiv .newsDiv-list dl dd { height: 70px;margin-bottom: 10px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ width: 470px;line-height: 70px;font-size: 20px;} .newsDiv .newsDiv-list dl dd div{ width: 70px;} .newsDiv .newsDiv-list dl dd div span:first-child{font-size: 22px;height: 40px;line-height: 60px;} .newsDiv .newsDiv-list dl dd div span:last-child {font-size: 12px;height: 30px;line-height: 25px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ font-size: 16px;} .slider-aboutlist ul li a{ font-size: 18px;} .page-footer{ margin-top: 50px;} .page-footer .footer-sidebar1{ height: auto;} .page-footer .footer-sidebar1 dl{ width: 90%; height: 100%; margin: 0px auto;} .page-footer .footer-sidebar1 dl dd { line-height: 40px;} .page-footer .footer-sidebar1 dl dd img{ max-width: 75%;} .page-footer .footer-sidebar2{padding-top: 25px; width: 93%; margin: 0px auto;} .page-footer .footer-sidebar2 .footer-nav li:nth-child(3){ width: 18%;} .page-footer .footer-sidebar2 .footer-nav li:first-child,.page-footer .footer-sidebar2 .footer-nav li:last-child{ width: 12%;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 30px;line-height: 30px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ font-size: 16px;height: 48px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{ margin-top: 10px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{ height: 22px; line-height: 22px; font-size: 13px;} .page-footer .footer-sidebar2 .footer-reserved{ font-size: 10px; line-height: 25px;} .pro-bigbox {width: 200px;height: 255px;} .pro-bigbox .bigboximg{ width: 200px; height: 200px;} .product-imgs{height: 330px; margin-bottom: 5px;} .product-title-div{height: 50px;} .product-title-div .product-title-1{ height: 50px;} .product-title-div .product-title-1 span{ height: 50px; line-height: 50px;} .feedbackdiv{padding-bottom: 10px;} .feedbackdiv dl { width: 420px;} .feedbackdiv dl .inputDiv div{width: 280px;} .feedbackdiv dl .inputDiv div span,.feedbackdiv dl .inputDiv div input{ width: 100%;} } @media (min-width:1201px) and (max-width:1299px) { .moveShowDiv .moveShowDiv-02,#nav-div-meaus,#nav-div-meaus .navbar,#nav-div-meaus .navbar-nav,#nav-div-meaus .navbar-nav li a{height: 40px; line-height: 40px;} #nav-div-meaus .navbar-nav li .dropdown-menu{top: 40px;} .index-cehjiang-col{ padding-left: 5px; padding-right: 5px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ line-height: 30px;} .index-product-more{ height: 30px; line-height: 30px;} } @media (min-width:1300px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1301px!important;width: 1301px!important; } #headerIds { height: auto;padding-top: 30px; padding-bottom:25px;} .logoDiv{ height: auto;} .moveShowDiv .moveShowDiv-01, .moveShowDiv .moveShowDiv-03{ height: 114px;} .moveShowDiv .moveShowDiv-01 a img{ max-height: 100%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{width: 210px; height: 30px;top: 35px; } .moveShowDiv .moveShowDiv-03 a{font-size: 18px; line-height: 30px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 100%;} .moveShowDiv .moveShowDiv-02{margin-top: 15px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav { width: 980px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav li a{font-size: 18px;padding-left:unset;padding-right:unset;} .searchBar,.searchBar .searchBar-a .searchBar-div{ height: 60px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{font-size: 16px;margin-top: 15px;} .searchBar .searchBar-a span{ font-weight: bold;} .searchBar .searchBar-a i{ margin-top: 23px;height: 16px;} .searchDiv{margin-top: 12px;height: 32px;width: 250px;} .searchDiv .searchinput{ height: 32px; line-height: 32px;width:80%} .searchDiv .searchbtn{width: 35px;height: 32px;line-height: 32px; border-radius: 3px;} .aboutusbk{padding-top: 62px;padding-bottom:62px;} .aboutusbk .index-title.font-en{font-size:22px;height:35px;line-height: 35px;} .aboutusbk .index-title.font-zh{font-size: 30px;height: 40px;line-height: 40px; margin-bottom: 20px;} .aboutusbk .aboutus-infor .aboutus-infor-div,.aboutusbk .aboutus-infor .aboutus-infor-div p,.aboutusbk .aboutus-infor .aboutus-infor-div span,.aboutusbk .aboutus-infor .aboutus-infor-div div{font-size: 15px!important;line-height: 28px;} .aboutusbk .aboutus-infor .aboutus-more{height:28px;line-height:28px;margin-top: 5px;font-size: 15px;} .index-product-list{padding-top: 0px} .recommendi-product-title .index-title{line-height: 50px;height: 50px;} .index-product-img .index-product-txt-product{ height: 52px; line-height: 52px; font-size: 16px;} .index-product-more{ margin-top: 45px; margin-bottom: 70px;} .index-chejian-list{width: 100%;height: 345px; margin-bottom: 85px;} .index-chejian-list .chejian-title{ height: 100%;} .index-chejian-list .chejian-title img{max-height: 100%;} .index-chejian-list .index-chejian-row{width: 1100px;height: 320px;} .index-cehjiang-col { height: 50%;} .index-cehjiang-col img{ width: 100%; max-height: 96%;} .newsDiv{ margin-top: 0px; height: 470px;margin-bottom: 77px;} .newsDiv .newsDiv-img,.newsDiv .newsDiv-list{ height: 470px;} .newsDiv .newsDiv-img img{width: 100%; height: 100%;} .newsDiv .newsDiv-list dl dt {line-height: 60px;margin-top: 25px;margin-bottom: 20px;} .newsDiv .newsDiv-list dl dt h2{font-size: 1.5rem;} .newsDiv .newsDiv-list dl dd { height: 75px;margin-bottom: 12px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ width: 510px;line-height: 75px;font-size: 22px;} .newsDiv .newsDiv-list dl dd div{ width: 75px;} .newsDiv .newsDiv-list dl dd div span:first-child{font-size: 22px;height: 45px;line-height: 60px;} .newsDiv .newsDiv-list dl dd div span:last-child {font-size: 12px;height: 25px;line-height: 25px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ font-size: 16px;} .slider-aboutlist ul li a{ font-size: 18px;} .page-footer{ margin-top: 50px;} .page-footer .footer-sidebar1{ height: auto;} .page-footer .footer-sidebar1 dl{ width: 90%; height: 100%; margin: 0px auto;} .page-footer .footer-sidebar1 dl dd { line-height: 40px;} .page-footer .footer-sidebar1 dl dd img{ max-width: 75%;} .page-footer .footer-sidebar2{padding-top: 25px;} .page-footer .footer-sidebar2 .footer-nav li:nth-child(3){ width: 18%;} .page-footer .footer-sidebar2 .footer-nav li:first-child,.page-footer .footer-sidebar2 .footer-nav li:last-child{ width: 12%;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 30px;line-height: 30px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ font-size: 18px;height: 48px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{ margin-top: 10px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{ height: 23px; line-height: 23px; font-size: 14px;} .page-footer .footer-sidebar2 .footer-reserved{ font-size: 10px; line-height: 25px;} .pro-bigbox {width: 250px;height: 325px;} .pro-bigbox .bigboximg{ width: 250px; height: 250px;} .product-imgs{height: 400px;} .product-title-div .product-title-1{ height: 50px;} } @media (min-width:1300px) and (max-width:1399px) { .index-cehjiang-col{ padding-left: 5px; padding-right: 5px;} } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1401px!important;width: 1401px!important; } #headerIds { height: auto;padding-top: 35px; padding-bottom:30px;} .logoDiv{ height: auto;} .moveShowDiv .moveShowDiv-01, .moveShowDiv .moveShowDiv-03{ height: 120px;} .moveShowDiv .moveShowDiv-01 a img{ max-height: 100%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{width: 250px; height: 30px;top: 35px; } .moveShowDiv .moveShowDiv-03 a{font-size: 20px; line-height: 30px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 100%;} .moveShowDiv .moveShowDiv-02{margin-top: 15px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav { width: 1100px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav li a{font-size: 18px;padding-left:unset;padding-right:unset;} .searchBar,.searchBar .searchBar-a .searchBar-div{ height: 65px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{font-size: 16px;margin-top: 15px;} .searchBar .searchBar-a span{ font-weight: bold;} .searchBar .searchBar-a i{ margin-top: 20px;height: 16px;} .searchDiv{margin-top: 12px;height: 40px;width: 320px;} .searchDiv .searchinput{ height: 38px; line-height: 38px;} .searchDiv .searchbtn{width: 45px;height: 40px;line-height: 40px; border-radius: 3px;} .aboutusbk{padding-top: 65px;padding-bottom:65px;} .aboutusbk .index-title.font-en{font-size:22px;height:35px;line-height: 35px;} .aboutusbk .index-title.font-zh{font-size: 33px;height: 40px;line-height: 40px; margin-bottom: 20px;} .aboutusbk .aboutus-infor .aboutus-infor-div,.aboutusbk .aboutus-infor .aboutus-infor-div p,.aboutusbk .aboutus-infor .aboutus-infor-div span,.aboutusbk .aboutus-infor .aboutus-infor-div div{font-size: 16px!important;line-height: 30px;} .aboutusbk .aboutus-infor .aboutus-more{height:30px;line-height:30px;margin-top: 10px;font-size: 16px;} .index-product-list{padding-top: 0px} .recommendi-product-title .index-title{line-height: 50px;height: 50px;} .index-product-img .index-product-txt-product{ height: 58px; line-height: 58px; font-size: 16px;} .index-product-more{ margin-top: 45px; margin-bottom: 70px;} .index-chejian-list{width: 100%;height: 375px; margin-bottom: 90px;} .index-chejian-list .chejian-title{ height: 100%;} .index-chejian-list .index-chejian-row{width: 1165px;height: 350px;} .index-cehjiang-col { height: 50%;} .index-cehjiang-col img{ width: 100%; max-height: 96%;} .newsDiv{ margin-top: 0px; height: 505px;margin-bottom: 85px;} .newsDiv .newsDiv-img,.newsDiv .newsDiv-list{ height: 505px;} .newsDiv .newsDiv-img img{width: 100%; height: 100%;} .newsDiv .newsDiv-list dl dt {line-height: 60px;margin-top: 25px;margin-bottom: 20px;} .newsDiv .newsDiv-list dl dt h2{font-size: 2rem;} .newsDiv .newsDiv-list dl dd { height: 80px;margin-bottom: 12px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ width: 550px;line-height: 80px;font-size: 22px;} .newsDiv .newsDiv-list dl dd div{ width: 80px;} .newsDiv .newsDiv-list dl dd div span:first-child{font-size: 26px;height: 50px;line-height: 70px;} .newsDiv .newsDiv-list dl dd div span:last-child {font-size: 14px;height: 30px;line-height: 30px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ font-size: 18px;} .slider-aboutlist ul li a{ font-size: 18px;} .page-footer{ margin-top: 50px;} .page-footer .footer-sidebar1{ height: auto;} .page-footer .footer-sidebar1 dl{ width: 90%; height: 100%; margin: 0px auto;} .page-footer .footer-sidebar1 dl dd { line-height: 40px;} .page-footer .footer-sidebar1 dl dd img{ max-width: 75%;} .page-footer .footer-sidebar2{padding-top: 32px;} .page-footer .footer-sidebar2 .footer-nav li:nth-child(3){ width: 18%;} .page-footer .footer-sidebar2 .footer-nav li:first-child,.page-footer .footer-sidebar2 .footer-nav li:last-child{ width: 12%;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 30px;line-height: 30px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ font-size: 18px;height: 48px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{ margin-top: 12px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{ height: 30px; line-height: 30px; font-size: 16px;} .page-footer .footer-sidebar2 .footer-reserved{ font-size: 12px; line-height: 25px;} .pro-bigbox {width: 250px;height: 325px;} .pro-bigbox .bigboximg{ width: 250px; height: 250px;} .product-imgs{height: 400px;} .product-title-div .product-title-1{ height: 50px;} } @media (min-width:1500px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1501px!important;width: 1501px!important; } #headerIds { height: auto;padding-top: 40px; padding-bottom:35px;} .logoDiv{ height: auto;} .moveShowDiv .moveShowDiv-01, .moveShowDiv .moveShowDiv-03{ height: 130px;} .moveShowDiv .moveShowDiv-01 a img{ max-height: 100%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{width: 250px; height: 30px;top: 42px; } .moveShowDiv .moveShowDiv-03 a{font-size: 20px; line-height: 30px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 100%;} .moveShowDiv .moveShowDiv-02{margin-top: 20px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav { width: 1000px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav li a{font-size: 18px;padding-left:unset;padding-right:unset;} .searchBar,.searchBar .searchBar-a .searchBar-div{ height: 75px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{font-size: 18px;margin-top: 20px;} .searchBar .searchBar-a span{ font-weight: bold;} .searchBar .searchBar-a i{ margin-top: 25px;height: 20px;} .searchDiv{margin-top: 18px;height: 40px;width: 320px;} .searchDiv .searchinput{ height: 38px; line-height: 38px;} .searchDiv .searchbtn{width: 45px;height: 40px;line-height: 40px; border-radius: 3px;} .aboutusbk{padding-top: 75px;padding-bottom:75px;} .aboutusbk .index-title.font-en{font-size:22px;height:35px;line-height: 35px;} .aboutusbk .index-title.font-zh{font-size: 40px;height: 50px;line-height: 50px; margin-bottom: 30px;} .aboutusbk .aboutus-infor .aboutus-infor-div,.aboutusbk .aboutus-infor .aboutus-infor-div p,.aboutusbk .aboutus-infor .aboutus-infor-div span,.aboutusbk .aboutus-infor .aboutus-infor-div div{font-size: 17px!important;line-height: 34px;} .aboutusbk .aboutus-infor .aboutus-more{height:30px;line-height:30px;margin-top: 10px;font-size: 18px;} .index-product-list{padding-top: 0px} .recommendi-product-title .index-title{line-height: 60px;height: 60px;} .index-product-img .index-product-txt-product{ height: 65px; line-height: 65px; font-size: 18px;} .index-product-more{ margin-top: 55px; margin-bottom: 80px;} .index-chejian-list{width: 100%;height: 405px; margin-bottom: 100px;} .index-chejian-list .chejian-title{ height: 100%;} .index-chejian-list .index-chejian-row{width: 1265px;height: 380px;} .index-cehjiang-col { height: 50%;} .index-cehjiang-col img{ width: 100%; max-height: 97%;} .newsDiv{ margin-top: 0px; height: 544px;margin-bottom: 90px;} .newsDiv .newsDiv-img,.newsDiv .newsDiv-list{ height: 544px;} .newsDiv .newsDiv-img img{width: 100%; height: 100%;} .newsDiv .newsDiv-list dl dt {line-height: 60px;margin-top: 25px;margin-bottom: 20px;} .newsDiv .newsDiv-list dl dt h2{font-size: 2rem;} .newsDiv .newsDiv-list dl dd { height: 86px;margin-bottom: 15px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ width: 600px;line-height: 86px;font-size: 22px;} .newsDiv .newsDiv-list dl dd div{ width: 86px;} .newsDiv .newsDiv-list dl dd div span:first-child{font-size: 26px;height: 50px;line-height: 70px;} .newsDiv .newsDiv-list dl dd div span:last-child {font-size: 14px;height: 40px;line-height: 30px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ font-size: 18px;} .slider-aboutlist ul li a{ font-size: 18px;} .page-footer{ margin-top: 50px;} .page-footer .footer-sidebar1{ height: auto;} .page-footer .footer-sidebar1 dl{ width: 90%; height: 100%; margin: 0px auto;} .page-footer .footer-sidebar1 dl dd { line-height: 40px;} .page-footer .footer-sidebar1 dl dd img{ max-width: 75%;} .page-footer .footer-sidebar2{padding-top: 32px;} .page-footer .footer-sidebar2 .footer-nav li:nth-child(3){ width: 18%;} .page-footer .footer-sidebar2 .footer-nav li:first-child,.page-footer .footer-sidebar2 .footer-nav li:last-child{ width: 12%;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 30px;line-height: 30px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ font-size: 20px;height: 55px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{ margin-top: 12px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{ height: 35px; line-height: 35px; font-size: 16px;} .page-footer .footer-sidebar2 .footer-reserved{ font-size: 12px; line-height: 25px;} .product-imgs{height: 550px;} .pro-bigbox {width: 260px;height: 335px;} .pro-bigbox .bigboximg{ width: 260px; height: 260px;} } @media (min-width:1600px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1601px!important;width: 1601px!important; } #headerIds { height: auto;padding-top: 40px; padding-bottom: 40px;} .logoDiv{ height: auto;} .moveShowDiv .moveShowDiv-01, .moveShowDiv .moveShowDiv-03{ height: 135px;} .moveShowDiv .moveShowDiv-01 a img{ max-height: 100%;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{width: 300px; height: 30px;top: 50px; } .moveShowDiv .moveShowDiv-03 a{font-size: 20px; line-height: 30px;} .moveShowDiv .moveShowDiv-03 img{ max-height: 100%;} .moveShowDiv .moveShowDiv-02{margin-top: 20px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav { width: 1100px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav li a{font-size: 20px;padding-left:unset;padding-right:unset;} .searchBar,.searchBar .searchBar-a .searchBar-div{ height: 75px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{font-size: 18px;margin-top: 20px;} .searchBar .searchBar-a span{ font-weight: bold;} .searchBar .searchBar-a i{ margin-top: 25px;} .searchDiv{margin-top: 18px;height: 40px;width: 320px;} .searchDiv .searchinput{ height: 38px; line-height: 38px;} .searchDiv .searchbtn{width: 45px;height: 40px;line-height: 40px; border-radius: 3px;} .aboutusbk{padding-top: 80px;padding-bottom:80px;} .aboutusbk .index-title.font-en{font-size:25px;height:40px;line-height: 40px;} .aboutusbk .index-title.font-zh{font-size: 40px;height: 60px;line-height: 60px; margin-bottom: 30px;} .aboutusbk .aboutus-infor .aboutus-infor-div,.aboutusbk .aboutus-infor .aboutus-infor-div p,.aboutusbk .aboutus-infor .aboutus-infor-div span,.aboutusbk .aboutus-infor .aboutus-infor-div div{font-size: 18px!important;line-height: 35px;} .aboutusbk .aboutus-infor .aboutus-more{height:30px;line-height:30px;margin-top: 10px;font-size: 18px;} .index-product-list{padding-top: 0px} .recommendi-product-title .index-title{line-height: 60px;height: 60px;} .index-product-img .index-product-txt-product{ height: 65px; line-height: 65px; font-size: 18px;} .index-product-more{ margin-top: 55px; margin-bottom: 80px;} .index-chejian-list{width: 100%;height: 420px; margin-bottom: 105px;} .index-chejian-list .chejian-title{ height: 100%;} .index-chejian-list .index-chejian-row{width: 1355px;height: 400px;} .index-cehjiang-col { height: 50%;} .index-cehjiang-col img{ width: 100%; max-height: 97%;} .newsDiv{ margin-top: 0px; height: 560px;margin-bottom: 95px;} .newsDiv .newsDiv-img,.newsDiv .newsDiv-list{ height: 560px;} .newsDiv .newsDiv-img img{width: 100%; height: 100%;} .newsDiv .newsDiv-list dl dt {line-height: 60px;margin-top: 25px;margin-bottom: 20px;} .newsDiv .newsDiv-list dl dt h2{font-size: 2rem;} .newsDiv .newsDiv-list dl dd { height: 90px;margin-bottom: 15px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ width: 600px;line-height: 90px;font-size: 22px;} .newsDiv .newsDiv-list dl dd div{ width: 90px;} .newsDiv .newsDiv-list dl dd div span:first-child{font-size: 26px;height: 50px;line-height: 70px;} .newsDiv .newsDiv-list dl dd div span:last-child {font-size: 14px;height: 40px;line-height: 30px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ font-size: 18px;} .slider-aboutlist ul li a{ font-size: 18px;} .page-footer{ margin-top: 50px;} .page-footer .footer-sidebar1{ height: auto;} .page-footer .footer-sidebar1 dl{ width: 90%; height: 100%; margin: 0px auto;} .page-footer .footer-sidebar1 dl dd { line-height: 40px;} .page-footer .footer-sidebar1 dl dd img{ max-width: 75%;} .page-footer .footer-sidebar2{padding-top: 35px;} .page-footer .footer-sidebar2 .footer-nav li:nth-child(3){ width: 18%;} .page-footer .footer-sidebar2 .footer-nav li:first-child,.page-footer .footer-sidebar2 .footer-nav li:last-child{ width: 12%;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 30px;line-height: 30px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ font-size: 20px;height: 60px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{ margin-top: 12px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{ height: 35px; line-height: 35px; font-size: 16px;} .page-footer .footer-sidebar2 .footer-reserved{ font-size: 12px; line-height: 25px;} .product-imgs{height: 550px;} .pro-bigbox {width: 260px;height: 335px;} .pro-bigbox .bigboximg{ width: 260px; height: 260px;} } @media (min-width:1700px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1650px!important;width: 1650px!important; } #headerIds { height: auto;padding-top: 50px; padding-bottom: 45px;} .logoDiv{ height: auto;} .moveShowDiv .moveShowDiv-01, .moveShowDiv .moveShowDiv-03{ height: auto;} .moveShowDiv .moveShowDiv-03 .moveShowDiv-03-div{width: 300px;top: 40px; } .moveShowDiv .moveShowDiv-03 a{font-size: 24px; line-height: 45px;} .moveShowDiv .moveShowDiv-02{margin-top: 25px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav { width: 1300px;} .moveShowDiv .moveShowDiv-02 #nav-div-meaus .navbar-nav li a{font-size: 24px;padding-left:unset;padding-right:unset;} .searchBar,.searchBar .searchBar-a .searchBar-div{ height: 88px;} .searchBar .searchBar-a span, .searchBar .searchBar-a a{font-size: 22px;margin-top: 30px;} .searchBar .searchBar-a span{ font-weight: bold;} .searchBar .searchBar-a i{ margin-top: 35px;} .searchDiv{margin-top: 25px;height: 45px;width: 375px;} .searchDiv .searchinput{ height: 43px; line-height: 43px;} .searchDiv .searchbtn{width: 54px;height: 44px;line-height: 44px; border-radius: 3px;} .aboutusbk{padding-top: 90px;padding-bottom:90px;} .aboutusbk .index-title.font-en{font-size: 30px;height:40px;line-height: 40px;} .aboutusbk .index-title.font-zh{font-size: 45px;height: 70px;line-height: 70px; margin-bottom: 40px;} .aboutusbk .aboutus-infor .aboutus-infor-div,.aboutusbk .aboutus-infor .aboutus-infor-div p,.aboutusbk .aboutus-infor .aboutus-infor-div span,.aboutusbk .aboutus-infor .aboutus-infor-div div{font-size: 20px!important;line-height: 32px;} .aboutusbk .aboutus-infor .aboutus-more{height:30px;line-height:30px;margin-top: 10px;font-size: 16px;} .index-product-list{ padding-top: 0px} .recommendi-product-title .index-title{ height: 80px;line-height: 80px;} .index-product-img .index-product-txt-product{ height: 80px; line-height: 80px; font-size: 20px;} .index-product-more{ margin-top: 60px; margin-bottom: 90px;} .index-chejian-list{width: 100%;height: 480px; margin-bottom: 120px;} .index-chejian-list .chejian-title{ height: 100%;} .index-chejian-list .index-chejian-row{width: 1385px;height: 460px;} .index-cehjiang-col { height: 50%;} .index-cehjiang-col img{ width: 100%; max-height: 98%;} .newsDiv{ margin-top: 0px; height: 650px;margin-bottom: 100px;} .newsDiv .newsDiv-img,.newsDiv .newsDiv-list{ height: 650px;} .newsDiv .newsDiv-img img{width: 100%; height: 100%;} .newsDiv .newsDiv-list dl dt {line-height: 60px;margin-top: 30px;margin-bottom: 30px;} .newsDiv .newsDiv-list dl dt h2{font-size: 2rem;} .newsDiv .newsDiv-list dl dd { height: 100px; margin-bottom: 20px;} .newsDiv .newsDiv-list dl dd a.index-chejian-a{ width: 600px;line-height: 100px;font-size: 24px;} .newsDiv .newsDiv-list dl dd div{ width: 100px;} .newsDiv .newsDiv-list dl dd div span:first-child{font-size: 30px;height: 50px;line-height: 60px;} .newsDiv .newsDiv-list dl dd div span:last-child {font-size: 16px;height: 50px;line-height: 40px;} .newsDiv .newsDiv-list dl dd:last-child .index-product-more span{ font-size: 20px;} .slider-aboutlist ul li a{ font-size: 18px;} .page-footer{ margin-top: 50px;} .page-footer .footer-sidebar1{ height: auto;} .page-footer .footer-sidebar1 dl{ width: 90%; height: 100%; margin: 0px auto;} .page-footer .footer-sidebar1 dl dt,.page-footer .footer-sidebar1 dl dd{ margin-bottom:40px;} .page-footer .footer-sidebar1 dl dd { line-height: 40px;} .page-footer .footer-sidebar1 dl dd img{ max-width: 75%;} .page-footer .footer-sidebar2{padding-top: 45px; min-height: 650px;} .page-footer .footer-sidebar2 .footer-nav li:nth-child(3){ width: 18%;} .page-footer .footer-sidebar2 .footer-nav li:first-child,.page-footer .footer-sidebar2 .footer-nav li:last-child{ width: 12%;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{height: 30px;line-height: 30px;} .page-footer .footer-sidebar2 .footer-nav li a:first-child{ font-size: 24px;height: 70px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu{ margin-top: 15px;} .page-footer .footer-sidebar2 .footer-nav li .dropdown-menu dd a{ height: 40px; line-height: 40px; font-size: 18px;} .page-footer .footer-sidebar2 .footer-reserved{ font-size: 13px; line-height: 30px;} .product-imgs{height: 580px;} .pro-bigbox {width: 260px;height: 335px;} .pro-bigbox .bigboximg{ width: 260px; height: 260px;} } @media (min-width:1800px) { }