﻿@charset "utf-8"; 
.product-main .product-container .product-left .product-lastest-products ul li .product-img img {object-fit:cover}
.news-main .news-container .news-main ul .news-line {height:110px}
.index-main .statistics-container {background-image:url(/Content/uploads/2020703668/2020120410574674fa2fe660184b31909f1a9149ac3c5d.jpg)}
.product-main .product-container .product-left .product-lastest-products ul li .product-img img {width:90%;height:100%;float:right}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img >img:first-child {height:100%;display:block}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .product-thumb-img img {height:100%}
.index-header .header-nav {height:60px}
header .header-nav .header-nav-logo img {max-height:60px}
header .header-nav .header-nav-list ul li .submenu li:hover {background:#332c2b}
header .header-nav .header-nav-list ul li .submenu li {width:100%}
.index-header .header-nav .header-nav-list ul li {line-height:60px}
.index-header .header-nav .header-nav-list ul li .submenu {top:100%;width:250px}
.index-main .newproducts-container .newproducts-list .newproducts-list-item {width:24%}
.product-detail-list {max-width:1000px}
.product-detail-list img {display:block;margin:0 auto}
.product-main .product-banner {margin-top:106px;}
header .header-info,header .header-nav {padding-left:calc(50% - 580px);padding-right:calc(50% - 580px)}
@media screen and (max-width:1440px) {header .header-info,header .header-nav {padding-left:calc(50% - 500px);padding-right:calc(50% - 500px)}}
@media screen and (max-width:1279px) {header .header-info,header .header-nav {padding-left:calc(50% - 450px);padding-right:calc(50% - 450px)}}
@media screen and (max-width:980px) {header .header-info,header .header-nav {padding-left:30px;padding-right:30px}}
.product-main .product-container .product-main {max-width:1000px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-name {line-height:1.5}
.innerdetail .singglepic img {width:100%}
.product-main .product-container {justify-content:center}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2 {margin-left:0;padding-left:0;text-align:center}
@media screen and (min-width:1201px) {.product-main .product-container .product-main .product-list-1 ul li .product-item-img {width:330px}
.product-main .product-container .product-main .product-list-1 ul li {height:auto}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img img {width:100%;max-height:100%}}
.table td {border:1px solid #ccc}
@media(min-width:981px) {header .header-info,header .header-nav {padding:0 125px}}
@media(max-width:1440px) and (min-width:1280px) {footer .search-container {padding:0 125px}}
.index-header .header-nav .header-nav-list ul li:last-child {padding-right:0}
header .header-nav .header-nav-list ul li {padding:0 20px}
footer .contact-container .contact-logo-btns p {margin-left:0}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1>i {display:none}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 .sub-menu {display:block!important}
.product-main .product-container .product-main .product-detail .product-top .product-left {width:360px}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2 {text-align:left;padding-left:20px}
@media(max-width:767px) {.product-main .product-container .product-main .product-detail .product-top .product-left {width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list,.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .product-thumb-img,.product-main .product-container .product-main .product-detail .product-top .product-mobile-swiper {height:auto}}
.product-detail-list h3,.product-detail-list .h3,.product-detail-list h1,.product-detail-list .h1{font-size:18px;}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .table-responsive{margin:8px 0;}
.product-main .table{margin:0;}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text h1 {font-size:16px;line-height:1.8;color:#222;}
footer .contact-container>div {max-width:24%;}
.qr-code-pic {max-width:260px;display:flex;align-items:center;justify-content:space-between;}
footer .contact-container .contact-qr-code::after {display:none}
footer #feedbackForm .send-inquiry .inquiry-form input {background-color:#fff!important;padding-left:10px;width:100%;height:40px;margin-bottom:10px;background-position:right 10px top 8px!important;}
footer #feedbackForm .select-menu .select-menu-div em {top:20px;}
#feedbackForm .select-menu {margin-bottom:10px}
#feedbackForm .send-inquiry .inquiry-form #in-content {background-color:#fff;padding:10px 40px 10px 10px;height:120px;}
#feedbackForm .send-inquiry .send-btn {width:140px;background:#fff;margin:10px 0 0;height:40px;font-size:15px;}
@media (max-width:1280px){footer .contact-container>div {max-width:48%;width:48%}
footer .contact-container .contact-qr-code{padding:0 0 20px}}
@media (max-width:768px){footer .contact-container>div {max-width:100%;width:100%}
footer .contact-container .contact-list-mobile{display:none}}

.pages {text-align:center;font-size:12px;padding:20px 0px;color:#b2b2b2;clear:both;}
.pages span,.pages a {display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0px 10px;color:#b2b2b2;line-height:30px;}
.pages a:link,.pages a:visited {color:#666;}
.pages .ctxt {color:#FFF;background:#BE0000;text-decoration:none;}
@media (max-width:414px) {.pages span,.pages a {margin:1px 0;}}
footer .contact-container .contact-qr-code{display: flex;flex-direction: column;}
.news-main .news-container .news-main ul li,.knowledges-main .knowledges-container .knowledges-main ul .list1 {height:auto}
.news-main .news-container .news-main ul li .news-item-img,.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-img {height:auto;padding-bottom:100%;position:relative;}
.news-main .news-container .news-main ul li .news-item-img img,.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-img img {height:100%;position:absolute;top:0;left:0;object-fit:contain;}
@media (min-width:770px){.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn.send-btn:first-child {border:1px solid #E5E5E5;width:200px;height:50px;line-height:50px;transition:.3s all ease-out;display:inline-block;overflow:hidden;position:relative;z-index:9;color:#000;padding:0;margin-right:10px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list {width:auto;justify-content:flex-start;}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn.send-btn:first-child:after {content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:-1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:var(--color)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn.send-btn:first-child:hover:after {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn.send-btn:first-child:hover {color:#fff}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a {border-radius:4px}}
.product-main .product-container .product-main .product-title{margin-bottom:20px}
@media (min-width:769px){.product-main .product-container .product-main .product-list-1 ul .list2{width:32%;height:auto;margin:0 2% 30px 0}
.product-main .product-container .product-main .product-list-1 ul .list2:nth-child(3n){margin-right:0}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img {height:auto;margin:0;}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img a{height:0;padding-bottom:100%;position:relative;}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img img {background:#fff;width:100%;object-fit:contain;position:absolute;top:0;left:0;height:100%;}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:calc(100% - 50px);padding: 0 10px;}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title{line-height:50px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title a{display:block;width:100%;}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title a span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{transform:translate(0,0);top:0;padding:0 10px 10px;}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title{line-height:1.6;height:auto;margin-top:10px;}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title a span{white-space:normal;}}
@media (max-width:960px) and (min-width:769px){.product-main .product-container .product-main .product-list-1 ul .list2{width:48%;margin:0 4% 30px 0;}
.product-main .product-container .product-main .product-list-1 ul .list2:nth-child(3n){margin-right:4%}
.product-main .product-container .product-main .product-list-1 ul .list2:nth-child(2n){margin-right:0}}