.common-main{padding:50px 0 80px}

article p{color:var(--fontcolortitle)}

article a{color:var(--color);text-decoration:underline}

table{border-collapse:collapse;width:100%}

table td,table th{border:1px solid #ddd;padding:4px 10px}

.table-wrap{overflow-x:auto;width:100%}

/* company introduction */

.company-about-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:6%}

.company-about-wrap>div{width:50%}

.company-about-wrap .about-img{position:relative;padding:10px 3% 0px 10px}

.company-about-wrap .about-img>img{width:100%;height:auto;object-fit:contain}

.company-about-wrap .about-info{
	padding-top:15px
}

.company-about-wrap .about-info .home-des,.company-about-wrap .about-info .home-title{text-align:left}

.company-about-wrap .about-img ul{list-style:none;display:flex;flex-wrap:wrap;margin-bottom:10px}

.company-about-wrap .about-img ul li{width:50%;margin-bottom:10px;display:flex;align-items:center}

.company-about-wrap .about-img ul li img{margin-right:10px}

.company-about-wrap .about-img ul li p{margin:0px}

.company-about-wrap .about-img .about-content{margin-top:30px}

.company-about-wrap .about-img .about-content p{margin-bottom:30px}

.company-about-wrap .color{font-weight:var(--fontweight);font-size:18px;color:#080808;display:flex;align-items:center}

.company-about-wrap .color span{color:var(--color);font-size:24px;padding-left:15px}

.company-logo{position:relative;z-index:1}

.company-logo:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:#FFFbfa;z-index:-1}

.company-logo ul{list-style:none;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center}

.company-logo ul li{width:14%}

.company-list{padding-top:1%}

.company-list ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-top:50px}

.company-list ul li{margin-bottom:20px;width:23%;background:#FFF;box-shadow:0 6px 13px 0 rgba(19,20,21,.2);padding:50px 30px;position:relative;transition:all .1s linear}

.company-list ul li:hover{box-shadow:0 6px 13px 0 rgba(19,20,21,.4)}

.company-list ul li::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:2px;background:var(--color)}

.company-list ul li .title{font-weight:var(--fontweight);padding:0px 0px 20px;color:var(--fontcolortitle);font-size:22px}

.company-list ul li em{font-size:50px;color:var(--color)}

/* Company Vision */

.about-vision-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}

.about-vision-wrap>div{width:50%}

.about-vision-wrap .about-img{position:relative;padding:10px 3% 0px 10px}

.about-vision-wrap .about-img>img{width:100%}

.about-vision-wrap .about-info{padding-top:30px}

.about-vision-wrap .about-info .home-des,.about-vision-wrap .about-info .home-title{text-align:left}

.about-vision-wrap .vision-list{margin-top:20px}

