/* * @Author: DoDo * @Date: 2019-07-25 18:06:09 * @Last Modified by: DoDo * @Last Modified time: 2020-09-06 22:15:26 */ @charset "utf-8"; @import url(donghua_1.css); @font-face { font-family: 'hyt'; src: url('../fonts/hyt.ttf'); /* src: url('../fonts/fzpw.eot?#iefix') format('embedded-opentype'), url('../fonts/fzpw.woff') format('woff'), url('../fonts/fzpw.ttf') format('truetype'), url('../fonts/fzpw.svg#NeuesBauenDemo') format('svg');*/ font-weight: normal; font-style: normal; } body { overflow-x: hidden; font-family: "微软雅黑", Arial, "Helvetica Neue", Helvetica, sans-serif; } img { max-width: 100%; } @media (min-width:1440px) { .container.w-1400 { width: 1400px; padding-left: 0; padding-right: 0; } } @media (min-width:1366px) and (max-width:1439px) { .container.w-1400 { width: 1200px; padding-left: 0; padding-right: 0; } } /*================================ public ================================*/ .bg-f5f5f5 { background-color: #f5f5f5; } @keyframes wordScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* 分页 */ .pages { font-size: 0; text-align: center; } .pages a, .pages strong { font-weight: normal; display: inline-block; margin: 0 10px; min-width: 36px; height: 36px; line-height: 36px; font-size: 14px; color: #666; border-radius: 5px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pages a:first-child, .pages a:last-child { width: 120px; background-color: #e6e6e6; } .pages strong, .pages a.on { background-color: #546E31; color: #fff; } /* 整屏切换 */ .section-bg { -webkit-background-size: cover; background-size: cover; background-position: center center; } .about-main .span-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*-webkit-background-size: cover; background-size: cover; background-position: center center; background-attachment: fixed;*/ /*background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);*/ background-color: #06101c; overflow: hidden; } .about-stars { width: 1px; height: 1px; background: transparent; box-shadow: 1407px 511px rgba(255, 255, 255, .5), 1611px 119px rgba(255, 255, 255, .5), 1686px 956px rgba(255, 255, 255, .5), 1163px 1929px rgba(255, 255, 255, .5), 912px 1242px rgba(255, 255, 255, .5), 490px 469px rgba(255, 255, 255, .5), 869px 425px rgba(255, 255, 255, .5), 1447px 891px rgba(255, 255, 255, .5), 422px 1960px rgba(255, 255, 255, .5), 517px 1995px rgba(255, 255, 255, .5), 738px 171px rgba(255, 255, 255, .5), 1328px 1668px rgba(255, 255, 255, .5), 874px 1490px rgba(255, 255, 255, .5), 83px 81px rgba(255, 255, 255, .5), 632px 98px rgba(255, 255, 255, .5), 1518px 1764px rgba(255, 255, 255, .5), 636px 596px rgba(255, 255, 255, .5), 1178px 131px rgba(255, 255, 255, .5), 278px 1179px rgba(255, 255, 255, .5), 1898px 1951px rgba(255, 255, 255, .5), 1787px 326px rgba(255, 255, 255, .5), 186px 1588px rgba(255, 255, 255, .5), 552px 1942px rgba(255, 255, 255, .5), 1929px 1300px rgba(255, 255, 255, .5), 802px 681px rgba(255, 255, 255, .5), 430px 1711px rgba(255, 255, 255, .5), 1192px 308px rgba(255, 255, 255, .5), 123px 1604px rgba(255, 255, 255, .5), 880px 169px rgba(255, 255, 255, .5), 1400px 632px rgba(255, 255, 255, .5), 500px 1165px rgba(255, 255, 255, .5), 288px 1208px rgba(255, 255, 255, .5), 319px 1419px rgba(255, 255, 255, .5), 1170px 980px rgba(255, 255, 255, .5), 1608px 784px rgba(255, 255, 255, .5), 1735px 1276px rgba(255, 255, 255, .5), 966px 1534px rgba(255, 255, 255, .5), 654px 783px rgba(255, 255, 255, .5), 1366px 964px rgba(255, 255, 255, .5), 1213px 60px rgba(255, 255, 255, .5), 302px 1509px rgba(255, 255, 255, .5), 845px 714px rgba(255, 255, 255, .5), 524px 323px rgba(255, 255, 255, .5), 1538px 1399px rgba(255, 255, 255, .5), 394px 619px rgba(255, 255, 255, .5), 680px 26px rgba(255, 255, 255, .5), 353px 776px rgba(255, 255, 255, .5), 1826px 1450px rgba(255, 255, 255, .5), 1909px 1452px rgba(255, 255, 255, .5), 1014px 1315px rgba(255, 255, 255, .5), 1883px 1474px rgba(255, 255, 255, .5), 766px 1742px rgba(255, 255, 255, .5), 1693px 658px rgba(255, 255, 255, .5), 1186px 302px rgba(255, 255, 255, .5), 376px 1575px rgba(255, 255, 255, .5), 712px 1739px rgba(255, 255, 255, .5), 1627px 299px rgba(255, 255, 255, .5), 482px 224px rgba(255, 255, 255, .5), 1379px 510px rgba(255, 255, 255, .5), 1543px 1602px rgba(255, 255, 255, .5), 45px 606px rgba(255, 255, 255, .5), 827px 1336px rgba(255, 255, 255, .5), 224px 1939px rgba(255, 255, 255, .5), 1098px 1342px rgba(255, 255, 255, .5), 813px 1553px rgba(255, 255, 255, .5), 825px 419px rgba(255, 255, 255, .5), 519px 894px rgba(255, 255, 255, .5), 1406px 797px rgba(255, 255, 255, .5), 1341px 274px rgba(255, 255, 255, .5), 1787px 903px rgba(255, 255, 255, .5), 1701px 1483px rgba(255, 255, 255, .5), 1108px 232px rgba(255, 255, 255, .5), 1599px 1409px rgba(255, 255, 255, .5), 659px 870px rgba(255, 255, 255, .5), 1538px 335px rgba(255, 255, 255, .5), 632px 1855px rgba(255, 255, 255, .5), 154px 1026px rgba(255, 255, 255, .5), 1722px 979px rgba(255, 255, 255, .5), 1339px 509px rgba(255, 255, 255, .5), 1833px 460px rgba(255, 255, 255, .5), 315px 65px rgba(255, 255, 255, .5), 496px 1927px rgba(255, 255, 255, .5), 1314px 427px rgba(255, 255, 255, .5), 344px 1046px rgba(255, 255, 255, .5), 1658px 724px rgba(255, 255, 255, .5), 1899px 264px rgba(255, 255, 255, .5), 1200px 1305px rgba(255, 255, 255, .5), 1562px 339px rgba(255, 255, 255, .5), 159px 766px rgba(255, 255, 255, .5), 1639px 1966px rgba(255, 255, 255, .5), 459px 1898px rgba(255, 255, 255, .5), 944px 763px rgba(255, 255, 255, .5), 1174px 1056px rgba(255, 255, 255, .5), 1825px 790px rgba(255, 255, 255, .5), 906px 1526px rgba(255, 255, 255, .5), 1537px 1303px rgba(255, 255, 255, .5), 79px 1105px rgba(255, 255, 255, .5), 1318px 672px rgba(255, 255, 255, .5), 1232px 61px rgba(255, 255, 255, .5), 709px 1078px rgba(255, 255, 255, .5), 1010px 1810px rgba(255, 255, 255, .5), 777px 1160px rgba(255, 255, 255, .5), 1598px 1428px rgba(255, 255, 255, .5), 815px 684px rgba(255, 255, 255, .5), 1003px 943px rgba(255, 255, 255, .5), 1876px 1003px rgba(255, 255, 255, .5), 1025px 1529px rgba(255, 255, 255, .5), 66px 549px rgba(255, 255, 255, .5), 514px 457px rgba(255, 255, 255, .5), 262px 1005px rgba(255, 255, 255, .5), 812px 1705px rgba(255, 255, 255, .5), 1163px 1087px rgba(255, 255, 255, .5), 165px 45px rgba(255, 255, 255, .5), 677px 1462px rgba(255, 255, 255, .5), 580px 1675px rgba(255, 255, 255, .5), 1848px 1384px rgba(255, 255, 255, .5), 449px 862px rgba(255, 255, 255, .5), 1629px 1979px rgba(255, 255, 255, .5), 667px 135px rgba(255, 255, 255, .5), 240px 53px rgba(255, 255, 255, .5), 1919px 1832px rgba(255, 255, 255, .5), 696px 1384px rgba(255, 255, 255, .5), 1630px 361px rgba(255, 255, 255, .5), 878px 663px rgba(255, 255, 255, .5), 1226px 1723px rgba(255, 255, 255, .5), 765px 686px rgba(255, 255, 255, .5), 576px 1647px rgba(255, 255, 255, .5), 97px 1602px rgba(255, 255, 255, .5), 1117px 1049px rgba(255, 255, 255, .5), 1433px 68px rgba(255, 255, 255, .5), 1375px 1991px rgba(255, 255, 255, .5), 1755px 990px rgba(255, 255, 255, .5), 1483px 801px rgba(255, 255, 255, .5), 473px 1802px rgba(255, 255, 255, .5), 822px 768px rgba(255, 255, 255, .5), 196px 577px rgba(255, 255, 255, .5), 516px 504px rgba(255, 255, 255, .5), 623px 981px rgba(255, 255, 255, .5), 1478px 819px rgba(255, 255, 255, .5), 126px 384px rgba(255, 255, 255, .5), 584px 1908px rgba(255, 255, 255, .5), 1549px 521px rgba(255, 255, 255, .5), 1866px 1335px rgba(255, 255, 255, .5), 586px 342px rgba(255, 255, 255, .5), 1698px 642px rgba(255, 255, 255, .5), 136px 188px rgba(255, 255, 255, .5), 1613px 520px rgba(255, 255, 255, .5), 937px 326px rgba(255, 255, 255, .5), 1111px 169px rgba(255, 255, 255, .5), 229px 229px rgba(255, 255, 255, .5), 1357px 20px rgba(255, 255, 255, .5), 725px 1305px rgba(255, 255, 255, .5), 23px 1977px rgba(255, 255, 255, .5), 426px 1945px rgba(255, 255, 255, .5), 1628px 1530px rgba(255, 255, 255, .5), 256px 1295px rgba(255, 255, 255, .5), 58px 78px rgba(255, 255, 255, .5), 409px 1145px rgba(255, 255, 255, .5), 1607px 767px rgba(255, 255, 255, .5), 212px 144px rgba(255, 255, 255, .5), 361px 1890px rgba(255, 255, 255, .5), 1827px 1451px rgba(255, 255, 255, .5), 1875px 645px rgba(255, 255, 255, .5), 571px 853px rgba(255, 255, 255, .5), 1302px 301px rgba(255, 255, 255, .5), 9px 1344px rgba(255, 255, 255, .5), 418px 619px rgba(255, 255, 255, .5), 1941px 90px rgba(255, 255, 255, .5), 949px 640px rgba(255, 255, 255, .5), 179px 1783px rgba(255, 255, 255, .5), 1104px 360px rgba(255, 255, 255, .5), 1723px 370px rgba(255, 255, 255, .5), 1122px 1418px rgba(255, 255, 255, .5), 1374px 508px rgba(255, 255, 255, .5), 1108px 1089px rgba(255, 255, 255, .5), 1440px 1743px rgba(255, 255, 255, .5), 462px 1495px rgba(255, 255, 255, .5), 1187px 265px rgba(255, 255, 255, .5), 567px 74px rgba(255, 255, 255, .5), 557px 542px rgba(255, 255, 255, .5), 967px 673px rgba(255, 255, 255, .5), 825px 1971px rgba(255, 255, 255, .5), 988px 1260px rgba(255, 255, 255, .5), 710px 1206px rgba(255, 255, 255, .5), 538px 1805px rgba(255, 255, 255, .5), 137px 861px rgba(255, 255, 255, .5), 1922px 1313px rgba(255, 255, 255, .5), 481px 470px rgba(255, 255, 255, .5), 1224px 316px rgba(255, 255, 255, .5), 1979px 239px rgba(255, 255, 255, .5), 22px 1155px rgba(255, 255, 255, .5), 1640px 186px rgba(255, 255, 255, .5), 592px 1709px rgba(255, 255, 255, .5), 765px 170px rgba(255, 255, 255, .5), 129px 1750px rgba(255, 255, 255, .5), 788px 719px rgba(255, 255, 255, .5), 181px 1327px rgba(255, 255, 255, .5), 433px 1455px rgba(255, 255, 255, .5), 141px 450px rgba(255, 255, 255, .5), 1287px 1027px rgba(255, 255, 255, .5), 1278px 1462px rgba(255, 255, 255, .5), 688px 1526px rgba(255, 255, 255, .5), 463px 1604px rgba(255, 255, 255, .5), 1232px 297px rgba(255, 255, 255, .5), 920px 1227px rgba(255, 255, 255, .5), 1571px 1765px rgba(255, 255, 255, .5), 1482px 1316px rgba(255, 255, 255, .5), 759px 1463px rgba(255, 255, 255, .5), 950px 1166px rgba(255, 255, 255, .5), 1532px 1588px rgba(255, 255, 255, .5), 608px 267px rgba(255, 255, 255, .5), 1862px 1943px rgba(255, 255, 255, .5), 805px 717px rgba(255, 255, 255, .5), 1803px 1319px rgba(255, 255, 255, .5), 1821px 683px rgba(255, 255, 255, .5), 995px 1958px rgba(255, 255, 255, .5), 484px 932px rgba(255, 255, 255, .5), 366px 901px rgba(255, 255, 255, .5), 451px 1563px rgba(255, 255, 255, .5), 1704px 1471px rgba(255, 255, 255, .5), 1379px 44px rgba(255, 255, 255, .5), 1778px 472px rgba(255, 255, 255, .5), 419px 1806px rgba(255, 255, 255, .5), 1545px 222px rgba(255, 255, 255, .5), 1563px 777px rgba(255, 255, 255, .5), 39px 964px rgba(255, 255, 255, .5), 1620px 24px rgba(255, 255, 255, .5), 1151px 320px rgba(255, 255, 255, .5), 1940px 1426px rgba(255, 255, 255, .5), 1555px 1538px rgba(255, 255, 255, .5), 1747px 488px rgba(255, 255, 255, .5), 1348px 300px rgba(255, 255, 255, .5), 990px 538px rgba(255, 255, 255, .5), 780px 361px rgba(255, 255, 255, .5), 988px 971px rgba(255, 255, 255, .5), 1973px 1534px rgba(255, 255, 255, .5), 1542px 1829px rgba(255, 255, 255, .5), 1557px 216px rgba(255, 255, 255, .5), 1404px 641px rgba(255, 255, 255, .5), 47px 877px rgba(255, 255, 255, .5), 65px 1738px rgba(255, 255, 255, .5), 1895px 1798px rgba(255, 255, 255, .5), 56px 591px rgba(255, 255, 255, .5), 536px 906px rgba(255, 255, 255, .5), 568px 74px rgba(255, 255, 255, .5), 433px 462px rgba(255, 255, 255, .5), 727px 295px rgba(255, 255, 255, .5), 876px 1878px rgba(255, 255, 255, .5), 1891px 1946px rgba(255, 255, 255, .5), 1451px 493px rgba(255, 255, 255, .5), 1569px 226px rgba(255, 255, 255, .5), 879px 1351px rgba(255, 255, 255, .5), 1529px 43px rgba(255, 255, 255, .5), 33px 74px rgba(255, 255, 255, .5), 1516px 1924px rgba(255, 255, 255, .5), 878px 323px rgba(255, 255, 255, .5), 455px 1122px rgba(255, 255, 255, .5), 1943px 526px rgba(255, 255, 255, .5), 1456px 1060px rgba(255, 255, 255, .5), 1631px 979px rgba(255, 255, 255, .5), 1819px 1324px rgba(255, 255, 255, .5), 1660px 1192px rgba(255, 255, 255, .5), 1867px 1714px rgba(255, 255, 255, .5), 1928px 1940px rgba(255, 255, 255, .5), 1618px 744px rgba(255, 255, 255, .5), 979px 357px rgba(255, 255, 255, .5), 98px 1645px rgba(255, 255, 255, .5), 1898px 1207px rgba(255, 255, 255, .5), 1134px 16px rgba(255, 255, 255, .5), 1313px 1018px rgba(255, 255, 255, .5), 717px 812px rgba(255, 255, 255, .5), 1503px 234px rgba(255, 255, 255, .5), 1612px 188px rgba(255, 255, 255, .5), 29px 459px rgba(255, 255, 255, .5), 414px 1487px rgba(255, 255, 255, .5), 1223px 1730px rgba(255, 255, 255, .5), 1643px 1188px rgba(255, 255, 255, .5), 424px 767px rgba(255, 255, 255, .5), 1692px 1591px rgba(255, 255, 255, .5), 1265px 367px rgba(255, 255, 255, .5), 54px 832px rgba(255, 255, 255, .5), 410px 804px rgba(255, 255, 255, .5), 1397px 1242px rgba(255, 255, 255, .5), 549px 1484px rgba(255, 255, 255, .5), 721px 1088px rgba(255, 255, 255, .5), 472px 1240px rgba(255, 255, 255, .5), 1927px 514px rgba(255, 255, 255, .5), 1303px 1310px rgba(255, 255, 255, .5), 71px 1276px rgba(255, 255, 255, .5), 829px 1332px rgba(255, 255, 255, .5), 84px 1920px rgba(255, 255, 255, .5), 1088px 375px rgba(255, 255, 255, .5), 1659px 736px rgba(255, 255, 255, .5), 967px 294px rgba(255, 255, 255, .5), 651px 92px rgba(255, 255, 255, .5), 1572px 143px rgba(255, 255, 255, .5), 1680px 770px rgba(255, 255, 255, .5), 1873px 1289px rgba(255, 255, 255, .5), 1983px 821px rgba(255, 255, 255, .5), 448px 1090px rgba(255, 255, 255, .5), 890px 1332px rgba(255, 255, 255, .5), 836px 867px rgba(255, 255, 255, .5), 1867px 1213px rgba(255, 255, 255, .5), 1874px 1574px rgba(255, 255, 255, .5), 750px 1063px rgba(255, 255, 255, .5), 1297px 1971px rgba(255, 255, 255, .5), 1274px 1015px rgba(255, 255, 255, .5), 1628px 933px rgba(255, 255, 255, .5), 309px 1386px rgba(255, 255, 255, .5), 299px 1621px rgba(255, 255, 255, .5), 1973px 526px rgba(255, 255, 255, .5), 196px 1416px rgba(255, 255, 255, .5), 778px 715px rgba(255, 255, 255, .5), 1993px 1294px rgba(255, 255, 255, .5), 381px 435px rgba(255, 255, 255, .5), 1405px 681px rgba(255, 255, 255, .5), 1759px 1077px rgba(255, 255, 255, .5), 1764px 1748px rgba(255, 255, 255, .5), 168px 470px rgba(255, 255, 255, .5), 978px 781px rgba(255, 255, 255, .5), 110px 1666px rgba(255, 255, 255, .5), 835px 747px rgba(255, 255, 255, .5), 112px 95px rgba(255, 255, 255, .5), 604px 712px rgba(255, 255, 255, .5), 1121px 1752px rgba(255, 255, 255, .5), 393px 1782px rgba(255, 255, 255, .5), 1869px 830px rgba(255, 255, 255, .5), 1303px 348px rgba(255, 255, 255, .5), 427px 1546px rgba(255, 255, 255, .5), 761px 718px rgba(255, 255, 255, .5), 946px 674px rgba(255, 255, 255, .5), 832px 964px rgba(255, 255, 255, .5), 1607px 2000px rgba(255, 255, 255, .5), 1624px 1296px rgba(255, 255, 255, .5), 1093px 735px rgba(255, 255, 255, .5), 1865px 608px rgba(255, 255, 255, .5), 933px 1278px rgba(255, 255, 255, .5), 1402px 547px rgba(255, 255, 255, .5), 1865px 1211px rgba(255, 255, 255, .5), 109px 72px rgba(255, 255, 255, .5), 249px 1482px rgba(255, 255, 255, .5), 586px 1933px rgba(255, 255, 255, .5), 911px 1336px rgba(255, 255, 255, .5), 697px 853px rgba(255, 255, 255, .5), 987px 1797px rgba(255, 255, 255, .5), 1371px 933px rgba(255, 255, 255, .5), 492px 1896px rgba(255, 255, 255, .5), 998px 1866px rgba(255, 255, 255, .5), 518px 31px rgba(255, 255, 255, .5), 1873px 372px rgba(255, 255, 255, .5), 1025px 1308px rgba(255, 255, 255, .5), 1478px 965px rgba(255, 255, 255, .5), 1934px 934px rgba(255, 255, 255, .5), 1048px 1262px rgba(255, 255, 255, .5), 1839px 40px rgba(255, 255, 255, .5), 1399px 732px rgba(255, 255, 255, .5), 735px 416px rgba(255, 255, 255, .5), 621px 394px rgba(255, 255, 255, .5), 788px 1802px rgba(255, 255, 255, .5), 1918px 307px rgba(255, 255, 255, .5), 432px 1845px rgba(255, 255, 255, .5), 616px 481px rgba(255, 255, 255, .5), 921px 798px rgba(255, 255, 255, .5), 354px 597px rgba(255, 255, 255, .5), 1622px 214px rgba(255, 255, 255, .5), 1349px 1983px rgba(255, 255, 255, .5), 1033px 1622px rgba(255, 255, 255, .5), 1198px 407px rgba(255, 255, 255, .5), 1239px 1449px rgba(255, 255, 255, .5), 1278px 1978px rgba(255, 255, 255, .5), 426px 1264px rgba(255, 255, 255, .5), 507px 1341px rgba(255, 255, 255, .5), 1956px 818px rgba(255, 255, 255, .5), 1041px 277px rgba(255, 255, 255, .5), 1371px 639px rgba(255, 255, 255, .5), 1224px 419px rgba(255, 255, 255, .5), 211px 1106px rgba(255, 255, 255, .5), 847px 656px rgba(255, 255, 255, .5), 534px 1891px rgba(255, 255, 255, .5), 1289px 823px rgba(255, 255, 255, .5), 906px 482px rgba(255, 255, 255, .5), 347px 1837px rgba(255, 255, 255, .5), 1246px 1462px rgba(255, 255, 255, .5), 915px 1858px rgba(255, 255, 255, .5), 559px 1320px rgba(255, 255, 255, .5), 77px 1555px rgba(255, 255, 255, .5), 845px 1743px rgba(255, 255, 255, .5), 313px 1414px rgba(255, 255, 255, .5), 188px 252px rgba(255, 255, 255, .5), 509px 637px rgba(255, 255, 255, .5), 374px 142px rgba(255, 255, 255, .5), 1397px 474px rgba(255, 255, 255, .5), 458px 1197px rgba(255, 255, 255, .5), 292px 619px rgba(255, 255, 255, .5), 1749px 14px rgba(255, 255, 255, .5), 1638px 24px rgba(255, 255, 255, .5), 563px 1752px rgba(255, 255, 255, .5), 1940px 1065px rgba(255, 255, 255, .5), 1145px 1030px rgba(255, 255, 255, .5), 894px 1470px rgba(255, 255, 255, .5), 444px 32px rgba(255, 255, 255, .5), 1341px 1136px rgba(255, 255, 255, .5), 1941px 412px rgba(255, 255, 255, .5), 1328px 785px rgba(255, 255, 255, .5), 161px 1740px rgba(255, 255, 255, .5), 948px 829px rgba(255, 255, 255, .5), 933px 823px rgba(255, 255, 255, .5), 1709px 507px rgba(255, 255, 255, .5), 1366px 1821px rgba(255, 255, 255, .5), 720px 731px rgba(255, 255, 255, .5), 162px 682px rgba(255, 255, 255, .5), 1684px 882px rgba(255, 255, 255, .5), 134px 497px rgba(255, 255, 255, .5), 1659px 1701px rgba(255, 255, 255, .5), 1186px 446px rgba(255, 255, 255, .5), 911px 1435px rgba(255, 255, 255, .5), 1814px 1028px rgba(255, 255, 255, .5), 1234px 1520px rgba(255, 255, 255, .5), 1186px 23px rgba(255, 255, 255, .5), 318px 87px rgba(255, 255, 255, .5), 1179px 837px rgba(255, 255, 255, .5), 1071px 46px rgba(255, 255, 255, .5), 1125px 1862px rgba(255, 255, 255, .5), 94px 261px rgba(255, 255, 255, .5), 1574px 282px rgba(255, 255, 255, .5), 1039px 815px rgba(255, 255, 255, .5), 1776px 1472px rgba(255, 255, 255, .5), 867px 473px rgba(255, 255, 255, .5), 901px 215px rgba(255, 255, 255, .5), 862px 630px rgba(255, 255, 255, .5), 1480px 1673px rgba(255, 255, 255, .5), 411px 1896px rgba(255, 255, 255, .5), 1335px 944px rgba(255, 255, 255, .5), 148px 1235px rgba(255, 255, 255, .5), 57px 140px rgba(255, 255, 255, .5), 447px 651px rgba(255, 255, 255, .5), 1414px 1651px rgba(255, 255, 255, .5), 209px 1770px rgba(255, 255, 255, .5), 1800px 1590px rgba(255, 255, 255, .5), 1304px 1px rgba(255, 255, 255, .5), 279px 771px rgba(255, 255, 255, .5), 1770px 1398px rgba(255, 255, 255, .5), 724px 1201px rgba(255, 255, 255, .5), 245px 1145px rgba(255, 255, 255, .5), 172px 1951px rgba(255, 255, 255, .5), 284px 236px rgba(255, 255, 255, .5), 1905px 1307px rgba(255, 255, 255, .5), 1948px 574px rgba(255, 255, 255, .5), 283px 669px rgba(255, 255, 255, .5), 247px 384px rgba(255, 255, 255, .5), 224px 619px rgba(255, 255, 255, .5), 128px 772px rgba(255, 255, 255, .5), 1698px 1405px rgba(255, 255, 255, .5), 830px 505px rgba(255, 255, 255, .5), 1938px 397px rgba(255, 255, 255, .5), 1772px 1001px rgba(255, 255, 255, .5), 1454px 808px rgba(255, 255, 255, .5), 304px 561px rgba(255, 255, 255, .5), 1321px 966px rgba(255, 255, 255, .5), 735px 1368px rgba(255, 255, 255, .5), 894px 345px rgba(255, 255, 255, .5), 1217px 1997px rgba(255, 255, 255, .5), 892px 1342px rgba(255, 255, 255, .5), 353px 379px rgba(255, 255, 255, .5), 1382px 1156px rgba(255, 255, 255, .5), 164px 1239px rgba(255, 255, 255, .5), 1268px 1859px rgba(255, 255, 255, .5), 1385px 1721px rgba(255, 255, 255, .5), 16px 283px rgba(255, 255, 255, .5), 1819px 200px rgba(255, 255, 255, .5), 660px 1111px rgba(255, 255, 255, .5), 1679px 1728px rgba(255, 255, 255, .5), 463px 596px rgba(255, 255, 255, .5), 217px 1834px rgba(255, 255, 255, .5), 1879px 538px rgba(255, 255, 255, .5), 304px 906px rgba(255, 255, 255, .5), 1327px 1347px rgba(255, 255, 255, .5), 1226px 1579px rgba(255, 255, 255, .5), 1786px 1616px rgba(255, 255, 255, .5), 1234px 1982px rgba(255, 255, 255, .5), 1868px 1862px rgba(255, 255, 255, .5), 814px 948px rgba(255, 255, 255, .5), 178px 1837px rgba(255, 255, 255, .5), 571px 1701px rgba(255, 255, 255, .5), 106px 566px rgba(255, 255, 255, .5), 270px 925px rgba(255, 255, 255, .5), 1417px 248px rgba(255, 255, 255, .5), 609px 1551px rgba(255, 255, 255, .5), 992px 1825px rgba(255, 255, 255, .5), 1515px 1999px rgba(255, 255, 255, .5), 1167px 914px rgba(255, 255, 255, .5), 1698px 490px rgba(255, 255, 255, .5), 189px 1463px rgba(255, 255, 255, .5), 928px 612px rgba(255, 255, 255, .5), 1714px 803px rgba(255, 255, 255, .5), 535px 402px rgba(255, 255, 255, .5), 1000px 379px rgba(255, 255, 255, .5), 1610px 574px rgba(255, 255, 255, .5), 1882px 1155px rgba(255, 255, 255, .5), 1425px 1514px rgba(255, 255, 255, .5), 417px 1987px rgba(255, 255, 255, .5), 1681px 1059px rgba(255, 255, 255, .5), 841px 762px rgba(255, 255, 255, .5), 1886px 1098px rgba(255, 255, 255, .5), 1785px 236px rgba(255, 255, 255, .5), 1950px 950px rgba(255, 255, 255, .5), 444px 1937px rgba(255, 255, 255, .5), 1364px 540px rgba(255, 255, 255, .5), 1971px 225px rgba(255, 255, 255, .5), 1624px 868px rgba(255, 255, 255, .5), 869px 640px rgba(255, 255, 255, .5), 1637px 559px rgba(255, 255, 255, .5), 20px 823px rgba(255, 255, 255, .5), 409px 177px rgba(255, 255, 255, .5), 1804px 1626px rgba(255, 255, 255, .5), 388px 527px rgba(255, 255, 255, .5), 1385px 1734px rgba(255, 255, 255, .5), 988px 1310px rgba(255, 255, 255, .5), 443px 599px rgba(255, 255, 255, .5), 1780px 434px rgba(255, 255, 255, .5), 654px 419px rgba(255, 255, 255, .5), 268px 1424px rgba(255, 255, 255, .5), 1971px 40px rgba(255, 255, 255, .5), 360px 1834px rgba(255, 255, 255, .5), 875px 1930px rgba(255, 255, 255, .5), 1866px 1885px rgba(255, 255, 255, .5), 453px 1670px rgba(255, 255, 255, .5), 1696px 1337px rgba(255, 255, 255, .5), 604px 1887px rgba(255, 255, 255, .5), 1405px 769px rgba(255, 255, 255, .5), 1546px 897px rgba(255, 255, 255, .5), 595px 1975px rgba(255, 255, 255, .5), 32px 1765px rgba(255, 255, 255, .5), 896px 1150px rgba(255, 255, 255, .5), 1818px 95px rgba(255, 255, 255, .5), 444px 49px rgba(255, 255, 255, .5), 589px 1796px rgba(255, 255, 255, .5), 764px 1965px rgba(255, 255, 255, .5), 920px 1803px rgba(255, 255, 255, .5), 403px 1997px rgba(255, 255, 255, .5), 833px 1282px rgba(255, 255, 255, .5), 1127px 1770px rgba(255, 255, 255, .5), 1810px 77px rgba(255, 255, 255, .5), 1214px 1102px rgba(255, 255, 255, .5), 364px 401px rgba(255, 255, 255, .5), 1139px 1191px rgba(255, 255, 255, .5), 916px 1907px rgba(255, 255, 255, .5), 870px 290px rgba(255, 255, 255, .5), 688px 678px rgba(255, 255, 255, .5), 1523px 34px rgba(255, 255, 255, .5), 1265px 1082px rgba(255, 255, 255, .5), 1394px 1080px rgba(255, 255, 255, .5), 1787px 1738px rgba(255, 255, 255, .5), 1682px 755px rgba(255, 255, 255, .5), 1955px 832px rgba(255, 255, 255, .5), 546px 1577px rgba(255, 255, 255, .5), 1062px 1561px rgba(255, 255, 255, .5), 344px 826px rgba(255, 255, 255, .5), 1442px 782px rgba(255, 255, 255, .5), 467px 1477px rgba(255, 255, 255, .5), 879px 1439px rgba(255, 255, 255, .5), 1672px 268px rgba(255, 255, 255, .5), 1317px 1355px rgba(255, 255, 255, .5), 1980px 1965px rgba(255, 255, 255, .5), 688px 1465px rgba(255, 255, 255, .5), 1131px 872px rgba(255, 255, 255, .5), 1301px 1656px rgba(255, 255, 255, .5), 974px 583px rgba(255, 255, 255, .5), 1613px 1467px rgba(255, 255, 255, .5), 1976px 1995px rgba(255, 255, 255, .5), 1377px 760px rgba(255, 255, 255, .5), 1367px 387px rgba(255, 255, 255, .5), 1880px 191px rgba(255, 255, 255, .5), 711px 876px rgba(255, 255, 255, .5), 539px 152px rgba(255, 255, 255, .5), 545px 1809px rgba(255, 255, 255, .5), 920px 970px rgba(255, 255, 255, .5), 1154px 1355px rgba(255, 255, 255, .5), 1968px 94px rgba(255, 255, 255, .5), 1703px 490px rgba(255, 255, 255, .5), 380px 146px rgba(255, 255, 255, .5), 1561px 785px rgba(255, 255, 255, .5), 1930px 1385px rgba(255, 255, 255, .5), 519px 1091px rgba(255, 255, 255, .5), 269px 570px rgba(255, 255, 255, .5), 109px 1326px rgba(255, 255, 255, .5), 1476px 969px rgba(255, 255, 255, .5), 1999px 1885px rgba(255, 255, 255, .5), 341px 1238px rgba(255, 255, 255, .5), 1105px 1076px rgba(255, 255, 255, .5), 596px 88px rgba(255, 255, 255, .5), 937px 492px rgba(255, 255, 255, .5), 1339px 1673px rgba(255, 255, 255, .5), 1967px 762px rgba(255, 255, 255, .5), 65px 952px rgba(255, 255, 255, .5), 111px 93px rgba(255, 255, 255, .5), 1011px 1684px rgba(255, 255, 255, .5), 377px 1430px rgba(255, 255, 255, .5), 1011px 386px rgba(255, 255, 255, .5), 1162px 421px rgba(255, 255, 255, .5), 196px 617px rgba(255, 255, 255, .5), 1407px 1141px rgba(255, 255, 255, .5), 1562px 572px rgba(255, 255, 255, .5), 316px 690px rgba(255, 255, 255, .5), 1600px 1980px rgba(255, 255, 255, .5), 1545px 1254px rgba(255, 255, 255, .5), 680px 1120px rgba(255, 255, 255, .5), 575px 1284px rgba(255, 255, 255, .5), 179px 1470px rgba(255, 255, 255, .5), 1496px 1506px rgba(255, 255, 255, .5), 977px 1376px rgba(255, 255, 255, .5), 1282px 708px rgba(255, 255, 255, .5), 408px 1427px rgba(255, 255, 255, .5), 1173px 1597px rgba(255, 255, 255, .5), 1120px 1755px rgba(255, 255, 255, .5), 974px 520px rgba(255, 255, 255, .5), 979px 384px rgba(255, 255, 255, .5), 622px 1116px rgba(255, 255, 255, .5), 1307px 866px rgba(255, 255, 255, .5), 1188px 1596px rgba(255, 255, 255, .5), 858px 1947px rgba(255, 255, 255, .5), 861px 1373px rgba(255, 255, 255, .5), 857px 43px rgba(255, 255, 255, .5), 1878px 499px rgba(255, 255, 255, .5), 1297px 535px rgba(255, 255, 255, .5), 870px 1286px rgba(255, 255, 255, .5), 1452px 448px rgba(255, 255, 255, .5), 906px 72px rgba(255, 255, 255, .5), 1450px 872px rgba(255, 255, 255, .5), 1607px 1755px rgba(255, 255, 255, .5), 1071px 1959px rgba(255, 255, 255, .5), 976px 879px rgba(255, 255, 255, .5), 1435px 284px rgba(255, 255, 255, .5), 1601px 496px rgba(255, 255, 255, .5), 671px 1713px rgba(255, 255, 255, .5), 356px 1148px rgba(255, 255, 255, .5), 837px 867px rgba(255, 255, 255, .5), 246px 858px rgba(255, 255, 255, .5), 1031px 1594px rgba(255, 255, 255, .5), 571px 214px rgba(255, 255, 255, .5), 1012px 1329px rgba(255, 255, 255, .5), 1566px 1142px rgba(255, 255, 255, .5), 219px 1376px rgba(255, 255, 255, .5), 1580px 1454px rgba(255, 255, 255, .5), 690px 1037px rgba(255, 255, 255, .5), 1940px 756px rgba(255, 255, 255, .5), 1755px 850px rgba(255, 255, 255, .5), 1037px 363px rgba(255, 255, 255, .5), 25px 515px rgba(255, 255, 255, .5), 806px 1571px rgba(255, 255, 255, .5), 1266px 1398px rgba(255, 255, 255, .5), 695px 791px rgba(255, 255, 255, .5), 1838px 950px rgba(255, 255, 255, .5), 1578px 27px rgba(255, 255, 255, .5), 1692px 1581px rgba(255, 255, 255, .5), 1817px 1040px rgba(255, 255, 255, .5), 1781px 238px rgba(255, 255, 255, .5), 1052px 895px rgba(255, 255, 255, .5), 398px 440px rgba(255, 255, 255, .5), 1643px 325px rgba(255, 255, 255, .5), 79px 848px rgba(255, 255, 255, .5), 1295px 326px rgba(255, 255, 255, .5), 293px 81px rgba(255, 255, 255, .5), 1202px 1580px rgba(255, 255, 255, .5), 1441px 100px rgba(255, 255, 255, .5), 1295px 1465px rgba(255, 255, 255, .5), 1132px 1275px rgba(255, 255, 255, .5), 774px 704px rgba(255, 255, 255, .5), 1109px 1546px rgba(255, 255, 255, .5), 557px 1390px rgba(255, 255, 255, .5), 1253px 1224px rgba(255, 255, 255, .5), 1063px 1618px rgba(255, 255, 255, .5), 1793px 440px rgba(255, 255, 255, .5), 890px 1988px rgba(255, 255, 255, .5), 814px 424px rgba(255, 255, 255, .5), 1390px 1280px rgba(255, 255, 255, .5), 1127px 907px rgba(255, 255, 255, .5), 1044px 1368px rgba(255, 255, 255, .5), 1317px 876px rgba(255, 255, 255, .5), 762px 638px rgba(255, 255, 255, .5), 965px 747px rgba(255, 255, 255, .5), 755px 1945px rgba(255, 255, 255, .5), 706px 414px rgba(255, 255, 255, .5), 1842px 1673px rgba(255, 255, 255, .5), 1158px 1336px rgba(255, 255, 255, .5), 989px 1955px rgba(255, 255, 255, .5), 1857px 89px rgba(255, 255, 255, .5), 1659px 343px rgba(255, 255, 255, .5), 509px 1385px rgba(255, 255, 255, .5), 1620px 758px rgba(255, 255, 255, .5), 1958px 1064px rgba(255, 255, 255, .5), 178px 341px rgba(255, 255, 255, .5), 1500px 808px rgba(255, 255, 255, .5), 20px 1646px rgba(255, 255, 255, .5), 1572px 870px rgba(255, 255, 255, .5), 1821px 1377px rgba(255, 255, 255, .5), 328px 1965px rgba(255, 255, 255, .5), 903px 616px rgba(255, 255, 255, .5), 1731px 1599px rgba(255, 255, 255, .5), 267px 856px rgba(255, 255, 255, .5); animation: animStar 50s linear infinite; } .about-stars:after { content: " "; position: absolute; top: 2000px; width: 1px; height: 1px; background: transparent; box-shadow: 1407px 511px rgba(255, 255, 255, .5), 1611px 119px rgba(255, 255, 255, .5), 1686px 956px rgba(255, 255, 255, .5), 1163px 1929px rgba(255, 255, 255, .5), 912px 1242px rgba(255, 255, 255, .5), 490px 469px rgba(255, 255, 255, .5), 869px 425px rgba(255, 255, 255, .5), 1447px 891px rgba(255, 255, 255, .5), 422px 1960px rgba(255, 255, 255, .5), 517px 1995px rgba(255, 255, 255, .5), 738px 171px rgba(255, 255, 255, .5), 1328px 1668px rgba(255, 255, 255, .5), 874px 1490px rgba(255, 255, 255, .5), 83px 81px rgba(255, 255, 255, .5), 632px 98px rgba(255, 255, 255, .5), 1518px 1764px rgba(255, 255, 255, .5), 636px 596px rgba(255, 255, 255, .5), 1178px 131px rgba(255, 255, 255, .5), 278px 1179px rgba(255, 255, 255, .5), 1898px 1951px rgba(255, 255, 255, .5), 1787px 326px rgba(255, 255, 255, .5), 186px 1588px rgba(255, 255, 255, .5), 552px 1942px rgba(255, 255, 255, .5), 1929px 1300px rgba(255, 255, 255, .5), 802px 681px rgba(255, 255, 255, .5), 430px 1711px rgba(255, 255, 255, .5), 1192px 308px rgba(255, 255, 255, .5), 123px 1604px rgba(255, 255, 255, .5), 880px 169px rgba(255, 255, 255, .5), 1400px 632px rgba(255, 255, 255, .5), 500px 1165px rgba(255, 255, 255, .5), 288px 1208px rgba(255, 255, 255, .5), 319px 1419px rgba(255, 255, 255, .5), 1170px 980px rgba(255, 255, 255, .5), 1608px 784px rgba(255, 255, 255, .5), 1735px 1276px rgba(255, 255, 255, .5), 966px 1534px rgba(255, 255, 255, .5), 654px 783px rgba(255, 255, 255, .5), 1366px 964px rgba(255, 255, 255, .5), 1213px 60px rgba(255, 255, 255, .5), 302px 1509px rgba(255, 255, 255, .5), 845px 714px rgba(255, 255, 255, .5), 524px 323px rgba(255, 255, 255, .5), 1538px 1399px rgba(255, 255, 255, .5), 394px 619px rgba(255, 255, 255, .5), 680px 26px rgba(255, 255, 255, .5), 353px 776px rgba(255, 255, 255, .5), 1826px 1450px rgba(255, 255, 255, .5), 1909px 1452px rgba(255, 255, 255, .5), 1014px 1315px rgba(255, 255, 255, .5), 1883px 1474px rgba(255, 255, 255, .5), 766px 1742px rgba(255, 255, 255, .5), 1693px 658px rgba(255, 255, 255, .5), 1186px 302px rgba(255, 255, 255, .5), 376px 1575px rgba(255, 255, 255, .5), 712px 1739px rgba(255, 255, 255, .5), 1627px 299px rgba(255, 255, 255, .5), 482px 224px rgba(255, 255, 255, .5), 1379px 510px rgba(255, 255, 255, .5), 1543px 1602px rgba(255, 255, 255, .5), 45px 606px rgba(255, 255, 255, .5), 827px 1336px rgba(255, 255, 255, .5), 224px 1939px rgba(255, 255, 255, .5), 1098px 1342px rgba(255, 255, 255, .5), 813px 1553px rgba(255, 255, 255, .5), 825px 419px rgba(255, 255, 255, .5), 519px 894px rgba(255, 255, 255, .5), 1406px 797px rgba(255, 255, 255, .5), 1341px 274px rgba(255, 255, 255, .5), 1787px 903px rgba(255, 255, 255, .5), 1701px 1483px rgba(255, 255, 255, .5), 1108px 232px rgba(255, 255, 255, .5), 1599px 1409px rgba(255, 255, 255, .5), 659px 870px rgba(255, 255, 255, .5), 1538px 335px rgba(255, 255, 255, .5), 632px 1855px rgba(255, 255, 255, .5), 154px 1026px rgba(255, 255, 255, .5), 1722px 979px rgba(255, 255, 255, .5), 1339px 509px rgba(255, 255, 255, .5), 1833px 460px rgba(255, 255, 255, .5), 315px 65px rgba(255, 255, 255, .5), 496px 1927px rgba(255, 255, 255, .5), 1314px 427px rgba(255, 255, 255, .5), 344px 1046px rgba(255, 255, 255, .5), 1658px 724px rgba(255, 255, 255, .5), 1899px 264px rgba(255, 255, 255, .5), 1200px 1305px rgba(255, 255, 255, .5), 1562px 339px rgba(255, 255, 255, .5), 159px 766px rgba(255, 255, 255, .5), 1639px 1966px rgba(255, 255, 255, .5), 459px 1898px rgba(255, 255, 255, .5), 944px 763px rgba(255, 255, 255, .5), 1174px 1056px rgba(255, 255, 255, .5), 1825px 790px rgba(255, 255, 255, .5), 906px 1526px rgba(255, 255, 255, .5), 1537px 1303px rgba(255, 255, 255, .5), 79px 1105px rgba(255, 255, 255, .5), 1318px 672px rgba(255, 255, 255, .5), 1232px 61px rgba(255, 255, 255, .5), 709px 1078px rgba(255, 255, 255, .5), 1010px 1810px rgba(255, 255, 255, .5), 777px 1160px rgba(255, 255, 255, .5), 1598px 1428px rgba(255, 255, 255, .5), 815px 684px rgba(255, 255, 255, .5), 1003px 943px rgba(255, 255, 255, .5), 1876px 1003px rgba(255, 255, 255, .5), 1025px 1529px rgba(255, 255, 255, .5), 66px 549px rgba(255, 255, 255, .5), 514px 457px rgba(255, 255, 255, .5), 262px 1005px rgba(255, 255, 255, .5), 812px 1705px rgba(255, 255, 255, .5), 1163px 1087px rgba(255, 255, 255, .5), 165px 45px rgba(255, 255, 255, .5), 677px 1462px rgba(255, 255, 255, .5), 580px 1675px rgba(255, 255, 255, .5), 1848px 1384px rgba(255, 255, 255, .5), 449px 862px rgba(255, 255, 255, .5), 1629px 1979px rgba(255, 255, 255, .5), 667px 135px rgba(255, 255, 255, .5), 240px 53px rgba(255, 255, 255, .5), 1919px 1832px rgba(255, 255, 255, .5), 696px 1384px rgba(255, 255, 255, .5), 1630px 361px rgba(255, 255, 255, .5), 878px 663px rgba(255, 255, 255, .5), 1226px 1723px rgba(255, 255, 255, .5), 765px 686px rgba(255, 255, 255, .5), 576px 1647px rgba(255, 255, 255, .5), 97px 1602px rgba(255, 255, 255, .5), 1117px 1049px rgba(255, 255, 255, .5), 1433px 68px rgba(255, 255, 255, .5), 1375px 1991px rgba(255, 255, 255, .5), 1755px 990px rgba(255, 255, 255, .5), 1483px 801px rgba(255, 255, 255, .5), 473px 1802px rgba(255, 255, 255, .5), 822px 768px rgba(255, 255, 255, .5), 196px 577px rgba(255, 255, 255, .5), 516px 504px rgba(255, 255, 255, .5), 623px 981px rgba(255, 255, 255, .5), 1478px 819px rgba(255, 255, 255, .5), 126px 384px rgba(255, 255, 255, .5), 584px 1908px rgba(255, 255, 255, .5), 1549px 521px rgba(255, 255, 255, .5), 1866px 1335px rgba(255, 255, 255, .5), 586px 342px rgba(255, 255, 255, .5), 1698px 642px rgba(255, 255, 255, .5), 136px 188px rgba(255, 255, 255, .5), 1613px 520px rgba(255, 255, 255, .5), 937px 326px rgba(255, 255, 255, .5), 1111px 169px rgba(255, 255, 255, .5), 229px 229px rgba(255, 255, 255, .5), 1357px 20px rgba(255, 255, 255, .5), 725px 1305px rgba(255, 255, 255, .5), 23px 1977px rgba(255, 255, 255, .5), 426px 1945px rgba(255, 255, 255, .5), 1628px 1530px rgba(255, 255, 255, .5), 256px 1295px rgba(255, 255, 255, .5), 58px 78px rgba(255, 255, 255, .5), 409px 1145px rgba(255, 255, 255, .5), 1607px 767px rgba(255, 255, 255, .5), 212px 144px rgba(255, 255, 255, .5), 361px 1890px rgba(255, 255, 255, .5), 1827px 1451px rgba(255, 255, 255, .5), 1875px 645px rgba(255, 255, 255, .5), 571px 853px rgba(255, 255, 255, .5), 1302px 301px rgba(255, 255, 255, .5), 9px 1344px rgba(255, 255, 255, .5), 418px 619px rgba(255, 255, 255, .5), 1941px 90px rgba(255, 255, 255, .5), 949px 640px rgba(255, 255, 255, .5), 179px 1783px rgba(255, 255, 255, .5), 1104px 360px rgba(255, 255, 255, .5), 1723px 370px rgba(255, 255, 255, .5), 1122px 1418px rgba(255, 255, 255, .5), 1374px 508px rgba(255, 255, 255, .5), 1108px 1089px rgba(255, 255, 255, .5), 1440px 1743px rgba(255, 255, 255, .5), 462px 1495px rgba(255, 255, 255, .5), 1187px 265px rgba(255, 255, 255, .5), 567px 74px rgba(255, 255, 255, .5), 557px 542px rgba(255, 255, 255, .5), 967px 673px rgba(255, 255, 255, .5), 825px 1971px rgba(255, 255, 255, .5), 988px 1260px rgba(255, 255, 255, .5), 710px 1206px rgba(255, 255, 255, .5), 538px 1805px rgba(255, 255, 255, .5), 137px 861px rgba(255, 255, 255, .5), 1922px 1313px rgba(255, 255, 255, .5), 481px 470px rgba(255, 255, 255, .5), 1224px 316px rgba(255, 255, 255, .5), 1979px 239px rgba(255, 255, 255, .5), 22px 1155px rgba(255, 255, 255, .5), 1640px 186px rgba(255, 255, 255, .5), 592px 1709px rgba(255, 255, 255, .5), 765px 170px rgba(255, 255, 255, .5), 129px 1750px rgba(255, 255, 255, .5), 788px 719px rgba(255, 255, 255, .5), 181px 1327px rgba(255, 255, 255, .5), 433px 1455px rgba(255, 255, 255, .5), 141px 450px rgba(255, 255, 255, .5), 1287px 1027px rgba(255, 255, 255, .5), 1278px 1462px rgba(255, 255, 255, .5), 688px 1526px rgba(255, 255, 255, .5), 463px 1604px rgba(255, 255, 255, .5), 1232px 297px rgba(255, 255, 255, .5), 920px 1227px rgba(255, 255, 255, .5), 1571px 1765px rgba(255, 255, 255, .5), 1482px 1316px rgba(255, 255, 255, .5), 759px 1463px rgba(255, 255, 255, .5), 950px 1166px rgba(255, 255, 255, .5), 1532px 1588px rgba(255, 255, 255, .5), 608px 267px rgba(255, 255, 255, .5), 1862px 1943px rgba(255, 255, 255, .5), 805px 717px rgba(255, 255, 255, .5), 1803px 1319px rgba(255, 255, 255, .5), 1821px 683px rgba(255, 255, 255, .5), 995px 1958px rgba(255, 255, 255, .5), 484px 932px rgba(255, 255, 255, .5), 366px 901px rgba(255, 255, 255, .5), 451px 1563px rgba(255, 255, 255, .5), 1704px 1471px rgba(255, 255, 255, .5), 1379px 44px rgba(255, 255, 255, .5), 1778px 472px rgba(255, 255, 255, .5), 419px 1806px rgba(255, 255, 255, .5), 1545px 222px rgba(255, 255, 255, .5), 1563px 777px rgba(255, 255, 255, .5), 39px 964px rgba(255, 255, 255, .5), 1620px 24px rgba(255, 255, 255, .5), 1151px 320px rgba(255, 255, 255, .5), 1940px 1426px rgba(255, 255, 255, .5), 1555px 1538px rgba(255, 255, 255, .5), 1747px 488px rgba(255, 255, 255, .5), 1348px 300px rgba(255, 255, 255, .5), 990px 538px rgba(255, 255, 255, .5), 780px 361px rgba(255, 255, 255, .5), 988px 971px rgba(255, 255, 255, .5), 1973px 1534px rgba(255, 255, 255, .5), 1542px 1829px rgba(255, 255, 255, .5), 1557px 216px rgba(255, 255, 255, .5), 1404px 641px rgba(255, 255, 255, .5), 47px 877px rgba(255, 255, 255, .5), 65px 1738px rgba(255, 255, 255, .5), 1895px 1798px rgba(255, 255, 255, .5), 56px 591px rgba(255, 255, 255, .5), 536px 906px rgba(255, 255, 255, .5), 568px 74px rgba(255, 255, 255, .5), 433px 462px rgba(255, 255, 255, .5), 727px 295px rgba(255, 255, 255, .5), 876px 1878px rgba(255, 255, 255, .5), 1891px 1946px rgba(255, 255, 255, .5), 1451px 493px rgba(255, 255, 255, .5), 1569px 226px rgba(255, 255, 255, .5), 879px 1351px rgba(255, 255, 255, .5), 1529px 43px rgba(255, 255, 255, .5), 33px 74px rgba(255, 255, 255, .5), 1516px 1924px rgba(255, 255, 255, .5), 878px 323px rgba(255, 255, 255, .5), 455px 1122px rgba(255, 255, 255, .5), 1943px 526px rgba(255, 255, 255, .5), 1456px 1060px rgba(255, 255, 255, .5), 1631px 979px rgba(255, 255, 255, .5), 1819px 1324px rgba(255, 255, 255, .5), 1660px 1192px rgba(255, 255, 255, .5), 1867px 1714px rgba(255, 255, 255, .5), 1928px 1940px rgba(255, 255, 255, .5), 1618px 744px rgba(255, 255, 255, .5), 979px 357px rgba(255, 255, 255, .5), 98px 1645px rgba(255, 255, 255, .5), 1898px 1207px rgba(255, 255, 255, .5), 1134px 16px rgba(255, 255, 255, .5), 1313px 1018px rgba(255, 255, 255, .5), 717px 812px rgba(255, 255, 255, .5), 1503px 234px rgba(255, 255, 255, .5), 1612px 188px rgba(255, 255, 255, .5), 29px 459px rgba(255, 255, 255, .5), 414px 1487px rgba(255, 255, 255, .5), 1223px 1730px rgba(255, 255, 255, .5), 1643px 1188px rgba(255, 255, 255, .5), 424px 767px rgba(255, 255, 255, .5), 1692px 1591px rgba(255, 255, 255, .5), 1265px 367px rgba(255, 255, 255, .5), 54px 832px rgba(255, 255, 255, .5), 410px 804px rgba(255, 255, 255, .5), 1397px 1242px rgba(255, 255, 255, .5), 549px 1484px rgba(255, 255, 255, .5), 721px 1088px rgba(255, 255, 255, .5), 472px 1240px rgba(255, 255, 255, .5), 1927px 514px rgba(255, 255, 255, .5), 1303px 1310px rgba(255, 255, 255, .5), 71px 1276px rgba(255, 255, 255, .5), 829px 1332px rgba(255, 255, 255, .5), 84px 1920px rgba(255, 255, 255, .5), 1088px 375px rgba(255, 255, 255, .5), 1659px 736px rgba(255, 255, 255, .5), 967px 294px rgba(255, 255, 255, .5), 651px 92px rgba(255, 255, 255, .5), 1572px 143px rgba(255, 255, 255, .5), 1680px 770px rgba(255, 255, 255, .5), 1873px 1289px rgba(255, 255, 255, .5), 1983px 821px rgba(255, 255, 255, .5), 448px 1090px rgba(255, 255, 255, .5), 890px 1332px rgba(255, 255, 255, .5), 836px 867px rgba(255, 255, 255, .5), 1867px 1213px rgba(255, 255, 255, .5), 1874px 1574px rgba(255, 255, 255, .5), 750px 1063px rgba(255, 255, 255, .5), 1297px 1971px rgba(255, 255, 255, .5), 1274px 1015px rgba(255, 255, 255, .5), 1628px 933px rgba(255, 255, 255, .5), 309px 1386px rgba(255, 255, 255, .5), 299px 1621px rgba(255, 255, 255, .5), 1973px 526px rgba(255, 255, 255, .5), 196px 1416px rgba(255, 255, 255, .5), 778px 715px rgba(255, 255, 255, .5), 1993px 1294px rgba(255, 255, 255, .5), 381px 435px rgba(255, 255, 255, .5), 1405px 681px rgba(255, 255, 255, .5), 1759px 1077px rgba(255, 255, 255, .5), 1764px 1748px rgba(255, 255, 255, .5), 168px 470px rgba(255, 255, 255, .5), 978px 781px rgba(255, 255, 255, .5), 110px 1666px rgba(255, 255, 255, .5), 835px 747px rgba(255, 255, 255, .5), 112px 95px rgba(255, 255, 255, .5), 604px 712px rgba(255, 255, 255, .5), 1121px 1752px rgba(255, 255, 255, .5), 393px 1782px rgba(255, 255, 255, .5), 1869px 830px rgba(255, 255, 255, .5), 1303px 348px rgba(255, 255, 255, .5), 427px 1546px rgba(255, 255, 255, .5), 761px 718px rgba(255, 255, 255, .5), 946px 674px rgba(255, 255, 255, .5), 832px 964px rgba(255, 255, 255, .5), 1607px 2000px rgba(255, 255, 255, .5), 1624px 1296px rgba(255, 255, 255, .5), 1093px 735px rgba(255, 255, 255, .5), 1865px 608px rgba(255, 255, 255, .5), 933px 1278px rgba(255, 255, 255, .5), 1402px 547px rgba(255, 255, 255, .5), 1865px 1211px rgba(255, 255, 255, .5), 109px 72px rgba(255, 255, 255, .5), 249px 1482px rgba(255, 255, 255, .5), 586px 1933px rgba(255, 255, 255, .5), 911px 1336px rgba(255, 255, 255, .5), 697px 853px rgba(255, 255, 255, .5), 987px 1797px rgba(255, 255, 255, .5), 1371px 933px rgba(255, 255, 255, .5), 492px 1896px rgba(255, 255, 255, .5), 998px 1866px rgba(255, 255, 255, .5), 518px 31px rgba(255, 255, 255, .5), 1873px 372px rgba(255, 255, 255, .5), 1025px 1308px rgba(255, 255, 255, .5), 1478px 965px rgba(255, 255, 255, .5), 1934px 934px rgba(255, 255, 255, .5), 1048px 1262px rgba(255, 255, 255, .5), 1839px 40px rgba(255, 255, 255, .5), 1399px 732px rgba(255, 255, 255, .5), 735px 416px rgba(255, 255, 255, .5), 621px 394px rgba(255, 255, 255, .5), 788px 1802px rgba(255, 255, 255, .5), 1918px 307px rgba(255, 255, 255, .5), 432px 1845px rgba(255, 255, 255, .5), 616px 481px rgba(255, 255, 255, .5), 921px 798px rgba(255, 255, 255, .5), 354px 597px rgba(255, 255, 255, .5), 1622px 214px rgba(255, 255, 255, .5), 1349px 1983px rgba(255, 255, 255, .5), 1033px 1622px rgba(255, 255, 255, .5), 1198px 407px rgba(255, 255, 255, .5), 1239px 1449px rgba(255, 255, 255, .5), 1278px 1978px rgba(255, 255, 255, .5), 426px 1264px rgba(255, 255, 255, .5), 507px 1341px rgba(255, 255, 255, .5), 1956px 818px rgba(255, 255, 255, .5), 1041px 277px rgba(255, 255, 255, .5), 1371px 639px rgba(255, 255, 255, .5), 1224px 419px rgba(255, 255, 255, .5), 211px 1106px rgba(255, 255, 255, .5), 847px 656px rgba(255, 255, 255, .5), 534px 1891px rgba(255, 255, 255, .5), 1289px 823px rgba(255, 255, 255, .5), 906px 482px rgba(255, 255, 255, .5), 347px 1837px rgba(255, 255, 255, .5), 1246px 1462px rgba(255, 255, 255, .5), 915px 1858px rgba(255, 255, 255, .5), 559px 1320px rgba(255, 255, 255, .5), 77px 1555px rgba(255, 255, 255, .5), 845px 1743px rgba(255, 255, 255, .5), 313px 1414px rgba(255, 255, 255, .5), 188px 252px rgba(255, 255, 255, .5), 509px 637px rgba(255, 255, 255, .5), 374px 142px rgba(255, 255, 255, .5), 1397px 474px rgba(255, 255, 255, .5), 458px 1197px rgba(255, 255, 255, .5), 292px 619px rgba(255, 255, 255, .5), 1749px 14px rgba(255, 255, 255, .5), 1638px 24px rgba(255, 255, 255, .5), 563px 1752px rgba(255, 255, 255, .5), 1940px 1065px rgba(255, 255, 255, .5), 1145px 1030px rgba(255, 255, 255, .5), 894px 1470px rgba(255, 255, 255, .5), 444px 32px rgba(255, 255, 255, .5), 1341px 1136px rgba(255, 255, 255, .5), 1941px 412px rgba(255, 255, 255, .5), 1328px 785px rgba(255, 255, 255, .5), 161px 1740px rgba(255, 255, 255, .5), 948px 829px rgba(255, 255, 255, .5), 933px 823px rgba(255, 255, 255, .5), 1709px 507px rgba(255, 255, 255, .5), 1366px 1821px rgba(255, 255, 255, .5), 720px 731px rgba(255, 255, 255, .5), 162px 682px rgba(255, 255, 255, .5), 1684px 882px rgba(255, 255, 255, .5), 134px 497px rgba(255, 255, 255, .5), 1659px 1701px rgba(255, 255, 255, .5), 1186px 446px rgba(255, 255, 255, .5), 911px 1435px rgba(255, 255, 255, .5), 1814px 1028px rgba(255, 255, 255, .5), 1234px 1520px rgba(255, 255, 255, .5), 1186px 23px rgba(255, 255, 255, .5), 318px 87px rgba(255, 255, 255, .5), 1179px 837px rgba(255, 255, 255, .5), 1071px 46px rgba(255, 255, 255, .5), 1125px 1862px rgba(255, 255, 255, .5), 94px 261px rgba(255, 255, 255, .5), 1574px 282px rgba(255, 255, 255, .5), 1039px 815px rgba(255, 255, 255, .5), 1776px 1472px rgba(255, 255, 255, .5), 867px 473px rgba(255, 255, 255, .5), 901px 215px rgba(255, 255, 255, .5), 862px 630px rgba(255, 255, 255, .5), 1480px 1673px rgba(255, 255, 255, .5), 411px 1896px rgba(255, 255, 255, .5), 1335px 944px rgba(255, 255, 255, .5), 148px 1235px rgba(255, 255, 255, .5), 57px 140px rgba(255, 255, 255, .5), 447px 651px rgba(255, 255, 255, .5), 1414px 1651px rgba(255, 255, 255, .5), 209px 1770px rgba(255, 255, 255, .5), 1800px 1590px rgba(255, 255, 255, .5), 1304px 1px rgba(255, 255, 255, .5), 279px 771px rgba(255, 255, 255, .5), 1770px 1398px rgba(255, 255, 255, .5), 724px 1201px rgba(255, 255, 255, .5), 245px 1145px rgba(255, 255, 255, .5), 172px 1951px rgba(255, 255, 255, .5), 284px 236px rgba(255, 255, 255, .5), 1905px 1307px rgba(255, 255, 255, .5), 1948px 574px rgba(255, 255, 255, .5), 283px 669px rgba(255, 255, 255, .5), 247px 384px rgba(255, 255, 255, .5), 224px 619px rgba(255, 255, 255, .5), 128px 772px rgba(255, 255, 255, .5), 1698px 1405px rgba(255, 255, 255, .5), 830px 505px rgba(255, 255, 255, .5), 1938px 397px rgba(255, 255, 255, .5), 1772px 1001px rgba(255, 255, 255, .5), 1454px 808px rgba(255, 255, 255, .5), 304px 561px rgba(255, 255, 255, .5), 1321px 966px rgba(255, 255, 255, .5), 735px 1368px rgba(255, 255, 255, .5), 894px 345px rgba(255, 255, 255, .5), 1217px 1997px rgba(255, 255, 255, .5), 892px 1342px rgba(255, 255, 255, .5), 353px 379px rgba(255, 255, 255, .5), 1382px 1156px rgba(255, 255, 255, .5), 164px 1239px rgba(255, 255, 255, .5), 1268px 1859px rgba(255, 255, 255, .5), 1385px 1721px rgba(255, 255, 255, .5), 16px 283px rgba(255, 255, 255, .5), 1819px 200px rgba(255, 255, 255, .5), 660px 1111px rgba(255, 255, 255, .5), 1679px 1728px rgba(255, 255, 255, .5), 463px 596px rgba(255, 255, 255, .5), 217px 1834px rgba(255, 255, 255, .5), 1879px 538px rgba(255, 255, 255, .5), 304px 906px rgba(255, 255, 255, .5), 1327px 1347px rgba(255, 255, 255, .5), 1226px 1579px rgba(255, 255, 255, .5), 1786px 1616px rgba(255, 255, 255, .5), 1234px 1982px rgba(255, 255, 255, .5), 1868px 1862px rgba(255, 255, 255, .5), 814px 948px rgba(255, 255, 255, .5), 178px 1837px rgba(255, 255, 255, .5), 571px 1701px rgba(255, 255, 255, .5), 106px 566px rgba(255, 255, 255, .5), 270px 925px rgba(255, 255, 255, .5), 1417px 248px rgba(255, 255, 255, .5), 609px 1551px rgba(255, 255, 255, .5), 992px 1825px rgba(255, 255, 255, .5), 1515px 1999px rgba(255, 255, 255, .5), 1167px 914px rgba(255, 255, 255, .5), 1698px 490px rgba(255, 255, 255, .5), 189px 1463px rgba(255, 255, 255, .5), 928px 612px rgba(255, 255, 255, .5), 1714px 803px rgba(255, 255, 255, .5), 535px 402px rgba(255, 255, 255, .5), 1000px 379px rgba(255, 255, 255, .5), 1610px 574px rgba(255, 255, 255, .5), 1882px 1155px rgba(255, 255, 255, .5), 1425px 1514px rgba(255, 255, 255, .5), 417px 1987px rgba(255, 255, 255, .5), 1681px 1059px rgba(255, 255, 255, .5), 841px 762px rgba(255, 255, 255, .5), 1886px 1098px rgba(255, 255, 255, .5), 1785px 236px rgba(255, 255, 255, .5), 1950px 950px rgba(255, 255, 255, .5), 444px 1937px rgba(255, 255, 255, .5), 1364px 540px rgba(255, 255, 255, .5), 1971px 225px rgba(255, 255, 255, .5), 1624px 868px rgba(255, 255, 255, .5), 869px 640px rgba(255, 255, 255, .5), 1637px 559px rgba(255, 255, 255, .5), 20px 823px rgba(255, 255, 255, .5), 409px 177px rgba(255, 255, 255, .5), 1804px 1626px rgba(255, 255, 255, .5), 388px 527px rgba(255, 255, 255, .5), 1385px 1734px rgba(255, 255, 255, .5), 988px 1310px rgba(255, 255, 255, .5), 443px 599px rgba(255, 255, 255, .5), 1780px 434px rgba(255, 255, 255, .5), 654px 419px rgba(255, 255, 255, .5), 268px 1424px rgba(255, 255, 255, .5), 1971px 40px rgba(255, 255, 255, .5), 360px 1834px rgba(255, 255, 255, .5), 875px 1930px rgba(255, 255, 255, .5), 1866px 1885px rgba(255, 255, 255, .5), 453px 1670px rgba(255, 255, 255, .5), 1696px 1337px rgba(255, 255, 255, .5), 604px 1887px rgba(255, 255, 255, .5), 1405px 769px rgba(255, 255, 255, .5), 1546px 897px rgba(255, 255, 255, .5), 595px 1975px rgba(255, 255, 255, .5), 32px 1765px rgba(255, 255, 255, .5), 896px 1150px rgba(255, 255, 255, .5), 1818px 95px rgba(255, 255, 255, .5), 444px 49px rgba(255, 255, 255, .5), 589px 1796px rgba(255, 255, 255, .5), 764px 1965px rgba(255, 255, 255, .5), 920px 1803px rgba(255, 255, 255, .5), 403px 1997px rgba(255, 255, 255, .5), 833px 1282px rgba(255, 255, 255, .5), 1127px 1770px rgba(255, 255, 255, .5), 1810px 77px rgba(255, 255, 255, .5), 1214px 1102px rgba(255, 255, 255, .5), 364px 401px rgba(255, 255, 255, .5), 1139px 1191px rgba(255, 255, 255, .5), 916px 1907px rgba(255, 255, 255, .5), 870px 290px rgba(255, 255, 255, .5), 688px 678px rgba(255, 255, 255, .5), 1523px 34px rgba(255, 255, 255, .5), 1265px 1082px rgba(255, 255, 255, .5), 1394px 1080px rgba(255, 255, 255, .5), 1787px 1738px rgba(255, 255, 255, .5), 1682px 755px rgba(255, 255, 255, .5), 1955px 832px rgba(255, 255, 255, .5), 546px 1577px rgba(255, 255, 255, .5), 1062px 1561px rgba(255, 255, 255, .5), 344px 826px rgba(255, 255, 255, .5), 1442px 782px rgba(255, 255, 255, .5), 467px 1477px rgba(255, 255, 255, .5), 879px 1439px rgba(255, 255, 255, .5), 1672px 268px rgba(255, 255, 255, .5), 1317px 1355px rgba(255, 255, 255, .5), 1980px 1965px rgba(255, 255, 255, .5), 688px 1465px rgba(255, 255, 255, .5), 1131px 872px rgba(255, 255, 255, .5), 1301px 1656px rgba(255, 255, 255, .5), 974px 583px rgba(255, 255, 255, .5), 1613px 1467px rgba(255, 255, 255, .5), 1976px 1995px rgba(255, 255, 255, .5), 1377px 760px rgba(255, 255, 255, .5), 1367px 387px rgba(255, 255, 255, .5), 1880px 191px rgba(255, 255, 255, .5), 711px 876px rgba(255, 255, 255, .5), 539px 152px rgba(255, 255, 255, .5), 545px 1809px rgba(255, 255, 255, .5), 920px 970px rgba(255, 255, 255, .5), 1154px 1355px rgba(255, 255, 255, .5), 1968px 94px rgba(255, 255, 255, .5), 1703px 490px rgba(255, 255, 255, .5), 380px 146px rgba(255, 255, 255, .5), 1561px 785px rgba(255, 255, 255, .5), 1930px 1385px rgba(255, 255, 255, .5), 519px 1091px rgba(255, 255, 255, .5), 269px 570px rgba(255, 255, 255, .5), 109px 1326px rgba(255, 255, 255, .5), 1476px 969px rgba(255, 255, 255, .5), 1999px 1885px rgba(255, 255, 255, .5), 341px 1238px rgba(255, 255, 255, .5), 1105px 1076px rgba(255, 255, 255, .5), 596px 88px rgba(255, 255, 255, .5), 937px 492px rgba(255, 255, 255, .5), 1339px 1673px rgba(255, 255, 255, .5), 1967px 762px rgba(255, 255, 255, .5), 65px 952px rgba(255, 255, 255, .5), 111px 93px rgba(255, 255, 255, .5), 1011px 1684px rgba(255, 255, 255, .5), 377px 1430px rgba(255, 255, 255, .5), 1011px 386px rgba(255, 255, 255, .5), 1162px 421px rgba(255, 255, 255, .5), 196px 617px rgba(255, 255, 255, .5), 1407px 1141px rgba(255, 255, 255, .5), 1562px 572px rgba(255, 255, 255, .5), 316px 690px rgba(255, 255, 255, .5), 1600px 1980px rgba(255, 255, 255, .5), 1545px 1254px rgba(255, 255, 255, .5), 680px 1120px rgba(255, 255, 255, .5), 575px 1284px rgba(255, 255, 255, .5), 179px 1470px rgba(255, 255, 255, .5), 1496px 1506px rgba(255, 255, 255, .5), 977px 1376px rgba(255, 255, 255, .5), 1282px 708px rgba(255, 255, 255, .5), 408px 1427px rgba(255, 255, 255, .5), 1173px 1597px rgba(255, 255, 255, .5), 1120px 1755px rgba(255, 255, 255, .5), 974px 520px rgba(255, 255, 255, .5), 979px 384px rgba(255, 255, 255, .5), 622px 1116px rgba(255, 255, 255, .5), 1307px 866px rgba(255, 255, 255, .5), 1188px 1596px rgba(255, 255, 255, .5), 858px 1947px rgba(255, 255, 255, .5), 861px 1373px rgba(255, 255, 255, .5), 857px 43px rgba(255, 255, 255, .5), 1878px 499px rgba(255, 255, 255, .5), 1297px 535px rgba(255, 255, 255, .5), 870px 1286px rgba(255, 255, 255, .5), 1452px 448px rgba(255, 255, 255, .5), 906px 72px rgba(255, 255, 255, .5), 1450px 872px rgba(255, 255, 255, .5), 1607px 1755px rgba(255, 255, 255, .5), 1071px 1959px rgba(255, 255, 255, .5), 976px 879px rgba(255, 255, 255, .5), 1435px 284px rgba(255, 255, 255, .5), 1601px 496px rgba(255, 255, 255, .5), 671px 1713px rgba(255, 255, 255, .5), 356px 1148px rgba(255, 255, 255, .5), 837px 867px rgba(255, 255, 255, .5), 246px 858px rgba(255, 255, 255, .5), 1031px 1594px rgba(255, 255, 255, .5), 571px 214px rgba(255, 255, 255, .5), 1012px 1329px rgba(255, 255, 255, .5), 1566px 1142px rgba(255, 255, 255, .5), 219px 1376px rgba(255, 255, 255, .5), 1580px 1454px rgba(255, 255, 255, .5), 690px 1037px rgba(255, 255, 255, .5), 1940px 756px rgba(255, 255, 255, .5), 1755px 850px rgba(255, 255, 255, .5), 1037px 363px rgba(255, 255, 255, .5), 25px 515px rgba(255, 255, 255, .5), 806px 1571px rgba(255, 255, 255, .5), 1266px 1398px rgba(255, 255, 255, .5), 695px 791px rgba(255, 255, 255, .5), 1838px 950px rgba(255, 255, 255, .5), 1578px 27px rgba(255, 255, 255, .5), 1692px 1581px rgba(255, 255, 255, .5), 1817px 1040px rgba(255, 255, 255, .5), 1781px 238px rgba(255, 255, 255, .5), 1052px 895px rgba(255, 255, 255, .5), 398px 440px rgba(255, 255, 255, .5), 1643px 325px rgba(255, 255, 255, .5), 79px 848px rgba(255, 255, 255, .5), 1295px 326px rgba(255, 255, 255, .5), 293px 81px rgba(255, 255, 255, .5), 1202px 1580px rgba(255, 255, 255, .5), 1441px 100px rgba(255, 255, 255, .5), 1295px 1465px rgba(255, 255, 255, .5), 1132px 1275px rgba(255, 255, 255, .5), 774px 704px rgba(255, 255, 255, .5), 1109px 1546px rgba(255, 255, 255, .5), 557px 1390px rgba(255, 255, 255, .5), 1253px 1224px rgba(255, 255, 255, .5), 1063px 1618px rgba(255, 255, 255, .5), 1793px 440px rgba(255, 255, 255, .5), 890px 1988px rgba(255, 255, 255, .5), 814px 424px rgba(255, 255, 255, .5), 1390px 1280px rgba(255, 255, 255, .5), 1127px 907px rgba(255, 255, 255, .5), 1044px 1368px rgba(255, 255, 255, .5), 1317px 876px rgba(255, 255, 255, .5), 762px 638px rgba(255, 255, 255, .5), 965px 747px rgba(255, 255, 255, .5), 755px 1945px rgba(255, 255, 255, .5), 706px 414px rgba(255, 255, 255, .5), 1842px 1673px rgba(255, 255, 255, .5), 1158px 1336px rgba(255, 255, 255, .5), 989px 1955px rgba(255, 255, 255, .5), 1857px 89px rgba(255, 255, 255, .5), 1659px 343px rgba(255, 255, 255, .5), 509px 1385px rgba(255, 255, 255, .5), 1620px 758px rgba(255, 255, 255, .5), 1958px 1064px rgba(255, 255, 255, .5), 178px 341px rgba(255, 255, 255, .5), 1500px 808px rgba(255, 255, 255, .5), 20px 1646px rgba(255, 255, 255, .5), 1572px 870px rgba(255, 255, 255, .5), 1821px 1377px rgba(255, 255, 255, .5), 328px 1965px rgba(255, 255, 255, .5), 903px 616px rgba(255, 255, 255, .5), 1731px 1599px rgba(255, 255, 255, .5), 267px 856px rgba(255, 255, 255, .5); } .about-stars2 { width: 2px; height: 2px; background: transparent; box-shadow: 921px 1554px rgba(255, 255, 255, .5), 1944px 550px rgba(255, 255, 255, .5), 1696px 1632px rgba(255, 255, 255, .5), 16px 1899px rgba(255, 255, 255, .5), 1894px 130px rgba(255, 255, 255, .5), 77px 262px rgba(255, 255, 255, .5), 22px 1159px rgba(255, 255, 255, .5), 933px 1206px rgba(255, 255, 255, .5), 1660px 482px rgba(255, 255, 255, .5), 1067px 1154px rgba(255, 255, 255, .5), 468px 625px rgba(255, 255, 255, .5), 1408px 1687px rgba(255, 255, 255, .5), 153px 1200px rgba(255, 255, 255, .5), 887px 1966px rgba(255, 255, 255, .5), 1260px 514px rgba(255, 255, 255, .5), 1167px 1158px rgba(255, 255, 255, .5), 790px 553px rgba(255, 255, 255, .5), 1103px 758px rgba(255, 255, 255, .5), 226px 1028px rgba(255, 255, 255, .5), 1340px 1760px rgba(255, 255, 255, .5), 1712px 528px rgba(255, 255, 255, .5), 114px 1693px rgba(255, 255, 255, .5), 185px 572px rgba(255, 255, 255, .5), 1566px 1793px rgba(255, 255, 255, .5), 317px 1501px rgba(255, 255, 255, .5), 846px 530px rgba(255, 255, 255, .5), 1585px 1437px rgba(255, 255, 255, .5), 1335px 1009px rgba(255, 255, 255, .5), 1768px 436px rgba(255, 255, 255, .5), 1131px 666px rgba(255, 255, 255, .5), 27px 1543px rgba(255, 255, 255, .5), 1778px 1861px rgba(255, 255, 255, .5), 1496px 30px rgba(255, 255, 255, .5), 1359px 1226px rgba(255, 255, 255, .5), 416px 135px rgba(255, 255, 255, .5), 1675px 673px rgba(255, 255, 255, .5), 296px 524px rgba(255, 255, 255, .5), 432px 1822px rgba(255, 255, 255, .5), 1995px 416px rgba(255, 255, 255, .5), 1206px 1846px rgba(255, 255, 255, .5), 542px 603px rgba(255, 255, 255, .5), 1811px 1083px rgba(255, 255, 255, .5), 1125px 1900px rgba(255, 255, 255, .5), 4px 1410px rgba(255, 255, 255, .5), 665px 1674px rgba(255, 255, 255, .5), 982px 365px rgba(255, 255, 255, .5), 809px 534px rgba(255, 255, 255, .5), 116px 1381px rgba(255, 255, 255, .5), 727px 439px rgba(255, 255, 255, .5), 1674px 1407px rgba(255, 255, 255, .5), 976px 1762px rgba(255, 255, 255, .5), 1585px 28px rgba(255, 255, 255, .5), 1916px 624px rgba(255, 255, 255, .5), 1716px 1118px rgba(255, 255, 255, .5), 1022px 177px rgba(255, 255, 255, .5), 807px 619px rgba(255, 255, 255, .5), 1657px 338px rgba(255, 255, 255, .5), 1608px 1259px rgba(255, 255, 255, .5), 405px 1890px rgba(255, 255, 255, .5), 433px 1978px rgba(255, 255, 255, .5), 1457px 1495px rgba(255, 255, 255, .5), 175px 989px rgba(255, 255, 255, .5), 850px 1044px rgba(255, 255, 255, .5), 170px 444px rgba(255, 255, 255, .5), 1623px 71px rgba(255, 255, 255, .5), 977px 1319px rgba(255, 255, 255, .5), 440px 464px rgba(255, 255, 255, .5), 51px 1209px rgba(255, 255, 255, .5), 783px 1274px rgba(255, 255, 255, .5), 1296px 244px rgba(255, 255, 255, .5), 1260px 94px rgba(255, 255, 255, .5), 652px 905px rgba(255, 255, 255, .5), 805px 1307px rgba(255, 255, 255, .5), 947px 822px rgba(255, 255, 255, .5), 384px 268px rgba(255, 255, 255, .5), 1856px 1782px rgba(255, 255, 255, .5), 459px 1844px rgba(255, 255, 255, .5), 1679px 473px rgba(255, 255, 255, .5), 673px 1832px rgba(255, 255, 255, .5), 96px 345px rgba(255, 255, 255, .5), 1268px 428px rgba(255, 255, 255, .5), 788px 1138px rgba(255, 255, 255, .5), 1242px 867px rgba(255, 255, 255, .5), 652px 831px rgba(255, 255, 255, .5), 993px 1706px rgba(255, 255, 255, .5), 1337px 64px rgba(255, 255, 255, .5), 1092px 624px rgba(255, 255, 255, .5), 674px 1344px rgba(255, 255, 255, .5), 1036px 405px rgba(255, 255, 255, .5), 996px 1371px rgba(255, 255, 255, .5), 1906px 1410px rgba(255, 255, 255, .5), 1285px 1079px rgba(255, 255, 255, .5), 1756px 583px rgba(255, 255, 255, .5), 404px 380px rgba(255, 255, 255, .5), 1739px 1620px rgba(255, 255, 255, .5), 1253px 372px rgba(255, 255, 255, .5), 520px 620px rgba(255, 255, 255, .5), 1842px 852px rgba(255, 255, 255, .5), 490px 387px rgba(255, 255, 255, .5), 1251px 143px rgba(255, 255, 255, .5), 1814px 537px rgba(255, 255, 255, .5), 1405px 623px rgba(255, 255, 255, .5), 1236px 1186px rgba(255, 255, 255, .5), 1286px 896px rgba(255, 255, 255, .5), 1626px 990px rgba(255, 255, 255, .5), 31px 1067px rgba(255, 255, 255, .5), 1288px 939px rgba(255, 255, 255, .5), 763px 338px rgba(255, 255, 255, .5), 713px 1515px rgba(255, 255, 255, .5), 859px 1621px rgba(255, 255, 255, .5), 1720px 1984px rgba(255, 255, 255, .5), 796px 1743px rgba(255, 255, 255, .5), 1439px 1587px rgba(255, 255, 255, .5), 965px 412px rgba(255, 255, 255, .5), 775px 1168px rgba(255, 255, 255, .5), 1192px 956px rgba(255, 255, 255, .5), 368px 1075px rgba(255, 255, 255, .5), 1484px 1154px rgba(255, 255, 255, .5), 1784px 547px rgba(255, 255, 255, .5), 815px 675px rgba(255, 255, 255, .5), 1387px 890px rgba(255, 255, 255, .5), 1665px 1733px rgba(255, 255, 255, .5), 1948px 429px rgba(255, 255, 255, .5), 1665px 92px rgba(255, 255, 255, .5), 1806px 919px rgba(255, 255, 255, .5), 1712px 494px rgba(255, 255, 255, .5), 577px 1922px rgba(255, 255, 255, .5), 820px 1228px rgba(255, 255, 255, .5), 678px 1745px rgba(255, 255, 255, .5), 1421px 586px rgba(255, 255, 255, .5), 788px 208px rgba(255, 255, 255, .5), 380px 250px rgba(255, 255, 255, .5), 748px 977px rgba(255, 255, 255, .5), 1637px 337px rgba(255, 255, 255, .5), 851px 1514px rgba(255, 255, 255, .5), 1487px 1410px rgba(255, 255, 255, .5), 1776px 710px rgba(255, 255, 255, .5), 544px 453px rgba(255, 255, 255, .5), 1707px 1932px rgba(255, 255, 255, .5), 1121px 1642px rgba(255, 255, 255, .5), 1227px 391px rgba(255, 255, 255, .5), 583px 833px rgba(255, 255, 255, .5), 658px 278px rgba(255, 255, 255, .5), 345px 1388px rgba(255, 255, 255, .5), 1529px 1419px rgba(255, 255, 255, .5), 233px 1008px rgba(255, 255, 255, .5), 892px 943px rgba(255, 255, 255, .5), 1431px 1091px rgba(255, 255, 255, .5), 1524px 316px rgba(255, 255, 255, .5), 1547px 192px rgba(255, 255, 255, .5), 976px 36px rgba(255, 255, 255, .5), 1648px 1053px rgba(255, 255, 255, .5), 1833px 1572px rgba(255, 255, 255, .5), 1677px 936px rgba(255, 255, 255, .5), 589px 1755px rgba(255, 255, 255, .5), 978px 1875px rgba(255, 255, 255, .5), 1508px 412px rgba(255, 255, 255, .5), 1242px 439px rgba(255, 255, 255, .5), 1263px 40px rgba(255, 255, 255, .5), 1427px 1736px rgba(255, 255, 255, .5), 639px 906px rgba(255, 255, 255, .5), 1349px 373px rgba(255, 255, 255, .5), 1055px 969px rgba(255, 255, 255, .5), 602px 95px rgba(255, 255, 255, .5), 224px 1805px rgba(255, 255, 255, .5), 1129px 837px rgba(255, 255, 255, .5), 1110px 1358px rgba(255, 255, 255, .5), 1067px 1752px rgba(255, 255, 255, .5), 391px 1389px rgba(255, 255, 255, .5), 885px 1979px rgba(255, 255, 255, .5), 1188px 414px rgba(255, 255, 255, .5), 1931px 325px rgba(255, 255, 255, .5), 1853px 1918px rgba(255, 255, 255, .5), 636px 1313px rgba(255, 255, 255, .5), 1236px 1913px rgba(255, 255, 255, .5), 1801px 780px rgba(255, 255, 255, .5), 633px 529px rgba(255, 255, 255, .5), 1500px 33px rgba(255, 255, 255, .5), 1387px 1045px rgba(255, 255, 255, .5), 832px 1281px rgba(255, 255, 255, .5), 1880px 1845px rgba(255, 255, 255, .5), 1477px 1096px rgba(255, 255, 255, .5), 1457px 698px rgba(255, 255, 255, .5), 1658px 1049px rgba(255, 255, 255, .5), 1957px 1151px rgba(255, 255, 255, .5), 1561px 1593px rgba(255, 255, 255, .5), 627px 250px rgba(255, 255, 255, .5), 975px 1575px rgba(255, 255, 255, .5), 68px 998px rgba(255, 255, 255, .5), 951px 85px rgba(255, 255, 255, .5), 280px 431px rgba(255, 255, 255, .5), 1683px 1745px rgba(255, 255, 255, .5), 322px 778px rgba(255, 255, 255, .5), 841px 888px rgba(255, 255, 255, .5), 1895px 1883px rgba(255, 255, 255, .5), 700px 568px rgba(255, 255, 255, .5), 1846px 442px rgba(255, 255, 255, .5), 91px 1650px rgba(255, 255, 255, .5), 970px 917px rgba(255, 255, 255, .5), 1585px 452px rgba(255, 255, 255, .5); animation: animStar 100s linear infinite; } .about-stars2:after { content: " "; position: absolute; top: 2000px; width: 2px; height: 2px; background: transparent; box-shadow: 921px 1554px rgba(255, 255, 255, .5), 1944px 550px rgba(255, 255, 255, .5), 1696px 1632px rgba(255, 255, 255, .5), 16px 1899px rgba(255, 255, 255, .5), 1894px 130px rgba(255, 255, 255, .5), 77px 262px rgba(255, 255, 255, .5), 22px 1159px rgba(255, 255, 255, .5), 933px 1206px rgba(255, 255, 255, .5), 1660px 482px rgba(255, 255, 255, .5), 1067px 1154px rgba(255, 255, 255, .5), 468px 625px rgba(255, 255, 255, .5), 1408px 1687px rgba(255, 255, 255, .5), 153px 1200px rgba(255, 255, 255, .5), 887px 1966px rgba(255, 255, 255, .5), 1260px 514px rgba(255, 255, 255, .5), 1167px 1158px rgba(255, 255, 255, .5), 790px 553px rgba(255, 255, 255, .5), 1103px 758px rgba(255, 255, 255, .5), 226px 1028px rgba(255, 255, 255, .5), 1340px 1760px rgba(255, 255, 255, .5), 1712px 528px rgba(255, 255, 255, .5), 114px 1693px rgba(255, 255, 255, .5), 185px 572px rgba(255, 255, 255, .5), 1566px 1793px rgba(255, 255, 255, .5), 317px 1501px rgba(255, 255, 255, .5), 846px 530px rgba(255, 255, 255, .5), 1585px 1437px rgba(255, 255, 255, .5), 1335px 1009px rgba(255, 255, 255, .5), 1768px 436px rgba(255, 255, 255, .5), 1131px 666px rgba(255, 255, 255, .5), 27px 1543px rgba(255, 255, 255, .5), 1778px 1861px rgba(255, 255, 255, .5), 1496px 30px rgba(255, 255, 255, .5), 1359px 1226px rgba(255, 255, 255, .5), 416px 135px rgba(255, 255, 255, .5), 1675px 673px rgba(255, 255, 255, .5), 296px 524px rgba(255, 255, 255, .5), 432px 1822px rgba(255, 255, 255, .5), 1995px 416px rgba(255, 255, 255, .5), 1206px 1846px rgba(255, 255, 255, .5), 542px 603px rgba(255, 255, 255, .5), 1811px 1083px rgba(255, 255, 255, .5), 1125px 1900px rgba(255, 255, 255, .5), 4px 1410px rgba(255, 255, 255, .5), 665px 1674px rgba(255, 255, 255, .5), 982px 365px rgba(255, 255, 255, .5), 809px 534px rgba(255, 255, 255, .5), 116px 1381px rgba(255, 255, 255, .5), 727px 439px rgba(255, 255, 255, .5), 1674px 1407px rgba(255, 255, 255, .5), 976px 1762px rgba(255, 255, 255, .5), 1585px 28px rgba(255, 255, 255, .5), 1916px 624px rgba(255, 255, 255, .5), 1716px 1118px rgba(255, 255, 255, .5), 1022px 177px rgba(255, 255, 255, .5), 807px 619px rgba(255, 255, 255, .5), 1657px 338px rgba(255, 255, 255, .5), 1608px 1259px rgba(255, 255, 255, .5), 405px 1890px rgba(255, 255, 255, .5), 433px 1978px rgba(255, 255, 255, .5), 1457px 1495px rgba(255, 255, 255, .5), 175px 989px rgba(255, 255, 255, .5), 850px 1044px rgba(255, 255, 255, .5), 170px 444px rgba(255, 255, 255, .5), 1623px 71px rgba(255, 255, 255, .5), 977px 1319px rgba(255, 255, 255, .5), 440px 464px rgba(255, 255, 255, .5), 51px 1209px rgba(255, 255, 255, .5), 783px 1274px rgba(255, 255, 255, .5), 1296px 244px rgba(255, 255, 255, .5), 1260px 94px rgba(255, 255, 255, .5), 652px 905px rgba(255, 255, 255, .5), 805px 1307px rgba(255, 255, 255, .5), 947px 822px rgba(255, 255, 255, .5), 384px 268px rgba(255, 255, 255, .5), 1856px 1782px rgba(255, 255, 255, .5), 459px 1844px rgba(255, 255, 255, .5), 1679px 473px rgba(255, 255, 255, .5), 673px 1832px rgba(255, 255, 255, .5), 96px 345px rgba(255, 255, 255, .5), 1268px 428px rgba(255, 255, 255, .5), 788px 1138px rgba(255, 255, 255, .5), 1242px 867px rgba(255, 255, 255, .5), 652px 831px rgba(255, 255, 255, .5), 993px 1706px rgba(255, 255, 255, .5), 1337px 64px rgba(255, 255, 255, .5), 1092px 624px rgba(255, 255, 255, .5), 674px 1344px rgba(255, 255, 255, .5), 1036px 405px rgba(255, 255, 255, .5), 996px 1371px rgba(255, 255, 255, .5), 1906px 1410px rgba(255, 255, 255, .5), 1285px 1079px rgba(255, 255, 255, .5), 1756px 583px rgba(255, 255, 255, .5), 404px 380px rgba(255, 255, 255, .5), 1739px 1620px rgba(255, 255, 255, .5), 1253px 372px rgba(255, 255, 255, .5), 520px 620px rgba(255, 255, 255, .5), 1842px 852px rgba(255, 255, 255, .5), 490px 387px rgba(255, 255, 255, .5), 1251px 143px rgba(255, 255, 255, .5), 1814px 537px rgba(255, 255, 255, .5), 1405px 623px rgba(255, 255, 255, .5), 1236px 1186px rgba(255, 255, 255, .5), 1286px 896px rgba(255, 255, 255, .5), 1626px 990px rgba(255, 255, 255, .5), 31px 1067px rgba(255, 255, 255, .5), 1288px 939px rgba(255, 255, 255, .5), 763px 338px rgba(255, 255, 255, .5), 713px 1515px rgba(255, 255, 255, .5), 859px 1621px rgba(255, 255, 255, .5), 1720px 1984px rgba(255, 255, 255, .5), 796px 1743px rgba(255, 255, 255, .5), 1439px 1587px rgba(255, 255, 255, .5), 965px 412px rgba(255, 255, 255, .5), 775px 1168px rgba(255, 255, 255, .5), 1192px 956px rgba(255, 255, 255, .5), 368px 1075px rgba(255, 255, 255, .5), 1484px 1154px rgba(255, 255, 255, .5), 1784px 547px rgba(255, 255, 255, .5), 815px 675px rgba(255, 255, 255, .5), 1387px 890px rgba(255, 255, 255, .5), 1665px 1733px rgba(255, 255, 255, .5), 1948px 429px rgba(255, 255, 255, .5), 1665px 92px rgba(255, 255, 255, .5), 1806px 919px rgba(255, 255, 255, .5), 1712px 494px rgba(255, 255, 255, .5), 577px 1922px rgba(255, 255, 255, .5), 820px 1228px rgba(255, 255, 255, .5), 678px 1745px rgba(255, 255, 255, .5), 1421px 586px rgba(255, 255, 255, .5), 788px 208px rgba(255, 255, 255, .5), 380px 250px rgba(255, 255, 255, .5), 748px 977px rgba(255, 255, 255, .5), 1637px 337px rgba(255, 255, 255, .5), 851px 1514px rgba(255, 255, 255, .5), 1487px 1410px rgba(255, 255, 255, .5), 1776px 710px rgba(255, 255, 255, .5), 544px 453px rgba(255, 255, 255, .5), 1707px 1932px rgba(255, 255, 255, .5), 1121px 1642px rgba(255, 255, 255, .5), 1227px 391px rgba(255, 255, 255, .5), 583px 833px rgba(255, 255, 255, .5), 658px 278px rgba(255, 255, 255, .5), 345px 1388px rgba(255, 255, 255, .5), 1529px 1419px rgba(255, 255, 255, .5), 233px 1008px rgba(255, 255, 255, .5), 892px 943px rgba(255, 255, 255, .5), 1431px 1091px rgba(255, 255, 255, .5), 1524px 316px rgba(255, 255, 255, .5), 1547px 192px rgba(255, 255, 255, .5), 976px 36px rgba(255, 255, 255, .5), 1648px 1053px rgba(255, 255, 255, .5), 1833px 1572px rgba(255, 255, 255, .5), 1677px 936px rgba(255, 255, 255, .5), 589px 1755px rgba(255, 255, 255, .5), 978px 1875px rgba(255, 255, 255, .5), 1508px 412px rgba(255, 255, 255, .5), 1242px 439px rgba(255, 255, 255, .5), 1263px 40px rgba(255, 255, 255, .5), 1427px 1736px rgba(255, 255, 255, .5), 639px 906px rgba(255, 255, 255, .5), 1349px 373px rgba(255, 255, 255, .5), 1055px 969px rgba(255, 255, 255, .5), 602px 95px rgba(255, 255, 255, .5), 224px 1805px rgba(255, 255, 255, .5), 1129px 837px rgba(255, 255, 255, .5), 1110px 1358px rgba(255, 255, 255, .5), 1067px 1752px rgba(255, 255, 255, .5), 391px 1389px rgba(255, 255, 255, .5), 885px 1979px rgba(255, 255, 255, .5), 1188px 414px rgba(255, 255, 255, .5), 1931px 325px rgba(255, 255, 255, .5), 1853px 1918px rgba(255, 255, 255, .5), 636px 1313px rgba(255, 255, 255, .5), 1236px 1913px rgba(255, 255, 255, .5), 1801px 780px rgba(255, 255, 255, .5), 633px 529px rgba(255, 255, 255, .5), 1500px 33px rgba(255, 255, 255, .5), 1387px 1045px rgba(255, 255, 255, .5), 832px 1281px rgba(255, 255, 255, .5), 1880px 1845px rgba(255, 255, 255, .5), 1477px 1096px rgba(255, 255, 255, .5), 1457px 698px rgba(255, 255, 255, .5), 1658px 1049px rgba(255, 255, 255, .5), 1957px 1151px rgba(255, 255, 255, .5), 1561px 1593px rgba(255, 255, 255, .5), 627px 250px rgba(255, 255, 255, .5), 975px 1575px rgba(255, 255, 255, .5), 68px 998px rgba(255, 255, 255, .5), 951px 85px rgba(255, 255, 255, .5), 280px 431px rgba(255, 255, 255, .5), 1683px 1745px rgba(255, 255, 255, .5), 322px 778px rgba(255, 255, 255, .5), 841px 888px rgba(255, 255, 255, .5), 1895px 1883px rgba(255, 255, 255, .5), 700px 568px rgba(255, 255, 255, .5), 1846px 442px rgba(255, 255, 255, .5), 91px 1650px rgba(255, 255, 255, .5), 970px 917px rgba(255, 255, 255, .5), 1585px 452px rgba(255, 255, 255, .5); } .about-stars3 { width: 3px; height: 3px; background: transparent; box-shadow: 1679px 1408px rbga(255, 255, 255, .5), 1970px 1504px rbga(255, 255, 255, .5), 1789px 965px rbga(255, 255, 255, .5), 698px 234px rbga(255, 255, 255, .5), 1733px 1854px rbga(255, 255, 255, .5), 1060px 271px rbga(255, 255, 255, .5), 719px 1744px rbga(255, 255, 255, .5), 1707px 1847px rbga(255, 255, 255, .5), 1710px 432px rbga(255, 255, 255, .5), 1325px 1585px rbga(255, 255, 255, .5), 92px 577px rbga(255, 255, 255, .5), 163px 1938px rbga(255, 255, 255, .5), 1885px 123px rbga(255, 255, 255, .5), 1566px 1753px rbga(255, 255, 255, .5), 1288px 21px rbga(255, 255, 255, .5), 1396px 1908px rbga(255, 255, 255, .5), 675px 1466px rbga(255, 255, 255, .5), 734px 1557px rbga(255, 255, 255, .5), 941px 1885px rbga(255, 255, 255, .5), 1692px 6px rbga(255, 255, 255, .5), 115px 1183px rbga(255, 255, 255, .5), 639px 1044px rbga(255, 255, 255, .5), 1171px 1982px rbga(255, 255, 255, .5), 1801px 1078px rbga(255, 255, 255, .5), 648px 820px rbga(255, 255, 255, .5), 1885px 1984px rbga(255, 255, 255, .5), 268px 1729px rbga(255, 255, 255, .5), 1388px 181px rbga(255, 255, 255, .5), 1741px 1280px rbga(255, 255, 255, .5), 1719px 1080px rbga(255, 255, 255, .5), 12px 932px rbga(255, 255, 255, .5), 489px 157px rbga(255, 255, 255, .5), 1910px 790px rbga(255, 255, 255, .5), 115px 44px rbga(255, 255, 255, .5), 1748px 1458px rbga(255, 255, 255, .5), 282px 109px rbga(255, 255, 255, .5), 1100px 1528px rbga(255, 255, 255, .5), 543px 598px rbga(255, 255, 255, .5), 1320px 1188px rbga(255, 255, 255, .5), 1124px 839px rbga(255, 255, 255, .5), 1406px 1289px rbga(255, 255, 255, .5), 472px 1376px rbga(255, 255, 255, .5), 852px 286px rbga(255, 255, 255, .5), 510px 860px rbga(255, 255, 255, .5), 700px 306px rbga(255, 255, 255, .5), 1822px 1302px rbga(255, 255, 255, .5), 15px 19px rbga(255, 255, 255, .5), 1360px 420px rbga(255, 255, 255, .5), 1483px 42px rbga(255, 255, 255, .5), 1287px 1867px rbga(255, 255, 255, .5), 1105px 1322px rbga(255, 255, 255, .5), 745px 161px rbga(255, 255, 255, .5), 431px 1722px rbga(255, 255, 255, .5), 855px 1254px rbga(255, 255, 255, .5), 860px 1784px rbga(255, 255, 255, .5), 1578px 1955px rbga(255, 255, 255, .5), 1085px 461px rbga(255, 255, 255, .5), 472px 690px rbga(255, 255, 255, .5), 23px 1152px rbga(255, 255, 255, .5), 1625px 601px rbga(255, 255, 255, .5), 1177px 1692px rbga(255, 255, 255, .5), 397px 1984px rbga(255, 255, 255, .5), 10px 1164px rbga(255, 255, 255, .5), 1132px 1557px rbga(255, 255, 255, .5), 438px 817px rbga(255, 255, 255, .5), 1590px 1236px rbga(255, 255, 255, .5), 1037px 1616px rbga(255, 255, 255, .5), 533px 941px rbga(255, 255, 255, .5), 1163px 1992px rbga(255, 255, 255, .5), 1451px 1081px rbga(255, 255, 255, .5), 1335px 1578px rbga(255, 255, 255, .5), 503px 1556px rbga(255, 255, 255, .5), 197px 1725px rbga(255, 255, 255, .5), 511px 1397px rbga(255, 255, 255, .5), 1514px 1164px rbga(255, 255, 255, .5), 1249px 148px rbga(255, 255, 255, .5), 947px 1849px rbga(255, 255, 255, .5), 1258px 1426px rbga(255, 255, 255, .5), 255px 1937px rbga(255, 255, 255, .5), 23px 529px rbga(255, 255, 255, .5), 578px 230px rbga(255, 255, 255, .5), 925px 767px rbga(255, 255, 255, .5), 903px 365px rbga(255, 255, 255, .5), 1861px 451px rbga(255, 255, 255, .5), 1813px 912px rbga(255, 255, 255, .5), 1597px 637px rbga(255, 255, 255, .5), 195px 626px rbga(255, 255, 255, .5), 130px 404px rbga(255, 255, 255, .5), 725px 408px rbga(255, 255, 255, .5), 1916px 843px rbga(255, 255, 255, .5), 1336px 239px rbga(255, 255, 255, .5), 1568px 1390px rbga(255, 255, 255, .5), 139px 126px rbga(255, 255, 255, .5), 1287px 1271px rbga(255, 255, 255, .5), 731px 465px rbga(255, 255, 255, .5), 1959px 1465px rbga(255, 255, 255, .5), 909px 169px rbga(255, 255, 255, .5), 838px 1332px rbga(255, 255, 255, .5), 464px 1037px rbga(255, 255, 255, .5), 1893px 233px rbga(255, 255, 255, .5); animation: animStar 150s linear infinite; } .about-stars3:after { content: " "; position: absolute; top: 2000px; width: 3px; height: 3px; background: transparent; box-shadow: 1679px 1408px rbga(255, 255, 255, .5), 1970px 1504px rbga(255, 255, 255, .5), 1789px 965px rbga(255, 255, 255, .5), 698px 234px rbga(255, 255, 255, .5), 1733px 1854px rbga(255, 255, 255, .5), 1060px 271px rbga(255, 255, 255, .5), 719px 1744px rbga(255, 255, 255, .5), 1707px 1847px rbga(255, 255, 255, .5), 1710px 432px rbga(255, 255, 255, .5), 1325px 1585px rbga(255, 255, 255, .5), 92px 577px rbga(255, 255, 255, .5), 163px 1938px rbga(255, 255, 255, .5), 1885px 123px rbga(255, 255, 255, .5), 1566px 1753px rbga(255, 255, 255, .5), 1288px 21px rbga(255, 255, 255, .5), 1396px 1908px rbga(255, 255, 255, .5), 675px 1466px rbga(255, 255, 255, .5), 734px 1557px rbga(255, 255, 255, .5), 941px 1885px rbga(255, 255, 255, .5), 1692px 6px rbga(255, 255, 255, .5), 115px 1183px rbga(255, 255, 255, .5), 639px 1044px rbga(255, 255, 255, .5), 1171px 1982px rbga(255, 255, 255, .5), 1801px 1078px rbga(255, 255, 255, .5), 648px 820px rbga(255, 255, 255, .5), 1885px 1984px rbga(255, 255, 255, .5), 268px 1729px rbga(255, 255, 255, .5), 1388px 181px rbga(255, 255, 255, .5), 1741px 1280px rbga(255, 255, 255, .5), 1719px 1080px rbga(255, 255, 255, .5), 12px 932px rbga(255, 255, 255, .5), 489px 157px rbga(255, 255, 255, .5), 1910px 790px rbga(255, 255, 255, .5), 115px 44px rbga(255, 255, 255, .5), 1748px 1458px rbga(255, 255, 255, .5), 282px 109px rbga(255, 255, 255, .5), 1100px 1528px rbga(255, 255, 255, .5), 543px 598px rbga(255, 255, 255, .5), 1320px 1188px rbga(255, 255, 255, .5), 1124px 839px rbga(255, 255, 255, .5), 1406px 1289px rbga(255, 255, 255, .5), 472px 1376px rbga(255, 255, 255, .5), 852px 286px rbga(255, 255, 255, .5), 510px 860px rbga(255, 255, 255, .5), 700px 306px rbga(255, 255, 255, .5), 1822px 1302px rbga(255, 255, 255, .5), 15px 19px rbga(255, 255, 255, .5), 1360px 420px rbga(255, 255, 255, .5), 1483px 42px rbga(255, 255, 255, .5), 1287px 1867px rbga(255, 255, 255, .5), 1105px 1322px rbga(255, 255, 255, .5), 745px 161px rbga(255, 255, 255, .5), 431px 1722px rbga(255, 255, 255, .5), 855px 1254px rbga(255, 255, 255, .5), 860px 1784px rbga(255, 255, 255, .5), 1578px 1955px rbga(255, 255, 255, .5), 1085px 461px rbga(255, 255, 255, .5), 472px 690px rbga(255, 255, 255, .5), 23px 1152px rbga(255, 255, 255, .5), 1625px 601px rbga(255, 255, 255, .5), 1177px 1692px rbga(255, 255, 255, .5), 397px 1984px rbga(255, 255, 255, .5), 10px 1164px rbga(255, 255, 255, .5), 1132px 1557px rbga(255, 255, 255, .5), 438px 817px rbga(255, 255, 255, .5), 1590px 1236px rbga(255, 255, 255, .5), 1037px 1616px rbga(255, 255, 255, .5), 533px 941px rbga(255, 255, 255, .5), 1163px 1992px rbga(255, 255, 255, .5), 1451px 1081px rbga(255, 255, 255, .5), 1335px 1578px rbga(255, 255, 255, .5), 503px 1556px rbga(255, 255, 255, .5), 197px 1725px rbga(255, 255, 255, .5), 511px 1397px rbga(255, 255, 255, .5), 1514px 1164px rbga(255, 255, 255, .5), 1249px 148px rbga(255, 255, 255, .5), 947px 1849px rbga(255, 255, 255, .5), 1258px 1426px rbga(255, 255, 255, .5), 255px 1937px rbga(255, 255, 255, .5), 23px 529px rbga(255, 255, 255, .5), 578px 230px rbga(255, 255, 255, .5), 925px 767px rbga(255, 255, 255, .5), 903px 365px rbga(255, 255, 255, .5), 1861px 451px rbga(255, 255, 255, .5), 1813px 912px rbga(255, 255, 255, .5), 1597px 637px rbga(255, 255, 255, .5), 195px 626px rbga(255, 255, 255, .5), 130px 404px rbga(255, 255, 255, .5), 725px 408px rbga(255, 255, 255, .5), 1916px 843px rbga(255, 255, 255, .5), 1336px 239px rbga(255, 255, 255, .5), 1568px 1390px rbga(255, 255, 255, .5), 139px 126px rbga(255, 255, 255, .5), 1287px 1271px rbga(255, 255, 255, .5), 731px 465px rbga(255, 255, 255, .5), 1959px 1465px rbga(255, 255, 255, .5), 909px 169px rbga(255, 255, 255, .5), 838px 1332px rbga(255, 255, 255, .5), 464px 1037px rbga(255, 255, 255, .5), 1893px 233px rbga(255, 255, 255, .5); } #title { position: absolute; top: 50%; left: 0; right: 0; color: #FFF; text-align: center; font-family: "lato", sans-serif; font-weight: 300; font-size: 50px; letter-spacing: 10px; margin-top: -60px; padding-left: 10px; } #title span { background: -webkit-linear-gradient(white, #38495a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @keyframes animStar { from { transform: translateY(0px); } to { transform: translateY(-2000px); } } /* 右侧锚点 */ .menu-list { position: fixed; right: 1.25%; top: 50%; z-index: 20; margin-top: -77px; width: 11px; } .menu-list li { margin-top: 15px; } .menu-list li a { position: relative; display: block; width: 11px; height: 11px; background: url('../images/dots.png') center center no-repeat; } .menu-list li a::before { content: " "; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; z-index: 1; background-color: #546E31; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu-list li.active a::before { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* 向下滑动 */ .service-down { position: fixed; left: 50%; margin-left: -32px; bottom: 20px; width: 64px; font-size: 16px; color: #fff; z-index: 9999; cursor: pointer; } .service-down .bdo-01 { line-height: 16px; margin-bottom: 12px; } .service-down .span-icon .span-01 { width: 20px; height: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; } .service-down .span-icon .mg1 { background-image: url('../images/down-01.png'); animation: tel_line ease-out 1s 0.2s infinite; } .service-down .span-icon .mg2 { background-image: url('../images/down-02.png'); animation: tel_line ease-out 1s 0.4s infinite; } .service-down .span-icon .mg3 { background-image: url('../images/down-03.png'); animation: tel_line ease-out 1s 0.6s infinite; } .service-down.black { color: #000; } .service-down.black .span-icon .mg1 { background-image: url('../images/down-011.png'); } .service-down.black .span-icon .mg2 { background-image: url('../images/down-022.png'); } .service-down.black .span-icon .mg3 { background-image: url('../images/down-033.png'); } /* 加载动画 */ .loading { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999; } .loading .pic { width: 64px; height: 64px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, 50%); } /*================================ index ================================*/ .index-main { position: relative; z-index: 10; } .index-main>.section { position: relative; z-index: 2; } .index-main>.index-customer { z-index: 1; } .index-video { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; background-color: #000; } /* banner */ .banner-owl { width: 100vw !important; position: relative; z-index: 1; background: none; /*background: #000;*/ } .banner-owl .item { overflow: hidden; } .banner-a1 { position: relative; width: calc(100% + 30px); height: 100vh; } .banner-a1 h1 { visibility: hidden; } .banner-phone { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; display: none; } #indexVideo { position: absolute; min-width: 100%; min-height: 100%; height: auto; width: auto; z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } #aniBg { position: absolute; top: 0; left: 0; z-index: 0; height: 100%; width: 100%; overflow: hidden; height: 100vh; } .index-first-canvas { width: 100vw; height: 100vh; background: rgb(17, 15, 26); } .banner-owl .owl-item .index-logo { width: auto; max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; } .banner-a2 { display: block; width: 100%; height: 100vh; background: #000; } .banner-a2 .span-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-position: center center; -webkit-background-size: cover; background-size: cover; animation: bgBig 20s infinite linear; -moz-animation: bgBig 20s infinite linear; /* Firefox */ -webkit-animation: bgBig 20s infinite linear; /* Safari and Chrome */ -o-animation: bgBig 20s infinite linear; /* Opera */ } .banner-table, .banner-table td { position: relative; z-index: 2; width: 100%; height: 100%; vertical-align: middle; } .banner-table .container { font-size: 0; } .banner-a2 .mg-phone { display: none; } .banner-a2 .bdo-logo { display: inline-block; width: 54.25%; vertical-align: middle; } .banner-a2 .bdo-logo img { width: auto; margin-left: auto; margin-right: auto; } .banner-word2 { display: inline-block; width: 45%; height: 280px; text-align-last: right; vertical-align: middle; writing-mode: vertical-rl; writing-mode: tb-rl; font-family: "hyt"; /*font-size: 70px;*/ color: #333; line-height: 84px; } .owl-item .banner-table img { width: auto; } .banner-word2 span { font-size: 60px; } .banner-word2 span:nth-child(4n+1) { color: #7e2423; } .owl-item .banner-table .in-banner-word .mg-icon { display: inline-block; vertical-align: middle; margin-right: 20px; position: relative; top: -2px; } .in-banner-word .div-01 { font-size: 72px; line-height: 80px; color: #fff; font-weight: bold; } .in-banner-word .div-02 { font-size: 60px; line-height: 80px; color: #fff; font-weight: bold; margin-top: 16px; } .active.owl-item .banner-table img { animation: flipInY 2.5s 1 ease-in forwards; -moz-animation: flipInY 2.5s 1 ease-in forwards; /* Firefox */ -webkit-animation: flipInY 2.5s 1 ease-in forwards; /* Safari and Chrome */ -o-animation: flipInY 2.5s 1 ease-in forwards; /* Opera */ } .active.owl-item .banner-table .div-01 { animation: flipInX 3.5s 1 ease-in forwards; -moz-animation: flipInX 3.5s 1 ease-in forwards; /* Firefox */ -webkit-animation: flipInX 3.5s 1 ease-in forwards; /* Safari and Chrome */ -o-animation: flipInX 3.5s 1 ease-in forwards; /* Opera */ } .active.owl-item .banner-table .div-02 { animation: flipInX 4.5s 1 ease-in forwards; -moz-animation: flipInX 4.5s 1 ease-in forwards; /* Firefox */ -webkit-animation: flipInX 4.5s 1 ease-in forwards; /* Safari and Chrome */ -o-animation: flipInX 4.5s 1 ease-in forwards; /* Opera */ } @keyframes bgBig { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @-moz-keyframes bgBig /* Firefox */ { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @-webkit-keyframes bgBig /* Safari 和 Chrome */ { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @-o-keyframes bgBig /* Opera */ { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .index-first-news { position: absolute; left: 0; bottom: 0; z-index: 10; transform: translateX(-100%); } .index-first-newsscroll { float: left; width: 540px; background: rgba(255, 255, 255, .8); padding: 0 30px; } .index-first-newsscroll .div-01 { padding: 40px 0; } .index-first-newsscroll .div-01 .span-num { font-size: 12px; color: #999; font-family: "Arial"; } .index-first-newsscroll .div-01 .div-cont { margin-top: 15px; } .index-first-newsscroll .div-01 .div-cont a { display: inline-block; max-width: 100%; font-size: 16px; line-height: 24px; color: #333; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .banner-owl-arrow { width: 170px; height: 160px; background: url('../images/line-15.png') center center no-repeat rgba(0, 0, 0, .6); } .banner-owl-prev, .banner-owl-next { width: 85px; height: 160px; background-position: center; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .banner-owl-prev { background-image: url('../images/arrow-left-02.png'); } .banner-owl-next { background-image: url('../images/arrow-right-02.png'); } .banner-owl-prev:hover { background-image: url('../images/arrow-left-02h.png'); } .banner-owl-next:hover { background-image: url('../images/arrow-right-02h.png'); } .index-first-news.on { animation: slideInLeft 1s 1 ease-in forwards; -moz-animation: slideInLeft 1s 1 ease-in forwards; /* Firefox */ -webkit-animation: slideInLeft 1s 1 ease-in forwards; /* Safari and Chrome */ -o-animation: slideInLeft 1s 1 ease-in forwards; /* Opera */ } /* 第二屏 */ .index-second-main { z-index: 10; background-color: #fff; } .index-second-01 { float: left; width: 20%; height: 100vh; background-color: #f9f9f9; text-align: center; } .index-second-01:nth-child(even) { background-color: #f0f0f0; } .index-second-01::before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translateY(100%); background: -webkit-linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);/* Safari 5.1 - 6.0 */ background: -o-linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);/* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);/* Firefox 3.6 - 15 */ background: linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);/* 标准的语法 */ background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; visibility: hidden; } .index-second-01:nth-child(even)::before { transform: translateY(-100%); } .index-second-01:nth-child(2)::before { background: -webkit-linear-gradient(135deg, #f57239, #f68d40, #f9d556); background: -o-linear-gradient(135deg, #f57239, #f68d40, #f9d556); background: -moz-linear-gradient(135deg, #f57239, #f68d40, #f9d556); background: linear-gradient(135deg, #f57239, #f68d40, #f9d556); } .index-second-01:nth-child(3)::before { background: -webkit-linear-gradient(135deg, #29bd90, #4bc581, #9ed95b); background: -o-linear-gradient(135deg, #29bd90, #4bc581, #9ed95b); background: -moz-linear-gradient(135deg, #29bd90, #4bc581, #9ed95b); background: linear-gradient(135deg, #29bd90, #4bc581, #9ed95b); } .index-second-01:nth-child(4)::before { background: -webkit-linear-gradient(135deg, #5c35dc, #7a4ae4, #cf86fa); background: -o-linear-gradient(135deg, #5c35dc, #7a4ae4, #cf86fa); background: -moz-linear-gradient(135deg, #5c35dc, #7a4ae4, #cf86fa); background: linear-gradient(135deg, #5c35dc, #7a4ae4, #cf86fa); } .index-second-01:nth-child(5)::before { background: -webkit-linear-gradient(135deg, #ed4c4c, #ee505d, #f25e98); background: -o-linear-gradient(135deg, #ed4c4c, #ee505d, #f25e98); background: -moz-linear-gradient(135deg, #ed4c4c, #ee505d, #f25e98); background: linear-gradient(135deg, #ed4c4c, #ee505d, #f25e98); } .index-second-01 table { position: relative; z-index: 2; } .index-second-01 table, .index-second-01 table td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } .index-second-a1 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; } .index-second-01 .div-img { width: 100px; } .index-second-01 .div-img img { width: 100%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .index-second-01 .div-img .mg1h { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index-second-01 .div-title { font-size: 36px; line-height: 36px; color: #333; padding-bottom: 41px; background: url('../images/line-14.jpg') center bottom no-repeat; margin-top: 40px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .index-second-01 .div-info { width: 308px; height: 186px; padding-top: 30px; } .index-second-01 .div-info .span-01 { float: left; margin: 0 5px; width: 144px; border-radius: 40px; border: 1px solid #b9b9b9; margin-top: 10px; overflow: hidden; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .index-second-01 .div-info .span-01 a { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #666; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } /* 第三屏 */ .index-three-main { z-index: 10; } /* 第四屏 */ .index-case-main { background-color: #fff; } .index-case { position: relative; z-index: 5; /*padding-top: 74px;*/ padding-top: 0; -webkit-transition: all 0.7s ease .7s; -moz-transition: all 0.7s ease .7s; -o-transition: all 0.7s ease .7s; transition: all 0.7s ease .7s; } .index-case-01 { position: relative; float: left; width: calc(100vw / 3); height: calc((100vh) / 2); overflow: hidden; -webkit-transition: all 0.7s ease .7s; -moz-transition: all 0.7s ease .7s; -o-transition: all 0.7s ease .7s; transition: all 0.7s ease .7s; } .index-case.on { padding-top: 74px; } .index-case.on .index-case-01 { height: calc((100vh - 74px) / 2); } .index-case-01 .mg1 { display: none; } .index-case-01 .item { position: absolute; width: 100%; top: 0; bottom: 0; z-index: 0; } .index-case-01 .item.on { z-index: 5; } .index-case-01 .item a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } /* 第五屏 */ .index-customer-canvas, #index-customer-canvas { position: absolute; left: 0; top: 0; bottom: 0; z-index: 0; width: 100%; height: 100%; } .index-customer-canvas.on{ visibility: hidden; } .index-customer .customer { position: absolute; top: calc(12% + 75px); bottom: 10%; left: 10%; right: 10%; } .index-customer .customer ul { width: 100%; height: 100%; } .index-customer .customer ul li { float: left; width: 16.5%; height: 33.333%; box-sizing: border-box; padding: 10px; cursor: pointer; -moz-transition: all 1.2s; -o-transition: all 1.2s; -ms-transition: all 1.2s; -webkit-transition: all 1.2s; transition: all 1.2s; } .index-customer .customer ul li .img-bg { background: #fff; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 5px; } .index-customer .customer ul li .img-bg img { max-width: 90%; position: absolute; z-index: 2; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; margin: 0 auto; } .index-customer .customer ul li .img-bg .cove { position: absolute; z-index: 1; background: rgba(116, 204, 77, 1); width: 100%; height: 100%; top: 0; right: 300px; } .index-customer .customer ul .customer-number { width: 33%; position: relative; } .index-customer .customer ul .customer-number .customer-number-main { position: absolute; left: 0; text-align: center; top: 50%; width: 100%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .index-customer .customer ul .div-num { position: relative; font-size: 72px; /* background-image:-webkit-linear-gradient(45deg,#bdf814,#64e737,#28db4f); -webkit-background-clip:text; -webkit-text-fill-color:transparent; */ color: #546E31; font-weight: bold; background-image: -webkit-linear-gradient(top, #28db4f, #fff 25%, #28db4f 50%, #fff 75%, #28db4f); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 100% 200%; -webkit-animation: masked-animation 1.5s infinite linear; } @-webkit-keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: 0 -100%; } } .index-customer .customer ul .div-txt { font-size: 18px; color: #fff; } .index-customer .mobile-customer { display: none; position: absolute; top: 10%; bottom: 12%; left: 2%; right: 2%; } .index-customer .mobile-customer ul { width: 100%; height: 100%; overflow: hidden; } .index-customer .mobile-customer ul li { float: left; width: 33.33%; height: 25%; box-sizing: border-box; padding: 5px 5px; cursor: pointer; -moz-transition: all 1.2s; -o-transition: all 1.2s; -ms-transition: all 1.2s; -webkit-transition: all 1.2s; transition: all 1.2s; border-radius: 5px; overflow: hidden; } .index-customer .mobile-customer ul li .img-bg { background: #fff; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 5px; overflow: hidden; } .index-customer .mobile-customer ul li .img-bg img { max-width: 90%; position: absolute; z-index: 2; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; margin: 0 auto; } .index-customer .mobile-customer ul li .img-bg .cove { position: absolute; z-index: 1; background: #0d6fa6; width: 100%; height: 100%; top: 0; right: 300px; } .index-customer .mobile-customer ul .customer-number { position: relative; padding: 0; } .index-customer .mobile-customer ul .customer-number .customer-number-main { position: absolute; left: 0; text-align: center; top: 50%; width: 100%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } /* .index-customer .mobile-customer ul .customer-number .customer-number-main h1 { font-size: 26px; color: #fff; font-weight: normal; } .index-customer .mobile-customer ul .customer-number .customer-number-main p { font-size: 12px; color: #b1b1b1; } */ .index-customer .mobile-customer ul .customer-number .customer-number-main .div-num { font-size: 26px; background-image: -webkit-linear-gradient(45deg, #bdf814, #64e737, #28db4f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .index-customer .mobile-customer ul .customer-number .customer-number-main .div-txt { font-size: 12px; color: #fff; } /* 第六屏 */ .index-news { width: 100vw; } .index-news-owl { margin-left: -1px; } .index-news-owl .owl-stage-outer { overflow: visible; } .index-news-owl .owl-nav { text-align: center; margin-top: 30px; position: relative; } .index-news-owl .owl-nav::before { content: " "; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background-color: #b3b3b3; } .index-news-owl .owl-nav button.owl-next, .index-news-owl .owl-nav button.owl-prev { font-size: 0; width: 52px; height: 52px; background-size: cover; margin: 0 30px; } .index-news-owl .owl-nav button.owl-prev { background-image: url('../images/arrow-left-01.png'); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .index-news-owl .owl-nav button.owl-next { background-image: url('../images/arrow-right-01.png'); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .index-news-01 { position: relative; padding-left: 6.25%; padding-right: 6.25%; } .index-news-cont { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .index-news-01::before { content: " "; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 200vh; background-color: #e5e5e5; } .index-news-top { -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s; } .index-news-title { position: relative; padding-left: 80px; } .index-news-title .bdo-num { float: left; width: 75px; margin-left: -80px; font-family: "hyt"; font-size: 72px; line-height: 72px; color: #333; } .index-news-title .bdo-date { font-family: "Arial"; font-size: 12px; line-height: 12px; color: #333; padding-top: 7px; } .index-news-title .span-title { margin-top: 12px; } .index-news-title .span-title a { display: inline-block; color: #333; line-height: 18px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s; } .index-news-title .span-title a h2 { font-size: 16px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index-news-details { font-size: 14px; line-height: 24px; color: #666; margin-top: 15px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .index-news-more { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #717171; line-height: 50px; text-align: center; color: #666; font-family: "Arial"; font-size: 12px; text-transform: uppercase; margin-top: 24px; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s; } .index-news-img { margin-top: 30px; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s; } /*================================ 02_关于 ================================*/ .about-main .section { position: relative; min-height: 500px; } .about-cont { padding-top: 75px; position: relative; z-index: 10; } .about-contact-cont { padding-bottom: 60px; } /* 第一屏 */ .about-word { float: left; width: 40%; color: #ccc; } .about-word .b-title { font-size: 48px; color: #ccc; line-height: 48px; padding-bottom: 23px; background: url('../images/line-01.jpg') left bottom no-repeat; } .about-word .div-des { font-size: 22px; line-height: 36px; color: #ccc; margin-top: 13px; } .about-word .div-des2 { font-size: 14px; line-height: 24px; color: #ccc; margin-top: 16px; } .about-num { border: 1px solid #323a44; margin-top: 34px; } .about-num-01 { position: relative; float: left; width: 50%; padding-top: 20px; padding-bottom: 20px; } .about-num-01::before { content: " "; position: absolute; background-color: #343c45; } .about-num-01:first-child::before { top: 20px; bottom: 20px; right: 0; width: 1px; } .about-num-01:nth-child(2)::before { left: 20px; right: 20px; bottom: 0; height: 1px; } .about-num-01:nth-child(3)::before { left: 20px; right: 20px; top: 0; height: 1px; } .about-num-01:nth-child(4)::before { top: 20px; bottom: 20px; left: 0; width: 1px; } .about-num-01 .span-txt { font-size: 18px; line-height: 18px; } .about-num-01 .span-num { font-size: 72px; line-height: 72px; font-family: "Arial"; font-weight: bold; margin-top: 20px; } .about-num-01 .span-num .bdo-add { font-size: 30px; line-height: 30px; position: relative; top: -30px; margin-left: 10px; } .inrow { font-size: 0; [; font-size: 12px; ]; *font-size: 0; font-family: arial; [; letter-spacing: -3px; ]; *letter-spacing: normal; *word-spacing: -1px; } .inrow>li, .inrow span { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; letter-spacing: normal; word-spacing: normal; } .dataNums { position: absolute; top: 50%; display: block; width: 100%; height: 75px; margin-top: -37px; text-align: center; } .dataNums .dataOne { width: 61px; height: 75px; margin: 0px 3px; text-align: center; background: url(../images/num-bg.png) no-repeat; } .dataNums .dataBoc { position: relative; width: 100%; height: 100%; overflow: hidden; } .dataNums .dataBoc .tt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dataNums .tt span { width: 100%; height: 100%; font: bold 54px/75px "Arial"; color: #ddf0ff; } .about-kimg { float: right; width: 48.7%; } .about-kimg img { width: 100%; } .about-kimg .mg1 { position: absolute; left: 0; top: 0; } .about-kimg .mg-k { animation: fadeIn 2s linear 0s infinite alternate both; } .about-kimg .mg-kbg { animation: rotateIn 5s linear 0s infinite alternate both; } .about-kimg .div-kzi { position: absolute; left: 0; top: 0; right: 0; bottom: 0; animation: fadeIn 4s linear 0s infinite alternate both; } .about-kimg .div-kzi .span-01 { position: absolute; top: 0; width: 14.66%; } .about-kimg .div-kzi .span-01 .mg-kzh, .about-kimg .div-kzi .span-01 .mg-kzbgh { opacity: 0; } .about-kimg .div-kzi .span-zhan { right: 18.77%; } .about-kimg .div-kzi .span-ying { right: -0.7%; top: 28%; } .about-kimg .div-kzi .span-wei { right: -0.7%; top: 56.15%; } .about-kimg .div-kzi .span-lai { right: 18.77%; top: auto; bottom: 0; } .about-kimg .div-kzi .span-xuan { left: 18.77%; } .about-kimg .div-kzi .span-ku { left: -0.7%; top: 28%; } .about-kimg .div-kzi .span-shi { left: -0.7%; top: 56.15%; } .about-kimg .div-kzi .span-dai { left: 18.77%; top: auto; bottom: 0; } .about-kimg .div-kzi .span-01 .bdo-line { display: block; position: absolute; left: 0; right: 0; bottom: 100%; top: 0; overflow: hidden; } .about-kimg .div-kzi .span-line1 { width: 11.437%; right: 8.8%; top: 12.62%; } .about-kimg .div-kzi .span-line2 { width: 0.88%; right: 4.4%; top: 43.85%; } .about-kimg .div-kzi .span-line3 { width: 11.73%; right: 8.8%; top: 71.68%; } .about-kimg .div-kzi .span-line4 { width: 11.437%; left: 8.8%; top: 12.62%; } .about-kimg .div-kzi .span-line5 { width: 0.88%; left: 4.4%; top: 43.85%; } .about-kimg .div-kzi .span-line6 { width: 11.73%; left: 8.8%; top: 71.68%; } .about-kimg .div-kzi.on .span-xuan .mg-kz { animation: kz ease-out .8s .2s alternate both; } .about-kimg .div-kzi.on .span-xuan .mg-kzh { animation: kzh ease-out .8s .2s alternate both; } .about-kimg .div-kzi.on .span-xuan .mg-kzbg { animation: kzbg ease-out .8s .2s alternate both; } .about-kimg .div-kzi.on .span-xuan .mg-kzbgh { animation: kzbgh ease-out .8s .2s alternate both; } .about-kimg .div-kzi.on .span-line4 .bdo-line { animation: kline ease-out .8s .2s alternate both; } .about-kimg .div-kzi.on .span-ku .mg-kz { animation: kz ease-out .8s .6s alternate both; } .about-kimg .div-kzi.on .span-ku .mg-kzh { animation: kzh ease-out .8s .6s alternate both; } .about-kimg .div-kzi.on .span-ku .mg-kzbg { animation: kzbg ease-out .8s .6s alternate both; } .about-kimg .div-kzi.on .span-ku .mg-kzbgh { animation: kzbgh ease-out .8s .6s alternate both; } .about-kimg .div-kzi.on .span-line5 .bdo-line { animation: kline ease-out .8s .6s alternate both; } .about-kimg .div-kzi.on .span-shi .mg-kz { animation: kz ease-out .8s 1s alternate both; } .about-kimg .div-kzi.on .span-shi .mg-kzh { animation: kzh ease-out .8s 1s alternate both; } .about-kimg .div-kzi.on .span-shi .mg-kzbg { animation: kzbg ease-out .8s 1s alternate both; } .about-kimg .div-kzi.on .span-shi .mg-kzbgh { animation: kzbgh ease-out .8s 1s alternate both; } .about-kimg .div-kzi.on .span-line6 .bdo-line { animation: kline ease-out .8s 1s alternate both; } .about-kimg .div-kzi.on .span-dai .mg-kz { animation: kz ease-out .8s 1.4s alternate both; } .about-kimg .div-kzi.on .span-dai .mg-kzh { animation: kzh ease-out .8s 1.4s alternate both; } .about-kimg .div-kzi.on .span-dai .mg-kzbg { animation: kzbg ease-out .8s 1.4s alternate both; } .about-kimg .div-kzi.on .span-dai .mg-kzbgh { animation: kzbgh ease-out .8s 1.4s alternate both; } .about-kimg .div-kzi.on .span-zhan .mg-kz { animation: kz ease-out .8s 1.8s alternate both; } .about-kimg .div-kzi.on .span-zhan .mg-kzh { animation: kzh ease-out .8s 1.8s alternate both; } .about-kimg .div-kzi.on .span-zhan .mg-kzbg { animation: kzbg ease-out .8s 1.8s alternate both; } .about-kimg .div-kzi.on .span-zhan .mg-kzbgh { animation: kzbgh ease-out .8s 1.8s alternate both; } .about-kimg .div-kzi.on .span-line1 .bdo-line { animation: kline ease-out .8s 1.8s alternate both; } .about-kimg .div-kzi.on .span-ying .mg-kz { animation: kz ease-out .8s 2.2s alternate both; } .about-kimg .div-kzi.on .span-ying .mg-kzh { animation: kzh ease-out .8s 2.2s alternate both; } .about-kimg .div-kzi.on .span-ying .mg-kzbg { animation: kzbg ease-out .8s 2.2s alternate both; } .about-kimg .div-kzi.on .span-ying .mg-kzbgh { animation: kzbgh ease-out .8s 2.2s alternate both; } .about-kimg .div-kzi.on .span-line2 .bdo-line { animation: kline ease-out .8s 2.2s alternate both; } .about-kimg .div-kzi.on .span-wei .mg-kz { animation: kz ease-out .8s 2.6s alternate both; } .about-kimg .div-kzi.on .span-wei .mg-kzh { animation: kzh ease-out .8s 2.6s alternate both; } .about-kimg .div-kzi.on .span-wei .mg-kzbg { animation: kzbg ease-out .8s 2.6s alternate both; } .about-kimg .div-kzi.on .span-wei .mg-kzbgh { animation: kzbgh ease-out .8s 2.6s alternate both; } .about-kimg .div-kzi.on .span-line3 .bdo-line { animation: kline ease-out .8s 2.6s alternate both; } .about-kimg .div-kzi.on .span-lai .mg-kz { animation: kz ease-out .8s 3s alternate both; } .about-kimg .div-kzi.on .span-lai .mg-kzh { animation: kzh ease-out .8s 3s alternate both; } .about-kimg .div-kzi.on .span-lai .mg-kzbg { animation: kzbg ease-out .8s 3s alternate both; } .about-kimg .div-kzi.on .span-lai .mg-kzbgh { animation: kzbgh ease-out .8s 3s alternate both; } .about-word .a-more { width: 160px; height: 50px; border-radius: 2px; border: 1px solid #323a44; font-size: 18px; color: #ccc; line-height: 48px; margin-top: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .about-word .a-more:hover { transform: translateY(-5px); background: rgba(255, 255, 255, .1); } /* 第二屏 */ .about-map-cont { padding-bottom: 140px; } .about-map { float: left; width: 47%; position: relative; } .about-map img { width: 100%; } .about-map .mg-abs { position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .about-map .mg-abs:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .about-map .mg1 { width: 22.34%; top: 0; right: 0; } .about-map .mg2 { width: 43.769%; top: 1.1%; right: 14.437%; } .about-map .mg3 { width: 17.17%; top: 42.83%; right: 10.638%; } .about-map .mg4 { width: 61.1%; top: 45.4%; left: 3.8%; } .about-map .mg5 { width: 66.1%; top: 11%; left: 0; } .about-map .mg6 { width: 25.84%; bottom: 0; right: 20.21%; } .about-map .mg7 { width: 15.2%; bottom: 18%; right: 23.4%; } .about-map-word { float: right; width: 46%; padding-top: 85px; } .about-map-word .div-title { font-size: 48px; color: #333; line-height: 48px; background: url('../images/line-01.jpg') left bottom no-repeat; padding-bottom: 23px; } .about-map-word .div-01 { font-size: 22px; line-height: 36px; color: #666; margin-top: 13px; } .about-map-word .div-02 { width: 86.82%; font-size: 14px; color: #666; line-height: 24px; margin-top: 16px; } .about-map-word .div-title2 { font-size: 36px; color: #333; line-height: 36px; margin-top: 34px; padding-bottom: 11px; } .about-fenlei { position: absolute; left: 0; right: 0; bottom: 0; font-size: 0; background: url('../images/bg-02.jpg') center center no-repeat; background-size: cover; z-index: 10; overflow: auto; white-space: nowrap; } .about-fenlei-a1 { width: 20%; display: inline-block; font-size: 24px; line-height: 24px; color: #fff; text-align: center; padding-top: 30px; padding-bottom: 30px; background: url('../images/bg-03.png') left center no-repeat; } .about-fenlei-a1:first-child { background: none; } .about-fenlei-a1 img { margin-bottom: 20px; } .about-fenlei-a1:hover { color: #fff; } .about-fenlei-a1:hover img { -webkit-animation: rubberBand 1s ease 0s both; -moz-animation: rubberBand 1s ease 0s both; animation: rubberBand 1s ease 0s both; } /* 第三屏 */ .about-partner-mc { position: absolute; left: 0; top: 0; bottom: 0; width: 36.5%; background: rgba(6, 16, 28, .8); } .about-partner-word { float: left; width: 27.5%; font-size: 14px; color: #ccc; line-height: 24px; } .about-partner-word .div-title { font-size: 48px; line-height: 48px; padding-bottom: 23px; background: url('../images/line-01.jpg') left bottom no-repeat; } .about-partner-word .div-word { margin-top: 25px; } .about-pertner-case { margin-top: 73px; } .about-pertner-case .span-txt { font-size: 18px; line-height: 18px; } .about-pertner-case .span-number { font-size: 72px; line-height: 72px; margin-top: 20px; font-family: "Arial"; } .about-pertner-case .span-number i { font-style: normal; } .about-pertner-case .span-number .bdo-add { position: absolute; margin-top: 0px; font-size: 30px; line-height: 30px; font-weight: bold; } .about-partner-owl { float: right; width: 61.1%; padding-top: 30px; } .about-partner-owl .owl-dots { text-align: center; height: 14px; margin-top: 30px; } .about-partner-owl button.owl-dot { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #546E31; margin: 0 8px; } .about-partner-owl button.owl-dot.active { background-color: #546E31; } .about-partner-owl .a-logo { display: block; margin-top: 20px; border-radius: 10px; overflow: hidden; } .about-partner-owl .a-logo:first-child { margin-top: 0; } .about-partner-owl .a-logo .span-01 { background: #fff; border-radius: 10px; } .about-partner-owl .a-logo img { display: block; width: 100%; border-radius: 10px; } .about-partner-owl .span-mc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(116, 204, 74, .9); font-size: 16px; color: #fff; text-align: center; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .about-partner-owl .span-mc table, .about-partner-owl .span-mc table td { width: 100%; height: 100%; vertical-align: middle; } .about-partner-owl .a-logo:hover .span-mc { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* 第四屏 */ .about-zizhi-title { font-size: 48px; line-height: 48px; color: #333; padding-bottom: 23px; background: url('../images/line-01.jpg') center bottom no-repeat; } .about-zizhi-txt { width: 50%; margin: 23px auto 0; font-size: 16px; line-height: 30px; color: #666; } .about-zizhi-title.ling { color: #ccc; } .about-zizhi-txt.ling { color: #ccc; } .about-zizhi-owl { padding-left: 14.14%; padding-right: 14.14%; margin-top: 32px; } .about-zizhi-owl .owl-nav button.owl-next, .about-zizhi-owl .owl-nav button.owl-prev { font-size: 0; width: 52px; height: 52px; position: absolute; top: 50%; margin-top: -26px; background-size: cover; } .about-zizhi-owl .owl-nav button.owl-prev { left: 0; background-image: url('../images/arrow-left-01.png'); } .about-zizhi-owl .owl-nav button.owl-next { right: 0; background-image: url('../images/arrow-right-01.png'); } .about-zizhi-owl .div-01 { padding: 10px; margin-top: 10px; } .about-zizhi-owl .div-01:first-child { margin-top: 0; } .about-zizhi-owl .div-01 .a1 { border: 4px solid #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .about-zizhi-owl .div-01 .a1 img { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* 第五屏 */ .about-heart-01 { margin-top: 92px; text-align: center; } .abouot-heart-div1 { width: 113px; font-size: 18px; color: #ccc; display: inline-block; padding-right: 63px; padding-top: 60px; position: relative; margin: 0 45px; text-align: left; } .abouot-heart-div1 .span-txt { display: block; height: 250px; writing-mode: vertical-rl; writing-mode: tb-rl; } .abouot-heart-div1 .span-mi { display: block; position: absolute; right: 0; top: 0; width: 45px; text-align: center; line-height: 44px; background: url('../images/bg-04.png') center bottom repeat-y; font-size: 30px; color: #fff; border-top: 1px solid rgba(101, 102, 102, .6); } /* 第六屏 */ .about-contact-mc { position: absolute; top: 74px; /*bottom: 80px;*/ width: 480px; background-color: rgba(6, 16, 28, .8); } .about-contact-left { float: left; width: 480px; padding: 92px 40px 0; margin-left: 20px; } .about-contact-left .div-title .span-cn { font-size: 48px; line-height: 48px; color: #ccc; } .about-contact-left .div-title .span-en { font-size: 24px; line-height: 24px; color: #999; font-family: "Arial"; margin-top: 17px; text-transform: uppercase; padding-bottom: 19px; background: url('../images/line-01.jpg') left bottom no-repeat; } .about-contact-left .div-phone { font-size: 48px; color: #ccc; line-height: 48px; font-family: "Arial"; margin-top: 34px; } .about-contact-left .div-phone-01 { float: left; font-size: 14px; line-height: 14px; margin-left: 67px; margin-top: 30px; } .about-contact-left .div-phone-01:first-child { margin-left: 0; } .about-contact-left .div-phone-01 .b-phone { font-size: 24px; color: #ccc; margin-bottom: 10px; } .about-contact-share { margin-top: 40px; } .about-contact-share .bdshare-button-style2-32 a { width: 40px; height: 40px; margin: 0 10px; background-size: cover; background-position: center; background-repeat: no-repeat; } .about-contact-share .bdshare-button-style2-32 a:first-child { margin-left: 0; } .about-contact-share .bdshare-button-style2-32 .bds_weixin { background-image: url('../images/icon-02.png'); } .about-contact-share .bdshare-button-style2-32 .bds_sqq { background-image: url('../images/icon-03.png'); } .about-contact-share .bdshare-button-style2-32 .bds_tsina { background-image: url('../images/icon-04.png'); } .about-contact-img { margin-top: 40px; } .about-contact-right { float: right; width: 50%; margin-right: 20px; } .about-contact-online { font-size: 0; } .about-contact-online .a1 { display: inline-block; font-size: 14px; color: #666; width: 130px; height: 40px; line-height: 38px; border: 1px solid #666; border-radius: 4px; text-align: center; margin-bottom: 10px; margin-right: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .about-contact-zixun { font-size: 0; padding-top: 40px; } .about-contact-zixun .span-01 { float: left; font-size: 30px; color: #333; line-height: 46px; } .about-contact-zixun .a-zixun { position: relative; float: left; width: 150px; height: 46px; border: 2px solid #546E31; line-height: 42px; text-align: center; font-size: 14px; color: #546E31; margin-left: 58px; } .about-contact-zixun .a-zixun::before { content: " "; position: absolute; left: -17px; top: 50%; margin-top: -4px; width: 36px; height: 8px; background: url('../images/icon-05.png') right center no-repeat; animation: arrow_jt ease-out 1s 0.2s infinite; } .about-contact-form { margin-top: 90px; } .about-contact-form .div-title { font-size: 24px; color: #333; line-height: 24px; margin-bottom: 30px; } .about-contact-form-list .mg-icon { position: absolute; left: 13px; top: 15px; } .about-contact-form-list .div-01 { position: relative; /*margin-top: 20px;*/ } .about-contact-form-list .div-02 .div1 { float: left; width: 290px; margin-left: 20px; position: relative; margin-top: 20px; } .about-contact-form-list .div-02 .div1:first-child { margin-left: 0 } .about-contact-form-list .put-01 { outline: none; width: 100%; height: 52px; line-height: 50px; background: #fff; border: 1px solid #e5e5e5; border-radius: 5px; padding-left: 47px; padding-right: 15px; font-size: 14px; } .about-contact-form-list .put-01::-webkit-input-placeholder { color: #999; } .about-contact-form-list .put-01:-moz-placeholder { color: #999; opacity: 1; } .about-contact-form-list .put-01::-moz-placeholder { color: #999; opacity: 1; } .about-contact-form-list .put-01:-ms-input-placeholder { color: #999; } .about-contact-form-list .div-03 { margin: 0 -10px; font-size: 0; } .about-contact-form-list .div-03 .selector-item { height: 52px; line-height: 50px; margin: 20px 10px 0; width: calc(33.33% - 20px); } .city-picker-selector .selector-name { background-color: #fff; } .about-contact-form-list .div-04 { margin-top: 30px; } .about-contact-form-list .but-01 { background: none; border: none; outline: none; width: 190px; height: 48px; background: #546E31; color: #fff; font-size: 14px; border-radius: 48px; } .about-contact-ling { z-index: 10; } .about-contact-ling .about-cont { padding-top: 110px; } .about-contact-ling .about-contact-cont { padding-bottom: 170px; } .about-contact-ling .about-contact-mc { top: 0; } /*================================ 03_服务 ================================*/ .service-main .section { min-height: 500px; position: relative; display: block; } .service-main .service-bg { position: absolute; left: 50%; top: 50%; z-index: 1; animation: bg-round 8s infinite linear; -moz-animation: bg-round 8s infinite linear; /* Firefox */ -webkit-animation: bg-round 8s infinite linear; /* Safari and Chrome */ -o-animation: bg-round 8s infinite linear; /* Opera */ } .color-blue .service-bg { background: -webkit-linear-gradient(left, #1d95ed, #24a7ec, #3ce0ea);/* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #1d95ed, #24a7ec, #3ce0ea);/* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #1d95ed, #24a7ec, #3ce0ea);/* Firefox 3.6 - 15 */ background: linear-gradient(to right, #1d95ed, #24a7ec, #3ce0ea);/* 标准的语法 */ } .color-orange .service-bg { background: -webkit-linear-gradient(left, #f57239, #f68d40, #f9d556); background: -o-linear-gradient(right, #f57239, #f68d40, #f9d556); background: -moz-linear-gradient(right, #f57239, #f68d40, #f9d556); background: linear-gradient(to right, #f57239, #f68d40, #f9d556); } .color-green .service-bg { background: -webkit-linear-gradient(left, #29bd90, #4bc581, #9ed95b); background: -o-linear-gradient(right, #29bd90, #4bc581, #9ed95b); background: -moz-linear-gradient(right, #29bd90, #4bc581, #9ed95b); background: linear-gradient(to right, #29bd90, #4bc581, #9ed95b); } .color-purple .service-bg { background: -webkit-linear-gradient(left, #5c35dc, #7a4ae4, #cf86fa); background: -o-linear-gradient(right, #5c35dc, #7a4ae4, #cf86fa); background: -moz-linear-gradient(right, #5c35dc, #7a4ae4, #cf86fa); background: linear-gradient(to right, #5c35dc, #7a4ae4, #cf86fa); } .color-red .service-bg { background: -webkit-linear-gradient(left, #ed4c4c, #ee505d, #f25e98); background: -o-linear-gradient(right, #ed4c4c, #ee505d, #f25e98); background: -moz-linear-gradient(right, #ed4c4c, #ee505d, #f25e98); background: linear-gradient(to right, #ed4c4c, #ee505d, #f25e98); } .service-zi { position: absolute; left: 0; right: 0; width: 100%; bottom: 0; z-index: 2; } .service-down { position: fixed; left: 50%; margin-left: -32px; bottom: 20px; width: 64px; font-size: 16px; color: #fff; z-index: 9999; cursor: pointer; } .service-down .bdo-01 { line-height: 16px; margin-bottom: 12px; } .service-down .span-icon .span-01 { width: 20px; height: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; } .service-down .span-icon .mg1 { background-image: url('../images/down-01.png'); animation: tel_line ease-out 1s 0.2s infinite; } .service-down .span-icon .mg2 { background-image: url('../images/down-02.png'); animation: tel_line ease-out 1s 0.4s infinite; } .service-down .span-icon .mg3 { background-image: url('../images/down-03.png'); animation: tel_line ease-out 1s 0.6s infinite; } .service-down.black { color: #000; } .service-down.black .span-icon .mg1 { background-image: url('../images/down-011.png'); } .service-down.black .span-icon .mg2 { background-image: url('../images/down-022.png'); } .service-down.black .span-icon .mg3 { background-image: url('../images/down-033.png'); } .service-cont { /*position: relative;*/ position: absolute; left: 0; top: 75px; right: 0; bottom: 0; z-index: 5; /*padding-top: 75px;*/ } .service-cont table, .service-cont table td { width: 100%; height: 100%; vertical-align: middle; } .service-word-abs { position: absolute; left: 8.3%; top: 0; bottom: 0; width: 31.77%; } .service-word { /* float: left; width: 40%;*/ color: #fff; } .service-word .b-title { font-size: 50px; line-height: 50px; padding-bottom: 37px; border-bottom: 1px solid #fff; } .service-word .span-title { font-size: 20px; line-height: 34px; margin-top: 32px; } .service-word .span-des { font-size: 16px; line-height: 30px; margin-top: 16px; } .service-word .span-01 { font-size: 0; padding-top: 10px; } .service-word .span-01 a { display: inline-block; font-size: 16px; height: 40px; min-width: 82px; padding-left: 17px; padding-right: 17px; text-align: center; line-height: 38px; border: 1px solid #fff; border-radius: 40px; color: #fff; margin-right: 30px; margin-top: 22px; } .service-word .span-more { font-size: 0; padding-top: 17px; } .service-word .span-more a { display: inline-block; height: 54px; line-height: 52px; border: 1px solid #fff; border-radius: 10px; font-size: 16px; color: #fff; text-align: center; margin-top: 20px; margin-right: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-word .span-more .a1 { width: 200px; } .service-word .span-more .a2 { width: 240px; } .service-img-abs { position: absolute; right: 8.3%; bottom: 0; top: 0; width: 47.5%; } .service-img-tu img { width: 100%; } .service-main .section:nth-child(2n) .service-word-abs { left: auto; right: 8.3%; } .service-main .section:nth-child(2n) .service-img-abs { right: auto; left: 8.3%; } .service-img-tu .mg1 { position: absolute; left: 0; top: 0; width: 100%; } /* 第一屏 */ .service-img-tu .mg-lights { width: 7.456%; left: 34.98%; } .service-img-tu .mg-ball1s { width: 7%; left: 13.377%; top: 18.266%; } .service-img-tu .mg-ball2s { width: 5%; left: 52%; top: 0; } .service-img-tu .mg-lights { animation: flash 1s ease 0s infinite; } .service-img-tu .mg-ball1s { animation: ball linear 5s infinite; } .service-img-tu .mg-ball2s { animation: ball linear 7s infinite; } /* 第二屏 */ .service-list-01 { margin-top: 12px; } .service-list-01 li { padding: 13px 0 13px 15px; font-size: 16px; color: #fff; line-height: 26px; background: url('../images/bg-01.jpg') left center no-repeat; } .service-img-tu .mg-cumputer { width: 40.24%; left: 22.7%; } .service-img-tu .mg-message { width: 22.37%; top: 3%; } .service-img-tu .mg-cloud { width: 13.267%; top: 7.25%; left: 67.43%; } .service-img-tu .i-wifi { position: absolute; width: 9.32%; left: 51.53%; top: 5.75%; animation: wifi linear 4s infinite; } .service-img-tu .i-wifi img { position: absolute; left: 0; top: 0; width: 100%; } .service-img-tu .i-wifi .mg-wifi1 { animation: tel_line ease-out 2s 0.2s infinite; } .service-img-tu .i-wifi .mg-wifi2 { animation: tel_line ease-out 2s 0.4s infinite; } .service-img-tu .i-wifi .mg-wifi3 { animation: tel_line ease-out 2s 0.6s infinite; } /* 第三屏 */ .service-list-02 { padding-top: 15px; } .service-list-02 li { padding-left: 80px; line-height: 34px; font-size: 16px; margin-top: 16px; } .service-list-02 li .span-tit { float: left; margin-left: -80px; height: 34px; line-height: 32px; border: 1px solid #fff; border-radius: 5px 0 0 5px; padding: 0 4px; } .service-img-tu .mg-light2 { width: 37%; left: 57.5%; animation: flash 1s ease 0s infinite; } /* 第四屏 */ .service-img-tu .mg-fk1 { width: 3.728%; left: 30.48%; top: 14.05%; } .service-img-tu .mg-fk2 { width: 5.92%; left: 10.964%; top: 26.61%; } .service-img-tu .mg-fk3 { width: 7.895%; left: 44.188%; top: 64.132%; } .service-img-tu .mg-dz { width: 11.732%; left: 54%; top: 67.438%; } .service-img-tu .mg-fk1 { animation: wifi 4s linear 0s infinite; } .service-img-tu .mg-fk2 { animation: wifi 5s linear 0s infinite; } .service-img-tu .mg-fk3 { animation: wifi 3s linear 0s infinite; } .service-img-tu .mg-dz { animation: wifi 7s linear 0s infinite; } /* 第五屏 */ .service-word .div-01 { font-size: 0; margin-top: 44px; } .service-word .div-01 .a1 { display: inline-block; margin-right: 30px; width: 110px; height: 100px; padding-top: 35px; text-align: center; border: 1px solid #fff; border-radius: 7px; font-size: 16px; line-height: 16px; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-word .div-01 .a1 .span-icon { display: block; width: 30px; height: 6px; margin: 20px auto 0; background-image: url('../images/icon-01.png'); background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; transform: translateX(0); } .service-word .div-01 .a1:hover { background-color: #fff; color: #ee5264; } .service-word .div-01 .a1:hover .span-icon { transform: translateX(20px); background-image: url('../images/icon-01h.png'); } .service-img-tu .i-message { position: absolute; left: 66.45%; top: 10.9%; width: 9%; } .service-img-tu .i-message img { position: absolute; left: 0; top: 0; } .service-img-tu .i-message .mg-mesd1 { animation: tel_line ease-out 2s 0.4s infinite; } .service-img-tu .i-message .mg-mesd2 { animation: tel_line ease-out 2s 0.8s infinite; } .service-img-tu .i-message .mg-mesd3 { animation: tel_line ease-out 2s 1.2s infinite; } .active.section .service-img-tu .i-message { animation: wifi 10s linear 0s infinite; } /*================================ 04_服务_高端定制网站 ================================*/ .service-banner { text-align: left; } .service-banner .div-cn { font-size: 60px; line-height: 60px; } .service-banner .div-cn2 { font-size: 30px; line-height: 48px; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; margin-top: 15px; } .service-banner .div-cn2 .b1 { font-size: 48px; } .service-banner .div-en { font-size: 30px; font-family: "Arial"; line-height: 30px; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; text-transform: uppercase; margin-top: 16px; } .service-banner .div-des { margin-top: 16px; color: #fff; } .service-banner .div-des span { display: inline-block; background-color: rgba(255, 255, 255, .2); font-size: 24px; line-height: 40px; padding: 9px 50px; } .wapper-fff { position: relative; z-index: 10; width: 100%; background: #fff; /*margin-top: 100vh;*/ } .service-radar { padding-top: 80px; padding-bottom: 80px; } .res-title-txtb { font-size: 22px; color: #666; line-height: 32px; margin-top: 25px; } .res-title-txts { width: 70%; font-size: 14px; line-height: 24px; color: #666; margin-top: 20px; } .service-radar-circle { width: 54.5%; margin: 45px auto 0; } .service-radar-circle>img { width: 100%; } .service-radar-01 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .service-radar-01 .mg1 { position: absolute; left: 50%; top: 50%; z-index: 5; width: 16.8%; transform: translate(-50%, -50%); -webkit-box-shadow: 0 0 15px rgba(0, 37, 65, .09); -moz-box-shadow: 0 0 15px rgba(0, 37, 65, .09); box-shadow: 0 0 15px rgba(0, 37, 65, .09); border-radius: 50%; } .service-radar-01 .mg-pointer { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; -moz-animation: pointer 8s infinite linear; /* Firefox */ -webkit-animation: pointer 8s infinite linear; /* Safari and Chrome */ -o-animation: pointer 8s infinite linear; /* Opera */ animation: pointer 8s infinite linear; } .service-radar-01 .span-circle { position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; z-index: 1; border: 1px dashed #546E31; border-radius: 50%; } .service-radar-01 .span-circle1 { -moz-animation: circle 8s infinite linear; /* Firefox */ -webkit-animation: circle 8s infinite linear; /* Safari and Chrome */ -o-animation: circle 8s infinite linear; /* Opera */ animation: circle 8s infinite linear; } .service-radar-01 .span-circle2 { -moz-animation: circle 8s 1.6s infinite linear; /* Firefox */ -webkit-animation: circle 8s 1.6s infinite linear; /* Safari and Chrome */ -o-animation: circle 8s 1.6s infinite linear; /* Opera */ animation: circle 8s 1.6s infinite linear; } .service-radar-01 .span-circle3 { -moz-animation: circle 8s 3.2s infinite linear; /* Firefox */ -webkit-animation: circle 8s 3.2s infinite linear; /* Safari and Chrome */ -o-animation: circle 8s 3.2s infinite linear; /* Opera */ animation: circle 8s 3.2s infinite linear; } .service-radar-01 .span-circle4 { -moz-animation: circle 8s 4.8s infinite linear; /* Firefox */ -webkit-animation: circle 8s 4.8s infinite linear; /* Safari and Chrome */ -o-animation: circle 8s 4.8s infinite linear; /* Opera */ animation: circle 8s 4.8s infinite linear; } .service-radar-01 .span-circle5 { -moz-animation: circle 8s 6.4s infinite linear; /* Firefox */ -webkit-animation: circle 8s 6.4s infinite linear; /* Safari and Chrome */ -o-animation: circle 8s 6.4s infinite linear; /* Opera */ animation: circle 8s 6.4s infinite linear; } .service-radar-01 .span-word { position: absolute; font-size: 14px; color: #333; z-index: 3; } .service-radar-01 .span-word1 { -moz-animation: circle-xf 8s infinite linear; /* Firefox */ -webkit-animation: circle-xf 8s infinite linear; /* Safari and Chrome */ -o-animation: circle-xf 8s infinite linear; /* Opera */ animation: circle-xf 8s infinite linear; } .service-radar-01 .span-word2 { -moz-animation: circle-xf 6s .4s infinite linear; /* Firefox */ -webkit-animation: circle-xf 6s .4s infinite linear; /* Safari and Chrome */ -o-animation: circle-xf 6s .4s infinite linear; /* Opera */ animation: circle-xf 6s .4s infinite linear; } .service-radar-01 .span-word3 { -moz-animation: circle-xf 10s .8s infinite linear; /* Firefox */ -webkit-animation: circle-xf 10s .8s infinite linear; /* Safari and Chrome */ -o-animation: circle-xf 10s .8s infinite linear; /* Opera */ animation: circle-xf 10s .8s infinite linear; } .service-radar-01 .span-word4 { -moz-animation: circle-xf 7s 1s infinite linear; /* Firefox */ -webkit-animation: circle-xf 7s 1s infinite linear; /* Safari and Chrome */ -o-animation: circle-xf 7s 1s infinite linear; /* Opera */ animation: circle-xf 7s 1s infinite linear; } .service-radar-01 .span-word5 { -moz-animation: circle-xf 12s 1.4s infinite linear; /* Firefox */ -webkit-animation: circle-xf 12s 1.4s infinite linear; /* Safari and Chrome */ -o-animation: circle-xf 12s 1.4s infinite linear; /* Opera */ animation: circle-xf 12s 1.4s infinite linear; } .service-radar-01 .span-word6 { -moz-animation: circle-xf 6s 1.8s infinite linear; /* Firefox */ -webkit-animation: circle-xf 6s 1.8s infinite linear; /* Safari and Chrome */ -o-animation: circle-xf 6s 1.8s infinite linear; /* Opera */ animation: circle-xf 6s 1.8s infinite linear; } .service-radar-01 .span-word img { display: block; width: 100%; } .service-radar-01 .span-word bdo { position: absolute; top: 50%; margin-top: -12px; line-height: 24px; white-space: nowrap; } .service-radar-01 .span-word1 { width: 13.76%; top: 17.89%; right: 74.16%; } .service-radar-01 .span-word1 bdo { right: calc(100% + 20px); white-space: nowrap; } .service-radar-01 .span-word2 { width: 10.7%; top: 15.75%; left: 57.65%; } .service-radar-01 .span-word2 bdo { left: calc(100% + 20px); } .service-radar-01 .span-word3 { width: 9.17%; top: 32.4%; right: 53.82%; } .service-radar-01 .span-word3 bdo { right: calc(100% + 20px); } .service-radar-01 .span-word4 { width: 10.7%; top: 42.5%; left: 76%; } .service-radar-01 .span-word4 bdo { left: calc(100% + 20px); } .service-radar-01 .span-word5 { width: 12.23%; bottom: 22%; right: 66.66%; } .service-radar-01 .span-word5 bdo { right: calc(100% + 20px); } .service-radar-01 .span-word6 { width: 10.7%; bottom: 10.4%; right: 24%; } .service-radar-01 .span-word6 bdo { right: calc(100% + 20px); } .service-path-owl .owl-nav button.owl-prev, .service-path-owl .owl-nav button.owl-next { position: absolute; top: 0; bottom: 0; background-color: rgba(51, 51, 51, .2); width: 30px; color: #fff; font-size: 30px; } .service-path-owl .owl-nav button.owl-prev { left: 0; } .service-path-owl .owl-nav button.owl-next { right: 0; } .service-path-01>img { width: 100%; } .service-path-01 .div-mc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(51, 51, 51, .9); -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .service-path-01 .div-mc table, .service-path-01 .div-mc table td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } .service-path-01 .div-cont { padding-left: 9%; padding-right: 9%; color: #fff; } .service-path-01 .div-cont .mg-icon { -webkit-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -o-transition: all .5s linear 0s; transition: all .5s linear 0s; } .service-path-01 .div-cont .span-name { position: relative; font-size: 24px; line-height: 24px; margin-top: 40px; padding-top: 52px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .service-path-01 .div-cont .span-name::before { content: " "; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 30px; height: 2px; background-color: #fff; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .service-path-01 .div-cont .div-des { padding-top: 1px; height: 0; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .service-path-01 .div-cont .span-des { font-size: 16px; line-height: 28px; text-align: justify; text-align-last: center; visibility: hidden; padding-top: 42px; } .service-four { background-color: #f7f7f7; padding-top: 80px; padding-bottom: 80px; } .service-four-main { padding-top: 12px; } .service-four-01 { background-color: #fff; border-radius: 15px; padding: 62px 7.26% 52px 8.43%; margin-top: 30px; } .service-four-01 .span-icon { position: relative; float: left; width: 14%; } .service-four-01 .span-icon .mg1 { display: block; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-four-01 .span-icon .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-four-01 .b-title { font-size: 20px; color: #333; line-height: 20px; padding-bottom: 26px; background: url('../images/line-08.png') left bottom no-repeat; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-four-01 .div-des { float: right; width: 75.65%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-four-01 .div-des .div-details { font-size: 16px; color: #666; line-height: 30px; margin-top: 22px; height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-four-01:hover { background-color: #546E31; } .service-four-01:hover .span-icon .mg1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .service-four-01:hover .span-icon .mg2 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .service-four-01:hover .b-title { color: #fff; background: url('../images/line-08h.png') left bottom no-repeat; } .service-four-01:hover .div-des .div-details { color: #fff; } .service-process { padding-top: 80px; padding-bottom: 80px; background-size: cover; background-attachment: fixed; background-position: center; } .service-process-01 { margin-top: 30px; } /*================================ 05_响应式网站 ================================*/ .inside-down { bottom: 180px; } .parallux { height: 100vh; } .res-banner { position: relative; /*position: fixed !important;*/ /*left: 0; top: 0; right: 0;*/ z-index: 0; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; color: #fff; } .res-banner-cont { position: absolute; left: 0; top: 75px; right: 0; bottom: 200px; } .res-banner table, .res-banner table td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } .res-banner-zi .mg-icon, .res-banner-txt2 .mg-icon { position: absolute; } .res-banner-zi img { max-width: 80%; } .res-banner-zi .mg1 { top: 32px; right: calc(100% + 33px); animation: wifi 8s infinite linear; -moz-animation: wifi 8s infinite linear; /* Firefox */ -webkit-animation: wifi 8s infinite linear; /* Safari and Chrome */ -o-animation: wifi 8s infinite linear; /* Opera */ } .res-banner-zi .mg2, .res-banner-txt2 .mg1 { left: calc(100% + 21px); top: -7px; animation: wifi 15s infinite linear; -moz-animation: wifi 15s infinite linear; /* Firefox */ -webkit-animation: wifi 15s infinite linear; /* Safari and Chrome */ -o-animation: wifi 15s infinite linear; /* Opera */ } .res-banner-zi .mg3 { left: calc(100% + 52px); bottom: -13px; animation: fragment 25s infinite linear; -moz-animation: fragment 25s infinite linear; /* Firefox */ -webkit-animation: fragment 25s infinite linear; /* Safari and Chrome */ -o-animation: fragment 25s infinite linear; /* Opera */ } .res-banner-txt1 h1 { font-size: 36px; line-height: 46px; color: #fff; margin-top: 35px; } .res-banner-txt2 { font-size: 18px; line-height: 30px; margin-top: 30px; } .res-banner-txt2>span { width: 708px; } .res-banner-txt2 .mg-icon { top: -51px; left: auto; right: calc(100% + 8px); } .res-banner-bottom { position: absolute; left: 0; right: 0; bottom: 0; background: url('../images/bg-05.jpg') center center repeat-x; padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .res-banner-bottom img { display: block !important; width: 100%; } .res-banner-bottom #container, .res-banner-bottom #anitOut { position: absolute; left: 0; top: 0; width: 100%; height: 500px; // opacity: 0; } .res-banner-bottom .container { position: relative; z-index: 10; } .res-zhongduan { padding-top: 80px; padding-bottom: 70px; background: #f5f5f5; } .res-title { font-size: 48px; line-height: 48px; color: #333; padding-bottom: 23px; background: url('../images/line-02.jpg') center bottom no-repeat; } .res-title span { color: #546E31; } .res-title.gray { color: #ccc; } .res-title-txt { width: 800px; max-width: 100%; font-size: 16px; line-height: 30px; color: #666; margin-top: 23px; } .res-title-txt.gray { color: #ccc; } .res-zhongduan .mg-pic { margin-top: 52px; } .res-adv { padding-top: 80px; padding-bottom: 95px; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } .res-adv-list li { float: left; width: 50%; padding-left: 143px; font-size: 0; margin-top: 44px; } .res-adv-list li .span-des { float: left; padding-top: 30px; } .res-adv-list li .span-img { float: left; width: 93px; margin-left: -113px; background: url('../images/res-bg3.png') center center no-repeat; background-size: cover; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .res-adv-list li .bdo-title { font-size: 20px; color: #fff; line-height: 24px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .res-adv-list li .bdo-txt { font-size: 14px; color: #999; line-height: 20px; margin-top: 4px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .res-adv-list li:nth-child(odd) { padding-left: 0; padding-right: 143px; text-align: right; } .res-adv-list li:nth-child(odd) .span-img { float: right; margin-left: 0; margin-right: -113px; } .res-adv-list li:nth-child(odd) .span-des { float: right; } .res-adv-list li:hover .span-img { background: url('../images/res-bg3h.png') center center no-repeat; } .res-adv-list li:hover .bdo-title { color: #546E31; } .res-adv-list li:hover .bdo-txt { color: #546E31; } .res-four { padding-top: 56px; padding-bottom: 73px; background-color: #f9f9f9; overflow: hidden; } .res-four-01 { text-align: center; font-size: 14px; color: #999; line-height: 22px; margin-top: 20px; } .res-four-01 .span-img, .res-four-01 .span-title, .res-four-01 .span-des { display: block; } .res-four-01 .span-title { font-size: 18px; color: #333; margin-top: 10px; line-height: 20px; } .res-four-01 .span-des { margin-top: 9px; } .res-test { padding-top: 122px; padding-bottom: 122px; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } .res-test-title { font-size: 36px; line-height: 36px; color: #333; } .res-test-form { margin-top: 30px; font-size: 0; } .res-test-form .put-01 { padding: 0 18px; background: #fff; margin: 0; outline: none; width: 300px; height: 44px; border: 2px solid #ccc; border-radius: 5px; font-size: 18px; margin: 0 10px; color: #333; display: inline-block; } .res-test-form .put-01:placeholder { color: #666; } .res-test-form .but-01 { padding: 0; border: 0; width: 136px; height: 44px; background: #546E31; border-radius: 5px; font-size: 18px; color: #fff; margin: 0 10px; display: inline-block; } .res-test-txt { font-size: 14px; color: #666; line-height: 24px; margin-top: 25px; } .res-offer { padding-top: 80px; padding-bottom: 60px; } .res-offer-01 { padding-left: 15px; padding-right: 15px; } .res-offer-a1 { display: inline-block; padding: 0 30px; background-color: #546E31; font-size: 20px; color: #fff; line-height: 60px; border-radius: 30px; } .res-offer-a1:hover { color: #fff; } .res-offer-txt { font-size: 14px; color: #666; line-height: 20px; margin-top: 11px; padding-left: 15px; padding-right: 15px; } .res-offer-phone { padding-left: 15px; padding-right: 15px; margin-top: 20px; } .res-offer-phone .b-cn { font-size: 18px; color: #4c4c4c; line-height: 28px; } .res-offer-phone .b-cn img { position: relative; top: -2px; margin-right: 9px; } .res-offer-phone .b-num { font-size: 40px; font-family: "Arial"; line-height: 40px; margin-top: 6px; } .res-offer-share { height: 36px; background: url('../images/line-03.jpg') center center repeat-x; margin-top: 20px; } .res-offer-share .bdshare-button-style2-32 { display: inline-block; height: 36px; line-height: 36px; font-size: 0; background-color: #fff; padding: 0 9px; } .res-offer-share .bdshare-button-style2-32 a { display: inline-block; margin: 0 7px; padding: 0; width: 36px; height: 36px; background-size: cover; background-repeat: no-repeat; background-position: center; text-indent: 0; line-height: 36px; } .res-offer-share .bdshare-button-style2-32 a.bds_sqq { background-image: url('../images/icon-10.png'); } .res-offer-share .bdshare-button-style2-32 a.bds_weixin { background-image: url('../images/icon-11.png'); } .res-offer-share .bdshare-button-style2-32 a.bds_tsina { background-image: url('../images/icon-12.png'); } .case-parallux, .case-parallux .case-banner { height: 50vh; } .case-banner .span-mc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); } .case-banner-cont { top: 0px; bottom: 0 !important; z-index: 2; } .case-banner .bgTxt { position: absolute; top: 0; left: 0; z-index: 2; display: flex; display: flex; overflow: hidden; box-sizing: border-box; width: 100%; height: 100%; color: #fff; text-align: left; line-height: 1.8; justify-content: center; align-items: center; align-content: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; flex-direction: column; flex-wrap: nowrap; } .case-banner .bgTxt .bgCode { display: flex; font-size: 40px; justify-content: center; align-items: center; align-content: center; flex-direction: row; flex-wrap: nowrap; } .case-banner .bgTxt .bgCode:after { padding: 0 6px; content: "|"; -webkit-animation: cursor .95s forwards infinite; animation: cursor .95s forwards infinite; } @-webkit-keyframes cursor { 0% { opacity: 0; } 49% { opacity: 0; } 50% { opacity: 1; } } @keyframes cursor { 0% { opacity: 0; } 49% { opacity: 0; } 50% { opacity: 1; } } .gradient { height: 50vh; } .case-show { padding: 1px 3.125% 60px; background: #f7f7f7; } .case-show-a1 { /*float: left;*/ width: 100%; } .case-show-a1>img { display: block; width: 100%; } .case-show-mc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, .95); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .case-show-mc img { display: block; max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-30%, -50%); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .case-show-mc .bdo-txt { position: absolute; left: 15px; right: 15px; bottom: 0; text-align: center; font-size: 16px; color: #555; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .case-show-01 { background-color: #fff; } .case-show-div1 { padding: 20px; font-size: 16px; } .case-show-div1 .div-01 { font-size: 14px; line-height: 34px; margin-top: 10px; } .case-show-div1 .div-01 .span-tag { position: absolute; right: 0; top: 0; } .case-like { float: left; width: 34px; height: 34px; border-radius: 50%; background-color: #000; text-align: center; cursor: pointer; } .case-like img { /*display: none;*/ display: inline-block; width: 16px; vertical-align: middle; position: relative; top: -2px; } .case-like.on { background-color: #28db4f; } /*================================ 06_营销型网站 ================================*/ .yx-inside-down { bottom: 20px; } .yx-banner-cont { bottom: 75px; } .yx-why { padding-top: 80px; padding-bottom: 80px; } .yx-why-word { float: left; width: 57.14%; } .yx-title { font-size: 48px; color: #333; line-height: 48px; background-image: url('../images/line-09.jpg'); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 23px; } .yx-title.gray { color: #ccc; } .yx-title.white { color: #fff; } .yx-title span { color: #546E31; } .yx-title-txt { font-size: 16px; line-height: 30px; color: #666; margin-top: 23px; width: 1100px; max-width: 96%; margin-left: auto; margin-right: auto; } .yx-title-txt-en { text-transform: uppercase; } .yx-title-txt.gray { color: #ccc; } .yx-why-word .yx-title { background-position: left bottom; } .yx-why-word .yx-title-txt { width: 100%; max-width: 100%; } .yx-why-01 { background: url('../images/yx-bg1.png') 40.5% bottom no-repeat; margin-top: 32px; padding-top: 68px; border-top: 1px solid #e5e5e5; } .yx-why-one { float: left; width: 40.5%; padding-right: 20px; margin-left: 16.45%; } .yx-why-one:first-child { margin-left: 0; } .yx-why-title { font-size: 24px; line-height: 38px; color: #333; padding-left: 38px; } .yx-why-title .b-num { position: absolute; font-size: 66px; line-height: 66px; color: #546E31; left: 0; bottom: 0; } .yx-why-title .span-txt { position: relative; z-index: 1; display: inline-block; background-color: #fff; line-height: 26px; padding-bottom: 6px; } .yx-list { margin-top: 30px; } .yx-list li { font-size: 16px; color: #666; line-height: 20px; margin-top: 26px; padding-left: 30px; background: url('../images/yx-icon7.png') left center no-repeat; } .yx-list li:first-child { margin-top: 0; } .yx-why-img { position: relative; float: right; width: 38.36%; margin-top: 40px; } .yx-why-icon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; } .yx-why-img .mg-logo { position: relative; z-index: 1; display: block; width: 100%; } .yx-why-img .mg-quan { position: absolute; width: 54%; height: 64%; left: 23%; top: 18%; z-index: 2; -moz-animation: quan 8s infinite linear; /* Firefox */ -webkit-animation: quan 8s infinite linear; /* Safari and Chrome */ -o-animation: quan 8s infinite linear; /* Opera */ animation: quan 8s infinite linear; } .yx-why-img .span-icon { position: absolute; width: 11.54%; height: auto; background-color: #fff; border-radius: 100%; z-index: 3; -webkit-box-shadow: 0 0 16px rgba(103, 103, 103, .2); -moz-box-shadow: 0 0 16px rgba(103, 103, 103, .2); box-shadow: 0 0 16px rgba(103, 103, 103, .2);/* -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;*/ } .yx-why-img .span-icon img { display: block; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .yx-why-img .span-icon .mg1h { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .yx-why-img .span-icon.on { background-color: #546E31; } .yx-why-img .span-icon.on .mg1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .yx-why-img .span-icon.on .mg1h { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .yx-why-img .span-01 { left: 18%; top: 2.88%; } .yx-why-img .span-02 { right: 18.62%; top: 2.89%; } .yx-why-img .span-03 { left: 2.42%; top: 43.11%; } .yx-why-img .span-04 { right: 2.8%; top: 43.11%; } .yx-why-img .span-05 { left: 18.24%; bottom: 2.89%; } .yx-why-img .span-06 { right: 18.24%; bottom: 2.89%; } @keyframes quan { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes quan2 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } .yx-what { padding-top: 80px; padding-bottom: 80px; background-color: #f5f5f5; } .yx-what-accordion { position: relative; margin-top: 42px; } .yx-what-accordion-01 { float: left; position: relative; /*width: 21.87%;*/ background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff;/* -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;*/ } .yx-what-accordion-01:last-child { position: absolute; right: 0; top: 0; z-index: 1; } .yx-what-accordion-01 .b-num { position: absolute; font-size: 48px; line-height: 48px; right: 34px; top: 24px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: translateX(50px); -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } .yx-what-accordion-01 .span-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, .6); } .yx-what-accordion-01 .div-mc { position: relative; height: 526px; z-index: 2; padding-top: 24px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .yx-what-accordion-01 .span-title { font-size: 24px; line-height: 30px; padding-bottom: 22px; background-image: url('../images/line-10.jpg'); background-position: left bottom; background-repeat: no-repeat; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .yx-what-accordion-01 .span-en { font-family: "Arial"; text-transform: uppercase; margin-top: 28px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .yx-what-accordion-01 .div-word1 { position: absolute; left: 7.14%; right: 7.14%; top: 24px; transform: translateX(0px); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .yx-what-accordion-01 .div-word2 { position: absolute; left: 13.33%; right: 13.33%; top: 50%; transform: translateY(-50%); text-align: center; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .yx-what-accordion-01 .div-word2 .span-title { background-position: center bottom; transform: translateY(20px); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.7s ease .7s; -moz-transition: all 0.7s ease .7s; -o-transition: all 0.7s ease .7s; transition: all 0.7s ease .7s; } .yx-what-accordion-01 .div-word2 .span-en { transform: translateY(20px); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.7s ease .8s; -moz-transition: all 0.7s ease .8s; -o-transition: all 0.7s ease .8s; transition: all 0.7s ease .8s; } .yx-what-accordion-01 .div-des { font-size: 14px; line-height: 26px; margin-top: 80px; text-align: left; transform: translateY(20px); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.7s ease .9s; -moz-transition: all 0.7s ease .9s; -o-transition: all 0.7s ease .9s; transition: all 0.7s ease .9s; } .yx-what-accordion-01.on { /*width: 34.39%;*/ } .yx-what-accordion-01.on .b-num { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateX(0); } .yx-what-accordion-01.on .div-word1 { transform: translateX(-50px); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .yx-what-accordion-01.on .div-word2 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .yx-what-accordion-01.on .div-word2 .span-title { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateY(0); } .yx-what-accordion-01.on .div-word2 .span-en { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateY(0); } .yx-what-accordion-01.on .div-des { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateY(0); } .yx-adv { padding-top: 80px; padding-bottom: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .yx-adb-list { margin-top: 50px; } .yx-adb-list li { position: relative; float: left; width: 50%; padding-left: 72px; font-size: 14px; line-height: 24px; margin-bottom: 60px; } .yx-adb-list li:nth-child(odd) { padding-left: 0; padding-right: 72px; } .yx-adb-list li .span-num { position: relative; float: left; width: 68px; height: 83px; line-height: 80px; padding-top: 1px; padding-left: 19px; text-align: center; margin-right: 20px; font-size: 24px; color: #fff; font-family: "Arial"; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .yx-adb-list li .span-num::before, .yx-adb-list li .span-num::after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; } .yx-adb-list li .span-num::before { background-image: url('../images/yx-bg3.png'); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .yx-adb-list li .span-num::after { background-image: url('../images/yx-bg4.png'); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .yx-adb-list li .b1 { display: block; font-size: 20px; margin-bottom: 3px; padding-top: 6px; color: #ccc; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .yx-adb-list li .span-des { color: #999; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .yx-gn { padding-top: 80px; } .yx-gn-list { margin-top: 42px; } .yx-gn-01 { float: left; width: 20%; text-align: center; background-color: #f7f7f7; padding-top: 38px; padding-bottom: 33px; font-size: 16px; color: #333; } .yx-gn-01:nth-child(odd) { background-color: #f0f0f0; } .yx-gn-01 .span-img { -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .yx-gn-01 .span-en { font-size: 18px; color: #999; line-height: 24px; font-family: "Arial"; margin-top: 17px; } .yx-gn-01 .span-en, .yx-gn-01 .span-cn { padding-left: 16%; padding-right: 16%; margin-top: 9px; } /*================================ 07_手机网站 ================================*/ .phone-main .yx-title-txt { width: 790px; } .phone-why { padding-top: 80px; padding-bottom: 80px; font-size: 0; } .phone-why-cont { margin-top: 43px; } .phone-why-01 { position: relative; display: inline-block; width: 133px; font-size: 16px; line-height: 16px; cursor: pointer; padding-top: 48px; margin: 0 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .phone-why-01::before { content: " "; position: absolute; top: 0; right: 50%; width: 300px; height: 1px; background-color: #e5e5e5; } .phone-why-01:first-child::before, .phone-why-01:nth-child(2)::before { left: 50%; right: auto; } .phone-why-01::after { content: " "; position: absolute; left: 50%; top: 0; width: 1px; height: 38px; background-color: #e5e5e5; } .phone-why-01 .span-img { width: 100%; background: url('../images/phone-bg1.png'); background-size: cover; margin-bottom: 20px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .phone-why-01 .span-img img { display: block; width: 100%; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .phone-why-01 .span-img .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .phone-adv { padding-top: 80px; padding-bottom: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .phone-adv .row { margin-left: -22px; margin-right: -22px; } .phone-adv .row>div { padding-left: 22px; padding-right: 22px; } .phone-adv-01 { margin-top: 73px; width: 100%; height: 140px; background: url('../images/phone-bg3.png') center center repeat; background-size: cover; border-radius: 8px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .phone-adv-01 .b-num { position: absolute; left: 50%; transform: translate(-50%, -50%); width: 58px; height: 58px; line-height: 58px; font-size: 24px; color: #fff; text-align: center; background: url('../images/phone-bg2.png') center center repeat; background-size: cover; font-family: "Arial"; font-weight: normal; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .phone-adv-01 table, .phone-adv-01 table td { width: 100%; height: 100%; vertical-align: middle; text-align: center; word-wrap: break-word; word-break: normal; } .phone-adv-01 .div-txt { padding-left: 15px; padding-right: 15px; } .phone-solution { padding-top: 80px; padding-bottom: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .phone-solution-cont { padding-left: 8.33%; padding-right: 8.33%; } .phone-solution-cont .row { margin-left: -25px; margin-right: -25px; } .phone-solution-cont .row>div { padding-left: 25px; padding-right: 25px; } .phone-solution-01 { width: 100%; height: 312px; font-size: 14px; color: #333; line-height: 24px; background: url('../images/phone-bg3.png') center center repeat; padding: 30px 15% 0; margin-top: 25px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .phone-solution-01 .span-img { position: relative; width: 90px; background-color: #fff; border-radius: 50%; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .phone-solution-01 .span-img img { display: block; width: 100%; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .phone-solution-01 .span-img .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .phone-solution-01 .div-title { font-size: 18px; margin-top: 19px; } .phone-solution-01 .div-des { margin-top: 18px; } .phone-show { padding-top: 80px; padding-bottom: 95px; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } .phone-show-01 { margin-top: 40px; } .phone-show .row { margin-left: -40px; margin-right: -40px; } .phone-show .row>div { padding-left: 40px; padding-right: 40px; } .phone-show-01 img { width: 100%; } .phone-show-01 .mg1 { position: absolute; left: 0; top: 0; } /*================================ 08_电商网站 ================================*/ .ds-system { padding-top: 80px; padding-bottom: 80px; } .ds-system-cont { margin-top: 62px; font-size: 16px; line-height: 24px; color: #666; height: 344px; } .ds-system-01 { float: left; width: 20%; height: 324px; padding: 68px 20px 0; background-color: #f7f7f7; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ds-system-01 .div-title { font-size: 48px; color: #222; line-height: 48px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ds-system-01 .div-des { border-top: 1px solid #dfdfdf; margin-top: 38px; padding: 25px 0 0; position: relative; z-index: 3; } .ds-system-01 .div-num { font-family: "Arial"; font-weight: bold; font-size: 150px; line-height: 150px; color: #e7e7e7; position: absolute; left: 50%; bottom: -73px; transform: translateX(-50%); } .ds-system-01:nth-child(even) { background-color: #f0f0f0; } .ds-system-01:nth-child(even) .div-num { color: #e7e7e7; } .ds-system-01:nth-child(2) { padding-top: 57px; } .ds-system-01:nth-child(2) .div-title { font-size: 30px; line-height: 36px; } .ds-system-01:nth-child(2) .div-des { margin-top: 25px; } .ds-feilei { padding-top: 80px; padding-bottom: 80px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } .ds-feilei-title { float: left; width: 390px; background-color: #fff; margin-left: 5px; } .ds-feilei-title .span-01 { font-size: 16px; color: #666; line-height: 84px; border-top: 1px solid #eee; padding-left: 80px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ds-feilei-title .span-01:first-child { border-top: none; } .ds-feilei-title .span-01 .bdo-icon { margin-right: 10px; } .ds-feilei-title .span-01 .bdo-icon .mg1 { display: inline-block; } .ds-feilei-title .span-01 .bdo-icon .mg2 { display: none; } .ds-feilei-title .span-01.on { padding-left: 85px; margin-left: -5px; background-color: #546E31; color: #fff; } .ds-feilei-title .span-01.on .bdo-icon .mg1 { display: none; } .ds-feilei-title .span-01.on .bdo-icon .mg2 { display: inline-block; } .ds-feilei-nr { float: left; margin-left: 82px; font-size: 22px; color: #ccc; line-height: 36px; width: 795px; } .ds-feilei-nr-01 { display: none; } .ds-feilei-nr-01:first-child { display: block; } .ds-feilei-nr .div-title { font-size: 48px; line-height: 48px; padding-bottom: 22px; background: url('../images/line-11.jpg') left bottom no-repeat; opacity: 0; } .ds-feilei-nr .div-des { margin-top: 22px; opacity: 0; } .ds-feilei-nr .div-title2 { font-size: 36px; line-height: 36px; margin-top: 86px; opacity: 0; } .ds-feilei-nr .div-des2 { margin-top: 24px; opacity: 0; } .ds-feilei-nr-01.on .div-title { animation: fadeInUp .5s 1 linear both; -moz-animation: fadeInUp .5s 1 linear both; /* Firefox */ -webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */ -o-animation: fadeInUp .5s 1 linear both; /* Opera */ } .ds-feilei-nr-01.on .div-des { animation: fadeInUp .5s 1 linear both; -moz-animation: fadeInUp .5s 1 linear both; /* Firefox */ -webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */ -o-animation: fadeInUp .5s 1 linear both; /* Opera */ } .ds-feilei-nr-01.on .div-title2 { animation: fadeInUp .5s 1 linear both; -moz-animation: fadeInUp .5s 1 linear both; /* Firefox */ -webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */ -o-animation: fadeInUp .5s 1 linear both; /* Opera */ } .ds-feilei-nr-01.on .div-des2 { animation: fadeInUp .5s 1 linear both; -moz-animation: fadeInUp .5s 1 linear both; /* Firefox */ -webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */ -o-animation: fadeInUp .5s 1 linear both; /* Opera */ } .ds-model { padding-top: 80px; padding-bottom: 80px; } .ds-model::before, .ds-model::after { content: " "; position: absolute; top: 216px; left: 0; right: 0; bottom: 0; } .ds-model::before { background: url('../images/ds-bg2.png') center top repeat; animation: wifi 5s infinite linear; -moz-animation: wifi 5s infinite linear; /* Firefox */ -webkit-animation: wifi 5s infinite linear; /* Safari and Chrome */ -o-animation: wifi 5s infinite linear; /* Opera */ } .ds-model::after { background: url('../images/ds-bg3.png') center top repeat; animation: wifi 5s 2.5s infinite linear; -moz-animation: wifi 5s 2.5s infinite linear; /* Firefox */ -webkit-animation: wifi 5s 2.5s infinite linear; /* Safari and Chrome */ -o-animation: wifi 5s 2.5s infinite linear; /* Opera */ } .ds-model>div { position: relative; z-index: 10; } .ds-model-cont { padding-top: 12px; margin-left: -14px; margin-right: -14px; } .ds-model-01 { float: left; width: 20%; padding-left: 14px; padding-right: 14px; margin-top: 30px; } .ds-model-div1 { position: relative; top: 0; padding-top: 50px; padding-bottom: 50px; background-color: #fff; -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 14px rgba(0, 0, 0, .1); box-shadow: 0 0 14px rgba(0, 0, 0, .1); border-radius: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ds-model-div1 .span-img { width: 58px; } .ds-model-div1 .span-img img { display: block; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ds-model-div1 .span-img .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .ds-model-div1 .span-txt { margin-top: 30px; font-size: 18px; line-height: 18px; text-align-last: center; margin-left: 10px; margin-right: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ds-tool { padding-top: 80px; padding-bottom: 80px; background-color: #272829; margin-top: -27px; } .ds-tool-01 { float: left; width: 20%; text-align: center; margin-top: 80px; } .ds-tool-div1 { width: auto; margin-left: auto; margin-right: auto; } .ds-tool-div1 .span-txt { font-size: 16px; color: #fff; margin-top: 30px; } /*================================ 09_小程序 ================================*/ .xcx-what { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 42px; background-color: #fff; } .xcx-what-01 { margin-top: 43px; } .xcx-what-txt { position: absolute; width: 202px; height: 202px; border-radius: 50%; border: 1px solid #e7e7e7; background-color: #fff; text-align: center; font-size: 14px; color: #666; line-height: 26px; padding: 37px 15px 0; } .xcx-what-txt .b-title { font-size: 20px; color: #546E31; font-weight: bold; margin-bottom: 12px; } .xcx-what-txt1 { left: 3.33%; top: 10px; } .xcx-what-txt2 { right: 3.33%; top: 10px; } .xcx-what-txt3 { left: 13.75%; bottom: 36px; } .xcx-what-txt4 { right: 13.75%; bottom: 36px; } .xcx-yy { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 80px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .xcx-yy-cont { margin-top: 42px; } .xcx-yy-01 { position: relative; z-index: 3; float: left; width: 20%; background-color: #fff; text-align: center; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1); box-shadow: 0 0 20px rgba(0, 0, 0, .1); } .xcx-yy-01 .div-01 { background-color: #f5f5f5; text-align: center; font-size: 24px; line-height: 24px; color: #333; padding-top: 54px; padding-bottom: 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .xcx-yy-01 .span-img { width: 138px; margin-bottom: 20px; } .xcx-yy-01 .span-img img { display: block; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .xcx-yy-01 .span-img .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .xcx-yy-01 .div-02 { font-size: 16px; color: #666; padding: 43px 28px 42px; } .xcx-yy-01:nth-child(2), .xcx-yy-01:nth-child(4) { margin-top: 20px; z-index: 2; } .xcx-yy-01:nth-child(2) .div-01, .xcx-yy-01:nth-child(4) .div-01 { padding: 40px 0 35px; } .xcx-yy-01:nth-child(2) .div-02, .xcx-yy-01:nth-child(4) .div-02 { padding-top: 35px; padding-bottom: 35px; } .xcx-yy-01:first-child, .xcx-yy-01:last-child { margin-top: 40px; z-index: 1; } .xcx-yy-01:first-child .div-01, .xcx-yy-01:last-child .div-01 { padding: 25px 0 20px; } .xcx-yy-01:first-child .div-02, .xcx-yy-01:last-child .div-02 { padding-top: 28px; padding-bottom: 28px; } .xcx-tg { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 80px; background-color: #f7f7f7; } .xcx-tg-cont { padding-top: 20px; } .xcx-tg-01 { float: left; width: 20%; padding-left: 15px; padding-right: 15px; margin-top: 30px; } .xcx-tg-div1 { padding-top: 40px; padding-bottom: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 14px rgba(0, 0, 0, .1); box-shadow: 0 0 14px rgba(0, 0, 0, .1); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .xcx-tg-div1 .div-name { font-size: 18px; color: #333; line-height: 18px; margin-top: 30px; } .xcx-tg-div1 .div-des { font-size: 14px; line-height: 24px; color: #666; height: 48px; margin-top: 9px; padding-left: 15px; padding-right: 15px; } .xcx-why { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 80px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .xcx-why-cont { margin-top: 46px; margin-left: -20px; margin-right: -20px; } .xcx-why-01 { position: relative; float: left; width: 25%; padding-left: 21px; padding-right: 21px; } .xcx-why-01::before, .xcx-why-01::after { content: " "; position: absolute; z-index: 3; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .xcx-why-01::before { right: 57px; top: -1px; width: 76px; height: 88px; background: url('../images/xcx-icon16.png') center center no-repeat; background-size: cover; } .xcx-why-01::after { right: 0; top: -4px; width: 42px; height: 49px; background: url('../images/xcx-icon17.png') center center no-repeat; background-size: cover; } .xcx-why-div1 { width: 326px; height: 368px; min-width: 100%; padding: 128px 32px 0; background-image: url('../images/xcx-bg3.png'); background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .xcx-why-div1 .b-title { font-size: 36px; color: #546E31; line-height: 36px; } .xcx-why-div1 .span-name { font-size: 20px; color: #333; line-height: 20px; margin-top: 6px; } .xcx-why-div1 .span-des { font-size: 16px; color: #666; line-height: 28px; min-height: 56px; padding-bottom: 22px; background: url('../images/line-12.jpg') bottom center no-repeat; margin-top: 22px; } .xcx-how { position: relative; padding-top: 80px; padding-bottom: 80px; /*background: url('../images/xcx-bg4.jpg') center center no-repeat;*/ background-size: cover; } #linecanvas { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } .xcx-how .container { position: relative; z-index: 1; } .xcx-how .yx-title { background: none; padding-bottom: 0; } .xcx-how-title { font-size: 0; margin-top: 50px; } .xcx-how-title .span-01 { display: inline-block; border-bottom: 1px solid #e6e6e6; } .xcx-how-title .bdo-01 { display: inline-block; font-size: 24px; color: #333; line-height: 24px; padding-bottom: 22px; margin: 0 45px; cursor: pointer; } .xcx-how-title .bdo-01:first-child { margin-left: 0; } .xcx-how-title .bdo-01:last-child { margin-right: 0; } .xcx-how-title .bdo-01.on { padding-bottom: 20px; color: #546E31; border-bottom: 2px solid #546E31; } .xcx-nr { position: relative; margin-top: 43px; } .xcx-nr-01 { position: absolute; left: 0; top: 0; right: 0; visibility: hidden; } .xcx-nr-01.on { position: relative; left: 0; top: 0; visibility: visible; z-index: 1; } .xcx-how-owl { position: relative; padding-left: 130px; padding-right: 130px; } .xcx-how-owl .owl-nav button.owl-prev, .xcx-how-owl .owl-nav button.owl-next { position: absolute; top: 50%; margin-top: -38px; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 0; width: 76px; height: 76px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .xcx-how-owl .owl-nav button.owl-prev { left: 0; background-image: url('../images/xcx-arrow-left1.png'); } .xcx-how-owl .owl-nav button.owl-next { right: 0; background-image: url('../images/xcx-arrow-right1.png'); } .xcx-how-owl .owl-nav button.owl-prev:hover { background-image: url('../images/xcx-arrow-left1h.png'); } .xcx-how-owl .owl-nav button.owl-next:hover { background-image: url('../images/xcx-arrow-right1h.png'); } .xcx-how-01 .mg1, .xcx-how-01 .mg-mc { position: absolute; left: 0; top: 0; } .xcx-how-01 .mg-mc { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .xcx-how-01 .div-mc { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); color: #fff; font-size: 18px; line-height: 18px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .xcx-how-01 .div-mc img { width: auto; margin: 20px auto; } .xcx-how-01 .div-mc .span-01 { font-size: 14px; line-height: 14px; } .xcx-how .div-link { font-size: 0; margin-top: 34px; } .xcx-how .div-link a { display: inline-block; font-size: 20px; color: #fff; background-color: #909090; margin: 0 20px; line-height: 60px; border-radius: 50px; padding: 0 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .xcx-how .div-link a:first-child { background-color: #546E31; } /*================================ 10_APP ================================*/ .app-banner { text-align: left; } .app-banner .div-cn { font-size: 48px; line-height: 48px; } .app-banner .div-cn2 { font-size: 20px; line-height: 30px; margin-top: 30px; } .app-banner .div-tips { font-size: 0; margin-top: 30px; } .app-banner .div-tips .span-01 { display: inline-block; font-size: 16px; line-height: 38px; border: 1px solid #fff; min-width: 160px; padding-left: 15px; padding-right: 15px; text-align: center; margin: 0 11px; } .app-banner .div-tips .span-01:first-child { margin-left: 0; } .app-banner .div-tips .span-01:last-child { margin-right: 0; } .app_development { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 80px; font-size: 0; background-color: #fff; } .app-development-word { /* float: left; */ display: inline-block; vertical-align: middle; width: 49.2%; } .app-development-word .yx-title { background-position: left bottom; } .app-development-txt { width: 100%; text-align: justify; font-size: 16px; color: #666; line-height: 40px; margin-top: 48px; } .app-development-word .div-tips { font-size: 0; text-align-last: justify; margin-top: 38px; } .app-development-word .div-tips .span-01 { display: inline-block; text-align: right; font-size: 16px; line-height: 16px; color: #333; } .app-development-word .div-tips .span-01 .mg-icon { float: right; margin-bottom: 15px; } .app-development-word .div-zixun { font-size: 0; margin-top: 50px; } .app-development-word .div-zixun a { display: block; width: 240px; height: 60px; text-align: center; line-height: 60px; background-color: #546E31; font-size: 16px; color: #fff; } .app-development-word .div-zixun a img { margin-right: 18px; } .app-development-img { /* float: right; */ display: inline-block; vertical-align: middle; width: 44.5%; margin-left: 6.3%; } .app-development-img img { display: block; width: 100%; } .app-development-img .mg2, .app-development-img .mg3, .app-development-img .mg4 { top: 0; left: 0; } .app-development-img .mg2 { animation: ball ease-out 5s 0.2s infinite; } .app-development-img .mg3 { animation: wifi ease-out 5s 0.4s infinite; } .app-development-img .mg4 { animation: ball ease-out 5s 0.6s infinite; } .app-why { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 80px; background-attachment: fixed; background-size: cover; background-position: center; } .app-why .yx-title-txt { width: 1240px; } .app-why-01 { margin-top: 40px; background-color: #fff; } .app-why-tabs { float: left; width: 26.42%; } .app-why-tabs .span-01 { position: relative; display: block; background-color: #f7f7f7; font-size: 18px; color: #333; padding-left: 25.1%; height: 85px; line-height: 85px; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-why-tabs .span-01:nth-child(even) { background-color: #f0f0f0; } .app-why-tabs .span-01::before { content: " "; position: absolute; left: 100%; top: 50%; transform: translate(-30px, -50%); width: 10px; height: 22px; background: url('../images/app-icon10.png') center center no-repeat; background-size: cover; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-why-tabs .bdo-icon { position: relative; display: inline-block; margin-right: 12px; top: -2px; } .app-why-tabs .bdo-icon .mg1 { display: inline-block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-why-tabs .bdo-icon .mg1h { display: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-why-tabs .span-01.on { background-color: #546E31; color: #fff; } .app-why-tabs .span-01.on::before { transform: translate(0, -50%); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .app-why-tabs .span-01.on .bdo-icon .mg1 { display: none; } .app-why-tabs .span-01.on .bdo-icon .mg1h { display: inline-block; } .app-why-nr { position: absolute; top: 0; right: 0; bottom: 0; width: 73.58%; } .app-why-nr table, .app-why-nr table td { width: 100%; height: 100%; vertical-align: middle; } .app-why-nr-01 { padding-left: 4.854%; padding-right: 4.854%; font-size: 0; display: none; overflow: hidden; } .app-why-nr-01 .mg-num { position: absolute; right: 0; top: 0; width: 12.8%; } .app-why-nr-01 .div-img { display: inline-block; vertical-align: middle; width: 45.8%; } .app-why-nr-01 .div-img img { display: block; width: 100%; } .app-why-nr-01 .div-word { display: inline-block; vertical-align: middle; width: 50%; margin-left: 4.2%; font-size: 14px; line-height: 26px; color: #666; text-align: justify; } .app-why-nr-01 .div-word .b-title { font-size: 24px; color: #333; margin-bottom: 22px; } .app-why-nr-01.on { display: block; } .app-why-nr-01.on .div-img img { animation: zoomIn .5s linear 0s 1 alternate both; } .app-why-nr-01.on .div-word { animation: fadeInUp .5s linear 0s 1 alternate both; } .app-adv { position: relative; z-index: 1; background-color: #fff; padding-top: 80px; padding-bottom: 80px; } .app-adv .yx-title-txt { width: 100%; max-width: 100%; } .app-adv-main { margin-top: 74px; } .app-adv-01 { position: relative; float: left; width: 33.33%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-adv-01:nth-child(2) { z-index: 2; } .app-adv-cont { padding: 30px 60px 28px; font-size: 14px; line-height: 26px; background-color: #fff; -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .13); -moz-box-shadow: 0 0 13px rgba(0, 0, 0, .13); box-shadow: 0 0 13px rgba(0, 0, 0, .13); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-adv-cont .span-img { margin-bottom: 20px; } .app-adv-cont .span-img img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-adv-cont .span-img .mg1h { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .app-adv-cont .span-title { font-size: 24px; color: #333; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-adv-cont .div-des { margin-top: 24px; height: 104px; color: #666; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-whychoose { position: relative; z-index: 1; padding-top: 80px; padding-bottom: 80px; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; } .app-whychoose .yx-title-txt { width: 800px; } .app-whychoose .row { margin-left: -12px; margin-right: -12px; padding-top: 12px; } .app-whychoose .row>div { padding-left: 12px; padding-right: 12px; } .app-whychoose-01 { margin-top: 25px; background-color: #fff; text-align: center; padding: 35px 15px 12px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-whychoose-01 .span-img { width: 58px; } .app-whychoose-01 .span-img img { width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-whychoose-01 .span-img .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .app-whychoose-01 .div-title { font-size: 24px; color: #333; line-height: 34px; margin-top: 15px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-whychoose-01 .div-des { font-size: 14px; color: #666; line-height: 20px; height: 40px; margin-top: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-process { position: relative; z-index: 1; background-color: #fff; padding-top: 80px; padding-bottom: 80px; } .app-process-main { position: relative; } .app-process-main::before { content: " "; position: absolute; left: 0; right: 0; bottom: 56px; height: 3px; background-color: #e6e6e6; } .app-process-01 { position: relative; z-index: 2; font-size: 0; text-align: center; margin-top: 40px; } .app-process-div1 { display: inline-block; width: 80px; font-size: 16px; color: #666; line-height: 16px; margin: 0 3.57%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-process-div1 .span-img { width: 80px; background-image: url('../images/app-bg3.png'); -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .app-process-div1 .span-img img { width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-process-div1 .span-img .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .app-process-div1 .span-icon { width: 26px; height: 26px; background-image: url('../images/app-icon26.png'); -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 30px auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-show { background-color: #f7f7f7; } .app-case { padding-top: 80px; padding-bottom: 80px; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; } /*================================ 11_案例 ================================*/ .case-title { margin-top: 35px; margin-bottom: 35px; } .case-title .span-cn { font-size: 34px; line-height: 34px; color: #333; padding-bottom: 15px; background: url('../images/line-04.jpg') left bottom no-repeat; } .case-title .span-en { font-size: 16px; color: #666; line-height: 16px; margin-top: 10px; text-transform: uppercase; } .case-leibie { position: absolute; right: 0; bottom: 3px; text-align: right; font-size: 0; } .case-leibie a { display: inline-block; font-size: 14px; color: #888; margin-left: 33px; } .case-leibie a.on { color: #546E31; } /*================================ 12_案例详情 ================================*/ .case-details-banner { position: relative; } .case-details-banner .img-box { position: absolute; z-index: 98; transition: all .7s; } .case-details-banner .img-box .img-s { position: absolute; left: 0; top: 0; } .case-details-banner .img-box.img-pc { width: 48%; left: 26%; bottom: 6%; } .case-details-banner .img-box.img-pc img { transition: all .7s; } .case-details-banner .img-box.img-pc:hover img { transform: scale(1.1); } .case-details-banner .img-box.img-mobile { width: 9%; left: 19%; bottom: 6%; } .case-details-banner .img-box.img-mobile:hover { margin-left: -25px; } .case-details-banner .img-box.img-pad { width: 19%; right: 18%; bottom: 5%; } .case-details-banner .img-box.img-pad:hover { margin-right: -25px; } .case-details-banner img { display: block; } .case-details-cont { position: relative; background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; padding: 80px 4.1% 50px 30.2%; } .case-details-word { position: absolute; left: 0; top: 0; bottom: auto; width: 26%; height: 100vh; background-color: #fff; } .case-details-word.on { position: fixed; left: 0; top: 0; bottom: auto; } .case-details-word.on.on2 { position: absolute; top: auto; bottom: 0; } .case-details-page { position: absolute; left: 0; right: 0; bottom: 0; padding-left: 10%; padding-right: 10%; background-color: #f5f5f5; line-height: 70px; } .case-details-page a { font-size: 14px; color: #666; } .case-details-page .a-return { width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; } .case-details-nr { padding-left: 10%; padding-right: 10%; } .case-details-title { border-left: 3px solid #546E31; padding-left: 20px; margin-top: 85px; } .case-details-title .span-name { font-size: 30px; line-height: 34px; color: #333; } .case-details-title .span-link { font-size: 14px; color: #999; line-height: 16px; margin-top: 25px; } .case-details-art { position: absolute; left: 10%; right: 10%; top: 200px; bottom: 96px; font-size: 14px; line-height: 30px; color: #666; text-align: justify; } .case-details-art .b-title { font-size: 16px; color: #546E31; margin-bottom: 15px; margin-top: 37px; text-align: left; } .case-details-art .b-title:first-child { margin-top: 0; } .case-details-art .b-title span { display: inline-block; } .public-scroll .mCSB_scrollTools .mCSB_draggerRail { width: 1px; background-color: rgba(0, 0, 0, .1); } .public-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; background-color: #546E31; } .case-love { width: 85px; margin-top: 40px; font-size: 18px; color: #28db4f; line-height: 18px; } .case-love .span-icon { width: 85px; margin-bottom: 16px; } .like { margin-top: 50px; text-align: center; } .like a { display: inline-block; } .like small { display: block; width: 85px; height: 85px; line-height: 85px; text-align: center; font-size: 0; margin: auto; background-image: url('../images/like-bg1.png'); background-size: cover; border-radius: 100%; position: relative; z-index: 1; } .like small:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(116, 204, 77, .5); border-radius: 100%; animation: like 1.7s ease 0s infinite; -webkit-animation: like 1.7s ease 0s infinite; -moz-animation: like 1.7s ease 0s infinite; -o-animation: like 1.7s ease 0s infinite; } .like small i { display: block; width: 100%; height: 100%; position: relative; border-radius: 100%; } .like small img { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .like small img:nth-child(2) { opacity: 0; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @keyframes like { 0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0; } } @-webkit-keyframes like { 0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0; } } @-moz-keyframes like { 0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0; } } @-o-keyframes like { 0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0; } } .like-img { margin-bottom: 20px; cursor: pointer; } .like-sp span { font-size: 16px; color: #28db4f; padding-left: 5px; } .like small:after { background-color: rgba(40, 219, 79, .5); } .like.active small { background-image: none; background-color: #fff; } .like.active small:after { background-color: rgba(255, 255, 255, .5); } .like.active small img { opacity: 0; } .like.active small img:nth-child(2) { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .layui-layer-btn .layui-layer-btn0 { border-color: #28db4f !important; background-color: #28db4f !important; } /*================================ 13_策划01 ================================*/ .plan-banner { /* padding-top: 244px; padding-bottom: 298px; */ padding-top: 12.8%; padding-bottom: 15%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .plan-banner-owl { padding-left: 75px; padding-right: 75px; } .plan-banner-owl .owl-stage { margin: 0 auto; } .plan-banner-owl .owl-nav button.owl-next, .plan-banner-owl .owl-nav button.owl-prev { font-size: 0; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; background-size: cover; border-radius: 50%; } .plan-banner-owl .owl-nav button.owl-prev { left: 0; background-image: url('../images/plan-arrow-left.png'); } .plan-banner-owl .owl-nav button.owl-next { right: 0; background-image: url('../images/plan-arrow-right.png'); } .plan-banner-a1 { font-size: 16px; color: #333; line-height: 16px; background-color: rgba(255, 255, 255, .9); text-align: center; padding: 34px 15px; } .plan-banner-a1 .span-img { width: 40px; max-width: 100%; margin-bottom: 15px; } .plan-banner-a1 .span-img img { width: 100%; } .plan-banner-a1 .span-img .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .plan-banner-a1.on { background-color: #546E31; color: #fff; } .plan-banner-a1.on .span-img .mg1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .plan-banner-a1.on .span-img .mg2 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .plan-intro { position: relative; z-index: 10; padding-bottom: 80px; margin-top: -130px; font-size: 0; } .plan-intro-img { /* float: left; */ display: inline-block; vertical-align: middle; width: 50.71%; } .plan-intro-img img { width: 100%; } .plan-intro-word { /* float: right; */ display: inline-block; vertical-align: middle; width: 52.5%; margin-left: -3.21%; background-color: #fff; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1); box-shadow: 0 0 6px rgba(0, 0, 0, .1); padding: 40px 40px 57px; } .plan-intro-word .div-title { font-size: 30px; color: #333; line-height: 30px; } .plan-intro-owl .owl-dots { margin-top: 14px; text-align: right; } .plan-intro-owl .owl-dots .owl-dot { width: 12px; height: 12px; background-color: #ccc; border-radius: 50%; margin-left: 9px; } .plan-intro-owl .owl-dots .owl-dot.active { background-color: #546E31; } .plan-intro-01 .span-title { font-size: 20px; color: #666; line-height: 20px; margin-top: 22px; } .plan-intro-01 .div-des { font-size: 14px; color: #666; line-height: 24px; height: 120px; overflow: auto; margin-top: 16px; } .plan-intro-a1 { position: absolute; left: 50%; bottom: -29px; transform: translateX(-50%); background-color: #546E31; height: 60px; line-height: 60px; font-size: 20px; color: #fff; padding: 0 30px; border-radius: 30px; } .plan-intro-a1:hover { background-color: #546E31; color: #fff; } .plan-gnjs { background-color: #f7f7f7; padding-bottom: 67px; } .plan-gnjs-top { position: relative; padding-top: 67px; padding-bottom: 60px; background-position: center; background-repeat: repeat; font-size: 0; } .plan-gnjs-top .span-bg { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 59.375%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .plan-gnjs-word { position: relative; z-index: 2; display: inline-block; vertical-align: middle; width: 55%; font-size: 16px; color: #666; line-height: 30px; } .plan-gnjs-word .yx-title { background-position: left bottom; } .plan-gnjs-word .div-des { margin-top: 32px; } .plan-gnjs-word .span-01 { color: #546E31; } .plan-gnjs-circle { display: inline-block; vertical-align: middle; width: 37.2%; margin-left: 7.8%; } .plan-gnjs-01 { width: 369px; max-width: 100%; margin-left: auto; margin-right: auto; color: #fff; } .plan-gnjs-01 .span-01 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 12px; } .plan-gnjs-01 .span-01 .b-title { display: block; font-size: 20px; line-height: 20px; margin-bottom: 5px; } .plan-gnjs-01 .div-lauguage { position: absolute; left: 0; top: 0; right: 0; bottom: 0; -moz-animation: pointer 20s infinite linear; /* Firefox */ -webkit-animation: pointer 20s infinite linear; /* Safari and Chrome */ -o-animation: pointer 20s infinite linear; /* Opera */ animation: pointer 20s infinite linear; } .plan-gnjs-01 .span-lauguage { position: absolute; width: 76px; height: 76px; background-image: url('../images/plan-bg3.png'); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; font-size: 14px; line-height: 20px; text-align: center; -moz-animation: pointer2 20s infinite linear; /* Firefox */ -webkit-animation: pointer2 20s infinite linear; /* Safari and Chrome */ -o-animation: pointer2 20s infinite linear; /* Opera */ animation: pointer2 20s infinite linear; } .plan-gnjs-01 .span-lauguage bdo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .plan-gnjs-01 .span-l1 { top: 2.16%; left: 54%; } .plan-gnjs-01 .span-l2 { top: 55.3%; right: 0; } .plan-gnjs-01 .span-l3 { bottom: 2.16%; left: 26.8%; } .plan-gnjs-01 .span-l4 { top: 30.35%; left: 0; } .plan-gnjs-bottom { padding: 50px 32px 0; } .plan-gnjs-02 { font-size: 0; text-align: justify; text-align-last: justify; } .plan-gnjs-02:after { content: " "; display: inline-block; width: 100%; } .plan-gnjs-div1 { display: inline-block; width: 180px; text-align-last: left; } .plan-gnjs-div1 .div-top { position: relative; font-size: 24px; line-height: 24px; color: #333; padding-bottom: 14px; background: url('../images/plan-line1.png') center bottom no-repeat; -webkit-background-size: 100%; background-size: 100%; } .plan-gnjs-div1 .div-top .mg-icon { position: absolute; right: 0; top: 0; } .plan-gnjs-div1 .div-txt { font-size: 14px; line-height: 14px; color: #333; text-align-last: right; margin-top: 10px; } .plan-gnjs-03 { font-size: 0; margin-top: 50px; text-align: justify; text-align-last: justify; } .plan-gnjs-03:after { content: " "; display: inline-block; width: 100%; } .plan-gnjs-div2 { display: inline-block; vertical-align: top; text-align-last: left; font-size: 16px; line-height: 26px; color: #333; } .plan-gnjs-div2 .b-title { display: block; width: 158px; height: 46px; line-height: 46px; text-align: center; text-align-last: center; background-color: #546E31; color: #fff; border-radius: 5px; } .plan-gnjs-div2 .div-01 { position: relative; margin-left: 40px; padding-top: 13px; } .plan-gnjs-div2 .div-01::before { content: " "; position: absolute; left: 0; top: 0; bottom: 13px; width: 1px; background-color: #546E31; } .plan-gnjs-div2 .div-01 .span-01 { position: relative; padding-left: 40px; margin-top: 10px; font-size: 16px; color: #333; } .plan-gnjs-div2 .div-01 .span-01::before { content: " "; position: absolute; left: 0; top: 50%; width: 32px; height: 1px; transform: translateY(-50%); background-color: #546E31; } .plan-tsgn { padding-top: 80px; padding-bottom: 80px; } .plan-tsgn-main { padding-top: 20px; } .plan-tsgn-01 { padding: 35px 18px 32px; border: 2px solid #f5f5f5; margin-top: 30px; } .plan-tsgn-01 .span-img { float: left; margin-right: 10px; } .plan-tsgn-01 .div-des { font-size: 14px; line-height: 24px; color: #666; } .plan-tsgn-01 .div-des .div-title { font-size: 20px; line-height: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .plan-tsgn-01 .div-des .div-details { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px; } .plan-gnjs-des { position: fixed; width: 326px; height: 288px; border: 2px solid #546E31; background-color: #fff; } .plan-gnjs-des .div-nr { padding: 50px 25px 0; } .plan-gnjs-des .b-title { font-size: 20px; line-height: 20px; color: #333; text-align: center; padding-bottom: 21px; background: url('../images/line-13.jpg') center bottom no-repeat; } .plan-gnjs-des .des { font-size: 14px; line-height: 24px; margin-top: 14px; } .plan-adv { padding-top: 80px; padding-bottom: 50px; -webkit-background-size: cover; background-size: cover; background-position: center center; background-attachment: fixed; } .plan-adv-cont { margin-top: 70px; height: 450px; } .plan-adv-01 { float: left; width: 25%; padding-bottom: 53px; background-color: #fff; margin-top: 0; } .plan-adv-01:nth-child(even) { background-color: #f0f0f0; } .plan-adv-01 .div-top { padding: 43px 43px 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .plan-adv-01 .span-img { width: 90px; max-width: 90%; border-radius: 50%; background-color: #546E31; } .plan-adv-01 .span-img img { width: 100%; } .plan-adv-01 .div-title { font-size: 24px; color: #333; line-height: 24px; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6; text-align: center; margin-top: 35px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .plan-adv-01 .div-des { padding-left: 43px; padding-right: 43px; font-size: 14px; color: #666; line-height: 26px; margin-top: 13px; height: 104px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /*================================ 14_策划02 ================================*/ .plan-apply { padding-top: 80px; padding-bottom: 80px; background-color: #f7f7f7; } .plan-apply-cont { font-size: 0; text-align: justify; text-align-last: justify; margin-top: 47px; padding-left: 62px; padding-right: 62px; } .plan-apply-cont:after { content: " "; display: inline-block; width: 100%; } .plan-apply-01 { display: inline-block; font-size: 18px; color: #666; line-height: 18px; text-align: center; text-align-last: center; } .plan-apply-01 .bdo-img { width: 126px; background: url('../images/plan-bg6.png') center center no-repeat; -webkit-background-size: cover; background-size: cover; margin-bottom: 30px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .plan-apply-01 .bdo-img img { width: 100%; } /*================================ 15_策划03 ================================*/ .plan-security { padding-top: 80px; padding-bottom: 80px; background-color: #fafafa; } .plan-security-cont { margin-top: 50px; } .plan-security-01 { position: relative; z-index: 1; float: left; width: 16.65%; background-color: #fff; text-align: center; font-size: 16px; line-height: 24px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .plan-security-01:nth-child(even) { background-color: #f5f5f5; } .plan-security-01:nth-child(2n+7) { background-color: #f5f5f5; } .plan-security-01:nth-child(2n+8) { background-color: #fff; } .plan-security-div1 { position: relative; padding-top: 45px; padding-bottom: 16px; z-index: 3; color: #666; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .plan-security-01 .span-img { width: 68px; margin-bottom: 25px; } .plan-security-01 .span-img img { display: block; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .plan-security-01 .span-img .mg1h { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .plan-security-01 .div-txt { height: 72px; } .plan-apply2 { padding-top: 80px; padding-bottom: 80px; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; } .plan-apply-cont2 { padding-left: 10px; padding-right: 10px; font-size: 0; text-align: justify; text-align-last: justify; margin-top: 50px; } .plan-apply-cont2:after { content: " "; display: inline-block; width: 100%; } .plan-apply-02 { display: inline-block; width: 110px; text-align: center; text-align-last: center; vertical-align: top; } .plan-apply-02 .div-01 { width: 110px; height: 110px; padding-top: 18px; background: url('../images/plan-bg8.png') center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .plan-apply-02 .bdo-img { width: 46px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .plan-apply-02 .bdo-img img { width: 100%; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .plan-apply-02 .bdo-img .mg1h { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .plan-apply-02 .bdo-txt { display: block; width: 100%; margin-top: 18px; font-family: "Arial"; font-size: 20px; color: #546E31; line-height: 36px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .plan-apply-02 .div-txt { font-size: 16px; color: #fff; line-height: 24px; height: 48px; margin-top: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /*================================ 16_资讯 ================================*/ .news-main { padding-top: 60px; padding-bottom: 80px; } .news-menu { font-size: 0; white-space: nowrap; overflow: auto; } .news-menu a { display: inline-block; width: 180px; height: 50px; line-height: 50px; font-size: 16px; color: #666; background-color:#d6d6d6; border-radius: 40px; margin: 0 7px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .news-menu a:hover, .news-menu a.on { background-color: #546E31; color: #fff; text-decoration:none; } .news-list { padding-top: 20px; } .news-a1 a{ margin-top: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display:block; } .news-a1 a:hover{ box-shadow: 0 15px 30px rgba(84, 110, 49, .4); color:#546E31; text-decoration:none;} .news-a1 a.bdo-tag:hover{ background:#546E31;} .news-a1 .bdo-icon { display: block; position: relative; width: 22px; height: 34px; background: url('../images/news-icon1.png') center center no-repeat; margin: -12px auto; } .news-a1 .span-cont { background-color: #fff; border-radius: 5px; padding: 30px 30px 57px; } .news-a1 .span-cont i { position: relative; font-style: normal; padding-top:30px; } .news-a1 .span-cont .bdo-date { position: absolute; left: 0; top: 6px; font-size: 14px; color: #666; line-height: 14px; } .news-a1 .span-cont .bdo-date .b-day { font-size: 48px; color: #333; line-height: 48px; padding-bottom: 13px; background: url('../images/line-05.jpg') left bottom no-repeat; margin-bottom: 11px; } .news-a1 a .span-cont .bdo-tag { position: absolute; left: 0; top: 0; font-size: 16px; color: #666; background-color: #e5e5e5; min-width: 88px; padding: 5px 15px; line-height: 26px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .news-a1 a .span-cont .bdo-tag:hover{ background:#546E31; color:#FFFFFF;} .news-a1 a .b{ color:#333;font-size:20px; line-height:30px;white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} .news-a1 a .b:hover{ color:#546E31; text-decoration:none!important;} .news-a1 .span-cont .bdo-tag2 { position: absolute; left: 30px; bottom: 20px; font-size: 14px; min-width: 88px; padding: 0 15px; line-height: 26px; } .news-a1 .span-cont .bdo-tag2 a { color: #bbb; } .news-a1 .span-cont .b-title { font-size: 20px; color: #333; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-a1 .span-cont .b-title h2 { font-size: inherit; line-height: inherit; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .news-a1 .bdo-des { font-size: 16px; line-height: 28px; color: #666; font-weight: lighter; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top:5px; } /*================================ 17_资讯详情 ================================*/ .news-details { position: relative; z-index: 10; background-color: #fff; margin-top: -130px; padding: 26px 0 80px; } .newsd-wapper { background: none; } .newsd-wapper .bg-f5f5f5 { position: relative; background: none; } .newsd-wapper .bg-f5f5f5::before { content: " "; position: absolute; left: 0; right: 0; bottom: 0; top: 130px; background: #f5f5f5; } .news-details-title { position: relative; border-bottom: 1px solid #e6e6e6; } .div-des p{ font-size:16px; margin: 0px 0 0px; line-height:32px;} .news-details-title .span-title { font-size: 24px; color: #333; line-height: 34px; padding: 9px 0; text-align:center; } .public-bream { position: absolute; right: 3.57%; bottom: 12px; padding-left: 20px; line-height: 18px; background: url('../images/icon-13.png') left center no-repeat; } .public-bream a { font-size: 14px; color: #666; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .public-bream a:hover, .public-bream a.on { color: #546E31; } .news-art { width: 100%; padding-left: 40px; padding-right: 40px; } .news-art-title { color: #666; padding-top: 37px; padding-bottom: 25px; border-bottom: 1px dashed #dbdbdb; } .news-art-title>div { display: inline-block; } .news-art-title .span-01 { float: left; line-height: 20px; height: 20px; font-size: 16px; padding-left: 25px; background-position: left 1px; background-repeat: no-repeat; margin: 0 34px; } .news-art-title .span-01 bdo { margin: 0 5px; cursor: pointer; } .news-art-title .span-01 bdo:hover, .news-art-title .span-01 bdo.on { color: #546E31; } .news-art-title .span-01 .bdshare-button-style2-32 { display: inline-block; height: 20px; } .news-art-title .span-01 .bdshare-button-style2-32:after { display: none; } .news-art-title .span-01 .bdshare-button-style2-32 a { width: 16px; height: 16px; margin: 2px 0 2px 10px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .news-art-title .span-01 .bdshare-button-style2-32 a:first-child { margin-left: 3px; } .news-art-title .span-01 .bdshare-button-style2-32 .bds_tsina { background-image: url('../images/icon-18.png'); } .news-art-title .span-01 .bdshare-button-style2-32 .bds_qzone { background-image: url('../images/icon-19.png'); } .news-art-title .span-01 .bdshare-button-style2-32 .bds_weixin { background-image: url('../images/icon-20.png'); } .news-art .div-des { font-size: 16px; line-height: 28px; color: #666; margin-top: 25px; text-align: justify; } .news-page { padding-top: 40px; border-top: 1px dashed #e6e6e6; margin-top: 50px; } .news-page .span-01 { float: right; height: 68px; font-size: 16px; width: 50%; padding-left: 70px; padding-top: 21px; padding-bottom: 21px; text-align: right; } .news-page .span-01:first-child { float: left; padding-left: 0; padding-right: 70px; text-align: left; } .news-page .span-01 a { color: #666; display: inline-block; line-height: 26px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .news-page .span-01 a:hover { color: #546E31; } .news-page .a-return { position: absolute; left: 50%; transform: translateX(-50%); width: 68px; height: 68px; line-height: 68px; text-align: center; font-size: 18px; color: #fff; border-radius: 100%; background-color: #546E31; } .news-art .res-offer { padding-top: 60px; padding-bottom: 0; } .news-hot { position: static; float: right; width: 365px;/* background-color: #fafafa; padding: 40px 20px; */ max-width: 100%； } .news-hot.on { position: fixed; top: 0; right: auto; bottom: auto; overflow: auto; } .news-hot.on.on2 { position: absolute; top: auto; left: auto !important; right: 0; bottom: -80px; } .news-hot-title { font-size: 20px; color: #333; line-height: 20px; padding-left: 10px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; background: url('../images/line-06.jpg') left top no-repeat; } .news-hot-tab { padding-top: 6px; margin: 0 -4px; } .news-hot-tab a { display: inline-block; min-width: 100px; height: 30px; line-height: 30px; padding: 0 5px; text-align: center; font-size: 14px; color: #666; background-color: #f2f2f2; border-radius: 30px; margin: 14px 4px 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .news-hot-tab a:hover, .news-hot-tab a.on { background-color: #546E31; color: #fff; } .news-hotList li { border-bottom: 1px dashed #e6e6e6; } .news-hotList li.fix { padding-top: 20px; padding-bottom: 20px; } .news-hotList li>a { display: inline-block; max-width: 100%; padding-left: 12px; line-height:28px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url('../images/news-icon2.png') left center no-repeat; } .news-hotList li>a h2 { font-size: inherit; line-height: inherit; } .news-hotList li .span-img { float: left; width: 110px; margin-right: 10px; } .news-hotList li .span-img img { width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .news-hotList li .div-des .div-title { height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-hotList li .div-des .div-title a { display: inline-block; max-width: 100%; font-size: 16px; color: #333; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-hotList li .div-des .div-title a h2 { font-size: inherit; line-height: inherit; } .news-hotList li .div-des .div-datiles { font-size: 14px; line-height: 22px; color: #666; margin-top: 11px; height: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-hotList li .div-des .div-title a:hover, .news-hotList li>a:hover { color: #546E31; } .news-hotList li:hover .span-img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*================================ 18_联系 ================================*/ .contact-info { margin-top: 60px; margin-bottom: 80px; } .contact-info-title { font-size: 32px; color: #333; line-height: 32px; padding-bottom: 30px; border-bottom: 1px dashed #dbdbdb; } .contact-info-txt { text-align-last: justify; margin-top: 25px; margin-bottom: 23px; } .contact-info-txt .span-01 { display: inline-block; font-size: 18px; color: #666; line-height: 28px; } .contact-info-txt .span-01 b { color: #546E31; } .contact-info-tell .row { margin-left: -1px; margin-right: -1px; } .contact-info-tell .row>div { padding: 1px; } .contact-info-tell .div-tell { height: 48px; line-height: 48px; background-color: #f5f5f5; font-size: 18px; color: #fff; text-align: center; } .contact-info-tell .div-tell .span-title { float: left; width: 92px; height: 48px; background-color: #546E31; } .contact-info-tell .div-tell .b-num { color: #666; } .contact-video .span-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 2; } .contact-video .span-bg2 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; display: none; } .contact-01 { padding-top: 210px; padding-bottom: 135px; position: relative; z-index: 2; } .contact-left { float: left; width: 30.2%; margin-left: 4.2%; background-color: #fff; padding: 40px 20px 49px; } .contact-left .div-txt { font-size: 28px; line-height: 28px; font-family: "Arial"; color: #333; } .contact-left .div-num { font-family: "Arial"; font-size: 48px; line-height: 48px; color: #546E31; margin-top: 34px; padding-bottom: 31px; background: url('../images/line-07.jpg') left bottom no-repeat; } .contact-list li { padding-left: 43px; font-size: 14px; color: #666; line-height: 24px; margin-top: 32px; } .contact-list li:first-child { margin-top: 27px; } .contact-list li .b-title { font-size: 20px; color: #333; line-height: 32px; padding-left: 43px; margin-left: -43px; background-position: left center; background-repeat: no-repeat; margin-bottom: 2px; } .contact-list li .div-01 { max-width: 50%; } .contact-list li .div-01 .span-num { font-size: 14px; color: #546E31; } .contact-left .div-txt2 { font-size: 20px; color: #546E31; line-height: 30px; margin-top: 30px; } .contact-right { float: right; width: 57%; margin-right: 3.5%; color: #fff; } .contact-right .div-title { font-size: 36px; color: #fff; line-height: 36px; } .contact-right .div-txt { font-size: 14px; line-height: 24px; margin-top: 18px; } .contact-form { background-color: #546E31; padding-left: 5.85%; padding-right: 5.85%; padding: 30px 5.85% 40px; margin-top: 25px; } .contact-form-list { margin: 0 -10px; } .contact-form-list li { float: left; width: 50%; padding: 20px 10px 0; } .contact-form-list .put-01 { border: none; outline: none; width: 100%; padding: 8px 20px; font-size: 14px; line-height: 24px; color: #333; } .contact-form-list .text-01 { border: none; background: #fff; resize: none; outline: none; width: 100%; height: 140px; padding: 18px 20px; font-size: 14px; line-height: 24px; color: #333; } .contact-form-list .put-01::-webkit-input-placeholder, .contact-form-list .text-01::-webkit-input-placeholder { color: #999; } .contact-form-list .put-01:-moz-placeholder, .contact-form-list .text-01:-moz-placeholder { color: #999; opacity: 1; } .contact-form-list .put-01::-moz-placeholder, .contact-form-list .text-01::-moz-placeholder { color: #999; opacity: 1; } .contact-form-list .put-01:-ms-input-placeholder, .contact-form-list .text-01:-ms-input-placeholder { color: #999; } .contact-form-list li .but-01 { border: none; outline: none; background: #fff; width: 128px; height: 40px; font-size: 16px; color: #546E31; } .contact-form-list li:nth-child(5),.contact-form-list li:last-child { width: 100%; } /* .swiper-container.ld-banner { width: 100%; height: 100%; background-color: #000; } .banner-a1 .index-logo{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .ld-banner .swiper-slide { overflow: hidden; } .ld-banner .swiper-pagination-bullet { position: relative; width: 200px; height: 2px; background: rgba(80,0,0,.4); border-radius: 0; opacity: 1; } .ld-banner .swiper-pagination-bullet-active:before { position: absolute; content: ''; display: block; left: 0; top: 0; width: 0; height: 2px; background: #fff; opacity: 1; z-index: 1; } .ld-banner .swiper-pagination-bullet-active:before { animation: toFull linear 2500ms; animation-fill-mode: forwards; } */ /*.k-load{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 84px; height: 125px; overflow: hidden; } .k-load .span-line { position: absolute; left: 0; top: 0; z-index: 3; width: 16px; height: 0; /*background-color: #546E31;*/ /* background-color: #fff; border: 1px solid #546E31; visibility: hidden; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .k-load:before{ content: ''; position: absolute; top: 0; right: 0; width: 19px; height: 0; z-index: 2; /*background-color: #546E31;*/ /*background-color: #fff; border: 1px solid #546E31; visibility: hidden; transform: skew(-43deg, 0); -webkit-transition: all 0.5s ease .5s; -moz-transition: all 0.5s ease .5s; -o-transition: all 0.5s ease .5s; transition: all 0.5s ease .5s; } .k-load:after { transform: skew(30deg, 0); position: absolute; content: ''; bottom: 0; right: 0; z-index: 1; width: 18px; height: 0;*/ /*background-color: #546E31;*/ /*border: 1px solid #546E31; visibility: hidden; -webkit-transition: all 0.5s ease 1s; -moz-transition: all 0.5s ease 1s; -o-transition: all 0.5s ease 1s; transition: all 0.5s ease 1s; }*/ /*.k-load.on .span-line{ height: 125px; visibility: visible; } .k-load.on::before{ right: 41px; height: 90px; visibility: visible; } .k-load.on::after{ height: 78px; right: 22px; visibility: visible; } */ .k-load { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 50px; border-style: solid; border-color: currentColor; border-width: 0 0 0 10px; overflow: hidden } .k-load::before { content: ""; position: absolute; top: -19px; left: 9px; width: 10px; height: 70px; left: 10px; background: currentColor; transform: rotate(50deg); } .k-load::after { content: ""; position: absolute; top: 15px; right: 14px; width: 10px; height: 43px; background: currentColor; transform: rotate(-40deg); } #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 999999; /*background-image: url('../images/load-logo.png');*/ background-repeat: no-repeat; background-position: center; background-image: url('../images/welcome.jpg'); background-size: cover; } .load-01 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #preloader #preloader-inner { display: block; position: relative; left: 50%; top: 50%; width: 70px; height: 70px; margin: 50px 0 0 -35px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fff; animation: spin 2s linear infinite; } #preloader #preloader-inner:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fff; animation: spin 3s linear infinite; } #preloader #preloader-inner:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fff; animation: spin 1.5s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } /*================================ 18_联系 ================================*/ .newsTag-bannerzi { position: absolute; left: 0; top: 50%; transform: translateY(calc(-50% + 25px)); right: 0; font-size: 24px; color: #fff; line-height: 48px; } .newsTag-bannerzi .span-01 { font-size: 48px; margin-bottom: 10px; } .newsTag-main { padding-top: 60px; padding-bottom: 60px; } .newsTag-left { float: left; width: 1005px; max-width: 100%; } .newsTag-list { background-color: #fff; margin-bottom: 40px; } .newsTag-list li { padding: 30px; border-bottom: 1px solid #e5e5e5; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .newsTag-list li .a-img { float: left; } .newsTag-list li .a-img, .newsTag-list li .a-img img { width: 300px; height: 166px; border-radius: 5px; } .newsTag-list li .a-img img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .newsTag-list li.xz { padding-left: 360px; } .newsTag-list li.xz .a-img { margin-left: -330px; } .newsTag-list li .div-cont { width: 100%; } .newsTag-list li .div-title { position: relative; height: 49px; padding: 5px 100px 16px 0; border-bottom: 1px solid #e5e5e5; } .newsTag-list li .div-title .span-date { display: inline-block; position: absolute; right: 0; top: 5px; font-size: 14px; color: #999; line-height: 28px; } .newsTag-list li .div-title a { display: inline-block; max-width: 100%; font-size: 18px; line-height: 28px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .newsTag-list li .div-des { font-size: 14px; line-height: 24px; color: #666; margin-top: 14px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .newsTag-list li .div-tag { margin-top: 30px; } .newsTag-list li .div-tag a { display: inline-block; font-size: 14px; color: #999; line-height: normal; } .newsTag-hot { float: right; width: 365px; max-width: 100%; } .newsTag-hot-01 { background-color: #fafafa; padding: 40px 20px; margin-top: 20px; } .newsTag-hot-01:first-child { margin-top: 0px; } .newsTag-hot-01 .news-hot-tab { margin: 0 -5px; } .newsTag-hot-01 .news-hot-tab a { min-width: inherit; font-size: 14px; color: #666; padding: 0 15px; height: 30px; line-height: 28px; border: 1px solid #dbdbdb; border-radius: 5px; background-color: #fff; margin: 10px 5px 0; } .newsTag-hot-01 .news-hot-tab a:hover { background-color: #546E31; border-color: #546E31; color: #fff; } .news-details .newsTag-hot-01 { background: #fff; padding-top: 0; margin-top: 0; } .news-details .newsTag-hot-01:first-child { padding-top: 40px; } .load-tips { cursor: pointer; } .load-tips .bdo-icon { width: 48px; height: 48px; margin-bottom: 5px; } .load-tips .bdo-icon .mg-icon { position: absolute; left: 0; top: 0; width: 100%; animation: arrow_load ease-out 1s 0.2s infinite; } .public-celan { position: fixed; right: 0; bottom: 10px; z-index: 101; } .public-celan li { position: relative; margin-top: 2px; } .public-celan li:first-child { margin-top: 0; } .public-celan li .a1 { position: relative; z-index: 1; width: 80px; height: 80px; padding-top: 15px; background: #546E31; border-radius: 5px 0 0 5px; font-size: 14px; color: #fff; cursor: pointer; } .public-celan li .a1 img { margin-bottom: 8px; } .public-celan li .b1 { position: absolute; right: -500px; top: 0; z-index: 0; line-height: 80px; padding: 0 20px; background: #546E31; white-space: nowrap; font-family: "Arial"; font-size: 30px; color: #fff; border-radius: 5px 0 0 5px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .public-celan li:hover .b1 { right: calc(100% - 5px); } .public-leftlan { position: fixed; left: 0; top: 50%; overflow: hidden; transform: translateY(-50%); z-index: 101; } .public-leftlan li { position: relative; padding-left: 65px; margin-top: 30px; line-height: 20px; } .public-leftlan li:first-child { margin-top: 0; } .public-leftlan li::before { content: " "; position: absolute; left: 0; top: 50%; height: 1px; width: 45px; background: #546E31; transform: translateX(-70px); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .public-leftlan a { padding-left: 30px; background: url('../images/icon-29.png') left center no-repeat; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .public-leftlan li:hover::before { transform: translateX(0); } .public-leftlan li:hover a { color: #546E31; background: url('../images/icon-29h.png') left center no-repeat; } .public-yuyuemc { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 998; background: rgba(0, 0, 0, .5); display: none; } .public-yuyue { position: fixed; left: 50%; top: 50%; z-index: 999; width: 600px; padding: 60px 0; transform: translate(-50%, -50%); background: #fff; display: none; } .public-yuyue-close { position: absolute; right: 10px; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 30px; font-weight: bold; transform: rotate(45deg); cursor: pointer; z-index: 2; } .public-yuyue .box { width: 90%; margin: 0 auto; } .public-yuyue h3 { font-size: 24px; color: #333; text-align: center; } .public-yuyue p { font-size: 16px; color: #808080; text-align: center; margin: 30px 0; } .public-yuyue input { display: block; height: 50px; width: 100%; padding: 0 24px; border: 1px solid #ededed; font-size: 14px !important; color: #bfbfbf; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .public-yuyue input:focus { border-color: #546E31; -webkit-transition: border .3s ease; transition: border .3s ease; } .public-yuyue button { width: 100%; height: 50px; font-size: 20px !important; color: #fff; background: #546E31; border: none; } .public-yuyue .tip { font-size: 12px; color: #808080; padding-left: 18px; background-position: left center; background-repeat: no-repeat; background-image: url(../images/icon-4.png); margin-top: 20px; } @media screen and (max-width:1500px) { .public-yuyue h3 { font-size: 20px; } .public-yuyue p { font-size: 14px; margin: 20px 0; } .public-yuyue input { margin-bottom: 15px; } .public-yuyue button { font-size: 18px !important; } .public-yuyue .tip { margin-top: 15px; } } @media screen and (max-width:992px) { .public-yuyue .cell_box { padding-top: 50px; } } @media screen and (max-width:767px) { .public-yuyue { transform: translate(0, -50%); left: 15px; right: 15px; width: auto; padding-top: 0; padding-bottom: 0; } .public-yuyue-close { right: 0; } .public-yuyue .box { padding: 30px 10px; max-width: 360px; } .public-yuyue h3 { font-size: 18px; } .public-yuyue p { margin: 10px 0; font-size: 13px; } .public-yuyue input { height: 40px; padding: 0 15px; } .public-yuyue button { font-size: 16px !important; height: 40px; } } /*page*/ .page { text-align: center; margin-top: 30px; margin: 0 auto; } .page a { display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; background: #ffffff; color: #0b2b4d; font-size: 14px; margin-bottom: 5px; border: 1px solid #e5e5e5; border-radius: 5px; } .page a:hover, .page a.current { background: #546E31; color: #ffffff; } .page strong { display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; background: #546E31; color: #ffffff; font-size: 14px; margin-bottom: 5px; border: 1px solid #e5e5e5; border-radius: 5px; } /* =========2019-11-29 小程序========= */ .applet-details{ /*padding-bottom: 60px;*/ } .applet-details-img img{ display: block; width: 100%; } .liji{ display: block; width: 366px; max-width: 100%; height: 66px; margin: 20px auto; border-radius: 10px; background: #546E31 url(../images/case_xq_icon.png) no-repeat 53px center; transition: all .6s; line-height: 66px; font-size: 20px; color: #fff; } .liji span{ padding-left: 68px; } .applet-details .case-details-art{ position: static; height: auto !important; margin-top: 60px; } .applet-details .case-details-page{ position: relative; margin-top: 30px; padding-left: 0; padding-right: 0; background: none; } .banner-logowrap{ width: 100vw; background: none; } .banner-logo{ position: absolute; max-width: 80%; left: 50%; top: 50%; transform: translate(-50%,-50%); } .logobox{ background: #000; width:100%; height:100%; top:0; left:0; padding-top:80px; } .text-b3 text { fill: #A5C040; font-size: 18.5px; animation: text_effect 6s 1; -webkit-animation: text_effect 6s 1; } @keyframes text_effect { 0% {opacity:0} 25% {opacity:0} 50% {opacity:0} 100% {opacity:1} } @-webkit-keyframes text_effect { 0% {opacity:0} 25% {opacity:0} 50% {opacity:0} 100% {opacity:1} } .logoimgx { cursor: pointer; } .logoimgx:hover { transform:scale(2); } .loader-path { stroke-linecap:round; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transform-origin:50% 50%; transform: rotate(-90deg); stroke: url(#SVGID_4_); stroke-width: 55; fill: none; cx: 512; cy: 512; r: 480; animation: dash 2.5s 1 ease-out; } @keyframes dash { 0% { stroke-dasharray: 0, 3050; stroke-dashoffset: 0; } 100% { stroke-dasharray: 3050, 3050; stroke-dashoffset: 0 } } .logoimgx image{ -webkit-transition: all .5s ease; -moz-transition: all .5 ease; transition: all .5s ease;} .logoimgx image:hover{ /*transform:scale(3);*/ opacity:.8; }