@charset "utf-8";
/* CSS Document */
.aboutIBox { padding: 2.5em 0 4.5em;background: #f8f8fa
/* background: #f8f8fa url(../images/about_i_bg.png) no-repeat center center / cover; */}
.aboutIBox .title { font-weight: bold; color: #3A3838;}
.aboutIBox .intro {margin-top: 3em; color: #686868; line-height: 1.8; }
@media only screen and (max-width:828px) { 
	.aboutIBox .intro  { text-align: left;}
}

.aPicList { max-width: 1920px; margin: 0 auto;}
.aPicList ul { display: flex; justify-content: center; align-items: stretch;}
.aPicList li { width: 33.33%; background-color: #000000;position: relative; z-index: 0; color: #fff;}
.aPicList .pic { padding-top: 48.4%; position: relative; z-index: 0;}
.aPicList .pic img { position: absolute; z-index: 0; left:0 ; top: 0; width: 100%; height: 100%; object-fit: cover;}
.aPicList .pic::after { content: ""; display: block; position: absolute; z-index: 1; left:0 ; top: 0; width: 100%; height: 100%;
background: rgba(20,21,23,0.52);}
.aPicList .txt { position: absolute; z-index: 2; left:1em ; top: 1em; bottom: 1em; right: 1em;
display: flex; justify-content: center; align-items: center; flex-direction: column; }
.aPicList .name { font-weight: bold;}
.aPicList .intro { max-width: 400px; margin: 0.7em auto 0; line-height: 1.3;}

@media only screen and (max-width:828px) { 
.aPicList ul {display: block;}
.aPicList li { width: 100%; }
}

.smarBox { position: relative; z-index: 0; padding: 3.6em 0 3.7em; background:#fefefe url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/about_bg.png) no-repeat center 0 / cover;}
#worldwide { position: absolute; left:0; top: -10.6em;}
.smarBox .title { color: #3A3838; font-weight: bold;}
.smarBox .list {margin-top: 2.5em; }
.smarBox .list ul {display: flex; justify-content: flex-start; align-items: stretch;}
.smarBox .list li { width: 15.5%; margin-right: 1.29%; background-color: #f5f5f5; padding-bottom: 1.8em;
-moz-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em; overflow: hidden;}
.smarBox .list li:nth-child(6n) { margin-right: 0;}
.smarBox .list .picb{ background-color: #474443; padding: 20% 0;}
.smarBox .list .pic { margin: 0 auto; width: 49%; padding-top: 38%; position: relative; z-index: 0;}
.smarBox .list .picb img { position: absolute; left: 0; top: 0; width: 100%;
height: 100%; object-fit: contain;}
.smarBox .list .name{ margin-top: 1em;}
.smarBox .title2 { }
.smarBox .listDate {  margin-bottom: 2.5em; display: flex; justify-content: space-around; align-items: center;}
.smarBox .listDate:first-child {margin-top: 1.5em; margin-bottom: 0.5em; }
.smarBox .listDate .item {	flex: 1;}
.smarBox .listDate .num { line-height: 1.2; color: #ce0000; font-weight: bold;}
.smarBox .listDate .line { margin-bottom: 3em;
	 width: 1px;height:5em; background-color: #efefef;
	 /*width: 1em;height:1.5em ;  background: url(../images/line.png) no-repeat center center / contain; */}
.smarBox .listDate .txt { height: 4.5em; overflow: hidden;}
@media only screen and (max-width:1200px) { 
	.smarBox .listDate { flex-wrap: wrap; margin-top: 2em;}
	.smarBox .listDate .item { flex: initial; width: 24%; margin: 1.5em 2% 0;}
	.smarBox .listDate .line:nth-child(6) { display: none;}
}
@media only screen and (max-width:828px) { 
	.smarBox .list ul { margin-top: -2%; flex-wrap: wrap;}
	.smarBox .list li { margin-top: 2%; width: 49%; margin-right: 2%;}
	.smarBox .list li:nth-child(2n) { margin-right: 0;}
	
	.smarBox .listDate .item { flex: initial; width: 46%; margin: 1.5em 2% 0;}
	.smarBox .listDate .line { display: none;}
}

.aboutCBox { position: relative; z-index: 0; padding: 3.7em 0 2.7em;}
#competencies { position: absolute; left: 0; top: -10.6em;}
.swiper-aboutC { width: 100%; margin: 0 auto; background-color: #36383b; color: #fff;}
.swiper-aboutC .item {min-height: 404px; height: 100%;
 display: flex; justify-content: space-between; align-items:center;}
.swiper-aboutC .item .picb {width:72.8%;}
.swiper-aboutC .item .pic { position: relative; z-index: 0; padding-top: 40.76%;
 overflow: hidden;}
.swiper-aboutC .item .pic img {  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit: cover;}
.swiper-aboutC .item .txtb {flex: 1;}
.swiper-aboutC .item .txt { padding:13% 18% 2.5em 1.5em; text-align: left; }
.swiper-aboutC .item .txt .name { font-weight: bold; line-height: 1.2;}
.swiper-aboutC .item .txt .name::after { content: ""; display: block; width: 0.8em; height: 0.18em;
background-color: #ce0000; margin: 9.5% auto 0 0;}
.swiper-aboutC .item .txt .intro { margin-top: 9.8%; line-height: 1.3;
/* height: 6.5em; overflow-y: auto; */
/* text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5; */}
.swiper-aboutC .swiper-slide {background-color: #36383b; }
.swiper-aboutC .swiper-pagination { z-index: 10; width: auto; position: absolute; 
bottom: 1.2em; left: 1.5em; top: auto; right: auto; margin-bottom: 0;
display: flex; justify-content: flex-start; align-items: center;}
@media only screen and (max-width:1920px) {
	.swiper-aboutC .item {min-height: 21vw;}
}
@media only screen and (max-width:1200px) {
.swiper-aboutC .item .txt .name { font-size: 26px;}
/* .swiper-aboutC .item .txt .intro {height: 3.9em;-webkit-line-clamp:3; } */
}

@media only screen and (max-width:960px) {
.swiper-aboutC .item .txt .name { font-size: 20px;}
}


@media only screen and (max-width:828px) { 
.swiper-aboutC .item {display: block;}
.swiper-aboutC .item .picb { width: 100%;}
.swiper-aboutC .item .pic { padding-top: 45%; height: initial;}
.swiper-aboutC .item .txt {
    padding: 2.5em 1.5em 2.5em 1.5em;
    text-align: left;
}
.swiper-aboutC .item .txt .name { font-size: 22px;}
.swiper-aboutC .item .txt .name::after { margin-top: 0.8em;}
.swiper-aboutC .item .txt .intro {margin-top: 1.5em;
/* height: 6.5em;-webkit-line-clamp:5; */}
.swiper-aboutC .item .txt .intro { height: auto;-webkit-line-clamp:initial}
}

.mileBox { position: relative; z-index: 0; width: 100%; overflow: hidden; background:#7a8288  url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/mile_bg.jpg) no-repeat center center / cover;
color: #fff; padding: 5em 0 7.3em;}
#milestones { position: absolute; left: 0; top: -10.6em;}
.mileBox .title { font-weight: bold;}
.mileBox .intro { margin-top: 0.7em;}

.swiper-time-w { position: relative; z-index: 0;margin: 3.3em auto 0; }
.swiper-time-w::after { content: ""; display: block; position: absolute; z-index: 0; height: 1px; width: 100%; left: 0; top: 50%;
background: rgba(213,213,223,0.32);}
.swiper-time { width: 100%; position: relative; z-index: 1; overflow: visible; }
.swiper-time .item { cursor: pointer; padding-bottom: 1.9em;}
.swiper-time .time { line-height: 1.9em;}
.swiper-time .dot { position: relative; z-index: 0;
 cursor: pointer; width: 0.6em; height: 0.6em; margin: 0 auto; background-color: #a1a1a1;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.swiper-time .swiper-slide-active { font-weight: bold;}
.swiper-time .swiper-slide-active .dot { position: relative; z-index: 0; background-color: #ce0000;}
.swiper-time .swiper-slide-active .dot::after { content: ""; display: block; width: 1em; height: 1em;
border: 1px solid #ce0000; position: absolute; left: -0.2em; top: -0.2em; margin: -1px auto auto -1px;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}


.swiper-mile-w { position: relative; z-index: 0;margin: 3.3em auto 0; }
.swiper-mile { width: 100%; }
.swiper-mile .item { width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; min-height: 7em;}
.swiper-mile .item  .time { width: 4.5em; text-align: center; font-weight: bold; font-size: 2.75em; line-height: 1em;
 border-right:1px solid rgba(255,255,255,0.27);}
.swiper-mile .item  .name { flex: 1; margin-left: 3.2%; text-align: left;}

.wrap .mileBox .swiper-button-next { margin-top: -2.18em; right: 0; background-color: rgba(210,210,210,0.1);}
.wrap .mileBox .swiper-button-prev {margin-top:  -2.18em; left: 0; background-color: rgba(210,210,210,0.1);}
.wrap .mileBox .swiper-button-next:hover,
.wrap .mileBox .swiper-button-prev:hover{ background-color: #ce0000;}
.wrap .mileBox .swiper-button-disabled { opacity: 0.3;}

@media only screen and (max-width:828px) { 
	.swiper-mile .item {display: block; margin: 0 auto;}
	.swiper-mile .item  .time { border-right: 0; text-align: left;}
	.swiper-mile .item  .name { margin: 1em 0 0;}
}

.adwaBox { position: relative; z-index: 0; padding: 3.7em 0 2.7em;}
#adwards_patents { position: absolute; left: 0; top: -10.6em;}
.adwaBox .title { font-weight: bold;}
.swiper-adwa { width: 100%; margin: 2em auto 0; }
.swiper-adwa .itemz {display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: stretch;}
.swiper-adwa .item { width: 19%; margin-right: 1.1%; 
padding-bottom: 0.8em;  background-color: #fff;}
.swiper-adwa .item:nth-child(5n) { margin-right: 0;}
.swiper-adwa .item .picb {padding: 3.4%;}
.swiper-adwa .item .pic { position: relative; z-index: 0; padding-top: 137.4%; overflow: hidden;}
.swiper-adwa .item .pic img {  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit: contain;}
.swiper-adwa .item .txt .name { margin-top: 1em; font-weight: bold; color: #686868;}
.swiper-adwa .swiper-pagination { position: static; margin-top: 2.7em;
display: flex; justify-content: center; align-items: center;}

@media only screen and (max-width:828px) { 
	.swiper-adwa .itemz { justify-content: center;}
	.swiper-adwa .item { width: 49%; margin-bottom: 1%; margin-right: 0.5%; margin-right: 0.5%;}
	.swiper-adwa .item:nth-child(5) { margin-right: 0.5%; margin-right: 0.5%;}
}

.partnerBox {  position: relative; z-index: 0; width: 100%; overflow: hidden;
 background: #2d2f39 url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/partner_bg.jpg) no-repeat center center /cover;
 padding: 4.5em 0 5em; color: #fff;}
 #partner { position: absolute; left: 0; top: -10.6em;}
.partnerBox .title { font-weight: bold;}
.partnerBox .intro { line-height: 1.2; margin-top: 0.5em; color: #A1A1A1;}
.swiper-partner { width: 100%; margin: 3em auto 0; }
.swiper-partner .itemz {display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: stretch;}
.swiper-partner .item { margin-top: 2%; width: 19.1%; margin-right: 0.45%;
margin-left: 0.45%;
background-color: rgba(255,255,255,0.1);}
.swiper-partner .item .picb { padding-top: 60%; position: relative; z-index: 0;}
.swiper-partner .item .pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
display: flex; justify-content:center; align-items: center;}
.swiper-partner .item .pic img { max-width: 64%; max-height: 74%; width: auto; height: auto;
 object-fit: contain;}
.swiper-partner .item .txt .name { margin-top: 1em; font-weight: bold; color: #686868;}
.swiper-partner .swiper-pagination { position: static; margin-top: 2.7em; margin-bottom: 0;
display: flex; justify-content: center; align-items: center;}

.wrap .partnerBox .swiper-button-next { margin-top: -0.3em; right: 0; background-color: rgba(210,210,210,0.1);}
.wrap .partnerBox .swiper-button-prev {margin-top: -0.3em; left: 0; background-color: rgba(210,210,210,0.1);}
.wrap .partnerBox .swiper-button-next:hover,
.wrap .partnerBox .swiper-button-prev:hover{ background-color: #ce0000;}
.wrap .partnerBox .swiper-button-disabled { opacity: 0.3;}

@media only screen and (max-width:828px) { 
.partnerBox { padding: 3em 0 2.5em;}
.partnerBox .intro { margin-left: 1em; margin-right: 1em;}
.swiper-partner .itemz { justify-content: center;}
.swiper-partner .item { margin-top: 2; width: 31.3%; margin-right: 2%;}
.swiper-partner .item:nth-child(5n) { margin-right: 2%;}
.swiper-partner .item:nth-child(3n) { margin-right: 0;}
.swiper-partner { margin: 1em 1.5em 0; width: auto;}
.swiper-partner .swiper-pagination  { margin-top: 1.5em;}
}