.in_banner_bot { width: 100%; height: 3.85rem; overflow: hidden; position: relative; } .content { width: 100%; padding-top: 0.33rem; position: relative; z-index: 3; background-color: white; } .content .box { width: 100%; } .content .box .nav { margin-left: 1.9575rem; } .content .box .nav nav ul::after { content: ""; width: 0; height: 0; display: block; float: none; clear: both; } .content .box .nav nav ul li { float: left; font-size: 0.105rem; line-height: 0.105rem; color: #a8a8a8; } .content .box .nav nav ul li a { color: #a8a8a8; } .content .box .nav nav ul li:nth-of-type(2n) { margin: 0 0.135rem; } .content .box .nav nav ul li.active a { color: #333; } .content .box .top-title .h1 { font-size: 0.36rem; line-height: 0.36rem; color: #333333; text-align: center; margin-top: 0.705rem; position: relative; } .content .box .top-title .h1::after { content: ""; width: 0.0375rem; height: 0.135rem; background-color: #ea222d; position: absolute; bottom: -0.23rem; left: calc(50% - 0.01875rem); } .content .box .top-title .english { text-align: center; margin: 0 auto; margin-top: 0.25rem; font-size: 0.36rem; font-family: Arial; font-weight: bold; color: #E2E2E2; } .content .box .top-title .p { width: 5.3rem; margin: 0 auto; margin-top: 0.2925rem; font-size: 0.135rem; line-height: 0.27rem; color: #333333; text-align: center; } .content .box .product { width: 100%; margin-top: 0.87rem; } .content .box .product .swiper { width: 100%; height: 4.8rem; } .content .box .product .swiper .swiper-slide { width: 100%; height: 100%; } .content .box .product .swiper .swiper-slide .swiper-img-box { width: 66.666%; height: 100%; overflow: hidden; float: left; } .content .box .product .swiper .swiper-slide .swiper-img-box .img { width: 100%; height: 100%; overflow: hidden; position: relative; } .content .box .product .swiper .swiper-slide .swiper-img-box .img img { width: 100%; height: 100%; transition: 0.6s; } .content .box .product .swiper .swiper-slide .swiper-img-box .img:hover img { transform: scale(1.1); } .content .box .product .swiper .swiper-slide .right { width: 33.333%; height: 100%; float: left; background-color: #ea222d; } .content .box .product .swiper .swiper-slide .right .text { margin-left: 0.5325rem; margin-right: 0.6675rem; margin-top: 0.78rem; } .content .box .product .swiper .swiper-slide .right .text .title { font-size: 0.315rem; font-weight: bold; line-height: 0.315rem; color: #ffffff; letter-spacing: -0.015rem; } .content .box .product .swiper .swiper-slide .right .text .h4 { font-size: 0.12rem; line-height: 0.27rem; color: #ffffff; margin-top: 0.375rem; text-align: justify; } .content .box .product .swiper .h-line { width: 3.63rem; height: 0.0075rem; background-color: white; opacity: 0.2; position: absolute; bottom: 1.08rem; right: 0.675rem; z-index: 10; } .content .box .product .swiper .swiper-pagination { bottom: 0.4425rem; left: 10.1325rem; width: auto; } .content .box .product .swiper .swiper-pagination .dangqian { font-family: "Arial"; font-size: 0.6rem!important; font-weight: bold; line-height: 0.6rem!important; color: #ffffff; } .content .box .product .swiper .swiper-pagination .zongshu { font-family: "Arial"; font-size: 0.4rem!important; font-weight: bold; line-height: 0.4rem!important; color: #ffffff; opacity: 0.2; } .content .box .product .swiper .swiper-button-next, .content .box .product .swiper .swiper-button-prev { position: absolute; top: auto; bottom: 0.4875rem; width: 0.12rem; height: 0.21rem; margin-top: 0; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: white; transition: 0.5s; } .content .box .product .swiper .swiper-button-next::after, .content .box .product .swiper .swiper-button-prev::after { font-size: 0.21rem; } .content .box .product .swiper .swiper-button-next:hover, .content .box .product .swiper .swiper-button-prev:hover { opacity: 0.6; } .content .box .product .swiper .swiper-button-prev { left: auto; right: 1.8225rem; } .content .box .product .swiper .swiper-button-next { left: auto; right: 0.6525rem; } .content .box .product .swiper .line { width: 0.015rem; height: 0.15rem; background-color: white; position: absolute; top: auto; bottom: 0.5175rem; right: 1.29rem; z-index: 10; } .content .img-box { margin-top: 0.3975rem; width: 100%; height: 6.4801rem; position: relative; } .content .img-box .change { height: 0.705rem; width: 10.5002rem; position: absolute; z-index: 2; top: 0.51rem; left: 50%; transform: translateX(-50%); background-color: rgba(255,255,255,0.8); display: flex; justify-content: center; align-items: flex-start; } .content .img-box .change .changeNav { width: 2.1rem; height: 0.705rem; line-height: 0.705rem; display: block; text-align: center; font-size: 0.195rem; font-weight: bold; color: #333333; transition: all 0.5s; cursor: pointer; } /* .content .img-box .change a:hover { height: 118px; line-height: 118px; background-color: #DE272A; color: #fff; } */ .content .img-box .change .active { height: 0.885rem; line-height: 0.885rem; background-color: #DE272A; color: #fff!important; } .content .img-box .change-text { width: 40%; position: absolute; top: 2rem; left: 15%; z-index: 2; } .content .img-box .change-text p{ font-size: 0.14rem; line-height: 0.27rem; color: #ffffff; margin-top: 0.375rem; text-align: justify; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s; } .content .img-box .change-text .textActive { opacity: 1; } .content .img-box .Swiper1 { width: 100%; height: 100%; overflow: hidden; } .content .img-box .Swiper1 .swiper-img { width: 100%; height: 100%; position: relative; } .content .img-box .Swiper1 .swiper-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .content .img-box .Swiper1 .swiper-img .cover { width: 100%; height: 100%; background-image: linear-gradient(to top, #000 -60%, transparent); position: absolute; top: 0; left: 0; } .content .img-box .Swiper1 .swiper-img .text { width: 70%; text-align: center; position: absolute; bottom: 1.1625rem; left: 50%; transform: translateX(-50%); } .content .img-box .Swiper1 .swiper-img .text p { font-size: 0.315rem; font-weight: bold; color: #FFFFFF; line-height: 0.4rem; } .content .img-box .Swiper1 .prev1, .content .img-box .Swiper1 .next1, .content .img-box .Swiper1 .prev2, .content .img-box .Swiper1 .next2 { width: 0.5rem; height: 0.5rem; background-color: #fff; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; color: #ea222d; transition: all 0.5s; } .content .img-box .Swiper1 .prev1:hover, .content .img-box .Swiper1 .next1:hover, .content .img-box .Swiper1 .prev2:hover, .content .img-box .Swiper1 .next2:hover { background-color: #ea222d; color: #fff; } .content .img-box .Swiper1 .prev1::after, .content .img-box .Swiper1 .next1::after, .content .img-box .Swiper1 .prev2::after, .content .img-box .Swiper1 .next2::after { font-size: 0.165rem; } .content .img-box .Swiper1 .prev1, .content .img-box .Swiper1 .prev2 { margin-left: 0.5rem; } .content .img-box .Swiper1 .next1, .content .img-box .Swiper1 .next2{ margin-right: 0.5rem; } .content .img-box .Swiper1 .one{ height: 2px; width: 1rem; background-color: rgba(255,255,255,0.5); position: absolute; top: auto; bottom: 0.55rem; left: 50%; transform: translateX(-50%); } .content .img-box .Swiper1 .one .swiper-pagination-progressbar-fill { background-color: #ea222d; } @media screen and (max-width: 1020px) { .in_banner_bot { height: 5rem; } .content .box .nav { margin-left: 5%; margin-top: 0.3rem; } .content .box .nav nav ul li { font-size: 0.25rem; line-height: 0.25rem; } .content .box .top-title .h1 { font-size: 0.42rem; line-height: 0.42rem; margin-top: 1rem; } /* .content .box .top-title .h1::after { content: ""; width: 0.07211rem; height: 0.2596rem; background-color: #ea222d; position: absolute; bottom: -0.4423rem; left: calc(50% - 0.036055rem); } */ .content .box .top-title .english { text-align: center; margin: 0 auto; margin-top: 0.3rem; font-size: 0.36rem; font-family: Arial; font-weight: bold; color: #E2E2E2; } .content .box .top-title .p { width: 90%; font-size: 0.25961rem; line-height: 0.4673rem; margin-top: 0.5rem; } .content .box .product { margin-top: 1rem; } .content .box .product .swiper { width: 100%; height: 120vw; } .content .box .product .swiper .swiper-slide .swiper-img-box { width: 100%; height: 60vw; } .content .box .product .swiper .swiper-slide .swiper-img-box .img img { position: absolute; top: 0; width: auto; height: 100%; left: -300px; right: -300px; margin: auto; } .content .box .product .swiper .swiper-slide .right { width: 100%; height: 90vw; } .content .box .product .swiper .swiper-slide .right .text { margin-left: 5%; margin-right: 5%; margin-top: 0.5rem; } .content .box .product .swiper .swiper-slide .right .text .title { font-size: 0.45rem; line-height: 0.45rem; } .content .box .product .swiper .swiper-slide .right .text .h4 { font-size: 0.25961rem; line-height: 0.4673rem; color: #ffffff; margin-top: 0.3rem; text-align: justify; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .content .box .product .swiper .h-line { width: 90%; right: 5%; height: 0.0144rem; bottom: 1.6rem; } .content .box .product .swiper .swiper-pagination { bottom: 0.5rem; left: 5%; width: auto; } .content .box .product .swiper .swiper-pagination .dangqian { font-size: 0.75rem; line-height: 0.75rem; } .content .box .product .swiper .swiper-pagination .zongshu { font-size: 0.43269rem; line-height: 0.43269rem; } .content .box .product .swiper .swiper-button-next, .content .box .product .swiper .swiper-button-prev { bottom: 0.5rem; width: 0.23076rem; height: 0.40384rem; } .content .box .product .swiper .swiper-button-next::after, .content .box .product .swiper .swiper-button-prev::after { font-size: 0.40384rem; } .content .box .product .swiper .line { width: 0.0288rem; height: 0.2884rem; background-color: white; position: absolute; top: auto; bottom: 0.55rem; right: 1.29rem; z-index: 10; } .content .img-box { width: 100%; height: 7rem; position: relative; overflow: hidden; } .content .img-box .change { height: 0.705rem; width: 100%; position: absolute; z-index: 2; top: 0rem; left: 0; transform: translateX(0); background-color: rgba(255,255,255,0.8); display: flex; justify-content: center; align-items: center; overflow-x: auto; } .content .img-box .change .changeNav { flex-shrink: 0; width: 2.5rem; height: 0.705rem; padding: 0 0.2rem; line-height: 0.705rem; display: block; text-align: center; font-size: 0.3rem; font-weight: bold; color: #333333; transition: all 0.5s; cursor: pointer; } .content .img-box .change .changeNav:first-of-type { padding-left: 7rem; } .content .img-box .change-text { width: 90%; position: absolute; top: 2rem; left: 5%; z-index: 2; } .content .img-box .change-text p { font-size: 0.25rem; line-height: 0.35rem; color: #ffffff; margin-top: 0.375rem; text-align: justify; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 7; } .content .img-box .Swiper1 .swiper-img .text { width: 90%; text-align: center; position: absolute; left: 50%; bottom: 1.1625rem; transform: translateX(-50%); } .content .img-box .Swiper1 .swiper-img .text p { font-size: 0.35rem; text-align: center; font-weight: 400; color: #fff; line-height: 0.45rem; } .content .img-box .Swiper1 .prev1, .content .img-box .Swiper1 .next1, .content .img-box .Swiper1 .prev2, .content .img-box .Swiper1 .next2 { width: 0.6rem; height: 0.6rem; background-color: #fff; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; color: #ea222d; transition: all 0.5s; display: none; } .content .img-box .Swiper1 .prev1, .content .img-box .Swiper1 .prev2 { margin-left: 0.05rem; } .content .img-box .Swiper1 .next1, .content .img-box .Swiper1 .next2{ margin-right: 0.05rem; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /*.in_banner_bot {*/ /*width: 100%;*/ /*height: 3.85rem;*/ /*overflow: hidden;*/ /*position: relative;*/ /*}*/ /*.content {*/ /*width: 100%;*/ /*padding-top: 0.33rem;*/ /*position: relative;*/ /*z-index: 3;*/ /*background-color: white;*/ /*}*/ /*.content .box {*/ /*width: 100%;*/ /*}*/ /*.content .box .nav {*/ /*margin-left: 1.9575rem;*/ /*}*/ /*.content .box .nav nav ul::after {*/ /*content: "";*/ /*width: 0;*/ /*height: 0;*/ /*display: block;*/ /*float: none;*/ /*clear: both;*/ /*}*/ /*.content .box .nav nav ul li {*/ /*float: left;*/ /*font-size: 0.105rem;*/ /*line-height: 0.105rem;*/ /*color: #a8a8a8;*/ /*}*/ /*.content .box .nav nav ul li a {*/ /*color: #a8a8a8;*/ /*}*/ /*.content .box .nav nav ul li:nth-of-type(2n) {*/ /*margin: 0 0.135rem;*/ /*}*/ /*.content .box .nav nav ul li.active a {*/ /*color: #333;*/ /*}*/ /*.content .box .top-title .h1 {*/ /*font-size: 0.36rem;*/ /*line-height: 0.36rem;*/ /*color: #333333;*/ /*text-align: center;*/ /*margin-top: 0.705rem;*/ /*position: relative;*/ /*}*/ /*.content .box .top-title .h1::after {*/ /*content: "";*/ /*width: 0.0375rem;*/ /*height: 0.135rem;*/ /*background-color: #ea222d;*/ /*position: absolute;*/ /*bottom: -0.23rem;*/ /*left: calc(50% - 0.01875rem);*/ /*}*/ /*.content .box .top-title .english {*/ /*text-align: center;*/ /*margin: 0 auto;*/ /*margin-top: 0.25rem;*/ /*font-size: 0.36rem;*/ /*font-family: Arial;*/ /*font-weight: bold;*/ /*color: #E2E2E2;*/ /*}*/ /*.content .box .top-title .p {*/ /*width: 5.3rem;*/ /*margin: 0 auto;*/ /*margin-top: 0.2925rem;*/ /*font-size: 0.135rem;*/ /*line-height: 0.27rem;*/ /*color: #333333;*/ /*text-align: center;*/ /*}*/ /*.content .box .product {*/ /*width: 100%;*/ /*margin-top: 0.87rem;*/ /*}*/ /*.content .box .product .swiper {*/ /*width: 100%;*/ /*height: 4.8rem;*/ /*}*/ /*.content .box .product .swiper .swiper-slide {*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .swiper-img-box {*/ /*width: 66.666%;*/ /*height: 100%;*/ /*overflow: hidden;*/ /*float: left;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .swiper-img-box .img {*/ /*width: 100%;*/ /*height: 100%;*/ /*overflow: hidden;*/ /*position: relative;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .swiper-img-box .img img {*/ /*width: 100%;*/ /*height: 100%;*/ /*transition: 0.6s;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .swiper-img-box .img:hover img {*/ /*transform: scale(1.1);*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right {*/ /*width: 33.333%;*/ /*height: 100%;*/ /*float: left;*/ /*background-color: #ea222d;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right .text {*/ /*margin-left: 0.5325rem;*/ /*margin-right: 0.6675rem;*/ /*margin-top: 0.78rem;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right .text .title {*/ /*font-size: 0.315rem;*/ /*font-weight: bold;*/ /*line-height: 0.315rem;*/ /*color: #ffffff;*/ /*letter-spacing: -0.015rem;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right .text .h4 {*/ /*font-size: 0.12rem;*/ /*line-height: 0.27rem;*/ /*color: #ffffff;*/ /*margin-top: 0.375rem;*/ /*text-align: justify;*/ /*}*/ /*.content .box .product .swiper .h-line {*/ /*width: 3.63rem;*/ /*height: 0.0075rem;*/ /*background-color: white;*/ /*opacity: 0.2;*/ /*position: absolute;*/ /*bottom: 1.08rem;*/ /*right: 0.675rem;*/ /*z-index: 10;*/ /*}*/ /*.content .box .product .swiper .swiper-pagination {*/ /*bottom: 0.4425rem;*/ /*left: 10.1325rem;*/ /*width: auto;*/ /*}*/ /*.content .box .product .swiper .swiper-pagination .dangqian {*/ /*font-family: "Arial";*/ /*font-size: 0.6rem!important;*/ /*font-weight: bold;*/ /*line-height: 0.6rem!important;*/ /*color: #ffffff;*/ /*}*/ /*.content .box .product .swiper .swiper-pagination .zongshu {*/ /*font-family: "Arial";*/ /*font-size: 0.4rem!important;*/ /*font-weight: bold;*/ /*line-height: 0.4rem!important;*/ /*color: #ffffff;*/ /*opacity: 0.2;*/ /*}*/ /*.content .box .product .swiper .swiper-button-next,*/ /*.content .box .product .swiper .swiper-button-prev {*/ /*position: absolute;*/ /*top: auto;*/ /*bottom: 0.4875rem;*/ /*width: 0.12rem;*/ /*height: 0.21rem;*/ /*margin-top: 0;*/ /*z-index: 10;*/ /*cursor: pointer;*/ /*display: flex;*/ /*align-items: center;*/ /*justify-content: center;*/ /*color: white;*/ /*transition: 0.5s;*/ /*}*/ /*.content .box .product .swiper .swiper-button-next::after,*/ /*.content .box .product .swiper .swiper-button-prev::after {*/ /*font-size: 0.21rem;*/ /*}*/ /*.content .box .product .swiper .swiper-button-next:hover,*/ /*.content .box .product .swiper .swiper-button-prev:hover {*/ /*opacity: 0.6;*/ /*}*/ /*.content .box .product .swiper .swiper-button-prev {*/ /*left: auto;*/ /*right: 1.8225rem;*/ /*}*/ /*.content .box .product .swiper .swiper-button-next {*/ /*left: auto;*/ /*right: 0.6525rem;*/ /*}*/ /*.content .box .product .swiper .line {*/ /*width: 0.015rem;*/ /*height: 0.15rem;*/ /*background-color: white;*/ /*position: absolute;*/ /*top: auto;*/ /*bottom: 0.5175rem;*/ /*right: 1.29rem;*/ /*z-index: 10;*/ /*}*/ /*.content .img-box {*/ /*margin-top: 0.3975rem;*/ /*width: 100%;*/ /*height: 6.4801rem;*/ /*position: relative;*/ /*}*/ /*.content .img-box .change {*/ /*height: 0.705rem;*/ /*width: 10.5002rem;*/ /*position: absolute;*/ /*z-index: 2;*/ /*top: 0.51rem;*/ /*left: 50%;*/ /*transform: translateX(-50%);*/ /*background-color: rgba(255,255,255,0.8); */ /*display: flex;*/ /*justify-content: center;*/ /*align-items: flex-start;*/ /*}*/ /*.content .img-box .change .changeNav { */ /*width: 2.1rem;*/ /*height: 0.705rem;*/ /*line-height: 0.705rem;*/ /*display: block;*/ /*text-align: center;*/ /*font-size: 0.195rem;*/ /* */ /*font-weight: bold;*/ /*color: #333333;*/ /*transition: all 0.5s;*/ /*cursor: pointer;*/ /*}*/ /*!* .content .img-box .change a:hover {*/ /*height: 118px;*/ /*line-height: 118px;*/ /*background-color: #DE272A;*/ /*color: #fff;*/ /*} *!*/ /*.content .img-box .change .active {*/ /*height: 0.885rem;*/ /*line-height: 0.885rem;*/ /*background-color: #DE272A;*/ /*color: #fff!important;*/ /*}*/ /*.content .img-box .Swiper1 {*/ /*width: 100%;*/ /*height: 100%;*/ /*overflow: hidden;*/ /*}*/ /*.content .img-box .Swiper1 .swiper-img {*/ /*width: 100%;*/ /*height: 100%;*/ /*position: relative;*/ /*}*/ /*.content .img-box .Swiper1 .swiper-img img {*/ /*width: 100%;*/ /*height: 100%;*/ /*object-fit: cover;*/ /*object-position: center center;*/ /*}*/ /*.content .img-box .Swiper1 .swiper-img .cover {*/ /*width: 100%;*/ /*height: 100%;*/ /*background-image: linear-gradient(to top, #000 -60%, transparent);*/ /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*}*/ /*.content .img-box .Swiper1 .swiper-img .text {*/ /*width: 70%;*/ /*text-align: center;*/ /*position: absolute;*/ /*bottom: 1.1625rem;*/ /*left: 50%;*/ /*transform: translateX(-50%);*/ /*}*/ /*.content .img-box .Swiper1 .swiper-img .text p {*/ /*font-size: 0.315rem;*/ /* */ /*font-weight: bold;*/ /*color: #FFFFFF;*/ /*line-height: 0.4rem;*/ /*}*/ /*.content .img-box .Swiper1 .prev1,*/ /*.content .img-box .Swiper1 .next1,*/ /*.content .img-box .Swiper1 .prev2,*/ /*.content .img-box .Swiper1 .next2 {*/ /*width: 0.5rem;*/ /*height: 0.5rem;*/ /*background-color: #fff;*/ /*box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);*/ /*border-radius: 50%;*/ /*color: #ea222d;*/ /*transition: all 0.5s;*/ /*}*/ /*.content .img-box .Swiper1 .prev1:hover,*/ /*.content .img-box .Swiper1 .next1:hover,*/ /*.content .img-box .Swiper1 .prev2:hover,*/ /*.content .img-box .Swiper1 .next2:hover {*/ /*background-color: #ea222d;*/ /*color: #fff;*/ /*}*/ /*.content .img-box .Swiper1 .prev1::after,*/ /*.content .img-box .Swiper1 .next1::after,*/ /*.content .img-box .Swiper1 .prev2::after,*/ /*.content .img-box .Swiper1 .next2::after {*/ /*font-size: 0.165rem;*/ /*}*/ /*.content .img-box .Swiper1 .prev1,*/ /*.content .img-box .Swiper1 .prev2 {*/ /*margin-left: 0.5rem;*/ /*}*/ /*.content .img-box .Swiper1 .next1, */ /*.content .img-box .Swiper1 .next2{*/ /*margin-right: 0.5rem;*/ /*}*/ /*.content .img-box .Swiper1 .one{*/ /*height: 2px;*/ /*width: 1rem;*/ /*background-color: rgba(255,255,255,0.5);*/ /*position: absolute;*/ /*top: auto;*/ /*bottom: 0.55rem;*/ /*left: 50%;*/ /*transform: translateX(-50%);*/ /*}*/ /*.content .img-box .Swiper1 .one .swiper-pagination-progressbar-fill {*/ /*background-color: #ea222d;*/ /*}*/ /*@media screen and (max-width: 1020px) {*/ /*.in_banner_bot {*/ /*height: 5rem;*/ /*}*/ /*.content .box .nav {*/ /*margin-left: 5%;*/ /*margin-top: 0.3rem;*/ /*}*/ /*.content .box .nav nav ul li {*/ /*font-size: 0.25rem;*/ /*line-height: 0.25rem;*/ /*}*/ /*.content .box .top-title .h1 {*/ /*font-size: 0.42rem;*/ /*line-height: 0.42rem;*/ /*margin-top: 1rem;*/ /*}*/ /*!* .content .box .top-title .h1::after {*/ /*content: "";*/ /*width: 0.07211rem;*/ /*height: 0.2596rem;*/ /*background-color: #ea222d;*/ /*position: absolute;*/ /*bottom: -0.4423rem;*/ /*left: calc(50% - 0.036055rem);*/ /*} *!*/ /*.content .box .top-title .english {*/ /*text-align: center;*/ /*margin: 0 auto;*/ /*margin-top: 0.3rem;*/ /*font-size: 0.36rem;*/ /*font-family: Arial;*/ /*font-weight: bold;*/ /*color: #E2E2E2;*/ /*}*/ /*.content .box .top-title .p {*/ /*width: 90%;*/ /*font-size: 0.25961rem;*/ /*line-height: 0.4673rem;*/ /*margin-top: 0.5rem;*/ /*}*/ /*.content .box .product {*/ /*margin-top: 1rem;*/ /*}*/ /*.content .box .product .swiper {*/ /*width: 100%;*/ /*height: 120vw;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .swiper-img-box {*/ /*width: 100%;*/ /*height: 60vw;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .swiper-img-box .img img {*/ /*position: absolute;*/ /*top: 0;*/ /*width: auto;*/ /*height: 100%;*/ /*left: -300px;*/ /*right: -300px;*/ /*margin: auto;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right {*/ /*width: 100%;*/ /*height: 90vw;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right .text {*/ /*margin-left: 5%;*/ /*margin-right: 5%;*/ /*margin-top: 0.5rem;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right .text .title {*/ /*font-size: 0.45rem;*/ /*line-height: 0.45rem;*/ /*}*/ /*.content .box .product .swiper .swiper-slide .right .text .h4 {*/ /*font-size: 0.25961rem;*/ /*line-height: 0.4673rem;*/ /*color: #ffffff;*/ /*margin-top: 0.3rem;*/ /*text-align: justify;*/ /*overflow: hidden;*/ /*display: -webkit-box;*/ /*text-overflow: ellipsis;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp: 4;*/ /*}*/ /*.content .box .product .swiper .h-line {*/ /*width: 90%;*/ /*right: 5%;*/ /*height: 0.0144rem;*/ /*bottom: 1.6rem;*/ /*}*/ /*.content .box .product .swiper .swiper-pagination {*/ /*bottom: 0.5rem;*/ /*left: 5%;*/ /*width: auto;*/ /*}*/ /*.content .box .product .swiper .swiper-pagination .dangqian {*/ /*font-size: 0.75rem;*/ /*line-height: 0.75rem;*/ /*}*/ /*.content .box .product .swiper .swiper-pagination .zongshu {*/ /*font-size: 0.43269rem;*/ /*line-height: 0.43269rem;*/ /*}*/ /*.content .box .product .swiper .swiper-button-next,*/ /*.content .box .product .swiper .swiper-button-prev {*/ /*bottom: 0.5rem;*/ /*width: 0.23076rem;*/ /*height: 0.40384rem;*/ /*}*/ /*.content .box .product .swiper .swiper-button-next::after,*/ /*.content .box .product .swiper .swiper-button-prev::after {*/ /*font-size: 0.40384rem;*/ /*}*/ /*.content .box .product .swiper .line {*/ /*width: 0.0288rem;*/ /*height: 0.2884rem;*/ /*background-color: white;*/ /*position: absolute;*/ /*top: auto;*/ /*bottom: 0.55rem;*/ /*right: 1.29rem;*/ /*z-index: 10;*/ /*}*/ /*.content .img-box {*/ /*width: 100%;*/ /*height: 7rem;*/ /*position: relative;*/ /*overflow: hidden;*/ /*}*/ /*.content .img-box .change {*/ /*padding-left: 2.5rem;*/ /*height: 0.705rem;*/ /*width: 100%;*/ /*position: absolute;*/ /*z-index: 2;*/ /*top: 0rem;*/ /*left: 0;*/ /*transform: translateX(0);*/ /*background-color: rgba(255,255,255,0.8);*/ /*display: flex;*/ /*justify-content: center;*/ /*align-items: flex-start;*/ /*overflow-x: auto;*/ /*}*/ /*.content .img-box .change .changeNav {*/ /*flex-shrink: 0;*/ /*width: 2.5rem;*/ /*height: 0.705rem;*/ /*line-height: 0.705rem;*/ /*display: block;*/ /*text-align: center;*/ /*font-size: 0.3rem;*/ /* */ /*font-weight: bold;*/ /*color: #333333;*/ /*transition: all 0.5s;*/ /*cursor: pointer;*/ /*}*/ /*.content .img-box .Swiper1 .swiper-img .text {*/ /*width: 90%;*/ /*text-align: center;*/ /*position: absolute;*/ /*left: 50%;*/ /*bottom: 1.1625rem;*/ /*transform: translateX(-50%);*/ /*}*/ /*.content .img-box .Swiper1 .swiper-img .text p {*/ /*font-size: 0.35rem;*/ /*text-align: center;*/ /*font-weight: 400;*/ /*color: #fff;*/ /*line-height: 0.45rem;*/ /*}*/ /*.content .img-box .Swiper1 .prev1,*/ /*.content .img-box .Swiper1 .next1,*/ /*.content .img-box .Swiper1 .prev2,*/ /*.content .img-box .Swiper1 .next2*/ /*{*/ /*width: 0.6rem;*/ /*height: 0.6rem;*/ /*background-color: #fff;*/ /*box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);*/ /*border-radius: 50%;*/ /*color: #ea222d;*/ /*transition: all 0.5s;*/ /*display: none;*/ /*}*/ /*.content .img-box .Swiper1 .prev1,*/ /*.content .img-box .Swiper1 .prev2*/ /*{*/ /*margin-left: 0.05rem;*/ /*}*/ /*.content .img-box .Swiper1 .next1,*/ /*.content .img-box .Swiper1 .next2{*/ /*margin-right: 0.05rem;*/ /*}*/ /*}*/ /*@-webkit-keyframes fadeInUp {*/ /*0% {*/ /*opacity: 0;*/ /*-webkit-transform: translate3d(0, 50px, 0);*/ /*transform: translate3d(0, 50px, 0);*/ /*}*/ /*100% {*/ /*opacity: 1;*/ /*-webkit-transform: none;*/ /*transform: none;*/ /*}*/ /*}*/ /*@keyframes fadeInUp {*/ /*0% {*/ /*opacity: 0;*/ /*-webkit-transform: translate3d(0, 50px, 0);*/ /*-ms-transform: translate3d(0, 50px, 0);*/ /*transform: translate3d(0, 50px, 0);*/ /*}*/ /*100% {*/ /*opacity: 1;*/ /*-webkit-transform: none;*/ /*-ms-transform: none;*/ /*transform: none;*/ /*}*/ /*}*/ /*.fadeInUp {*/ /*-webkit-animation-name: fadeInUp;*/ /*animation-name: fadeInUp;*/ /*}*/