@media (max-width:1700px){ * { padding: 0; margin: 0; } .area1600 { width: 1200px; margin: 0 auto; } .r-img-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .r-img-box .info-box .title { width: 450px; font-size: 32px; font-weight: 600; padding-bottom: 30px; } } @media (min-width:1700px){ * { padding: 0; margin: 0; } .area1600 { width: 1600px; margin: 0 auto; } .r-img-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .r-img-box .info-box .title { width: 450px; font-size: 36px; font-weight: 600; padding-bottom: 30px; } } @media (max-width:1200px){ * { padding: 0; margin: 0; } .area1600 { width: 1200px; margin: 0 auto; } .r-img-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .r-img-box .info-box .title { width: 450px; font-size: 32px; font-weight: 600; padding-bottom: 30px; } }
.solution-outer-box0805 { width: 1200px; margin: 0 auto; } .solution-outer-box0805 .solution-title { float: left; height: 42px; font-size: 32px; color: #252525; font-weight: 600; margin: 36px 0; } .solution-outer-box0805 .program-more{ float: right; margin: 36px 0; margin-right: 10px; vertical-align: middle; display: inline-block; line-height: 46px; cursor: pointer; } .solution-outer-box0805 .program-more .program-more-txt { font-size: 16px; color: #252525; } .solution-outer-box0805 .program-more .program-more-icon { display: inline-block; width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); } .solution-outer-box0805 .solution-box0805 { width: 100%; } .solution-outer-box0805 .solution-box0805::after { content: ""; display: block; clear: both; } .solution-outer-box0805 .solution-box0805 .solution-item { width: 392px; height: 202px; margin-right: 10px; float: left; position: relative; margin-bottom: 10px; } .solution-outer-box0805 .solution-box0805 .solution-item .hover-box-a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background: rgba(0, 0, 0, .8); } .solution-outer-box0805 .solution-box0805 .solution-item .hover-box { width: 100%; height: 100%; text-align: center; } .solution-outer-box0805 .solution-box0805 .solution-item .hover-box .hover-box-title { font-size: 18px; color: #fff; padding-top: 77px; padding-bottom: 16px; } .solution-outer-box0805 .solution-box0805 .solution-item .hover-box .hover-box-img { font-size: 18px; color: #fff; width: 18px; height: 15px; } .solution-outer-box0805 .solution-box0805 .solution-item .solution-item-img { width: 100%; height: 100%; } .solution-outer-box0805 .solution-box0805 .solution-item .item-text { width: 100%; height: 44px; line-height: 44px; background: rgba(0, 0, 0, .5); position: absolute; bottom: 0; left: 0; color: #fff; padding: 0 20px; font-size: 16px; box-sizing: border-box; cursor: pointer; } .solution-outer-box0805 .solution-box0805 .solution-item:nth-child(3n) { margin-right: 0px; } .solution-outer-box0805 .solution-more-box { text-align: center; } .solution-outer-box0805 .solution-more-box .solution-get-more { display: inline-block; height: 18px; font-size: 16px; color: #5f5f5f; text-align: center; font-weight: 400; margin: 0 auto; cursor: pointer; padding: 10px 0; } .solution-outer-box0805 .solution-more-box .solution-get-more:hover{ color: #252525; } .solution-outer-box0805 .solution-get-more .right-arrow { display: inline-block; width: 12px; height: 12px; background: url(https://p4.lefile.cn/product/adminweb/2019/10/30/1987c72b-c35c-4679-a712-6dcf0ca73c58.png) no-repeat -84px -34px; cursor: pointer; } @media screen and (min-width: 1700px) { .solution-outer-box0805 { width: 1600px; } .solution-outer-box0805 .solution-box0805 .solution-item { width: 526px; height: 270px; } .solution-outer-box0805 .solution-box0805 .solution-item .hover-box .hover-box-title { padding-top: 100px; padding-bottom: 10px; } .solution-outer-box0805 .solution-title { font-size: 36px; } .solution-outer-box0805 .solution-box0805 .solution-item .hover-box .hover-box-img { width: 22px; height: 16px; } .solution-outer-box0805 .solution-box0805 .solution-item .item-text { height: 50px; line-height: 50px; font-size: 18px; } }
* { margin: 0; padding: 0; } a { text-decoration: none; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: ""; } .news-swiper-center { position: relative; width: 1200px; margin: 0 auto; } .news-swiper-center .news-top { width: 100%; margin-bottom: 38px; } .news-swiper-center .news-top .news-title { float: left; font-size: 32px; color: #252525; font-weight: bold; } .news-swiper-center .news-top .news-more { float: right; vertical-align: middle; display: inline-block; line-height: 46px; cursor: pointer; } .news-swiper-center .news-top .news-more .news-more-txt { font-size: 16px; color: #606060; vertical-align: middle; } .news-swiper-center .news-top .news-more .news-more-icon { display: inline-block; width: 6px; height: 6px; border-top: 1px solid #606060; border-right: 1px solid #606060; transform: rotate(45deg); vertical-align: middle; } .news-swiper-center .news-wrap .news-left-swiper { float: left; width: 739px; height: 438px; background-color: red; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container { position: relative; width: 100%; height: 100%; overflow: hidden; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container .news-swiper-pagination { position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet-active { width: 35px; height: 10px; border-radius: 10px; opacity: 1  !important; background-color: #fff; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: .5; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container .news-swiper-wrapper { width: 100%; height: 100%; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container .news-swiper-wrapper .news-swiper-slide { width: 100%; height: 100%; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container .news-swiper-wrapper .news-swiper-slide .news-slide-link { display: block; width: 100%; height: 100%; } .news-swiper-center .news-wrap .news-left-swiper .news-swiper-container .news-swiper-wrapper .news-swiper-slide .news-slide-link .news-swiper-slide-img { width: 100%; height: 100%; } .news-swiper-center .news-wrap .news-right-list { float: left; float: left; margin-left: 10px; } .news-swiper-center .news-wrap .news-right-list .news-right-card { width: 450px; height: 144px; cursor: pointer; background: #f4f4f4; border-bottom: 2px solid #fff; } .news-swiper-center .news-wrap .news-right-list .news-right-card.news-right-card-active { background: #fff; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-right-link { display: block; width: 100%; height: 100%; } .news-swiper-center .news-wrap .news-right-list .news-right-card:hover { border-bottom: 2px solid #e12726; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-left { float: left; width: 89px; height: 100%; text-align: center; line-height: 103px; font-size: 46px; color: #c9c9c9; font-weight: bold; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-left.news-card-left-red { color: #e12726; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right { width: 360px; height: 100%; float: left; position: relative; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right .right-arrow-bg { display: block; width: 24px; height: 20px; background: url(//p4.lefile.cn/fes/cms/2021/09/08/9z00utg9ku7dk7nh64qmaerbfdkwqq400161.png) no-repeat; background-size: contain; position: absolute; right: 28px; bottom: 24px; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right .news-card-right-wrap { width: 100%; height: 70px; position: relative; top: 50%; margin-top: -40px; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right .news-card-right-wrap .news-card-title { width: 90%; font-size: 18px; line-height: 20px; color: #252525; font-weight: 600; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right .news-card-right-wrap .news-card-subtitle { width: 85%; font-size: 14px; color: #7b7b7b; font-weight: 400; margin-bottom: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right .news-card-right-wrap .news-card-time { font-size: 12px; color: #7b7b7b; font-weight: 400; } @media screen and (min-width: 1700px) { .news-swiper-center { width: 1600px; } .news-swiper-center .news-top .news-title { font-size: 36px; } .news-swiper-center .news-wrap .news-left-swiper { width: 1064px; height: 630px; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-left { width: 119px; line-height: 210px; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right { width: 407px; } .news-swiper-center .news-wrap .news-right-list .news-right-card { width: 526px; height: 210px; background:#f4f4f4; } .news-swiper-center .news-wrap .news-right-list .news-right-card .news-card-right .news-card-right-wrap { margin-top: -31px; } }
.item-outer-box0730{ padding-bottom: 12px; } .item-outer-box0730 .item-inner-box1600 { width: 1200px; margin: 0 auto; } .item-outer-box0730 .item-inner-box1600::after { content: ""; display: block; clear: both; } .item-outer-box0730 .item-inner-box1600 .item { display: block; width: 292px; height: 194px; float: left; margin-right: 10px; cursor: pointer; -o-transition: all .2s linear; -ms-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear } .item-outer-box0730 .item-inner-box1600 .item:hover { -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) } .item-outer-box0730 .item-inner-box1600 .item .title { font-size: 20px; line-height: 24px; font-weight: 600; padding-top: 58px; padding-left: 28px; color: #fff; } .item-outer-box0730 .item-inner-box1600 .item .des { height: 30px; font-size: 14px; color: #fff; line-height: 14px; font-weight: 400; line-height: 30px; padding-left: 28px; } .item-outer-box0730 .item-inner-box1600 .item:nth-child(4n) { margin-right: 0px; } @media screen and (min-width: 1700px) { .item-outer-box0730 .item-inner-box1600 { width: 1600px; } .item-outer-box0730 .item-inner-box1600 .item { width: 392px; height: 260px; } .item-outer-box0730 .item-inner-box1600 .item .title { font-size: 24px; } }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.swiper-pagination-roundnessNumber { display: inline-block; border-radius: 50%; margin: 0 8px; cursor: pointer; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, .2); } .swiper-pagination-roundnessNumber.active { color: #fff; background: #007aff; } .swiper-pagination-oblate { display: inline-block; border-radius: 100px; width: 8px; height: 8px; background: rgba(255, 255, 255, .40); margin: 0 8px; } .swiper-pagination-oblate.active { width: 50px; height: 8px; background: #fff; border-radius: 100px; } .swiper-pagination-rectangle { display: inline-block; width: 8px; height: 8px; background: rgba(255, 255, 255, .40); margin: 0 8px; } .swiper-pagination-rectangle.active { width: 50px; height: 8px; background: #fff; } .swiper-pagination-round { display: inline-block; width: 1px; height: 8px; vertical-align: middle; background: #fff; margin: 0 8px; } .swiper-pagination-round.active { display: inline-block; border-radius: 20px; width: 16px; height: 16px; border: 2px solid #fff; vertical-align: middle; background: transparent; } .swiper-moto { overflow-x: hidden; } .swiper-moto .swiper-button-prev, .swiper-moto .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; } .swiper-button-next:after, .swiper-button-prev:after { content: ''  !important; }
@media (max-width:1700px){ * { padding: 0; margin: 0; } .area1600 { width: 1200px; margin: 0 auto; } .l-img-box-tp:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .l-img-box-tp { *zoom: 1; } .l-img-box-tp .title-tp { width: 700px; font-size: 32px; font-weight: 600; } .l-img-box-tp .info-box-tp { float: left; } .l-img-box-tp .info-box-tp .left-img-tp { width: 1200px; height: 100%; float: left; position: relative; } .l-img-box-tp .info-box-tp .left-img-tp img { position: relative; z-index: 1; width: 100%; height: 100%; } } @media (min-width:1700px){ * { padding: 0; margin: 0; } .area1600 { width: 1600px; margin: 0 auto; } .l-img-box-tp:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .l-img-box-tp { *zoom: 1; } .l-img-box-tp .title-tp { width: 700px; font-size: 36px; font-weight: 600; } .l-img-box-tp .info-box-tp { float: left; } .l-img-box-tp .info-box-tp .left-img-tp { width: 1600px; height: 100%; float: left; position: relative; } .l-img-box-tp .info-box-tp .left-img-tp img { position: relative; z-index: 1; width: 100%; height: 100%; } } @media (max-width:1200px){ * { padding: 0; margin: 0; } .area1600 { width: 1200px; margin: 0 auto; } .l-img-box-tp:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .l-img-box-tp { *zoom: 1; } .l-img-box-tp .title-tp { width: 700px; font-size: 32px; font-weight: 600; } .l-img-box-tp .info-box-tp { float: left; } .l-img-box-tp .info-box-tp .left-img-tp { width: 1200px; height: 100%; float: left; position: relative; } .l-img-box-tp .info-box-tp .left-img-tp img { position: relative; z-index: 1; width: 100%; height: 100%; } }
* { margin: 0; padding: 0; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: ""; } .success-case { text-align: center; padding-bottom: 45px; } .success-case .success-case-midd { width: 1200px; display: inline-block; } .success-case .success-case-midd .success-case-top { width: 100%; margin-bottom: 38px; } .success-case .success-case-midd .success-case-top::after { content: ""; display: block; clear: both; } .success-case .success-case-midd .success-case-top .success-case-title { float: left; font-size: 32px; color: #252525; font-weight: bold; } .success-case .success-case-midd .success-case-top .success-case-more { float: right; vertical-align: middle; display: inline-block; line-height: 46px; cursor: pointer; } .success-case .success-case-midd .success-case-top .success-case-more .success-case-more-txt { font-size: 16px; color: #252525; } .success-case .success-case-midd .success-case-top .success-case-more .success-case-more-icon { display: inline-block; width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); } .success-case .success-case-midd .success-case-wrap { width: 1250px; margin-top: 44px; } .success-case .success-case-midd .success-case-wrap .success-case-card { float: left; background: #fff; margin-right: 10px; width: 392px; -o-transition: all .2s linear; -ms-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear } .success-case .success-case-midd .success-case-wrap .success-case-card a { width: 100%; height: 100%; display: block; } .success-case .success-case-midd .success-case-wrap .success-case-card:hover { -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-top { width: 100%; height: 293px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-top .success-case-card-top-img { width: 100%; height: 100%; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt { padding: 14px 24px 16px 24px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-bottom { text-align: left; font-size: 20px; color: #252525; font-weight: 400; overflow: hidden; text-overflow: ellipsis; height: 30px; white-space: nowrap; margin: 0 0 6px 0; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-sp { display: inline-block; text-align: left; height: 38px; margin-bottom:4px; width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size: 12px; color: #7b7b7b; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media screen and (min-width: 1700px) { .success-case .success-case-midd { width: 1600px; } .success-case .success-case-midd .success-case-wrap { width: 1650px; } .success-case .success-case-midd .success-case-wrap .success-case-card { width: 526px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-top { height: 393px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-bottom { font-size: 22px; margin: 0 0 13px 0; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt { padding: 23px 33px 25px 35px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-sp { font-size: 14px; } }