/*--鍏叡閮ㄥ垎--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

.h1-unset,.h2-unset,.h3-unset{ margin:unset; font-weight:unset; font-size:unset; display:unset; }

body, button, input, select, textarea { font: 14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif,Arial; color: #333; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }


@font-face {
    font-family: 'icomoon';
    src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAnwAA0AAAAAEhwAAAmaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCXhEICphwk1oLGAABNgIkAyIEIAWDGwd3G4cOUZRsVpjsiwO7bWc2wwougx14SVpFP6ddEDjJHui0n7eONwWUeFOcC6Z33YLOgWp9HyD/V2f6X8tOmSaGFdlNCgBvR2uVVtkKERyS5er/V2HOxqaWtjMpIHUFZCQnYADAb3udfdf0JZUtbLWnMAiNU5f73a/j+pljCondiiDcXhI3pkRYiXFogtACA/PsJaUnhgPw23OBAKgBr16SLMVBH7ReWQXkgR4sKCYDAkFLXM99AJZ9gE6CB5g55hkAJ8h26GsopEGaEcnYMRv0Jc8+8P8DyGapmJwOFNPjZAlFwADUEzkGDssbtZDALFTMmC/5/21DR4vK/z8J5pnnaBdBqOpCAkAssohZkfHpd4YADkYqAv0/E0gHFgThCbi9APcvckRJCIGDqGfAW1mSYn/H12wz3Th22nDJqlU3l1/cfv/pzh37XZ/B+OLfajrQzuTsurgcn8pP1+wCbSfkz5Xna3Ehx4wighVkDoB2Ovm+embjU4RANDFPzAE+/fRCDhMMOAoAdDQ1d6iJIjlfmZknhJska5zREALgcLeIAiHKXYwpDgqJHVguVxSdyiRqT6lp7Dj9db/J9RHNl3sGpmHah0oXjxRZUAOB+gOWG/39xGeKfJHciTExH0g0GKoKhBIQginJgU7m9NuY+GF1dbP4yYcTM6uCSIaGmxhx8bYRMQLLB2BVo80FdGT9NLzF14bnWftkxooiiUR2NcnEmENgQAmZc+4pmwB0edXJwXjBExJZiS1xFCimnaW8Rg39ryAxoChfL3eW8K5ba7jXjwXOJlfm6xJwIMgNFUEce0spGK0sErwxXf6uUKkLsmyb+iQ8VTtQiytKnkxJKD8xlm2BULwG15R5kgQF7V03wB72ypYamhhTovgHxWKSudz7TimxGrDxk+h1gNmArAFqkNhvQM2CDoP3vz9E5JFkOj/Kuo2JhZQE/Afm+0n+AA7M8gtr/qb61KYrqYwjjdKSKBMOYe5Rv+VSSQyhGYRUnNlS2mJMeYVdwJOBBn2khJjvhef5cUa7PaGJRD+wWDKW6uwzWB0Eg0GpUTPd0U+EgQefUT4Ba0DXG8iWLAQ+dVoga8WarHRndw9bfF5ox452f/+7eefDbz0IFntUDZVlSRtHOqVCDWOCyRN7YBZfwjOk+Y42FDOPc2PulPjqThNtVRnbZX9Eqzt2TCH2je6/yFSVRdebp4ilqms7D5QAOZwkYWnjk43WaGyYWMWA1L1XA3EgduFmxvuU9nCWyflo575v2g0VU2cDZpfHHrq9sy63SM7D3LW9+8wG3HJP4NyrRbc/rQ90MMXdLDqiPX/uycS+XeoWX9EevizotqfSThzuvQhd8Yrnldfi5h9eNj0dFHTJJUnTVwWd97oyc3Xw9DztOj+YpnfR0SROyjzXjUDBTkxt0/0DpuZCA6991Tp7RcDhs2cAZQutD77zwRCkb/2bRFz16ZZfuE9tappFVTf88ovF46jbQm9vHsgq+Ud/4ojuaQsI91ifsRx1/f1NZlFjyTPyhAtAVpma5UEZqBJi8zPH/37R6DHhbpPHiKM2Mfjq8Qm71z4xfrco2nAwXpeoOtJ++XW9qloAwKQYTYoJxFKWqoqXE8tQv8AuAIQbyknOZtqqfRyq/QirNObz/F3yjLA+Yz1if/MtZ0FY2HEZofGJK32+2vz77lsfeNutq3LTwlwx+r/CNhHH8KkBRMc+f52oNuOZf2Mdi4v59pMnHxW0fEKe/ptd6uOfH/NPFRieAELKTEfw6tSVZ6fq1ctuy49cah/bfok/m5LC+l26fcwetf2o3CV306V+NcQwLEcAMR4zHn02NIVlL9m+wxb5XxYxRau8Ja5YtZTMRISAcD56snNZ1QeVePabWIZjOA0PAMqy5fl5n75StbHLV+B57j73XW1yr5zTa55eNtf2qP2M/K/yx9z/Ou3h7pw1bzCjYgbm9Q3XxZZp1P2WjH0kvxO7gp6NtWA/LHH/t/djo/cj9OOhg1FjMey/Ls1FeEGj5Rie2PGnEftfXCoeDq3qjet2xu7ktKF1RlOs25w/qmF4ingo3/CdUgEUe0+dPImcuxWvyHCEq9jum9K+2hg7wQmX5ClKb0LRxq8vshQyV8vZjHiJgmeczpidnKH4ADbsMximNuJAg8FQv6GnjJNYSna3VV0FKJlKT49yicDc15OueAXBq2DgF3Zws9F4+CC+WOXypd91y5auA9iwqWNb6TUenzs9o4u/wVuWZEoojLc98Ptzl5gnJPlvXejwo76B/KBAdYW+b/2DD39SOeGZzmq+YvMFN8iSZPZ+0x7+kFKTIyetKdWVd2SmzyzvWd862dGcGBVWFLX07ycX5rczmaSUHQoZKpSRn5ExkeWdrj/vhBEE0bD/02zPLB3yZKv9DwqmL/7c9/TmPZKvKh9s92275l7xwBfz+ZV3Ldx/SWRReFRCS1Bqy4bCDV1vSHeKKNy/fMWfe+UvpZDzdvHZ+otuTGyTzttFDGFPlnSXgK0u78BAk98XE4dsGg58772lDVOWer0s3MZQWrUzx5KVLUarRgZdiHSHx2+wVpt3jBcVv/udrfC3zzeFXCdNpP/tr9baXkiIfE/feVTikv1xX3pn8JuSOOXB9TYtsTIpiXeJbdaEi8rOxfslc1ygH/wjNOa2de5GgUDgdJKUoZYVFXJcZtYv7JUCdVWmaJKISChRMLNLx6tZSVEFH5RuzxTqLk/Ml9tXBsSfFTRPJlNl+gOb+m/Rx9iT1cgp//oflbM86yTElHNseQzIyfJnFfwgze/8UeN2NDenr9TlnAq8sooRWFZg0Z0dVr1anHC1q9WxiUNJMHyV8FLXjp+ln7t2WJ5Ldmv9X3wGvEFA7saD1VWzM7m5szM11QdnsyVeZO++MERrDq7//Mb4g5qNwrjvJXacAwD54J1JQwlgzFYAAAgAgPTlb3S3mZb/KokcHu4Px/8PcMQ+AEACI6A8kDvAuAlHIKQ+AgdvqkEmA8RcAi9OAYZBULOOTBDHTkKKjbhOaTNBhNxhDKYwFrMZh/URPHTYGCFAxNl6LcLwkoCBOA0YTWAMhjAWnYzD4ggeQWi3CaNw7y218GARA+jCGEYwhjGMAgNvKmxj8UWV6EEf1mEYHZgEfve6FLBOkaStRQ8m4cPA8Bi4YIcT+ES8TJfdKUaFvba1Avl96GkJJbYOmt+DbuR3YlNFJWK4psAOfA0f9waxoKRr7B9jrgBgkD6ODiAGDLFgiSOeBBJJIo3QN7xpvN8lrhsdcDqdDVmwxDIBXehGBT32dAAA') format('woff2'),
        url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAwsAA0AAAAAEhwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAMEAAAABoAAAAclmF5r0dERUYAAAv0AAAAHAAAAB4AJwART1MvMgAAAZQAAAA/AAAAYA8TBfBjbWFwAAAB8AAAAFUAAAFeF1fZ5Wdhc3AAAAvsAAAACAAAAAgAAAAQZ2x5ZgAAAmAAAAhqAAAMcPPg7HBoZWFkAAABMAAAACwAAAA2I9yXI2hoZWEAAAFcAAAAHQAAACQHwwPHaG10eAAAAdQAAAAcAAAAIgwJAMpsb2NhAAACSAAAABgAAAAYCKoLzG1heHAAAAF8AAAAGAAAACAAEwERbmFtZQAACswAAADcAAABm/pYTdhwb3N0AAALqAAAAEMAAAB3OUnhknjaY2BkAIO0D2+V4vltvjJws4D5D+JWBiPo/wdYGJkPALkcDEwgUQBA2AsaeNpjYGRgYD7w/wADAwsDCLAwMjAyoAI2AExrApQAAAB42mNgZGBg4GbkZ2BnAAEmBjQAAAO8ACZ42mNgZj7AOIGBlYGBaSbTGQYGhn4IzfiawZiRkwEVMAqgCTA4MDC+ZGU+8P8AgwMzEIPUIMkqMDACAGCxCw4AeNpjYYAAxlAIzQTELAwMlgxeDBPBAlkAEtsB33jaY2BgYGaAYBkGRgYQiADyGMF8FgYbIM3FwMHABISMDAovWf///f8frErhJQOE/f+JOCtYBxcDDDCCzGNkA2JmqAATkGBiQAVAO1gYhjcAAClrDSQAAAAAAAAAAAgACAAQABgA+AIkAsQDUATWBjh42oVWSYzkZhX28+/lt13eynbZrrXL1eWq7q7NVWW7qrfpaWbLJGFaKJMFJQNKRtGABEFDJDIRQmwXNDkwnHIABMotRAiJG3AYaURAIhISCCQuHII4ILhzYWp4trt7Wqwu2/Uvz+9/fu/7Pv8MMCcHyzBLlvl/fY5ZMgz5BfkyM2HOMy8yP2YY2Id43htBL+wEogai4NgV1xHyZgOaMJtMo/Y02YPCaAxkAdG04thCJwjjaB9SC5tRO+vE8xT7yQ5M3Sa4FSeyHjtfwBKCzPks2oZZ4WATOrPjscxpknZwvcyweL4Bmedjg7MhwN83poaZht3NrW53YRiT/qjfWxom7G0B/GywZ+iLsDtkby+uXVssjuDa4h+2vrqo22Z5p98fXR31+7um+Y12aBiLbndLt20dCCyOjhZAWMi6QkkAlmcLQ1vXHEcb7GlaFAQbLCvVX4iLdYvn58/XoVSrXh0Op3cHu3tbb0WD4ZVaVQWYHi3yEK7Bw1Hm461h5rBcNnf7/SGs14/Gm90wNQxb0+3MNFsJ8DAzg9Fd3XZwYm9wd7S5dalW04ERmasMS94nXeYJ5g7zQ+YnzPvMb5g/YhWLjOEvT7wtiG7Fzv5iR4Ne3Olp0Any7PUw6UHYE4UQu/EupNFkHqXYLGo3gxMU5J5m0+QcJFN35vbmYTxP0iXEaBY9ris8Rk0TGjCLmqADunKxMcNK70KcVbTwnobFQ9YpgObJ7Ewb/tv4t/YXi+fqdTodDA6ssmnUsFJSS4PnGgft8ebmxWpVFWR+/ULrq2pLYglsuF61+sLO7gVojnr9nbKZlb43ai58VjRE2LGyNHOsqpomQmK4+nARRVccPIAFloW1VwRdaJxrsxxr2xfHo4S63qXhYPpTw3UNvH6f/ZuVysq3ajULr9XxP+lm9uNUcCsf2dqK1vZqb6IPXuYBNEohVTVVHbfboaoeUapxsoAog7eDpzf24+TIdVc/N/R4fb3fX+8kuqGrwPHhs/iqBK3wqoz8/vp6rBvMo7J1sLUZtQ/qGC3wJeHzuxwQTeUkfjYYXqg43EZmqK++l8d75gI2D/TMherAMfcYIJ9FXdCYBnOLuY2IQtLH87DDF/xzukW3XXR5cwSdtoYFj8wIB3YgmhUGIhbYdMJk1ukigJw6iKkpBiglkSPk6ERYINNRdhARiL8ej4Ca6RDPRJjB26bnmatb2f1sm91mR+2HD9rDSXvjjWzgUw0fqxRJ8M6ojZX8oD1hBZGIHJE4uSyATjDpIqz+BK3Zx+DePfYVzzQ9cPH2Tn7Pup+DD9tD9Lv18M2tYJIbEL/FvrY2bwJUt9ADy62+CeNg44Fsi4RHaMgUDJawvC7h5IMLoxY8cfVeoa6P7pNH5D5zyNxgmDSjFpIl079z+KYIZRcyXiBTeC3nX9SDIhE5lbCP+QwEMdIgY1IssRU7M89N4dhbWnhyShzC6Qdi3foroZyg8DDH6O4oHefhQwxLVDgVIkyE6khUkqlUUdUKpRLA6tfs7wBs+1VOEdBq9SuO57lXJU/TfIktcYqIT7Oc01HusCzPrT4QHfo3qy6+hwDLXAJIlGbOJCrnLU7i0Cd5d/XITtEpOoMEXQsKOlUUCfPCZ3lBYN5njph3mV8yfwYNB4NcBaLsVrxZ8V45NvDMZAsThefJSHbmePmPlh04RVVhlPvNzsJLfnYmQVSsGxdz8xPrfYjm4b88UKhZC7pBXhmcyvQyTNKkEFhBRBWN0v81+++T7rRyqtDHRpkysn+JXh/sfnHpLV7u1uLULD0Z6h3H6qhGQylTw1R8lbo8W3bsyPX2Gq2QcjJWnSp1g7YDZ+yWh3bF+ahZeTle3Uq/sEhfalavrBsNGcHKRXNno+w6LFaQoxwvC7KPLxgtW+erfuz0VNANqVKSTCrwYkmqausRJbpSqpZqzW7QuRF7cJOWgPdte+JLOrCy1D5fq3cEkCWkw9dxjk57vRfHxdziM6PRjlzM/QjntGcOD79zJOlIHGk4GFzv97vdZmtk6JRVMpuDpNa9ufC2v7Q7fH0a36yY1xzXHpne2AkCatRLVBE4mRfDteae505tx2J5V1J9xTSlstIwSx27EhjhUyVzAXvJJ5ArrRqGruiETtf1qlQSEbmiWJYUV9INrVeJfaieX1tORd2XEaWIX44njlvedOKIAypjSrtXas0b6fYbqfcHmbo9VUPpliV8BUG1yskaNpaKOHyyWrWkYlyutFofT7BhyvSprwwGa3oxTqFsmJ7fbF3u9Texjxrx6Ue/Jd8mX2O+CwLDoJ6mSXgiFKfQLr6aaT45RuL33FOLeF6YT+JoF042Q2c2bfWcD8cKUjnmUI62E4Y5BTrz0VM2ZV/sXIimyXEAGZnSQntwCYRpBnbtBMcjGKMw5YsnBdvy+MJ5HB1vIU52bxhQwdGMSs2cWoFQbATDjGopjrHvDfcJ22yLEmFLtshqVJQ5xZKznRhHStQiiiPjB5DFQ0C1c5wrUZQuJtFlx850SZZ4LhNkh9qigp9I0S4TWZBUItgqFUvtDiFH20FiII4ICpHAEYGgY17mjKgpGdL3hZf2cYVgp8IKBOfc8+HTt0U+7BCRgNmyNJcakk8tlXCaCp5/fXv78HB7+1kfcYYR6SXiyyb1NFRiwy9lD7UDorQdraUSlSLn9NCissAbGnBC7ZMN3mppHBpzAuFUyTQEogi4E1EoTSbjy7gBsS9NJqlooFyDIHO0rPCGJOqCWdf7z3sCCr/uII8pWKEp+7za1r2mwPnl7JOQHTxn+vilmgwTjK5qOzWeTqO1uCwgGTSFJ7ax/trUqOvUkq1AFVThcLl8xvd87/pyeUB5kZQCTy5TyStzG3d6pk1AksUSD9a0wTD/BGSPghwAAHjadc6xasJQGMXxfzRatCCdSul0R6eg4AN0KnVw6SAdG+MlBPReiBF07yN07DP0YXwiT8K3JnDD7zs35yPAjH8S2ifhgSfzQJ6bh/KbOZW/zCMeuZjHyn/NU165qZWkEyWzbkPrgfxiHsoLcyp/mEc8820eK/8xT1nxR0VB5KgTCVAV8Rij8Imn5MyBnFqjL8+HXOj7vi/fak/NSfdt7liS6S/Z+vpUxeCW2aK/+97NjVqltoRuU67Zs1e246r3uuturJupFEPjSh98nTd+73ZXty7iRvsy7uXbPkN42mNgYsAPuBkYGJkYmBiZGZgZWRhZGdkY2Rk5GDnZ0nMqCzIM2UvzMg0MDMC0q6WBAZSG8Y2gtDGUNoHSpgBVLhHrAAABAAH//wAPeNpjYGRgYOABYjEgZmJgBEIuIGYB8xgABAwAOXjaY2BgYGQAgqtL1DlA9IO4lcEwGgA+mQYeAAA=') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-qq:before {
  content: "\e905";
}
.icon-zixun:before {
  content: "\e900";
}
.icon-weixin:before {
  content: "\e901";
}
.icon-xuqiu1:before {
  content: "\e902";
}
.icon-xuqiu:before {
  content: "\e903";
}
.icon-dianhua:before {
  content: "\e904";
}

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 10px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; }
  .commonweb { margin: 0px auto; max-width: 750px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 10px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .commonweb { margin: 0px auto; max-width: 970px; } }

@media (min-width: 1260px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; } }

@media (min-width: 1420px) { .commonweb { margin: 0px auto; max-width: 1380px; } }

@media (min-width: 1660px) { .commonweb { margin: 0px auto; max-width: 1600px; } }

/* layout start*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-o-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: #dde2e9; }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 0px; bottom: 20px; z-index: 50; height: 2px; width: 100%; opacity: 1 !important; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #c1c7cf; -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.animated { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@-o-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -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%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -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; -o-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@-o-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; -o-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@-o-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@-o-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; -o-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(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); } }

@-o-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(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%, to { -webkit-transform: translateZ(0);
    transform: translateZ(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; -o-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes headShake { 0% { -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; -o-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-o-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -o-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@-o-keyframes tada { 0% { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; -o-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@-o-keyframes wobble { 0% { -webkit-transform: none;
    -o-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    -o-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -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.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@-o-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    -o-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    -o-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; -o-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@-o-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    transform: none; } }

@-o-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    transform: none; } }

@-o-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    transform: none; } }

@-o-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@-o-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-o-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; -o-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); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-o-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); }
  to { 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); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@-o-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { 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); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@-o-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { 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); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; -o-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); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-o-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); }
  to { 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); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@-o-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-o-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-o-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-o-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@-o-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-o-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@-o-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-o-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-o-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-o-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; -o-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-o-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-o-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; -o-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-o-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; -o-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) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-o-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; -o-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); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-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);
    -o-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    -o-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);
    -o-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@-o-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateIn { 0% { -o-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -o-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@-o-keyframes rotateOut { 0% { -o-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -o-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@-o-keyframes hinge { 0% { -o-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -o-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@-o-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@-o-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; -o-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; -o-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; -o-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; -o-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

@-o-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; -o-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; -o-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@-o-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; -o-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@-o-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; -o-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; -o-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@-o-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown { -webkit-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@-o-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@-o-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight { -webkit-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@-o-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp { -webkit-animation-name: slideInUp; -o-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-o-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; -o-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-o-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-o-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-o-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; }

@font-face { font-family: 'GoogleSans'; font-display: swap; src: url("../images/GOOGLESANS-MEDIUM.eot"); /* IE9*/ src: url("../images/GOOGLESANS-MEDIUM.eot?#iefix") format("embedded-opentype"), url("../images/GOOGLESANS-MEDIUM.woff2") format("woff2"), url("../images/GOOGLESANS-MEDIUM.woff") format("woff"), url("../images/GOOGLESANS-MEDIUM.svg#NotoSansHans-Black") format("svg"); /* iOS 4.1- */ }



