@charset "utf-8";
/* CSS Document */
.proTabW {margin-top: 2.1em;}
.proTab { overflow: hidden; background-color: #f8f8fa;}
.proTabFixed { position: fixed; z-index: 400; left: 0; width: 100%;
-moz-box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, .05);
-webkit-box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, .05);
box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, .05)}
.proTab ul { overflow-x: hidden; overflow-y: hidden;
 display: flex; justify-content: flex-start; align-items: stretch;}
.proTab li {
margin-right: 0.58%; width: 13.76%; 
margin-right: 9px; width: 212px; color: #505258;  cursor: pointer;
background-color: #fff; display: flex; 
justify-content: center; align-items: center; }
.proTab li>a { display: flex; width: 100%; padding: 0.9em 0; 
justify-content: center; align-items: center; color: #505258; position: relative; z-index: 0; }
.proTab li>a:hover { color: #ce0000; /* background-color: #ca0000; color: #fff; */}
.proTab li>a:hover::after { display: block; content: ""; height: 3px; width: 100%;
position: absolute; left: 0; bottom: 0; background-color: #ce0000;}
.proTab li>a::after {}
.proTab li:nth-child(7) { margin-right: 0;}
.proTab li .pic img { display: block; width: 3.75em; height:3.75em; object-fit: contain;
margin: 0 auto;}
.proTab li .pic img:nth-child(2) { display: none;}
.proTab li .name { max-height: 2.24em; overflow: hidden; 
line-height: 1.12; text-align: left;}
.proTab li.cur {/* background-color: #ca0000;color: #fff; */}
.proTab li.cur a {/* color: #fff; */ color: #ce0000; }
.proTab li.cur>a::after { display: block; content: ""; height: 3px; width: 100%;
position: absolute; left: 0; bottom: 0; background-color: #ce0000;}

.proTab ul:hover li.cur { /* background-color: #fff;color: #505258; */ }
.proTab ul:hover li.cur a {/* color: #505258; */color: #505258;}
.proTab ul:hover li.cur:hover a {color: #ce0000;}
.proTab ul:hover li.cur>a::after { display: none;}

.proTab ul:hover li.cur:hover>a::after {display: block;}

.proTab ul:hover li.cur img:nth-child(1) {display: block;}
.proTab ul:hover li.cur img:nth-child(2) {display: none;}
/* 
.proTab ul:hover li.cur:hover img:nth-child(1) {display: none;}
.proTab ul:hover li.cur:hover img:nth-child(2) {display: block;} */

/* .proTab li.cur .pic img:nth-child(1),
.proTab li:hover .pic img:nth-child(1){ display: none;}
.proTab li.cur .pic img:nth-child(2),
.proTab li:hover .pic img:nth-child(2){ display: block;} */


@media only screen and (max-width:1500px) {
	/* .proTab ul { display: block; height: 88px; text-align: left;
	} */
	/* .proTab li { display: inline-block; margin-right: 9px; width: 168px;  } */
	.proTab ul { display: flex; justify-content: space-between; text-align: left;
	   white-space:nowrap; *white-space:nowrap;	} 

	.proTab li { display: inline-block; margin-right: 9px;margin-right:0.4em; 
	 width: auto;  flex: 1;}
	.proTab li>a { width: auto; padding-right: 0.6em; padding-left: 0.2em; }
    .proTab li .pic img { width:3vw; height: 3vw;}
}
@media only screen and (max-width:1300px) {
	.proTab { font-size: 14px;}
	.proTab li {}
}
@media only screen and (max-width:1150px) {
	.proTab { font-size: 12px;}
}

@media only screen and (max-width:828px) {
	.proTab ul { overflow-x: auto;white-space:nowrap; *white-space:nowrap; }
	.proTab ul::-webkit-scrollbar { display: none;	} 
	.proTab li {margin-right:0.4em;  }
	.proTab li>a { padding: 0.8em 0.6em;}
	.proTab li>a .pic { margin-left: -0.5em;}
	.proTab li .pic img { width:3em; height: 3em;}
}

/*产品详情参数悬浮条*/
.paramFixed { position: fixed; left: 0; width: 100%; top: 0; z-index: 1000;
 background-color: #f8f8fa; font-weight: bold; line-height: 2.2;
  border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4}
.paramFixed .con { display: flex; justify-content: space-between; align-items: center;}
.paramFixed .con .item { flex: 1; border-right:1px solid #e4e4e4; text-align: center;}
.paramFixed .con .item:first-child { margin-left: 14.5%; border-left:1px solid #e4e4e4}

.proIBox { display: flex; justify-content: space-between; align-items: flex-start;
padding-bottom: 2.9em; position: relative; z-index: 0;}
#indu_1,#indu_2,#indu_3,#indu_4,#indu_5,#indu_6,#indu_7,#indu_9 { position: absolute; left: 0; top: -10.6em;}
.proIBox .conL { width: 80%;margin-top: 2.2em;}
.proIBox .conR { width: 18.8%; margin-top: 2.2em;}

.induItem { position: relative; z-index: 0; display: flex; justify-content: flex-start; align-items: center;
margin-bottom: 2.18em; padding-bottom: 2.18em; border-bottom:1px  solid #e7e7e7;
}
.induItem:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.induItem .induTitle { margin-right: 2.2%; text-align: left;}
.induItem .induTitle .name{ width: 6.4em; font-weight: bold; line-height: 1.3; height: 3.9em; overflow: hidden;}
.induItem .induTitle .moreBtnBlack { margin-top: 22%;}
.induItem .btnM { display: none;}
.proIBox .conL .induItem .list { flex:1}

@media only screen and (max-width: 828px) {
	.induItem  { display: block;}
	.induItem .induTitle .name{ width: auto; height: auto;}
	.induItem .induTitle .moreBtnBlack { display: none; margin-top: 1.5em;}
	.proIBox .conL .induItem .list { margin-top: 2em;}
	.paramFixed .con .item:first-child { border: 0; margin-left: 33%;}
	.induItem .btnM { display: block;}
}

.proIBox .conL .list ul {  display: flex;  margin-top: -1.8%;
flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.proIBox .conL .list li { width: 32.1%; margin-top: 1.85%; margin-right: 1.85%; cursor: pointer; 
background-color: #fff;
}
.proIBox .conL .list li:nth-child(3n) { margin-right: 0;}
.proIBox .conL .list .pic { display: block; cursor: pointer; position: relative; z-index:0; 
 padding-top: 71.9%;}
.proIBox .conL .list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit: contain;}
.proIBox .conL .list .txt { border-top:1px solid #f8f8fa ; text-align: left; padding: 6.8% 6.8% 5%;}
.proIBox .conL .list .num { color: #A1A1A1; }
.proIBox .conL .list .name { color: #3A3838;  line-height: 1.2;
height: 1.2em; overflow: hidden; font-weight: bold;}
.proIBox .conL .list .name1 {padding: 0 6.8%; text-align: left; line-height: 1.5em; height: 1.5em; overflow: hidden; color: #3A3838; font-weight: bold;}
.proIBox .conL .list .name2 {padding: 0 6.8%;text-align: left;line-height: 1.5em; height: 1.5em; overflow: hidden; color: #3A3838;}
.proIBox .conL .list .intro,.proIBox .conL .list .intro2 { margin-top: 2%; 
margin-right: 10%; color: #3A3838; 
margin-top: 0.35em;margin-bottom: 0.35em;
overflow: hidden; line-height: 1.4; height: 2.8em;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.proIBox .conL .list .intro p,.proIBox .conL .list .intro2 p { 
	background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/dot.png) no-repeat  0 0.13em / 0.8em auto; 
padding: 0 0 0 1.3em;}
.proIBox .conL .list .intro2 { color: #a1a1a1;}

.proIBox .conL .list2 ul {  display: flex; 
flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.proIBox .conL .list2 li { width: 32.1%; margin-top: 1.85%; margin-right: 1.85%; cursor: pointer; 
background-color: #fff;
}
.proIBox .conL .list2 .lib { padding-top: 3.8%; border: 1px solid #e9e9e9;}
.proIBox .conL .list2 li:nth-child(3n) { margin-right: 0;}
.proIBox .conL .list2 .pic { display: block; cursor: pointer; position: relative; z-index:0; 
 padding-top: 40%;  width: 54.4%; margin: 0 auto; overflow: hidden;}
.proIBox .conL .list2 .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit: contain;}

.proIBox .conL .list2 .txt { border-top:1px solid #f8f8fa ; text-align: left; padding: 6.8% 6.8% 5%;}
.proIBox .conL .list2 .num { color: #A1A1A1; }
.proIBox .conL .list2 .name { color: #3A3838;  line-height: 1.2;
height: 1.2em; overflow: hidden; font-weight: bold;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.proIBox .conL .list2 .t1 { margin-top: 0.2em;color: #505258;
height: 4.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
}
.proIBox .conL .list2 .t2 { color: #505258; border-bottom: 1px solid #ededed;
 padding-bottom: 0.8em;
 margin-bottom: 0.8em; margin-top: 0.2em;
  overflow:hidden;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap}
.proIBox .conL .list2 .intro { margin-top: 2%; margin-right: 10%; color: #3A3838; 
overflow: hidden; line-height: 1.3em; 
/* height: 7.8em; */
height: 2.6em;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
} 
.proIBox .conL .list2 .moreBtnBlack { margin-top: 6%;}

.proIBox .conL .listf .lib { padding-top: 10%;}
.proIBox .conL .listf .name2 { margin-top: 0.6em; margin-bottom:0.9em ;}
.proIBox .conL .listf .pic { margin: 0 auto; display: block; cursor: pointer; position: relative; z-index:0; 
 padding-top: 75.2%; width: 75.2%;  overflow: hidden;} 
.proIBox .conL .listf .pic img  { object-fit: cover;}

.proIBox .conL .lists .lib{ padding-top: 9.6%;}
.proIBox .conL .lists .names { height: 1.5em; overflow: hidden; font-weight: bold; text-align: center;}
.proIBox .conL .lists .pics { display: block; cursor: pointer; position: relative; z-index:0; 
 height: 6.1em;  width: 6.1em; margin: 0 auto; overflow: hidden;
 background-color: #CE0000;
 display: flex; justify-content: center; align-items: center;
 -moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em;}
.proIBox .conL .lists .pics img {  width: 4.5em; height: 4.5em;
 object-fit: contain;}

.proIBox .conL .lists .intro { height: 6.3em; overflow: hidden; }
.proIBox .conL .lists .intro p {
	overflow:hidden;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap
}
@media only screen and (max-width: 828px) {
	.proIBox .conL .list2 li { margin-top: 1em; width: 100%; margin-right: 0;}
}
 
.proIBox .conR .searchBox2 { margin-bottom: 1em;}
 
.induList { margin-bottom: 1em; text-align: left;}
.induList .title{ line-height:1.5em; padding: 0.7em 1.1em; background-color: #323849; color: #fff;transition: all 0.5s;}
.induList .title.cur {background-color: #ce0000; color: #fff;}
.induList ul { display: block;}
.induList ul a,.induList ul span{ margin-top: 0.35em; line-height: 1.5em; padding: 0.9em 1.4em 0.8em 2.1em; 
 border: 1px solid #E9E9E9; color: #505258; display: block; cursor: pointer; 
 background: #fff url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_8.png) no-repeat 1em 1.3em / 0.5em auto;}
.induList ul a:hover,.induList ul li.sel span { color: #CE0000; background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_8_red.png);}
.induList ul .cur a { color: #CE0000; background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_8_red.png);}
@media only screen and (max-width: 828px) {
.induList ul { display: none;}
.induList .title { position: relative; z-index: 0; background-color: #fff; color: #505258;}

.induList .title::before {
    content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.25em;
    display: inline-block;
    height: 0.8em;
    width: 0.8em;
    margin-left: 0.45em;
    background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_1_gray.png) right center no-repeat;
    background-size: contain;}
.induList .title.show::before {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.induList .title.cur::before {
	background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_1.png)
}
}

.sideList a{ margin-top: 0.6em; display: block; cursor: pointer; font-weight: bold; text-align: left;
 line-height:1.5em; padding: 0.7em 1.1em; background-color: #505258; color: #fff; transition: all 0.5s;}
.sideList a:hover { background-color: #ce0000; color: #fff;}
.sideList .btnCheck {margin-top: 0.6em; display: block; cursor: pointer; font-weight: bold; text-align: left;
 line-height:1.5em; padding: 0.7em 1.1em; background-color: #505258; color: #fff; transition: all 0.5s;}
.sideList .btnChecked {background-color: #ce0000; color: #fff;}

.induName { padding: 0.9em 1.2em; text-align: left; background-color: #fff; border: 1px solid #e9e9e9;}
.induName span { color: #CE0000;}

.videoIBox {}
.videoIBox .title { border-bottom: 1px solid #DEDEDE; display: flex; justify-content: space-between; align-items: center;
flex-direction: row-reverse; font-weight: bold;
padding-bottom: 1.25em;}
.videoIBox .title .name  { font-weight: bold; text-align: left;}
.videoIBox .videoList { margin-top: 2.4em;}
.videoIBox .videoList ul {    margin-top: -2.5%;}
.videoIBox .videoList li { width: 32.1%; margin-top: 2.5%; margin-right: 1.8%; }
.videoIBox .videoList li:nth-child(3n) { margin-right: 0;}
.videoIBox .videoList .txt { background-color: #fff;}
.videoIBox .videoList .name { font-weight: normal;}

@media only screen and (max-width: 828px) {
.videoIBox .title { display: block}
.videoIBox .title .name { margin-top: 1em;}
.videoIBox .videoList ul {  margin-top: -1em;}
.videoIBox .videoList li { margin-top: 1em; width:49.1%;}
.videoIBox .videoList li:nth-child(3n) { margin-right: 1.8%;}
.videoIBox .videoList li:nth-child(2n) { margin-right: 0;}
}

@media only screen and (max-width: 480px) {
.videoIBox .videoList ul { display: block;}
.videoIBox .videoList li { margin-top: 1em; width: 100%; margin-right: 0;}
}

.proIBox .conR .filtersTit { display: none; text-align: left;}
.proIBox .conR .filtersCon{ display: block;}
@media only screen and (max-width:828px) {
.proIBox { display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.proIBox .conL { width: 100%; margin-top: 1.5em;}
.proIBox .conR { width: 100%; margin-top: 1.5em;}
.proIBox .conR div:first-child { margin-top: 0;}
.proIBox .conL .list li { width: 49%; margin-top: 2%; margin-right: 2%; }
.proIBox .conL .list li:nth-child(3n) { margin-right: 2%;}
.proIBox .conL .list li:nth-child(2n) { margin-right: 0;}

.proIBox .conR .filtersTit{position: relative; z-index: 0;
background-color: #fff; padding-left: 1em; line-height: 3; display: block;}
.proIBox .conR .filtersTit::after {
    content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.25em;
    display: inline-block;
    height: 0.8em;
    width: 0.8em;
    margin-left: 0.45em;
    background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_1_gray.png) right center no-repeat;
    background-size: contain;
}
.proIBox .conR .filtersTit.show::after {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}

.proIBox .conR .filtersCon{ margin-top: 1em; display: none;}
.proIBox .conR .filtersCon.show {display: block;}
}

@media only screen and (max-width:450px) {
	.proIBox .conL .list li { width: 100%; margin-top: 2%; margin-right:0; }
}

.proDTBox { padding: 2.6em 0; background-color: #f6f6f9;
/* background: url(../images/prod_bg.png) no-repeat center center / cover; */}
.proDVTBox { padding-top: 3.2em;/* background-image: url(../images/prodv_bg.png); */}
.proDMTBox { padding:0;overflow: visible;}
.proDTBox .con {overflow: visible; display: flex; justify-content: flex-start; align-items: flex-start;}
.proDTBox .picd { overflow: visible; width: 48.7%; position: relative; z-index: 0;}
.proDTBox .picf { width: 35%;position: relative; z-index: 0; }
.proDTBox .picm { width: 100%; }

.proDTBox .picd .pic {  position: relative; z-index: 0; width: 100%; padding-top: 72%;}
.proDTBox .picd .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.proDTBox .picm .pic { padding-top: 40%;}
.proDTBox .picm .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
object-fit: cover;}
.proDTBox .picf .pic {  position: relative; z-index: 0; width: 100%; padding-top: 100%;}
.proDTBox .picf .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.proDTBox .swiper-pagination {  bottom: 0.2em; left: 0; width: 100%;
display: flex; justify-content: center; align-items: center;}
.proDTBox .swiper-pagination .swiper-pagination-bullet { cursor: pointer; 
margin: 0 0.4em; border: 1px solid #ce0000; width: 12px; height: 12px; 
background-color: transparent; opacity: 1;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.proDTBox .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ce0000;
}
.wrap .proDTBox .swiper-button-next { background-color: rgba(0,0,0,0.3); right: -3em;}
.wrap .proDTBox .swiper-button-prev { background-color: rgba(0,0,0,0.3); left: -3em;}
.wrap .proDTBox .swiper-button-next:hover,
.wrap .proDTBox .swiper-button-prev:hover {
	background-color: #ce0000;
}
@media only screen and (max-width:1024px) { 
	.proDTBox .swiper-pagination .swiper-pagination-bullet {
		width: 8px; height: 8px;  margin: 0 0.3em;
	}
}
@media only screen and (max-width:828px) { 
	.proDTBox .picm .pic { padding-top: 80%;}
	.proDTBox .swiper-pagination .swiper-pagination-bullet {
		width: 6px; height: 6px;  margin: 0 0.3em;
	}
	.wrap .proDTBox .swiper-button-next { background-color: rgba(0,0,0,0.3); right: 1.56%;}
	.wrap .proDTBox .swiper-button-prev { background-color: rgba(0,0,0,0.3); left: 1.56%;}
}

.proDTBox .videod {  width: 48%;}
.proDTBox .videod .videob { position: relative; z-index: 0; border: 6px solid #fff; background-color: #000;
 padding-top:60%;
-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
box-shadow: 0 0 1em rgba(0, 0, 0, .1);}
.proDTBox .videod .video { position: absolute; z-index: 0; left: 0; top: 0; width: 100%;
height: 100%; object-fit: contain;}
.proDTBox .videod .pic { position: absolute; z-index: 1; left: 0; top: 0; width: 100%;
height: 100%; object-fit: cover;}
.proDTBox .videod .videob::after { content: ""; display: block;; position: absolute; z-index: 3;
 left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.37);}
.proDTBox .videod .btnPlay { position: absolute; z-index: 5; left: 50%; top: 50%; width: 3.7em; height: 3.7em;
margin: -1.85em 0 0 -1.85em;cursor: pointer;
background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/play.png) no-repeat center center / contain;}
.proDTBox .videod .videoPlay .btnPlay,
.proDTBox .videod .videoPlay .pic,
.proDTBox .videod .videob.videoPlay::after
{ display: none;}

@media only screen and (max-width:828px) { 
.proDTBox .videod {  width: 100%;}
}

.proDTBox .txtb { margin-left: 4.9%; width: 47.4%; color: #30384A; text-align: left;}
.proDVTBox .txtb {}
.proDTBox .txtb .title { margin-right: 5.5%; line-height: 1.3em;}
.proDVTBox .txtb .title  { margin-top: 0.8em;}
.proDTBox .txtb .title2 { margin-right: 5.5%;  margin-top: 0.6em;  line-height: 1.4;}
.proDTBox .txtb .intro { margin-right: 5.5%;  margin-top: 0.9em; line-height: 1.4;}
.proDTBox .txtb .param { margin-right: 5.5%;  margin-top: 1.6em; color: #686868; }
.proDTBox .txtb .param p {
	background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/dot.png) no-repeat  0 0.55em / 0.8em auto; 
padding: 0.35em 0 0.35em 1.5em; line-height: 1.4;
}
.proDTBox .txtb .paramf p { padding: 0.6em 0 0.5em 1.5em;
background-position:0 0.7em ;}

.proDTBox .txtb .btnw { margin-top: 2em;}
 .proDVTBox  .txtb .btnw  { margin-top: 1.5em; /* border:1px solid #f0f0f0; */}
 .proDTBox .txtb .btnw2 { margin-top: 1.3em;}
 .proDTBox .txtb .btnw .arr { margin-left: 0.8em; vertical-align: middle; position: relative; z-index: 0; width: 0.9em; height: 0.9em; display: inline-block;
 background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_7_red.png) no-repeat center center /contain;}
 .proDTBox .txtb .btnw .a_inquiry { margin-top: 1em; display: inline-block;
  padding-left: 2.1em;white-space:nowrap; *white-space:nowrap;
  background:rgba(255,255,255,0.4) url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/inq.png) no-repeat 1.5em center / 1.1em auto ; 
  margin-right: 1em;
/*  border:1px solid #f4f4f4; */
   line-height: 1.7; padding: 1.3em 1.8em 1.2em 3.4em;
 }
 .proDTBox .txtb .btnw .a_inquiry:hover { color: #ce0000; }
 .proDTBox .txtb .btnw .a_request {margin-top: 1em; white-space:nowrap; *white-space:nowrap;
  display: inline-block;padding-left: 2em;
   background:rgba(255,255,255,0.4) url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/req.png) no-repeat 1.5em center / 1em auto ;
/* border:1px solid #f4f4f4; */
   line-height: 1.7; padding: 1.3em 1.8em 1.2em 3.4em;}
.proDTBox .txtb .btnw .a_request:hover { color: #ce0000;}
@media only screen and (max-width:1400px) {
	.proDTBox .txtb .btnw { font-size: 16px;}
	 .proDTBox .txtb .btnw .a_inquiry { margin-right:2%;
	 padding: 1.3em 2% 1.2em 4%; text-indent: 1.8em; line-height: 1.3;
	  background-position: 2vw center;}
	 .proDTBox .txtb .btnw .a_request {padding: 1.3em 2% 1.2em 4%;text-indent: 1.8em;
	 background-position: 2vw center; line-height: 1.3;}
	 .proDTBox .txtb .btnw .arr {margin-left: 0.5vw;}
}
@media only screen and (max-width:1060px) {
	.proDTBox .txtb .btnw { font-size: 14px;}
}
@media only screen and (max-width:950px) {
	.proDTBox .txtb .btnw { font-size: 12px;}
}
@media only screen and (max-width:828px) {
.proDTBox .con { display: block;}
.proDTBox .picd { width: 100%;}
.proDTBox .txtb { margin-top: 2em; margin-left: 0; width: 100%;}
.proDTBox .txtb .btnw { margin-top: 1.5em;}
.proDTBox .picf { width: 100%; }
.proDTBox .txtb .btnw { font-size: 14px;}
.proDTBox .txtb .btnw .a_inquiry { text-indent: 0.8em;}
.proDTBox .txtb .btnw .a_request { text-indent: 0.8em;}
}
@media only screen and (max-width:420px) {
.proDTBox .txtb .btnw .a_inquiry { margin-right:1%;}
.proDTBox .txtb .btnw { font-size: 12px;}	
}
@media only screen and (max-width:350px) {
 .proDTBox .txtb .btnw { font-size: 10px;}	
}  
 
.paramBox { position: relative; z-index: 0; padding: 2.5em 0 2.5em;}
#series { position: absolute; top: -10.6em;}
.paramBox .title {font-weight: bold; color: #3A3838; text-align: left;}
.paramBox .conP { margin-top: 2.2em;
	/* display: flex; justify-content: flex-start; align-items: stretch; */
}
.paramBox .conP::after { content: "";display: block; clear: both;}
.paramBox .titleP{ float: left; width: 14.5%; font-weight: bold;}
.paramBox .paramList { margin-left: 14.5%;; }
.paramBox .paramListc { width: 100%; height: 100%; position: relative; z-index: 0;}
.paramBox .paramListc .swiper-button-w { position: absolute; right: 0; top: -2em;
display: flex; justify-content: flex-start;}
.paramBox .swiper-button-w .swiper-button-next,
.paramBox .swiper-button-w .swiper-button-prev{ position: static;
background-color: rgba(0,0,0,0.2); width: 2.5em; height: 2.5em; margin-left: 2px;}
.paramBox .swiper-button-w .swiper-button-next:hover,
.paramBox .swiper-button-w .swiper-button-prev:hover {
	background-color: #ce0000;
}
.paramBox .swiper-button-w .swiper-button-disabled { opacity: 0.5;}
.paramBox .paramList .swiper-param { width: 100%;height: 100%;}
.paramBox .tdPic { flex-direction: column; width: 100%; height: 100%;
display: flex; justify-content: center; align-items: stretch; background-color: #fff;}
.paramBox .tdPic .picb { width: 13.5em; margin: 0 auto;}
.paramBox .td { padding: 0.8em;  border-bottom: 1px solid #e4e4e4;
 line-height: 1.25;
 display: flex; justify-content: center; align-items: center;
    flex-direction: column;}
.paramBox .td:first-child { padding: 0; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
.paramBox .td .tdc { display: flex; justify-content: center; align-items: center; 
   flex-direction: column;overflow: hidden;
	/* height: 3.75em; */
}
.paramBox .td:nth-child(8) .tdc { word-break: break-all;}
.paramBox .titleP .td .tdc {word-break: initial;}
.paramBox .iconz { display: flex; justify-content: center; align-items: center;
 flex-wrap: wrap;}
.paramBox .iconz img { display: block; margin: 1px; max-width: 1.8em;
 width:1.75em; height: 1.75em; object-fit: contain;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}
.paramBox .titleP .td {border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;}
.paramBox .titleP .tdPic { width: 100%; }
.paramBox .paramList .td {border-right: 1px solid #e4e4e4;}
.paramBox .paramList .td:nth-child(odd) { background-color:#f5f6f8 ;}

.paramBox .paramList .pic { background-color: #fff; width: 100%; 
 padding-top: 95.5%; position: relative; z-index: 0;}
.paramBox .paramList .pic img { position: absolute;
 display: block; margin: 0 auto; left: 0; top: 0;
 object-fit: contain; 
width: 100%; height: 100%;}
.paramBox .paramList .name { padding: 0.7em 0.8em 0.6em; font-weight: bold;
 flex: 1;word-break: break-all; background-color: #F5F6F8;
 display: flex; justify-content: center; align-items: center;
  position: relative; z-index: 0;}

.paramBox .paramList .swiper-slide:hover { background-color: #f1f1f3;}
.paramBox .paramList .swiper-slide:hover .td:nth-child(odd) { background-color:#f1f1f3 ;}
.paramBox .paramList .swiper-slide:hover .name::after { content: ""; display: block;
position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #ce0000;}

@media only screen and (max-width:828px) {
.paramBox .titleP{ width: 33%; }
.paramBox .paramList { margin-left: 33%; }
}

.paramLBox { padding: 3em 0 2.7em; background-color: #fff;}
.paramLBox { padding: 3em 0 2.7em; background-color: #fff;}
.paramLBox .btnw { display: none; margin-bottom: 0.3em; text-align: right;}
.paramLBox .btnw .btnPrev,.paramLBox .btnw .btnNext {display: inline-block;
    width: 1em;
    height: 1em;
    background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_11.png) no-repeat center center / contain;
    margin:0 0.5em; opacity: 0.2;}
.paramLBox .btnw .btnNext {transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
@media only screen and (max-width:828px) {
.paramLBox .btnw { display: block;}
}
.paramLList { display: flex;  overflow-x: auto; }
.paramLList table {width: 100%; border: 0; margin: 0; border: 0; border-top: 1px solid #ededed; 
border-left: 1px solid #ededed; line-height: 1.4;min-width: 940px;}
.paramLList table th { width: 200px; padding: 0.7em; color: #434547;
 background-color: #f6f6f9;border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; font-weight: bold;
 word-wrap: break-word;}
.paramLList table td { width: 200px; padding: 0.9em 0.7em;   color: #30384A;
border-bottom: 1px solid #ededed; border-right: 1px solid #ededed;
word-wrap: break-word;}


/*Functions & Modules*/
.functBox { padding: 0.5em 0 3.6em;}
.functList ul {  display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.functList li { width: 23.7%; margin-top: 2.2%; margin-right: 1.4%; cursor: pointer; 
background-color: #fff;}
.functList li:nth-child(4n) { margin-right: 0;}
.functList .lib { padding-top: 8.5%;}
.functList .pic { display: block; cursor: pointer; position: relative; z-index:0; 
  padding-top: 75.2%; width: 75.2%; margin: 0 auto;  overflow: hidden;}
.functList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}

.functList .txt { border-top:1px solid #f8f8fa ; text-align: left; padding: 5% 6.8% 5%;}
.functList .name1 {padding: 0 6.8%; text-align: left; line-height: 1.5em; height: 1.5em; overflow: hidden; color: #3A3838; font-weight: bold;}
.functList .name2 {padding: 0 6.8%;text-align: left;line-height: 1.5em; height: 1.5em; 
overflow: hidden; color: #3A3838;
margin-top: 0.6em; margin-bottom:1.1em ;}
.functList .intro{ margin-top: 2%; margin-right: 10%;  color: #a1a1a1;
overflow: hidden; line-height: 1.4; height: 2.8em;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.functList .intro p { background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/dot.png) no-repeat  0 0.4em / 0.8em auto; 
padding: 0.35em 0 0.35em 1.3em;}
.functList .moreBtnBlack { margin-top: 1.5em;}

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

/*Product Display*/
#pdisplay,#product { position: absolute; top: -10.6em;}
.pDiapBox {position: relative; z-index: 0; padding: 2.5em 0; background-color: #fff;}
.pDiapBox2 { padding-bottom: 2.5em;}
.pDiapBox.main_gray { background-color: #f8f8fa; padding-bottom: 3.6em;}
.pDiapBox .title { font-weight: bold; color: #3A3838;}
.pDiapBox .btnw .moreBtnBlack { margin-top:2.6%;}
.pDispList { margin-top: 2em;}
.pDispList ul {  display: flex;  margin-top: -1.8%;
flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.pDispList li { display: none; width: 32.1%; margin-top: 1.85%;
 margin-right: 1.85%; cursor: pointer; 
background-color: #f8f8fa;
}
.pDispList.expandList li  { display: block;}
.pDispList li:nth-child(3n) { margin-right: 0;}
.pDispList li:nth-child(1),
.pDispList li:nth-child(2),
.pDispList li:nth-child(3){display: block;}
.pDispList .pic { display: block; cursor: pointer; position: relative; z-index:0; 
 padding-top: 72%; background-color: #fff;
 border: 1px solid #f0f0f0;}
.pDispList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit: contain; }

.pDispList .txt { border-top:1px solid #fff; text-align: left; padding: 3.6% 5.6% 3%;}
.pDispList .num { color: #A1A1A1; }
.pDispList .name { color: #3A3838;  line-height: 1.2;
height: 1.2em; overflow: hidden; font-weight: bold;}
.pDispList .intro { margin-top: 1.8%; color: #3A3838; 
overflow: hidden; line-height: 1.4;}
.pDispList .intro p { background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/dot.png) no-repeat  0 0.4em / 0.8em auto; 
padding: 0.35em 0 0.35em 1.3em;}

@media only screen and (max-width:828px) {
.pDispList ul {display: block;}
.pDispList li { width: 100%; margin-right: 0;}
.pDispList li:nth-child(3),
.pDispList li:nth-child(4),
.pDispList li:nth-child(5),
.pDispList li:nth-child(6){display: none;}
}

#voice { position: absolute; top: -10.6em;}
.voiceBox {position: relative; z-index: 0; padding:2.5em 0 2em;  color: #fff;
background: #4b536d url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/voice_bg.jpg) no-repeat center center / cover;}
.voiceBox .title { font-weight: bold; color: #fff;}
.voiceList { position: relative; z-index: 0; padding-top: 1em;}

.swiper-voice { width: 81.5%; margin: 0 auto;}
.swiper-voice .item { display: flex; justify-content: space-between; align-items: flex-start;}
.swiper-voice .item .pic {width: 88px; margin-left: 3%;height: 88px; background-color: #fff;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
display: flex; justify-content: center; align-items: center;}
.swiper-voice .item .pic img { max-width: 68%; max-width: 68%; width: auto; height: auto;
  object-fit: cover;}
.swiper-voice .item .txt {flex: 1; margin-left: 4.3%; text-align: left; padding-bottom: 4.5em;}
.swiper-voice .item .txt .name { font-weight: bold;}
.swiper-voice .item .txt .name2 { margin-top: 0.2em;}
.swiper-voice .item .txt .intro { margin-top: 0.5em; line-height: 1.3; height: 2.6em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.swiper-voice .item .txt .btnWhite2 { margin-top: 1.8em;}
.swiper-voice .swiper-pagination { text-align: center; justify-content: center; margin-bottom: 0;}
.swiper-voice .swiper-pagination-bullet { width: 0.75em; height: 0.75em;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0; }
.swiper-voice .swiper-pagination-bullet-active { background-color: #ce0000;}
.swiper-voice.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.35em;}

.wrap .voiceList .swiper-button-next { margin-top: -3.2em; right: 0; background-color: rgba(58,56,56,0.58);}
.wrap .voiceList .swiper-button-prev {margin-top: -3.2em; left: 0; background-color: rgba(58,56,56,0.58);}
.wrap .voiceList .swiper-button-next:hover,
.wrap .voiceList .swiper-button-prev:hover{ background-color: #ce0000;}
.wrap .voiceList .swiper-button-disabled { opacity: 0.3;}

@media only screen and (max-width:828px) {
.swiper-voice .item { display: block;}
.swiper-voice .item .pic { margin: 0 auto;}
.swiper-voice .item .txt { margin-top: 1em;  margin-left: 0; text-align: center;}
}

.fwBox { padding: 3.2em 0 3.2em;}
.fwBox .title { font-weight: bold;}

.fwBox .shareBox { position: relative; z-index: 0; margin: 1em 0; padding: 0; border: 0;}

.fwList { margin-top: 1em; border-top:1px solid #fbfbfb;}
.fwList ul {  margin-top: -1em; }
.fwList li { margin-top: 3.8em;  display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch;}
.fwList li:nth-child(even) {flex-direction: reverse;}
/* .fwList .pic { width: 47.6%; display: block; cursor: pointer; position: relative; z-index:0; 
 padding-top: 24.9%; background-color: #fff; overflow: hidden;}
.fwList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit: cover; 
 -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
box-shadow: 0 0 1em rgba(0, 0, 0, .1);} */

.fwList .pic { width: 47.6%; display: block; cursor: pointer; 
background-color: #fff; overflow: hidden;}
.fwList .pic img {  width: 100%; height: auto;
 -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
box-shadow: 0 0 1em rgba(0, 0, 0, .1);}

.fwList .txt { width: 47.6%; border-top:1px solid #fff; text-align: left; }
.fwList .name { margin-top: 1.2em; color: #30384A;  line-height: 1.2;
font-weight: bold; margin-right: 6.5%; }
.fwList .name::after { display: block; margin: 0.5em auto 0 0; background-color: #ce0000;
 width: 1.5em; height: 3px; content: "";}
.fwList .intro { margin-top: 1.2em; margin-right: 6.5%; color: #30384A; 
overflow: hidden; line-height: 1.4;}
.fwList .intro p { background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/dot.png) no-repeat  0 0.75em / 0.8em auto; 
padding: 0.6em 0 0.5em 1.3em;}

@media only screen and (max-width:828px) {
.fwList { margin-top: 2.5em;}
.fwList li { display: block; margin-top: 1.5em;}

.fwList .pic { width: 100%; }
.fwList .txt { width: 100%;}
}