/* 未能缩小。正在返回未缩小的内容。 (37,36): run-time error CSS1034: Expected closing parenthesis, found ',' (37,36): run-time error CSS1042: Expected function, found ',' (37,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (51,64): run-time error CSS1034: Expected closing parenthesis, found ',' (51,64): run-time error CSS1042: Expected function, found ',' (51,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (54,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '"' (55,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '"' (71,142): run-time error CSS1036: Expected expression, found '"' (75,84): run-time error CSS1034: Expected closing parenthesis, found ',' (75,84): run-time error CSS1042: Expected function, found ',' (75,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (101,68): run-time error CSS1034: Expected closing parenthesis, found ',' (101,68): run-time error CSS1042: Expected function, found ',' (101,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (106,51): run-time error CSS1034: Expected closing parenthesis, found ',' (106,51): run-time error CSS1042: Expected function, found ',' (106,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (116,96): run-time error CSS1034: Expected closing parenthesis, found ',' (116,96): run-time error CSS1042: Expected function, found ',' (116,100): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (155,58): run-time error CSS1034: Expected closing parenthesis, found ',' (155,58): run-time error CSS1042: Expected function, found ',' (155,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (244,48): run-time error CSS1034: Expected closing parenthesis, found ',' (244,48): run-time error CSS1042: Expected function, found ',' (244,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (245,32): run-time error CSS1034: Expected closing parenthesis, found ',' (245,32): run-time error CSS1042: Expected function, found ',' (245,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (246,33): run-time error CSS1034: Expected closing parenthesis, found ',' (246,33): run-time error CSS1042: Expected function, found ',' (246,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (250,78): run-time error CSS1034: Expected closing parenthesis, found ',' (250,78): run-time error CSS1042: Expected function, found ',' (250,82): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (281,61): run-time error CSS1034: Expected closing parenthesis, found ',' (281,61): run-time error CSS1042: Expected function, found ',' (281,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (285,52): run-time error CSS1034: Expected closing parenthesis, found ',' (285,52): run-time error CSS1042: Expected function, found ',' (285,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (289,62): run-time error CSS1034: Expected closing parenthesis, found ',' (289,62): run-time error CSS1042: Expected function, found ',' (289,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (290,53): run-time error CSS1034: Expected closing parenthesis, found ',' (290,53): run-time error CSS1042: Expected function, found ',' (290,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (293,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '"' (296,74): run-time error CSS1034: Expected closing parenthesis, found ',' (296,74): run-time error CSS1042: Expected function, found ',' (296,78): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (311,71): run-time error CSS1034: Expected closing parenthesis, found ',' (311,71): run-time error CSS1042: Expected function, found ',' (311,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (317,87): run-time error CSS1036: Expected expression, found '"' (318,88): run-time error CSS1036: Expected expression, found '"' (326,35): run-time error CSS1036: Expected expression, found '"' (328,67): run-time error CSS1034: Expected closing parenthesis, found ',' (328,67): run-time error CSS1042: Expected function, found ',' (328,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (333,93): run-time error CSS1034: Expected closing parenthesis, found ',' (333,93): run-time error CSS1042: Expected function, found ',' (333,98): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (340,71): run-time error CSS1034: Expected closing parenthesis, found ',' (340,71): run-time error CSS1042: Expected function, found ',' (340,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (341,92): run-time error CSS1034: Expected closing parenthesis, found ',' (341,92): run-time error CSS1042: Expected function, found ',' (341,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (342,38): run-time error CSS1034: Expected closing parenthesis, found ',' (342,38): run-time error CSS1042: Expected function, found ',' (342,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (349,60): run-time error CSS1034: Expected closing parenthesis, found ',' (349,60): run-time error CSS1042: Expected function, found ',' (349,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (375,65): run-time error CSS1060: Expected closing curly-brace, found 'vh' (377,1): run-time error CSS1019: Unexpected token, found '}' (399,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (400,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (423,1): run-time error CSS1019: Unexpected token, found '@keyframes' (424,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (448,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (449,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (456,1): run-time error CSS1019: Unexpected token, found '@keyframes' (457,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (465,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (466,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (479,1): run-time error CSS1019: Unexpected token, found '@keyframes' (480,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (494,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (495,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (524,1): run-time error CSS1019: Unexpected token, found '@keyframes' (525,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (555,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (556,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (569,1): run-time error CSS1019: Unexpected token, found '@keyframes' (570,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (584,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (585,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (606,1): run-time error CSS1019: Unexpected token, found '@keyframes' (607,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (629,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (630,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (651,1): run-time error CSS1019: Unexpected token, found '@keyframes' (652,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (674,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (675,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (704,1): run-time error CSS1019: Unexpected token, found '@keyframes' (705,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (736,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (737,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (774,1): run-time error CSS1019: Unexpected token, found '@keyframes' (775,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (813,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (814,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (846,1): run-time error CSS1019: Unexpected token, found '@keyframes' (847,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (880,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (881,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (908,1): run-time error CSS1019: Unexpected token, found '@keyframes' (909,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (937,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (938,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (965,1): run-time error CSS1019: Unexpected token, found '@keyframes' (966,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (994,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (995,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1022,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1023,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1051,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1052,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1079,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1080,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1108,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1109,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1124,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1125,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1141,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1142,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1157,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1158,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1174,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1175,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1186,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1187,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1199,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1200,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1211,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1212,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1224,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1225,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1240,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1241,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1258,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1259,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1266,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1267,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1275,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1276,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1287,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1288,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1301,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1312,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1313,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1325,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1326,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1337,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1338,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1350,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1351,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1362,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1363,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1375,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1376,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1387,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1388,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1400,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1401,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1412,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1413,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1425,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1426,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1437,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1438,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1450,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1451,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1462,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1463,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1475,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1476,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1483,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1484,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1492,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1493,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1502,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1503,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1513,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1514,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1523,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1524,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1534,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1535,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1544,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1545,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1555,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1556,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1565,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1566,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1576,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1577,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1586,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1587,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1597,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1598,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1607,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1608,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1618,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1619,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1628,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1629,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1639,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1640,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1649,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1650,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1660,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1661,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1692,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1693,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1725,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1726,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1753,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1754,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1782,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1783,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1810,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1811,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1839,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1840,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1855,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1856,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1873,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1888,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1889,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1905,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1906,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1927,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1928,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1950,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1951,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1960,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1961,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1971,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1972,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1987,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1988,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2004,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2005,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2020,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2021,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2037,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2038,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2053,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2054,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2070,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2071,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2086,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2087,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2103,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2104,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2119,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2120,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2137,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3080,40): run-time error CSS1031: Expected selector, found '@charset' (3080,40): run-time error CSS1025: Expected comma or open brace, found '@charset' (3154,8): run-time error CSS1035: Expected colon, found ';' (3192,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3193,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3339,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3340,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (3371,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3372,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (3502,12): run-time error CSS1036: Expected expression, found ':' (4295,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4296,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4321,1): run-time error CSS1019: Unexpected token, found '{' (4322,12): run-time error CSS1031: Expected selector, found ';' (4322,12): run-time error CSS1025: Expected comma or open brace, found ';' (4323,15): run-time error CSS1031: Expected selector, found ';' (4323,15): run-time error CSS1025: Expected comma or open brace, found ';' (4324,1): run-time error CSS1019: Unexpected token, found '}' */ * {margin:0;padding:0;} body {font:"Microsoft Yahei",Arial,sans-serif;color:#7586a0;background:#fff;} img {border:0;} ul,ol,li {list-style:none;} a {color:#000;text-decoration:none;} a:hover {text-decoration:none;color:#e14b4c;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} i {font-style:inherit;} .clear {clear:both;} .over {overflow:hidden;} span,a,li,tt,p,b,input,img {font-family:"Microsoft Yahei";} @font-face {font-family:'Bahnschrift';src:url("../images/bahnschrift.ttf")} .fl {float:left;} .fr {float:right;} .dhxg {transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .w1576 {width:100%;max-width:1576px;min-width:1300px;margin:0 auto;position:relative;} .sy_bnt {float:right;margin:4px 15px 0 0;} .sy_bnt a {line-height:40px;background:#2c68ff;padding:0 23px;color:#fff;height:40px;display:block;font-size:13px;text-align:center;float:left;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;border-radius:60px;margin-right:15px;animation:dhdd 3s linear infinite;} .sy_bnt a:hover {background:#734312;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} @-webkit-keyframes dhdd {0%,20%,40%,60%,80%,100% {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 5% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 10% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 15% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 20% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} 25% {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 100% {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .logodh {position:absolute;width:172px!important;height:97px!important;top:-25px;left:-200px;animation:logodh 5s linear infinite;z-index:1;} @keyframes logodh {0% {left:-200px;} 10% {left:200px;} 11% {opacity:0;left:200px;} 15% {opacity:0;left:-200px;} 100% {left:-200px;opacity:1;} } .sy_bnt span {float:left;padding:12px 20px 5px 23px;display:flex;color:#e22e24;font-size:20px;font-family:"Bahnschrift";border:1px solid #efe0e7;border-radius:35px;line-height:28px;} .sy_bnt span img {display:inline-block;padding-right:8px;width:26px;height:26px;} #header {background:rgb(255,255,255,0.78);} #header #logo img {height:80px;display:block;margin-top:5px;} #header ul li.navitem ul.subnav li a {padding:20px 30px;width:150px;height:20px;line-height:20px;background:rgba(255,255,255,1);display:block;font-size: 16px;transition:all 0.2s ease-out 0s;color:#999;box-shadow:0px 5px 10px rgba(0,0,0,0.1);} #header ul li.navitem ul.subnav li a:hover {text-indent:10px;background:#f4f4f4;color:#6c6c6c;} #header ul li.navitem ul.subnav {border-top:#3860f4 3px solid;border-radius:2px;} #header ul li.navitem ul.subnav li {border-bottom:1px solid #FFF;} #header ul li.navitem img {width:9px;height: 9px;position: absolute;top: 46px;right:13px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} #header ul li.navitem:hover img { width:9px; height: 9px; position: absolute;top:46px;right:13px;transform: rotate(180deg);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .tp-bullets {bottom:40px !important;} span.spanin {font-size:16px;display:block;padding:10px 15px;background:#FF3A03;color:#fff;} .bannera {width:160px;height:63px;display:block;color:#fff;line-height:63px;background:#2c68ff;font-family:'Blanch';font-size:16px;text-align:center;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .bannera:hover {border:0px solid #3860f4;color:#fff;opacity:1;background:#2c68ff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} span.bth1 {font-size:52px;font-weight:bold;color:#262626;} span.bth2 {font-size: 22px;color:#474747;line-height: 38px;} .xfcom {position:absolute;z-index:90;background:rgb(255,255,255,0.6);width:100%;top:-140px;left:0;box-shadow:0px 0px 9px 0px rgba(51,112,255,0.15);} .xfcom ul {display:flex;align-items:center;} .xfcom li {width:22%;padding:33px 1.5%;display:flex;align-items:center;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .xfcom li:hover {background:#fff url(../images/xfcom01.png") center top no-repeat;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;padding:26px 1.5% 40px 1.5%;} .xfcom li.bjhong:hover {background:#fff url(../images/xfcom0.png") center top no-repeat;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .xfcom li img {width:50px;display:block;flex-grow:0;flex-shrink:0;margin-right:10px;} .xfcom li p {display:block;flex-grow:1;word-break:break-all;} .xfcom li span {font-size:30px;color:#374567;display:block;font-family:Bahnschrift;padding:8px 0;} .xfcom li tt {font-size:14px;color:#8594ad;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .allh1 {display:block;margin:60px auto;text-align:center;} .allh1 b {font-size:32px;color:#262626;} .allh1 tt {display:block;padding-top:18px;font-size:18px;text-align:center;color:#595959;} .allh1 p {display:block;padding-top:25px;font-size:16px;text-align:left;line-height:30px;} .allcontent {background:#f0f5fd url("../images/img1.png") center bottom no-repeat;padding:75px 0;} .in_about {background:#f0f5fa url("../images/img2.png")top right no-repeat;box-shadow:0px 5px 10px 0px rgba(89,132,255,0.13);display:flex;align-items:center;position:relative;} .in_apf {width:50px;height:50px;display:block;position:absolute;left:20px;top:-20px;} .in_apf2 {width:50px;height:50px;display:block;position:absolute;right:20px;bottom:-20px;transform:rotate(180deg);} .in_aboutl {flex-grow:0;flex-shrink:0;width:240px;text-align:center;} .in_aboutl b {font-size:25px;color:#ce000d;display:block;} .in_aboutl span {font-size:16px;color:#333;display:block;padding-top:10px; font-weight: bold;} .in_about p {display:block;flex-grow:1;word-break:break-all;font-size:16px;color:#333;line-height:25px;padding:27px 243px 27px 0;background:url(../images/in_about.png") center right no-repeat;} .in_about p b{ margin-right: 8px;} .ywcom {padding-top:65px;} .ywcom ul {display:flex;justify-content:space-between;} .ywcom li {width:23.5%;text-align:center;margin-top:20px;background:rgb(255,255,255,0.6);height:400px;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .ywcom li:hover {box-shadow:0px 5px 10px 0px rgba(89,132,255,0.4);background:#fff;border-top:3px solid #2d69ff;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;margin:0;border-radius:3px 3px 0 0;} .ywcom li:hover b {transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;color:#2c68ff;} .ywcom li img {display:block;width:90%;margin:27px auto;} .ywcom b {color:#333;padding-bottom:20px;display:block;text-align:center;font-size:24px;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .ywcom div {display:flex;flex-wrap:wrap;justify-content:space-evenly;} .ywcom div tt {display:block;width:42%;margin:6px 0;border:1px solid #e9effd;line-height:30px;height:30px;overflow:hidden;color:#595959;font-size:13px;} .ywcom a {width:120px;height:34px;display:block;border:1px solid #2c68ff;line-height:35px;color:#2c68ff;font-size:14px;text-align:center;margin:20px auto;} .ywcom a img {width:4px;display:inline-block;margin:0px;opacity:0;vertical-align:middle;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .ywcom a:hover {border:1px solid #2c68ff;background:#2c68ff;color:#fff;margin:20px auto;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .ywcom a:hover img {display:inline-block;margin:0 0 0 10px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;opacity:1;} .inanli {width:100%;display:flex;justify-content:space-around;padding-bottom:15px;} .inanli a {color:#333;font-size:14px;} .inanli i {width:17px;height:3px;border-radius:10px;background:#3370ff;margin:0 auto;display:block;opacity:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .inanli li.bei a {color:#3370ff;opacity:1;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .inanli li.bei a i {opacity:1;margin-top:5px;} .in_anli {background:#2a64fa;padding:0;} .inalcon {display:flex;align-items:center;justify-content:space-between;} .inalconl {flex-grow:1;word-break:break-all;height:500px;padding:35px 0;background:url("../images/inalcon.png") right bottom no-repeat;color:#fff;position:relative;margin-right:15px;min-width:286px;} .inalconl h3 {font-size:32px;padding-top:20px;} .inalconl h3 img {width:34px;height:34px;vertical-align:middle;margin-right:15px;} .inalconl p {font-size:16px;display:block;padding:20px 0;opacity:0.6;} .inalconl ul {padding:15px 0;} .inalconl li {padding:10px 15px 10px 15px;background:url("../images/inalconl.png")left 18px no-repeat;font-size:14px;} .inalconl li b {font-size:16px;display:block;} .inalconl a.alkf {width:70%;padding:15px;background:rgb(255,255,255,0.15);color:#fff;display:flex;align-items:center;position:relative;margin-top:5px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .inalconl a.alkf i {position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;top:-10px;left:15px;opacity:0.15;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .inalconl a.alkf p {font-size:16px;line-height:20px;padding:0 0 0 12px;opacity:1;} .inalconl a.alkf p span {display:block;} .inalconl a.alkf img {width:38px;display:block;float:left;} .inalconl a.alkf:hover {background:rgb(255,255,255,0.05);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;margin-top:0px;} .inalconl a.alkf:hover i {opacity:0.05;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .inalconl a.moer {width:98px;height:22px;position:absolute;bottom:35px;right:34px;opacity:0.8;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .inalconl a.moer img {widht:98px;height:22px;display:block;} .inalconl a.moer:hover {opacity:0.4;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;right:25px;} .inalconr {width:70%;flex-grow:0;flex-shrink:0;min-width:1050px;} .inalconr ul {display:flex;justify-content:space-between;} .inalconr li {width:23%;height:470px;border:3px solid #fff;border-radius:20px;position:relative;overflow:hidden;} .inalconr li img {width:100%;display:block;} .inalconr li i {position:absolute;bottom:15px;left:50%;margin-left:-30px;width:60px;height:5px;background:#fff;display:block;border-radius:20px;} .inalconr li .inalpf {position:absolute;width:80%;height:100%;left:0;top:0;background:rgb(0,0,0,0.9);display:flex;flex-wrap:wrap;justify-content:center;align-content:center;font-size:16px;color:#fff;opacity:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;padding:0 10%;} .inalconr li .inalpf span {width:55%;padding:10px;background:#fff;display:block;line-height:30px;color:#333;text-align:center;margin-top:25px;border-radius:10px;} .inalconr li .inalpf span img {width:100%;display:block;} .inalconr li:hover {box-shadow:0px 0px 18px 0px rgba(0,0,0,0.45);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;border-color:#3b73ff;} .inalconr li:hover .inalpf {opacity:1;} .inalconr li:hover i {background:#0ecf93;z-index:5;animation:inalconr 1s linear infinite;} @keyframes inalconr {0% {transform:scale(1);} 50% {transform:scale(0.6);} 100% {transform:scale(1);} } .inlcnr {display:flex;} .inlcnr li {width:100%;} .incli {padding:30px;background:#d3e2f7;margin-top:50px;color:#333;} .incli h4 {display:flex;justify-content:space-between;align-items:center;} .incli h4 b {display:inline-block;font-size:45px;float:left;font-family:Bahnschrift;} .incli h4 img {display:block;float:right;width:44px;height:44px;margin-right:20px;opacity:0.3;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out} .incli p {display:block;font-size:20px;font-weight:bold;padding:15px 0;} .incli tt {display:block;font-size:14px;opacity:0.7;} .inlcnr2 {height:250px;} .inlcnr2 .incli {padding:30px;background:#d3e2f7;margin-top:0px;color:#333;} .inlcbt {margin-top:50px;padding:62px 0;text-align:center;font-size:32px;color:#262626;font-weight:bold;line-height:35px;background:url("../images/icon10.png") right bottom no-repeat;} .inlcnr .incli2 {background:#edf3fc;} .inlcnr .incli2 h4 b {color:#1664ff;} .incli:hover {background:#1664ff url("../images/img.png") center bottom no-repeat;background-size:100% auto;color:#fff;margin-top:0px;padding:60px 30px 50px 30px;box-shadow:0px 0px 16px 0px rgba(0,0,0,0.23);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .incli:hover h4 b {color:#fff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .incli:hover h4 img {margin-right:0px;opacity:1;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out} .allinnews {background:#fff url("../images/icon11.png") center bottom no-repeat;background-size:100% auto;overflow:hidden;} .allinnews2 {background:#fff url("../images/icon11.png") center no-repeat;background-size:100% auto;overflow:hidden;} .innewsbt {padding:60px 0;display:flex;justify-content:space-between;align-items:center;} .innewsbt b {font-size:32px;color:#262626;} .innewsbt tt {color:#595959;font-size:18px;padding-top:20px;display:block;font-weight:400;} .innewsbt a {display:inline-block;height:36px;line-height:36px;padding:0 30px;background:url("../images/icon12.png") right center no-repeat;color:#595959;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .innewsbt a:hover {background:url("../images/icon12_1.png") right center no-repeat;color:#fff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .innewtw {padding:10px 0 40px 0;display:flex;justify-content:space-between;} .innewtw li {background:#fff;width:30%;line-height:66px;font-size:20px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out; text-align: center;} .innewtw li a span {display:block;height:265px;overflow:hidden;} .innewtw li a span img {width:100%;display:block;} .innewtw li a tt {padding:10px 15px;} .innewtw li:hover {box-shadow:0px 6px 7px 0px rgba(0,0,0,0.08);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .newslist {padding-bottom:15px;background:rgb(255,255,255,0.5);} .newslist li {padding:20px 0;display:flex;align-items:center;border-bottom:1px solid #efefef;} .newslist li:hover {background:#fff;} .newsl {width:320px;border-right:1px solid #ededed;display:flex;font-family:Bahnschrift;padding:10px 0;text-align:center;align-items:center;justify-content:center;} .newsl {font-size:50px;color:#ebebeb;line-height:60px;} .newsl tt {font-size:60px;color:#333;font-family:Bahnschrift;line-height:60px;} .newsl span {font-size:25px;color:#ccc;font-family:Bahnschrift;line-height:25px;padding:5px 0 0 10px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .newsr a {padding:5px 30px;display:block;} .newsr a span {display:block;font-size:20px;color:#333;font-weight:bold;} .newsr a tt {display:block;color:#666;font-size:14px;line-height:25px;padding-top:10px;} .newsr a:hover span {color:#2c68ff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .alldibu {background:#070707;} .for_b {/* height:60px; */line-height: 35px;color:#a6a6a6;border-top:1px solid #212121;opacity:0.6;font-family:Bahnschrift;text-align: center;padding: 20px 0;font-size: 16px;} .for_b a{color:#a6a6a6;} .forcom {padding:60px 0 60px 0;display:flex;align-items:flex-start;justify-content:space-between;} .forlogo {width:280px;color:#a6a6a6;font-family:Bahnschrift;} .forlogo .logo {width:132px;height:36px;display:block;margin-bottom:20px;} .forli {padding:0 26px 8px 34px;border-left:1px solid #212121;} .forli b {display:block;height:65px;line-height:65px;color:#fff;font-size:16px;position:relative;} .forli b i {position:absolute;left:0;bottom:0;width:30px;height:3px;background:#2c2c2c;} .forli ul {padding-top:25px;} .forli li a {display:block;color:#a6a6a6;line-height:30px;font-size:14px;} .forli li a:hover {color:#fff;} .forli p {height:25px;line-height:25px;color:#a6a6a6;font-size:14px;font-family:Bahnschrift;} .forli p img {width:17px;height:17px;display:inline-block;margin-top:0;margin-right:15px;vertical-align:middle;} .rwmin {display:flex;width:215px;justify-content:space-between;padding-top:25px;} .rwmin div {width:42%;background:#fff;text-align:center;padding:5px;} .rwmin div img {width:100%;} .indexkf {padding:10px 0 10px 10px;box-shadow:0px 0px 13px 0px rgba(0,0,0,0.08);background:#fff;border-radius:30px 0 0 30px;display:block;} .indexkf img {width:50px;display:block;} .pages {text-align:center;margin:30px 0;height:40px;padding-top:40px;font-size:16px;border-top:1px solid #e2e2e2;} .pages a {border:1px solid #e6e6e6;margin:0 2px;padding:3px 15px;color:#333;} .pages a:hover {border:1px solid #0076be;} .pages a.on {background:#f0f9ff;border:1px solid #3860f4;margin:0 2px;padding:3px 15px;color:#3860f4;} .mbnav {border-bottom:1px solid #e5e5e5;line-height:60px;color:#595959;font-size:18px;margin-bottom:40px;} .mbnav a {color:#2c68ff;} .mbnav span {padding:0 15px;} .nbanner {background:url("../images/news.png") no-repeat;background-size:auto 100%;height:479px;} .yxtk {background:url("../images/yingxiaotuike.png") no-repeat;background-size:auto 100%;height:479px;} .yxtk {background:url("../images/xcx.png") no-repeat;background-size:auto 100%;height:479px;} .nweb {background:url("../images/web.jpg") no-repeat;background-size:auto 100%;height: 300px;margin-top: 125px;} .zzry {background:url("../images/zzry.png") no-repeat;background-size:auto 100%;height:479px;} .nabout {background:url("../images/about.png") no-repeat;background-size:auto 100%;height:479px;} .ncontact {background:url("../images/contact.png") no-repeat;background-size:auto 100%;height:479px;} .nbanner_nr {padding-top: 100px;font-size:18px;color:#595959;} .nbanner_nr h2 {font-size:43px;color:#2c68ff;display:block;padding-bottom:30px;} .zzry .nbanner_nr {color:#fff;text-align:center;} .zzry .nbanner_nr h2 {color:#fff;} .news_n {display:flex;padding-bottom:60px;} .news_nl {flex-grow:1;word-break:break-all;} .news_nr {width:315px;margin-left:20px;flex-grow:0;flex-shrink:0;} .news_nr .top b {font-size:16px;display:inline-block;line-height:50px;border-top:2px solid #2c68ff;color:#000;} .news_nr li {border:1px solid #e5e8e8;padding:30px 30px 25px 30px;margin-bottom:20px;} .news_nr li a {display:block;font-size:16px;color:#333333;line-height:20px;} .news_nr li span {line-height:60px;color:#999;font-size:16px;} .n_top {padding-bottom:15px;overflow:hidden; text-align: center; } .n_top h1 {font-size:35px;color:#000;line-height:45px;padding:35px 0 0 0;} .n_top em {display:block;font-size:14px;color:#9f9f9f;} .n_top em i {padding-right:10px;display:inline-block;line-height:45px;} .n_top tt {display:block;background:#f9faff;padding:25px;line-height:25px;font-size:14px;color:#434343;} .n_con{ min-height: 200px;} .n_con p img {max-width:920px;display:block;margin:0 auto;} .n_con p {padding:15px 0;overflow:hidden;font-size:18px;color:#333;} .news_b {border-top:1px solid #ebf0fc;padding-top:20px;padding-bottom:40px;overflow:hidden;display:flex;justify-content:space-between;} .news_f {float:right;line-height:35px;color:#4F4E4E;font-size:14px;padding-top:15px} .news_b a {color:#2d66a5;font-size:16px;line-height:35px;width:49%;overflow:hidden;} .in_anli2 {background:#f4f4f4;} .in_anli2 .inalconr {width:100%;padding:30px 0;} .in_anli2 .inalconr li {width:18%;margin:20px 0.8%;} .in_anli2 .inalconr ul {flex-wrap:wrap;justify-content:flex-start;} .all_lcbj {background:url("../images/icon13.jpg") center no-repeat;background-size:auto 100%;overflow:hidden;} .all_lcbj2 {background:url("../images/icon13.jpg") center no-repeat;background-size:100%;overflow:hidden;padding-bottom:40px;} .xcxfw {display:flex;padding:30px 0 100px 0;flex-wrap:wrap;align-content:center;justify-content:space-between;} .xcxfw li {width:24%;height:132px;background:#f3f8fe;font-size:18px;color:#282828;line-height:132px;position:relative;display:flex;align-items:center;margin:10px 0;font-weight:bold;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .xcxfw li .dian {display:inline-block;margin:0 25px;} .xcxfw li .beijin {width:150px;height:132px;position:absolute;top:0;right:0;} .xcxfw li:hover {box-shadow:0px 5px 10px 0px rgba(0,55,213,0.13);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .allyl {height:650px;background:#02182c;overflow:hidden;position:relative;} .allyl .allh1 b,.allyl .allh1 tt {color:#fff;} .allyl img {width:800px;position:absolute;left:50%;margin-left:-400px;opacity:0.1;bottom:-300px;z-index:1;} .ylcom {display:flex;padding-top:50px;flex-wrap:wrap;justify-content:space-around;position:relative;z-index:3;} .ylcom li {background:#fff;height:56px;line-height:56px;color:#595959;font-size:18px;padding:0 50px;margin:20px 0;border-radius:60px;} .allyl .w1576 {width:1100px;min-width:1100px;} .ylcom li:hover {animation:ylcom 0.9s linear infinite;background:#2c68ff;color:#fff;} @keyframes ylcom {0% {transform:scale(1);} 50% {transform:scale(0.9);} 100% {transform:scale(1);} } .ylcom li {animation:ylli 3s linear infinite;background:#2c68ff;color:#595959;} @keyframes ylli {0% {background:rgb(255,255,255,1);} 50% {background:rgb(255,255,255,0.8);} 100% {background:rgb(255,255,255,1);} } .allzz {background:url("../images/img2.png") center no-repeat;background-size:auto 100%;overflow:hidden;} .yxtkzz {display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 0 160px 0;} .yxtkzz li {height:150px;overflow:hidden;width:49%;background:rgb(255,255,255,0.6);margin-top:20px;position:relative;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .yxtkzz li span {display:block;font-size:24px;color:#333;padding:47px 0 0 47px;font-weight:bold;} .yxtkzz li tt {display:block;padding-top:15px;font-size:14px;color:#595959;font-weight:400;} .yxtkzz li img {width:200px;position:absolute;top:40px;right:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;opacity:0.6;} .yxtkzz li:hover {height:147px;border-top:3px solid #2c68ff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .yxtkzz li:hover img {top:10px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;opacity:1;} .allly {background:url("../images/img3.png") center no-repeat;background-size:auto 100%;overflow:hidden;} .liyui {display:flex;justify-content:space-between;padding-top:30px;} .liyui li {background:#1664ff;color:#fff;height:185px;width:100%;position:relative;overflow:hidden;} .liyui li span {display:block;font-size:18px;padding:58px 0 0 47px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;position:relative;z-index:2} .liyui li tt {display:block;padding-top:15px;font-size:14px;font-weight:bold;font-size:25px;} .liyui li img {width:185px;height:185px;display:block;position:absolute;left:-185px;top:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;z-index:1;} .liyui li.hui {background:#eaf2fa;} .liyui li.hui span {color:#595959;} .liyui li:hover img {left:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .liyui li:hover span {transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;padding:58px 0 0 185px;} .liyui2 {padding-bottom:100px;} .liyui2 li {background:#000f2e;} .liyui2 li.hui {background:#59acff;} .liyui2 li.hui span {color:#000;} .liyui2 li.hui2 {background:#002e89;} .liyui2 li img {width:185px;height:185px;display:block;position:absolute;left:inherit;right:-185px;top:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .liyui2 li:hover img {left:inherit;right:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .liyui2 li:hover span {transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;padding:58px 0 0 47px;} .xcxfl {display:flex;padding:30px 0 100px 0;flex-wrap:wrap;justify-content:space-between;} .xcxfl li {width:16%;text-align:center;line-height:60px;font-size:18px;color:#595959;padding:25px 0;} .xcxfl li img {width:92px;height:92px;margin:0 auto;display:block;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;border-radius:50px;} .xcxfl li:hover img {box-shadow:0px 9px 10px 0px rgba(0,0,0,0.15);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .allxcxnd {background:#1664ff url("../images/img4.png") center no-repeat;background-size:100%;overflow:hidden;} .allxcxnd .allh1 b,.allxcxnd .allh1 tt {color:#fff;} .xcxnd {display:flex;flex-wrap:wrap;padding-top:30px;} .xcxnd li {width:25%;height:187px;background:rgb(203,220,252,0.6);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .xcxnd li b {display:block;font-size:32px;padding:50px 0 0 40px;color:#1664ff;} .xcxnd li b i {width:58px;height:3px;background:#1664ff;display:block;margin:15px 0 20px 0;} .xcxnd li span {display:block;font-weight:400;display:block;font-size:14px;color:#666;} .xcxnd li:nth-child(2n) {background:rgb(211,226,247,0.8);} .xcxnd li:nth-child(2n) b {color:#000033;} .xcxnd2 {padding:0 0 100px 0;} .xcxnd2 li b {display:block;font-size:32px;padding:50px 0 0 40px;color:#000033;} .xcxnd2 li {width:25%;height:187px;background:rgb(211,226,247,0.8);} .xcxnd2 li:nth-child(2n) {background:rgb(203,220,252,0.4);} .xcxnd2 li:nth-child(2n) b {color:#1664ff;} .xcxnd2 {padding:0 0 100px 0;} .xcxnd li:hover {background:#fff url(../images/icon10.png") right top no-repeat;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .allxcxys {background:#1664ff url("../images/img5.png") center no-repeat;overflow:hidden;} .xcxyx {display:flex;justify-content:space-between;padding:30px 0 100px 0;} .xcxyx li {width:15%;padding:0 2%;height:400px;background:rgb(255,255,255,0.6);text-align:center;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;margin-top:20px;} .xcxyx img {width:auto;height:200px;margin:30px auto;} .xcxyx b {display:block;font-size:20px;color:#333;} .xcxyx span {padding-top:20px;line-height:25px;font-size:14px;color:#595959;display:block;} .xcxyx li:hover {box-shadow:0px 0px 24px 0px rgba(0,55,213,0.4);background:#fff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;border-radius:18px;margin:0;} .inalconr2 li {width:23%;height:241px;border:3px solid #fff;border-radius:20px;position:relative;overflow:hidden;} .allanli {padding-top:50px;} .allanli img {display:block;max-width:1576px;margin:0 auto;} .zzrycom {display:flex;flex-wrap:wrap;padding:60px 0;} .zzrycom li {width:23%;margin:10px 1%;height:350px;display:flex;overflow:hidden;align-items:center;justify-content:center;background:#f4f4f4;} .zzrycom li img {display:block;height:auto;} .n_abou {background:#f4f6f9;height:580px;overflow:hidden;display:flex;position:relative;} .n_about {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;} .n_aboutl {width:430px;display:flex;flex-grow:0;flex-shrink:0;} .n_aboutl img {width:287px;display:block;margin:0 auto;} .n_aboutr {flex-grow:1;word-break:break-all;background:rgb(255,255,255,0.8);padding:40px;color:#282828;} .n_aboutr span {display:block;font-size:32px;padding-bottom:10px;} .n_aboutr p {padding-top:15px;font-size:18px;line-height:35px;} .about_yuan {border-radius:50%;border:3px solid #fff;width:670px;height:670px;background-image:-moz-linear-gradient( 120deg,rgb(245,245,248) 0%,rgb(216,226,246) 100%);background-image:-webkit-linear-gradient( 120deg,rgb(245,245,248) 0%,rgb(216,226,246) 100%);background-image:-ms-linear-gradient( 120deg,rgb(245,245,248) 0%,rgb(216,226,246) 100%);position:absolute;z-index:1;left:-300px;top:0px;animation:index_news_bj 25s infinite;animation-delay:1s;} .about_yuan2 {border-radius:50%;border:3px solid #fff;width:340px;height:340px;background-image:-moz-linear-gradient( 120deg,rgb(153,183,253) 0%,rgb(255,255,255) 100%);background-image:-webkit-linear-gradient( 120deg,rgb(153,183,253) 0%,rgb(255,255,255) 100%);background-image:-ms-linear-gradient( 120deg,rgb(153,183,253) 0%,rgb(255,255,255) 100%);position:absolute;z-index:1;left:500px;bottom:-200px;animation:index_news_bj2 25s infinite;animation-delay:1s;} .abou_sm {height:450px;overflow:hidden;position:relative;} .abou_sml {width:50%;height:450px;left:0;top:0;position:absolute;z-index:1;background:url(../images/img6.png") right no-repeat;} .abou_smr {width:50%;height:450px;right:0;top:0;position:absolute;z-index:1;background:url(../images/img7.png") right no-repeat;} .abou_sm .w1576 {padding-top:55px;position:relative;z-index:2;display:flex;} .abou_smcon {width:100%;padding:0 30px;color:#0170ed;} .abou_smcon2 {color:#fff;} .abou_smcon i {width:5px;height:5px;display:inline-block;border-radius:10px;background:#0070ee;margin:0 25px 10px 0;} .abou_smcon2 i {background:#fff;} .abou_smcon span {display:block;font-size:32px;font-weight:bold;padding-bottom:10px;line-height:60px;} .abou_smcon p {line-height:50px;font-size:18px;display:block;} .abou_ln {height:570px;background:url(../images/img8.jpg") center no-repeat;overflow:hidden} .abou_lncom {display:flex;padding-top:90px;justify-content:space-around;} .abou_lncom li {width:20%;padding:50px 2%;background:rgb(0,112,238,0.8);color:#fff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .abou_lncom li span {display:block;font-size:20px;font-weight:bold;line-height:30px;} .abou_lncom li tt {display:block;opacity:0.6;} .abou_lncom li:hover {background:#fff;box-shadow:0px 0px 27px 0px rgba(0,62,255,0.51);color:#0173ee;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .nctct {display:flex;padding:60px 0 150px 0;flex-wrap:wrap;justify-content:space-between;} .nctct li {width:24%;margin:5px 0;padding:20px 0;text-align:center;background:rgb(44,104,255,0.05);font-size:18px;color:#262626;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;font-family:'Bahnschrift';} .nctct li:hover {box-shadow:0px 0px 27px 0px rgba(0,62,255,0.51);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;background:#2c68ff;color:#fff;} .nctct2 {justify-content:space-evenly;} .nkefu {background:url("../images/img9.png") center no-repeat;position:relative;} .nkefuall {display:flex;position:relative;z-index:2;} .nkeful {width:100%;text-align:center;padding:200px 0 250px 0;color:#fff;} .nkeful span {font-size:32px;display:block;padding-bottom:50px;} .nkeful p {display:inline-block;padding:15px 30px;background:rgb(0,0,0,0.5);font-family:'Bahnschrift';font-size:20px;} .nkefuall_l {position:absolute;left:0;top:0;width:50%;height:100%;background:rgb(44,104,255,0.6);z-index:1;} .nkeful2 p {background:rgb(44,104,255,0.6);} .lxwmall {padding:80px 0;background:url("../images/img10.png") center no-repeat;background-size:100% auto;} .lxwmall .w1576 {display:flex;align-items:center;justify-content:space-between;} .lxwm_l {color:#fff;font-size:16px;line-height:55px;} .lxwm_l p {font-family:'Bahnschrift';} .lxwm_r {width:930px;height:395px;overflow:hidden;background:#fff;border-radius:15px;margin-left:50px;} .fwjdall {background:url("../images/img11.png") no-repeat;background-size:cover;overflow:hidden} .popup_bj {position:fixed;z-index:9999;background:rgb(0,0,0,0.8);top:0;left:0;width:100%;height:100%;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .dis_none {display:none;} .popup_con {width:1167px;height:552px;border-radius:20px;border:3px solid #fff;margin:10% auto 0 auto;box-shadow:0px 12px 6px 0px rgba(0,0,0,0.11);background:#fff;position:relative;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .popup_con .fr {width:460px;background:#3860f4;height:486px;border-radius:0 10px 10px 0;overflow:hidden;padding:33px; border-radius: 0 20px 20px 0;} .popup_con .fl {width:520px;overflow:hidden;padding:33px;} .popup_con .fl b,.popup_con .fr b {font-size:30px;color:#000;display:block;padding-bottom:15px;} .popup_con .fl span,.popup_con .fr span {font-size:18px;color:#7586a0;display:block;line-height:35px;padding-bottom:20px;} .popup_con .fl input.in_text {padding:0 3%;width:93%;height:55px;border:1px solid #ebf0fc;border-radius:4px;font-size:16px;margin-bottom:15px;} .text_wb {width:93%;padding:3%;border:1px solid #ebf0fc;height:128px;margin-bottom:25px;font-size:16px;overflow:hidden;resize: none;} .popup_con .fl .bnt {height:55px;background:#3860f4;line-height:55px;padding:0 80px;font-size:16px;color:#fff;cursor:pointer;} .popup_con .fr b {padding-top:50px;} .popup_con .fr b,.popup_con .fr span {text-align:right;color:#fff;} .popup_kf {display:flex;justify-content:space-between;} .kf_li {width:175px;background:#fff;border:3px solid #ebf0fc;text-align:center;padding:20px;overflow:hidden;} .kf_li img {width:100%;display:block;margin:0 auto;} .kf_li p {display:block;color:#656d7f;font-size:16px;text-align:center;padding-top:15px;} .popup_con .gb {width:40px;height:40px;position:absolute;top:-20px;right:-20px;cursor:pointer;} .popup_con .gb img {width:40px;height:40px;display:block;} @keyframes index_news_bj {0% {transform:scale(1);left:-300px;top:0px;} 40% {transform:scale(0.8);top:-450px;left:268px;opacity:0.6;} 70% {transform:scale(0.6);top:-450px;left:168px;opacity:0.3;} 100% {transform:scale(1);left:-300px;top:0px;opacity:1;} } .index_news_bj2 {animation:index_news_bj2 25s infinite;animation-delay:1s;left:inherit;right:-268px;} @keyframes index_news_bj2 {0% {transform:scale(1);left:500px;bottom:-200px;} 20% {transform:scale(0.8);bottom:150px;left:600px;opacity:0.4;} 50% {transform:scale(0.6);bottom:-250px;left:968px;opacity:0.7;}vh 100% {transform:scale(1);left:500px;bottom:-200px;opacity:1;} } @media screen and (max-width:1520px) { .incli tt { font-size: 12px;} .in_anli2 .inalconr li {width:17.5%;margin:20px 0.6.5%;} } @media screen and (max-width:1444px) {.ywcom div tt {display:block;width:42%;margin:6px 0;border:1px solid #e9effd;line-height:30px;color:#595959;font-size:12px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} .inalconl a.alkf {width:80%;} .inalconl a.alkf p {font-size:12px;} .inalconl h3 {font-size:25px;} .inalconl li {font-size:12px;} .inalconl {margin-right:8px;} } @media screen and (max-width:1380px) {.xfcom li tt {font-size:12px;color:#8594ad;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;} } @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, 100% { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 0%, 50%, 100% { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes pulse { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 30% { -webkit-transform:scale3d(1.25, 0.75, 1); transform:scale3d(1.25, 0.75, 1) } 40% { -webkit-transform:scale3d(0.75, 1.25, 1); transform:scale3d(0.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, 0.85, 1); transform:scale3d(1.15, 0.85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes rubberBand { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 30% { -webkit-transform:scale3d(1.25, 0.75, 1); transform:scale3d(1.25, 0.75, 1) } 40% { -webkit-transform:scale3d(0.75, 1.25, 1); transform:scale3d(0.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, 0.85, 1); transform:scale3d(1.15, 0.85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } @keyframes shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes tada { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform:none; transform:none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1% { -webkit-transform:none; transform:none } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg); transform:skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform:none; transform:none } } @keyframes jello { 11.1% { -webkit-transform:none; transform:none } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg); transform:skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform:none; transform:none } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } 100% { -webkit-transform:none; transform:none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } 100% { -webkit-transform:none; transform:none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } 100% { -webkit-transform:none; transform:none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 100% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 100% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } 100% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } 100% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } 100% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } 100% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } 100% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } 100% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg); transform:perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 50% { -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg); transform:perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 50% { -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg); transform:perspective(400px) rotate3d(1, 0, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg); transform:perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg); transform:perspective(400px) rotate3d(1, 0, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg); transform:perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); transform:perspective(400px) rotate3d(0, 1, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); transform:perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); transform:perspective(400px) rotate3d(0, 1, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); transform:perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0 } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg); transform:perspective(400px) rotate3d(0, 1, 0, -15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0 } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg); transform:perspective(400px) rotate3d(0, 1, 0, -15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1 } 100% { -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1 } 100% { -webkit-transform:none; transform:none; opacity:1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, -90deg); transform:rotate3d(0, 0, 1, -90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, -90deg); transform:rotate3d(0, 0, 1, -90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, 200deg); transform:rotate3d(0, 0, 1, 200deg); opacity:0 } } .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .tp-caption { z-index: 1; } .tp-caption.big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; padding: 3px 4px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color: #000; letter-spacing: 0px; } .tp-caption.big_orange { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 36px; line-height: 36px; font-family: Arial; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #fb7354; letter-spacing: -1.5px; } .tp-caption.big_black { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #fff; letter-spacing: -1.5px; } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #888; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.medium_text { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_black_text { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 42px; line-height: 42px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); letter-spacing: 0px; } .tp-caption.very_large_black_text { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 72px; line-height: 72px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.bold_red_text { position: absolute; color: #d31e00; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.bold_brown_text { position: absolute; color: #a04606; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.bold_green_text { position: absolute; color: #5b9830; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 3px 4px; padding-top: 1px; background-color: #7e8e96; } .tp-caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: #fff; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } /****************************** - BUTTONS - *******************************/ .button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; background: url(../images/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url(../images/g40.png) repeat-x top; } .purchase:hover, .button:hover, .button.big:hover { background-position: bottom, 15px 11px; } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .button.green, .button:hover.green, .purchase.green, .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .button.blue, .button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .button.red, .button:hover.red, .purchase.red, .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .button.orange, .button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .button.darkgrey, .button.grey, .button:hover.darkgrey, .button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .button.lightgrey, .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; visibility: hidden; } .tp-simpleresponsive img { max-width: none; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background: url(../images/shadow1.png) no-repeat; background-size: 100%; width: 890px; height: 30px; bottom: -30px; } .tp-bannershadow.tp-shadow2 { background: url(../images/shadow2.png) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow3 { background: url(../images/shadow3.png) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; } /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; } .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .tp-caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; } /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear: both; } .tp-bullets { z-index: 1000; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border: 1px solid #666; border-bottom: 1px solid #444; background: url(../images/boxed_bgtile.png); height: 40px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background: url(../images/navigdots_bgtile.png); height: 35px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; width: 20px; height: 20px; margin-right: 0px; float: left; margin-top:10px; margin-left: 3px; } .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; background: url(../images/bullets.png) no-Repeat bottom left; width: 23px; height: 23px; margin-right: 0px; float: left; margin-top: -12px; } .tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor: pointer; position: relative; background: url(../images/bullets2.png) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: -10px; } .tp-bullets.simplebullets.square .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; background: url(../images/bullets2.png) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: -10px; } .tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0px; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url(../images/bullet_boxed.png) no-Repeat top left; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0px !important; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url(../images/navigdots.png) no-Repeat bottom left; width: 15px; height: 15px; margin-left: 5px !important; margin-right: 5px !important; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0px !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position: top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_left.png) no-Repeat top left; width: 40px; height: 40px; } .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_right.png) no-Repeat top left; width: 40px; height: 40px; } .tp-leftarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(../images/small_left.png) no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: -7px; } .tp-rightarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(../images/small_right.png) no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: -7px; } .tp-leftarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrow_left.png) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: -13px; } .tp-rightarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrow_right.png) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: -13px; } .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(../images/small_left_boxed.png) no-Repeat top left; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; } .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(../images/small_right_boxed.png) no-Repeat top left; width: 20px; height: 15px; float: left; margin-left: 6px; margin-top: 12px; } .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrowleft.png) no-Repeat top left; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrowright.png) no-Repeat top left; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0px; } .tp-leftarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrow_left2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: -9px; } .tp-rightarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrow_right2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: -9px; } .tp-leftarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrow_left2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: -9px; } .tp-rightarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(../images/arrow_right2.png) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: -9px; } .tp-leftarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_left.png) no-Repeat 0 0; width: 40px; height: 40px; } .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(../images/large_right.png) no-Repeat 0 0; width: 40px; height: 40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position: bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index: 1000; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width: 100%; height: 10px; background: url(../images/timer.png); position: absolute; z-index: 200; } .tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px; } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important; } .responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important; } .responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display: none } .responsive .tparrows { display: none; } } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none; } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width: 10000px; height: 10000px; background: url(../images/coloredbg.png) repeat; } .tp-loader { background: url(../images/main_spinnerr.gif) no-repeat; margin: -22px -22px; top: 50%; left: 50%; z-index: 9990; position: absolute; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-transparentimg { content: "url(../images/transparent.png)" } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-bullets.simplebullets.round .bullet@charset "utf-8"; @font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('../images/HELVETICANEUELTPRO-THEX.otf'); font-weight: normal; font-style: normal; } input { border: none; background: none; } input, textarea { font-family: "微软雅黑", Arial; outline: 0; font-size: 14px; -webkit-appearance: none; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block } html, body { font: 12px Arial, "微软雅黑"; color: #929292; width: 100%; height: 100%; } .fw { margin: 0 auto; width: 1180px; } body { overflow-x: hidden; min-width: 1280px } #pageWrapper { } #header { width: 100%; height: auto; position: fixed; padding-top:15px; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 16px; transition: all ease .3s; z-index: 99; min-width:1280px; top:0; } .nobanner #header { background: rgba(33, 33, 33, 0.9); } #header .content { padding: 0 20px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out; } #header.mini { background: #fff;opacity: 1; padding-top: 10px;box-shadow: 0px 0px 9px 0px rgba(51, 112, 255, 0.15); } #header.mini .content {transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out; padding:0 30px; } #header.mini ul li.navitem { padding-bottom: 0; } #header #logo { overflow: hidden; height: 100px; lative; width: auto; line-height: 100px; display: block; float: left; margin-right: 50px; padding-bottom: 5px; } #header ul#nav { width:auto;float: right; } #header ul li.navitem { padding: 0 15px 10px 15px; width: auto; height: 100px; line-height: 100px; float: left; position: relative; transition: all ease .3s; } #header ul li.navitem:hover ul.subnav { opacity: 1; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); visibility: visible; } #header ul li.navitem a { color: #262626;font-size: 20px; transition: all ease-out .3s; } #header ul li.navitem:hover a { color: #3860f4 } #header ul li.navitem a.active i { width: 17px; height: 3px; border-radius: 10px; background: #3370ff; margin: 0 auto; display: block;animation:menui 0.6s linear infinite; } @keyframes menui{ 0% {transform:scale(1);} 50% {transform:scale(0.7);} 100% {transform:scale(1);} } #header ul li.navitem ul.subnav { position: absolute; width: 210px; border-top: #00C0FF 3px solid; top: 58px; opacity: 0; transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; padding:0; } #header ul li.navitem ul.subnav li { border-bottom: #2e2f29 1px solid } #header ul li.navitem ul.subnav li a { padding: 14px 30px; width: 150px; height: 20px; line-height: 20px; background: rgba(0,0,0,.7); display: block; color: #bbb9b9; font-size: 20px; transition: all ease-out .2s } #header ul li.navitem ul.subnav li a i { float: right; margin-top: 5px; transition: all ease-out .2s; opacity: 0 } #header ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: rgba(0,0,0,1); color: #fff } #header ul li.navitem ul.subnav li a:hover i { opacity: 1 } #sitecontent { height: auto; min-height:800px; } #indexPage #mslider { height: 700px; width: 100%; position: relative; overflow: hidden } #indexPage #mslider .bx-wrapper { position: fixed; width: 100%; } #indexPage #mslider ul li { width: 100%; height: 700px; display: block; background-position: center; background-repeat: no-repeat; background-size: cover } #indexPage #mslider ul li div { display: table-cell; text-align: center; vertical-align: middle; width: auto; } #indexPage #mslider ul li p { color: #fff; text-align: center; } #indexPage #mslider ul li p.title { font-size: 52px; line-height: 70px; height: 70px; transition-delay: 0 } #indexPage #mslider ul li p.subtitle { font-size: 16px; height: 20px; transition-delay: 0.2s } #indexPage #mslider ul li a { width: 100%; height: 100%; display: table; } #indexPage #mslider ul li a i { text-indent: 20px; font-size: 24px } #indexPage #mslider ul li p, #indexPage #mslider ul li a { transform: translateY(25px); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); transition: all ease-out .3s; -webkit-transition: all ease-out .3s; opacity: 0 } #indexPage #mslider ul li.active p, #indexPage #mslider ul li.active a { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1 } #indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: rgba(255,255,255,.8); } #indexPage .module { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 2 } #indexPage .module:last-child { border: none } #indexPage .module .bgmask { background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none } #indexPage .module.bgShow { background-attachment: fixed } #indexPage .module.bgShow .bgmask { display: block } #indexPage .module.bgShow .content { position: relative; } .bx-controls-direction .bx-next:hover, .bx-controls-direction .bx-prev:hover { } @-webkit-keyframes bxbutton { 10% { -webkit-transform: translateZ(6px) rotate(4deg) skewX(7deg); } 20% { -webkit-transform: translateZ(-6px) rotate(-4deg) skewX(-7deg); } 30% { -webkit-transform: translateZ(5px) rotate(4deg) skewX(6deg); } 40% { -webkit-transform: translateZ(-5px) rotate(-4deg) skewX(-6deg); } 50% { -webkit-transform: translateZ(4px) rotate(4deg) skewX(5deg); } 60% { -webkit-transform: translateZ(-4px) rotate(-4deg) skewX(-5deg); } 70% { -webkit-transform: translateZ(3px) rotate(5deg) skewX(4deg); } 80% { -webkit-transform: translateZ(-3px) rotate(-5deg) skewX(-4deg); } 90% { -webkit-transform: translateZ(2px) rotate(4deg skewX(3deg)); } 100% { -webkit-transform: translateZ(-2px) rotate(-4deg) skewX(-3deg); } } @keyframes bxbutton { 10% { transform: translateZ(6px) rotate(4deg) skewX(7deg); } 20% { transform: translateZ(-6px) rotate(-4deg) skewX(-7deg); } 30% { transform: translateZ(5px) rotate(4deg) skewX(6deg); } 40% { transform: translateZ(-5px) rotate(-4deg) skewX(-6deg); } 50% { transform: translateZ(4px) rotate(4deg) skewX(5deg); } 60% { transform: translateZ(-4px) rotate(-4deg) skewX(-5deg); } 70% { transform: translateZ(3px) rotate(5deg) skewX(4deg); } 80% { transform: translateZ(-3px) rotate(-5deg) skewX(-4deg); } 90% { transform: translateZ(2px) rotate(4deg skewX(3deg)); } 100% { transform: translateZ(-2px) rotate(-4deg) skewX(-3deg); } } #indexPage #mservice { background-color: #fff; height: 520px } #indexPage #mservice .content { padding-bottom: 100px; height: 340px } .content .header { padding-top: 80px; padding-bottom: 50px } .content .header p { text-align: center; } .content .header p.title { color: #444; font-size: 26px } .content .header p.subtitle { color: #c1c1c1; font-size: 12px; line-height: 30px; } #indexPage .slider_control { display: block; font-size: 36px; } #indexPage .slider_control i { color: #a1a1a1 } #indexPage .slider_control.fr { text-align: right } #indexPage #mservice .slider_wrapper { width: 1060px; height: 230px; overflow: hidden } #indexPage #mservice .slider_control { width: 60px; height: 180px; } #indexPage #mservice .slider_control i { margin-top: 80px } #indexPage #mservice .slider_wrapper .slider { width: 2000px; } .serviceitem { margin-right: 50px; width: 320px; height: 230px; float: left } .serviceitem a { display: block; width: 320px; height: 120px } .serviceitem div { text-align: center; margin-top: 15px } .serviceitem div p.title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #595959; font-size: 16px; height: 40px; line-height: 40px; transition: all ease-out .2s } .serviceitem div p.description { color: #848484; font-size: 13px; line-height: 24px; height: 50px; overflow: hidden; width: 100% } .serviceitem:hover .title { color: #00c0ff } #indexPage #mservice .slider_control { color: #898989 } #indexPage #mservice .slider_control:hover { color: #141414; } #indexPage #mproject { background-color: #f3f3f3; } #projectlist .projectitem { width: 25%; height: auto; float: left; position: relative; background::#000 } #projectlist .projectitem a { display: block; overflow: hidden } #projectlist .projectitem a img { width: 100%; height: auto; transition: all ease-out .3s } #projectlist .projectitem a:hover img { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); } #projectlist .projectitem .project_info { width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; transition: all ease-out .3s; } #projectlist .projectitem a:hover .project_info { background: rgba(0,0,0,.7) } #projectlist .projectitem .project_info p { text-align: center; color: #fff; padding: 0 20px } #projectlist .projectitem .project_info div { position: relative; top: 50%; margin-top: -15px } #projectlist .projectitem .project_info p.title { margin-top: 10px; color: rgba(0,0,0,0); font-size: 14px; transition: all ease-out .3s; } #projectlist .projectitem a:hover .project_info p.title { margin-top: 0px; color: #fff; } #projectlist .projectitem .project_info p.subtitle { margin-top: 16px; color: rgba(0,0,0,0); font-size: 12px; transition: all ease-out .3s; } #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 0px; color: #b7b7b7; font-size: 12px } #projectmore { width: 100%; height: 150px; line-height: 150px; text-align: center; font-size: 20px; color: #fff; display: block; background: #343434; transition: all ease-out .3s; text-indent: 0px; position: relative; z-index: 1 } #projectmore:hover { width: 100%; height: 150px; line-height: 150px; text-align: center; font-size: 20px; color: #fff; display: block; background: #00C0FF; text-indent: -50px; } .module-slider .description { width: 720px; text-align: center; height: 50px; margin: 0 auto; font-size: 13px; color: #848484; line-height: 24px; overflow: hidden } #indexPage a.more { border: #dfdfdf 1px solid; background: rgba(255,255,255,.0); width: 360px; height: 58px; display: block; margin: 50px auto 80px; line-height: 58px; font-size: 20px; color: #00C0FF; text-indent: 150px; border-radius: 30px; transition: all ease-out .3s; } #indexPage a.more:hover { border-color: #b6b6b6; text-indent: 130px; } #indexPage a.more i { text-indent: -10px; font-size: 24px; color: transparent; transition: all ease-out .3s } #indexPage a.more:hover i { text-indent: 18px; color: #707070; } #indexPage #mpage { background-color: #ffffff; } #indexPage #mpage .slider_wrapper { width: 100%; height: 100%; overflow: hidden; margin: 0 auto } #indexPage #mpage .slider_wrapper li { width: 100%; height: auto; } #indexPage #mpage .slider_wrapper li .fimg { background-repeat: no-repeat; background-position: top center; width: 100%; height: 400px } #indexPage #mteam { background-color: #303030; height: 540px } #indexPage #mteam .header img { float: none; display: block; margin: 10px auto 24px auto; border-radius: 90px; -webkit-backface-visibility: hidden; } #indexPage #mteam .header p.title { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #fff; font-size: 24px } #indexPage #mteam .header p.subtitle { color: #a5a5a5; font-size: 12px } #indexPage #mteam .description { color: #bebebe } #indexPage #mteam .slider_control { height: 300px; width: 60px; margin-top: 200px } #indexPage #mteam .slider_wrapper { width: 1060px; height: 480px; overflow: hidden } #indexPage #mteam .slider_control a i { color: #a1a1a1; transition: all ease-out .3s; } #indexPage #mteam .slider_control a:hover i { color: #fff } #indexPage #mnews { background-color: #f8f8f8; height: auto } #newslist .newstitem { width: 100%; height: 150px; border-bottom: rgba(0,0,0,0.05) 1px solid; transition: all ease-out .2s; position: relative; } #newslist .newscontent { width: 960px; height: 90px; padding-top: 40px; margin: 0px auto; display: block; position: relative; z-index: 1 } #newslist .newsinfo { margin-left: 160px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #newslist .newsdate { width: 180px } #newslist .newsdate p { font-family: "HELVETICANEUELTPRO-THEX", Arial; } #newslist .newsinfo .md { color: #dcdcdc; font-size: 60px; line-height: 50px; text-align: right } #newslist .newsinfo .year { color: #bdbdbd; font-size: 16px; text-align: right; } #newslist .newsbody { margin-left: 50px } #newslist .newsbody .title { width: 460px; height: 20px; line-height: 20px; font-size: 16px; color: #464646; } #newslist .newsbody .description { width: 460px; height: 42px; line-height: 22px; font-size: 13px; color: #6a6a6a; margin-top: 10px; overflow: hidden } #newslist .newstitem i { font-size: 36px; margin-top: 20px; color: rgba(0,0,0,0); transition: all ease-out .3s; text-indent: -30px; } #newslist .newstitem:hover i { font-size: 36px; margin-top: 20px; color: #fff; text-indent: 0px; } #newslist .newstitem:hover .newsinfo { transform: translate3d(-50px, 0, 0); -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); } #newslist .newstitem:hover p { color: #fff } #newslist .newstitem:hover a { color: #fff } #newslist .newstitem:hover { background: #00C0FF } #indexPage #mnews .news_wrapper { height: 100%; margin: 0 auto; overflow: hidden; width: 100%; } #indexPage #mpartner { background-color: #fff; height: 200px } #indexPage #mpartner .content { padding: 60px 0 } #indexPage #mpartner .slider_wrapper { width: 960px; height: 80px; overflow: hidden; margin: 0 auto } #indexPage #mpartner .slider_control { height: 40px; width: 40px; margin-top: 14px } #indexPage #mpartner .slider_control a { height: 40px; width: 40px; display: block; background: rgba(0, 0, 0, 0.2); border-radius: 20px; transition: all ease-out .3s; } #indexPage #mpartner .slider_control a i { color: #ffffff; margin-left: 16px; margin-top: 7px; font-size: 24px } #indexPage #mpartner .slider_control.next { text-align: left } #indexPage #mpartner .slider_control.next a i { margin-left: 18px } #indexPage #mpartner .slider_control a:hover { background-color: #00C0FF } #indexPage #mpartner .slider_wrapper ul li { width: 160px; height: 80px; float: left } #indexPage #mpartner .slider_wrapper ul li img { width: 160px; height: 80px; transition: all .3s ease-out 0s; } #indexPage #mcontact { background-color: #080808; height: 600px } #indexPage #mcontact .content { width: 940px } #indexPage #mcontact .header p.title { color: #fff; } #indexPage #mcontact .header p.subtitle { color: #c1c1c1; } #contactinfo { width: 540px; } #contactinfo h3 { font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 25px; font-weight: 100 } #contactinfo p { line-height: 24px; font-size: 13px; color: #989898; height: 24px; width: 100% } #contactinfo > a { color: #989898; text-decoration: underline } #contactinfo div { margin-top: 24px } #contactinfo div a { color: #efefef; width: 30px; height: 30px; display: block; font-size: 16px; background: #2e2f2f; margin-right: 10px; text-align: center; border-radius: 15px; transition: all 0.2s ease-out 0s; } #contactinfo div a:hover { color: #fff; background: #5c5c5c; } #contactinfo div a i { margin-top: 7px; font-size: 16px } #contactform p .inputtxt { width: 320px; height: 20px; line-height: 20px; padding: 10px 20px; color: #bcbcbc; background-color: #000; border: #3f3f3f 1px solid; margin-bottom: 10px; } #contactform p textarea.inputtxt { height: 100px; resize: none; overflow: hidden } #contactform p .inputsub { width: 100%; background-color: #00C0FF; color: #ffffff; font-size: 16px; padding: 8px 0 } #contactform .inputtxt.active { border-color: #00C0FF } #pages { padding: 40px 0; height: 36px; text-align: center } #pages a { width: 36px; height: 36px; background: f8f8f8; display: inline-block; color: #a9a9a9; line-height: 36px; text-align: center; font-family: Arial; margin-right: 5px; transition: background-color 0.2s ease-out } #pages span { margin-right: 5px } #pages a i { font-size: 24px; top: 2px; position: relative } #pages a.active, #pages a:hover { background: #00C0FF; color: #fff; } .nobanner .npagePage { padding-top: 80px } .npagePage #banner { width: 100%; height: 380px; position: relative; } .npagePage #banner div { background-color: #39383E; background-repeat: no-repeat; background-position: center; background-size: cover; position: fixed; width: 100%; height: 380px; } .npagePage .content { background: #fff; position: relative; z-index: 1 } #plheader { padding-bottom: 30px } #category { text-align: center; padding-bottom: 50px } #category li { display: inline-block } #category li.hasmore { height: 107px } #category li.hasmore div { position: absolute; width: 100%; left: 0 } #category li.hasmore div ul { text-align: center; margin-top: 20px; padding-top: 20px; border-top: rgba(0,0,0,0.10) 1px solid } #category a { line-height: 16px; height: 16px; padding: 8px 16px; color: #616161; border: #d2d2d2 1px solid; margin-right: 2px; display: inline-block; } #category li.hasmore div ul a { border: none } #category a.active, #category a:hover { background: #00C0FF; color: #fff; border-color: #00C0FF } #category li.hasmore div ul a.active, #category li.hasmore div ul a:hover { background: #7d7d7d; color: #fff } #teamlist { margin: 0 auto; width: 1100px; } #teamlist .wrap { margin-right: -70px } .teamitem { float: left; width: 320px; height: 460px; margin-right: 70px; margin-bottom: 50px } .teamitem a { width: 320px; height: 320px; display: block; position: relative; overflow: hidden } .teamitem a div.wrap { height: 50px; width: 100%; background: #da0000; position: absolute; bottom: -50px; color: #fff; transition: all ease-out .2s; transform: translate(0, 0px) } .teamitem a:hover div.wrap { transform: translate(0, -50px) } .teamitem a div.wrap div { width: 14px; height: 14px; margin: 18px auto; position: relative } .teamitem a div.wrap span { display: block; background: #fff; position: absolute; } .teamitem a div.wrap span.h { width: 14px; height: 2px; top: 6px } .teamitem a div.wrap span.v { width: 2px; height: 14px; left: 6px } .teamitem .teaminfo { margin-top: 33px; text-align: center } .teamitem .teaminfo .title { font-size: 18px; color: #000000; } .teamitem .teaminfo .subtitle { font-size: 12px; color: #9a9a9a; margin-top: 5px } .teamitem .teaminfo .description { font-size: 12px; color: #949494; margin-top: 15px; line-height: 20px; height: 38px; overflow: hidden } #teampost { padding-top: 50px } #teampost #teamimage { width: 408px; float: left; } #teampost #teamimage img { float: none; width: 408px; } #teampost #teambody { margin-left: 450px; } #teambody .theader .title { color: #343434; font-size: 30px } #teambody .theader .subtitle { color: #626262; font-size: 14px } #teambody .theader .postbody { margin-top: 36px } #servicelist { width: 1060px; margin: 0 auto } #servicelist .wrap { margin-right: -50px } #servicelist .serviceitem { margin-bottom: 50px } #projectwrap { padding-top: 50px; min-height: 600px } #projectbody { width: 800px; float: left; } #projectimages { background: #fff; } #projectimages li { margin-bottom: 10px } #projectimages li img { display: block; float: none; margin: 0 auto; max-width: 100% } #projectbody .postbody { padding-bottom: 20px; } #projectinfo { width: 340px; margin-left: 40px; float: left } #projectih { width: 340px } #projecttags { margin-top: 40px } #projecttags a { transition: all ease-out .3s; float: left; font-size: 13px; color: #989898; padding: 5px 10px; background: #f3f3f3; margin-right: 5px; margin-bottom: 5px } #projecttags a:hover { color: #fff; background: #ADADAD; } #projectib { margin-right: -10px; margin-top: 20px } #projectib .projectitem { width: 165px; height: auto; float: left; margin-right: 10px; margin-bottom: 14px } #projectib .projectitem img { width: 100%; height: auto; float: none } #projectib .projectitem a .project_info { width: 100%; height: 30px } #projectib .projectitem a .project_info p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #projectib .projectitem a .project_info p.title { margin-top: 10px; color: #333; font-size: 12px; transition: all ease-out .3s; } #projectib .projectitem a .project_info p.subtitle { margin-top: 0px; color: #b7b7b7; font-size: 12px; transition: all ease-out .3s; } #projectinfo .header { padding: 0; border-bottom: #cccccc 1px dotted; width: 340px } #projectinfo .header p { text-align: left } #projectinfo .header .description { color: #6a6a6a; font-size: 13px; line-height: 24px; margin: 30px 0 } .postbody { line-height: 24px; font-size: 13px; color: #6a6a6a } .postbody a { color: #00c0ff } .postbody a:hover { text-decoration: underline } .postbody img { float: none } .lowB #header, .lowB #indexPage #mslider .bx-wrapper, .lowB .npagePage #banner div { position: relative } .lowB #indexPage .module.bgShow { background-attachment: scroll } .lowB #header { background: rgb(23, 28, 32) } .lowB .nobanner .npagePage { padding: 0 } #footer { background: #000; width: 100%; position: relative; z-index: 1 } #footer p { text-align: right; padding: 20px 60px; font-size: 12px; color: #8e8e8e; height: 20px; line-height: 20px } #footer a { display: inline-block; width: 47px; height: 20px; vertical-align: top; margin-left: 20px; margin-right: 40px } #footer a img { float: none } #shares { position: fixed; right:-1px; bottom:150px; z-index:90 } #shares a#sshare { cursor: default; } #shares a#sweibo { background-color: #ea493c } #shares a#sweixin { background-color: #24b727 } #shares a#gotop { background-color: #fff;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08); width:46px; height:46px; border-radius: 2px;padding:2px; margin-top: 20px;border-radius: 60px; font-size: 22px;position: relative; } #shares a#gotop img { width:46px; height:46px; display: block;animation:gotop 3s linear infinite; } @keyframes gotop { 0% { opacity:0; transform:translate3d(0, 20%, 0) } 100% { opacity:1; transform:translate3d(0, -10%, 0) } } .fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0); background: rgba(0,0,0,.6); overflow-y: auto; z-index: 100; display: none } { height:auto; cursor:default; } #fixed_weixin .fixed-container { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5); width: 220px; height: auto; padding: 20px 20px 0 20px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -140px } #fixed_weixin .fixed-container div { height: 220px } #fixed_weixin .fixed-container p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000 } #fixed_mp .fixed-container { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5); width: 258px; height: 298px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px } #fixed_mp .fixed-container p { padding: 0 20px; text-align: center; font-size: 14px; color: #000 } .hide, .popup { display: none; } .show { display: block; } #projectinfo .description a { padding: 10px 40px; color: #fff; background: #00c0ff; transition: all ease .3s } #projectinfo .description a:hover { background: #02b2ed } #online_open { width: 30px; height: 30px; background: #00c0ff; cursor: pointer; position: fixed; right: -40px; bottom: 160px; z-index: 99999; font-size: 18px; color: #fff; text-align: center; line-height: 30px; } #online_open i { margin-top: 6px } :focus { outline: 0 !important } .fit-vids-style { display: none } figure { margin: 0; padding: 0; } figure img { width: 100% } iframe { border: none } ::-moz-selection { background: #c51b00; /* Firefox */ color: #fff; } /*-----------------------------------------------------------------------------------*/ /* GENERAL /*-----------------------------------------------------------------------------------*/ body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;text-align: justify; text-justify: inter-ideograph; } body, li, address { line-height: 20px } input, button, select, textarea { font-family: "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif; font-size: 14px; } .page-title { font-weight: 300 } .page-header { padding-bottom: 10px; margin: 0 0 50px 0; border-bottom: 1px solid #dedede; } .page-header:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .section-title { text-transform: uppercase; font-size: 16px; } .post-title a { color: #5c5c5c } .post-title a:hover { color: #c51b00 } h1.post-title, h2.post-title { font-size: 26px; margin: 0; } .post-title.portfolio { margin-bottom: 10px } .team h4 span { font-weight: normal; font-size: 13px; letter-spacing: normal; color: #919191; margin-left: 5px; } h4.post-title { margin-bottom: 10px } h4.post-title a { color: #5c5c5c } h4.post-title a:hover { color: #c51b00 } hr { border: 0; position: relative; background: #fff; border-bottom: 1px solid #dedede; margin: 40px 0 60px; } hr.arrow:after, hr.arrow:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } hr.arrow:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 7px; left: 50%; margin-left: -7px; } hr.arrow:before { border-color: rgba(0, 0, 0, 0); border-top-color: #dedede; border-width: 8px; left: 50%; margin-left: -8px; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 2px solid #dedede; border-left: 2px solid rgba(0,0,0,0.11); } .row { margin: 0 auto; } blockquote p { margin-bottom: 0; font-size: 17px; font-weight: 300; line-height: 27px; } blockquote small { line-height: 30px; color: #74c9be; } .map iframe { display: block } .dropcap { font-weight: 900; display: block; float: left; font-size: 45px; padding: 0; margin: 0; margin: 10px 8px 0 0; text-transform: uppercase; } .lead { font-size: 17px; line-height: 27px; font-weight: 300; margin-bottom: 25px; } .intro { font-size: 22px; line-height: 32px; font-weight: 300; margin-bottom: 20px; } .lite { color: #74c9be } ul { list-style: circle; list-style-position: inside; } ul.check { list-style: none } ul.check li:before { font-family: 'fontello'; content: "\2611"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-size: 12px; padding-right: 8px; color: #74c9be; } .media { margin-top: 0; } .media > .pull-left { margin-right: 20px } i.large { color: #74c9be; font-size: 40px; width: 40px; height: 40px; } .media-wrapper { margin-bottom: 10px } /*-----------------------------------------------------------------------------------*/ /* LAYOUT /*-----------------------------------------------------------------------------------*/ .body-wrapper, .box { width: 100% } .light-wrapper { background: #fff } .black-wrapper { background: #393939; color: #dedede; } .black-wrapper a { color: #dedede } .black-wrapper a:hover { color: #74c9be } .black-wrapper h1, .black-wrapper h2, .black-wrapper h3, .black-wrapper h4, .black-wrapper h5, .black-wrapper h6 { color: #74c9be } .inner { } .contact-info { margin: 0; list-style: none; font-size: 12px; } .contact-info li { line-height: 20px } .contact-info i { margin-right: 10px } .contact-info a { color: #5c5c5c } .contact-info a:hover { color: #74c9be } /*-----------------------------------------------------------------------------------*/ /* DIVIDERS /*-----------------------------------------------------------------------------------*/ .divide0 { width: 100%; height: 0px; } .divide2 { width: 100%; height: 2px; } .divide3 { width: 100%; height: 3px; } .divide5 { width: 100%; height: 5px; } .divide10 { width: 100%; height: 10px; } .divide15 { width: 100%; height: 15px; } .divide20 { width: 100%; height: 20px; } .divide25 { width: 100%; height: 25px; } .divide30 { width: 100%; height: 30px; } .divide35 { width: 100%; height: 35px; } .divide40 { width: 100%; height: 40px; } .divide45 { width: 100%; height: 40px; } .divide50 { width: 100%; height: 50px; } .divide55 { width: 100%; height: 55px; } .divide60 { width: 100%; height: 60px; } .divide65 { width: 100%; height: 65px; } .divide70 { width: 100%; height: 70px; } .divide75 { width: 100%; height: 75px; } .divide80 { width: 100%; height: 80px; } .divide85 { width: 100%; height: 85px; } .rm0 { margin-right: 0px } .rm1 { margin-right: 1px } .rm2 { margin-right: 2px } .rm5 { margin-right: 5px } .rm10 { margin-right: 10px } .rm15 { margin-right: 15px } .rm20 { margin-right: 20px } .rm25 { margin-right: 25px } .rm30 { margin-right: 30px } .rm40 { margin-right: 40px } .lm0 { margin-left: 0px } .lm1 { margin-left: 1px } .lm5 { margin-left: 5px } .lm7 { margin-left: 7px } .lm10 { margin-left: 10px } .lm15 { margin-left: 15px } .lm20 { margin-left: 20px } .lm25 { margin-left: 25px } .lm30 { margin-left: 25px } .lm40 { margin-left: 40px } .rp10 { padding-right: 10px } .rp20 { padding-right: 20px } .rp30 { padding-right: 30px } .lp10 { padding-left: 10px } .lp20 { padding-left: 20px } .lp30 { padding-left: 30px } .tp5 { padding-top: 5px } .tp10 { padding-top: 10px } .tp20 { padding-top: 20px } .tp30 { padding-top: 30px } .tm4 { margin-top: 4px } .tm5 { margin-top: 5px } .tm7 { margin-top: 7px } .tm10 { margin-top: 10px } .tm15 { margin-top: 15px } .tm20 { margin-top: 20px } .mbm1 { margin-bottom: -1px } .bm0 { margin-bottom: 0 !important } .bm5 { margin-bottom: 5px !important } .bm10 { margin-bottom: 10px !important } .bm15 { margin-bottom: 15px !important } .bm20 { margin-bottom: 20px !important } .nobottommargin { margin-bottom: 0px !important } .nobullets { list-style: none; margin-left: 0; } /*-----------------------------------------------------------------------------------*/ /* BUTTON /*-----------------------------------------------------------------------------------*/ .btn, .btn-group > .btn { color: #fff; background: #74c9be; margin-right: 5px; margin-bottom: 10px; padding: 8px 18px; font-weight: 900; font-size: 13px; text-shadow: none; border: none; text-transform: uppercase; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; } .btn.btn-large { padding: 13px 23px; font-size: 14px; } .btn.btn-green { background: #74c9be } .btn.btn-blue { background: #82b7dd } .btn.btn-purple { background: #9175ce } .btn.btn-pink { background: #d487be } .btn.btn-rose { background: #ce7581 } .btn.btn-orange { background: #ff7660 } .btn:hover, .btn:focus, .btn:active, .btn.active { background-color: #505050; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .portfolio-filter .btn:hover, .portfolio-filter .btn:focus, .portfolio-filter .btn:active, .portfolio-filter .btn.active, .btn-group.open .btn.dropdown-toggle { background-color: #74c9be; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding-top: 1px; padding-bottom: 1px; border: 0; } .portfolio-filter .btn { margin: -1px 0 0 0 } /*-----------------------------------------------------------------------------------*/ /* PAGINATION /*-----------------------------------------------------------------------------------*/ .grid-blog .pagination { margin: 0 0 0 20px } .pagination ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pagination ul > li { display: inline } .pagination ul > li > a, .pagination ul > li > span { float: left; border: none; padding: 8px 15px; font-size: 13px; text-transform: uppercase; text-decoration: none; background-color: #74c9be; color: #fff; margin-right: 5px; font-weight: 900; -webkit-border-radius: 5px; border-radius: 5px; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #505050; color: #fff; } .pagination ul > li:first-child > a, .pagination ul > li:last-child > a { -webkit-border-radius: 5px; border-radius: 5px; } a.meanmenu-reveal { display: none } .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #313131; padding: 4px 0; min-height: 42px; z-index: 9995; margin-bottom: 20px; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 11px 13px 11px 13px; position: absolute; top: 0; left: 50% !important; margin-left: -22px; cursor: pointer; color: #d0d0d0; text-decoration: none; font-size: 16px !important; line-height: 22px; display: block; } .mean-container .mean-nav { float: left; width: 100%; background: #313131; margin-top: 33px; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100% !important; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 100%; padding: 10px 30px; margin: 0; text-align: left; color: #d0d0d0; font-size: 12px; font-weight: 700; border-bottom: 1px solid #3c3c3c; text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li a .icn { display: none } .mean-container .mean-nav ul li li a { width: 100%; padding: 10px 50px; border-bottom: 1px solid #3c3c3c; text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 100%; padding: 10px 70px; } .mean-container .mean-nav ul li li li li a { width: 100%; padding: 10px 90px; } .mean-container .mean-nav ul li li li li li a { width: 100%; padding: 10px 110px; } .mean-container .mean-nav ul li a:hover { background: #2c2c2c } .mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 26px; border: none !important; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover { background: none } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /*-----------------------------------------------------------------------------------*/ /* FOOTER /*-----------------------------------------------------------------------------------*/ .subfooter { background: #5d5d5d; color: #dedede; } .subfooter .tleft { float: left; font-size: 11px; } .subfooter .tright { float: right; font-size: 11px; color: #87da8f; } .subfooter .tright a { color: #87da8f; } .subfooter .tright a span { color: #fff; } .subfooter a { color: #dedede } .subfooter a:hover { color: #74c9be } .subfooter .inner { padding-top: 5px; padding-bottom: 5px; } .subfooter .inner p { margin: 0; line-height: 14px; } i.contact { color: #74c9be; margin-right: 5px; } .widget .post-list { list-style: none; margin: 0; } .widget .post-list li { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.15); } .widget .post-list li:first-child { margin: 0; padding: 0; border: none; } .widget .post-list li h6 { font-size: 13px; line-height: 23px; font-weight: 400; letter-spacing: normal; margin: 0; } .widget .post-list li em { color: #949494; font-size: 11px; font-style: normal; } .tagcloud { line-height: 25px } /*-----------------------------------------------------------------------------------*/ /* SOCIAL ICONS /*-----------------------------------------------------------------------------------*/ .social { height: 30px; margin: 0; padding: 0; } .social li { display: inline-block; font-family: 'fontello-social'; margin-right: 1px; } .social li a { display: table; -webkit-transform: translateZ() !important; -webkit-backface-visibility: hidden !important; -webkit-perspective: 1000 !important; } .social li a i { text-align: center; display: table-cell; vertical-align: middle; color: #FFF; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; line-height: 30px; display: inline-block; text-align: center; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; opacity: 0.75; } .social a:hover i { opacity: 1 } .social .icon-s-pinterest { background-color: #c53942 } .social .icon-s-rss { background-color: #e86f04 } .social .icon-s-facebook { background-color: #4470cf } .social .icon-s-twitter { background-color: #5daed5 } .social .icon-s-flickr { background-color: #ff0088 } .social .icon-s-dribbble { background-color: #d07ead } .social .icon-s-behance { background-color: #098ffa } .social .icon-s-linkedin { background-color: #3393c1 } .social .icon-s-vimeo { background-color: #099fc7 } .social .icon-s-youtube { background-color: #c8312b } .social .icon-s-skype { background-color: #2ebbf0 } .social .icon-s-tumblr { background-color: #5d82a4 } .social .icon-s-delicious { background-color: #3274d1 } .social .icon-s-500px { background-color: #00a6df } .social .icon-s-grooveshark { background-color: #f66c00 } .social .icon-s-forrst { background-color: #2f7935 } .social .icon-s-digg { background-color: #1b5891 } .social .icon-s-blogger { background-color: #fc6605 } .social .icon-s-klout { background-color: #d8390f } .social .icon-s-dropbox { background-color: #016aab } .social .icon-s-github { background-color: #4073a6 } .social .icon-s-songkick { background-color: #ff0030 } .social .icon-s-posterous { background-color: #eac954 } .social .icon-s-appnet { background-color: #0291c9 } .social .icon-s-gplus { background-color: #a84539 } .social .icon-s-stumbleupon { background-color: #eb4923 } .social .icon-s-lastfm { background-color: #be0c02 } .social .icon-s-spotify { background-color: #7cc011 } .social .icon-s-instagram { background-color: #a4765c } .social .icon-s-evernote { background-color: #82d15c } .social .icon-s-paypal { background-color: #2a608e } .social .icon-s-picasa { background-color: #9864ae } .social .icon-s-soundcloud { background-color: #ff680d } /*-----------------------------------------------------------------------------------*/ /* REVOLUTION SLIDER /*-----------------------------------------------------------------------------------*/ .wide-bannercontainer { width: 100% !important; position: relative; padding: 0; max-height:774px !important; overflow: hidden; } .portfolio-bannercontainer { width: 100% !important; padding: 0; max-height: 586px !important; margin-bottom: 50px; } .revolution ul { visibility: hidden; margin: 0; list-style: none; } .tp-caption.white { color: #FFF; } .tp-caption.big { font-size: 46px; line-height: 33px; font-weight: 900; letter-spacing: -1px; } .tp-caption.small { font-size: 24px; line-height: 1 !important; font-weight: 300; margin-bottom: 25px; } .tp-caption.white-bg { background: #FFF; padding: 10px 15px; } .tp-caption.dark-bg { background: rgba(0,0,0,0.8); color: #cbcbcb; padding: 10px 15px; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .tp-loader { background: url(../images/loading.gif) no-repeat; background-color: #fafafa; margin: -15px -15px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 30px; height: 30px; background-size: 30px 30px; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .tp-loader { background-image: url(../images/loading-2x.gif) } } .tp-bannertimer { width: 100%; height: 10px; background: #ffffff; position: absolute; z-index: 9995; } .tparrows:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; width: 34px; height: 34px; line-height: 34px; font-size: 20px; padding-top: 3px; } .tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; top: 50% !important; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: #ececec; color: #747474; } .tp-leftarrow.default:before { content: '\e75d'; padding-left: 3px; } .tp-rightarrow.default:before { content: '\e75e'; padding-left: 7px; } /* Firefox Fix */ @-moz-document url-prefix() { .tparrows:before { padding-top: 2px } .tp-leftarrow.default:before { padding-left: 5px } .tp-rightarrow.default:before { padding-left: 9px } } .tparrows:hover { background: #74c9be; color: #fff; } .tp-bullets.simplebullets.round .bullet { width:60px; height:6px; margin-left: 5px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: #fff; } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover { width:60px; height:6px; background: #2c68ff; } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*-----------------------------------------------------------------------------------*/ /* SERVICES TABS /*-----------------------------------------------------------------------------------*/ .services .etabs { padding: 0; overflow: inherit; width: 90%; margin: 0 auto; } .services, .services .etabs { text-align: center } .services .tab { display: inline-block } .services .tab a { display: block } .services .tab .icon { display: table; margin: 0 auto 15px; position: relative; } .services .tab .icon i.icn { text-align: center; display: table-cell; vertical-align: middle; width: 100px; height: 100px; -webkit-border-radius: 50%; border-radius: 50%; background: #ececec; color: #5c5c5c; line-height: 1; font-size: 35px; text-transform: uppercase; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .services .tab:hover .icon i.icn, .services .tab.active .icon i.icn { background: #74c9be; color: #fff; } .services .tab:hover h4, .services .tab.active h4 { color: #74c9be } .services .tab h4 { margin: 0 } .services .tab .icon:before { opacity: 0; position: absolute; top: -5px; left: 44px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #74c9be; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .services .tab.active .icon:before { opacity: 1 } .services.tabs .panel-container { width: 90%; margin: 0 auto 30px; } .services.tab-container .panel-container p { margin: 0; padding-bottom: 10px; } /*-----------------------------------------------------------------------------------*/ /* TABS ON TOP /*-----------------------------------------------------------------------------------*/ .tabs-top .etabs { margin: 0; padding: 0; overflow: inherit; } .tabs-top.center .etabs { text-align: center } .tabs-top .tab { margin: 0; padding: 0; display: inline-block; zoom: 1; *display: inline; border: 1px solid #dedede; border-bottom: none; top: 1px; position: relative; z-index: 1; margin-right: 3px; } .tabs-top .tab a { padding: 13px 25px; display: block; background: #f7f7f7; color: #5c5c5c; font-size: 14px; font-weight: 700; } .tabs-top.left .tab a { padding: 10px 20px } .tabs-top .tab i { margin-right: 5px } .tabs-top .tab.active { position: relative; z-index: 3; } .tabs-top .tab.active a { background: #fff } .tabs-top .tab a:hover, .tabs-top .tab.active a { color: #74c9be } .tabs-top.tab-container .panel-container { border-top: 1px solid #dedede; position: relative; z-index: 1; display: block; } .tabs-top.tab-container .panel-container p { margin: 0; padding-bottom: 10px; } .tabs-top.tab-container .panel-container .tab-block { padding-top: 30px; padding-bottom: 0; } /*-----------------------------------------------------------------------------------*/ /* TABS ON SIDe /*-----------------------------------------------------------------------------------*/ .tabs-side:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .tabs-side .etabs { margin: 0; padding: 0; padding-top: 10px; overflow: inherit; width: 240px; float: left; } .tabs-side .tab { margin: 0; padding: 0; display: block; zoom: 1; border: 1px solid #dedede; border-right: none; left: 1px; position: relative; z-index: 1; border-top: none; letter-spacing: -1px; } .tabs-side .tab:first-child { border-top: 1px solid #dedede } .tabs-side .tab a { padding: 15px 25px; display: block; background: #f7f7f7; color: #5c5c5c; font-size: 14px; font-weight: 700; } .tabs-side .tab i { margin-right: 5px } .tabs-side .tab.active { position: relative; z-index: 3; } .tabs-side .tab.active a { background: #fff } .tabs-side .tab a:hover, .tabs-side .tab.active a { color: #74c9be } .tabs-side.tab-container .panel-container { border-left: 1px solid #dedede; position: relative; z-index: 1; display: block; width: 700px; float: right; } .tabs-side.tab-container .panel-container p { } .tabs-side.tab-container .panel-container .tab-block { padding-left: 30px } /*-----------------------------------------------------------------------------------*/ /* BLOG /*-----------------------------------------------------------------------------------*/ .meta { font-size: 11px; margin-bottom: 10px; } .meta, .meta a { color: #a6a6a6 } .meta a:hover { color: #74c9be } .grid-blog .post figure { margin-bottom: 20px } .grid-blog .post { margin-bottom: 43px } .grid-blog hr { clear: left; display: none; margin-left: 20px; margin-bottom: 50px; } .grid-blog.col2 hr:nth-child(3n) { display: none } .grid-blog.col2 hr:nth-child(4n) { display: block } .grid-blog.col3 hr:nth-child(3n) { display: block } .grid-blog hr:after, .grid-blog hr:before { display: none } .classic-blog .post.media figure { width: 220px; margin-bottom: 53px; } .classic-blog .post { width: 450px; } .classic-blog .postb { margin-bottom: 50px; width: 100%; } .media-bodyb p { font-size: 20px; line-height: 30px; } .classic-blog .wide .post figure { margin-bottom: 20px } /*-----------------------------------------------------------------------------------*/ /* SHOWBIZ /*-----------------------------------------------------------------------------------*/ .showbiz { position: relative } .showbiz-container { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; } .showbiz-navigation { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; position: absolute; top: -40px; right: 0; } .sb-navigation-left, .sb-navigation-right { cursor: pointer; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sb-navigation-left:before, .sb-navigation-right:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; width: 26px; height: 26px; line-height: 26px; font-size: 14px; } .sb-navigation-left, .sb-navigation-right { z-index: 100; cursor: pointer; position: relative; top: 50% !important; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; background: #ececec; color: #747474; } .sb-navigation-left:before { content: '\e75d' } .sb-navigation-right:before { content: '\e75e' } /* Firefox Fix */ @-moz-document url-prefix() { .sb-navigation-left:before { padding-right: 1px } .sb-navigation-right:before { padding-left: 2px } } .sb-navigation-left:hover, .sb-navigation-right:hover { background: #74c9be; color: #fff; } .sb-hidden { display: none } .showbiz ul, .showbiz li { list-style: none; margin: 0 0 -10px 0; padding: 0; } .showbiz ul li { position: relative; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; margin-right: 20px; } .showbiz .overflowholder { overflow: hidden; position: relative; width: 100%; z-index: 2; } .showbiz .overflowholder ul { width: 100000px; position: absolute; top: 0px; left: 0px; } .showbiz .overflowholder ul li { float: left !important; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: relative; } .showbiz .mediaholder { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: transparent; padding: 0px; border: none; margin-bottom: 15px; } .showbiz .mediaholder_innerwrap { position: relative; overflow: hidden; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .showbiz .mediaholder img { width: 100%; position: relative; } /*-----------------------------------------------------------------------------------*/ /* SIDEBAR /*-----------------------------------------------------------------------------------*/ .sidebox { margin-top: 50px; display: block; } .sidebox h3 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; } .sidebox:first-child { margin: 0 } .sidebox .post-list { padding: 0; margin: 0; } .sidebox .post-list:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .sidebox .post-list li { clear: both; padding: 0; margin-bottom: 15px; display: block; overflow: hidden; } .sidebox .post-list h6 { font-size: 15px; line-height: 28px; margin: 0; font-weight: normal; text-transform: none; letter-spacing: normal; } .sidebox a { color: #5c5c5c } .sidebox a:hover { color: #74c9be } .sidebox .post-list .overlay { float: left; width: 70px; height: 70px; } .sidebox .post-list .meta { margin-left: 85px; overflow: hidden; } .sidebox.widget form { margin: 0 } .sidebox.widget .searchform input { margin: 0 } .widget .list { list-style: none; margin: 0; } .border-list { list-style: none; margin: 0; background: #f7f7f7; border: 1px solid #dedede; } .border-list li { border-top: 1px solid #dedede; position: relative; } .border-list li a { display: block; padding: 7px 12px; color: #5c5c5c; } .border-list li a:hover { color: #74c9be } .border-list li:after { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: block; text-decoration: inherit; content: "\e762"; display: block; position: absolute; right: 12px; top: 8px; font-size: 17px; } .border-list li:first-child { border-top: none } /*-----------------------------------------------------------------------------------*/ /* FORMS /*-----------------------------------------------------------------------------------*/ .forms { position: relative; padding: 0; width: 100%; } .form-container .response { display: none } .forms ol { margin: 0; padding: 0; } .forms ol li { line-height: auto; list-style: none; } .forms li.hidden-row { display: none } /*-----------------------------------------------------------------------------------*/ /* THUMBNAILS /*-----------------------------------------------------------------------------------*/ .thumbs { list-style: none; margin-bottom: -20px; } .thumbs .media-wrapper { margin: 0 0 20px 0 } .thumbs .thumb { margin-bottom: 20px } .clients .thumb { margin-bottom: 20px } .clients .media-wrapper { margin: 0 } .thumbs .thumb .social { margin-bottom: 40px } /*-----------------------------------------------------------------------------------*/ /* PORTFOLIO /*-----------------------------------------------------------------------------------*/ #portfolio .thumbs .thumb { margin-bottom: 40px } .navigation .btn { margin: 0 0 0 5px } .navigation .btn.back { margin: 0 } .navigation:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .item-details span { text-transform: uppercase; font-weight: 900; color: #74c9be; letter-spacing: -1px; margin-right: 5px; } .item-details a { color: #5c5c5c } .item-details a:hover { color: #74c9be } .media-wrapper.portfolio { margin-bottom: 50px } .isotope, .isotope .item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /*-----------------------------------------------------------------------------------*/ /* DIRECTION AWARE HOVER /*-----------------------------------------------------------------------------------*/ .overlay a, .overlay a img { display: block; position: relative; } .overlay a { overflow: hidden } .overlay a div { position: absolute; width: 100%; height: 100%; } .overlay a div:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; position: absolute; width: 24px; line-height: 1; height: 24px; text-align: center; content: '\f517'; font-size: 24px; color: #FFF; top: 50%; left: 50%; margin: -12px 0 0 -12px; } .portfolio .overlay a div:before { content: '\e744'; width: 26px; height: 26px; font-size: 26px; margin: -13px 0 0 -13px; } .post-list .overlay a div { -webkit-box-shadow: inset 0 0 0 4px rgba(255,255,255,0.15); -moz-box-shadow: inset 0 0 0 4px rgba(255,255,255,0.15); box-shadow: inset 0 0 0 4px rgba(255,255,255,0.15); } .post-list .overlay a div:before { width: 18px; height: 18px; font-size: 18px; margin: -9px 0 0 -9px; } .overlay a div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .da-slideFromTop { left: 0px; top: -100%; } .da-slideFromBottom { left: 0px; top: 100%; } .da-slideFromLeft { top: 0px; left: -100%; } .da-slideFromRight { top: 0px; left: 100%; } .da-slideTop { top: 0px } .da-slideLeft { left: 0px } /*-----------------------------------------------------------------------------------*/ /* ACCORDION/TOGGLE /*-----------------------------------------------------------------------------------*/ .accordion-heading h5 { margin: 0 } .accordion-heading a:hover h5 { color: #74c9be } .accordion-group { margin-bottom: 5px; border: 1px solid #dedede; background: #fafafa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .accordion-heading .accordion-toggle { padding: 11px 15px } .accordion-inner { padding: 12px 15px; border-top: 1px solid #dedede; } /*-----------------------------------------------------------------------------------*/ /* TABS /*-----------------------------------------------------------------------------------*/ .nav-tabs { border: none } .nav-tabs > li { margin-bottom: -1px } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; font-weight: 900; border: 1px solid #dedede; border: 1px solid rgba(0,0,0,0.13); border-bottom-color: transparent; } .nav > li > a { color: #818181 } .nav > li > a:hover, .nav > li > a:focus { background: none; color: #74c9be; } .nav-tabs > li > a { margin-right: 4px; padding-right: 15px; padding-left: 15px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #dedede; border-color: rgba(0,0,0,0.13); border-bottom: transparent; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #74c9be; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .tab-content { background: #FFF; border: 1px solid #ddd; padding: 15px; } /*-----------------------------------------------------------------------------------*/ /* FANCYBOX /*-----------------------------------------------------------------------------------*/ #fancybox-thumbs ul li img { max-width: none } .fancybox-wrap { background: #FFF !important } .fancybox-title, .fancybox-error { font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; line-height: 23px !important; } .fancybox-title h2, .fancybox-title h3 { color: #5c5c5c; margin-bottom: 10px; line-height: 22px; font-size: 18px; } .fancybox-skin { color: #5c5c5c !important } .fancybox-title-inside-wrap { padding: 20px !important } .fancybox-nav span { width: 34px !important; height: 34px !important; margin-top: -17px !important; } .fancybox-close { top: -17px !important; right: -17px !important; width: 34px !important; height: 34px !important; } .fancybox-close:before, .fancybox-prev span:before, .fancybox-next span:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0 !important; margin-top: 6px !important; text-align: center; width: 34px !important; font-size: 20px !important; } /* Firefox Fix */ @-moz-document url-prefix() { .fancybox-close:before, .fancybox-prev span:before, .fancybox-next span:before { margin-top: 5px !important } } .fancybox-close, .fancybox-prev span, .fancybox-next span { background: #ececec !important; color: #747474 !important; text-align: center; -webkit-transition: all 200ms ease-in !important; -o-transition: all 200ms ease-in !important; -moz-transition: all 200ms ease-in !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; } .fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover { background: #74c9be !important; color: #fff !important; } .fancybox-prev span:before { content: '\e75d' } .fancybox-next span:before { content: '\e75e' } .fancybox-close:before { content: '\2715' } #fancybox-loading { margin-top: -12px !important; margin-left: -12px !important; background: #000 !important; padding: 8px; opacity: 1 !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; } #fancybox-loading div { width: 24px !important; height: 24px !important; background-image: url(../images/fancy-loading.gif) !important; } media_tag_5 { media_subcode: 5 } /*-----------------------------------------------------------------------------------*/ /* TESTIMONIALS /*-----------------------------------------------------------------------------------*/ .arrow-box { position: relative; border: 1px solid #dedede; margin-left: 8px; padding: 15px 20px; background-color: #fafafa; } .arrow-box:after, .arrow-box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow-box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fafafa; border-width: 7px; top: 22px; } .arrow-box:before { border-color: rgba(0, 0, 0, 0); border-right-color: #dedede; border-width: 8px; top: 21px; } .testimonials .media > .pull-left { margin-right: 10px } .testimonials blockquote { padding: 0; margin: 0; border: none; } .testimonials blockquote p { font-style: italic } .testimonials blockquote small { font-style: normal } .testimonials blockquote p, .testimonials blockquote small { font-size: 13px; line-height: 23px; font-weight: normal; } /*-----------------------------------------------------------------------------------*/ /* PRICING TABLE /*-----------------------------------------------------------------------------------*/ .pricing { width: 100%; overflow: hidden; text-align: center; padding-bottom: 10px; display: block; } .pricing .btn { margin: 0 } .pricing .plan { border: 1px solid #dedede } .pricing .plan h3 { font-size: 18px; line-height: 45px; margin: 0; padding: 5px 0; background: #fff; color: #5c5c5c; } .pricing .plan h4 { padding: 20px 0; margin: 0; background: #f5f5f5; } .pricing .plan h4 span { color: #74c9be } .pricing .plan h4 .amount { display: block; text-align: center; } .pricing .plan h4 .amount { font-size: 45px; padding-bottom: 10px; } .pricing .plan h4 .amount span { vertical-align: super; font-size: 20px; font-weight: 300; } .pricing .plan li:nth-child(2n) { background: #f5f5f5 } .pricing .plan ul { margin: 0; list-style: none; } .pricing .plan ul li { background: #fff; padding: 15px 0; } .pricing .plan h3 { text-transform: uppercase } .pricing .select { background: #f5f5f5; padding: 18px 0; } /*-----------------------------------------------------------------------------------*/ /* PROGRESS BAR /*-----------------------------------------------------------------------------------*/ .progress-list { margin: 0; list-style: none; } .progress-list li { margin-bottom: 20px } .progress-list li em { padding-left: 8px; color: #74c9be; } .progress-list li em:before { content: "-"; padding-right: 10px; display: inline-block; } .progress.plain { height: 15px; margin-bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background: #f5f5f5; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress.plain .bar { float: left; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: none; background: #74c9be; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*-----------------------------------------------------------------------------------*/ /* COMMENTS /*-----------------------------------------------------------------------------------*/ #comments { margin: 0 } #comments ol.commentlist { list-style: none; margin: 0; padding-bottom: 15px; } #comments ol.commentlist li { padding: 20px 0 0 0; background: none; } #comments .user { float: left; width: 70px; height: 70px; position: relative; } #comments .message { overflow: hidden } #comments .arrow-box { margin-left: 20px } #comments ul.children { margin: 0; overflow: inherit; padding: 0 0 0 55px; list-style: none; } #comments ol.commentlist ul.children li { padding-right: 0; border: none; } #comments .info h2 { font-size: 14px; margin: 0; display: inline; margin-right: 5px; } #comments .info { margin-bottom: 12px } #comments .info h2 a { color: #616161 } #comments .info h2 a:hover { color: #74c9be } #comments .info .meta { display: inline } #comments .info .meta:before { content: "-"; display: inline-block; margin-right: 10px; } #comments a.reply-link { position: absolute; right: 20px; top: 20px; line-height: 1; font-size: 9px; color: #5c5c5c; text-transform: uppercase; } #comments a.reply-link:hover { color: #74c9be } .comment-form-wrapper p { padding-bottom: 20px } /*-----------------------------------------------------------------------------------*/ /* RETINA ICONS /*-----------------------------------------------------------------------------------*/ .retina-icons { list-style: none; margin: 0; } .retina-icons li { display: inline-block; font-size: 25px; margin-bottom: 10px; padding: 0 10px; } .retina-icons-code i { font-size: 18px } .retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { text-align: center } .retina-icons-code code { color: #717171 } .table-bordered { border: 1px solid #dedede; border-left: none; background: #fff; } .table-bordered th, .table-bordered td { border-left: 1px solid #dedede } .table th, .table td { border-top: 1px solid #dedede } /* Firefox Fix */ @-moz-document url-prefix() { .menu ul li a, .item-details span, h1, h2, h3, h4, h5, h6, .tp-caption.big, .tabs-side .tab { letter-spacing: -0.7px } } /*-----------------------------------------------------------------------------------*/ /* RESPONSIVE /*-----------------------------------------------------------------------------------*/ @media (min-width: 1000px) { .row { width: 960px; margin: 0 auto; } .media-body { width: 210px; float: right; } .body-wrapper { width: 100%; margin: 0 auto; } .box { width: 100%; display: block; } header { padding: 25px 0 25px 99px; margin: 0px auto; width: 1140px; } .postb figure { width: 480px; } } @media (min-width: 768px) and (max-width: 999px) { .tabs-side .etabs { width: 224px } .tabs-side.tab-container .panel-container { width: 500px } .services .etabs { width: 100% } .subfooter .tleft { float: none; text-align: center; font-size: 11px; } .subfooter .tright { float: none; text-align: center; font-size: 11px; } .classic-blog .post { width: 100%; } h1.post-title, h2.post-title { font-size: 18px; margin: 0; } .classic-blog .postb { margin-bottom: 50px; width: 100%; } .classic-blog .postb.media figure { width: 220px; } .media-bodyb p { font-size: 14px; line-height: 20px; } .media-bodyb { } } @media (max-width: 767px) { body { padding-right: 0px !important; padding-left: 0px !important; } h2.post-title { font-size: 18px; margin: 0; } .subfooter .tleft { float: none; text-align: center; font-size: 8px; } .subfooter .tright { float: none; text-align: center; font-size: 11px; } .classic-blog .postb { margin-bottom: 50px; width: 100%; } .classic-blog .postb.media figure { width: 100%; } .media-bodyb p { font-size: 14px; line-height: 20px; } .media-bodyb { float: left; } .classic-blog .post { width: 480px; } .contact-info { float: none; text-align: center; } .contact-info li { display: inline; margin: 0 10px; } .menu { margin: 0 auto } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { margin-bottom: 30px; padding: 0 !important; } .tab { display: block !important; margin: 0 !important; } .tab:last-child { border: 1px solid #dedede } .services .etabs, .services.tabs .panel-container { width: 100% } .services, .services .etabs { text-align: center } .services .tab a { display: inline } .services .tab .icon { display: inline; margin: 0; } .services .tab .icon i.icn { text-align: left; display: inline; vertical-align: baseline; width: auto; height: auto; -webkit-border-radius: 0; border-radius: 0; background: transparent; color: #5c5c5c; line-height: 1; font-size: 16px; } .services .tab:hover .icon i.icn, .services .tab.active .icon i.icn { background: none !important; color: #74c9be !important; } .services .tab { margin: 0; padding: 0; display: inline-block; zoom: 1; *display: inline; border: 1px solid #dedede; border-bottom: none; top: 1px; position: relative; z-index: 1; margin-right: 3px; } .services .tab:last-child { border: 1px solid #dedede } .services .tab a { padding: 13px 25px; display: block; background: #f7f7f7; color: #5c5c5c; font-size: 14px; font-weight: 700; } .services .tab.active a { background-color: #fff } .services .tab:hover h4, .services .tab.active h4 { color: #74c9be } .services .tab h4 { margin: 0; display: inline; font-size: 14px; } .services .tab .icon:before { display: none } .services.tab-container .panel-container p { margin: 0; padding-bottom: 10px; } .tabs-side .etabs { margin: 0; padding: 0; padding-top: 10px; overflow: inherit; width: 100%; float: none; } .tabs-side .tab { margin: 0; padding: 0; display: block; zoom: 1; border: 1px solid #dedede !important; border-top: none !important; left: 0; position: relative; z-index: 1; border-top: none; letter-spacing: -1px; } .tabs-side .tab:first-child { border-top: 1px solid #dedede !important } .tabs-side .tab a { padding: 13px 25px; display: block; background: #f7f7f7; color: #5c5c5c; font-size: 14px; font-weight: 700; } .tabs-side .tab i { margin-right: 5px } .tabs-side .tab.active { position: relative; z-index: 3; } .tabs-side .tab.active a { background: #fff } .tabs-side .tab a:hover, .tabs-side .tab.active a { color: #74c9be } .tabs-side.tab-container .panel-container { border-left: none; position: relative; z-index: 1; display: block; width: 100%; float: none; } .tabs-side.tab-container .panel-container p { } .tabs-side.tab-container .panel-container .tab-block { padding-left: 0; padding-top: 20px; } .arrow-box { margin-left: 0 } .arrow-box:after, .arrow-box:before { display: none } .testimonials .media > .pull-left { margin: 0; display: none; } .grid-blog hr { display: block !important; margin-left: 0; } .grid-blog .post figure.pull-left { float: none; width: 100%; } .grid-blog .pagination { margin: 0 } .subfooter p.pull-left, .subfooter .social.pull-right { float: none } .subfooter p { padding-bottom: 10px } .subfooter .social li { margin: 0 1px 0 0 } .classic-blog .post.media figure { width: 100%; margin-bottom: 20px; } .media > .pull-left { float: none; } #comments .user { margin-right: 0; } #comments ul.children { padding: 0 0 0 20px } #comments .arrow-box { margin-left: 0 } #comments .info .meta { display: block } #comments .info .meta:before { display: none } .tabs-side img.pull-left, .tabs-side img.pull-right { float: none; margin-bottom: 10px; } .revolution .btn { display: none } .page-header .pull-left, .page-header .pull-right { float: none; margin-bottom: 10px; } .navigation .pull-left, .navigation .pull-right { float: none; display: block; margin: 0 0 10px 0 !important; } .media-wrapper.portfolio { margin-bottom: 30px } .map iframe { height: 300px !important } } @media (max-width: 480px) { .media-icons .media .pull-left { float: left } .classic-blog .post { width: 100%; } .media-icons .media .pull-right { float: right } .contact-info li { display: block } .media > .pull-left { margin-right: 0; } } /*-----------------------------------------------------------------------------------*/ /* DEMO ONLY /*-----------------------------------------------------------------------------------*/ a.changecolor, a.changebg { cursor: pointer; }