.about-vision-wrap .vision-list .item{border-bottom:1px solid #EEE}

.about-vision-wrap .vision-list .item:nth-child(1) .content{display:block}

.about-vision-wrap .vision-list .item.open .link em{transform:rotate(180deg)}

.about-vision-wrap .vision-list .item .link{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 0px}

.about-vision-wrap .vision-list .item .link p{margin:0px;font-weight:var(--fontweight);font-size:18px;color:var(--fontcolortitle)}

.about-vision-wrap .vision-list .item .link em{font-weight:var(--fontweight);transition:all .2s linear}

.about-vision-wrap .vision-list .item .content{margin-bottom:20px;display:none;line-height:24px}









@media (max-width:1280px){



.page-main{padding-left:20px}

.pro-list.list1 li .pro-img{width:250px}

.singglepic{width:300px}

.preview-container{width:300px}

.preview-container #media{height:300px}

.preview-container .small-box{height:300px}

.preview-container .big-box{width:400px;height:300px}

.preview-container .thumbnail-box .item{height:65px}

.prodetails-info{padding-left:2%}

.download-list li{width:100%}}

.newsendinquiry{margin-left:20px;cursor:pointer}









@media (max-width:768px) {

.banner-inner {

	min-height: inherit

}

.banner-inner img, .banner-inner .banner-content .banner-title-h1 {

	display: none

}

.banner-breadcrumbs {

	font-size: 14px

}

.banner-inner .banner-content .container {

	padding: 10px 15px

}

.pro-list li .pro-img a .icon-hottitle {

	font-size: 34px

}

.prodetails-main .banner-inner {

	display: none

}

.common-main {

	padding: 15px 0 20px

}

.company-about-wrap>div {

	width: 100%

}

.company-about-wrap .about-img {

	padding: 0px

}

.company-list ul li {

	width: 49%;

	padding: 20px 15px

}

.company-logo ul li {

	width: 33.333%

}

.about-vision-wrap>div {

	width: 100%

}

.about-vision-wrap .about-img {

	padding: 0px

}

.team-number {

	margin-top: 20px

}

.team-member .team-member-list .team-member-item {

	width: 49%

}

.team-number .team-number-item {

	width: 50%

}

.team-number .team-number-item p:nth-child(1) {

	font-size: 24px

}

.rd-cap .rd-wrap {

	padding: 3% 0

}

.rd-international-list .rd-international-item {

	width: 100%;

	margin-bottom: 20px

}

.product-cateitem {

	width: 100%;

	display: flex;

	align-items: center

}

.product-cateitem .cate-img {

	width: 45%;

	height: 100%

}

.product-cateitem .cate-info {

	flex: 1;

	position: static;

	transform: none;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	background: #FAFAFA;

	border-radius: 0

}

.product-cateitem:hover .cate-info {

	background: #FAFAFA;

	color: inherit

}

.product-cateitem .cate-info .cate-title {

	font-size: 16px;

	font-weight: 400

}

.product-cateitem .cate-info .cate-text {

	font-size: 14px;

	line-height: 1.4

}

.sidebar-item.category {

	padding: 10px

}

.sidebar-item.category .sidebar-title {

	font-weight: 400;

	font-size: 18px

}

.pagelink .pagelink-item.next .pagelink-info p:nth-child(1) {

	text-align: left

}

.pagelink .pagelink-item.next .link-intro {

	margin-left: 0px;

	margin-right: 10px

}

.pro-cate-title {

	font-size: 18px

}

.pro-list li .pro-info .text {

	font-size: 14px;

	line-height: 1.2

}

.pro-list.list0 li .pro-info .text {

	margin-bottom: 5px;

	-webkit-line-clamp: 2

}

.pro-list li .pro-info .icon {

	opacity: 1;

	transform: none;

	width: 35px;

	height: 35px

}

.pro-list li .pro-img a {

	padding-bottom: 100%

}

.pro-list.list1 {

	justify-content: space-between

}

.pro-list.list1 li {

	width: 49%;

	margin: 0px;

	margin-bottom: 20px

}

.pro-list li:hover {

	border-color: #E1E1E1

}

.pro-list.list1 li .pro-img {

	width: auto

}

.pro-list.list1 li .pro-info .title a {

	font-weight: 400

}

.pro-list.list0 li .pro-img {

	width: 40%

}

.pro-list.list0 li .pro-info {

	padding: 15px

}

.pro-list.list0 li .pro-info .title a {

	font-size: 16px

}

.pro-list.list0 li .pro-info .icon {

	top: auto;

	bottom: 0px;

	right: 0px;

	border-bottom: none;

	border-right: none

}

.prodetails-related .title {

	font-size: 20px

}

.singglepic {

	width: 100%

}

.preview-container {

	width: 100%

}

.preview-container .small-box {

	display: none

}

.preview-container .thumbnail-box {

	padding: 0px;

	margin: 0px;

	border: 1px solid #E5E5E5;

	overflow: hidden

}

.preview-container .thumbnail-box .item {

	height: calc(100vw - 30px);

	border: none

}

.preview-container .thumbnail-box .item .imgalt {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	z-index: 99;

	bottom: 8px;

	background: rgba(0,0,0,.2);

	color: #FFF;

	width: 95%;

	padding: 0 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

}

.preview-container .thumbnail-box .prodetails-button-next, .preview-container .thumbnail-box .prodetails-button-prev {

	display: none

}

.preview-container .banner-page {

	position: absolute;

	right: 10px;

	bottom: 10px;

	width: 34px;

	height: 34px;

	border-radius: 50%;

	background: var(--color);

	color: #FFF;

	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 9

}

.prodetails-info {

	padding-left: 0

}

.prodetails-info .prodetails-name {

	margin-top: 10px

}

.prodetails-info .prodetails-btnlist {

	justify-content: space-between

}

.prodetails-info .prodetails-btnlist>* {

	width: 49%;

	margin-right: 0px

}

.prodetails-info .prodetails-btnlist .pro-btn {

	width: 49%

}

.prodetails-info .prodetails-btnlist .addToCart {

	width: 49%

}

.page-box-shadow {

	padding: 0px;

	box-shadow: none

}

.prodetails-content {

	border-top: 2px solid #dadada;

	padding-top: 20px;

	margin-top: 30px;

	font-size: 18px

}

.prodetails-info .prodetails-text, .prodetails-price {

	font-size: 18px

}

.pagelink .pagelink-item .pagelink-info {

	font-size: 14px

}

.newslist .newsitem .news-info {

	padding: 10px

}

.newslist .newsitem .news-info .news-title a {

	font-size: 16px;

	-webkit-line-clamp: 4

}

.newslist.list1 {

	justify-content: space-between

}

.newslist.list1 .newsitem {

	width: 48%;

	margin-right: 0px;

	margin-bottom: 20px

}

.newslist.list0 .newsitem .news-info .news-btn {

	display: none

}

.newslist.list0 .newsitem .news-img {

	height: 100%;

	width: 45%

}

.newslist .newsitem .news-info .news-text {

	display: none

}

.newslist.list0 .newsitem .news-info .news-text {

	display: none

}

.solution-2 .activity-wrap .img {

	justify-content: space-between;

	align-items: flex-start

}

.solution-2 .activity-wrap .img img {

	width: 49%;

	height: auto;

	margin: 0px

}

.solution-2 .activity-wrap .title {

	font-size: 26px

}

.solution-2 .activity-wrap .title br {

	display: none

}

.solution-1-list {

	justify-content: space-between

}

.solution-1-list .info {

	padding-right: 20px;

	margin-bottom: 20px

}

.solution-1-list .item {

	width: 48%;

	margin: 0px;

	margin-bottom: 20px;

	padding: 20px

}

.solution-1-list .item em {

	font-size: 40px

}

.solution-1-list .item .title {

	padding: 10px 0px;

	font-size: 18px

}

.solution-3 .solution-3-list .item {

	width: 48%;

	margin-bottom: 20px

}

.newscontent-details {

	font-size: 18px

}

.page-video {

	padding: 0px 0px 70px

}

.page-video #pagevideo {

	margin-top: 30px

}

.page-video .video-button-next, .page-video .video-button-prev {

	top: auto;

	bottom: 0px

}

.page-video .video-button-next {

	right: 30%

}

.page-video .video-button-prev {

	left: 30%

}

.page-faq .wrapper {

	flex-wrap: wrap;

	margin-top: 30px

}

.page-faq .wrapper .img {

	width: 100%

}

.page-faq .wrapper .right {

	padding: 0px;

	margin-top: 20px

}

.contact-list .contact-item {

	width: 100%;

	margin-bottom: 20px;

	padding: 20px 2%

}

.contact-list .contact-item em {

	width: 40px;

	height: 40px

}

.contact-list .contact-item .contact-item-title {

	font-size: 18px;

	margin: 10px 0px

}

.contact-box {

	margin-top: 30px

}

.contact-box .contact-img {

	width: 100%

}

.contact-box .contact-main {

	padding: 15px

}

.contact-box .contact-main #feedbackForm .inquiry-form input {

	width: 100%

}

