.wrap { width: 1400px;margin: 0 auto; } .layout { overflow: hidden;background: #fff;margin: 0 auto;position: relative; } .header { position: absolute;z-index: 111;top: 0;left: 0;right: 0;margin: 0 auto; background: rgba(0,0,0,.5); } .header .logo { float: left;width: 80px;height: auto;display: block;margin-top: 22px; } .videpic img{ display: block;width: 100%;cursor: pointer; } .noneweb{ display: none; } .header .logo img { display: block;width: 100%; } .header .naver { float: right;margin-top: 8px; } .header .naver li { float: left;margin-right: 85px; } .header .naver li:last-child { margin-right: 0; } .header .naver li h2 a { display: block;font-size: 16px;line-height: 92px;color: #fff; } .header .naver li h2 { position: relative; } .header .naver li h2 i { display: block;position: absolute;top: 50%;transform: translateY(-50%);background: #fff; left: -21px;height: 11px;width: 0px;border-radius: 2px;z-index: 33; } .header .naver li:hover h2 i, .header .naver li.on h2 i { width: 5px; } .header .naver li h2 i::before { position: absolute;z-index: 11;content: ""; left: 0;right: 0;margin: 0 auto;top: -55px;width: 1px;height: 0; background: rgba(255,255,255,0.44); } .header .naver li.on h2 i::before, .header .naver li:hover h2 i::before { height: 57px; } .header .nli { top: 100px;position: absolute;z-index: 222;left: 0;right: 0;margin: 0 auto;background: #fff;display: none; } .header .nli .lts { float: left;width: 50%; } .header .nli .lts dl { overflow: hidden;margin-top: 20px; } .header .nli .lts dd { float: left;width: calc((100% - 30px)/2);position: relative; } .header .nli .lts dd:nth-child(2n) { float: right; } .header .nli .lts dd a { display: block;font-size: 16px;line-height: 42px;color: #363636; } .header .nli .lts dd::before { position: absolute;z-index: 11;content: ""; bottom: 0;left: 0;height: 1px;width: 0;background: #dcdcdc;transition: all 0.3s; } .header .nli .lts dd:hover::before { width: 100%; } .header .nli .lts dd i { height: 42px;width: 20px;background: url(../images/a7.png) no-repeat center; position: absolute;z-index: 55;right: 0;top: 0;transition: all 0.3s;opacity: 0; } .header .nli .lts dd:hover i { opacity: 1; } .header .nli .fb { position: absolute;z-index: -1;left: 0;right: 0;margin: 0 auto; bottom: 0;height: auto; } .header .nli .fb img { display: block;width: 100%; } .header .nli .rts { float: right;width: 49%;margin-top: 8px;position: relative;z-index: 33; } .header .nli .rts .swimgs { float: right;width: 435px;height: 300px;overflow: hidden; } .header .nli .wrap { padding: 55px 0 50px;position: relative;z-index: 66; } .header .nli .rts .swimgs>div{ height: 100%; } .header .nli .rts .swimgs .swiper-slide { position: relative;height: 100%;width: 100%;border: 1px solid #eee; -webkit-box-sizing: border-box;background: #fff; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px; } .header .nli .rts .swimgs .swiper-slide a { display: block;height: 100%; } .header .nli .rts .swimgs .swiper-slide img { display: block;max-width: 70%;max-height: 70%; position: absolute;z-index: 11;top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto; } .header .nli .rts .swicon { float: left;width: 240px;height: 300px;overflow: hidden; } .header .nli .rts .swicon .swiper-slide{ height: 144px;width: 100%;overflow: hidden; border: 1px solid #eee;background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px; margin-bottom: 20px; } .header .nli .rts .swicon .swiper-slide a { display: block;height: 100%; } .header .nli .rts .swicon .swiper-slide img { display: block;position: absolute;z-index: 11;top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto;max-width: 70%;max-height: 70%; } .fbaner { height: 900px;position: relative; } .fbaner .swiperspan{ position: absolute;left: 0;right: 0; bottom: 30px;z-index: 111;text-align: center; } .fhabout { padding: 110px 0; } .fhabout .lts { float: left;margin-top: 4px;width: 240px; } .ftlt h3{ font-size: 34px;line-height: 44px;color: #363636;position: relative;padding-bottom: 18px; } .ftlt.on h3 { padding-bottom: 0;padding-top: 15px; } .ftlt h3::before { position: absolute;z-index: 11;content: ""; bottom: 0;left: 0;height: 2px;width: 22px;background: #1769a7; } .ftlt.on h3::before { bottom: auto;top: 0; } .ftlt p { margin-top: 8px;font-size: 16px;line-height: 18px;color: #999999;text-transform: uppercase; } .fmore { display: block;height: 51px;width: 51px;border-radius: 50%;overflow: hidden; box-shadow: 0 0 10px 1px #e6eff5; background: url(../images/a3.png) no-repeat center #fff;transition: all 0.3s; } .fmore:hover { background: url(../images/a3.png) no-repeat center rgba(23,105,167,0.1); } .fhabout .rts { float: right;width: calc(100% - 340px); } .fhabout .lts .fmore { margin-top: 130px; } .fhabout .rts h2 a { display: block;font-size: 20px;line-height: 1.2;color: #1769a7;font-weight: bold; /*超出省略号*/ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fhabout .rts p { font-size: 16px;line-height: 40px;color: #666666;margin-top: 20px; } .fhprodlis { padding: 100px 0 120px; background: #f7f7f7; } .flrt .ftlt { float: left; } .flrt .fmore { float: right;margin-top: 17px; } .fhprodlis .swiperlist { margin-top: 68px; } .fhprodlis .swiperlist ul{ display: block; } .fhprodlis .swiperlist li { float: left;width: calc((100% - 62px)/4);margin-right: 20px;margin-bottom: 20px;background: #fff; } .fhprodlis .swiperlist li a { display: block;width: 100%; } .fhprodlis .swiperlist li:nth-child(4n) { margin-right: 0; } .fhprodlis .swiperlist li .ficon { height: 280px;width: 100%;position: relative;margin: 0 auto;overflow: hidden; } .fhprodlis .swiperlist li .ficon img { display: block;max-width: 70%;max-height: 70%;position: absolute;z-index: 33; left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);transition: all 0.3s; } .fhprodlis .swiperlist li:hover .ficon img { transform: translateY(-50%) scale(1.05); } .fhprodlis .swiperlist li .text { text-align: center;padding: 0 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fhprodlis .swiperlist li .text h3 { font-size: 18px;line-height: 28px;color: #363636; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fhprodlis .swiperlist li .text h6 { font-size: 14px;line-height: 26px;color: #363636; height: 52px;overflow: hidden; } .fhprodlis .swiperlist li .text h5 { margin: 25px auto 0;transition: all 0.3s; width: 22px;height: 22px;border-radius: 50%;overflow: hidden; background: url(../images/fi6.png) no-repeat center #1769a7; } .fhprodlis .swiperlist li:hover .text h5 { transform: rotate(360deg); } .fshuju { padding: 115px 0 95px; } .fshuju li { float: left;padding-right: 50px;margin-right: 50px;width: calc((100% - 152px)/4);position: relative; } .fshuju li:nth-child(4n) { margin-right: 0; } .fshuju li::before { position: absolute;right: 0;top: 30px;width: 1px;height: 140px;background: #e0e0e0; z-index: 11;content: ""; } .fshuju li:last-child::before { display: none; } .fshuju li h2 { font-size: 50px;line-height: 1;color: #1769a7; } .fshuju li h2 i { display: inline-block;font-size: 16px;color: #01c6bd; line-height: 1.4;writing-mode: vertical-lr; } .fshuju li h2 i em { display: inline-block;transform: rotate(270deg); } .fshuju li h5 { font-size: 18px;line-height: 1.8;color: #1769a7; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fshuju li p { font-size: 16px;line-height: 2;color: #666666;margin-top: 12px; overflow: hidden; } .fbusine li { float: left;width: 33%;height: 20vw;position: relative;overflow: hidden; } .fbusine li:nth-child(3n) { width: 34%; } .fbusine li .text { position: absolute;z-index: 11;bottom: 22px;left: 0; } .fbusine li h4 { font-size: 20px;line-height: 2;color: #fff; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fbusine li h6 { font-size: 16px;line-height: 2;color: #fff; height: 64px;overflow: hidden; } .fbusine li .text h4, .fbusine li .text h6 { padding: 0 35px; } .fbusine li .ico { height: 95px;width: 130px;position: relative;overflow: hidden; } .fbusine li .ico img { display: block;max-width: 70%;max-height: 70%; position: absolute;z-index: 11;left: 0;right: 0;margin: 0 auto; top: 50%;transform: translateY(-50%); } .fbusine li .ftext { text-align: center;position: absolute;top: 100%;left: 0;right: 0;margin: 0 auto; z-index: 66;background: #4587b9;transition: all 0.3s;padding: 70px 50px 30px; -webkit-box-sizing: border-box;height: 100%; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fbusine li:nth-child(2n) .ftext { background: #2e78b0; } .fbusine li:hover .ftext { top: 0; } .fbusine li .ftext h4, .fbusine li .ftext h6 { padding: 0; } .fbusine li .ftext .ico { margin: 0 auto; } .fstrateg { padding: 110px 0 140px; } .flrt .lis { float: right; } .flrt .lis li { float: left;margin-top: 18px;margin-left: 60px;padding: 0 5px;cursor: pointer; font-size: 20px;color: #666666;line-height: 45px;transition: all 0.3s;position: relative; } .flrt .lis li.on, .flrt .lis li:hover { color: #1769a7; } .flrt .lis li::before { position: absolute;z-index: 11;content: ""; bottom: 0;left: 0;right: 0;margin: 0 auto; height: 2px;width: 0;background: #18649d;transition: all 0.3s; } .flrt .lis li.on::before, .flrt .lis li:hover::before { width: 100%; } .fstrateg .laylist { margin-top: 40px; } .fstrateg .laylist .lis { display: none; } .fstrateg .laylist .lis:first-child { display: block; } .fstrateg .lis .imgs { width: calc(100% - 341px);height: auto;float: left; } .fstrateg .lis .imgs img { display: block;width: 100%; } .fstrateg .lis .list { float: right;width: 230px;margin-top: 235px; } .fstrateg .lis .list dt { font-size: 20px;line-height: 2;color: #1769a7; } .fstrateg .lis .list dd { margin-top: 6px;font-size: 16px;line-height: 40px;color: #666666; } .fstrateg .lis .list dd i { display: inline-block;color: #1769a7;font-size: 24px; } .foplat { height: 900px;position: relative; } .foplat .lts { float: left;width: 50%;padding: 95px 0 0; } .ftlt.bai p { color: rgba(255,255,255,0.37); } .ftlt.bai h3 { color: #fff; } .ftlt.bai h3::before { background: #fff; } .foplat .lts p { margin-top: 45px;font-size: 16px;line-height: 2;color: #fff; } .foplat .rts ul{ position: absolute;z-index: 111;right: 0;top: 0;bottom: 0;width: 900px; } .foplat .rts li { float: right;width: 33%;height: 100%; } .foplat .rts li:nth-child(3n) { width: 34%; } .foplat .rts li dl { overflow: hidden;height: 100%;font-size: 0; } .foplat .rts li dd { position: relative;height: 33%;width: 100%; } .foplat .rts li:nth-child(2) dd .bj { background: rgba(255,255,255,0.1); } .foplat .rts li dd:nth-child(3n) { height: 34%; } .foplat .rts li dd .bj { overflow: hidden;background: rgba(255,255,255,0.2);transition: all 0.3s;height: 100%;width: 100%; } .foplat .rts li dd:hover .bj { background: #1769a7; } .foplat .rts li dd .ico { margin: 62px auto 0;height: 100px;width: 100px;position: relative; } .foplat .rts li dd .ico img { display: block;max-width: 70%;max-height: 70%; position: absolute;z-index: 11;left: 0;right: 0;margin: 0 auto; top: 50%;transform: translateY(-50%); } .foplat .rts li dd .txt { text-align: center;margin-top: 12px;position: relative;z-index: 11; } .foplat .rts li dd .txt h3 { font-size: 24px;line-height: 30px;color: #fff; } .foplat .rts li dd .txt p { font-size: 18px;line-height: 28px;color: rgba(255,255,255,0.3);text-transform: uppercase; } .foplat .rts li dd .ic { position: absolute;z-index: 1;bottom: 0;right: 0;height: auto;width: auto; } .fhlights { padding: 105px 0; } .fhlights .list ul { overflow: hidden;border: 1px solid #eeeeee;border-bottom: none;margin-top: 50px; } .fhlights .list li { float: left;width: 33%;transition: all 0.3s;height: 254px;overflow: hidden;position: relative; border-right: 1px solid #eee;border-bottom: 1px solid #eee;cursor: pointer; } .fhlights .list li:nth-child(3n) { border-right: none; } .fhlights .list li .ftext { position: absolute;z-index: 11; bottom: 15px;left: 30px; } .fhlights .list li .ftext h6, .fhlights .list li .ftext h3 { color: #fff; } .fhlights .list li:nth-child(3n) { width: 34%; } .fhlights .list li .text { position: absolute;z-index: 66;top: 0;bottom: 0;left: 0;right: 0;background: #fff; transition: all 0.5s; padding: 60px 30px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fhlights .list li:hover .text { /*opacity: 0;*/ } .fhlights .list li h3 { font-size: 20px;line-height: 28px;color: #18649d; } .fhlights .list li h6 { font-size: 16px;line-height: 26px;color: #18649d; } .fhlights .list li p { font-size: 16px;line-height: 1.9;color: #666666;margin-top: 22px; height: 90px;overflow: hidden; } .fhcase { padding: 0 0 110px;position: relative; } .fhcase .caseback { height: 480px; } .fhcase .case { margin-top: -323px; } .fhcase .flrt .fm { float: right; } .fm { margin-top: 20px;display: block;font-size: 20px;line-height: 1.8;color: #666666;transition: all 0.3s; } .fm:hover { color: #1769a7; } .fhcase .casewiper { margin-top: 50px;overflow: hidden;position: relative;z-index: 66; } .fhcase .casewiper .lts { float: left;width: 50%;padding: 34px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fhcase .casewiper .lts h3 { font-size: 24px;line-height: 2;color: #363636; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fhcase .casewiper .lts li { margin-bottom: 14px;font-size: 14px;line-height: 44px;color: #363636; } .fhcase .casewiper .lts li i { display: inline-block;font-size: 16px;padding-right: 34px;position: relative;vertical-align: top;float: left; } .fhcase .casewiper .lts li em { float: left;display: block;width: calc(100% - 100px); } .fhcase .casewiper .lts li:first-child i::after { position: absolute;z-index: 1;content: ""; width: 1px;height: 235px;top: -10px;right: 17px;margin: 0 auto; background: #eeeeee; } .fhcase .casewiper .lts li i::before { position: absolute;z-index: 11;content: ""; right: 11px;top: 50%;transform: translateY(-50%); border: 1px solid #216faa;height: 12px;width: 12px; border-radius: 50%;background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fhcase .casewiper .lts li dl { overflow: hidden;margin-top: 4px;display: inline-block; } .fhcase .casewiper .lts li dd { float: left;margin-right: 30px; } .fhcase .casewiper .lts li dd .ico { margin: 0 auto;height: 44px;width: 44px;border-radius: 50%; } .fhcase .casewiper .lts li dd .ico img{ height: 100%;width: 100%;display: block; } .fhcase .casewiper .lts li dd h5 { text-align: center; font-size: 14px;line-height: 2;color: #1769a7; } .fhcase .casewiper .imgs { float: right;width: 50%;height: 440px;overflow: hidden; } .fhcase .casewiper .imgs a, .fhcase .casewiper .imgs img { display: block;width: 100%;height: 100%;transition: all 0.3s; } .fhcase .casewiper .imgs:hover img { transform: scale(1.05); } .fhcase .casewiper { position: relative; } .fhcase .casewiper .swiperspan { position: absolute;bottom: 23px;left: 52%;z-index: 66; } .fhcase .casewiper .swiperspan span { margin-right: 10px;height: 7px;width: 7px;background: #fff; } .fhcase .casewiper .fprev_next { position: absolute;bottom: 40px;left: 42px;width: 260px;z-index: 66; } .fprev_next { border: 1px solid #1769a7;overflow: hidden; } .fprev_next .next, .fprev_next .prev { float: left;width: 50%;height: 28px;display: block; cursor: pointer;transition: all 0.3s;cursor: pointer; background: url(../images/fc1-1.png) no-repeat center #fff; } .fprev_next .next { transform: rotateY(180deg); } .fprev_next .next{ background: url(../images/fc1.png) no-repeat center #1769a7; } .fpartner .list ul { overflow: hidden;margin-top: 24px; } .fpartner .list li { height: 90px;float: left;width: calc((100% - 52px)/6);margin-right: 10px;position: relative; } .fpartner .list li:nth-child(6n) { margin-right: 0; } .fpartner .list li a { display: block; } .fpartner .list li img { display: block;max-width: 70%;max-height: 70%; position: absolute;top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto;z-index: 11; } .fpartner .list li:hover img { } .fcoopert { margin-top: 85px;padding: 150px 0 110px; } .fcoopert .ftext { padding: 75px 45px;background: #fff; border-radius: 6px;overflow: hidden; width: 44%; } .fcoopert .ftext form { margin-top: 35px; } .fcoopert .ftext li { margin-bottom: 12px;overflow: hidden;border-bottom: 1px solid #dcdcdc; } .fcoopert .ftext li .f1 { float: left;color: #363636;width: 66px;line-height: 57px;font-size: 16px; } .fcoopert .ftext li .num { float: right;width: calc(100% - 66px);display: block; border: none;height: 57px;font-size: 15px;color: #999999; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; } .fcoopert .ftext li .f2 { color: #363636;line-height: 36px;font-size: 16px;display: block; } .fcoopert .ftext li .textarea { margin: 8px 0 16px;border-bottom: 1px solid #dcdcdc; width: 100%;font-size: 15px;line-height: 30px;height: 60px;overflow: hidden; display: block;resize: none;border: none; } .fcoopert .ftext .sub { display: block;margin-top: 40px;width: 186px;line-height: 48px;border: none;border-radius: 5px; background: #1769a7;color: #fff;text-align: center;font-size: 16px;cursor: pointer;transition: all 0.3s; } .fcoopert .ftext .sub:hover { background: #1d78bc; } .footer { padding: 66px 0 0 ; background: #0e1935; } .footer .lts { float: left;width: calc(100% - 440px); } .footer .lts .txt { width: 264px;float: left;margin-top: 7px; } .footer .lts .txt .logo { display: block;width: 80px;height: auto; } .footer .lts .txt .logo img { display: block;width: 100%; } .footer .lts .txt .t { margin-top: 25px;padding-top: 20px;border-top: 1px solid rgba(255,255,255,0.13); } .footer .lts .txt .t h6 { font-size: 14px;line-height: 24px;color: rgba(255,255,255,0.62); } .footer .lts .txt .t h3 { font-size: 24px;line-height: 40px;color: #fff;position: relative;padding-bottom: 14px; } .footer .lts .txt .t h3::before { position: absolute;z-index: 11;content: ""; left: 0;bottom: 0;width: 18px;height: 1px;background: rgba(255,255,255,0.62); } .footer .lts .tet { width: calc(100% - 370px);float: right; } .footer .lts .tet h4 { font-size: 16px;line-height: 1.8;color: #fff;margin-bottom: 10px; } .footer .lts .tet h6 { font-size: 14px;line-height: 2.2;color: rgba(255,255,255,0.62); } .footer .lts .tet li { float: left;margin-right: 23px;position: relative; } .footer .lts .tet ul { margin-top: 30px; } .footer .lts .tet li .icon { width: 46px;height: 46px;overflow: hidden;border-radius: 50%;cursor: pointer; } .footer .wx { width: 100%;height: 100%; width: 145px;height: 145px;position: absolute;display: none; } .footer .lts .tet li:hover .wx { left: -170px;top: 0;display: block; } .footer .rts li .wx { left: -180px;top: 0; } .footer .wx img { display: block;width: 100%;height: 100%;border-radius: 6px;overflow: hidden; } .footer .wx::before { position: absolute;z-index: 11;content: ""; background: url(../images/fc5.png) no-repeat center/cover; width: 9px;height: 16px;right: -8px;top: 10px; } .footer .rts { float: right;margin-top: 12px; } .footer .rts li { width: 160px;border: 1px solid rgba(255,255,255,0.5);text-align: center;position: relative;margin-bottom: 10px; } .footer .rts li:hover .wx { display: block; } .footer .rts li a { display: block;text-align: left;width: 100%;padding-left: 15px; } .footer .rts li i { display: inline-block;font-size: 12px;line-height: 44px;color: #fff;padding-left: 35px; background: url(../images/fi4.png) no-repeat left center; } .footer .rts li:nth-child(2) i { background: url(../images/fi5.png) no-repeat left center; } .copyright { margin-top: 50px;border-top: 1px solid rgba(255,255,255,0.1); font-size: 14px;line-height: 54px;color: rgba(255,255,255,0.37); text-align: center; } /* 商务合作 */ .fbusiness { padding: 85px 0 100px; } .flrt .project { float: right; } .flrt .project li { float: left;margin-right: 40px; } .flrt .project li:last-child { margin-right: 0; } .flrt .project li a { display: block;border: 1px solid #fff;line-height: 40px;border-radius: 20px;overflow: hidden; font-size: 16px;color: #666666;text-align: center;transition: all 0.3s;padding: 0 28px; } .flrt .project li a:hover, .flrt .project li.on a { border-color: #1769a7;color: #1769a7; } .fbusiness .list { margin-top: 62px; } .fbusiness .list li { float: left;width: 33%;padding: 0 20px; -webkit-box-sizing: border-box; border-left: 1px solid #e5e5e5; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fbusiness .list li:nth-child(3n) { width: 34%;border-right: 1px solid #e5e5e5; } .fbusiness .list li a { display: block; } .fbusiness .list li { margin-bottom: 60px; } .fbusiness .list li .text { margin-bottom: 37px; } .fbusiness .list li .text h3 { font-size: 20px;line-height: 1.5;color: #363636;margin-top: 7px; word-break:keep-all;transition: all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fbusiness .list li:hover .text h3 { color: #1769a7; } .fbusiness .list li .text h6 { font-size: 14px;line-height: 2.1;color: #999999;margin-top: 4px; padding-left: 18px;background: url(../images/fi7.png) no-repeat left center; } .fbusiness .list li .text p { font-size: 14px;line-height: 2;color: #666666;margin-top: 16px;height: 80px;overflow: hidden; } .fbusiness .list li .img { height: 290px;overflow: hidden;width: 100%; } .fbusiness .list li .img img{ display: block;width: 100%;height: 100%;transition: all 0.3s; } .fbusiness .list li:hover .img img { transform: scale(1.05); } /* .fpsges ul { */ /* text-align: center;font-size: 0; */ /* } */ /* .fpsges li { */ /* display: inline-block;margin: 0 4px; */ /* } */ /* .fpsges li a { */ /* display: block;min-width: 30px;line-height: 30px;font-size: 14px;color: #666666;border: 1px solid #d2d2d2; */ /* -webkit-box-sizing: border-box;text-align: center;transition: all 0.3s; */ /* -moz-box-sizing: border-box;padding: 0 10px; */ /* -o-box-sizing: border-box; */ /* box-sizing: border-box; */ /* } */ /* .fpsges li:last-child a { */ /* background: #f7f7f7; */ /* } */ /* .fpsges li.f a { */ /* padding: 0 18px; */ /* } */ /* .fpsges li.on a, */ /* .fpsges li a:hover { */ /* color: #fff;background: #033b7e;border-color: #033b7e; */ /* } */ .pagination{padding:10px 0; text-align:center;} .pagination li{border-radius:3px; border:1px solid #dfdfdf;display:inline-block;margin:0 2px;} .pagination .active{background:#09F; color:#FFF; border-color:#09F; margin:0 2px;} .pagination .disabled{color:#aaa;} .pagination a{ border-radius:3px;display:inline-block; padding:5px 12px;} .pagination span{border-radius:3px;display:inline-block;padding:5px 12px;} .fban { height: 420px; } .fban .wrap { height: 100%;position: relative; } .fban .text { position: absolute;z-index: 11;left: 0;bottom: 40px; } .fban .text h3 { font-size: 36px;line-height: 46px;color: #fff; } .fban .text p { font-size: 20px;line-height: 1.4;color: #fff; } /* 商务合作-典型案例-详情 */ .fbusiness_dal { padding: 64px 0 90px; } .fbusiness_dal .ft { padding-bottom: 10px;border-bottom: 1px solid #eeeeee; } .fbusiness_dal .ft h3 { font-size: 26px;line-height: 46px;color: #363636; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fbusiness_dal .ft h6 { font-size: 14px;line-height: 26px;color: #999999;margin-top: 12px;padding-left: 20px; background: url(../images/fi7.png) no-repeat left center; } .fbusiness_dal .syiper { padding: 110px 0 95px;position: relative;overflow: hidden; } .fbusiness_dal .syiper .next, .fbusiness_dal .syiper .prev { position: absolute;z-index: 44;left: 20px;top: 50%;transform: translateY(-50%); height: 110px;width: 50px;background: url(../images/fi8.png) no-repeat center rgba(255,255,255,0.15); cursor: pointer;transition: all 0.3s; } .fbusiness_dal .syiper .next { left: auto;right: 20px;transform: translateY(-50%) rotate(180deg); } .fbusiness_dal .syiper .next:hover, .fbusiness_dal .syiper .prev:hover { background: url(../images/fi8.png) no-repeat center rgba(255,255,255,0.5); } .fbusiness_dal .text h4{ font-size: 20px;line-height: 1.8;color: #666666;margin-bottom: 7px; } .fbusiness_dal .text{ font-size: 16px;line-height: 2.2;color: #666666; } .fbusiness_dal .lis ul { overflow: hidden;margin-top: 55px; } .fbusiness_dal .lis li { float: left;width: 50%; } .fbusiness_dal .lis li:nth-child(2n) { float: right;text-align: right; } .fbusiness_dal .lis li a { display: inline-block;font-size: 14px;line-height: 2;color: #666666; transition: all 0.3s;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fbusiness_dal .lis li a:hover { color: #1769a7; } .fbusiness_dal .syiper li { height: 420px;background: rgba(0,0,0,0.45); transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fbusiness_dal .syiper li img { display: block;height: 100%;width: 100%; } .fbusiness_dal .syiper li.swiper-slide-active { transform: scaleX(1.6) scaleY(1.2);position: relative;z-index: 66;background: rgba(0,0,0,0); } /* 合作流程 */ .ftecholo { padding: 90px 0 105px; } .ftecholo .list .annular { position:relative;margin: 0 auto; height: 120px;width: 120px; } .ftecholo .list svg { -webkit-transform:rotate(-0.05deg); transform:rotate(-0.05deg); } .ftecholo .list circle { -webkit-transition:stroke-dasharray .25s; transition:stroke-dasharray .25s; } .ftecholo .list .annular .fi { display: none; } .ftecholo .list ul { overflow: hidden;margin-top: 75px; } .ftecholo .list li { float: left;width: calc((100% - 202px)/5);margin-right: 50px;text-align: center;position: relative; } .ftecholo .list li::before { position: absolute;z-index: 11;content: "";width: 15px;height: 28px; top: 40px;right: -33px;background: url(../images/fc8.png) no-repeat center/cover; } .ftecholo .list li:last-child::before { display: none; } .ftecholo .list li:nth-child(5n) { margin-right: 0; } .ftecholo .list .annular .txt { position: absolute;top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto;z-index: 66; } .ftecholo .list .annular .txt .ico { height: 45px;width: 60px;position: relative;margin: 0 auto; } .ftecholo .list .annular .txt .ico img { display: block;max-width: 80%;max-height: 80%; position: absolute;z-index: 11;top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto; } .ftecholo .list .annular .txt p { font-size: 16px;line-height: 1.8;color: #094490; } .ftecholo .list li h5 { margin-top: 15px;font-size: 14px;line-height: 2;color: #666666;height: 56px;overflow: hidden; } /* dafacasino网页版 */ .fnews { padding: 90px 0 120px; } .fnews .list { margin-top: 40px; } .fnews .list li { margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #eeeeee; } .fnews .list li a { display: block;overflow: hidden; } .fnews .list li .img { width: 354px;height: 222px;float: left;overflow: hidden; } .fnews .list li:last-child { border-bottom: none; } .fnews .list li .img img { display: block;width: 100%;height: 100%;transition: all 0.3s; } .fnews .list li:hover .img img { transform: scale(1.05); } .fnews .list li .text { float: right;width: calc(100% - 395px);margin-top: 34px; } .fnews .list li .text h4 { font-size: 18px;line-height: 26px;color: #363636; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fnews .list li:hover .text h4 { color: #1769a7; } .fnews .list li .text p { font-size: 14px;line-height: 26px;color: #666666; height: 52px;overflow: hidden;margin-top: 10px; } .fnews .list li .text h6 { margin-top: 45px;font-size: 14px;line-height: 24px;color: #999999; padding-left: 20px;background: url(../images/fi7.png) no-repeat left center; } /* dafacasino网页版详情 */ .fnews_dal { padding: 60px 0 90px; } .fnews_dal .txt{ text-align: center;padding-bottom: 35px;border-bottom: 1px solid #eeeeee; } .fnews_dal .txt h3 { font-size: 26px;line-height: 44px;color: #363636; } .fnews_dal .txt ul { text-align: center;margin-top: 15px; } .fnews_dal .txt li { display: inline-block;margin: 0 25px;vertical-align: middle; } .fnews_dal .txt li h6 { font-size: 14px;line-height: 32px;color: #999999;padding-left: 20px; background: url(../images/fi7.png) no-repeat left center; } .fnews_dal .txt li h5 { font-size: 14px;line-height: 32px;color: #999999;display: inline-block;vertical-align: top; } .fnews_dal .txt li dl { display: inline-block;font-size: 0; } .fnews_dal .txt li dd { display: inline-block;margin-right: 8px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden; } .fnews_dal .txt li dd:last-child { margin-right: 0; } .fnews_dal .txt li dd a, .fnews_dal .txt li dd img { display: block;width: 100%;height: 100%; } .fnews_dal .dal { padding: 40px 0 55px;font-size: 14px;line-height: 1.9;color: #666666; } .fnews_dal .dal h5 { font-size: 16px;line-height: 1.9;color: #ee0000; } .fnews_dal .dal h4 { font-size: 20px;line-height: 1.8;color: #ee0000;margin: 14px 0;font-weight: bold; } .fnews_dal .dal h3 { font-size: 16px;line-height: 2;color: #000;font-weight: bold; } .fnews_dal .dal img { width: auto;height: auto;display: block;margin: 0 auto;font-size: 0; } .fnews_dal .lis li{ float: left;width: 50%; } .fnews_dal .lis li:nth-child(2n) { text-align: right; } .fnews_dal .lis li a { display: inline-block;font-size: 14px;line-height: 2;color: #666666; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition: all 0.3s; } .fnews_dal .lis li a:hover { color: #1769a7; } .fhprodlis .fprev_next { display: none; } /* 企业介绍-公司资质 */ .fprofile { padding: 75px 0 120px; } .fprofile .list { margin-top: 45px; } .fprofile .list ul { overflow: hidden; } .fprofile .list li { float: left;width: calc((100% - 44px)/2);border-radius: 8px;overflow: hidden;box-shadow: 0 0 6px 1px #f4f4f4; border: 1px solid #f0f0f0;margin-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fprofile .list li:nth-child(2n) { float: right; } .fprofile .lis ul { overflow: hidden; } .fprofile .list li a { display: block;width: 100%;padding: 20px 20px 45px; } .fprofile .list li .icon { height: 230px;width: 100%;position: relative;overflow: hidden; } .fprofile .list li .icon img { position: absolute;z-index: 11;position: absolute;top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto;max-width: 80%;max-height: 80%;transition: all 0.3s; } .fprofile .list li h6 { font-size: 16px;line-height: 1.2;color: #000; word-break:keep-all;text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fprofile .lis .lt { float: left;width: 455px; } .fprofile .lis h6 { font-size: 14px;line-height: 2;color: #000;text-align: center; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fprofile .lis .lt ul { overflow: hidden; } .fprofile .lis .rt { float: right;width: calc(100% - 505px); } .fprofile .lis .lt .fprofile .lis .rt ul { overflow: hidden; } .fprofile .lis .lt li, .fprofile .lis .rt li { float: left;width: calc((100% - 40px)/2);margin-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fprofile .lis a { display: block;width: 100%; } .fprofile .lis img { display: block;width: 100%;height: 100%; } .fprofile .lis li .img{ -webkit-box-sizing: border-box;border: 1px solid #e8e8e8; -moz-box-sizing: border-box;height: 285px;width: 100%; -o-box-sizing: border-box; box-sizing: border-box; } .fprofile .lis .lt li:nth-child(2n), .fprofile .lis .rt li:nth-child(2n) { float: right; } .fprofile .lst ul{ overflow: hidden; } .fprofile .lst li { float: left;width: calc((100% - 122px)/4);margin-right: 40px;height: 390px; border: 1px solid #e5e5e5;-webkit-box-sizing: border-box;margin-bottom: 45px; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fprofile .lst li:nth-child(4n) { margin-right: 0; } .fprofile .lst li a, .fprofile .lst li img { display: block;width: 100%;height: 100%; } .fprofile .fist ul { overflow: hidden; } .fprofile .fist li { float: left;width: calc((100% - 62px)/3);margin-right: 30px;margin-bottom: 45px; border: 1px solid #e5e5e5;height: 280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fprofile .fist li:nth-child(3n) { margin-right: 0; } .fprofile .fist li a, .fprofile .fist li img { display: block;height: 100%;width: 100%; } .jianiper { position: relative; } .jianiper .jiper { overflow: hidden; } .jianiper .icon { height: 220px;width: 100%;position: relative;overflow: hidden; } .jianiper .icon img { display: block;max-width: 70%;max-height: 70%;position: absolute;z-index: 11; top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto; } .jianiper .tet { text-align: center; } .jianiper .tet h3 { font-size: 18px;line-height: 30px;color: #000; word-break:keep-all;font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .jianiper .tet h6 { font-size: 14px;line-height: 24px;color: #000; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .jianiper .next, .jianiper .prev { position: absolute;z-index: 33;left: -90px;width: 50px;height: 70px; top: 50%;transform: translateY(-50%);cursor: pointer;transition: all 0.3s; background: url(../images/fc17.png) no-repeat center; } .jianiper .next { left: auto;right: -90px;transform: translateY(-50%) rotate(180deg); } .jianiper .next:hover, .jianiper .prev:hover { background: url(../images/fc17-1.png) no-repeat center; } /* 合作伙伴 */ .fpartne { padding: 80px 0 110px; } /* 龙 */ .titp { position: relative;z-index: 99; } .titp .tl_crumbs{ float: left; } .titp .tlcva li a, .titp .qhnve h2 a, .titp .tl_crumbs dd a, .titp .tl_crumbs dd span{ line-height: 70px; } .titp .tl_crumbs dd a, .titp .tl_crumbs dd span{ font-size: 16px; color: #999999; display: inline-block; } .titp .tl_crumbs dd{ float: left; } .titp .tl_crumbs dd a:hover{ color: #333; } .titp .tl_crumbs dd span{ margin: 0 5px; } .titp .qhnve{ float: right; } .titp .qhnve li{ float: left; padding: 0 18px; margin-left: 35px; position: relative; } .titp .qhnve h2 a{ font-size: 18px; display: inline-block; vertical-align: middle; color: #363636; border-bottom: 1px solid #fff; } .titp .qhnve .on a{ color: #1769a7; } .titp .qhnve h2 i{ display: inline-block; background: url(../images/tic1.png) no-repeat center; width: 10px; height: 5px; vertical-align: middle; margin-left: 10px; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .titp .qhnve li.on h2 a{ border-color: #1769a7;color: #1769a7; } .titp .qhnve .nil{ position: absolute; left: 0; right: 0; top: 100%; z-index: 66; display: none; } .titp .qhnve .nil dd{ background-color: #1769a7; position: relative; } .titp .qhnve .nil dd::before{ content: ""; position: absolute; left: 15px; right: 15px; height: 1px; bottom: 0; background-color: #387eb3; z-index: 11; } .titp .qhnve .nil dd:last-child::before{ display: none; } .titp .qhnve .nil dd a{ display: block; line-height: 50px; font-size: 14px; color: #fff; text-align: center; position: relative; } .titp .qhnve .nil dd.on a, .titp .qhnve .nil dd:hover a{ background-color: #387eb3; } .titp .qhnve li.on h2 a, .titp .qhnve li:hover h2 a{ color: #1769a7; } .titp .qhnve li.on i, .titp .qhnve li:hover i{ background: url(../images/tic2.png) no-repeat center; } .tlproduct_1{ padding: 100px 0 90px; } .tlproduct_1 .tpzc{ overflow: hidden; } .tlproduct_1 .tpzc{ float: left; width: 690px; height: 475px; } .tlproduct_1 .tpzc .pic{ height: 100%; } .tlproduct_1 .txrt{ float: right; width: calc(100% - 785px); } .tlproduct_1 .txrt h2{ font-size: 30px; color: #363636; line-height: 1.6; } .tlproduct_1 .rtx{ font-size: 16px; color: #666666; line-height: 38px; height: 418px; overflow: hidden; overflow-y: scroll; } .tlproduct_1 .bcpb_swiper { position: relative; } .tlproduct_1 .bcpb{ margin-top: 60px;overflow: hidden; } .tlproduct_1 .bcpb li{ height: 155px; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .tlproduct_1 .bcpb .swiper-slide-thumb-active{ border: 1px solid #2a8fcb; } .tlproduct_1 .bcpb_swiper .next, .tlproduct_1 .bcpb_swiper .prev{ position: absolute; left: -40px; top: 50%; margin-top: -14px; z-index: 20; background: url(../images/tic46.png) no-repeat center; width: 15px;transition: all 0.3s; height: 27px; cursor: pointer; } .tlproduct_1 .bcpb_swiper .next:hover, .tlproduct_1 .bcpb_swiper .prev:hover { background: url(../images/tic46-1.png) no-repeat center; } .tlproduct_1 .bcpb_swiper .prev{ left: auto; right: -40px; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg) } .tlproduct_2 { padding: 75px 0 35px; } .tlproduct_2 .ldu{ margin-top: 50px; } .tlproduct_2 .ldu li{ float: left; width: calc((100% - 152px) / 3); margin-right: 75px; margin-bottom: 40px; background-color: #fff; border-radius: 5px; padding: 30px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .tlproduct_2 .ldu li:nth-child(3n){ margin-right: 0; } .tlproduct_2 .ldu li:hover{ box-shadow: 0px 8px 30px 0px rgba(19, 19, 19, 0.1); } .tlproduct_2 .ldu .ico img{ max-height: 100%; display: inline-block; vertical-align: middle; } .tlproduct_2 .ldu .ico{ height: 50px; } .tlproduct_2 .ldu h2{ font-size: 20px; color: #1769a7; line-height: 1.6; margin-top: 10px; } .tlproduct_2 .ldu .tx{ line-height: 28px; font-size: 16px; color: #666666; height: 84px; overflow: hidden; margin-top: 15px; } .tlproduct_3{ padding: 80px 0; } .tlproduct_3 .icoul{ margin-top: 45px; } .tlproduct_3 .icoul li{ float: left; width: calc((100% - 127px) / 6); margin-right: 25px; margin-bottom: 10px; padding: 40px 10px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center; box-sizing: border-box; box-shadow: 0px 8px 30px 0px rgba(19, 19, 19, 0.1); transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .tlproduct_3 .icoul li:nth-child(6n){ margin-right: 0; } .tlproduct_3 .icoul .oc img{ position: absolute;z-index: 11; left: 0;right: 0;margin: 0 auto; top: 50%; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 和 Chrome */ -o-transform:translateY(-50%); max-height: 100%; z-index: 1; } .tlproduct_3 .icoul .oc{ position: relative; margin: 0 auto; height: 50px; } .tlproduct_3 .icoul h6{ margin-top: 20px; font-size: 16px; color: #1769a7; line-height: 1.6; } .tlproduct_3 .icoul li:hover{ box-shadow: 1px 2px 10px 3px rgb(80 80 80 / 40%); } .tlproduct_4{ padding: 95px 0 110px; } .tlproduct_4 .cjul{ margin-top: 45px; } .tlproduct_4 .cjul li{ float: left; width: 17%; } .tlproduct_4 .cjul .bgc{ height: 515px; position: relative; } .tlproduct_4 .cjul .bgc::before{ position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/tbg1.png) no-repeat bottom center/contain; z-index: 11; } .tlproduct_4 .cjul .bgc .icpo{ left: 10px; right: 10px; bottom: 25px; position: absolute; z-index: 19; text-align: center; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .tlproduct_4 .cjul li:hover .bgc .icpo{ bottom:35px ; } .tlproduct_4 .cjul li:nth-child(3n){ width: 16%; } .tlproduct_4 .cjul .bgc .icpo .cio{ height: 38px; } .tlproduct_4 .cjul .bgc .icpo .cio img{ max-height: 38px; } .tlproduct_4 .cjul .bgc .icpo .h4{ font-size: 24px; color: #fff; margin-top: 10px; line-height: 1.4; } .tlproduct_4 .cjul .bgc .icpo .yin{ font-size: 18px; color: rgba(255,255,255,.35); line-height: 1.3; text-transform: uppercase; } .tlproduct_5{ padding: 100px 0 80px; } .tlproduct_5 .dzcpt{ margin-top: 30px; position: relative; } .tlproduct_5 .dzcpt .pigc{ float: left; width: 660px; height: 470px; } .tlproduct_5 .ocswipt{ float: right; display: block; width: calc(100% - 770px); padding-top: 50px; overflow: hidden; } .tlproduct_5 .dzcpt .rijs h4{ font-size: 25px; color: #363636; line-height: 1.5; } .l_xmac{ color: #1769a7; display: inline-block; padding-right: 18px; line-height: 1.5; background: url(../images/tic21.png) no-repeat right bottom 6px; font-size: 18px; margin-top: 10px; } .tlproduct_5 .dzcpt .rijs .l_xmac{ margin: 30px 0 10px; } .tlproduct_5 .dzcpt .rijs p{ padding-top: 10px; line-height: 26px; font-size: 16px; color: #666666; height: 78px; overflow: hidden; border-top: 1px solid #e5e5e5; } .tlproduct_5 .dzcpt .rijs .sl{ margin-top: 20px; padding-left: 10px; border-left: 2px solid #1769a7; } .tlproduct_5 .dzcpt .rijs .sl dd{ font-size: 16px; color: #1769a7; line-height: 1.1; } .tlproduct_4 .cjul .bgc .icpo .coi{ height: 40px; } .tlproduct_4 .cjul .bgc .icpo .coi img{ max-height: 100%; } .tlproduct_5 .dzcpt .rijs .sl dd:first-child{ margin-bottom: 5px; } .tlproduct_5 .dzcpt .rcg{ margin-top: 90px; } .tlproduct_5 .dzcpt .cmf{ display: inline-block; } .tlproduct_5 .dzcpt .next, .tlproduct_5 .dzcpt .prev{ width: 130px; float: left; height: 30px; transition:all 0.3s; border: 1px solid #1769a7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; background: url(../images/tic23.png) no-repeat center #fff; cursor: pointer; } .tlproduct_5 .dzcpt .next:hover{ background: url(../images/tic22.png) no-repeat center #1769a7; } .tlproduct_5 .dzcpt .prev{ border-left: none; background: url(../images/tic47.png) no-repeat center #fff; } .tlproduct_5 .dzcpt .prev:hover{ background: url(../images/tic48.png) no-repeat center #1769a7; } .titp .tlcva{ float: right; } .titp .tlcva li{ float: left; margin-left: 65px; padding: 0 10px; position: relative; } .titp .tlcva li::before{ position: absolute; bottom: 0; content: ""; z-index: 20; left: 0; right: 0; width: 0; margin: 0 auto; height: 2px; background-color: #1769a7; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .titp .tlcva li.on::before, .titp .tlcva li:hover::before{ width: 100%; } .titp .tlcva li.on a, .titp .tlcva li:hover a{ color: #1769a7; } .titp .tlcva li a{ font-size: 18px; color: #363636; display: inline-block; } .tlsolution_1{ padding: 100px 0 135px; } .tlsolution_1 .sloxise_1{ padding: 100px 60px 60px; } .tlsolution_1 .sloxise_1 img{ width: 100%; display: block; } .tlsolution_1 .sloxise_1 .mg2{ display: none; } .tlsolution_1 .sloxise_2 .icmgyl{ margin-top: 35px; } .tlsolution_1 .sloxise_2 .icmgyl li{ float: left; margin-right: 105px; text-align: center; } .tlsolution_1 .sloxise_2 .icmgyl li:last-child{ margin-right: 0; } .tlsolution_1 .sloxise_2 .icmgyl .ic{ width: 80px; height: 80px; } .tlsolution_1 .sloxise_2 .icmgyl .ic img{ max-height: 100%; } .tlsolution_1 .sloxise_2 .icmgyl h4{ font-size: 16px; color: #666666; line-height: 1.5; margin-top: 10px; } .tlsolution_1 .sloxise_3{ margin-top: 60px; } .tlsolution_1 .sloxise_3 .txb{ margin-top: 15px; font-size: 16px; color: #666666; line-height: 2.3; } .tlsolution_1 .sloxise_3 .txb img{ height: auto !important;display: block;margin: 0 auto; } .tlaboutus_1{ padding: 90px 0 130px; } .tlaboutus_1 .rimg{ float: right; width: 410px; height: 380px; } .tlaboutus_1 .letxe{ width: calc(100% - 510px); float: left; } .tlaboutus_1 .letxe .terx{ margin-top: 30px; font-size: 16px; color: #666666; line-height: 38px; height: 366px; overflow: hidden; } .tlaboutus_2{ padding: 150px 0 20px; position: relative; } .tlaboutus_2::before{ position: absolute; content: ""; left: 0; right: 0; height: 1px; background-color: #fff; top: 57%; z-index: 20; } .tlaboutus_2 .ftlt{ float: left; } .tlaboutus_2 .qhg{ float: right; margin-top: 10px; } .tlaboutus_2 .qhg .next, .tlaboutus_2 .qhg .prev{ width: 130px; float: left; height: 30px; transition: all 0.3s; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; background: url(../images/tic22.png) no-repeat center; cursor: pointer; } .tlaboutus_2 .qhg .prev{ border-left: none; background: url(../images/tic48.png) no-repeat center; } .tlaboutus_2 .qhg .prev, .tlaboutus_2 .qhg .prev:hover{ background: url(../images/tic47.png) no-repeat center #fff; } .tlaboutus_2 .ls-swiper{ overflow: hidden; margin-top: 100px; } .tlaboutus_2 .ls-swiper .h4{ font-size: 24px; font-weight: bold; line-height: 2; color: #fff; } .tlaboutus_2 .ls-swiper li{ position: relative; } .tlaboutus_2 .ls-swiper li::before{ z-index: 30; position: absolute; content: ""; left: 0; top: 45px; width: 18px; height: 18px; border-radius: 50%; overflow: hidden; background-color: #fff; } .tlaboutus_2 .ls-swiper li:nth-child(2n)::before{ width: 10px; height: 10px; top: 49px; left: 4px; } .tlaboutus_2 .ls-swiper li:nth-child(2n)::after{ position: absolute; z-index: 40; content: ""; border: 1px solid #fff; width: 18px; height: 18px; top: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; } .tlaboutus_2 .ls-swiper .tex{ font-size: 16px; color: #fff; line-height: 30px; height: 240px; margin-top: 20px; overflow: hidden; } .tlaboutus_3{ padding: 150px 0 0; } .tlaboutus_3 .igc{ padding: 0 40px; } .tlaboutus_3 .igc img{ width: 100%; display: block; } .tlaboutus_3 .gcul{ display: none; } .tlaboutus_4{ padding: 140px 0 120px; } .tlaboutus_4 .jzuc{ margin-top: 50px; } .tlaboutus_4 .jzuc ul{ font-size: 0; } .tlaboutus_4 .jzuc li{ float: left; height: 292px; width: calc((100% - 77px) / 4); margin-right: 25px; margin-bottom: 25px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding:35px 30px 80px; position: relative; vertical-align: top; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .tlaboutus_4 .jzuc li:nth-child(n + 5){ margin-top: -316px; } .tlaboutus_4 .jzuc li:hover{ box-shadow: 0px 8px 30px 0px rgba(19, 19, 19, 0.1); } .tlaboutus_4 .jzuc li:nth-child(7n - 3){ margin-right: 0; height: 609px; } .tlaboutus_4 .jzuc h4{ font-size: 18px; color: #363636; line-height: 1.6; } .tlaboutus_4 .jzuc .in{ font-size: 14px; color: #1769a7; line-height: 1.6; text-transform: uppercase; } .tlaboutus_4 .jzuc .ttx{ font-size: 14px; color: #666666; margin-top: 15px; line-height: 28px; height: 112px; overflow: hidden; } .tlaboutus_4 .jzuc .naber{ font-size: 45px; color: rgba(23,105,167,.1); line-height: 1.5; position: absolute; left: 30px; bottom: 20px; font-weight: bold; } .corporate_culture .hd{ padding: 100px 0 80px; } .corporate_culture .hd .whul{ margin-top: 50px; } .corporate_culture .hd .whul li{ float: left; width: 33%; border-right: 1px solid rgba(19, 19, 19, 0.1); transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 40px 60px; } .corporate_culture .hd .whul li:nth-child(3n){ width: 34%; border: none; } .corporate_culture .hd .whul li:hover{ box-shadow: 0px 8px 30px 0px rgba(19, 19, 19, 0.2); border-color:#fff; } .corporate_culture .hd .whul li.on{ border-color: #fff } .corporate_culture .hd .whul .ice{ display: inline-block; height: 70px; } .corporate_culture .hd .whul .ice img{ max-height: 100%; } .corporate_culture .hd .whul .h5{ font-size: 20px; color: #1769a7; line-height: 1.5; margin-top: 40px; } .corporate_culture .hd .whul .tx{ font-size: 16px; color: #666666; line-height: 25px; height: 50px; overflow: hidden; margin-top: 15px; } .corporate_culture .bd{ overflow: hidden; } .corporate_culture .bd .leipg{ height: 455px; width: 675px; float: left; margin-left: -260px; } .corporate_culture .bd .ritx{ width: calc(100% - 500px); float: right; padding: 90px 0 0 ; } .corporate_culture .bd .ritx .txt{ font-size: 16px; margin-top: 30px; line-height: 30px; color: #666666; max-height: 150px; overflow: hidden; } .corporate_culture .bd .ritx .qm{ text-align: right; margin-top: 30px; } .join_us{ padding: 100px 0 80px; } .join_us .zp{ margin-top: 40px; } .join_us .zp li{ margin-bottom: 5px; position: relative; border: 1px solid #f7f7f7; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .join_us .zp .tti{ padding: 0 30px; background-color: #f7f7f7; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .join_us .zp .tti .ri{ float: right; width: 25px; height: 70px; background: url(../images/tic40.png) no-repeat center; cursor: pointer; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .join_us .zp li.on .tti .ri{ background: url(../images/tic41.png) no-repeat center; } .join_us .zp .tti .le{ float: left; width: calc(100% - 25px); } .join_us .zp .tti .le dd{ float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .join_us .zp .tti .le dd:nth-child(3), .join_us .zp .tti .le dd:nth-child(2){ width: 30%; } .join_us .zp .tti .le dd:last-child{ margin-right: 0; } .join_us .zp .tti .le dd h5{ line-height: 70px; font-size: 18px; color: #666666; padding-right: 30px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .join_us .zp .tex{ display: none; padding: 0 30px; } .join_us .zp .tex .tt{ padding: 30px 0; border-bottom: 1px solid #eeeeee; } .join_us .zp .tex .tt .h4{ font-size: 22px; color: #033b7e; line-height: 1.5; } .join_us .zp .tex .tt .zr dd{ float: left; width: calc((100% - 160px) / 3); padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .join_us .zp .tex .tt .zr dd{ font-size: 16px; color: #666666; line-height: 1.6; margin-top:20px; } .join_us .zp .tex .cenmp{ padding: 15px 0 30px; border-bottom: 1px solid #eeeeee; } .join_us .zp .tex .cenmp .h5{ font-size: 18px; color: #363636; line-height: 1.8; } .join_us .zp .tex .cenmp .ttx{ font-size: 16px; color: #363636; line-height: 2.2; } .join_us .zp .tex .email{ font-size: 16px; color: #000000; line-height: 78px; } .join_us .zp li.on { border: 1px solid #033b7e; } .join_us .zp li:first-child .tex{ display: block; } .join_us .zp li.on .tti{ background-color: #033b7e; } .join_us .zp li.on .tti .le h5{ color: #fff; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 7px; height: 7px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255,0.3); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #c8c8c8; } .footer{ position: relative; } .tpss{ width: 60px;height: 60px; background: url(../images/usttp.png) no-repeat center/50% auto #fff; border-radius: 4px;position: fixed;right: 40px;top: 85%;z-index: 1111; cursor: pointer;box-shadow: 0 0 5px 0 rgba(80,80,80,0.2); } .mask{ position: fixed; left: 0;right: 0;top: 0; bottom: 0;z-index: 9998; background: rgba(0,0,0,0.7); display: none; } .mkvideo{ display: none; position: fixed; left: 0;right: 0; top: 53%;z-index: 9999; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 和 Chrome */ -o-transform:translateY(-50%); max-width: 1200px;margin: 0 auto; } .mkvideo video{ width: 100%; } .mkvideo .icos{ position: absolute;width: 40px;height: 40px; right: -50px;top: -50px;cursor: pointer; background: url(../images/ss1.png) no-repeat center/cover; z-index: 9;transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .mkvideo .icos:hover{ transform:rotate(720deg); -ms-transform:rotate(720deg); /* IE 9 */ -moz-transform:rotate(720deg); /* Firefox */ -webkit-transform:rotate(720deg); /* Safari 和 Chrome */ -o-transform:rotate(720deg); }