.list-box-bottom { width: 1200px; margin: 0 auto; font-size: 0; padding-bottom: 80px; } .list-box-bottom .box3-left { width: 755px; height: 424px; float: left; } .list-box-bottom .box3-left img { width: 100%; height: 100%; } .list-box-bottom .box-bottom-right { width: 424px; height: 424px; float: right; } .list-box-bottom .box-bottom-right img { width: 424px; height: 200px; float: right; } .list-box-bottom .box-bottom-right a { display: inline-block; } .list-box-bottom .box-bottom-right a:nth-child(2) { margin-top: 24px; } .list-box-bottom .item-imgs:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%); box-shadow: 0 15px 30px rgb(0 0 0 / 10%); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); transition: .3s; } .list-box-bottom::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box-top1200 { margin: 0 auto; width: 1200px; height: auto; position: relative; z-index: 0; cursor: pointer; overflow: hidden; } .box-top1200 .infomation-outer-box { display: block; position: absolute; width: 100%; top: 337px; opacity: 0; z-index: 100; } .box-top1200 .infomation-box { display: block; width: 1200px; height: auto; } .box-top1200 img { width: 100%; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top:0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top:26px; }
.area1200 { width: 1200px; margin: 0 auto; font-size: 0; } .boxColumn2, .boxColumn3, .boxColumn4 { padding-bottom: 80px; } .boxColumn2 a { display: inline-block; margin-right: 18px; margin-bottom: 18px; float: left; } .boxColumn2 a:nth-child(2n) { margin-right: 0; } .boxColumn2 .item-imgs { width: 590px; height: auto; } .boxColumn2 .item-imgs:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%); box-shadow: 0 15px 30px rgb(0 0 0 / 10%); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); transition: .3s; } .boxColumn3 a { display: inline-block; margin-right: 13px; margin-bottom: 13px; float: left; } .boxColumn3 a:nth-child(3n) { margin-right: 0; } .boxColumn3 .item-imgs { width: 390px; height: auto; } .boxColumn3 .item-imgs:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%); box-shadow: 0 15px 30px rgb(0 0 0 / 10%); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); transition: .3s; } .boxColumn4 a { display: inline-block; margin-right: 26px; margin-bottom: 26px; float: left; } .boxColumn4 a:nth-child(4n) { margin-right: 0; } .boxColumn4 .item-imgs { width: 280px; height: auto; } .boxColumn4 .item-imgs:hover { z-index: 2; -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%); box-shadow: 0 15px 30px rgb(0 0 0 / 10%); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); transition: .3s; } .boxColumn2::after, .boxColumn3::after, .boxColumn4::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.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; }