@charset "utf-8";
@media (max-width:1024px) {
.nobanner {
	padding-top: 60px
}
.common-main {
	padding: 20px 0px
}
.pageabout-1 .left {
	width: 100%
}
.pageabout-1 .right .title {
	font-size: 24px
}
.pageabout-1 .right {
	padding-left: 0px;
	padding-top: 30px
}
.pageabout-2 {
	background: #F7F7F7
}
.pageabout-2 .list .icon {
	transform: scale(.8)
}
.pageabout-2 .list .span {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px
}
.teamlist .item {
	width: 19%
}
.pagehistory-left {
	width: 100%;
	margin-bottom: 30px
}
.pagehistory-right {
	width: 100%
}
#historySwiper .swiper-slide {
	width: calc(100% - 50px);
	margin-left: auto;
	margin-right: 0px;
	text-align: left
}
#historySwiper .swiper-slide .round {
	left: 16px
}
#historySwiper .swiper-slide .date {
	font-size: 22px
}
.pagehistory-left::after {
	left: 16px
}
.pagehistory-next, .pagehistory-prev {
	left: 16px;
	width: 40px;
	height: 40px
}
#historySwiper {
	height: 660px
}
.product-catelist .product-cateitem {
	width: 31%;
	margin-right: 3.5%!important
}
.product-catelist .product-cateitem:nth-child(3n) {
	margin-right: 0!important
}
.sidebar {
	display: none
}
.page-main {
	margin-right: 0px
}
.prodetails-info .prodetails-name {
	font-size: 22px
}
.pagelink .pagelink-item .flex {
	height: 40px
}
.pagelink .pagelink-item .flex em {
	width: 40px
}
.inquiry-wrap {
	padding: 20px
}
.contact-list .contact-item {
	width: 32%
}
.contact-list .contact-item em {
	width: 50px;
	height: 50px;
	top: -25px
}
.page-solutions .flex .left {
	width: 100%
}
.page-solutions .flex .left img {
	width: auto
}
.page-solutions .flex .right {
	padding-left: 0px;
	padding-top: 30px
}
.page-solutions .solutions-img .img {
	width: 48%
}
.project-wrap {
	justify-content: space-between
}
.project-wrap li {
	margin-right: 0px;
	width: 48%
}
}
@media (max-width:768px) {
.pageabout-1 .right .title {
	font-size: 22px
}
.pageabout-1 .right .boxshow {
	background: #faf6f1
}
.pageabout-1 .right .boxshow em {
	width: 60px;
	height: 100%;
	font-size: 28px
}
.pageabout-1 .right .boxshow .text {
	background: #FFF;
	padding: 10px
}
.pageabout-2 {
	padding: 50px 0px
}
.pageabout-2 .list {
	justify-content: center
}
.pageabout-2 .list .item {
	width: 60%;
	margin-bottom: 20px
}
.teamlist .item {
	width: 30%
}
.teamlist .item .info .title {
	font-size: 18px
}
.pagehistory-left {
	padding: 50px 0px 30px
}
#historySwiper {
	height: 500px
}
.product-catelist {
	justify-content: space-between
}
.product-catelist .product-cateitem {
	width: 48%;
	margin-right: 0!important
}
.pro-list.list1 {
	justify-content: space-between
}
.pro-list.list1 li {
	margin-right: 0px;
	width: 48%
}
.page-main .pro-cate-title {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 15px
}
.pro-list li .pro-img .icon {
	opacity: 1;
	transform: none
}
.thumbnail-show {
	display: none
}
.thumbnail-box {
	width: 100%
}
.thumbnail-box .list {
	margin: 0px;
	border: 1px solid #EEE;
	height: calc(100vw - 30px);
	border-radius: var(--borderradius)
}
.singglepic {
	width: 100%;
	height: calc(100vw - 30px)
}
.prodetails-button-next, .prodetails-button-prev {
	display: none
}
.pro-d-main .banner-inner {
	display: none
}
.pro-d-main .common-main {
	padding-top: 15px
}
.thumbnail-box .list .item {
	border: none
}
.banner-page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 5px 10px;
	position: absolute;
	bottom: 9px;
	right: 10px;
	z-index: 99;
	background: var(--color);
	color: #FFF;
	border-radius: 30px
}
.banner-page .of {
	padding: 0px 2px
}
.imgalt {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	bottom: 8px;
	background: rgba(0,0,0,.2);
	color: #FFF;
	width: 95%;
	padding: 0px 6px;
	line-height: 35px;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	border-radius: 30px;
	font-size: 14px;
	padding-right: 40px;
	text-transform: capitalize
}
.prodetails-info {
	padding-top: 20px
}
.prodetails-info .prodetails-btnlist {
	justify-content: space-between
}
.prodetails-info .prodetails-btnlist>* {
	width: 48%;
	margin-right: 0px
}
.pagelink .pagelink-item {
	width: 100%
}
.pagelink .pagelink-item a {
	display: block
}
.pagelink .pagelink-item.next {
	align-items: flex-start;
	margin-top: 20px
}
.inquiry-wrap {
	padding: 20px 10px
}
.inquiry-wrap .inquiry-title {
	font-size: 22px
}
.inquiry-wrap #feedbackForm input {
	width: 100%;
	height: 44px
}
.inquiry-wrap #feedbackForm .send-btn {
	height: 44px
}
.newslist.list1 {
	justify-content: space-between
}
.newslist.list1 li {
	margin-right: 0px;
	width: 48%
}
.newslist.list0 li .newslist-img {
	width: 40%
}
.newslist.list0 li .newslist-info {
	padding: 10px
}
.newslist.list0 li .newslist-info .title {
	margin: 10px 0px 0px
}
.newslist.list0 li .newslist-info .more {
	display: none
}
.banner-inner img {
	min-height: inherit;
	height: auto
}
.contact-list .contact-item {
	width: 100%;
	margin-bottom: 50px
}
.contact-list .contact-item:last-child {
	margin-bottom: 0px
}
.contact-list .contact-item .contact-item-title {
	margin: 20px 0px 10px
}
.project-wrap li {
	width: 100%
}
.project-wrap li .project-info {
	transform: translateY(0);
	opacity: 1;
	visibility: initial;
	justify-content: center
}
.project-wrap li .project-info a {
	justify-content: center
}
.download-list li {
	width: 100%
}
.download-list li .download-info {
	padding: 0px 15px
}
.download-list li .download-btn {
	width: 100%;
	margin-top: 10px
}
.product-catelist .product-cateitem:hover .cate-img .more {
	display: none
}
.prodetails-img {
	height: 300px
}
.prodetails-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.prodetails-img .content .span1 {
	font-size: 30px
}
.prodetails-flex {
	flex-wrap: wrap
}
.prodetails-flex .left {
	width: 100%
}
.prodetails-flex .left img {
	width: 100%
}
.prodetails-flex .right {
	padding-left: 0px;
	padding-top: 30px
}
.prodetails6 .item {
	width: 45%
}
.preview-container {
	display: block
}
#gallerythumbs {
	display: block
}
}
@media (max-width:450px) {
.teamlist .item {
	width: 49%
}
.rd-wrap .rd-title {
	font-size: 18px
}
.rd-wrap .rd-img {
	margin-bottom: 20px
}
.rd-wrap .rd-img img {
	width: 100%;
	margin-bottom: 20px
}
.product-catelist .product-cateitem .cate-title {
	padding: 15px 10px
}
.product-catelist .product-cateitem .cate-title a {
	font-weight: 400;
	line-height: 1.2;
	-webkit-line-clamp: 3
}
.pro-list li .pro-info {
	padding: 15px 10px
}
.pro-list li .pro-info .title {
	display: block;
	font-size: 16px
}
.pro-list li .pro-img .icon-hottitle {
	font-size: 14px;
	left: -45px;
	top: -35px;
	width: 90px;
	height: 70px
}
.pro-list li .pro-img .icon {
	width: 30px;
	height: 30px;
	bottom: 5px;
	right: 5px
}
.pro-list.list0 li .pro-info {
	padding: 10px
}
.pro-list.list0 li .pro-info .more {
	display: none
}
.pro-list.list0 li .pro-img {
	height: 100%
}
.pro-list.list0 li .pro-img a {
	height: 100%
}
.common-page>a, .common-page>span {
	min-width: 40px;
	height: 40px;
	font-size: 16px
}
.common-page p {
	height: 40px
}
.common-page p a, .common-page p span {
	padding: 0px 10px
}
.newslist li .newslist-info {
	padding: 10px 10px 0px
}
.page-solutions .solutions-img .img {
	width: 100%
}
.page-main .pro-cate-title {
	font-size: 22px
}
.packaging-log .title {
	font-size: 22px
}
.prodetails-list3 li {
	width: 100%
}
.packagingul li {
	width: 100%;
	margin-bottom: 20px
}
.prodetails6 .item {
	width: 100%
}
}