﻿/*---start---about us---*/
.profile-aboutus {}
.p_gridbox {display:flex;align-items:center;justify-content:space-between;}
.p_gridbox .leftintro {width:60%;}
.p_gridbox .rightpic {width:38%;}
.profile-aboutus  h3 {color:var(--pbmit-www-color);font-size:2.4vw;line-height:1.6;padding:0px;margin:0px;font-weight:700;padding-bottom:15px;}
.introcontent p ,.introcontent p strong{padding-bottom:15px;}
.introcontent p strong{display:block;}
.p_gridbox .rightpic {text-align:right}
.p_gridbox .rightpic img {border-radius:10px;width:100%;object-fit:cover;filter:saturate(1);-webkit-filter:saturate(1);transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.profile-aboutus .imgrow{padding:20px 0}
.profile-aboutus .imgrow:last-child{padding-bottom:0}

.technologyRow {padding-top:15px;}
.technologyRow .imgTextCell{margin-bottom:20px;width:calc(33.33% - 15px);;position:relative;}
.technologyRow .imgTextCell img{width:100%; }
.technologyRow .imgTextCell .text{position:absolute;bottom:0px;left:0;width:100%;text-align:center;font-size:16px;color:#fff;background-color:#27333a;padding:5px 0}

.qualityRow{}
.qualityRow .QR-Left{width:54%}
.qualityRow .QR-Right{width:43%}
.qualityRow .QR-Right img{width:100%}

@media (max-width:992px) {

.p_gridbox {flex-wrap:wrap;}
.p_gridbox .leftintro {width:100%;}
.p_gridbox .rightpic {width:100%;margin-left:0%;}
.leftintro h3 {font-size:20px;width:100%;text-align:center;}
.profile-aboutus .imgrow{padding:5px 0}

.technologyRow .imgTextCell{margin-bottom:0px;width:100%;}
.profile-aboutus  h3 {font-size:3.4vw;}

}
@media (max-width:768px) {

.profile-aboutus  h3 {font-size:5.8vw;}
.technologyRow .imgTextCell{margin-bottom:0px;width:100%;}
.qualityRow .QR-Left,.qualityRow .QR-Right{width:100%}
.qualityRow .QR-Right{padding-top:15px;}
}

@media (min-width:768px) and (max-width:991px) {
	.technologyRow .imgTextCell {
		margin-bottom: 20px;
		width: calc(50% - 10px);
	}
}


/*制造流程*/

.manufactureRow {padding-top:15px;}
.manufactureRow .imgTextCell{margin-bottom:50px;width:calc(30% - 15px);;position:relative;}
.manufactureRow .imgTextCell img{width:100%; }
.manufactureRow .imgTextCell .text{font-size:16px;color:#27333a;padding-bottom:15px;display:flex;display:-webkit-flex;align-items:center;}
.manufactureRow .imgTextCell .text strong { width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; color: #fff; background-color: #27333a; display: inline-block; margin-right: 5px; border-radius: 50%; font-weight: normal; }

.manufactureRow .imgTextCell:after {  font-family: "iconfont" !important; font-size: 34px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #e9c242; display: flex; justify-content: center; align-items: center; height: 40px; line-height: 40px; width: 40px; position: absolute;  top: 50%; }

.manufactureRow .imgTextCell.rc1:not(:last-child):after { content: "\e618";right: -60px;  }
.manufactureRow .imgTextCell.rc2:not(:last-child):after { content: "\e619";left: -60px;  }
.manufactureRow .imgTextCell.rc3:after,.manufactureRow .imgTextCell.rc6:after ,.manufactureRow .imgTextCell.rc9:after   { content: "\e616";top:initial;right:initial;left:50%;margin-left:-20px;bottom:-50px;  }
@media (max-width:1200px) {
.manufactureRow .imgTextCell:after {  font-size: 24px;height: 30px; line-height: 30px; width: 30px; }
.manufactureRow .imgTextCell.rc1:not(:last-child):after { right: -50px;  }
.manufactureRow .imgTextCell.rc2:not(:last-child):after { left: -50px;  }


}
@media (max-width:900px) {

.manufactureRow .imgTextCell:after {  font-size: 20px;height: 20px; line-height: 20px; width: 20px; }
.manufactureRow .imgTextCell.rc1:not(:last-child):after { right: -40px;  }
.manufactureRow .imgTextCell.rc2:not(:last-child):after { left: -40px;  }
}

@media (max-width:700px) {
.manufactureRow .imgTextCell{margin-bottom:10px;width:100% ;}
.manufactureRow .imgTextCell:after {  display:none; }
}

