.boxinfo{ width:100%; float:left; padding:0px; }
.aboutbox{ width:100%; display:flex; flex-direction:column; }
.ab-a{ width:100%; display:flex; padding:65px 0px 0px; }
.ab-abox{ width:100%; height: 620px; color: #FFF; display:flex; justify-content: center; flex-direction:column; padding:20px 5%; background-position:center; background-color:#000; background-attachment:fixed; }
.ab-abox h1{ font-size:3.75rem; line-height:1.5; font-weight:900; }
.ab-abox h2{ font-size:3.75rem; line-height:1.5; font-weight:100; }
.ab-abox p{ width:auto; font-size:1.25rem; line-height:1.5; padding:50px 30px 20px 0px; position:relative; }
.ab-abox p span{ position:relative; }
.ab-abox p span::before{ width:180px; height:1px; background-color:#FFF; content:''; position:absolute; right:-210px; top:50%; }
.ab-b{ width:100%; display:flex; padding:100px 0px; }
.ab-bbox{ width:100%; display:flex; flex-direction:row; }
.ab-bl{ width:42%; padding:0px 30px; display:flex; flex-direction:column; }
.ab-bl h2{ font-size:1.125rem; line-height:1.5; font-weight:600; }
.ab-bl h2 span{ position:relative; }
.ab-bl h2 span::before{ width:180px; height:1px; background-color:#000; content:''; position:absolute; right:-210px; top:50%; }
.ab-bl h1{ font-size:3.5rem; line-height:1.2; font-weight:900; padding:30px 0px 40px; }
.ab-bl p{ color:#727272; line-height:1.5; font-size:0.85rem; }
.ab-br{ width:58%; display:flex; }
.ab-br i{ width:100%; height: 610px; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.ab-br i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.ab-c{ width:100%; display:flex; background-color:#f6f6f6; padding:70px 0px; }
.ab-cbox{ width:100%; display:flex; flex-direction:column; }
.ab-ctitle{ width:100%; display:flex; justify-content:space-between; align-items:center; flex-direction:row; padding:0px 90px; }
.ab-ctitle p{ width:auto; font-size:1.125rem; line-height:1.5; position:relative; padding:50px 0px; }
.ab-ctitle p span{ position:relative; font-weight:600; }
.ab-ctitle p span::before{ width:180px; height:1px; background-color:#000; content:''; position:absolute; right:-220px; top:50%; }
.ab-ctitle h1{ font-size:3.5rem; line-height:1.2; font-weight:900;}

.ab-cinfo{ width:100%; position:relative; padding:60px 90px; }
.show-aimg-one{ width:100%; display:flex; position: relative;}
.show-aimg-one i{ width:100%; height:330px; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.show-aimg-one i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.show-aimg-one div{position: absolute; left:10%; bottom: 0; width: 80%; height:120px; background-color:#f6f6f6; display:flex; justify-content:center; align-items:center; padding: 15px;}
.show-aimg-one div p{ font-size:1.125rem; color:#000; text-align:center; padding:10px 0px; border-bottom:1px solid #000; }
.abone-swiper-button-prev { position:absolute; left:15px; top:calc(50% - 5px); transform: translateY(-50%); background: url(../../uploads/svg-loaders/rl.png) center center no-repeat; border-radius: 360px; cursor:pointer; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.abone-swiper-button-prev:hover { width:45px; height:45px; background: url(../../uploads/svg-loaders/rlh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.abone-swiper-button-next { position:absolute; cursor:pointer; right:15px; top:calc(50% - 5px); transform: translateY(-50%); background: url(../../uploads/svg-loaders/rr.png) center center no-repeat;  border-radius: 360px; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.abone-swiper-button-next:hover {width:45px; height:45px; background: url(../../uploads/svg-loaders/rrh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ab-d{ width:100%; display:flex; }
.ab-dbox{ width:100%; display:flex; flex-direction:column; position: relative;}
.ab-dbox::before{ width:100%; height:415px; background-color:#d9e1c3; content:''; position:absolute; left:0; top:0; }
.ab-dtitle{ width:100%; display:flex; justify-content:flex-start; flex-direction:column; position:relative; z-index:1; padding:50px 0px; }
.ab-dtitle p{ width:auto; font-size:1.125rem; line-height:1.5; position:relative; padding:20px 0px; }
.ab-dtitle p span{ position:relative; font-weight:600; }
.ab-dtitle p span::before{ width:180px; height:1px; background-color:#000; content:''; position:absolute; right:-220px; top:50%; }
.ab-dtitle h1{ font-size:3.5rem; line-height:1.2; font-weight:900;}
.ab-dinfo{ width:100%; padding:0px 11%; }
.show-dimg-one{ width:100%; display:flex; flex-direction:row; background-color:#ffffff; }
.show-dimg-one i{ width:70%; height:520px; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.show-dimg-one i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.show-dimg-one div{ width:30%; padding:40px; display:flex; justify-content:center; flex-direction:column; }
.show-dimg-one div h1{ font-size:1.15rem; line-height:1.2; }
.show-dimg-one div p{ font-size:0.95rem; line-height:1.5; padding-top:20px; }
.bbone-swiper-pagination{width: 100%; position: absolute; left: 0; bottom:20px!important; z-index: 1; display: flex; justify-content: center; align-items: center;}
.bbone-swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; opacity: 1; background-color: transparent; border: 2px solid #000; }
.bbone-swiper-pagination .swiper-pagination-bullet-active { background: #000;}
.bbone-swiper-button-prev { position:absolute; right:70px; top:50% ; transform: translateY(-50%); background: url(../../uploads/svg-loaders/rl.png) center center no-repeat; border-radius: 360px; cursor:pointer; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.bbone-swiper-button-prev:hover { width:45px; height:45px; background: url(../../uploads/svg-loaders/rlh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.bbone-swiper-button-next { position:absolute; cursor:pointer; right:15px; top:50% ; transform: translateY(-50%); background: url(../../uploads/svg-loaders/rr.png) center center no-repeat;  border-radius: 360px; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.bbone-swiper-button-next:hover {width:45px; height:45px; background: url(../../uploads/svg-loaders/rrh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.ab-e{width:100%; padding:160px 0px 120px 15%; display:flex; justify-content:flex-start; flex-direction:row;}
.ab-etitle{ width:520px; height:auto; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; position: relative; padding: 0px 50px 80px 0px;}
.ab-etitle p{ width:auto; font-size:1.125rem; line-height:1.5; position:relative; padding:0px 0px 35px; }
.ab-etitle p span{ position:relative; font-weight:600; }
.ab-etitle p span::before{ width:180px; height:1px; background-color:#000; content:''; position:absolute; right:-220px; top:50%; }
.ab-etitle h1{ font-size:3.5rem; line-height:1.2; font-weight:900;}
.eone-swiper-button-prev { position:absolute; left:0px; bottom:0px; transform: translateY(-50%); background: url(../../uploads/svg-loaders/rl.png) center center no-repeat; border-radius: 360px; cursor:pointer; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.eone-swiper-button-prev:hover { width:45px; height:45px; background: url(../../uploads/svg-loaders/rlh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.eone-swiper-button-next { position:absolute; cursor:pointer; left:60px; bottom:0px;  transform: translateY(-50%); background: url(../../uploads/svg-loaders/rr.png) center center no-repeat;  border-radius: 360px; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.eone-swiper-button-next:hover {width:45px; height:45px; background: url(../../uploads/svg-loaders/rrh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ab-eshow{ width:calc(100% - 520px); position:relative;}
.ab-eshow .swiper-slide{ width:300px!important; margin-right:30px;}
.boxtwo-img{  width:100%; display:flex; border:1px solid #929292; }
.boxtwo-img img{ width:100%; }

@media (max-width: 1460px) {

}

@media (max-width: 1330px) {
.ab-abox h1{ font-size:3rem; }
.ab-abox h2{ font-size:3rem; }
.ab-abox p span::before{ width:130px; right:-170px;}
.ab-bl h2 span::before{ width:130px; right:-170px;  }
.ab-bl h1{ font-size:3rem; }
.ab-br i{  height:580px;}
.ab-ctitle p span::before{ width:130px; right:-170px; }
.ab-ctitle h1{ font-size:3rem; }
.ab-dtitle p span::before{ width:130px; right:-170px; }
.ab-dtitle h1{ font-size:3rem;}
.ab-etitle p span::before{ width:130px; right:-170px; }
.ab-etitle h1{ font-size:3rem; }
}

@media (max-width: 1230px) {
.ab-ctitle{ padding:0px; }
.ab-cinfo{ padding:50px 0px; }
.ab-dinfo{ padding:0px 50px; }
.show-dimg-one div{ width:35%; }
.show-dimg-one i{ width:65%; height:420px; }
.ab-e{padding:130px 0px 120px 50px; }
.ab-eshow .swiper-slide{ width:250px!important; margin-right:20px;}

}

@media (max-width: 1080px) {
.ab-abox h1{ font-size:2.3rem; padding:20px 0px; }
.ab-abox h2{ font-size:2.3rem; }
.ab-abox p span::before{ width:100px; right:-140px;}
.ab-bl h2 span::before{ width:100px; right:-140px;  }
.ab-bl h1{ font-size:2.3rem; }
.ab-br i{  height:530px;}
.ab-ctitle p span::before{ width:100px; right:-140px; }
.ab-ctitle h1{ font-size:2.3rem; }
.ab-dtitle p span::before{ width:100px; right:-140px; }
.ab-dtitle h1{ font-size:2.3rem;}
.ab-etitle p span::before{ width:100px; right:-140px; }
.ab-etitle h1{ font-size:2.3rem; }
.ab-etitle{ width:400px; }
.ab-eshow{ width:calc(100% - 400px);}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {

}

/* xs */
@media (max-width: 767px) {
.ab-a{ width:100%; display:flex; padding:40px 0px 0px; }
.ab-abox{ height:300px; padding:20px; }
.ab-abox h1{ font-size:2rem; }
.ab-abox h2{ font-size:2rem; font-weight:300; }
.ab-abox p{ width:auto; font-size:1.2rem; padding:35px 15px 20px 0px;  }
.ab-abox p span::before{ width:100px; right:-130px; }

.ab-b{ padding:50px 0px; }
.ab-bbox{ flex-direction:column; }
.ab-bl{ width:100%; padding:0px;  }
.ab-bl h2{ font-size:1.1rem; }
.ab-bl h2 span::before{ width:100px; right:-130px; }
.ab-bl h1{ font-size:1.8rem; padding:20px 0px; }
.ab-bl p{  font-size:1rem; }
.ab-br{ width:100%; padding: 25px 0px 0px;}
.ab-br i{ height:350px;}

.ab-c{ padding:30px 0px; }
.ab-ctitle{ flex-direction:column; padding:0px; align-items:flex-start; }
.ab-ctitle p{ width:auto; font-size:1.1rem; padding:20px 0px; }
.ab-ctitle p span::before{ width:100px; right:-130px; }
.ab-ctitle h1{ font-size:1.8rem;}
.ab-cinfo{ padding:40px 0px; }
.show-aimg-one i{ height:280px;}

.show-aimg-one div{ width: 80%; height:90px; padding: 10px 15px;}
.show-aimg-one div p{ font-size:0.95rem; }
.abone-swiper-button-prev { width:30px; height:30px;}
.abone-swiper-button-prev:hover { width:30px; height:30px; }
.abone-swiper-button-next { width:30px; height:30px; }
.abone-swiper-button-next:hover {width:30px; height:30px; }

.ab-dbox::before{ height:300px; }
.ab-dtitle{ padding:30px 0px; }
.ab-dtitle p{ width:auto; font-size:1.1rem; }
.ab-dtitle p span::before{ width:100px; right:-130px; }
.ab-dtitle h1{ font-size:1.8rem;}
.ab-dinfo{ padding:0px 15px; }
.show-dimg-one{ flex-direction:column; }
.show-dimg-one i{ width:100%; height:300px;}
.show-dimg-one div{ width:100%; padding:15px 15px 50px; } 
.show-dimg-one div h1{ font-size:1.1rem; }
.show-dimg-one div p{ font-size:0.9rem; padding-top:10px; }
.bbone-swiper-button-prev { position:absolute; right:30px;  width:30px; height:30px; }
.bbone-swiper-button-prev:hover { width:30px; height:30px;}
.bbone-swiper-button-next { right:0; top:50% ; width:30px; height:30px;}
.bbone-swiper-button-next:hover {width:30px; height:30px;}

.ab-e{ padding:30px 15px 70px; flex-direction: column;}
.ab-etitle{ width:100%; padding: 0px 20px 60px 0px;}
.ab-etitle p{ font-size:1.1rem; padding:0px 20px 0px 0px; }
.ab-etitle p span::before{ width:100px; right:-130px; }
.ab-etitle h1{ font-size:1.8rem;}
.eone-swiper-button-prev { width:30px; height:30px;}
.eone-swiper-button-prev:hover { width:30px; height:30px; }
.eone-swiper-button-next { left:40px; width:30px; height:30px; }
.eone-swiper-button-next:hover {width:30px; height:30px; }
.ab-eshow{ width:100%;}
.ab-eshow .swiper-slide{ width:180px!important; margin-right:10px;}

}

@media (max-width: 480px) {
.ab-br i{ height:280px;}
.show-aimg-one i{ height:220px;}
.show-dimg-one i{ height:200px;}
}