.download-list li .download-info {

	padding: 10px

}

.download-list li .download-btn {

	margin-top: 15px;

	width: 100%

}

.inquiry-prolist .inquiry-pro-item {

	padding: 10px

}

.inquiry-prolist .inquiry-pro-item .pro-item-img {

	width: 150px

}

.inquiry-prolist .inquiry-pro-item .pro-item-name {

	padding: 10px

}

.inquiry-prolist .inquiry-pro-item .pro-item-name a {

	font-size: 16px

}

.inquiry-prolist .inquiry-pro-item .pro-item-del {

	margin-right: 0px;

	width: 35px;

	height: 35px

}

.inquiry-feedbackForm #feedbackForm input {

	width: 100%

}

.contact-box .contact-img iframe {

	height: 350px

}

.preview-container #media {

	border: none;

	height: calc(100vw - 30px)!important

}

}

@media (max-width:500px) {

.product-cateitem .cate-img img {

	object-fit: cover

}

.product-cateitem .cate-info {

	padding: 15px 10px;

	border-radius: 0

}

.prodetails-related .related-item {

	width: 50%

}

.prodetails-related .related-item {

	border: 1px solid #E5E5E5 !important

}

.prodetails-related .related-item:nth-child(2n) {

	border-left: none !important

}

.prodetails-related .related-item:nth-child(n+3) {

	border-top: none !important

}

.inquiry-prolist .inquiry-pro-item .pro-item-img {

	width: 100px

}

.inquiry-prolist .inquiry-pro-item .pro-item-name {

	padding: 0px 10px

}

#tagTabs {

	justify-content: space-between

}