/*--澶撮儴寮€濮�--*/
body { padding-top: 60px; }

.new_index_header { position: fixed; z-index: 999; left: 0px; top: 0px; width: 100%; padding: 15px 0px; background: #333; }

.new_index_header a.logo { display: block; float: left; }

.new_index_header a.logo img { height: 30px; }

.demandBtn { float: right; margin-left: 15px; margin-top: 0px; }

.demandBtn a { display: block; line-height: 28px; text-align: center; font-size: 16px; width: 32px; height: 32px; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid #fff; color: #fff; }

.new_Common_nav { display: none; position: fixed; left: 0px; top: 62px; bottom: 0px; right: 0px; overflow-y: auto; background-color: #fff; }

.new_Common_nav ul { padding: 20px 15px 0px; }

.new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid #ccc; position: relative; }

.new_Common_nav ul li h2 a { font-weight: 700; height: 40px; line-height: 40px; font-size: 14px; display: block; color: #333; position: relative; }

.new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }

.new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; }

.new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.new_child_navbox { width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; }

.new_childnav_desc { float: left; width: 380px; background-image: url(../images/new_navicon02.png); background-position: right bottom; padding-top: 65px; padding-right: 2px; display: none; }

.new_childnav_desc h3 { font-size: 14px; color: #4c4f55; font-weight: 700; padding-left: 35px; position: relative; }

.new_childnav_desc h3 img { display: block; left: 0px; top: 0px; width: 24px; position: absolute; }

.new_childnav_desc .desc { font-size: 20px; color: #6a6d73; padding-right: 80px; line-height: 26px; padding-left: 35px; margin-top: 13px; }

.new_childnav_desc .img { text-align: right; }

.new_childnav_desc .img img { vertical-align: middle; max-width: 100%; }

.new_childnav_web dd h3 { padding-top: 10px; }

.new_childnav_web dd h3 span { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-repeat: no-repeat; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; }

.new_childnav_web dd h3 span.icon1 { background-image: url(../images/new_navicon03.png); background-color: #949497; }

.new_childnav_web dd h3 span.icon2 { background-image: url(../images/new_navicon04.png); background-color: #f3bc54; }

.new_childnav_web dd h3 span.icon3 { background-image: url(../images/new_navicon05.png); background-color: #46afb3; }

.new_childnav_web dd h3 span.icon4 { background-image: url(../images/new_navicon06.png); background-color: #f67e6a; }

.new_childnav_web dd h3 span.icon5 { background-image: url(../images/new_navicon07.png); background-color: #ffa21c; }

.new_childnav_web dd h3 span.icon6 { background-image: url(../images/new_navicon08.png); background-color: #5fb64d; }

.new_childnav_web dd h3 span.icon7 { background-image: url(../images/new_navicon09.png); background-color: #1595d4; }

.new_childnav_web dd h3 span.icon8 { background-image: url(../images/new_navicon10.png); background-color: #d4b15d; }

.new_childnav_web dd h3 span.icon9 { background-image: url(../images/new_navicon11.png); background-color: #d18261; }

.new_childnav_web dd h3 span.icon10 { background-image: url(../images/new_navicon12.png); background-color: #77c5d1; }

.new_childnav_web dd h3 span.icon11 { background-image: url(../images/new_navicon13.png); background-color: #ff7a4c; }

.new_childnav_web dd h3 span.icon12 { background-image: url(../images/new_navicon14.png); background-color: #4177a6; }

.new_childnav_web dd h3 a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }

.new_childnav_web dd h3 a:hover span { background-color: #ed3542; }

.new_childnav_web dd:last-child { background-image: none; }

.new_childnav_Program dd h3 { padding-top: 10px; }

.new_childnav_Program dd h3 span { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-repeat: no-repeat; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; }

.new_childnav_Program dd h3 span.icon1 { background-image: url(../images/new_navicon17.png); background-color: #5cb8e6; }

.new_childnav_Program dd h3 span.icon2 { background-image: url(../images/new_navicon18.png); background-color: #5bd4c0; }

.new_childnav_Program dd h3 span.icon3 { background-image: url(../images/new_navicon19.png); background-color: #afcc5a; }

.new_childnav_Program dd h3 span.icon4 { background-image: url(../images/new_navicon20.png); background-color: #9d73c7; }

.new_childnav_Program dd h3 span.icon5 { background-image: url(../images/new_navicon21.png); background-color: #ffa21c; }

.new_childnav_Program dd h3 span.icon6 { background-image: url(../images/new_navicon22.png); background-color: #ff5741; }

.new_childnav_Program dd h3 span.icon7 { background-image: url(../images/new_navicon23.png); background-color: #346ea5; }

.new_childnav_Program dd h3 span.icon8 { background-image: url(../images/new_navicon24.png); background-color: #849ec2; }

.new_childnav_Program dd h3 span.icon9 { background-image: url(../images/new_navicon25.png); background-color: #f1d0ad; }

.new_childnav_Program dd h3 span.icon10 { background-image: url(../images/new_navicon26.png); background-color: #a0ba67; }

.new_childnav_Program dd h3 span.icon11 { background-image: url(../images/new_navicon27.png); background-color: #d4a766; }

.new_childnav_Program dd h3 span.icon12 { background-image: url(../images/new_navicon28.png); background-color: #f1a731; }

.new_childnav_Program dd h3 span.icon13 { background-image: url(../images/new_navicon29.png); background-color: #4a97f1; }

.new_childnav_Program dd h3 span.icon14 { background-image: url(../images/new_navicon30.png); background-color: #6dd465; }

.new_childnav_Program dd h3 span.icon15 { background-image: url(../images/new_navicon31.png); background-color: #2e6194; }

.new_childnav_Program dd h3 span.icon16 { background-image: url(../images/new_navicon32.png); background-color: #ececec; }

.new_childnav_Program dd h3 a { color: #4c4f55; font-size: 16px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.new_childnav_Program dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }

.new_childnav_Program dd h3 a:hover span { background-color: #ed3542; }

.new_childnav_Program dd:last-child { background-image: none; }

.new_childnav_Ecommerce h3 span { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 90%; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto; margin-right: 10px; vertical-align: middle; }

.new_childnav_Ecommerce h3 span.icon1 { background-image: url(../images/new_navicon35.png); background-color: #00a7db; }

.new_childnav_Ecommerce h3 span.icon2 { background-image: url(../images/new_navicon36.png); background-color: #f09e28; }

.new_childnav_Ecommerce h3 span.icon3 { background-image: url(../images/new_navicon37.png); background-color: #e57fb8; }

.new_childnav_Ecommerce h3 span.icon4 { background-image: url(../images/new_navicon38.png); background-color: #21ba3e; }

.new_childnav_Ecommerce h3 span.icon5 { background-image: url(../images/new_navicon39.png); background-color: #24599d; }

.new_childnav_Ecommerce h3 span.icon6 { background-image: url(../images/new_navicon40.png); background-color: #ff5741; }

.new_childnav_Ecommerce h3 span.icon7 { background-image: url(../images/new_navicon41.png); background-color: #00bbff; }

.new_childnav_Ecommerce h3 span.icon8 { background-image: url(../images/new_navicon42.png); background-color: #fb7c11; }

.new_childnav_Ecommerce h3 a { color: #4c4f55; font-size: 14px; display: block; padding-top: 10px; }

.new_childnav_Ecommerce h3 a:hover { color: #ed3542; }

.new_childnav_smallProgram dd a { display: block; }

.new_childnav_smallProgram dd a img { max-width: 100%; display: none; }

.new_childnav_smallProgram dd a h3 { font-size: 14px; color: #4c4f55; padding-top: 10px; }

.new_childnav_smallProgram dd a p { font-size: 12px; color: #636363; display: none; }

.new_childnav_news dt p { padding: 10px 0px 0px; }

.new_childnav_news dt p a { display: block; color: #4c4f55; font-size: 14px; }

.new_childnav_news dt p a span { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 90%; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto; margin-right: 10px; vertical-align: middle; }

.new_childnav_news dt p a span.icon1 { background-image: url(../images/new_navicon45.png); background-color: #fab32c; }

.new_childnav_news dt p a span.icon2 { background-image: url(../images/new_navicon46.png); background-color: #46afb3; }

.new_childnav_news dt p a span.icon3 { background-image: url(../images/new_navicon47.png); background-color: #756de5; }

.new_childnav_news dt p a span.icon4 { background-image: url(../images/new_navicon48.png); background-color: #e93644; }

.new_childnav_news dt p a span.icon5 { background-image: url(../images/new_navicon49.png); background-color: #60b64d; }

.new_childnav_news dt p a span.icon6 { background-image: url(../images/new_navicon50.png); background-color: #1595d4; }

.new_childnav_news dt p a:hover { color: #ed3542; font-weight: 700; }

.new_childnav_news dd { padding: 30px 0px 0px 10%; max-width: 900px; overflow: hidden; display: none; }

.new_childnav_news dd img { display: block; float: left; width: 280px; margin-right: 30px; }

.new_childnav_news dd h3 { color: #4c4f55; font-size: 18px; font-weight: 700; margin-top: 18px; }

.new_childnav_news dd p { margin-top: 10px; color: #636363; font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; }

.new_childnav_news dd a:hover h3 { color: #ed3542; }

.new_child_we dd { padding-top: 10px; }

.new_child_we dd a img { width: 100%; display: none; }

.new_child_we dd a h3 { font-size: 14px; font-weight: 700; color: #4c4f55; }

.new_child_we dd a p { font-size: 12px; color: #636363; display: none; }

.new_child_evaluate { padding: 30px 0px 40px; max-width: 1400px; margin: 0px auto; display: none; }

.new_child_evaluate dt { float: left; width: 453px; position: relative; }

.new_child_evaluate dt img.bigimg { width: 100%; display: block; }

.new_child_evaluate dt div { position: absolute; width: 195px; left: 30px; bottom: 5px; }

.new_child_evaluate dt div h3 { color: #d7d7d7; font-weight: 700; font-size: 14px; padding-bottom: 10px; }

.new_child_evaluate dt div img { height: 28px; display: block; }

.new_child_evaluate dt div p { color: #636363; font-size: 12px; padding-top: 55px; line-height: 18px; }

.new_child_evaluate dd { float: left; width: -webkit-calc(100% - 453px); width: calc(100% - 453px); padding-left: 360px; position: relative; margin-top: 40px; }

.new_child_evaluate dd .new_child_evaluateText { position: absolute; left: 0px; top: 0px; width: 360px; line-height: 46px; padding-left: 40px; }

.new_child_evaluate dd .new_child_evaluateText h3 { font-size: 36px; color: #4c4f55; }

.new_child_evaluate dd .new_child_evaluateText h3 span { font-weight: 700; }

.new_child_evaluate dd .new_child_evaluateText p { font-size: 18px; font-weight: 700; color: #4c4f55; }

.new_child_evaluate dd .new_child_evaluateText p:after { content: ''; width: 60px; height: 1px; background-color: #4c4f55; display: inline-block; margin-left: 20px; vertical-align: middle; }

.new_child_evaluate dd .new_child_evaluateIcon p { float: left; width: 25%; padding: 0px 10px 20px; text-align: center; }

.new_child_evaluate dd .new_child_evaluateIcon p a { color: #4c4f55; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: block; }

.new_child_evaluate dd .new_child_evaluateIcon p a:hover { color: #ed3542; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }

.new_child_evaluate dd .new_child_evaluateIcon p img { display: block; margin: 0px auto 8px; width: 60px; }

.new_child_contactbox { max-width: 1300px; margin: 0px auto; }

.new_child_contact dt { padding: 10px 0px 0px 0px; }

.new_child_contact dd { padding: 10px 0px 0px 0px; }

.new_child_contact h3 { font-size: 16px; padding-bottom: 10px; }

.new_child_contact p { font-size: 14px; color: #888; }

.new_index_navbtn { float: right; width: 30px; height: 26px; position: relative; cursor: pointer; margin-top: 2px; }

.new_index_navbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.new_index_navbtn span:nth-child(2) { width: 70%; top: 12px; }

.new_index_navbtn span:nth-child(3) { top: 24px; }

.new_index_navbtn:hover span { width: 100%; }

.new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }

.new_index_closeNavbtn span:nth-child(2) { display: none; }

.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }

.new_index_bannerbox { position: relative; width: 100%; padding-bottom: 63%; }

.new_index_banner { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; height: 100%; }

.new_index_banner ul li { width: 100%; overflow: hidden; position: relative; }

.new_index_banner ul li img.bigbgimg { display: block; position: relative; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.new_index_banner ul li div.new_index_banner_text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.new_index_banner ul li div.new_index_banner_text:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 1px; background-color: #fff; width: 0%; }

.new_index_banner ul li div.new_index_banner_text dl { padding: 0px 20px; }

.new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 70px; }

.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 40px; font-weight: 900; fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-width: .5; stroke-dasharray: 900; stroke-dashoffset: 900; opacity: 0; }

.new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 0px; max-width: 590px; }

.new_index_banner ul li h3 { font-size: 18px; padding-bottom: 10px; color: #fff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_banner ul li h2 { font-size: 24px; padding-bottom: 60px; color: #fff; font-weight:bold; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_banner ul li p { font-size: 12px; line-height: 24px; color: #fff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }

.new_index_banner_icon { position: absolute; left: 0px; width: 100%; bottom: 5%; z-index: 91; }

.new_index_banner_icon p { max-width: 1600px; margin: 0px auto; padding: 0px 15px; }

.new_index_banner_icon p span { width: 18px; height: 25px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; }

.new_index_banner_icon p span:after { content: ''; position: absolute; top: 3px; width: 3px; height: 6px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; }

.new_index_banner_page { position: absolute; right: 0px; bottom: 0px; z-index: 99; padding: 0px 15px; background-color: rgba(255, 255, 255, 0.6); }

.new_index_banner_page p { float: left; font-size: 16px; font-weight: 700; line-height: 34px; height: 34px; }

.new_index_banner_page p span { color: #999; text-align: center; padding-right: 10px; }

.new_index_banner_page p span:nth-child(1) { color: #333; }

.new_index_banner_page p span:nth-child(2) { color: #333; padding-right: 0px; padding-left: 10px; }

.new_index_banner_page i { float: left; display: block; width: 101px; height: 70px; cursor: pointer; vertical-align: middle; background-position: center; background-repeat: no-repeat; display: none; }

.new_index_banner_page i.banner_Prev_btn { background-image: url(../images/new_ibanprev.png); }

.new_index_banner_page i.banner_Next_btn { background-color: #E35F13; background-image: url(../images/new_ibannext.png); }

.new_index_bannertext01 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext01 img.imgpopup { position: absolute; display: block; bottom: 0px; width: 70%; right: 0px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext01 dl { position: absolute; left: 30px; right: 20px; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); z-index: 99; }

.new_index_bannertext02 { position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.new_index_bannertext02 .Multiplatformbox { max-width: 640px; text-align: center; margin: 0px auto; }

.new_index_bannertext02 .Multiplatformbox h3 { font-size: 16px; }

.new_index_bannertext02 .Multiplatformbox h3 span { color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext02 .Multiplatformbox .iconbox { padding: 0px 0px 20px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext02 .Multiplatformbox .iconlist { float: left; width: 20%; vertical-align: top; font-size: 12px; line-height: 20px; position: relative; }

.new_index_bannertext02 .Multiplatformbox .iconlist img { display: inline-block; vertical-align: top; max-width: 30px; }

.new_index_bannertext02 .Multiplatformbox .iconlist span { display: block; padding-top: 12px; color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext02 .Multiplatformbox .desc p { font-size: 14px; line-height: 30px; color: #fff; }

.new_index_bannertext02 .Multiplatformbox .desc p span { color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext03 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext03 dl { position: absolute; left: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); z-index: 99; }

.new_index_bannertext03 .bannerCaseImgbox { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext03 .bannerCaseImgbox img { position: absolute; -webkit-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext03 .bannerCaseImgbox img.pop01 { top: 10.58333%; left: 0.60417%; width: 53.20313%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop02 { top: 0; left: 38.74366%; width: 39.53125%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop03 { top: 80.91667%; left: -0.79167%; width: 50%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop04 { top: 20%; left: 33.04861%; width: 53.20313%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop05 { top: 0; left: 70.75%; width: 29.21875%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop06 { top: 73.7%; left: 37.29444%; width: 55.46875%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop07 { top: 28.41667%; left: 76.27093%; width: 23.82813%; }

/*--鍏斿勾banner--*/
.rabbitYearBanner { position: relative; overflow: hidden; }

.rabbitYearBanner .rabbitYearBg { width: 100%; display: block; }

.rabbitYearBanner .rabbitYearImg1 { position: absolute; left: 23.5%; top: 8.5%; width: 26.8%; }

.rabbitYearBanner .rabbitYearImg1 p img { width: 100%; display: block; opacity: 0; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg2 { width: 29.152%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg2 img { opacity: 0; width: 100%; display: block; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg3 { width: 117.58%; position: absolute; left: 60%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg3 img { opacity: 0; width: 100%; display: block; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg4 { width: 0px; overflow: hidden; overflow: hidden; position: absolute; right: 62.5%; top: 10.5%; z-index: 1; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg4 img { width: 19.323vw; float: right; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg5 { width: 117.58%; position: absolute; left: 60%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

.rabbitYearBanner .rabbitYearImg1 .rabbitYearImg5 img { opacity: 0; width: 100%; display: block; }

.rabbitYearBanner .rabbitYearImg6 { position: absolute; left: 50%; top: 14.3%; width: 7.883%; }

.rabbitYearBanner .rabbitYearImg6 img { width: 100%; display: block; opacity: 0; }

.rabbitYearBanner .rabbitYearImg7 { position: absolute; left: 55%; bottom: 2.5%; width: 9.883%; }

.rabbitYearBanner .rabbitYearImg7 img { width: 100%; display: block; opacity: 0; }

.rabbitYearBanner .rabbitYearImg8 { position: absolute; left: 61%; top:16.5%; width:22.491%; }

.rabbitYearBanner .rabbitYearImg8 p { max-height: 0px; overflow: hidden; }

.rabbitYearBanner .rabbitYearImg8 img { width: 100%; display: block; }

.rabbitYearBanner .rabbitYearImg9 { position: absolute; right: -13%;  bottom:-8.6%; width: 9.6%;}

.rabbitYearBanner .rabbitYearImg9 img { width: 100%; display: block; opacity: 0; }

/*--鍏斿勾banner--*/

.new_index_banner ul li.cur h3 { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

.new_index_banner ul li.cur p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }

.new_index_banner ul li.cur p a span {    display: block;
    position: relative;
    z-index: 9;
    background: url(../images/new_Case10.png) no-repeat 90% center;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
	 background-image: linear-gradient(248deg,#ff8c1f,#ff6a00); color: #fff;
	 width:10%; 
	 text-align:center;
	 margin-top:20px;
	 border-radius: 100px;
	 line-height:35px;
	}

.new_index_banner ul li.cur .new_index_bannertext01 img.imgpopup { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_banner ul li.cur .new_index_bannertext03 .bannerCaseImgbox img { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_banner ul li.cur .new_index_bannertext02 .Multiplatformbox .iconbox { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1; -webkit-transition-delay: .65s; -o-transition-delay: .65s; transition-delay: .65s; }

.new_index_banner ul li.cur .rabbitYearImg7 img { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg6 img { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg1 .rabbitYearImg5 img { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg8 p { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fadeHeight; animation-name: fadeHeight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg9 img { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg1 .rabbitYearImg4 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: fadeWidth; animation-name: fadeWidth; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg1 p img { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg1 .rabbitYearImg2 img { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.new_index_banner ul li.cur .rabbitYearImg1 .rabbitYearImg3 img { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }


/*--鍏斿勾banner--*/
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@-webkit-keyframes fadeWidth { 0% { width: 0px; }
  to { width: 72.104%; } }

@keyframes fadeWidth { 0% { width: 0px; }
  to { width: 72.104%; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fadeHeight { 0% { max-height: 0px; }
  to { max-height: 1600px; } }

@keyframes fadeHeight { 0% { max-height: 0px; }
  to { max-height: 1600px; } }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInTopRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@-webkit-keyframes fadeInTopRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInBottomRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@-webkit-keyframes fadeInBottomRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes heartBeat { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  14% { -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1; }
  28% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  42% { -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1; }
  70% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  14% { -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1; }
  28% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  42% { -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1; }
  70% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

/*--鍏斿勾banner--*/


@-webkit-keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

@-o-keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

@keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

.new_index_Aboutbox { overflow: hidden; }

.new_index_About svg { height: 65px; width: 100%; }

.new_index_About text { font-size: 24px; font-weight: 900; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.new_index_About text.Stroke { fill: #fff; stroke: #939393; }

.new_index_About text.red { fill: #0591d7; }

.new_index_About h3 { font-size: 18px; color: #4c4f55; }

.new_index_About .desc1 { color: #6a6d73; font-size: 20px; padding-top: 15px; }

.new_index_About .desc2 { color: #a6a7ab; font-size: 14px; padding-top: 15px; line-height: 24px; }

.new_index_About .desc3 { font-size: 16px; color: #6a6d73; padding-top: 15px; }

.new_index_About dl dt { padding-top: 30px; }

.new_index_About dl dd { padding-top: 0px; }

.new_index_triangleBox { max-width: 240px; position: relative; margin: 80px auto 0px; }

.new_index_triangleBox:after { position: absolute; background: url(../images/new_about05.png); background-size: cover; content: ''; -webkit-transition: all 1s .5s ease; -o-transition: all 1s .5s ease; transition: all 1s .5s ease; display: block; width: 130%; height: 130%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }

.new_index_triangleBox:before { position: absolute; background: url(../images/new_about04.png); background-size: cover; content: ''; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block; width: 130%; height: 130%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }

.new_index_triangleImg { position: relative; z-index: 99; }

.new_index_triangleImg img { width: 100%; display: block; }

.new_index_trianglebg1 { position: absolute; right: 0px; top: 0px; bottom: 0px; left: 0px; background: url(../images/new_about01.png); background-size: cover; -webkit-animation: triSpin 80s infinite; -o-animation: triSpin 80s infinite; animation: triSpin 80s infinite; }

.new_index_trianglebg2 { position: absolute; right: 0px; top: 0px; bottom: 0px; left: 0px; background: url(../images/new_about02.png); background-size: cover; -webkit-animation: triSpin2 90s infinite; -o-animation: triSpin2 90s infinite; animation: triSpin2 90s infinite; }

.new_index_triangleText { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_triangleText span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; font-weight: 700; font-size: 16px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; color: #6d6d6d; text-transform: uppercase; }

.new_index_scaleTriangle:after { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.new_index_scaleTriangle:before { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.new_index_scaleTriangle div.new_index_triangleText span:nth-child(1) { left: -30%; top: 30%; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); -webkit-animation: balloon1 10s ease-in-out infinite; -o-animation: balloon1 10s ease-in-out infinite; animation: balloon1 10s ease-in-out infinite; opacity: 1; }

.new_index_scaleTriangle div.new_index_triangleText span:nth-child(2) { left: 80%; top: 5%; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); -webkit-animation: balloon2 10s ease-in-out infinite; -o-animation: balloon2 10s ease-in-out infinite; animation: balloon2 10s ease-in-out infinite; opacity: 1; }

.new_index_scaleTriangle div.new_index_triangleText span:nth-child(3) { left: 101%; top: 53%; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); -webkit-animation: balloon3 10s ease-in-out infinite; -o-animation: balloon3 10s ease-in-out infinite; animation: balloon3 10s ease-in-out infinite; opacity: 1; }

.new_index_About_fourCol { padding-top: 20px; }

.new_index_About_fourCol h3 { border-bottom: 1px solid #f5f5f5; font-size: 16px; font-weight: 700; color: #4c4f55; padding: 20px 0px 15px; position: relative; }

.new_index_About_fourCol h3:after { bottom: 0px; height: 1px; background: #0591d7; left: 0px; width: 0px; overflow: hidden; display: block; content: ''; position: absolute; -webkit-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; }

.new_index_About_fourCol .desc { padding-top: 15px; }

.new_index_About_fourCol .desc h2 a { display: block; font-size: 14px; color: #6a6d73; line-height: 30px; }

.new_index_About_fourCol span { display: block; width: 28px; height: 28px; background: #eaeaeb; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.new_index_About_fourCol img { width: 35px; height: 35px; display: block; }

.new_index_About_fourCol li { padding-top: 30px;min-height: 350px; }

.new_index_About_fourCol li:hover span { background: #0591d7; }

.new_index_About_fourCol li:hover h3 { color: #0591d7; }

.new_index_About_fourCol li:hover h3:after { width: 100%; }

.new_index_About_fourCol .desc h2 a:hover { color: #0591d7; }

@-webkit-keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-o-keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-o-keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-webkit-keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-o-keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@-o-keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    -o-transform: translateY(0) rotate(-4deg) scale(1);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    -o-transform: translateY(-10px) rotate(6deg) scale(1.1);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    -o-transform: translateY(0) rotate(-4deg) scale(1);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    -o-transform: translateY(-10px) rotate(6deg) scale(1.1);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@-webkit-keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@-o-keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    -o-transform: translateY(0) rotate(4deg) scale(1);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    -o-transform: translateY(-15px) rotate(-6deg) scale(1.1);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    -o-transform: translateY(0) rotate(4deg) scale(1);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    -o-transform: translateY(-15px) rotate(-6deg) scale(1.1);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@-webkit-keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

@-o-keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    -o-transform: translate(0, -5px) rotate(4eg) scale(1);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    -o-transform: translate(-10px, 15px) rotate(-6deg) scale(1.1);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

@keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    -o-transform: translate(0, -5px) rotate(4eg) scale(1);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    -o-transform: translate(-10px, 15px) rotate(-6deg) scale(1.1);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

.new_index_Featuredbox { margin-top: 50px; position: relative; overflow: hidden; }

.new_index_Featuredbox ul li { width: 100%; position: relative; overflow: hidden; }

.new_index_Featuredbg { width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 55px 0px 60px; position: relative; }

.new_index_Featuredbg a.detailLink { display: block; position: absolute; z-index: 99; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_Featured { position: relative; margin: 0px 7%; }

.new_index_Featured .new_index_Featuredbg { position: absolute; width: 0%; bottom: 0px; left: 0px; top: 85px; background-color: #f7f7f7; background-repeat: no-repeat; background-position: left center; background-size: cover; }

.new_index_FeaturedImg img { display: block; margin: 0px auto; max-width: 100%; max-height: 300px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }

.new_index_FeaturedTitle { left: 0px; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); overflow: hidden; width: 100%; position: absolute; z-index: 9999; text-align: center; }

.new_index_FeaturedTitle p { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); font-weight: 700; }

.new_index_FeaturedTitle p img { display: block; max-width: 70%; max-height: 40px; margin: 0px auto; }

.new_index_FeaturedLogo { position: absolute; z-index: 99; left: 10px; top: 40px; overflow: hidden; }

.new_index_FeaturedLogo a { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); display: block; }

.new_index_FeaturedLogo img { max-width: 50%; }

.new_index_Featuredtext { left: 10%; bottom: 50px; position: absolute; z-index: 99; font-size: 14px; max-width: 265px; display: none; }

.new_index_Featuredtext p { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); display: block; font-size: 13px; color: #4c4f55; line-height: 20px; }

.new_index_FeaturedLink { display: none; left: 10%; bottom: -95px; color: #4c4f55; font-size: 14px; position: absolute; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); z-index: 99; font-size: 14px; line-height: 22px; max-width: 265px; }

.new_index_FeaturedLink p { font-weight: 700; padding-top: 5px; }

.new_index_FeaturedLink p a { color: #4c4f55; }

.new_index_FeaturedLink p a:hover { color: #0591d7; }

.new_index_Featuredtext_mobile { margin: 0px 7%; max-width: 300px; padding-top: 25px; display: block; }

.new_index_Featuredtext_mobile p { font-size: 13px; color: #4c4f55; line-height: 20px; padding-top: 5px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; -webkit-transition-delay: 2.6s; -o-transition-delay: 2.6s; transition-delay: 2.6s; }

.new_index_Featuredtext_mobile h3 { font-size: 14px; color: #4c4f55; padding-top: 10px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; }

.new_index_Featuredtext_mobile .new_Masterlink { font-size: 14px; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; }

.new_index_Featuredtext_mobile .new_Masterlink a { color: #4c4f55; }

.new_index_Featuredtext_mobile .new_Masterlink a:hover { color: #0591d7; }

.new_index_Featured .new_index_Featuredbg { -webkit-transition: 1.2s cubic-bezier(0, 0.955, 0.705, 1); -o-transition: 1.2s cubic-bezier(0, 0.955, 0.705, 1); transition: 1.2s cubic-bezier(0, 0.955, 0.705, 1); }

.new_index_FeaturedImg img { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; opacity: 0; }

.new_index_FeaturedTitle p { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; opacity: 0; }

.new_index_FeaturedLogo a { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; opacity: 0; }

.new_index_Featuredtext p { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; opacity: 0; }

.new_index_FeaturedLink { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; opacity: 0; }

.new_index_Featuredbox ul li.cur .new_index_Featured .new_index_Featuredbg { width: 100%; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedImg img { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedTitle p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedLogo a { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_Featuredtext p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedLink { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_Featuredtext_mobile p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_Featuredtext_mobile h3 { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Ourworks_Title { margin-top: 20px; position: relative; }

.new_index_Ourworks_Title svg { height: 40px; width: 100%; }

.new_index_Ourworks_Title text { font-size: 30px; font-weight: 900; }

.new_index_Ourworks_Title text.Stroke { fill: #fff; stroke: #b97a7a; }

.new_index_Ourworks_Title text.red { fill: #0591d7; }
.new_index_Ourworks_Title text.red1 { fill: #fe336b; }
.new_index_Ourworks_Title text.red2 { fill: #0ccaac; }
.new_index_Ourworks_Title text.red3 { fill: #0591d7; }
.new_index_Ourworks_Title text.red4 { fill: #f9b509; }
.new_index_Ourworks_Title text.red5 { fill: #E35F13; }
.new_index_Ourworks_Title text.red6 { fill: #067e6a; }

.new_index_Ourworks_Title h3 { font-size: 16px; color: #4c4f55; }

.new_index_Ourworks_Title .desc1 { color: #6a6d73; font-size: 24px; padding-top: 10px; }

.TabCasebtn { position: relative; font-size: 14px; right: 0px; top: 0px; margin: 20px auto 0px; background-color: #e8eaeb; width: 117px; cursor: pointer; padding: 2px; -webkit-border-radius: 5px; border-radius: 5px; }

.TabCasebtn ul { position: relative; }

.TabCasebtn ul li { float: left; width: 100%; height: 40px; line-height: 40px; position: relative; z-index: 9; font-size: 14px; color: #96999c; font-weight: 700; text-align: center; }

.TabCasebtn ul li.cur { color: #4c4f55; }

.TabCasebtn ul span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background-color: #fff; display: block; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }

.new_index_Ourworks { display: none; padding-top: 30px; }

.new_index_Ourworks ul { margin: 0px -10px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; opacity: 1; }

.new_index_Ourworks ul li { width: 100%; padding: 0px 10px 30px; }

.new_index_Ourworks ul li .Ourworksbox { position: relative; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; overflow: hidden; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.new_index_Ourworks ul li img { width: 100%; display: block; }

.new_index_Ourworks ul li div.OurworksImgbox { position: relative; }

.new_index_Ourworks ul li div.OurworksContent { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 10px 15px 0px; background-color: rgba(0, 0, 0, 0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.new_index_Ourworks ul li div.OurworksContent h3 { font-size: 20px; color: #000; line-height: 36px; padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; color: rgba(255, 255, 255, 0.6); padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#000000}

.new_index_Ourworks ul li div.OurworksContent .desc { font-size: 18px; color: #888; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.new_index_Ourworks ul li div.OurworksContent .label { font-size: 30px; color: #E35F13; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; font-weight:bold}
 .new_index_Ourworks ul li div.OurworksContent .label font { font-size: 4px; color: #E35F13; }

.new_index_Ourworks ul li .positiveTitle { color: #4c4f55; font-size: 16px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 25px; }

.new_index_Ourworks ul li .positiveTitle span { float: right; color: #afb0b3; font-size: 14px; font-weight: 700; background: url(../images/new_Case15.png) no-repeat left center; padding-left: 20px; }

.new_index_Ourworks ul li .Ourworksbox { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }

.new_index_Ourworks ul li div.OurworksContent { opacity: 1; filter: alpha(opacity=100); }

.new_index_Ourworks_more { text-align: center; margin-bottom: 50px; padding-top: 0px;  float:left; margin-left:5%;background-image: linear-gradient(248deg,#5f95e6,#57b6e4);border-radius: 100px;color: #fff;}

.new_index_Ourworks_more a { border: 0px solid #e5e5e5; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 180px; line-height: 50px; padding-left: 30px; font-size: 14px; position: relative; font-weight: 700; display: inline-block; text-align: left;color: #fff; }

.new_index_Ourworks_more a:after { content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.new_index_Ourworks_more a span { display: block; position: relative; z-index: 9; background: url(../images/new_Case10.png) no-repeat 90% center; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.new_index_Ourworks_more a:hover span { color: #000; background: url(../images/new_Case11.png) no-repeat 85% center; }

.new_index_Ourworks_more a:hover:after { width: 100%; background-image: linear-gradient(248deg,#ff8c1f,#ff6a00); color: #000;border-radius: 100px; }

.new_index_Ourworks ul.new_index_Ourwork_Aadmission { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.new_index_AppletsBox { position: relative; overflow: hidden; }

.new_index_AppletsBox a.detailLink { position: absolute; z-index: 99; display: block; width: 100%; height: 100%; top: 0px; left: 0px; }

.new_index_Applets { width: 100%; position: relative; background-image: url(../images/new_Applets01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.new_index_Applets_imgBox { margin: 0px auto; max-width: 450px; position: relative; }

.new_index_Applets_imgBox img { display: block; max-width: 100%; margin: 0px auto; }

.AppletsImg1 { -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.AppletsImg2 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 2; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }

.AppletsImg3 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 2; opacity: 0; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }

.AppletsImg4 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 3; opacity: 0; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets:after { position: absolute; left: 0px; top: 0px; width: 0%; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; height: 100%; z-index: 9; background-color: #7bc2c6; opacity: 0.7; -webkit-filter: opacity(70); filter: opacity(70); display: block; content: ''; }

.new_index_Applets_desc { position: absolute; left: 0px; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.new_index_Applets_desc svg { height: 69px; width: 100%; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_desc text { font-size: 40px; font-weight: 900; }

.new_index_Applets_desc text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-width: .5; }

.new_index_Applets_desc h3 { font-size: 18px; color: #fff; font-weight: 700; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; }

.new_index_Applets_desc h4 { font-size: 24px; color: #43888c; font-weight: 700; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; font-family: 'GoogleSans'; }

.new_index_Applets_desc .moreIcon { padding-top: 10px; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s; }

.new_index_Applets_desc .moreIcon a { display: block; width: 30px; letter-spacing: 2px; padding-left: 3px; height: 30px; background: #fff; line-height: 22px; text-align: center; color: #43888c; -webkit-border-radius: 100%; border-radius: 100%; font-size: 16px; }

.new_index_Applets_desc .moreIcon a:hover { background-color: #43888c; color: #fff; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }

.new_index_Applets_desc .desc { font-size: 12px; color: #4a5c5c; font-weight: 700; line-height: 24px; margin-top: 10px; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.new_index_Applets_dot { position: absolute; width: 100%; bottom: 20px; left: 0px; z-index: 99; text-align: center; }

.new_index_Applets_dot span { background-color: #e5e5e5; width: 30px; height: 2px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; }

.new_index_Applets_dot span.swiper-pagination-bullet-active { background-color: #ffffff; height: 4px; }

.new_index_Applets_02 { background: #1a6dff; }

.new_index_Applets_02:after { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; background-color: #2a65eb; }

.new_index_Applets_02 .AppletsImg1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.new_index_Applets_02 .new_index_Applets_desc svg { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_Applets_02 .new_index_Applets_desc h3 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets_02 .new_index_Applets_desc h4 { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; color: #25a5ff; }

.new_index_Applets_02 .new_index_Applets_desc .moreIcon { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_02 .new_index_Applets_desc .desc { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; color: #fff; }

.new_index_Applets_03 {background: url(../images/new_Applets17.jpg) no-repeat center;
    background-size: auto 100%;}

.new_index_Applets_03:after { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; background-color: #2a65eb; }

.new_index_Applets_03 .AppletsImg1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; position: relative; }

.new_index_Applets_03 .AppletsImg1 video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_Applets_03 .new_index_Applets_desc svg { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_Applets_03 .new_index_Applets_desc h3 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets_03 .new_index_Applets_desc h4 { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; color: #25a5ff; }

.new_index_Applets_03 .new_index_Applets_desc .moreIcon { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_03 .new_index_Applets_desc .desc { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; color: #fff; }

.new_index_Applets_03 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: absolute; left: 0px; bottom: 0px; }

.new_index_Applets_04 { background: #0c010c; min-height: 420px; }

.new_index_Applets_04:after { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; background-color: #212637; }

.new_index_Applets_04 .AppletsImg1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.new_index_Applets_04 .new_index_Applets_desc svg { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_Applets_04 .new_index_Applets_desc h3 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets_04 .new_index_Applets_desc h4 { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; color: #25a5ff; }

.new_index_Applets_04 .new_index_Applets_desc .moreIcon { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_04 .new_index_Applets_desc .desc { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; color: #fff; }

.new_index_Applets_04 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: absolute; left: 0px; bottom: 0px; text-align: right; }

.new_index_Applets_04 .new_index_Applets_imgBox img { display: inline-block; margin: 0px; }

.new_index_Applets_05 { background: url(../images/new_Applets16.jpg) no-repeat center; background-size: auto 100%; }

.new_index_Applets_05:after { background-color: #888; }

.new_index_Applets_05 .new_index_Applets_desc h4 { color: #0591d7; }

.new_index_Applets_05 .new_index_Applets_desc .moreIcon a { color: #0591d7; }

.new_index_Applets_05 .new_index_Applets_desc .desc { color: #fff; }

.AppWebImg1 { padding-top: 40px; }

.AppWebImg2 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 2; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }

.AppWebImg3 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 3; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }

.AppWebImg4 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 4; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

.AppWebImg5 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 7; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }

.AppWebImg6 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 6; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; }

.AppWebImg7 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 5; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }

.new_index_AppletsBox ul li.cur .AppletsImg1 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .AppletsImg2 { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .AppletsImg3 { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }

.new_index_AppletsBox ul li.cur .AppletsImg4 { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc svg { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc h3 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc h4 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc .moreIcon { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc .desc { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets:after { width: 50%; }

.new_index_AppletsBox ul li.cur .AppWebImg1 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_Ourclient { position: relative; overflow: hidden; padding-bottom: 50px; }
.new_index_Ourclient1 { position: relative; overflow: hidden; padding-bottom: 50px; }

.new_index_Ourclient:after { background: url(../images/new_Ourclient25.png) no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; width: 60px; height: 53px; }

.new_index_Ourclient:before { background: url(../images/new_Ourclient24.png) no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; width: 96px; height: 61px; }

.bv-video { position: absolute; z-index: 1; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #000; }

.bv-video video { background-color: transparent; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.6; filter: alpha(opacity=60); }

.new_index_Ourclient div.commonweb { position: relative; z-index: 9; }

.new_index_Ourclient_title { padding-top: 0px; }

.new_index_Ourclient_title svg { height: 60px; width: 100%; }

.new_index_Ourclient_title text { font-size: 30px; font-weight: 900; }

.new_index_Ourclient_title text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #d4d4d4; stroke-width: .5; }

.new_index_Ourclient_title text.red { fill: #0591d7; }

.new_index_Ourclient_title h3 { font-weight: 700; font-size: 16px; color: #4c4f55; }

.new_index_Ourclient_title .desc1 { color: #4c4f55; font-size: 24px; padding-top: 30px; }

.new_index_Ourclient_title .desc2 { font-size: 14px; padding-top: 20px;}

.new_index_Ourclient_title .desc3 { font-size: 24px; padding-top: 0px; color:#6a6d73;}


.new_index_Ourclient_list { padding: 10px 0px 0px; }

.new_index_Ourclient_list ul{ margin:0px -5px;}

.new_index_Ourclient_list ul li { width: 33.3333%; padding: 10px 5px 0px; float: left; }

.new_index_Ourclient_list ul li img { width: 100%; margin: 0px auto; display: block; border: 1px solid #e7eaec; }

.new_index_newsbg { overflow: hidden; position: relative; background: #e9ebf0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f3f5), color-stop(100%, #eaecf0)); background: -webkit-linear-gradient(top, #f2f3f5 0%, #eaecf0 100%); background: -o-linear-gradient(top, #f2f3f5 0%, #eaecf0 100%); background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f5), to(#eaecf0)); background: linear-gradient(to bottom, #f2f3f5 0%, #eaecf0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f5', endColorstr='#eaecf0',GradientType=0 ); }

.new_index_newshot { position: relative; }

.new_index_newshot dl { padding-top: 20px; display: none; }

.new_index_newshot dl dt { position: relative; }

.new_index_newshot dl dt img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_newshot dl dt span { display: block; overflow: hidden; }

.new_index_newshot dl dt h3 { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: #e0e4e9; font-size: 16px; padding: 10px 15px; font-weight: 700; }

.new_index_newshot dl dd { font-size: 13px; color: #6a6d73; line-height: 22px; padding-top: 18px; padding-right: 0px; }

.new_index_newshot dl dt:hover a p { color: #0591d7; }

.new_index_newshot dl dt:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.new_index_news_title { padding-top: 20px; }

.new_index_news_title svg { height: 60px; width: 100%; }

.new_index_news_title text { font-size: 30px; font-weight: 900; }

.new_index_news_title text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #848688; stroke-width: .5; }

.new_index_news_title text.red { fill: #0591d7; }

.new_index_news_title h3 { font-size: 16px; color: #4c4f55; }

.new_index_news_title .desc1 { color: #6a6d73; font-size: 20px; padding-top: 15px; }

.new_index_newslistBox { position: relative; }

.new_index_newslistmain { padding-top: 30px; }

.new_index_newslistmain h3 { font-size: 14px; color: #babcc0; text-align: center; }

.new_index_newslistmain h3 a { margin: 0px 10px; color: #babcc0; }

.new_index_newslistmain h3 a.cur { color: #4c4f55; }

.new_index_newslistTabBox { position: relative; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_newslist { width: 100%; position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; }

.new_index_newslist ul li { width: 320px; float: left; position: relative; }

.new_index_newslist ul li .new_index_newslistContent { background-color: #fff; width: 100%; padding: 0px 0px 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; z-index: 99; }

.new_index_newslist ul li .new_index_news_img { position: relative; }

.new_index_newslist ul li .new_index_news_img img { width: 100%; display: block; }

.new_index_newslist ul li .new_index_news_img span { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; }

.new_index_newslist ul li .new_index_news_img em { position: absolute; left: 50%; top: 50%; margin: -25px 0px 0px -25px; display: block; width: 50px; height: 50px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; }

.new_index_newslist ul li .new_index_news_img em:after { position: absolute; display: block; left: 0px; width: 100%; top: 50%; background-color: #fff; height: 2px; content: ''; margin-top: -1px; }

.new_index_newslist ul li .new_index_news_img em:before { position: absolute; display: block; left: 50%; height: 100%; top: 0%; background-color: #fff; width: 2px; content: ''; margin-left: -1px; }

.new_index_newslist ul li h4 { font-size: 14px; font-weight: 700; color: #4c4f55; margin-top: 20px; padding: 0px 20px; line-height: 24px; height: 48px; overflow: hidden; }

.new_index_newslist ul li p { font-size: 13px; color: #6a6d73; line-height: 22px; margin-top: 20px; display: -webkit-box; height: 120px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; padding: 0px 20px; }

.new_index_newslist ul li .new_index_newslistContentText { padding: 30px 0px 50px; }

.new_index_newslist ul li .new_index_newslistContentText h4 { margin-top: 0px; }

.new_index_newslist ul li:hover .new_index_newslistContent { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -webkit-box-shadow: 0px 30px 30px rgba(92, 101, 123, 0.4); box-shadow: 0px 30px 30px rgba(92, 101, 123, 0.4); }

.new_index_newslist ul li:hover .new_index_news_img span { background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(#01b0f1)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #01b0f1 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #01b0f1 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #01b0f1 100%); opacity: 1; }

.new_index_newslist ul li:hover .new_index_news_img em { opacity: 1; }

.new_index_newslist ul li:hover .new_index_newslistContentText { background: #01b0f1; }

.new_index_newslist ul li:hover .new_index_newslistContentText h4 { color: #fff; }

.new_index_newslist ul li:hover .new_index_newslistContentText p { color: #fff; }

.new_index_newslist ul li:hover .new_index_newslistContentText:after { content: ''; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, #01b0f1)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #01b0f1 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #01b0f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(#01b0f1)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #01b0f1 100%); }

.new_index_contact { background: url(../images/new_contact01.jpg) no-repeat center; padding-bottom: 60px; background-size: cover; }

.new_index_contact_title { padding-top: 60px; }

.new_index_contact_title svg { height: 60px; width: 100%; }

.new_index_contact_title text { font-size: 45px; font-weight: 900; }

.new_index_contact_title text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-width: .5; }

.new_index_contact_title text.red { fill: #fff; }

.new_index_contact_title h3 { font-size: 16px; color: #0591d7; padding-bottom: 25px; }

.new_index_contact_line { width: 320px; height: 6px; background: #fff; float: right; margin-top: 195px; display: none; }

.new_index_contact_line:after { content: ''; display: block; width: 0px; }

.new_index_contact:hover .new_index_contact_line { background: none; }

.new_index_contact:hover .new_index_contact_line:after { width: 100%; height: 6px; background-color: #0591d7; -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; }

.new_index_newslistTab { position: absolute; opacity: 0; left: 0px; top: 0px; filter: alpha(opacity=0); }

.news_foot_contact { padding-bottom: 40px; background: url(../images/new_footer06.jpg) no-repeat center top #061f62; overflow: hidden; }

.new_experience_17 { padding: 20px 0px; text-align: center; position: relative; background: #E35F13; }

.new_experience_17 p { font-size: 24px; color: #fff; }

.new_experience_17 .num { font-size: 32px; font-weight: 700; line-height: 32px; color: #fff; text-shadow: 15px 25px 10px rgba(112, 107, 98, 0.1); }

.news_foot_contact_Telbox { padding: 0px; position: relative; z-index: 9; }

.news_foot_contact_Telbox dl { position: relative; padding-bottom: 0px; text-align: center; }

.news_foot_contact_Telbox dl dt h3 { color: #E35F13; font-size: 22px; padding-top: 15px; }

.news_foot_contact_Telbox dl dt .desc { font-size: 14px; color: #9496a2; font-weight: 700; padding-top: 10px; }

.news_foot_contact_Telbox dl dt .desc1 { font-size: 12px; color: #c3ac89; font-weight: 700; padding-top: 8px; }

.news_foot_contact_Telbox dl dt .desc2 { font-size: 12px; color: #c3ac89; font-weight: 700; }

.news_foot_contact_Telbox dl dt .desc2 span { margin-right: 10px; font-size: 16px; color: #e24c34; font-weight: normal; }

.news_foot_contact_Telbox dl dt .desc2 span:nth-child(2) { margin-right: 0px; }

.news_foot_contact_Telbox dl dt .news_foot_contact_tel { padding: 0px 0px 10px; }

.news_foot_contact_Telbox dl dd { max-width: 280px; margin: 0px auto; }

.news_foot_contact_Telbox dl dd a { display: block; width: -webkit-calc(50% - 5px); width: calc(50% - 5px); height: 46px; font-size:16px;font-weight: 700; -webkit-border-radius: 40px; border-radius: 40px; border: 4px solid #393d61; float: left; margin-left: 10px; text-align: center; color: #b4b4ba; line-height: 40px; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.news_foot_contact_Telbox dl dd a.advisory span { display: inline-block; }

.news_foot_contact_Telbox dl dd a:hover { background-color: #E35F13; border-color: #E35F13; color: #fff; }

.news_foot_contact_Telbox dl dd a:nth-child(1) { margin-left: 0px; }

.news_foot_contact_Telbox dl dd a.cur { background-color: #E35F13; border-color: #E35F13; color: #fff; }

.new_footbox { position: relative; overflow: hidden; }

.new_foot { padding-top: 40px; padding-bottom: 30px; position: relative; z-index: 9; }

.new_footReady { position: relative; }

.new_footReady h3 { font-size: 32px; color: #4c4f55; line-height: 70px; position: relative; z-index: 9; }

.new_footReady svg { height: 99px; width: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; }

.new_footReady text { font-size: 45px; font-weight: 900; }

.new_footReady text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #f4f4f4; stroke-width: 1; }

.new_footReady p { padding-top: 30px; }

.new_footReady p a { display: inline-block; border: 2px solid #fc3d2d; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; padding: 10px 35px; font-size: 14px; color: #282828; -webkit-border-radius: 40px; border-radius: 40px; }

.new_footReady p a:hover { background-color: #fc3d2d; color: #fff; }

.new_footContact { padding-top: 25px; }

.new_footContact h3 { color: #4c4f55; font-size: 18px; font-weight: 700; padding-bottom: 10px; }

.new_footContact p { font-size: 14px; color: #4c4f55; padding-bottom: 5px; }

.new_footContact p span.tel400 { font-size: 20px; }

.new_footContact .new_red { color: #E35F13; font-size: 22px; padding-top: 5px; }

.new_footabout { border-top: 1px solid #eeeeee; padding-top: 30px; padding-bottom: 10px; position: relative; z-index: 9; }

.new_footabout ul li { float: left; padding-bottom: 20px; }

.new_footabout ul li h3 { color: #6a6d73; font-size: 16px; font-weight: 700; }

.new_footabout ul li h3:after { content: ''; width: 20px; height: 2px; background-color: #E35F13; display: block; margin-top: 15px; }

.new_footabout ul li p { font-size: 13px; color: #6a6d73; margin-top: 25px; line-height: 22px; height:88px; overflow: hidden;}

.new_footabout ul li.new_Advantage { width: 100%; padding-left: 0px; }

.new_footabout ul li.new_Advantage p { float: left; width: 50%; }

.new_footabout ul li.new_footaboutus { width: 100%; }

.new_footabout ul li.new_footdifferent { width: 100%; }

.footlinkbox { border-top: 1px solid #eeeeee; padding: 15px 0px; }

.footlinkbox h3 { color: #6a6d73; font-size: 16px; font-weight: 700; position: relative; }

.footlinkbox h3:after { content: ''; width: 20px; height: 2px; background-color: #E35F13; display: block; margin-top: 15px; }

.footlinkbox h3 span { cursor: pointer; font-weight: normal; right: 0px; top: 0px; display: block; padding: 0 10px; font-size: 14px; line-height: 22px; color: #666; border: 1px solid #444; position: absolute; }

.footlink { font-size: 13px; padding-top: 20px; display: none; }

.footlink a { color: #6a6d73; font-size: 13px; margin-right: 19px; display: inline-block; margin-top: 5px; }

.footlink a:hover { color: #E35F13; }

.new_footer { border-top: 1px solid #eeeeee; color: #6a6d73; padding-top: 20px; padding-bottom: 80px; line-height: 26px; position: relative; z-index: 9; text-align: center; }

.new_footer dt { font-size: 14px; color: #4c4f55; padding-top: 10px; }

.new_footer dt a { color: #4c4f55; }

.new_footer a { color: #6a6d73; }

.new_footer a.beianic { padding-left: 24px; background: url(../images/beianico.png) no-repeat 0 center; }

.new_footer a:hover { color: #E35F13; }

.new_footer dd { padding-top: 20px; }

.new_footer dd a { display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; margin-left: 15px; }

.new_footer dd a.xq_icon { background-image: url(../images/new_footer01.png); }

.new_footer dd a.tel_icon { background-image: url(../images/new_footer02.png); }

.new_footer dd a.qq_icon { background-image: url(../images/new_footer03.png); }

.new_footer dd a.wx_icon { background-image: url(../images/new_footer04.png); }

.new_footclassbox { padding: 30px 0px 10px; position: relative; z-index: 9; }

.new_foot_title { font-size: 20px; font-weight: 700; color: #0591d7; }

.new_foot_class { padding-top: 5px; }

.new_foot_class li { border-bottom: 1px solid #eee; position: relative; }

.new_foot_class li > h3 a { color: #3d3f41; font-weight: 700; line-height: 40px; font-size: 14px; display: block; }

.new_foot_class li p { display: none; padding: 10px; border-top: 1px solid #eee; }

.new_foot_class li p a { display: block; line-height: 35px; }

.new_foot_class li span { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }

.new_foot_class li span:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.new_foot_class li.cur span:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.new_foot_class li:nth-child(1) { padding-left: 0px; }

.new_foot_class li:last-child { border-bottom: none; }

.GradientBox { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 2%; width: 300px; height: 300px; z-index: 1; display: none; }

.Gradient1 { -webkit-animation: 7s color1 linear infinite; -o-animation: 7s color1 linear infinite; animation: 7s color1 linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #ffd8dc, rgba(255, 216, 220, 0) 100%); z-index: 1; left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute; }

.Gradient2 { -webkit-animation: color2 8s linear infinite; -o-animation: color2 8s linear infinite; animation: color2 8s linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #fde8ce, rgba(253, 232, 206, 0) 100%); background-image: -moz-radial-gradient(50% 50%, circle contain, #fde8ce, rgba(253, 232, 206, 0) 100%); z-index: 1; left: 0px; top: 50%; width: 60%; height: 60%; position: absolute; margin: -5% 0px 0px -30%; }

.Gradient3 { -webkit-animation: color3 6s linear infinite; -o-animation: color3 6s linear infinite; animation: color3 6s linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #efdafc, rgba(239, 218, 252, 0) 100%); background-image: -moz-radial-gradient(50% 50%, circle contain, #efdafc, rgba(239, 218, 252, 0) 100%); z-index: 1; left: 0px; top: 50%; width: 60%; height: 60%; position: absolute; margin: -5% 0px 0px 30%; }

@-webkit-keyframes color1 { 0% { -webkit-transform: rotate(0deg) translate(-40px) rotate(0deg) scale(1, 1); }
  50% { -webkit-transform: rotate(-180deg) translate(-20px) rotate(-180deg) scale(1, 1.33); }
  100% { -webkit-transform: rotate(-360deg) translate(-40px) rotate(-360deg) scale(1, 1); } }

@-webkit-keyframes color2 { 0% { -webkit-transform: rotate(0deg) translate(30px) rotate(0deg) scale(1, 1);
    opacity: 1; }
  66% { -webkit-transform: rotate(180deg) translate(60px) rotate(-180deg) scale(1, 1.33);
    opacity: .33; }
  100% { -webkit-transform: rotate(360deg) translate(30px) rotate(-360deg) scale(1, 1);
    opacity: 1; } }

@-webkit-keyframes color3 { 0% { -webkit-transform: rotate(0deg) translate(10px) rotate(0deg) scale(1, 1); }
  33% { -webkit-transform: rotate(180deg) translate(40px) rotate(-180deg) scale(1.66, 1); }
  100% { -webkit-transform: rotate(360deg) translate(10px) rotate(-360deg) scale(1, 1); } }

.animation_fadeInUpinit { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.animation_afadeInUp { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.popDemand { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 999; overflow: hidden; display: none; }

.popDemand:after { width: 200px; height: 200px; content: ''; -webkit-border-radius: 100%; border-radius: 100%; background-color: #ffffff; display: block; position: absolute; z-index: 1; right: 0px; top: 0px; -webkit-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; }

.popDemandhead { position: absolute; z-index: 25; left: 0px; top: 0px; right: 0px; padding: 15px 15px 0px; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.popDemandhead .new_index_header a.logo { display: none; }

.popDemandhead .DemandClosebtn { padding: 9px 4px 0; float: right; width: 36px; cursor: pointer; }

.popDemandhead .DemandClosebtn span { position: relative; display: block; width: 100%; height: 2px; margin: 0 auto 6px; background: #4c4f55; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.popDemandhead .DemandClosebtn span:nth-child(1) { top: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.popDemandhead .DemandClosebtn span:nth-child(2) { opacity: 0; }

.popDemandhead .DemandClosebtn span:nth-child(3) { top: -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.popDemandLeft { display: none; overflow: hidden; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 50%; background-color: #ffffff; z-index: 19; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.popDemandLeft video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 50px; font-weight: 700; color: #0591d7; z-index: 9; text-transform: uppercase; }

.popDemandRight { right: 0px; width: 100%; top: 0px; bottom: 0px; padding: 60px 20px 40px; background-color: #ffffff; z-index: 19; position: absolute; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; overflow-y: auto; }

.demandSlogan { font-size: 24px; color: #4c4f55; padding-bottom: 20px; line-height: 30px; border-bottom: 2px solid #f7f7f7; }

.DemandForm dt { padding-top: 10px; position: relative; }

.DemandForm dd { padding-top: 10px; }

.DemandForm label { display: block; border-bottom: 1px solid #c0c0c0; padding: 20px 0px 10px; position: relative; }

.DemandForm label input { width: 100%; font-size: 14px; color: #4c4f55; }

.DemandForm label i { position: absolute; left: 0px; right: 0px; top: 21px; font-size: 14px; font-weight: 700; color: #c0c0c0; font-style: normal; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.DemandForm label.cur i { top: 0px; font-size: 12px; }

.DemandForm label span { position: absolute; color: #0591d7; top: 0px; font-size: 12px; background-color: #fff; left: 0px; right: 0px; display: none; white-space: nowrap; }

.DemandForm label.errorPrompt { border-bottom: 1px solid #0591d7; }

.DemandForm label.errorPrompt span { display: block; }

.DemandForm label.errorPrompt i { display: none; }

.DemandService { padding-top: 35px; }

.DemandService h3 { font-size: 20px; color: #4c4f55; }

.DemandService p { color: #b6b6b6; font-size: 15px; font-weight: 700; padding-top: 15px; }

.DemandService p span { font-size: 18px; font-weight: 100; padding: 0px 8px; }

.DemandService p label { color: #b6b6b6; }

.DemandService p label.cur { color: #4c4f55; }

.DemandService p label:hover { color: #4c4f55; }

.DemandService p label input { display: none; }

.DemandDudget { line-height: 46px; border-top: 2px solid #f7f7f7; margin-top: 30px; padding-top: 20px; }

.DemandDudget dt { float: left; font-size: 20px; color: #4c4f55; padding-right: 30px; }

.DemandDudget dd { font-size: 14px; color: #4c4f55; }

.DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 25px; cursor: pointer; }

.DemandDudget dd span:after { content: ''; position: absolute; left: 0px; top: 16px; width: 14px; height: 14px; background-color: #e6e6e6; -webkit-border-radius: 100%; border-radius: 100%; }

.DemandDudget dd label:last-child span { padding-right: 0px; }

.DemandDudget dd span.cur:after { border: 3px solid #e6e6e6; background-color: #0591d7; }

.DemandDudget dd input { display: none; }

.DemandInputBtn { padding-top: 40px; }

.DemandInputBtn input { width: 100%; background-color: #d8dbe2; color: #4c4f55; height: 40px; font-size: 16px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.DemandInputBtn1{ width: 100%; background-color: #d8dbe2; color: #0591d7; height: 60px; font-size: 20px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; text-align:center; line-height:55px;}
  .DemandInputBtn1 span{ color: #E35F13; font-size:24px;}

.DemandInputBtn input:hover { background-color: #0591d7; color: #fff; }

.DemandvCode { position: absolute; right: 0px; top: 20px; width: 100px; height: 35px; }

.Admission:after { width: 4000px; height: 4000px; right: -500px; top: -1500px; }

.Admission .popDemandhead { opacity: 1; }

.Admission .popDemandLeft { opacity: 1; }

.Admission .popDemandRight { opacity: 1; }

.hideScroll { overflow: hidden; }

.sidebar { position: fixed; z-index: 99; left: 0px; right: auto; bottom: 0%; width: 100%; border-right: 1px solid #dfdfdf; background-color: #ffffff; display: none; }

.sidebar a { float: left; width: 25%; display: block; border: 1px solid #dfdfdf; border-right: none; text-align: center; padding:5px 0px; color: #6a6d73; position: relative; }

.sidebar a span { display: block; background-repeat: no-repeat; background-position: top center; position: relative; z-index: 9; }

.sidebar a span.icon11 { background-image: url(../images/sidebarIcon1.png); }

.sidebar a span.icon22 { background-image: url(../images/sidebarIcon2.png); }

.sidebar a span.icon33 { background-image: url(../images/sidebarIcon3.png); }

.sidebar a span.icon44 { background-image: url(../images/sidebarIcon4.png); }

.sidebar a span.icon55 { background-image: url(../images/sidebarIcon5.png); }

.sidebar a .sidebarTel { position: absolute; display: none; text-align: left; right: 0px; background-color: #0591d7; padding: 10px 0px 0px 20px; color: #f3eccb; font-size: 12px; width: 305px; top: -1px; bottom: -1px; border: 1px solid #dfdfdf; }

.sidebar a .sidebarTel em { font-style: normal; font-size: 24px; color: #ffffff; display: block; }

.sidebar a.hometop { background-color: #414348; color: #ffffff; position: fixed; bottom: 20%; right: 10px; width: 40px; border-bottom: 1px solid #dfdfdf; padding: 2px 0px; }

.sidebar a.hometop em { position: relative; display: block; font-style: normal; padding: 10px 0px 5px; }

.sidebar a.hometop em:after { content: ''; position: absolute; left: 50%; top: 0px; margin-left: -5px; width: 0px; height: 0px; border: 5px solid transparent; border-bottom-color: #fff; }

.sidebar a .Qrcode { position: fixed; left: 50%; top: 50%; margin: -81px 0px 0px -81px; width: 162px; border: 1px solid #dfdfdf; background-color: #fff; display: none; }

.sidebar a .Qrcode img { width: 160px; }

.sidebar a:hover { background-color: #0591d7; color: #fff; }

.sidebar a:hover span.icon11 { background-image: url(../images/sidebarIcon01.png); }

.sidebar a:hover span.icon22 { background-image: url(../images/sidebarIcon02.png); }

.sidebar a:hover span.icon33 { background-image: url(../images/sidebarIcon03.png); }

.sidebar a:hover span.icon44 { background-image: url(../images/sidebarIcon04.png); }

.sidebar a:hover span.icon55 { background-image: url(../images/sidebarIcon05.png); }

.sidebar a i{font-size:32px; color:#0591d7; position:relative; z-index:10;}

.sidebar a:hover i{ color:#fff;}


#LXB_CONTAINER_SHOW{top:60% !important; width: 45px !important;}

#LRfloater0 img{width:60px;}


.w-sm .weblg {
    max-width: 1200px;
}

.w-md .weblg {
    max-width: 1320px;
}
.w-lg .weblg {
    max-width: 1400px;
}

.about-us-intro {
    padding-top: 50px;
    padding-bottom: 2.125%;
    position: relative;
    overflow: hidden;
}

.about-us-intro .intro-card .card {
	float: left;
	width: 33.3333%
}

.about-us-intro .intro-card .inner {
	position: relative;
	padding: 0 25px 0 0;
}

.about-us-intro .intro-card .inner img {
	display: block;
	width: 100%
}

.about-us-intro .intro-card .info {
	position: absolute;
	left: 67px;
	top: 26.18627%;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	width: 65%;
}

.about-us-intro .intro-card .en {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-style:italic;
}

.about-us-intro .intro-card .cn {
	margin-bottom: 37px;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold
}

.full-case-crumbs{position:relative;z-index:10;width:100%;height:70px;padding:14px 0;background-color:#ededed; line-height:40px}
 .full-case-crumbs.crumbs-fff{background-color:#fff}.full-case-crumbs .crumbs{float:left;font-size:0}
 .full-case-crumbs .crumbs a, .full-case-crumbs .crumbs i, .full-case-crumbs .crumbs span{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:16px;line-height:42px}
 .full-case-crumbs .crumbs a:hover{color:#d90000}.full-case-crumbs .crumbs i{padding:0 1em;font-family:consolas;font-style:normal}
 .full-case-crumbs .crumbs span{color:#d90000}.full-case-crumbs .crumbs .home{padding-left:36px;background:url("../images/crumbhome.png") no-repeat 0 10px}
 .full-case-crumbs .crumbs .home:hover{background-image:url("../images/crumbhomeac.png")}
 .full-case-crumbs .other-channel{position:relative;float:right;z-index:10;width:307px;font-size:16px;line-height:42px;color:#666}
 .full-case-crumbs .other-channel .channel-title{background-color:#fff;padding-left:28px;background:#fff url("../images/otherarr.png") no-repeat 270px center;cursor:pointer}
 .full-case-crumbs .other-channel .channel-dropdown{display:none;position:absolute;left:0;top:42px;width:100%;padding-bottom:18px;border:1px solid #d2d2d2;background-color:#fff;max-height:462px;overflow-y:auto}
 .full-case-crumbs .other-channel .channel-dropdown a{display:block;padding-left:28px}.full-case-crumbs .other-channel .channel-dropdown a:hover{background-color:#d80000;color:#fff}
 .full-case-crumbs .edit{float:right;width:15%;height:42px;text-align:center;background-color:#fff}
 .full-case-crumbs .edit span{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:16px;line-height:42px;color:#d90000;padding-left:44px;background:url(../webimages/editbkac.png) no-repeat 0 44.9%}


@media (max-width: 750px) {
	#LRfloater0 img{width:50px;}
}

@media (max-width: 480px) { .new_index_triangleBox { max-width: 200px; position: relative; margin: 80px auto 0px; }
  .new_index_bannertext01 dl {position: absolute;
    left: 20px;
    right: 20px;
    top: 45%;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
    text-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
    z-index: 99;}
  .new_index_triangleText span { font-size: 12px; }
  .new_index_About text { font-size: 20px; font-weight: 900; }
  .new_index_banner ul li div.new_index_banner_text dl { padding: 0px 10px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { height: 40px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 24px; }
  .new_index_banner ul li h3 { font-size: 15px; }
  .new_index_banner ul li h2 { font-size: 26px; font-weight:bold; color:#FFFFFF}
  .new_index_banner ul li p { line-height: 20px; }
  .new_index_About svg { height: 30px; } }

@media (min-width: 768px) { .new_index_banner ul li div.new_index_banner_text dl { max-width: 750px; margin: 0px auto; padding: 0px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 60px; }
  .new_index_banner ul li h3 { font-size: 26px; padding-bottom: 20px; }
    .new_index_banner ul li h2 { font-size: 36px; font-weight:bold; color:#FFFFFF}
  .new_index_banner ul li p { font-size: 16px; line-height: 28px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 100px; }
  .new_index_banner_icon p { max-width: 750px; padding: 0px 0px; }
  .new_index_About text { font-size: 40px; font-weight: 900; }
  .new_index_About h3 { font-size: 22px; color: #4c4f55; font-weight: 700; }
  .new_index_About .desc1 { font-size: 24px; }
  .new_index_About .desc2 { font-size: 14px; }
  .new_index_About .desc3 { font-size: 16px; }
  .new_index_About_fourCol img { width: 50px; height: 50px; display: block; }
  .new_index_About_fourCol h3 { font-size: 20px; }
  .new_index_About_fourCol .desc h2 a { line-height: 35px; }
  .new_index_FeaturedImg img { height: 400px; max-height: initial; }
  .new_index_FeaturedTitle p img { height: 60px; max-width: 100%; max-height: initial; }
  .new_index_FeaturedTitle { -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); }
  .new_index_FeaturedLogo { left: 20px; top: 110px; }
  .new_index_FeaturedLogo img { max-width: 100%; }
  .new_index_Ourworks_Title text { font-size: 35px; }
  .new_index_Ourworks_Title h3 { font-size: 20px; }
  .new_index_Ourworks_Title svg { width: 100%; height: 60px; }
  .TabCasebtn { position: absolute; font-size: 18px; right: 0px; top: 35px; cursor: pointer; }
  .TabCasebtn img { margin-right: 10px; height: 40px; }
  .new_index_newshot dl { padding-top: 30px; }
  .new_index_Ourclient_title text { font-size: 35px; }
  .new_index_Ourclient_title h3 { font-size: 20px; }
  .new_index_Ourclient_title .desc1 { font-size: 28px; padding-top: 20px; }
  .new_index_Ourclient_title .desc2 { font-size: 16px;}
  .new_index_Ourclient_title .desc3 { font-size: 26px;}
  
  .new_index_news_title text { font-size: 35px; }
  .new_index_news_title h3 { font-size: 20px; }
  .new_index_news_title .desc1 { font-size: 28px; }
  .new_footReady text { font-size: 60px; font-weight: 900; }
  .new_footReady h3 { font-size: 40px; line-height: 80px; }
  .new_index_Applets_desc text { font-size: 46px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 20px; }
  .new_index_Applets_desc h4 { font-size: 24px; }
  .new_index_Applets_desc .moreIcon { padding-top: 20px; }
  .new_index_Applets_desc .moreIcon a { line-height: 28px; font-size: 18px; width: 40px; height: 40px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 15px; }
  .DemandForm dt { float: left; width: 48%; padding-top: 20px; position: relative; }
  .DemandForm dd { float: right; width: 48%; padding-top: 20px; }
  .demandSlogan { font-size: 36px; color: #4c4f55; padding-bottom: 40px; line-height: 46px; border-bottom: 2px solid #f7f7f7; }
  .DemandInputBtn input { width: 100%; background-color: #d8dbe2; color: #4c4f55; height: 60px; font-size: 18px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
  .DemandInputBtn1{ width: 100%; background-color: #d8dbe2; color: #0591d7; height: 60px; font-size: 24px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; text-align:center; line-height:60px;}
  .DemandInputBtn1 span{ color: #E35F13; font-size:30px;}
  .DemandService h3 { font-size: 24px; color: #4c4f55; }
  .DemandForm label input { width: 100%; font-size: 16px; color: #4c4f55; }
  .DemandForm label i { position: absolute; left: 0px; right: 0px; top: 21px; font-size: 16px; font-weight: 700; color: #c0c0c0; font-style: normal; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
  .DemandDudget dt { float: left; font-size: 24px; color: #4c4f55; padding-right: 30px; }
  .DemandDudget dd { font-size: 16px; color: #4c4f55; }
  .DemandvCode { position: absolute; right: 0px; top: 35px; width: 100px; height: 35px; }
  .new_index_Ourworks ul { margin: 0px -10px; }
  .new_index_Ourworks ul li { float: left; width: 50%; padding: 0px 10px 40px; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 20px 20px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 26px; line-height: 32px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 15px; color:#000000}
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 18px; color: #888; line-height: 24px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 30px; color: #E35F13;  margin-top: 10px; }
   .new_index_Ourworks ul li div.OurworksContent .label font { font-size: 4px; color: #E35F13; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 20px; line-height: 36px; margin-top: 25px; }
  .new_index_Ourworks_more { text-align: center; padding-top: 0px; }
  .new_index_Ourworks_more a { border: 0px solid #e5e5e5; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 240px; line-height: 60px; padding-left: 30px; font-size: 16px; position: relative; font-weight: 700; display: inline-block; text-align: left; }
  .new_footReady svg { height: 120px; }
  .new_footContact h3 { font-size: 20px; }
  .new_footContact .new_red { color: #E35F13; font-size: 30px; padding-top: 5px; }
  .new_index_Featuredbox { margin-top: 40px; }
  .new_index_banner_icon p span { width: 32px; height: 44px; -webkit-border-radius: 20px; border-radius: 20px; border: 5px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; }
  .new_index_banner_icon p span:after { content: ''; position: absolute; top: 7px; width: 6px; height: 11px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; }
  .new_index_Ourclient_title svg { height: 90px; width: 100%; }
  .TabCasebtn { position: absolute; }
  .TabCasebtn ul { position: relative; }
  .TabCasebtn ul li { height: 50px; line-height: 50px; }
  .TabCasebtn ul li.cur { color: #4c4f55; }
  .new_index_banner ul li img.bigbgimg { display: block; position: relative; left: 0%; height: auto; width: 100%; -webkit-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); }
  .new_index_banner { position: relative; height: auto; width: 100%; }
  .new_index_bannerbox { position: relative; width: 100%; padding-bottom: 0px; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop01 { top: 9.875%; left: 33.90625%; width: 35.46875%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop02 { top: 0; left: 58.54167%; width: 26.35417%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop03 { top: 79.375%; left: 33.3125%; width: 33.33333%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop04 { top: 19.5%; left: 55.57292%; width: 35.46875%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop05 { top: 0; left: 80.625%; width: 19.47917%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop06 { top: 73.5%; left: 57.29167%; width: 36.97917%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop07 { top: 29.125%; left: 84.32292%; width: 15.88542%; }
  .new_index_Applets_03 { min-height: 100%; }
  .new_index_Applets_03 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: relative; left: 0px; bottom: 0px; }
  .new_index_Applets_04 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: relative; left: 0px; bottom: 0px; text-align: right; } 
  .new_index_newslistmain h3 { text-align: right; }
  }

@media (min-width: 992px) { body { padding-top: 0px; }
  .new_index_header { padding: 20px 30px 0px; position: absolute; background: none; }
  .new_index_header a.logo img { height: 59px; }
  .new_headerfixedbox { position: fixed; background-color: rgba(0, 0, 0, 0.5) !important; top: -60px; padding: 10px 30px 0px; }
  .new_headerfixedbox a.logo img { height: 40px; }
  .new_headerfixedbox .demandBtn { margin-top: 3px; margin-left: 30px; }
  .new_headerfixedbox .new_Common_nav { padding-top: 8px; }
  .new_headerfixedbox .new_Common_nav ul li { height: 42px; }
  .new_headerfixedbox .new_Common_nav ul li:hover h2 a:after{top:36px}
  .new_headerfixedbox .new_child_navbox { top: 59px; }
  .new_headerbg { background-color: rgba(0, 0, 0, 0.5) !important; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 970px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 70px; }
  .new_index_banner ul li div.new_index_banner_text:after { content: ''; }
  .new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 50px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 150px; }
  .new_index_banner_icon p { max-width: 970px; padding: 0px 0px; }
  .new_index_About dl dd { padding-top: 100px; }
  .new_index_About text { font-size: 40px; font-weight: 900; }
  .new_index_About .desc1 { font-size: 28px; }
  .new_index_About .desc2 { font-size: 14px; padding-top: 20px; }
  .new_index_About .desc3 { font-size: 18px; }
  .new_index_news_title { padding-top: 30px; }
  .new_index_news_title text { font-size: 40px; font-weight: 900; }
  .new_index_news_title h3 { font-size: 22px; }
  .new_index_news_title .desc1 { font-size: 28px; }
  .demandBtn { float: right; margin-left: 30px; margin-top: 0px; }
  .new_index_triangleBox { max-width: 340px; position: relative; margin: 150px auto 0px; }
  .new_index_triangleBox:after { width: 150%; height: 150%; }
  .new_index_triangleBox:before { width: 150%; height: 150%; }
  .new_index_triangleText span { font-size: 18px; }
  .new_index_Featuredbg { padding: 55px 0px 140px; }
  .new_index_Featuredtext_mobile { display: none; }
  .new_index_Featuredtext { display: block; }
  .new_index_FeaturedLink { display: block; }
  .new_index_Ourclient_title { padding-top: 20px; }
  .new_index_newshot { float: left; width: 300px; background-color: #e0e4e9; }
  .new_index_newshot:after { position: absolute; left: -100%; top: 0px; bottom: 0px; width: 100%; background-color: #e0e4e9; content: ' '; display: block; }
  .new_index_newslistBox { float: right; width: -webkit-calc(100% - 320px); width: calc(100% - 320px); position: relative; }
  .new_index_newslistmain { padding-top: 140px; }
  .new_index_newslist { padding-left: 30px; padding-right: 0px; width: 105%; }
  .new_index_contact_title svg { height: 70px; }
  .new_index_contact_title text { font-size: 50px; }
  .new_index_contact_title h3 { font-size: 22px; padding-bottom: 25px; }
  .new_index_contact { min-height: 400px; padding-bottom: 0px; }
  .new_index_contact_title { float: left; width: 50%; }
  .new_index_contact_line { display: block; }
  .new_foot { padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 9; }
  .new_footReady text { font-size: 60px; font-weight: 900; }
  .new_footReady h3 { font-size: 50px; line-height: 80px; }
  .new_footer { padding-bottom: 20px; }
  .new_footer dt { float: left; }
  .new_footer dd { float: right; padding-top: 0px; }
  .new_footContact { padding-top: 65px; }
  .new_foot { padding-bottom: 60px; }
  .new_footabout { padding-top: 40px; padding-bottom: 10px; }
  .new_footabout ul li.new_Advantage { width: 32%; padding-left: 50px; }
  .new_footabout ul li.new_Advantage p { float: left; width: 50%; }
  .new_footabout ul li.new_footaboutus { width: 35%; }
  .new_footabout ul li.new_footdifferent { width: 33%; }
  .GradientBox { width: 500px; height: 500px; }
  .new_index_Applets_imgBox { max-width: 600px; }
  .new_index_Applets_desc text { font-size: 46px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 24px; }
  .new_index_Applets_desc h4 { font-size: 32px; }
  .new_index_Applets_desc .moreIcon { padding-top: 20px; }
  .new_index_Applets_desc .moreIcon a { line-height: 32px; font-size: 24px; width: 45px; height: 45px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 25px; }
  .new_childnav_Ecommerce { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 20px; }
  .new_childnav_web { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); }
  .new_childnav_web dd h3 a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_Program { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); }
  .new_childnav_Program dd { float: left; width: 25%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 4%; }
  .new_childnav_Program dd h3 a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_desc { float: left; width: 270px; background-image: url(../images/new_navicon02.png); background-position: right bottom; padding-top: 65px; padding-right: 2px; }
  .new_childnav_desc .desc { font-size: 16px; color: #6a6d73; padding-right: 30px; line-height: 26px; padding-left: 35px; margin-top: 13px; }
  .new_childnav_Ecommerce h3:nth-child(5n) { clear: left; }
  .new_childnav_smallProgram { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 20px; }
  .new_childnav_news { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 20px; }
  .new_childnav_news dd { padding: 15px 0px 0px 5%; max-width: 900px; overflow: hidden; display: block; }
  .new_child_evaluate dd .new_child_evaluateIcon p { float: left; width: 50%; padding: 0px 10px 20px; text-align: center; }
  .new_index_navbtn { display: none; }
  .new_Common_nav { float: right; padding-top: 5px; display: block; position: initial; left: 0px; top: 0px; bottom: 0px; right: 0px; overflow: inherit; background: none; }
  .new_Common_nav ul { padding: 0px; }
  .new_Common_nav ul li { float: left; padding-left: 18px; position: initial; height: 60px; line-height: 24px; cursor: pointer; border-bottom: none; }
  .new_Common_nav ul li:nth-child(1) { padding-left: 0px; }
  .new_Common_nav ul li h2 a { font-weight: 700; font-size: 14px; height: auto; line-height: 24px; display: inline-block; color: #fff; position: relative; }
  .new_Common_nav ul li:hover h2 a { color: #0591d7; }
  .new_Common_nav ul li:hover h2 a:after { content: ''; right: 0px; left: 0px; top: 54px; border-top: 2px solid #0591d7; display: block; position: absolute; }
  .new_Common_nav ul li h2 a.active {color: #0591d7; }
  .new_Common_nav ul li:hover .new_child_navbox { max-height: 1000px; height: auto; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
  .new_child_navbox { position: absolute; left: 0px; top: 84px; width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; }
  .new_childnav_desc { display: block; }
  .new_childnav_web dd h3 { padding-top: 20px; }
  .new_childnav_web dd { float: left; width: 33.3333%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 5%; }
  .new_childnav_Program dd { float: left; width: 25%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 3%; }
  .new_childnav_Program dd h3 { padding-top: 20px; }
  .new_childnav_Ecommerce h3 { float: left; width: 25%; text-align: center; padding: 40px 10px 0px; }
  .new_childnav_Ecommerce h3 span { display: block; width: 60px; height: 60px; background-repeat: no-repeat; background-size: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto 10px; }
  .new_childnav_Ecommerce h3 a { color: #4c4f55; font-size: 16px; display: block; padding-top: 0px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_childnav_Ecommerce h3 a:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_childnav_smallProgram dd { float: left; width: 25%; padding: 40px 10px 50px; }
  .new_childnav_smallProgram dd a { display: block; max-width: 210px; margin: 0px auto; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_childnav_smallProgram dd a img { max-width: 100%; display: block; }
  .new_childnav_smallProgram dd a h3 { font-size: 16px; font-weight: 700; color: #4c4f55; padding-bottom: 10px; padding-top: 0px; }
  .new_childnav_smallProgram dd a p { font-size: 12px; color: #636363; display: block; }
  .new_childnav_smallProgram dd a:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_childnav_smallProgram dd a:hover h3 { color: #ed3542; }
  .new_childnav_news dt { background: url(../images/new_navicon44.png) no-repeat right bottom; padding-bottom: 2px; padding-bottom: 30px; padding-top: 50px; }
  .new_childnav_news dt p { float: left; width: 16.666666666666668%; padding: 0px 10px; }
  .new_childnav_news dt p a { display: block; color: #4c4f55; font-size: 16px; text-align: center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_childnav_news dt p a span { display: block; width: 60px; height: 60px; background-repeat: no-repeat; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto 10px; }
  .new_childnav_news dt p a span.icon1 { background-image: url(../images/new_navicon45.png); background-color: #fab32c; }
  .new_childnav_news dt p a span.icon2 { background-image: url(../images/new_navicon46.png); background-color: #46afb3; }
  .new_childnav_news dt p a span.icon3 { background-image: url(../images/new_navicon47.png); background-color: #756de5; }
  .new_childnav_news dt p a span.icon4 { background-image: url(../images/new_navicon48.png); background-color: #e93644; }
  .new_childnav_news dt p a span.icon5 { background-image: url(../images/new_navicon49.png); background-color: #60b64d; }
  .new_childnav_news dt p a span.icon6 { background-image: url(../images/new_navicon50.png); background-color: #1595d4; }
  .new_childnav_news dt p a:hover { color: #ed3542; font-weight: 700; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_we { padding: 60px 0px 40px; background: url(../images/new_navicon44.png) no-repeat left bottom; max-width: 1400px; margin: 0px auto; }
  .new_child_we dd { float: left; width: 20%; padding-right: 10px; padding-top: 0px; }
  .new_child_we dd a { display: block; max-width: 210px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_child_we dd a img { width: 100%; display: block; }
  .new_child_we dd a h3 { font-size: 16px; font-weight: 700; color: #4c4f55; padding-bottom: 10px; margin-top: 20px; }
  .new_child_we dd a p { font-size: 12px; color: #636363; display: block; }
  .new_child_we dd a:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_we dd a:hover h3 { color: #ed3542; }
  .new_child_evaluate { display: block; }
  .new_child_contact { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 60px; }
  .new_child_contact dt { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; float: left; width: 45%; margin-left: 5%; padding: 40px 0px 0px 30px; background-color: #e8e7e3; min-height: 195px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/new_navicon56.png); border: 1px solid #e1dfdc; }
  .new_child_contact dd { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; float: left; width: 45%; margin-left: 5%; padding: 40px 0px 0px 30px; background-color: #f6f6f6; min-height: 195px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/new_navicon57.png); border: 1px solid #e1dfdc; }
  .new_child_contact dt:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_contact dd:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_contact h3 { font-size: 18px; color: #4c4f55; font-weight: 700; padding-bottom: 25px; }
  .new_child_contact p { font-size: 14px; color: #4c4f55; }
  .new_Common_nav ul li i { display: none; }
  .DemandService p { font-size: 16px; font-weight: 700; padding-top: 10px; }
  .popDemandLeft { width: 30%; }
  .popDemandRight { width: 70%; padding: 50px 20px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 15px; position: relative; padding-right: 10px; cursor: pointer; }
  .popDemandLeft { display: block; }
  .popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 30px; font-weight: 700; color: #0591d7; z-index: 9; text-transform: uppercase; }
  .new_index_Ourclient_list { padding: 50px 0px 0px; }
  .new_index_newshot dl { padding-top: 30px; padding-bottom: 60px; }
  .new_experience_17 p { font-size: 24px; }
  .new_experience_17 .num { font-size: 40px; line-height: 42px; }
  .news_foot_contact_Telbox dl dt h3 { font-size: 26px; }
  .news_foot_contact_Telbox dl dt .desc1 { font-size: 14px; padding-top: 8px; }
  .news_foot_contact_Telbox dl dt .desc2 { font-size: 14px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 10px; font-size: 20px; }
  .new_index_newslistmain h3 { font-size: 18px; }
  .new_index_newslist ul li h4 { font-size: 20px; margin-top: 20px; line-height: 30px; height: 60px; }
  .new_index_newslist ul li .new_index_newslistContent { padding: 0px 0px 30px; }
  .new_index_newslist ul li .new_index_newslistContentText { padding: 30px 10px 60px; }
  .new_footclassbox { padding: 30px 0px 20px; }
  .new_foot_class { float: right; padding-top: 8px; }
  .new_foot_class li { float: left; padding-left: 20px; border: none; }
  .new_foot_class li > h3 a { line-height: 24px; }
  .new_foot_title { font-size: 26px; float: left; }
  .new_foot_class li span { display: none; }
  .new_index_Ourclient:after { background: url(../images/new_Ourclient25.png) no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; width: 120px; height: 107px; }
  .new_index_Ourclient:before { background: url(../images/new_Ourclient24.png) no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; width: 202px; height: 128px; }
  .new_index_banner_page { padding: 0px 50px 0px 40px; width: 420px; }
  .new_index_banner_page p { height: 70px; line-height: 70px; margin-right: 30px; }
  .new_index_banner_page i { display: block; }
  .new_index_bannertext02 .Multiplatformbox .iconbox { padding: 0px 0px 20px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist { font-size: 26px; line-height: 30px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist img { max-width: 60px; }
  .new_index_bannertext02 .Multiplatformbox .desc p { font-size: 18px; line-height: 38px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 26px; }
  .new_index_Applets_04 { min-height: 100%; }
  .sidebar { position: fixed; z-index: 99; left: auto; right: 0px; top: 180px; bottom: auto; width: 86px; border-bottom: 1px solid #dfdfdf; background-color: #ffffff; }
  .sidebar a { float: none; width: auto; }
  .sidebar a.hometop { position: relative; width: auto; height: auto; right: 0px; bottom: 0px; padding: 5px 0px; border-bottom: none; }
  .sidebar a .Qrcode { position: absolute; right: 95px; left: auto; top: 0px; margin: 0px; border: 1px solid #dfdfdf; background-color: #fff; display: none; }
  .footlinkbox h3 { font-size: 18px; }
  .new_footabout ul li h3 { font-size: 18px; }
  .sidebar { border-bottom: 1px solid #dfdfdf; }
  .sidebar a { border-bottom: none; }
  .popDemandhead { padding: 15px 30px 0px; }
  .popDemandhead .new_index_header a.logo { display: block; } }

@media (min-width: 1260px) { .new_index_banner_icon p { max-width: 1200px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1200px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 90px; }
  .new_index_banner ul li h3 { font-size: 36px; }
    .new_index_banner ul li h2 { font-size: 45px; font-weight:bold; color:#FFFFFF}
  .new_index_banner ul li p { font-size: 18px; }
  .new_index_triangleBox:after { width: 150%; height: 150%; }
  .new_index_triangleBox:before { width: 150%; height: 150%; }
  .new_index_triangleText span { font-size: 18px; }
  .new_index_About text { font-size: 50px; font-weight: 900; }
  .new_index_Ourworks_Title { margin-top: 30px; position: relative; }
  .new_index_FeaturedImg img { height: 500px; }
  .new_index_FeaturedTitle p img { height: 70px; max-width: 100%; }
  .new_index_FeaturedLogo { left: 40px; top: 135px; }
  .new_index_Ourworks_Title text { font-size: 40px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 30px; }
  .new_index_Ourclient_list ul li { width: 20%; }
  .new_index_Ourclient_title text { font-size: 40px; }
  .new_index_Ourclient_title h3 { font-size: 22px; }
  .new_index_Ourclient_title .desc1 { font-size: 30px; padding-top: 30px; }
  .new_index_news_title text { font-size: 40px; font-weight: 900; }
  .new_index_news_title h3 { font-size: 22px; }
  .new_index_news_title .desc1 { font-size: 30px; }
  .swiper-container-horizontal > .swiper-scrollbar { left: 30px; bottom: 0px; width: 99%; opacity: 1 !important; }
  .new_index_newshot { float: left; width: 380px; }
  .new_index_newslistBox { float: right; width: -webkit-calc(100% - 400px); width: calc(100% - 400px); position: relative; }
  .new_index_newslist { padding-left: 30px; padding-right: 0px; width: 110%; }
  .new_index_newshot dl dt h3 { font-size: 18px; padding: 30px 15px 0px 0px; font-weight: 700; right: 60px; }
  .new_index_newshot dl dd { padding-right: 60px; }
  .new_footReady text { font-size: 80px; font-weight: 900; }
  .new_footReady h3 { font-size: 60px; line-height: 90px; }
  .new_childnav_Ecommerce { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding-top: 20px; }
  .new_childnav_web { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); }
  .new_childnav_Program { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); }
  .new_childnav_Program dd { float: left; width: 25%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 5%; }
  .new_childnav_Program dd h3 a { color: #4c4f55; font-size: 16px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_web dd h3 a { color: #4c4f55; font-size: 16px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_desc { float: left; width: 380px; background-image: url(../images/new_navicon02.png); background-position: right bottom; padding-top: 65px; padding-right: 2px; }
  .new_childnav_desc .desc { font-size: 20px; color: #6a6d73; padding-right: 80px; line-height: 26px; padding-left: 35px; margin-top: 13px; }
  .new_childnav_smallProgram { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding-top: 20px; }
  .new_childnav_news { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding-top: 20px; }
  .new_child_evaluate dd .new_child_evaluateIcon p { float: left; width: 25%; padding: 0px 10px 20px; text-align: center; }
  .new_Common_nav ul li { float: left; padding-left: 35px; }
  .new_child_contact { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); }
  .DemandService p { font-size: 16px; font-weight: 700; padding-top: 0px; }
  .popDemandLeft { width: 40%; }
  .popDemandRight { width: 60%; padding: 100px 40px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 10px; cursor: pointer; }
  .popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 50px; font-weight: 700; color: #0591d7; z-index: 9; text-transform: uppercase; }
  .new_childnav_news dd { padding: 30px 0px 0px 5%; }
  .new_index_About_fourCol { padding-top: 20px; }
  .new_index_Ourworks ul { margin: 0px -20px; }
  .new_index_Ourworks ul li { float: left; width: 33.3333%; padding: 0px 20px 40px; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 30px 30px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 26px; line-height: 32px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 15px; color:#000000}
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 18px; color: #888; line-height: 24px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 30px; color: #E35F13;  margin-top: 15px; font-weight:bold}
   .new_index_Ourworks ul li div.OurworksContent .label font { font-size: 4px; color: #E35F13; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 20px; line-height: 36px; margin-top: 25px; }
  .new_foot { position: relative; z-index: 9; }
  .new_index_About svg { height: 85px; }
  .new_index_Ourclient_list { padding: 30px 0px 0px; }
  .new_index_news_title { padding-top: 80px; }
  .new_index_newshot dl { padding-top: 30px; padding-bottom: 120px; }
  .new_experience_17 { float: left; padding: 25px 0px; width: 380px; max-width: inherit; }
  .news_foot_contact_Telbox { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding: 30px 0px 0px; }
  .new_experience_17 p { font-size: 51px; }
  .new_experience_17 .num { font-size: 68px; line-height: 70px; }
  .news_foot_contact_Telbox dl dt h3 { font-size: 36px; padding-top: 0px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 20px; font-size: 26px; }
  .new_index_newslistmain { padding-top: 190px; }
  .new_index_bannertext02 .Multiplatformbox { max-width: 1030px; }
  .new_index_bannertext02 .Multiplatformbox .iconbox { padding: 30px 0px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist { font-size: 32px; line-height: 40px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist img { max-width: 90px; }
  .new_index_bannertext02 .Multiplatformbox .desc p { font-size: 24px; line-height: 48px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 36px; }
  .news_foot_contact_Telbox dl dd { width: 275px; max-width: inherit; position: absolute; bottom: 0px; left: 50px; }
  .news_foot_contact_Telbox dl { padding-bottom: 80px; padding-left: 50px; text-align: left; }
  .news_foot_contact_Telbox dl dt .desc2 span { font-size: 18px; }
  .news_foot_contact_Telbox dl dt .news_foot_contact_tel { top: 56px; right: 0px; position: absolute; padding: 0px; }
  .news_foot_contact { padding-bottom: 70px; }
  .new_index_Ourclient_title .desc3 { font-size: 20px;}
  .new_index_Applets_dot span { width: 60px;}
  }

@media (min-width: 1420px) { .new_index_banner_icon p { max-width: 1380px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1380px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 100px; }
  .new_index_triangleBox { max-width: 390px; position: relative; margin: 170px auto 0px; }
  .new_index_triangleText span { font-size: 24px; }
  .new_index_About dl dd { padding-top: 160px; }
  .new_index_About text { font-size: 50px; font-weight: 900; }
  .new_index_About .desc1 { font-size: 36px; max-width: 825px; }
  .new_index_About .desc2 { font-size: 14px; max-width: 825px; }
  .new_index_About .desc3 { font-size: 20px; }
  .new_index_FeaturedImg img { height: 730px; }
  .new_index_FeaturedTitle p img { height: 100px; max-width: 100%; }
  .new_index_Ourworks_Title text { font-size: 50px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 36px; }
  .new_index_Ourclient_title text { font-size: 50px; }
  .new_index_Ourclient_title h3 { font-size: 22px; }
  .new_index_Ourclient_title .desc1 { font-size: 36px; padding-top: 30px; }
  .new_index_news_title text { font-size: 50px; font-weight: 900; }
  .new_index_news_title h3 { font-size: 22px; }
  .new_index_news_title .desc1 { font-size: 36px; }
  .new_index_newshot { float: left; width: 480px; }
  .new_index_newslistBox { float: right; width: -webkit-calc(100% - 500px); width: calc(100% - 500px); position: relative; }
  .new_footContact dt { float: left; }
  .new_footContact dd { float: right; }
  .new_index_Applets_imgBox { max-width: 825px; }
  .new_index_Applets_desc text { font-size: 56px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 26px; }
  .new_index_Applets_desc h4 { font-size: 40px; }
  .new_index_Applets_desc .moreIcon { padding-top: 25px; }
  .new_index_Applets_desc .moreIcon a { line-height: 32px; font-size: 24px; width: 45px; height: 45px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 25px; }
  .new_index_Ourclient { padding: 50px 0px 80px; }
  .new_index_Ourclient1 { padding: 0px; }
  .new_childnav_web dd { padding-left: 10%; }
  .popDemandLeft { width: 35%; }
  .popDemandRight { width: 65%; padding: 100px 60px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 25px; cursor: pointer; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 40px 40px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 30px; line-height: 36px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 20px; color:#000000}
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 18px; color: #888; line-height: 24px; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 30px; color: #E35F13; margin-top: 25px; }
  .new_index_Ourworks ul li div.OurworksContent .label font { font-size: 4px; color: #E35F13; }
  .new_index_newslistmain { padding-top: 200px; }
  .news_foot_contact_Telbox { padding: 60px 0px 0px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 20px; font-size: 26px; }
  .news_foot_contact_Telbox dl dd a { height: 54px; line-height: 48px; }
  .new_foot_class li { float: left; padding-left: 30px; }
  .new_footclassbox { padding: 60px 0px 40px; }
  .new_foot_class { float: right; padding-top: 18px; }
  .new_foot_title { font-size: 36px; }
  .new_experience_17 { float: left; padding: 25px 0px; width: 480px; text-align: center; }
  .news_foot_contact_Telbox { float: left; width: -webkit-calc(100% - 480px); width: calc(100% - 480px); padding: 30px 0px 0px; }
  .new_index_Ourclient:after { background: url(../images/new_Ourclient25.png) no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; width: 178px; height: 158px; }
  .new_index_Ourclient:before { background: url(../images/new_Ourclient24.png) no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; width: 288px; height: 183px; }
  .news_foot_contact_Telbox dl dd { width: 275px; }
  .news_foot_contact_Telbox dl { padding-bottom: 80px; padding-left: 50px; }
  .news_foot_contact_Telbox dl dt .desc2 span { font-size: 22px; }
  .news_foot_contact_Telbox dl dt .news_foot_contact_tel { top: 56px; }
  .new_index_newslist ul li .new_index_newslistContent { padding: 0px 0px 50px; }
  .new_index_newslist ul li .new_index_newslistContentText { padding: 30px 10px 60px; }
  .new_index_newslist ul li h4 { margin-top: 40px; padding: 0px 35px; }
  .new_index_Ourclient_title .desc3 { font-size: 36px;}
  }

@media (min-width: 1660px) { .new_index_triangleBox:after { width: 170%; height: 170%; }
  .new_index_triangleBox:before { width: 170%; height: 170%; }
  .new_index_Ourworks_Title { position: relative; }
  .new_index_FeaturedTitle p img { height: 132px; max-width: 100%; }
  .new_index_Ourclient_title text { font-size: 60px; }
  .new_index_news_title text { font-size: 60px; }
  .new_index_newshot dl dt h3 { font-size: 18px; padding: 40px 15px 0px 0px; }
  .new_index_contact_title svg { height: 90px; }
  .new_index_contact_title text { font-size: 60px; }
  .new_index_contact_title h3 { font-size: 22px; padding-bottom: 25px; }
  .new_footReady text { font-size: 100px; font-weight: 900; }
  .new_footReady h3 { font-size: 72px; }
  .new_index_Applets_desc text { font-size: 56px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 28px; }
  .new_index_Applets_desc h4 { font-size: 48px; }
  .new_index_Applets_desc .moreIcon { padding-top: 25px; }
  .new_index_Applets_desc .moreIcon a { line-height: 36px; font-size: 24px; width: 50px; height: 50px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 35px; }
  .popDemandLeft { width: 43%; }
  .popDemandRight { width: 57%; padding: 100px 80px 50px; }
  .DemandService p { font-size: 18px; font-weight: 700; padding-top: 15px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 40px; font-size: 30px; font-weight: normal; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 30px; line-height: 36px; margin-top: 25px; }
  .new_index_banner ul li h3 { font-size: 48px; }
  .new_index_banner ul li h2 { font-size: 60px; font-weight:bold; color:#FFFFFF}
  .new_index_banner ul li p { font-size: 20px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 42px; }
  .news_foot_contact_Telbox dl dt h3 { font-size: 42px; }
  .news_foot_contact_Telbox dl dd { width: 375px; }
  .news_foot_contact_Telbox dl { padding-bottom: 80px; padding-left: 50px; } }

@media (min-width: 1900px) { .new_index_banner_icon p { max-width: 1600px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1600px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 110px; }
  .new_index_Ourworks_Title text { font-size: 60px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 36px; }
  .popDemandLeft { width: 50%; }
  .popDemandRight { width: 50%; padding: 100px 100px 50px; }
  .news_foot_contact_Telbox dl dt .desc2 span { font-size: 26px; }
  .news_foot_contact_Telbox dl dt .news_foot_contact_tel { top: 65px; } }
 
 
 @media (max-width: 640px) {
	.about-us-intro {
		padding-top: 20px;
		padding-bottom: 20
	}

	.about-us-intro .year {
		display: none
	}

	.about-us-intro .article {
		padding: 10px 0;
		font-size: 14px;
		line-height: 26px
	}

	.about-us-intro .intro-card {
		margin: 0
	}

	.about-us-intro .intro-card .card {
		float: none;
		width: 100%;
		margin-bottom: 15px
	}

	.about-us-intro .intro-card .inner {
		padding: 0
	}

	.about-us-intro .intro-card .info {
		left: 10px;
		top: 50%;
		font-size: 16px;
		line-height: 26px;
		-webkit-transform: translate3d(0, -50%, 0);
		-moz-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}

	.about-us-intro .intro-card .en {
		font-size: 16px;
		line-height: 20px
	}

	.about-us-intro .intro-card .cn {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 40px
	}
	
	.new_index_Ourworks_more a { border: 0px solid #e5e5e5; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 150px; line-height: 50px; padding-left: 15px; font-size: 14px; position: relative; font-weight: 700; display: inline-block; text-align: left;color: #fff; }
	
	.new_index_banner ul li.cur p a span {    display: block;
    position: relative;
    z-index: 9;
    background: url(../images/new_Case10.png) no-repeat 90% center;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
	 background-image: linear-gradient(248deg,#ff8c1f,#ff6a00); color: #fff;
	 width:30%; 
	 text-align:center;
	 margin-top:20px;
	 border-radius: 100px;
	 line-height:35px;
	 font-size:15px;
	}