@charset "utf-8";
/* CSS Document */

/*网址地图*/
.siteMap { padding: 2em 0; width: 78%; margin: 0 auto; display: flex; flex-wrap:wrap ; justify-content: space-around; align-items: flex-start;}
.siteMap .title { padding-bottom: 0.7em; border-bottom: 1px solid #e7e7e7; font-weight: bold; width: 100%; text-align: left;}
.siteMap .col { width: 28%; margin-right: 3.3%; text-align: left;}
.siteMap .col:nth-child(3) {width: 41.4%;}
.siteMap .col:nth-child(4) { width: 24%; margin-right: 0;}

.siteMap .title_1 {margin-top: 1.5em;margin-bottom: 0.5em; }
.siteMap .title_1 a { color: #CE0000;}
.siteMap .title_2 {margin-top: 1em; margin-bottom: 0.5em; font-weight: bold;}
.siteMap .title_2 a{ color: #505258;}
.siteMap .title_2 a:hover{ color: #CE0000;}
.siteMap .title_3 { padding: 0.3em 0;  line-height: 1.3;}
.siteMap .title_32 { padding-top: 0.8em;}
.siteMap .title_3 a{ color: ##3A3838;}
.siteMap .title_3 a:hover{ color: #CE0000;}
.siteMap .list_4 {/* margin: 1em 0 1.2em; */
margin: 0.5em 0 1.2em; 
line-height: 1.7;}
.siteMap .list_4 a { color: #727272;}
.siteMap .list_4 a:hover {color: #CE0000;}

.siteMap .box_3_w { display: flex; justify-content: flex-start; align-items: flex-start;}
.siteMap .box_3 { width: 48%; margin-right: 2%;}

@media only screen and (max-width:828px) { 
	.siteMap {width: 100%; display: block;}
	.siteMap .col { width: 100%; margin-right:auto;}
	.siteMap .col:nth-child(3) { width: 100%; margin-right:auto;}
	.siteMap .col:nth-child(4) {  width: 100%; margin-right:auto;}
}

.privBox { padding: 2em 0; width: 78%; margin: 0 auto; 
}
.privBox .title { padding-bottom: 0.7em;
 border-bottom: 1px solid #e7e7e7; font-weight: bold; width: 100%; text-align: left;}
.privBox .content { text-align: left; margin-top: 1.3em; line-height: 1.8; width: 100%; overflow: hidden;}
.privBox .content img { max-width: 100%; height: auto;}

/*software*/
.softList ul { padding-top:1.2em; padding-bottom: 4.2%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.softList li { width: 49%; margin-top: 2.85%; margin-right: 2%; background-color: #fff;
-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.05);
box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.05);}
.softList li:nth-child(2n) { margin-right: 0;}
.softList .lib{ display: flex; padding: 4.9% 5.5% 5.3%;}
.softList .pics { display: block; cursor: pointer; position: relative; z-index:0; 
 height: 6.1em;  width: 6.1em;  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;}
.softList .pics img {  width: 4.5em; height: 4.5em;
 object-fit: contain;}

.softList .txt { flex: 1; margin-left: 4%; text-align: left;}
.softList .names { height: 1.5em; overflow: hidden; font-weight: bold;}
.softList .names a { color: #3A3838; font-weight: bold;}
.softList .names a:hover { color: #ce0000;}
.softList .intro { margin-top: 0.65em; color: #A1A1A1; line-height: 1.5em;
height: 6.6em; overflow: hidden;
}
.softList .intro p {
	background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/dot.png) no-repeat  0 0.2em / 0.8em auto; 
padding: 0 0 0 1.3em; margin-top: 0.7em;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
	height:1.5em; 
	overflow: hidden;
}
.softList .moreBtnBlack { margin-top: 5%;}
@media only screen and (max-width:828px) { 
.softList li { width: 100%; margin-top: 1em; margin-right: 0;}
}


/*news detail*/
.newsDeBox { padding: 3.7% 0 0;}
.newsDeBox .con {display: flex; justify-content: space-between; align-items: stretch;}
.newsDeBox .side { position: relative; z-index: 0; width: 25%; text-align: left;}
.newsDeBox .newsSideFixed { position:fixed;  }
/* .newsDeBox .sideCon::after { height: 3em; display: block; content: "";} */
.newsDeBox .newsSideAbs { position: absolute; bottom: 0 !important; left: 0 !important; top: auto !important;}
/* .newsDeBox .newsSideAbs::after { height: 0;} */

.newsDeBox .side .title { text-transform: uppercase; line-height: 1.3;
overflow: hidden; word-wrap: break-word;}
.newsDeBox .side .about { margin-top: 3%; color: #686868; line-height: 2;}
.newsDeBox .side .listBtn {  display: inline-block; 
border: 1px solid #ec0000;color: #ec0000; 
 line-height: 3; padding:0.1em 2.1em 0; margin-top:9%; transition: all 1s;
cursor: pointer;}
.newsDeBox .side .listBtn:hover {background-color: #DC000C; color: #fff;
  box-shadow: 0px 3px 20px 1px rgba(220,0,12,0.3);}
.newsDeBox .side .listBtn::before { vertical-align: middle; content: ""; display: inline-block; 
width: 01.4em; height:1.4em;
background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/list_red.png) no-repeat center center / contain; margin-right: 0.4em;
position: relative; top: -0.1em;
transition: all 0.5s; }
.newsDeBox .side .listBtn:hover::before { background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/list.png);}

.newsDeBox .content { text-align: left; width: 70%; line-height: 1.9; color: #686868;}
.newsDeBox .content img { max-width: 100%; height: auto; margin: 1em 0 0.5em;}
@media only screen and (max-width:1100px) {
	.newsDeBox .side .listBtn { padding: 0.1em 1em 0;}
}

@media only screen and (max-width:828px) { 
	.newsDeBox { padding: 10% 0 ;}
	.newsDeBox .con { display: block;}
	.newsDeBox .side { width: 100%;}
	.newsDeBox .content { margin-top: 7%; width: 100%;}
	.newsDeBox .newsSideFixed { position:static; }
	.newsDeBox .newsSideAbs { position: static;}
	.newsDeBox .side .listBtn { padding: 0.1em 2.1em 0;}
	
}

.recoBox {  padding: 0 0 3em;}
.recoBox::before { height: 3em; display: block; content: "";}
.recoBox .con {border-top:1px solid #D9D9D9;}
.recoBox .title { padding: 0.8em 0; font-weight: bold; text-align: left;}
.recoBox .list ul { margin-top: -1.8%; display: flex; justify-content: flex-start; align-items: stretch;}
.recoBox .list li { margin-top: 1.8%; width: 49.2%; margin-right: 1.6%; background-color: #fff; 
transition: all 0.5s;}
.recoBox .list li:hover { background-color: #fff;
box-shadow: 0px 3px 15px 1px rgba(0,0,0,0.06);}
.recoBox .list li:last-child { margin-right: 0;}
.recoBox .list .date { margin-top: 0.9em; color: #a1a1a1;}
.recoBox .list .txt {  text-align: left; padding: 1.9em 2.1em;}
.recoBox .list .txt .name { line-height: 1.2em; color: #464646; font-weight: bold; height: 1.2em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.recoBox .list .txt .name a { color: #464646; }
.recoBox .list .txt .intro { margin-top: 0.9em; color: #686868; line-height: 1.3em; height: 2.6em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
@media only screen and (max-width:828px) { 
	.recoBox { padding: 5% 0 10%;}
	.recoBox .list ul { margin-top: -5%; display: block;}
	.recoBox .list li  { padding: 5% 0; margin-top: 5%; width: 100%; margin-right: 0;}
	.recoBox .list .txt .name { font-size: 1em;}
}


/*产品*/
.proiBox {padding: 2.7em 0 3.2em; }
.proiBox .list ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
.proiBox .list li { cursor: pointer; width: 32.6%; margin: 1.7% 1.1% 0 0; 
background: #e7e8eb url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/li_pro_bg.png) no-repeat center center / 100% 100%;}
.proiBox .list li:nth-child(3n) { margin-right: 0;}
.proiBox .list .lib {padding: 2.1em 7.6% 1.9em;}
.proiBox .list .pic { margin:1.4em auto 0; width: 57.267%; position: relative; z-index:0; 
 padding-top: 57.267%;}
.proiBox .list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit: contain; }

.proiBox .list .name {line-height: 1.1;
height: 1.1em; overflow: hidden;}
.proiBox .list .name a { color: #363636;}
.proiBox .list a:hover .name { color: #363636;}
.proiBox .list .intro { margin-top:0.8em; color: #A5A5A5; font-family: "Montserrat-light";
height: 2.4em; line-height: 1.2em; overflow: hidden;}
.proiBox .list .moreBtnGray { margin-top: 1em;}
@media only screen and (max-width:828px) { 
.proiBox { padding: 5% 0 10%;}
.proiBox .list ul { display: flex; padding: 0;}
.proiBox .list li { width: 100%; margin: 5% 0 0;}
}

/*产品详情*/
.subProNav { position: fixed; z-index: 100; left: 0; right: 0; top: 88px; 
background-color: rgba(14,24,52,0.03);}
.subProNavGray {background-color: rgba(235,236,242,0.9);}
.subProNav .con { display: flex; justify-content: space-between; align-items: center; 
padding-top: 0.6em;}
.subProNav li {display: inline-block; line-height: 3.5em; margin-right: 3em; cursor: pointer; }
.subProNav li.cur { position: relative; z-index: 0; color: #DC000C;}
.subProNav li.cur a {color: #DC000C;}
.subProNav li.cur::after { content: ""; display: block; position: absolute; bottom: 0;
left: 50%; height: 3px; width: 2.2em; margin-left: -1.1em; background-color:#DC000C ;}
.subProNav .consBtn { background-color: transparent; line-height: 2.5; padding: 0 1.4em;}
.subProNav .consBtn:hover { background-color: #dc000c;}
.subProNav .consBtn::before { vertical-align: middle; content: ""; display: inline-block; 
width: 1.2em; height:1.2em;
background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/consult_red.png) no-repeat center center / contain; margin-right: 0.4em;
position: relative; top: -0.05em;
transition: all 0.5s;}
.subProNav .consBtn:hover::before { background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/consult.png);}
@media only screen and (max-width:828px) { 
	.subProNav { top: 60px;}
	.subProNav .con { flex-direction: column-reverse; align-items: flex-end;}
	.subProNav ul { width: 100%; display: flex; justify-content: space-between;flex-wrap: wrap;}
	.subProNav li { margin:0 2vw ;}
}

.proDe { padding: 7em 0 3em; background:#f0f1f7 url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/prodebg.jpg) no-repeat center center / cover;}

.proDe .swiper_pic_w { position: relative; z-index: 0; width: 27%; margin: 0 auto;}
.proDe .swiper_pic_w .pic { width: 100%; padding-top: 100%; position: relative; z-index: 0;}
.proDe .swiper_pic_w .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}

.proDe .swiper_pic_w .swiper-button-next,
.proDe .swiper_pic_w .swiper-button-prev{
  top: 50%;  margin-top: -1.9em;
  width: 3.8em;
  height: 3.8em;
  opacity: 1;
  transition: 0.1s;
  background:#d5d5d5 url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_3.png) no-repeat center / auto 28%;
  border: 1px solid #d5d5d5;
  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}
.proDe .swiper_pic_w .swiper-button-next { right: -15.6em;}
.proDe .swiper_pic_w .swiper-button-prev { left: -15.6em;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.proDe .swiper_pic_w .swiper-button-next:hover,
.proDe .swiper_pic_w .swiper-button-prev:hover{
  background-color: #dc000c; border: 1px solid #dc000c;
 box-shadow: 0px 3px 20px 1px rgba(220,0,12,0.4);
}
.proDe .swiper_pic_w .swiper-button-disabled { opacity: 0.4;}
@media only screen and (max-width:828px) {
.proDe .swiper_pic_w {  width: auto; margin: 0 3.3em;}
.proDe .swiper_pic_w .swiper-button-prev,
.proDe .swiper_pic_w .swiper-button-next{
  margin-top: -1.3em;
  width: 2.6em;
  height: 2.6em;}
.proDe .swiper_pic_w .swiper-button-next { right: -3em;}
.proDe .swiper_pic_w .swiper-button-prev { left: -3em;}
}

.proDe .moreBtnRed { margin-top: 1.7em; line-height: 4.4em; padding:0 4.2em 0 3.8em;}
.proDe .videoBtn::before { vertical-align: middle; content: ""; display: inline-block; width: 2.3em; height: 2.3em;
background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/video.png) no-repeat center center / contain; margin-right: 0.7em;
position: relative; top: -0.1em;
transition: all 0.5s;}
.proDe .videoBtn:hover::before { background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/video_red.png);}

.proInfoBox { padding: 0 0 0;}
.proInfoBox .title { padding: 1.6em 0 0.8em; text-align: left; border-bottom: 1px solid #E9E9E9;}
.proInfoBox .txt{ padding: 1.5em 1.3em; text-align: left; color: #7d7d7d; line-height: 1.7;}
.proInfoBox .listPara { padding-bottom:3%;}
.proInfoBox .listPara ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.proInfoBox .listPara li { margin-top: 3.4%; width: 25%; display: flex; justify-content: flex-start; align-items: flex-start;
text-align: left;}
.proInfoBox .listPara .picPara { margin-top: 0.4em; margin-left: 4.2%; max-width: 37.5px;
 width: 8.7%; padding-top: 8.7%; position: relative; z-index: 0;}
.proInfoBox .listPara .picPara img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: contain;}
.proInfoBox .listPara .txtPara { margin-right: 9%; margin-left: 5%; flex: 1;}
.proInfoBox .listPara .txtPara .t1 {font-family: "Montserrat"; font-size: 1.5em;}
.proInfoBox .listPara .txtPara .t2 { color: #a5a5a5; line-height: 1.3; margin-top: 0.5em;}

@media only screen and (max-width:828px) { 
	.proInfoBox .listPara li { width: 100%; margin-top: 5%;}
	.proInfoBox .listPara .txtPara .t1 { font-size: 1.3em;}
}

.swiper-video { margin-top: 3.2%; padding-bottom: 1.9%;}
.swiper-video .swiper-slide { width: 33.3%;}
.swiper-video .pic,.swiper-video .iframe { position: relative; z-index: 0; padding-top: 76.8%; overflow: hidden;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.swiper-video .pic img { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover; }

.swiper-video .pic video ,.swiper-video .iframe iframe{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; 
object-fit: contain; background-color: #000;}
.swiper-video .pic .picMask { position: absolute; z-index: 10;
 position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);
 display: flex; justify-content: center; align-items: center; flex-direction: column;
 color: #fff;
}
.swiper-video .pic .picMask .name{font-family: "Montserrat"; margin-top: 1.1em; }
.swiper-video .pic .picMask .playBtn { cursor: pointer; width: 3em; height: 3em; border: 1px solid #fff;
display: block; margin: 0 auto 0;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_4.png) no-repeat center center / 28% auto;
}

.swiper-video .swiper-pagination { margin-top: 1.5%; position: static;
display: flex; justify-content: center; align-items: center;}
.swiper-video .swiper-pagination-bullet { margin: 0 10px; width: 8px; height: 8px; opacity: .15;}
.swiper-video .swiper-pagination-bullet-active {margin: 0 10px; opacity: 1; border: 1px solid #dc000c; 
width: 18px; height: 18px; background-color: transparent;
display: flex; justify-content: center; align-items: center;}
.swiper-video .swiper-pagination-bullet-active::after { content: "";
display: block; width: 8px; height: 8px; background-color: #dc000c;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} 
.swiper-video.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;}
@media only screen and (max-width:828px) { 
.swiper-video {
    margin-top: 5%;
    padding-bottom:10%;
}
.swiper-video .swiper-pagination { margin-top: 5%}
}

	
/*相关产品*/
.relaBox { padding: 2.7% 0 3.4%; background-color: #f6f7f9;}
.relaBox .con { overflow: visible;}
.relaBox .title { border-left: 0.3em solid #dc000c; line-height: 0.9; 
text-align: left;font-family: "Montserrat"; padding-left: 0.5em;}
.relaBox  .list { margin-top: 2.6%;}
.relaBox .swiper-slide { width: 33.3%; background-color: #fff; }
.relaBox .swiper-slide a { display: block; cursor: pointer;}
.relaBox .item { padding-top: 12.3%;}
.relaBox .pic { position: relative; z-index: 0; width: 52.5%; padding-top: 52.5%; overflow: hidden;
margin: 0 auto;}

.relaBox .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: contain;}
.relaBox .txt { margin-top: 11.6%; border-top:1px solid #f6f7f9; padding: 3.8% 4.5% 4%; text-align: left;}
.relaBox .txt .name {font-family: "Montserrat";}
.relaBox .txt .intro { margin-top:1.8%; color: #a5a5a5; line-height: 1.3; height: 2.6em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.relaBox .list { position: relative; z-index: 0;}
.relaBox .swiper-button-next,
.relaBox .swiper-button-prev{
  top: 50%;  margin-top: -1.9em;
  width: 3.8em;
  height: 3.8em;
  opacity: 1;
  transition: 0.1s;
  background:#d5d5d5 url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_3.png) no-repeat center / auto 28%;
  border: 1px solid #d5d5d5;
  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}
.relaBox .swiper-button-next { right: -5.6em;}
.relaBox .swiper-button-prev { left: -5.6em;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.relaBox .swiper-button-next:hover,
.relaBox .swiper-button-prev:hover{
  background-color: #dc000c; border: 1px solid #dc000c;
 box-shadow: 0px 3px 20px 1px rgba(220,0,12,0.4);
}
@media only screen and (max-width:1820px) {
	.relaBox .swiper-button-next,
	.relaBox .swiper-button-prev { width: 2.6rem; height: 2.6rem;}
	.relaBox .swiper-button-next { right: -3.6rem;}
	.relaBox .swiper-button-prev { left: -3.6rem;}
}
@media only screen and (max-width:1240px) {
	.relaBox .swiper-button-next,
	.relaBox .swiper-button-prev { width: 2.4rem; height:2.4rem;}
	.relaBox .swiper-button-next { right: -2.8rem;}
	.relaBox .swiper-button-prev { left: -2.8rem;}
}
@media only screen and (max-width:920px) {
	.relaBox .swiper-button-next,
	.relaBox .swiper-button-prev { width: 2rem; height:2rem;}
	.relaBox .swiper-button-next { right: -2.4rem;}
	.relaBox .swiper-button-prev { left: -2.4rem;}
}
@media only screen and (max-width:828px) {
.relaBox {
    padding: 10% 0;}
.relaBox .list { margin-top: 5%;}
.relaBox .swiper-button-prev,.relaBox .swiper-button-next{
  margin-top: -1.3em;
  width: 2.6em;
  height: 2.6em;}
.relaBox .swiper-button-next { right: 0em;}
.relaBox .swiper-button-prev { left: 0em;}
}



/*High Precision VisionScan System*/
.visiBox { color: #30384A;}
.visiBox .con { padding: 3.5em 0 3em;}
.visiBox .title { margin: 0 1.5em;}
.visiBox .intro {margin:1.2em 1.5em 0; line-height: 1.9;}
.visiBox .txt {margin: 1.4em 1.5em 0; text-align: left; line-height: 1.4;}
.visiBox .txt p { background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/dot.png) no-repeat  0 0.7em / 0.8em auto; 
padding: 0.6em 0 0.5em 1.8em;}
@media only screen and (max-width:828px) {
	.visiBox .title { text-align: left; margin-left: 1.1em;}
	.visiBox .intro { text-align: left;}
}

.pSystemBox { position: relative; z-index: 0; padding: 0 0 4em;color: #30384A;}
#advantages, #effects,#functions,#ccd,#sccd{ position: absolute; top: -10.6em;}
.pSystemBox .con { padding-top: 3em; border-top: 1px solid #e1e1e1;}
.pSystemBox .title { font-weight: bold;}
.pSystemBox .conPS { margin-top: 2.2em; display: flex; justify-content: space-between;
align-items: stretch; background-color: #edeef1;}
.pSystemBox .conL{ width: 24.4%; background-color: #fff;}
.pSystemBox .conR{ width: 75.6%; padding: 2.4% 0;}
.pSystemBox .sTab li { cursor: pointer; border-bottom: 2px solid #f5f5f5;
 padding: 1.1em 1em 1em; line-height: 1.2em;
 overflow: hidden; text-align: center; 
transition: all 0.5s;
display: flex; align-items: center; justify-content: center; text-align: left;
 }
 .pSystemBox .sTab li span { width: 100%; display: block; overflow: hidden;
 min-height: 2.4em; display: flex; justify-content: flex-start; align-items: center;
 /* max-height: 2.4em;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; */
 }
.pSystemBox .sTab li.cur { font-weight: bold; background-color: #ce0000; color: #fff;border-bottom: 2px solid #fff;}
.pSystemBox .sDetail {  margin: 0 4%; height: 100%; 
background:url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/sys_bg.png) no-repeat center center / cover;
display: none; justify-content: space-between; align-items: stretch;}
.pSystemBox .sDetail .picb { width: 66%; }
.pSystemBox .sDetail .pic { border: 5px solid #fff; position: relative; z-index: 0; padding-top: 65.2%;}
.pSystemBox .sDetail .pic img { position:absolute; left: 0; top: 0; width: 100%; height: 100%;
opacity: cover;} 
.pSystemBox .sDetail .txt { width: 31%; text-align: left;}
.pSystemBox .sDetail .t1 { margin-top: 1.9em; font-weight: bold;}
.pSystemBox .sDetail .t2 { margin-top: 1em; color: #686868;}
.pSystemBox .moreBtnBlack2 { margin-top: 3.2%;}
@media only screen and (max-width:828px) {
.pSystemBox .conPS { display: block;}
.pSystemBox .conL{ width: auto;}
.pSystemBox .conR{ width: auto; padding: 1em 0;}
.pSystemBox .sDetail {flex-direction: column; align-items: stretch;}
.pSystemBox .sDetail .picb {width: auto;}
.pSystemBox .sDetail .txt {width: auto;}
}

.faqBox { margin-top: 3em; padding: 0 0 3.6em; text-align: left; }
.faqBox .tip {color: #686868;}
.faqBox .titleW { position: relative; z-index: 0;}
.faqBox .titleW::after { display: block; clear: both; content: "";}
.faqBox .titleW .searchBox3 { position: absolute; top: 0; right: 0; margin-top: 0;}
.faqBox .title { text-align: center; font-weight: bold;}
.faqBox .intro { text-align: center; max-width: 800px; margin: 1em auto 0;}
.faqList {border-top:1px solid #e7e7e7; padding-top: 1.4em; margin-top: 1.3em;}
.faqList dl { padding: 2em 9.5em 1.6em 2em; margin-top: 0.8em; background-color: #fff; position: relative; z-index: 0;}
.faqList dt { cursor: pointer; padding: 0.3em 0 0.3em 3em; line-height: 1.5; color: #434547; font-weight: bold;
background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/faq_q.png) no-repeat 0 0 / auto 2.1em;}
.faqList dd { display: none; padding: 0 0 0.5em 3em; margin-top: 0.9em; line-height: 2.1; color: #434547;
background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/faq_a.png) no-repeat 0 0.3em / auto 2.1em; overflow: hidden;}
.faqList .btn { position: absolute; top: 1.6em; right: 3.1em; cursor: pointer;
width: 3em; height: 3em;
background: #f5f5f9 url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_12.png) no-repeat center center / 31% auto;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.faqList .show .btn {transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari and Chrome */}
.faqBox .page { padding-top: 3.2em;}
@media only screen and (max-width:1100px) {
	.faqBox .titleW .searchBox3 { position: static;}
	.faqBox .title { margin-top:1.2em;}
}

@media only screen and (max-width:828px) {
.faqList dl { padding: 1em 4em 0.8em 1em;}
.faqList dt { padding: 0.3em 0 0.3em 3em;}
.faqList dd {padding: 0 0 0 3em; margin-top: 0.5em; }
.faqList .btn { top: 1.3em; right: 1em;
width: 2em; height: 2em;}
}

.appBox {padding: 3em 0 3.2em; }
.appBox .title { font-weight: bold; color: #3A3838;}
.appList { margin-top: 2.4em;}
.appList ul {  display: flex;  margin-top: -2%;
flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.appList li { width: 49.2%; margin-top: 2%; margin-right: 1.6%; background-color: #fff;}
.appList li:nth-child(2n) { margin-right: 0;}
.appList .lib{ border: 1px solid #ededf0; display: flex; justify-content: space-between; align-items: center;}
.appList .pic { display: block; cursor: pointer; position: relative; z-index:0; 
padding-top: 33.1%;  width:31.1%;  overflow: hidden;}
.appList .pic img {  width: 100%; height: 100%; position: absolute; left: 0; top: 0;
 object-fit: cover;}

.appList .txt { flex: 1; margin:1.2em 1.75em 0.2em; text-align: left;}
.appList .names { height: 1.5em; overflow: hidden; font-weight: bold;}
.appList .names a { color: #30384A; font-weight: bold;}
.appList .names a:hover { color: #ce0000;}
.appList .intro { margin: 0.6em 0 0; line-height: 1.15; height: 3.45em; overflow: hidden; color: #505258;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
 }
 .appList .moreBtnTr { margin-top: 5%;}
@media only screen and (max-width: 828px) {
.appList ul { display: block; margin-top: -1em;}
.appList li { margin-top: 1em; width: 100%; margin-right: 0;}
.appList .intro {-webkit-line-clamp:2; height: 2.3em;  }
.appList .moreBtnTr { margin-top: 2%;}
}

@media only screen and (max-width:500px) {
	.appList .pic  { width: 9.4em; padding-top:10em; }
	.appList .intro { margin: 0.3em 0 0;}
}

/*iot*/
.iotBoxZ {position: relative; z-index: 0;}
.iotBox { position: relative; z-index: 0; padding: 3.5em 0 4em; color: #30384A; }
#advantages { position: absolute; top: -10.6em;}
.iotBox:nth-child(odd) { background-color: #f8f8fa;}
.iotBox .title { line-height: 1.3; font-weight: bold;}
.iotBox .intro{ margin-top: 0.8em; line-height: 1.4; color: #A1A1A1;}
.iotBox .intro2{ margin: 0.8em auto 0;  line-height: 1.4; max-width:1160px; color: #A1A1A1;}
.iotBox .pic{ margin-top: 2.1em; display: flex; justify-content: center; align-items: center;}
.iotBox .pic img { max-width: 100%; height: auto;}

.iotBoxs {margin-top: 1.8em; display: flex; justify-content: space-between; align-items: stretch; background-color: #f8f8fa;}
.iotBoxs .lists { width: 50%; text-align: left;}
.iotBoxs .lists ul { padding:4.5% 15% 4.5% 6%;}
.iotBoxs .lists li { border-bottom: 1px solid #ece3e3; line-height: 1.25; padding: 0.7em 0 0.55em;}
.iotBoxs .lists li p { height: 2.5em; overflow: hidden; text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.iotBoxs .lists li:last-child { border-bottom: 0;}
.iotBoxs .picb { width: 50%; background-color: #eeeef2; }
.iotBoxs .picb .pic {height: 100%; margin-top: 0;}
.iotBoxs .picb .pic img { display: block;}
@media only screen and (max-width: 828px) {
.iotBox { padding: 2em 0 2em;}
.iotBox .intro{ margin-top: 0.6em; }
.iotBox .intro2{ margin: 0.6em auto 0;}
.iotBox .pic{ margin-top: 1.2em; }

.iotBoxs { display: block;}
.iotBoxs .lists { width: 100%;}
.iotBoxs .picb { width: 100%;}
}

.worldBox { padding: 0 0 3em;}
.worldBox .tab { padding-bottom: 2em; border-bottom: 1px solid #e5e5e5; }
.worldBox .tab ul { margin-right: -0.6em; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.worldBox .tab li{ margin: 0.6em 0.6em 0 0; height: 3.7em;   text-align: center; line-height: 3.7em;
overflow: hidden; color: #3A3838;
background-color: #fff; text-align: center;width: 15.1em;}
.worldBox .tab li a { margin: 0 0.5em; display: block; cursor: pointer;
cursor: pointer;}
.worldBox .tab li a:hover {background-color: #ce0000; color: #fff;}
.worldBox .title { margin:1em auto 0; font-weight: normal; line-height: 1.4em;}
.worldBox .intro { line-height: 1.7; margin-top: 2.5em;}

.comBox { margin-top: 2.6em; padding: 1.9em;
/* background: #d10000 url(../images/com_bg.png) no-repeat center center /cover; color: #fff; */}
.comBox .title2 { font-weight: bold;}
.comBox .title3 { padding-bottom: 0.8em; border-bottom: 1px solid #eee;}
.comBox .list { margin: 0.8em 4% 0;
display: flex; justify-content: space-between; align-items: stretch;}
.comBox .list ul { text-align: left; flex: 1; border-right:1px solid #eee ;}
.comBox .list ul:first-child { padding-right: 2em;}
.comBox .list ul:nth-child(2) { padding-left: 2em;}
.comBox .list li { margin-top: 1em;}
.comBox .list li .i_add,
.comBox .list li .i_email,
.comBox .list li .i_tel,
.comBox .list li .i_web{ position: relative; z-index: 0; top: 0.1em; display: inline-block; width: 1em; height: 1em;
margin-right: 0.1em; background:  center center no-repeat;
background-size:contain;}
.comBox .list li .i_add { background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/f_add.png);}
.comBox .list li .i_email {top: 0.15em; background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/f_email.png);}
.comBox .list li .i_tel { top: 0.2em; background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/f_tel.png);}
.comBox .list li .i_web { background-image: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/f_web_2.png);}

@media only screen and (max-width: 828px) {
.comBox .list { display: block;}
.comBox .list ul { border-right: 0; margin-top: 1em; width: 100%; margin-right: 0;}
.comBox .list ul:nth-child(2) { padding-left: 0;}
.worldBox .tab ul { display: block; overflow-x: auto;
 white-space:nowrap; *white-space:nowrap;}
 .worldBox .tab ul::-webkit-scrollbar {
        display: none;
} 
.worldBox .tab li { width: auto; display: inline-block; margin-right: 0.2em;}
.worldBox .tab li a { margin: 0; padding: 0 1em;}
}

.messCBox { position: relative; z-index: 0;
background: #fcfcfc url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/mess_bg.jpg) no-repeat center center / cover; 
padding:2em 0 3.7em;
text-align: left;}
#contact { position: absolute; top: -10.6em;}
.messCBox .title { font-weight: bold; text-align: center;}
.messCBox .intro { text-align: center; margin-top: 0.3em;}
.messCBox .conL { width: 40.8%;}
.messCBox .conR { width: 43.4%;}
.messCBox form { margin: 1.2em auto 0; width: 90%;
 display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.messCBox dl { width: 100%;}
.messCBox dt { padding: 1.2em 0 0.7em;}
.messCBox dt span { color: #ff0000;}
.messCBox dt .t1 { color:#7B8187}
.messCBox dt .t2 { color: #9FA5AB;}
.messCBox .iw { padding: 0 1em; border: 1px solid #eaeaea; background-color: #fff;}
.messCBox .tw { padding: 0.9em 1em 0.8em; border: 1px solid #eaeaea; background-color: #fff;}
.messCBox .input { line-height: 3.4em; height: 3.4em; width: 100%; outline-width: 0; border: 0; margin: 0;}
.messCBox .textarea { display: block; line-height: 1.2em; height: 25em; width: 100%; outline-width: 0; border: 0; margin: 0;}
.messCBox .btnw { width: 100%; margin-top: 2.7em; text-align: center;}
.messCBox .btnSubmit { margin-right: 0.8em; cursor: pointer; width: 13.5em; text-align: center; line-height: 3.5em; 
display: inline-block; background-color: #ce0000; color: #fff;
border: 1px solid #ce0000; border: 0;}
.messCBox .btnCancel {  cursor: pointer; width: 13.5em; text-align: center; line-height: 3.5em; 
 display: inline-block;  background-color: #f1f1f1; color: #7B8187;
border: 1px solid #E8E8E8;border: 0;}
@media only screen and (max-width: 828px) {
.messCBox form { display: block;}
.messCBox .conL { width: 100%;}
.messCBox .conR { width: 100%;}
.messCBox .btnSubmit { width: 40%;}
}

/*联系我们*/
.contantBox { padding: 3.4em 0 2.8em;  background-color: #f6f6f8;
/* background: url(../images/contact_bg.jpg) no-repeat center center / cover; */}
.contantBox .con { display: flex; justify-content: space-between; align-items: stretch;}
.contantBox .conL { width: 25.8%;}
.contantBox .conR { width: 72.3%; position: relative; z-index: 0;}
#fillForm { position: absolute; top: -10.6em;}
.contantBox .titleMB { display: none;}
.contantBox .messCBox {  padding:1em 0 0;
text-align: left; background: transparent; height: 100%;
display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;}
.contantBox .messCBox .conB { margin-top: 1.4em; padding-bottom: 2em; border: 1px solid #f1f1f1;
background: #fff; flex: 1;}
.contantBox .messCBox form {display: block; width: 86.4%; margin-top: 0.5em;}
.contantBox .messCBox .conB iframe {display: block;  width: 86.4%; margin: 0.5em auto 0;}
.contantBox .messCBox .conL { width: 100%;}
.contantBox .messCBox .conR { width: 100%;}
.contantBox .messCBox .btnw { text-align: left;}
.contantBox .messCBox .textarea { height: 7.4em;}

.contantBox .conL .title { text-align: left; display: block; cursor: pointer; 
line-height: 1.5em; padding:1.3em 4% 1.2em 9.3% ;
 font-weight: bold;  color: #3A3838;
background-color: #fff; border: 1px solid #e8e8e8;}
 .contantBox .conL .title.cur {color: #fff; background-color: #ce0000; border: 1px solid #ce0000;}

.contantBox .conL .list li { text-align: left; display: block; cursor: pointer; 
margin-top: 0.9em; line-height: 1.5em; padding:1.3em 4% 1.2em 9.3% ;overflow: hidden; 
font-weight: bold; color: #3A3838;
background-color: #fff; border: 1px solid #e8e8e8;}
.contantBox .conL .list li.cur { color: #fff; background-color: #ce0000; border: 1px solid #ce0000;}
.contantBox .conL .add { text-align: left; margin-top: 1.5em; padding: 1.5em 1.5em 1.7em;
 border: 1px solid #f1f1f1; background-color: #fff; line-height: 1.7; overflow: hidden;}

.contantBox .conL .add .t1 { font-weight: bold; color: #ce0000;}
.contantBox .conL .add .t1::after { height: 3px; width: 2em; background-color: #ce0000;
display: block; content: ""; margin: 0.2em auto 0.9em 0;}
.contantBox .conL .add .t2 { margin-top: 1.5em; font-weight: bold; color: #5a5c62;}
.contantBox .conL .add .t3 { color: #555; }
.contantBox .conR .mCon { display: none;}
.contantBox .conR .mCon.show { display: flex; height: 100%;
flex-direction: column; justify-content:flex-start; align-items: stretch;}
@media only screen and (max-width: 828px) {
.contantBox .con { display: block;}
.contantBox .conL { width: auto;}
.contantBox .conR { margin-top: 2em; width: auto;}
.contantBox .conL .list li { display: none;}
.contantBox .titleMB {
 text-align: left; display: block; cursor: pointer; 
margin-top: 0.9em; line-height: 1.5em; padding:1.3em 4% 1.2em 9.3% ;overflow: hidden; 
font-weight: bold; color: #3A3838;
background-color: #fff; border: 1px solid #e8e8e8;}
.contantBox .conR .mCon.show .titleMB {border: 1px solid #ce0000; background-color: #ce0000; color: #fff;}

.contantBox .conR .mCon { display: block;}
.contantBox .conR .mCon .messCBox {display: none;}
.contantBox .conR .mCon:first-child .messCBox {display: block;}
}

.subsBox { position: relative; z-index: 0; color: #3A3838; padding: 2.6em 0; 
text-align: left;background:#eeeef0;
/* background:#e5e6e8 url(../images/subs_bg.jpg) no-repeat center center / cover; */}
#subsidiaries { position: absolute; top: -10.6em;}
.subsBox .title { text-align: center; font-weight: bold;}
.subsBox .title2 { margin-top: 1.2em; font-weight: bold;}
.subsBox .title3 { font-weight: bold; color: #ce0000;}
.subsBox .txt { margin-top: 0.2em; color: #686868; }

.subsBox .vchiBox { margin-top: 1em; background-color: #fff; padding: 1em 1.6em 1em;}

.subsBox .list { margin-top: 1.6em;}
.subsBox .list ul { margin-top: -1.3%; display: flex; justify-content: flex-start; align-items: stretch;
flex-wrap: wrap;}
.subsBox .list li { text-align: center; padding: 1.4em 0 1em; width: 24%; margin-top: 1.3%;
 margin-right: 1.3%; background-color: rgba(255,255,255,0.76);}
.subsBox .list li:nth-child(4n) { margin-right: 0;}
.subsBox .list .pic {}
.subsBox .list .pic img { margin: 0 auto; width: 3em; height: 2em; object-fit: contain;}
.subsBox .list .intro {padding: 0 0.5em;  margin-top: 0.5em; color: #686868; line-height: 1.7;}
.subsBox .list .name { padding: 0 0.5em; line-height: 1.3;margin: 0.3em auto 0;}
@media only screen and (max-width: 828px) {
.subsBox .list li { width: 49.3%;}
.subsBox .list li:nth-child(4n) {  margin-right: 1.4%; }
.subsBox .list li:nth-child(2n) { margin-right: 0;}
}
@media only screen and (max-width:480px) {
.subsBox .list li { width: 100%; margin-top: 1em;}
.subsBox .list li:nth-child(4n) {  margin-right: 0; }
}

.distBox { position: relative; z-index: 0; color: #3A3838; padding: 2.6em 0; text-align: left;
 background:#f6f6f8;}
 #distributors { position: absolute; top: -10.6em;}
.distBox .title { text-align: center; font-weight: bold;}
.distBox .intro { max-width: 800px; margin: 1em auto 0; text-align: center;}
.distBox .btnw { text-align: center;}
.distBox .btnw .moreBtnRed2  { margin-top: 2em;}
.distBox .list { margin-top: 2em;}
.distBox .list ul { margin-top: -1%; display: flex; justify-content: flex-start; align-items: stretch;
flex-wrap: wrap;}
.distBox .list li { text-align: left; padding: 1.5em 0 1em; width: 19.2%; margin-top: 1%;
 margin-right: 1%; background-color: #ffffff}
.distBox .list li:nth-child(5n) { margin-right: 0;}
.distBox .list .name { font-weight: bold; border-bottom: 1px solid #e7e7e7; margin: 0 0.8em; 
padding: 0 0 0.6em 0.8em; line-height: 1.3;}
.distBox .list .name::before { position: relative; top: -0.1em; margin-right: 0.6em; 
content: ""; display: inline-block; vertical-align: middle;
background-color: #ce0000; height: 0.3em; width: 0.7em;}

.distBox .list .lists {padding: 0 1.4em;  margin-top: 0.9em; line-height: 1.8;}
.distBox .list .lists a { display: block; cursor: pointer; padding-right: 1.5em; height: 1.8em; overflow: hidden;}
.distBox .list .lists a:hover { background: url(https://www.gboslaser.com/wp-content/themes/haozhuti-gbos/assets/images/arr_2_red.png) no-repeat right center / 0.4em auto}
@media only screen and (max-width: 828px) {
.distBox .list li { width: 49.3%;}
.distBox .list li:nth-child(4n) {  margin-right: 1.4%; }
.distBox .list li:nth-child(2n) { margin-right: 0;}
.distBox .list .name { font-size: 14px;}
.distBox .list .lists { font-size: 12px;}
}


.distBox .list2 { margin-top: 2.1em;}
.distBox .list2 ul {  display: flex; justify-content: flex-start; align-items: stretch;
flex-wrap: wrap; background-color: #fff;}
.distBox .list2 li { text-align: center; padding: 3em 0 1.9em; width: 25%; position: relative; z-index: 0; }
.distBox .list2 li::after{ content: ""; display: block; position: absolute; 
right: 0; width: 1px; top: 3em; bottom: 1.9em; background-color: #f1f1f1;}
.distBox .list2 .pic { background-color: #ce0000; width: 5em; height: 5em;
-moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em; margin: 0 auto;
display: flex; justify-content: center; align-items: center;}
.distBox .list2 li:nth-child(4n)::after { display: none;}
.distBox .list2 .pic img { margin: 0 auto; width: 3.75em; height: 3.75em; object-fit: contain;}
.distBox .list2 .intro {padding: 0 13%; 
 margin-top: 0.7em; color: #686868; line-height: 1.2; height: 2.4em; overflow: hidden;}
.distBox .list2 .name { padding: 0 5%; line-height: 1.3;  margin:1.1em auto 0; 
 color: #ce0000; }
.distBox .list2 .moreBtnRed3 { margin-top: 1em; width: 15.7em; padding: 0;}
@media only screen and (max-width: 828px) {
.distBox .list2 li { width: 49.3%;}
.distBox .list2 li:nth-child(4n) {  margin-right: 1.4%; }
.distBox .list2 li:nth-child(2n) { margin-right: 0;}
.distBox .list2 li:nth-child(2n)::after { display: none;}
}
@media only screen and (max-width:480px) {
.distBox .list2 li { padding: 3em 0; width: 100%; }
.distBox .list2 li:nth-child(4n) {  margin-right: 0; }
.distBox .list2 li:nth-child(2n)::after { display: block;}
.distBox .list2 li::after { display: block; width: auto; height: 1px;
bottom: 0; top: auto; left: 1em; right: 1em;}
.distBox .list2 li:nth-child(4n)::after { display: none;}
}

/**/

.distriBox { position: relative; z-index: 0; color: #3A3838; padding: 2.6em 0; text-align: left;
 background:#f6f6f8;}
 #distributors { position: absolute; top: -10.6em;}
.distriBox .title { text-align: center; font-weight: bold;}
.distriBox .line { margin-bottom: 1em; margin-top: 1.5em; background-color: #e5e5e5; height: 1px;}
.distriBox .continent { padding-bottom: 0.5em;}
.distriBox .continent .title { font-weight: bold; padding:0.7em 0.9em 0.5em;
 text-align: left;}
 .distriBox .continent .title::after { content: ""; display: block; width: 2em;
 height: 3px; background-color: #ce0000; margin: 0.2em auto 0 0;}
.distriBox .intro { max-width: 600px; margin: 1em auto 0; text-align: center;}
.distriBox .continent { background-color:;}
.distriBox .continent:nth-child(even) { background-color:  #fff;}
.distriBox .btnw { text-align: center;}
.distriBox .btnw .moreBtnRed2  { margin-top: 2em;}
.distriBox .list { display: flex; justify-content: flex-start; align-items: stretch;
flex-wrap: wrap; }
.distriBox .list .country { margin-top: 2em; width: 24.25%; margin-right: 1%;}
.distriBox .list .country:nth-child(4n) { margin-right: 0;}
.distriBox .list .name { font-weight: bold; border-bottom: 1px solid #eceaea; margin: 0 0.8em; 
padding: 0 0 0.6em 0.4em; line-height: 1.3;}
.distriBox .list li { text-align: left; padding:0.5em 0 0.5em; }
.distriBox .list1 li { width: 100%;  margin-right:0 ;}
.distriBox .list .t1 {padding: 0 1.4em;  margin-top: 0.6em; }
.distriBox .list .t2 {padding: 0 1.6em;  margin-top: 0.2em; color: #999; }

@media only screen and (max-width: 828px) {
.distriBox .list .country { width: 49.3%;}
.distriBox .list .country:nth-child(4n) {  margin-right: 1.4%; }
.distriBox .list .country:nth-child(2n) { margin-right: 0;}
.distriBox .list .name { font-size: 14px;}
}

/*轮播图*/
.w-banner {
  position: relative; width: 100%; max-height:500px; height: 26vw;  background-color: #000;
  z-index: 0;
}
.w-banner .swiper-slide {
  overflow: hidden;
}
.w-banner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.w-banner .swiper-pagination { 
	left:0;right: 0; width: auto; margin-bottom: 1.9em; bottom: 0;
	display: flex;justify-content: center; align-items: center;
}

@media only screen and (max-width:828px) { 
	.w-banner { height: 52vw;}
	.w-banner .swiper-button-next  { right: 0; font-size: 2.1vw;}
	.w-banner .swiper-button-prev { left: 0; font-size: 2.1vw;}
	.w-banner .swiper-pagination {margin-bottom:4.7vw;}

}

.searchRBox { text-align: left; padding: 3em 0.3em;}
.searchRBox .list li { padding: 0.9em 0; border-bottom: 1px solid #ddd;}
.searchRBox .tit {display: flex; padding-bottom: 0.8em;
 justify-content: flex-start; align-items: center; flex-wrap: wrap;} 
 .searchRBox .tit .selBox { margin-top: 0;}
 .searchRBox .tit .txt { margin-right: 0.8em; font-weight: bold; font-size: 1.1em;}
 @media only screen and (max-width:828px) { 
	  .searchRBox .tit .txt { margin-top: 1.2em;}
	  .searchRBox .tit .selBox { width: 100%; margin-top:0.8em; margin-right: auto;}
	  .searchRBox .tit .txt:nth-child(1) { margin-top: 0;}
 }