.areawidth1200 { 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; color: #000; font-weight: bold; padding: 40px 0; } .l-img-box .info-box { position: relative; } .info-box::after { content: ""; display: block; clear: both; } .l-img-box .info-box .left-img { width: 689px; height: 323px; float: left; left: 0; top: 48px; } .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 { } .l-img-box .info-box .right-txt { width: 394px; height: 397px; padding-left: 170px; padding-right: 60px; background: #fff; text-align: justify; color: #fff; margin-top: -36px; float: left; margin-left: -123px; box-sizing: content-box; } .l-img-box .info-box .right-txt .right-txt-title { height: 26px; font-size: 22px; text-align: center; color: #252525; letter-spacing: 0; font-weight: 600; padding-top: 60px; } .l-img-box .info-box .right-txt .right-txt-info { height: 172px; padding-top: 32px; font-size: 14px; color: #5f5f5f; line-height: 24px; font-weight: 400; } .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 screen and (min-width: 1700px) { .areawidth1200 { width: 1600px; } .l-img-box .info-box .left-img { width: 920px; height: 430px; float: left; left: 0; top: 48px; } .l-img-box .info-box .right-txt { width: 570px; height: 529px; margin-top: -47px; } .l-img-box .info-box .right-txt .right-txt-title { padding-top: 123px; } .l-img-box .info-box .right-txt .right-txt-info { padding-top: 40px; } }
.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; } }
#certify { width: 1200px; margin: 0 auto; } #certify .swiper-wrapper { width: 1200px  !important; height: 510px  !important; margin: 0 auto; } #certify .swiper-slide { position: relative; font-size: 0; height: 510px  !important; border-radius: 2px  !important; } #certify .swiper-slide .video-box-a { display: block; } #certify .swiper-slide .video-box { width: auto; height: 510px  !important; } #certify .swiper-slide .slide-video { width: auto; height: 510px  !important; } #certify .swiper-slide .slide-video, #certify .swiper-slide .slide-img-box { height: 510px  !important; } #certify .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 55px; } #certify .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { right: 55px; } #certify .swiper-slide.swiper-slide-active .video-box .brief-box { width: 100%; height: 135px; background: transparent; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); } #certify .swiper-slide.swiper-slide-active .video-box .brief-box .brief-title { display: block; padding: 20px 34px 0; font-size: 20px; color: #fff; letter-spacing: 0; } #certify .swiper-slide.swiper-slide-active .brief-box .brief-text { display: block; padding: 15px 34px 0; font-size: 12px; color: #fff; letter-spacing: 0; opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #certify .swiper-slide.swiper-slide-active .brief-box .brief-getmore { display: block; padding: 15px 34px 0; font-size: 12px; color: #fff; opacity: .8; letter-spacing: 0; font-weight: 400; width: 158px; } #certify .swiper-slide .brief-box .brief-title, #certify .swiper-slide .brief-box .brief-text, #certify .swiper-slide .brief-box .brief-getmore { font-size: 14px; color: transparent; opacity: .8; } #certify .swiper-slide .brief-box .brief-getmore:hover { opacity: 1; } #certify .program-top { width: 100%; margin-bottom: 38px; } #certify .program-top::after { content: ""; display: block; clear: both; } #certify .program-top .program-title { float: left; font-size: 32px; color: #252525; font-weight: bold; } #certify .program-top .program-more { float: right; vertical-align: middle; display: inline-block; line-height: 46px; cursor: pointer; } #certify .program-top .program-more .program-more-txt { font-size: 16px; color: #606060; vertical-align: middle; } #certify .program-top .program-more .program-more-icon { display: inline-block; width: 7px; height: 7px; border-top: 1px solid #606060; border-right: 1px solid #606060; transform: rotate(45deg); vertical-align: middle; } @media screen and (min-width: 1700px) { #certify { width: 1600px; margin: 0 auto; } #certify .swiper-wrapper { width: 1600px  !important; height: 680px  !important; margin: 0 auto; } #certify .swiper-slide .brief-box { background-color: transparent; padding: 0; } #certify .swiper-slide .video-box { height: 680px  !important; position: relative; } #certify .swiper-slide .slide-video, #certify .swiper-slide .slide-img-box { height: 680px  !important; } #certify .swiper-slide.swiper-slide-active .video-box .brief-box { width: 100%; height: 180px; background: transparent; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 65%, rgba(0, 0, 0, 1) 100%); } #certify .swiper-slide.swiper-slide-active .video-box .brief-box .brief-title { display: block; padding: 30px 46px 0; font-size: 22px; color: #fff; letter-spacing: 0; } #certify .swiper-slide.swiper-slide-active .brief-box .brief-text { display: block; padding: 20px 46px 0; font-size: 14px; color: #fff; letter-spacing: 0; opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #certify .swiper-slide.swiper-slide-active .brief-box .brief-getmore { display: block; padding: 25px 46px 0; font-size: 14px; color: #fff; opacity: .8; letter-spacing: 0; font-weight: 400; width: 158px; } #certify .swiper-slide.swiper-slide-active .brief-box .brief-getmore:hover { opacity: 1; } #certify .program-top .program-title { font-size: 36px; } }
.detail-scheme { width: 1200px; min-height: 320px; background: #fff; margin: 0 auto; } .detail-scheme .title { padding-top: 35px; padding-bottom: 28px; font-size: 26px; color: #000; text-align: center; font-weight: 600; } .detail-scheme .scheme-imgs-box { font-size: 0; padding: 0 40px; } .detail-scheme .scheme-imgs-box::after { content: " "; display: block; clear: both; } .detail-scheme .scheme-imgs-box .scheme-imgs-a { display: block; width: 366px; height: 188px; float: left; margin-right: 9px; position: relative; -o-transition: all .2s linear; -ms-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear } .detail-scheme .scheme-imgs-box .scheme-imgs-a: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) } .detail-scheme .scheme-imgs-box .scheme-imgs-a:nth-child(3n) { margin-right: 0; } .detail-scheme .scheme-imgs-box .scheme-imgs-a .scheme-imgs { width: 100%; } .detail-scheme .scheme-imgs-box .scheme-imgs-a .scheme-bottom-text { position: absolute; bottom: 0; left: 0; height: 28px; font-size: 18px; color: #fff; padding: 0 20px; width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .5); box-sizing: border-box; } .detail-scheme .scheme-imgs-box .scheme-imgs-a .scheme-bottom-text .arrow-right { width: 18px; height: 14px; right: 5px; top: 12px; float: right; margin-top: 12px; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.solution-banner-box { height: 520px; } .solution-banner-box .solution-1600 { width: 1200px; margin: 0 auto; padding-top: 130px; padding-left: 120px; } .solution-banner-box .solution-1600 .title { height: 48px; font-size: 40px; line-height: 40px; color: #252525; font-weight: 600; } .solution-banner-box .solution-1600 .des { width: 529px; font-size: 14px; color: #5f5f5f; line-height: 24px; font-weight: 400; margin-top: 13px; } .solution-banner-box .solution-1600 .go-consult { display: inline-block; width: 93px; height: 32px; background: transparent; color: #5f5f5f; border:1px solid #5f5f5f ; line-height: 30px; text-align: center; margin-top: 22px; opacity: .8; } .solution-banner-box .solution-1600 .go-consult:hover { opacity: 1; } @media screen and (min-width: 1700px) { .solution-banner-box .solution-1600 { width: 1600px; } .solution-banner-box .solution-1600 .des { width: 640px; } }