#tagTabs .tagItem {

	margin: 0px;

	width: 49%;

	font-size: 14px

}

}





@media (max-width:1024px) {

.banner-inner img {

	width: 100%;

	object-fit: cover;

	min-height: 300px

}

.team-member .team-member-list .team-member-item .info {

	padding: 10px

}

.team-number {

	margin-top: 50px

}

.team-took {

	margin-top: 0px

}

.rd-cap .rd-wrap {

	position: static;

	transform: none;

	width: 100%

}

.rd-cap .rd-wrap .title {

	font-size: 26px

}

.product-catelist {

	justify-content: space-between

}

.product-cateitem {

	width: 48%;

	margin-right: 0px

}

.product-cateitem .cate-info {

	left: 50%;

	transform: translateX(-50%);

	width: 90%

}

.product-cateitem .cate-info .cate-title {

	font-size: 20px

}

.sidebar {

	display: none

}

.page-main {

	padding-left: 0

}

.sidebar-item.category {

	padding: 15px 20px;

	position: relative

}

.sidebar-item.category .sidebar-title {

	background: url(../images/cate-btn.png) right center/24px no-repeat;

	margin-bottom: 0px;

	padding: 0px;

	cursor: pointer

}

.sidebar-item.category .sidebar-title::after {

	display: none

}

.sidebar-item.category .sidebar-cate {

	padding: 10px;

	display: none;

	position: absolute;

	top: 100%;

	left: 0px;

	width: 100%;

	background: #FFF;

	z-index: 9;

	box-shadow: 0 3px 8px 0 rgba(19,20,21,.17)

}

.pagelink .pagelink-item {

	width: 100%

}

.pagelink .pagelink-item.prev {

	margin-bottom: 10px

}

.pagelink .pagelink-item.next {

	justify-content: flex-start

}

.pagelink .pagelink-item.next .pagelink-info {

	flex-direction: row-reverse

}

.pagelink .pagelink-item.next .pagelink-info .link-intro {

	border: none;

	border-right: 1px solid #d1d1d1

}

.page-main .sidebar-item.inquiry {

	box-shadow: none;

	padding: 0px;

	margin-top: 20px

}

#feedbackForm input {

	height: 44px

}

.solution-2::before {

	background: linear-gradient(90deg, #000 0, rgba(0,0,0,.45) 100%)

}

.solution-2 .activity-wrap {

	width: 100%;

	padding: 60px 20px

}

.solution-2 .activity-wrap .title {

	font-size: 30px

}

.solution-1-list .item {

	width: 22%

}

.solution-3 .solution-3-list {

	justify-content: space-between

}

.solution-3 .solution-3-list .item {

	width: 24%;

	margin: 0px

}

.page-video .item .info {

	width: 100%;

	padding: 10px

}

.contact-list .contact-item {

	padding: 2%

}

.contact-box .contact-main .title {

	font-size: 22px

}

.project-list {

	justify-content: space-between

}

.project-list li {

	width: 49%;

	margin-right: 0px

}

.faqs-list li {

	width: 100%

}

}

