.w1440 { width: 75.5%; margin: 0 auto; }
/**/
.con-banner { position: relative; overflow: hidden; }
.swiper-container .swiper-wrapper .con-banner { margin-top: 0px; }
.con-banner .banner-titles { position: absolute; left: 0; top: 0; height: 0.375rem; line-height: 0.375rem; padding: 0 8vw; font-size: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05); width: 100%; z-index: 99; }
.con-banner .banner-titles .li { display: inline-block; vertical-align: top; height: inherit; line-height: inherit; color: #666; padding-left: 20px; position: relative; }
.con-banner .banner-titles .li:before { position: absolute; content: ""; width: 5px; height: 7px; background: url(../images/1-0-1.png) no-repeat center; background-size: 100%; left: 7px; top: 0; bottom: 0; margin: auto; }
.con-banner .banner-titles .li.home { padding-left: 28px; }
.con-banner .banner-titles .li.home:before { width: 18px; height: 18px; left: 0; background: url(../images/1-0-2.png) no-repeat center; background-size: 100%; }
.con-banner .images { height: 660px; }
.con-banner .words { position: absolute; left: 50%; color: #333; top: 39%; transform: translate(-50%, -50%); max-width: 100%; }
.con-banner .tits { line-height: 1; display: inline-block; vertical-align: top; padding: 0 0.1rem; line-height: 2.2em; border-radius: 2.2em; border: 2px solid rgba(255, 255, 255, 0.3); box-sizing: content-box; }
.con-banner .txts { width: 100%; margin-top: .8rem;
line-height: 1; }
.con-banner .txts2 { width: 46%; margin-top: .8rem; line-height: 1.15; font-size: 40px; }
.prodetails-banner { overflow: visible; margin-top: 0; padding-bottom: 1rem; }
.prodetails-banner .swiper-button-prev, .prodetails-banner .swiper-button-next { width: 1rem; height: 1rem; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.prodetails-banner .swiper-button-prev { background-image: url(../images/3-1.png); }
.prodetails-banner .swiper-button-next { background-image: url(../images/3-2.png); }
.prodetails-banner .text {
padding-top: .5rem; position: relative; color: #fff; width: 38em; line-height: 1.875; margin-top: .2rem;
}
.prodetails-banner .prodetails-images { position: absolute; left: 0; right: 0; top: 0rem; margin: auto; }
.prodetails-banner .prodetails-swiper { position: absolute; right: 0; top: 0rem; width: 8rem; max-width: 800%; }
.prodetails-banner .prodetails-swiper img { max-width: 100%; }
 @media (max-width: 1581px) {
.con-banner .words { /*padding-left: 6.725rem;*/ }
}
@media (max-width: 1481px) {
.con-banner .words { /*padding-left: 6.075rem;*/ }
}
@media (max-width: 768px) {
.con-banner .txts2 { width: 100%; }
}
.wow { opacity: 0; }
 @media (max-width: 1281px) {
.con-banner .words { /*padding-left: 5.325rem;*/ }
}
.cons-swiper .swiper-pagination { /*position: static;*/ width: 100%; line-height: 1; }
.cons-swiper .swiper-pagination .swiper-pagination-bullet { margin: 0 0.15rem; line-height: 1; width: .25rem;
 height: .25rem;
 border-radius: .25rem;
opacity: 1; border: 1px solid #aeaeae; background-color: transparent; }
.cons-swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #e01a22; border-color: #e01a22; }
.cons-swiper .swiper-pagination.onac-btn .swiper-pagination-bullet-active { width: .25rem;}
.cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next { display: inline-block; vertical-align: top; margin: 0; width: 1.15rem; height: 1.15rem; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); background-size: 100%; background-repeat: no-repeat; background-position: center; background-color: #009944; }
.cons-swiper .swiper-button-prev { background-image: url(../image/1-1.png); }
.cons-swiper .swiper-button-next { background-image: url(../image/2-1.png); }
 @media (max-width: 1023px) {
.cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next { background-color: #009944; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); border-color: #009944; }
.cons-swiper .swiper-button-prev { background-image: url(../image/1-2.png); }
.cons-swiper .swiper-button-next { background-image: url(../image/2-21.png); }
.con-banner .images { height:100px; }
.con-banner .words { position: absolute; left: 50%; color: #333; top:19%; transform: translate(-50%, -50%); max-width: 100%; }
.con-banner .txts2 { width: 100%; margin-top: .0rem; line-height: 1.15; font-size:20px; }
.prodetails-banner .prodetails-swiper,  .prodetails-banner .prodetails-images { position: relative; right: auto; top: auto; left: auto; bottom: auto; }
.prodetails-banner .prodetails-swiper { width: auto; padding-bottom:10%; }
}
@media (min-width: 1024px) {
.con-banner .banner-titles .li { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); }
.con-banner .banner-titles .li:hover { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); color: #009944; }
.cons-swiper .swiper-pagination .swiper-pagination-bullet { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); }
.cons-swiper .swiper-pagination .swiper-pagination-bullet:hover { background: #009944; border-color: #009944; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); }
.cons-swiper .swiper-button-prev:hover, .cons-swiper .swiper-button-next:hover { background-color: #009944; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); border-color: #009944; }
.cons-swiper .swiper-button-prev:hover { background-image: url(../image/1-2.png); }
.cons-swiper .swiper-button-next:hover { background-image: url(../image/2-21.png); }
}