@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: 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 (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; } }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.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; }
@media (max-width:1700px){ * { padding: 0; margin: 0; } .area1600 { width: 1200px; margin: 0 auto; } .l-img-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .l-img-box { *zoom: 1; } .l-img-box .title { width: 700px; font-size: 32px; font-weight: 600; padding-bottom: 20px; } .l-img-box .line-black { margin: 20px 0; width: 66px; height: 16px; background-color: #000; } .l-img-box .time { color: #252525; margin-bottom: 30px; font-size: 22px; font-weight: 600; } .l-img-box .info-box { float: left; } .l-img-box .info-box .left-img { width: 650px; height: 395px; float: left; position: relative; cursor: pointer; } .l-img-box .info-box .red-block { width: 25px; height: 25px; background-color: #ce0000; position: absolute; top: 10px; right: -12px; z-index: 10; } .l-img-box .info-box .xiedao-img { width: 152px; height: 132px; background: url(./image/xiedao.png) center; background-size: 100%; position: absolute; top: -82px; right: -35px; } .l-img-box .info-box .left-img img { position: relative; z-index: 1; width: 100%; height: 100%; } .l-img-box .info-box .left-img img: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; } .l-img-box .info-box .right-txt { width: 450px; height: 100%; padding-top: 60px; float: left; padding-left: 60px; text-align: justify; color: #8a8a8a; position: relative; } .l-img-box .info-box .right-txt img { position: absolute; width: 20px; height: 18px; left: 32px; top: 62px; } .right-txt-wb { font-size: 14px; line-height: 24px; } .l-img-box .info-box .right-txt a { display: inline-block; font-size: 14px; width: 95px; height: 28px; line-height: 28px; text-align: center; background-color: #818182; color: #fff; cursor: pointer; margin-top: 40px; } .shipin-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 999999999; } .shipin-modal .content { position: relative; width: 100%; height: 100%; } .shipin-modal .content .saoma-main { width: 1110px; height: 530px; position: absolute; top: 10%; left: 50%; transform: translateX(-50%); background: #fff; } .shipin-modal .content .saoma-main .position-box { position: relative; width: 100%; height: 100%; background: #000; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live { position: absolute; top: 25px; right: 20px; display: block; width: 30px; height: 30px; cursor: pointer; z-index: 100; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live img { display: block; width: 100%; height: 100%; } .shipin-modal .content .saoma-main .position-box .saoma-box { width: 100%; text-align: center; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao { width: 100%; text-align: center; margin: 0; padding: 0; margin-top: 40px; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao span { font-size: 30px; color: #333; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul { width: 600px; margin: 0; padding: 0; margin: 0 auto; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li { width: 100%; text-align: left; border-bottom: 1px dashed #c3c3c3; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 { display: block; width: 100%; text-align: left; float: left; margin: 0; padding: 0; color: #adadad; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian { width: 6px; float: left; height: 45px; line-height: 45px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian img { display: block; width: 6px; margin-top: 19px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text { height: 281px; line-height: 281px; float: left; width: 450px; overflow: hidden; font-size: 16px; margin-left: 100px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text:hover { text-decoration: underline; color: #4488e1; } } @media (min-width:1700px){ * { padding: 0; margin: 0; } .area1600 { width: 1200px; margin: 0 auto; } .l-img-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .l-img-box { *zoom: 1; } .l-img-box .title { width: 700px; font-size: 32px; font-weight: 600; padding-bottom: 20px; } .l-img-box .line-black { margin: 20px 0; width: 66px; height: 16px; background-color: #000; } .l-img-box .time { color: #252525; margin-bottom: 30px; font-size: 22px; font-weight: 600; } .l-img-box .info-box { float: left; } .l-img-box .info-box .left-img { width: 650px; height: 395px; float: left; position: relative; cursor: pointer; } .l-img-box .info-box .red-block { width: 25px; height: 25px; background-color: #ce0000; position: absolute; top: 10px; right: -12px; z-index: 10; } .l-img-box .info-box .xiedao-img { width: 152px; height: 132px; background: url(./image/xiedao.png) center; background-size: 100%; position: absolute; top: -82px; right: -35px; } .l-img-box .info-box .left-img img { position: relative; z-index: 1; width: 100%; height: 100%; } .l-img-box .info-box .left-img img: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; } .l-img-box .info-box .right-txt { width: 450px; height: 100%; padding-top: 60px; float: left; padding-left: 60px; text-align: justify; color: #8a8a8a; position: relative; } .l-img-box .info-box .right-txt img { position: absolute; width: 20px; height: 18px; left: 32px; top: 62px; } .right-txt-wb { font-size: 14px; line-height: 24px; } .l-img-box .info-box .right-txt a { display: inline-block; font-size: 14px; width: 95px; height: 28px; line-height: 28px; text-align: center; background-color: #818182; color: #fff; cursor: pointer; margin-top: 40px; } .shipin-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 999999999; } .shipin-modal .content { position: relative; width: 100%; height: 100%; } .shipin-modal .content .saoma-main { width: 1110px; height: 530px; position: absolute; top: 10%; left: 50%; transform: translateX(-50%); background: #fff; } .shipin-modal .content .saoma-main .position-box { position: relative; width: 100%; height: 100%; background: #000; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live { position: absolute; top: 25px; right: 20px; display: block; width: 30px; height: 30px; cursor: pointer; z-index: 100; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live img { display: block; width: 100%; height: 100%; } .shipin-modal .content .saoma-main .position-box .saoma-box { width: 100%; text-align: center; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao { width: 100%; text-align: center; margin: 0; padding: 0; margin-top: 40px; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao span { font-size: 30px; color: #333; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul { width: 600px; margin: 0; padding: 0; margin: 0 auto; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li { width: 100%; text-align: left; border-bottom: 1px dashed #c3c3c3; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 { display: block; width: 100%; text-align: left; float: left; margin: 0; padding: 0; color: #adadad; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian { width: 6px; float: left; height: 45px; line-height: 45px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian img { display: block; width: 6px; margin-top: 19px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text { height: 281px; line-height: 281px; float: left; width: 450px; overflow: hidden; font-size: 16px; margin-left: 100px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text:hover { text-decoration: underline; color: #4488e1; } } @media (max-width:1200px){ * { padding: 0; margin: 0; } .area1600 { width: 1200px; margin: 0 auto; } .l-img-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .l-img-box { *zoom: 1; } .l-img-box .title { width: 700px; font-size: 32px; font-weight: 600; padding-bottom: 20px; } .l-img-box .line-black { margin: 20px 0; width: 66px; height: 16px; background-color: #000; } .l-img-box .time { color: #252525; margin-bottom: 30px; font-size: 22px; font-weight: 600; } .l-img-box .info-box { float: left; } .l-img-box .info-box .left-img { width: 650px; height: 395px; float: left; position: relative; cursor: pointer; } .l-img-box .info-box .red-block { width: 25px; height: 25px; background-color: #ce0000; position: absolute; top: 10px; right: -12px; z-index: 10; } .l-img-box .info-box .xiedao-img { width: 152px; height: 132px; background: url(./image/xiedao.png) center; background-size: 100%; position: absolute; top: -82px; right: -35px; } .l-img-box .info-box .left-img img { position: relative; z-index: 1; width: 100%; height: 100%; } .l-img-box .info-box .left-img img: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; } .l-img-box .info-box .right-txt { width: 450px; height: 100%; padding-top: 60px; float: left; padding-left: 60px; text-align: justify; color: #8a8a8a; position: relative; } .l-img-box .info-box .right-txt img { position: absolute; width: 20px; height: 18px; left: 32px; top: 62px; } .right-txt-wb { font-size: 14px; line-height: 24px; } .l-img-box .info-box .right-txt a { display: inline-block; font-size: 14px; width: 95px; height: 28px; line-height: 28px; text-align: center; background-color: #818182; color: #fff; cursor: pointer; margin-top: 40px; } .shipin-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 999999999; } .shipin-modal .content { position: relative; width: 100%; height: 100%; } .shipin-modal .content .saoma-main { width: 1110px; height: 530px; position: absolute; top: 10%; left: 50%; transform: translateX(-50%); background: #fff; } .shipin-modal .content .saoma-main .position-box { position: relative; width: 100%; height: 100%; background: #000; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live { position: absolute; top: 25px; right: 20px; display: block; width: 30px; height: 30px; cursor: pointer; z-index: 100; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live img { display: block; width: 100%; height: 100%; } .shipin-modal .content .saoma-main .position-box .saoma-box { width: 100%; text-align: center; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao { width: 100%; text-align: center; margin: 0; padding: 0; margin-top: 40px; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao span { font-size: 30px; color: #333; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul { width: 600px; margin: 0; padding: 0; margin: 0 auto; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li { width: 100%; text-align: left; border-bottom: 1px dashed #c3c3c3; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 { display: block; width: 100%; text-align: left; float: left; margin: 0; padding: 0; color: #adadad; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian { width: 6px; float: left; height: 45px; line-height: 45px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian img { display: block; width: 6px; margin-top: 19px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text { height: 281px; line-height: 281px; float: left; width: 450px; overflow: hidden; font-size: 16px; margin-left: 100px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text:hover { text-decoration: underline; color: #4488e1; } }