@media (max-width:768px) {

.banner-inner {

	min-height: inherit

}

.banner-inner img, .banner-inner .banner-content .banner-title-h1 {

	display: none

}

.banner-breadcrumbs {

	font-size: 14px

}

.banner-inner .banner-content .container {

	padding: 10px 15px

}

.pro-list li .pro-img a .icon-hottitle {

	font-size: 34px

}

.prodetails-main .banner-inner {

	display: none

}

.common-main {

	padding: 15px 0 20px

}

.company-about-wrap>div {

	width: 100%

}

.company-about-wrap .about-img {

	padding: 0px

}

.company-list ul li {

	width: 49%;

	padding: 20px 15px

}

.company-logo ul li {

	width: 33.333%

}

.about-vision-wrap>div {

	width: 100%

}

.about-vision-wrap .about-img {

	padding: 0px

}

.team-number {

	margin-top: 20px

}

.team-member .team-member-list .team-member-item {

	width: 49%

}

.team-number .team-number-item {

	width: 50%

}

.team-number .team-number-item p:nth-child(1) {

	font-size: 24px

}

.rd-cap .rd-wrap {

	padding: 3% 0

}

.rd-international-list .rd-international-item {

	width: 100%;

	margin-bottom: 20px

}

.product-cateitem {

	width: 100%;

	display: flex;

	align-items: center

}

.product-cateitem .cate-img {

	width: 45%;

	height: 100%

}

.product-cateitem .cate-info {

	flex: 1;

	position: static;

	transform: none;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	background: #FAFAFA;

	border-radius: 0

}

.product-cateitem:hover .cate-info {

	background: #FAFAFA;

	color: inherit

}

.product-cateitem .cate-info .cate-title {

	font-size: 16px;

	font-weight: 400

}

.product-cateitem .cate-info .cate-text {

	font-size: 14px;

	line-height: 1.4

}

.sidebar-item.category {

	padding: 10px

}

.sidebar-item.category .sidebar-title {

	font-weight: 400;

	font-size: 18px

}

.pagelink .pagelink-item.next .pagelink-info p:nth-child(1) {

	text-align: left

}

.pagelink .pagelink-item.next .link-intro {

	margin-left: 0px;

	margin-right: 10px

}

.pro-cate-title {

	font-size: 18px

}

.pro-list li .pro-info .text {

	font-size: 14px;

	line-height: 1.2

}

.pro-list.list0 li .pro-info .text {

	margin-bottom: 5px;

	-webkit-line-clamp: 2

}

.pro-list li .pro-info .icon {

	opacity: 1;

	transform: none;

	width: 35px;

	height: 35px

}

.pro-list li .pro-img a {

	padding-bottom: 100%

}

.pro-list.list1 {

	justify-content: space-between

}

.pro-list.list1 li {

	width: 49%;

	margin: 0px;

	margin-bottom: 20px

}

.pro-list li:hover {

	border-color: #E1E1E1

}

.pro-list.list1 li .pro-img {

	width: auto

}

.pro-list.list1 li .pro-info .title a {

	font-weight: 400

}

.pro-list.list0 li .pro-img {

	width: 40%

}

.pro-list.list0 li .pro-info {

	padding: 15px

}

.pro-list.list0 li .pro-info .title a {

	font-size: 16px

}

.pro-list.list0 li .pro-info .icon {

	top: auto;

	bottom: 0px;

	right: 0px;

	border-bottom: none;

	border-right: none

}

.prodetails-related .title {

	font-size: 20px

}

.singglepic {

	width: 100%

}

.preview-container {

	width: 100%

}

.preview-container .small-box {

	display: none

}

.preview-container .thumbnail-box {

	padding: 0px;

	margin: 0px;

	border: 1px solid #E5E5E5;

	overflow: hidden

}

.preview-container .thumbnail-box .item {

	height: calc(100vw - 30px);

	border: none

}

.preview-container .thumbnail-box .item .imgalt {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	z-index: 99;

	bottom: 8px;

	background: rgba(0,0,0,.2);

	color: #FFF;

	width: 95%;

	padding: 0 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

}

.preview-container .thumbnail-box .prodetails-button-next, .preview-container .thumbnail-box .prodetails-button-prev {

	display: none

}

.preview-container .banner-page {

	position: absolute;

	right: 10px;

	bottom: 10px;

	width: 34px;

	height: 34px;

	border-radius: 50%;

	background: var(--color);

	color: #FFF;

	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 9

}

.prodetails-info {

	padding-left: 0

}

.prodetails-info .prodetails-name {

	margin-top: 10px

}

.prodetails-info .prodetails-btnlist {

	justify-content: space-between

}

.prodetails-info .prodetails-btnlist>* {

	width: 49%;

	margin-right: 0px

}

.prodetails-info .prodetails-btnlist .pro-btn {

	width: 49%

}

.prodetails-info .prodetails-btnlist .addToCart {

	width: 49%

}

.page-box-shadow {

	padding: 0px;

	box-shadow: none

}

.prodetails-content {

	border-top: 2px solid #dadada;

	padding-top: 20px;

	margin-top: 30px;

	font-size: 18px

}

.prodetails-info .prodetails-text, .prodetails-price {

	font-size: 18px

}

.pagelink .pagelink-item .pagelink-info {

	font-size: 14px

}

.newslist .newsitem .news-info {

	padding: 10px

}

.newslist .newsitem .news-info .news-title a {

	font-size: 16px;

	-webkit-line-clamp: 4

}

.newslist.list1 {

	justify-content: space-between

}

.newslist.list1 .newsitem {

	width: 48%;

	margin-right: 0px;

	margin-bottom: 20px

}

.newslist.list0 .newsitem .news-info .news-btn {

	display: none

}

.newslist.list0 .newsitem .news-img {

	height: 100%;

	width: 45%

}

.newslist .newsitem .news-info .news-text {

	display: none

}

.newslist.list0 .newsitem .news-info .news-text {

	display: none

}

.solution-2 .activity-wrap .img {

	justify-content: space-between;

	align-items: flex-start

}

.solution-2 .activity-wrap .img img {

	width: 49%;

	height: auto;

	margin: 0px

}

.solution-2 .activity-wrap .title {

	font-size: 26px

}

.solution-2 .activity-wrap .title br {

	display: none



}

.solution-1-list {

	justify-content: space-between

}

.solution-1-list .info {

	padding-right: 20px;

	margin-bottom: 20px

}

.solution-1-list .item {

	width: 48%;

	margin: 0px;

	margin-bottom: 20px;

	padding: 20px

}

.solution-1-list .item em {

	font-size: 40px

}

.solution-1-list .item .title {

	padding: 10px 0px;

	font-size: 18px

}

.solution-3 .solution-3-list .item {

	width: 48%;

	margin-bottom: 20px

}

.newscontent-details {

	font-size: 18px

}

.page-video {

	padding: 0px 0px 70px

}

.page-video #pagevideo {

	margin-top: 30px

}

