.boxinfo{display:flex; flex-wrap:wrap; padding:20px 0px 100px;}
.inmain{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.abone{ width:100%; display:flex; }
.wzbox{ width:100%; display:flex; flex-direction:column; padding-bottom:30px; }
.wzbox h1{ font-size: 2.3rem; line-height: 1.5; color: #000; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.wzbox h2{ font-size: 2rem; line-height: 1.5; color: #000; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-bottom:20px; }
.wzbox p{ width:100%; display:flex; padding:15px 0px; font-size:0.97rem; color:#666666; line-height:1.8; }
.ab-num{ width: 100%; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction: column; color:#FFF; border-top: 1px solid #bdbdbd;}
.ab-num ul{ width:100%; display:flex; justify-content:space-between; flex-direction:row; position:relative; padding:30px 0px 70px;}
.ab-num ul li{ width:auto; padding:0px 15px; display: flex; flex-direction:row; justify-content:center; align-items:center; position: relative;}
.ab-num ul li i{ display:flex; justify-content:center; align-items:center; padding-right:15px; }
.ab-num ul li i img{ max-width:100%; }
.ab-num ul li h1{ font-size:3rem; color: #000; line-height:1.3; display: flex; flex-direction:row;}
.ab-num ul li h1 span{ font-size:3rem; color: #000; line-height:1.3; font-weight: bolder;}
.ab-num ul li p{ color:#767676; line-height:1.2; font-size:1rem; width:100%; }

.abtwo{width:100%;display: flex; flex-direction: column; background-color: #242424; background-position: center; background-repeat: no-repeat; background-size:cover; padding:100px 0px 50px; background-attachment: fixed;}
.abtts{ display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; }
.abtwo-l{ width:48%; display:flex; flex-direction:column; }
.abtwo-l h1{ font-size:1.8rem; color:#FFF; line-height:1.5; padding:12px 0px; position:relative; }
.abtwo-l h1::before{ content: ''; position:absolute; left:0; bottom:0; width:80px; height:5px; background-color:#FFF; }
.abtwo-l p{ font-size:1rem; color:#FFF; line-height:1.5; padding:40px 0px 60px; padding-right:15%; }
.abtwo-l i{ display:inline-flex; min-width: 250px; align-self: flex-start; justify-content: center; background-color:#ffffff; padding:0px 10px; border-radius:60px; overflow: hidden;}
.abtwo-r{ width:52%; display:flex; flex-direction:column; padding:0px 15px; }
.four{ width:100%; display: flex; overflow:hidden; }
.four .swiper-wrapper{ width:100%; display: flex; flex-direction:row; }
.four .swiper-wrapper .swiper-slide{ width:100%; }
.ab-item{ width:100%;background-image:url(../../uploads/page/zsbg.jpg); padding:27px; background-size:100% 100%; background-position:center; }
.ab-item i{ width:100%; height:100%; overflow:hidden; }
.ab-item img{width:100%;}
.abtwo-btn{ width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:30px 0px; }
.abtwo-control{ display:flex; flex-direction:row; padding-right: 15px;}
.abtwo-btn .ab-swiper-button-prev{ width:35px; height:35px; background:url(../../uploads/svg-loaders/left.svg) center center no-repeat #dadada; background-size:55%; z-index: 10; margin-right:10px;
-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;}
.abtwo-btn .ab-swiper-button-next{ width:35px; height:35px; background:url(../../uploads/svg-loaders/right.svg) center center no-repeat #dadada; background-size:55%; z-index: 10;-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;}
.abtwo-btn .ab-swiper-button-prev:hover,.btn .ab-swiper-button-next:hover{ opacity:0.9; cursor:pointer; background-color:#e7c38c; }
.abtwo-btn .ab-swiper-button-prev:hover,.abtwo-btn .ab-swiper-button-next:hover{ background-color:#e7c38c; }
.abtwo-btn i{ width:100%; height:1px; background-color:#FFF; }

.abth{ width:100%; min-height:560px; background-position:top center; background-repeat: no-repeat; background-size:100%;}
.abth-t{width:100%; padding:100px 0px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.abth-t h3{ font-size:1.35rem; color:#ffffff; line-height:1.5; font-weight:normal; }
.abth-t h1{ font-size:2.3rem; color:#ffffff; line-height:1.5; padding-bottom:30px; }
.abth-t i{width:100px; height:4px; background-color:#ffffff;}
.abth-info {width:100%;display: flex;}
.abth-l {flex: 1;height:550px;background-size:cover;padding:60px 40px; display: flex;flex-direction: column;position: relative;}
.abth-l i img{max-width:100%;}
.abth-l h1{font-size:1.4rem; line-height:1.5; color:#FFF; padding:10px 0px;}
.abth-l p{font-size:1rem; line-height:1.5; color:#FFF; padding:10px 0px;}
.abth-r {flex: 1;display: flex; flex-direction:column;}
.abth-r-one{width:100%; height:50%; display:flex; flex-direction:column;background-position:top center; background-repeat: no-repeat; background-size:cover;padding:35px;}
.abth-r-one i img{max-width:100%;}
.abth-r-one h1{font-size:1.4rem; line-height:1.5; color:#FFF; padding:10px 0px;}
.abth-r-one p{font-size:1rem; line-height:1.5; color:#FFF; padding:10px 0px;}

@media (max-width: 1530px) {
.abth{ background-size:130%;}
}

@media (max-width: 1230px) {
.abth{ background-size:150%; background-position: left top;}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.abtwo-l p{ padding-right:0; }
}

/* xs */
@media (max-width: 767px) {
.boxinfo{display:flex; flex-wrap:wrap; padding:30px 0px 70px;}
.wzbox h1{ font-size: 1.35rem; text-align: center;}
.wzbox h2{ font-size: 1.35rem; padding-bottom:10px; }
.ab-num ul{ padding:20px 0px; flex-wrap:wrap;}
.ab-num ul li{ width:50%; padding:10px 5px; justify-content: flex-start;}
.ab-num ul li i{ width:40px;padding-right:10px; }
.ab-num ul li h1{ font-size:1.2rem;}
.ab-num ul li h1 span{ font-size:1.5rem;}
.ab-num ul li p{ font-size:0.9rem;}
.abtwo{ padding:30px 0px; background-position: center right 10%;}
.abtts{ flex-direction:column;}
.abtwo-l{ width:100%;}
.abtwo-l h1{ font-size:1.35rem;padding:10px 0px;}
.abtwo-l h1::before{ width:60px; height:3px; }
.abtwo-l p{ padding:30px 0px; padding-right:0; }
.abtwo-l i{ min-width:auto; }
.abtwo-l i img{ max-width:70%; }
.abtwo-r{ width:100%; padding:40px 0px 0px; }

.abth{ width:100%; min-height:250px; background-size:160%; }
.abth-t{padding:40px 0px; }
.abth-t h3{ font-size:1.1rem; }
.abth-t h1{ font-size:1.35rem; padding-bottom:20px; }
.abth-t i{ width:70px; height:3px; }
.abth-info {display: flex; flex-direction: column;}
.abth-l { padding:40px; }
.abth-l i img{max-width:90%;}
.abth-l h1{font-size:1.3rem;}
.abth-r {flex: 1;}
.abth-r-one i img{max-width:90%;}
.abth-r-one h1{font-size:1.3rem;}

}

@media (max-width: 480px) {
}