.page-video .video-button-next, .page-video .video-button-prev {

	top: auto;

	bottom: 0px

}

.page-video .video-button-next {

	right: 30%

}

.page-video .video-button-prev {

	left: 30%

}

.page-faq .wrapper {

	flex-wrap: wrap;

	margin-top: 30px

}

.page-faq .wrapper .img {

	width: 100%

}

.page-faq .wrapper .right {

	padding: 0px;

	margin-top: 20px

}

.contact-list .contact-item {

	width: 100%;

	margin-bottom: 20px;

	padding: 20px 2%

}

.contact-list .contact-item em {

	width: 40px;

	height: 40px

}

.contact-list .contact-item .contact-item-title {

	font-size: 18px;

	margin: 10px 0px

}

.contact-box {

	margin-top: 30px

}

.contact-box .contact-img {

	width: 100%

}

.contact-box .contact-main {

	padding: 15px

}

.contact-box .contact-main #feedbackForm .inquiry-form input {

	width: 100%

}

.download-list li .download-info {

	padding: 10px

}

.download-list li .download-btn {

	margin-top: 15px;

	width: 100%

}

.inquiry-prolist .inquiry-pro-item {

	padding: 10px

}

.inquiry-prolist .inquiry-pro-item .pro-item-img {

	width: 150px

}

.inquiry-prolist .inquiry-pro-item .pro-item-name {

	padding: 10px

}

.inquiry-prolist .inquiry-pro-item .pro-item-name a {

	font-size: 16px

}

.inquiry-prolist .inquiry-pro-item .pro-item-del {

	margin-right: 0px;

	width: 35px;

	height: 35px

}

.inquiry-feedbackForm #feedbackForm input {

	width: 100%

}

.contact-box .contact-img iframe {

	height: 350px

}

.preview-container #media {

	border: none;

	height: calc(100vw - 30px)!important

}

}

@media (max-width:500px) {

.product-cateitem .cate-img img {

	object-fit: cover

}

.product-cateitem .cate-info {

	padding: 15px 10px;

	border-radius: 0

}

.prodetails-related .related-item {

	width: 50%

}

.prodetails-related .related-item {

	border: 1px solid #E5E5E5 !important

}

.prodetails-related .related-item:nth-child(2n) {

	border-left: none !important

}

.prodetails-related .related-item:nth-child(n+3) {

	border-top: none !important

}

.inquiry-prolist .inquiry-pro-item .pro-item-img {

	width: 100px

}

.inquiry-prolist .inquiry-pro-item .pro-item-name {

	padding: 0px 10px

}

#tagTabs {

	justify-content: space-between

}

#tagTabs .tagItem {

	margin: 0px;

	width: 49%;

	font-size: 14px

}

}