@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-12-20;
***/
/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
html, body { height: 100%; }

body { font-family: "Microsoft YaHei", "tahoma", "arial", "sans-serif"; font-size: 14px; line-height: 1.5; background-color: #FFF; color: #333; }

body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul { margin: 0; padding: 0; list-style-type: none; }

ol { margin: 0; padding-left: 1.2em; }

em, i { font-style: normal; }

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

a { color: inherit; text-decoration: none; outline: none; cursor: pointer; -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; transition: color 0.2s, background-color 0.2s, border-color 0.2s; }

img { border: 0; vertical-align: top; }

input, select, button, textarea { font-family: inherit; color: inherit; outline: 0; margin: 0; }

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

/*** @Author:ray; @create date:2016-01-06
***/
.icon-sprite, .icon-about, .icon-addr, .icon-arrow-l, .icon-arrow-r, .icon-benefits-1, .icon-benefits-2, .icon-benefits-3, .icon-benefits-4, .icon-benefits-5, .icon-benefits-6, .icon-benefits-text1, .icon-benefits-text2, .icon-benefits-text3, .icon-benefits-text4, .icon-benefits-text5, .icon-benefits-text6, .icon-c1, .icon-c2, .icon-c3, .icon-c4, .icon-c5, .icon-contact, .icon-gps, .icon-home, .icon-join, .icon-logo-index, .icon-logo, .icon-product, .icon-recruit-1, .icon-recruit-2, .icon-recruit-3, .icon-text-about, .icon-text-benefits, .icon-text-needyou, .icon-text-products, .icon-u1, .icon-u2, .icon-u3, .icon-u4, .icon-u5, .icon-u6 { background-image: url('../images/icon-sbf014a410f.png'); background-repeat: no-repeat; }

.icon-about { background-position: 0 -649px; height: 90px; width: 90px; }

.icon-addr { background-position: -183px 0; height: 33px; width: 33px; }

.icon-arrow-l { background-position: -194px -33px; height: 19px; width: 8px; }

.icon-arrow-r { background-position: -202px -33px; height: 19px; width: 8px; }

.icon-benefits-1 { background-position: 0 -739px; height: 92px; width: 92px; }

.icon-benefits-2 { background-position: -92px -739px; height: 93px; width: 90px; }

.icon-benefits-3 { background-position: -90px -832px; height: 99px; width: 90px; }

.icon-benefits-4 { background-position: 0 -260px; height: 73px; width: 120px; }

.icon-benefits-5 { background-position: 0 -931px; height: 110px; width: 110px; }

.icon-benefits-6 { background-position: -112px -1041px; height: 100px; width: 106px; }

.icon-benefits-text1 { background-position: 0 -175px; height: 31px; width: 108px; }

.icon-benefits-text2 { background-position: -116px -229px; height: 31px; width: 110px; }

.icon-benefits-text3 { background-position: 0 -144px; height: 31px; width: 110px; }

.icon-benefits-text4 { background-position: -110px -113px; height: 31px; width: 110px; }

.icon-benefits-text5 { background-position: 0 -113px; height: 31px; width: 110px; }

.icon-benefits-text6 { background-position: -110px -144px; height: 31px; width: 110px; }

.icon-c1 { background-position: -151px -59px; height: 54px; width: 56px; }

.icon-c2 { background-position: 0 -469px; height: 54px; width: 44px; }

.icon-c3 { background-position: -158px -175px; height: 54px; width: 50px; }

.icon-c4 { background-position: -44px -469px; height: 54px; width: 44px; }

.icon-c5 { background-position: -108px -175px; height: 54px; width: 50px; }

.icon-contact { background-position: 0 -832px; height: 90px; width: 90px; }

.icon-gps { background-position: -176px -33px; height: 18px; width: 18px; }

.icon-home { background-position: 0 -559px; height: 90px; width: 90px; }

.icon-join { background-position: -90px -649px; height: 90px; width: 90px; }

.icon-logo-index { background-position: 0 -406px; height: 63px; width: 200px; }

.icon-logo { background-position: 0 -346px; height: 60px; width: 190px; }

.icon-product { background-position: -90px -559px; height: 90px; width: 90px; }

.icon-recruit-1 { background-position: 0 -1041px; height: 90px; width: 112px; }

.icon-recruit-2 { background-position: -120px -260px; height: 86px; width: 86px; }

.icon-recruit-3 { background-position: -88px -469px; height: 90px; width: 128px; }

.icon-text-about { background-position: 0 -229px; height: 26px; width: 116px; }

.icon-text-benefits { background-position: 0 -59px; height: 26px; width: 151px; }

.icon-text-needyou { background-position: 0 -33px; height: 26px; width: 176px; }

.icon-text-products { background-position: 0 0; height: 26px; width: 183px; }

.icon-u1 { background-position: 0 -1321px; height: 180px; width: 226px; }

.icon-u2 { background-position: 0 -1141px; height: 180px; width: 226px; }

.icon-u3 { background-position: 0 -1501px; height: 180px; width: 226px; }

.icon-u4 { background-position: 0 -1681px; height: 180px; width: 226px; }

.icon-u5 { background-position: 0 -1861px; height: 180px; width: 226px; }

.icon-u6 { background-position: 0 -2041px; height: 180px; width: 226px; }

.icon { display: inline-block; }

.ani-sprite, .ani-beam1, .ani-beam2, .ani-beam3, .ani-beam4, .ani-beam5, .ani-dot1, .ani-dot2, .ani-dot3, .ani-dot4, .ani-dot5, .ani-dot6, .ani-dot7, .ani-draw1, .ani-draw2, .ani-draw3, .ani-dyeing1, .ani-dyeing2, .ani-dyeing3, .ani-dyeing4, .ani-dyeing5, .ani-line1, .ani-line2, .ani-pen, .ani-piece1, .ani-piece2, .ani-piece3, .ani-piece4, .ani-piece5, .ani-piece6, .ani-triangle, .ani-triangle1, .ani-triangle12, .ani-triangle2, .ani-triangle3, .ani-triangle4, .ani-triangle5, .ani-triangle6, .ani-triangle7, .ani-triangle8, .ani-triangle9 { background-image: url('../images/ani-sb7aaf0352b.png'); background-repeat: no-repeat; }

.ani-beam1 { background-position: -385px -1352px; height: 235px; width: 385px; }

.ani-beam2 { background-position: -582px -777px; height: 235px; width: 385px; }

.ani-beam3 { background-position: 0 -1352px; height: 235px; width: 385px; }

.ani-beam4 { background-position: 0 -1037px; height: 260px; width: 245px; }

.ani-beam5 { background-position: -337px -777px; height: 260px; width: 245px; }

.ani-dot1 { background-position: -163px -153px; height: 106px; width: 295px; }

.ani-dot2 { background-position: -458px -153px; height: 106px; width: 295px; }

.ani-dot3 { background-position: -157px 0; height: 106px; width: 295px; }

.ani-dot4 { background-position: -452px 0; height: 106px; width: 295px; }

.ani-dot5 { background-position: -747px 0; height: 106px; width: 295px; }

.ani-dot6 { background-position: -753px -153px; height: 106px; width: 295px; }

.ani-dot7 { background-position: 0 -393px; height: 106px; width: 295px; }

.ani-draw1 { background-position: 0 -1922px; height: 315px; width: 385px; }

.ani-draw2 { background-position: -245px -1037px; height: 315px; width: 385px; }

.ani-draw3 { background-position: -630px -1037px; height: 315px; width: 385px; }

.ani-dyeing1 { background-position: 0 -4263px; height: 785px; width: 535px; }

.ani-dyeing2 { background-position: 0 -6618px; height: 785px; width: 535px; }

.ani-dyeing3 { background-position: 0 -5048px; height: 785px; width: 535px; }

.ani-dyeing4 { background-position: 0 -3478px; height: 785px; width: 535px; }

.ani-dyeing5 { background-position: 0 -5833px; height: 785px; width: 535px; }

.ani-line1 { background-position: -666px -527px; height: 250px; width: 210px; }

.ani-line2 { background-position: -430px -1587px; height: 335px; width: 280px; }

.ani-pen { background-position: -385px -1922px; height: 576px; width: 575px; }

.ani-piece1 { background-position: 0 -777px; height: 134px; width: 337px; }

.ani-piece2 { background-position: -632px -393px; height: 134px; width: 337px; }

.ani-piece3 { background-position: -337px -259px; height: 134px; width: 337px; }

.ani-piece4 { background-position: 0 -259px; height: 134px; width: 337px; }

.ani-piece5 { background-position: -674px -259px; height: 134px; width: 337px; }

.ani-piece6 { background-position: -295px -393px; height: 134px; width: 337px; }

.ani-triangle { background-position: 0 -2874px; height: 604px; width: 1048px; }

.ani-triangle1 { background-position: -167px -527px; height: 190px; width: 264px; }

.ani-triangle12 { background-position: 0 -2498px; height: 376px; width: 852px; }

.ani-triangle2 { background-position: 0 -527px; height: 100px; width: 167px; }

.ani-triangle3 { background-position: 0 0; height: 153px; width: 157px; }

.ani-triangle4 { background-position: -82px -153px; height: 77px; width: 81px; }

.ani-triangle5 { background-position: -17px -153px; height: 20px; width: 24px; }

.ani-triangle6 { background-position: -41px -153px; height: 29px; width: 41px; }

.ani-triangle7 { background-position: 0 -153px; height: 12px; width: 17px; }

.ani-triangle8 { background-position: -431px -527px; height: 190px; width: 235px; }

.ani-triangle9 { background-position: 0 -1587px; height: 326px; width: 430px; }

.ani { display: inline-block; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.red { color: #d10e0e; }

.orange { color: #ff6a29; }

.blue { color: #3494ff; }

.green { color: #00e999; }

.g3 { color: #333333; }

.g6 { color: #666666; }

.g9 { color: #999999; }

.mt50 { margin-top: 50px !important; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb70 { margin-bottom: 70px; }

.pt45 { padding-top: 45px; }

.text-justify { text-align: justify; text-justify: inter-ideograph; word-break: break-all; }

.text-center { text-align: center; }

.notext { text-align: left; letter-spacing: -3em; overflow: hidden; }
.notext:first-letter { margin-left: -20em; }

.hide { display: none; }

.hidden { visibility: hidden; }

.placeholder { color: red; }

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

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

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

.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; }

.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%; }

/*** @description: 表单样式; @Author: ray; @create date: 2016-08-09;
***/
.form-group { margin-bottom: 20px; }

.form-input, .form-select, .form-textarea { line-height: 1.42857143; color: inherit; font-size: 14px; border: 1px solid #e0e0e0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: box-shadow 0.4s, border-color 0.4s; -o-transition: box-shadow 0.4s, border-color 0.4s; -webkit-transition: box-shadow 0.4s, border-color 0.4s; transition: box-shadow 0.4s, border-color 0.4s; }
.form-input:focus, .form-select:focus, .form-textarea:focus { border-color: rgba(255, 106, 41, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 106, 41, 0.4); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 106, 41, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 106, 41, 0.4); }

.form-input { width: 250px; padding: 13px 15px; display: inline-block; }
.form-input[readonly] { background-color: #eee; }

.form-select { padding: 6px; height: 35px; }

.form-textarea { width: 500px; max-width: 100%; height: 140px; padding: 13px 15px; vertical-align: top; resize: none; overflow: hidden; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
/*按钮样式*/
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; background-color: #FFF; color: #333; border: 1px solid #E9E9E9; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }

.btn:active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn[disabled] { cursor: wait; }

.btn-block { padding-left: 0; padding-right: 0; width: 100%; }

/*** @description: 动画; @Author: ray; @create date: 2016-12-20;
***/
@-moz-keyframes rotate { from { -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-webkit-keyframes rotate { from { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-moz-keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-moz-keyframes beamBottom { 0% { opacity: 1; -moz-transform: translate(-300px, 252px); transform: translate(-300px, 252px); }
  5% { opacity: 1; -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  85% { opacity: 1; -moz-transform: translate(50px, -42px); transform: translate(50px, -42px); }
  90% { opacity: 0; -moz-transform: translate(900px, -756px); transform: translate(900px, -756px); }
  100% { opacity: 1; -moz-transform: translate(1000px, -840px); transform: translate(1000px, -840px); } }
@-webkit-keyframes beamBottom { 0% { opacity: 1; -webkit-transform: translate(-300px, 252px); transform: translate(-300px, 252px); }
  5% { opacity: 1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  85% { opacity: 1; -webkit-transform: translate(50px, -42px); transform: translate(50px, -42px); }
  90% { opacity: 0; -webkit-transform: translate(900px, -756px); transform: translate(900px, -756px); }
  100% { opacity: 1; -webkit-transform: translate(1000px, -840px); transform: translate(1000px, -840px); } }
@keyframes beamBottom { 0% { opacity: 1; -moz-transform: translate(-300px, 252px); -ms-transform: translate(-300px, 252px); -webkit-transform: translate(-300px, 252px); transform: translate(-300px, 252px); }
  5% { opacity: 1; -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  85% { opacity: 1; -moz-transform: translate(50px, -42px); -ms-transform: translate(50px, -42px); -webkit-transform: translate(50px, -42px); transform: translate(50px, -42px); }
  90% { opacity: 0; -moz-transform: translate(900px, -756px); -ms-transform: translate(900px, -756px); -webkit-transform: translate(900px, -756px); transform: translate(900px, -756px); }
  100% { opacity: 1; -moz-transform: translate(1000px, -840px); -ms-transform: translate(1000px, -840px); -webkit-transform: translate(1000px, -840px); transform: translate(1000px, -840px); } }
@-moz-keyframes beamTop { 0% { opacity: 1; -moz-transform: translate(300px, -252px); transform: translate(300px, -252px); }
  5% { opacity: 1; -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  85% { opacity: 1; -moz-transform: translate(-50px, 42px); transform: translate(-50px, 42px); }
  90% { opacity: 0; -moz-transform: translate(-900px, 756px); transform: translate(-900px, 756px); }
  100% { opacity: 1; -moz-transform: translate(-1000px, 840px); transform: translate(-1000px, 840px); } }
@-webkit-keyframes beamTop { 0% { opacity: 1; -webkit-transform: translate(300px, -252px); transform: translate(300px, -252px); }
  5% { opacity: 1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  85% { opacity: 1; -webkit-transform: translate(-50px, 42px); transform: translate(-50px, 42px); }
  90% { opacity: 0; -webkit-transform: translate(-900px, 756px); transform: translate(-900px, 756px); }
  100% { opacity: 1; -webkit-transform: translate(-1000px, 840px); transform: translate(-1000px, 840px); } }
@keyframes beamTop { 0% { opacity: 1; -moz-transform: translate(300px, -252px); -ms-transform: translate(300px, -252px); -webkit-transform: translate(300px, -252px); transform: translate(300px, -252px); }
  5% { opacity: 1; -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  85% { opacity: 1; -moz-transform: translate(-50px, 42px); -ms-transform: translate(-50px, 42px); -webkit-transform: translate(-50px, 42px); transform: translate(-50px, 42px); }
  90% { opacity: 0; -moz-transform: translate(-900px, 756px); -ms-transform: translate(-900px, 756px); -webkit-transform: translate(-900px, 756px); transform: translate(-900px, 756px); }
  100% { opacity: 1; -moz-transform: translate(-1000px, 840px); -ms-transform: translate(-1000px, 840px); -webkit-transform: translate(-1000px, 840px); transform: translate(-1000px, 840px); } }
@-moz-keyframes lineBot { 0% { -moz-transform: translate(-330px, 400px); transform: translate(-330px, 400px); }
  100% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-webkit-keyframes lineBot { 0% { -webkit-transform: translate(-330px, 400px); transform: translate(-330px, 400px); }
  100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes lineBot { 0% { -moz-transform: translate(-330px, 400px); -ms-transform: translate(-330px, 400px); -webkit-transform: translate(-330px, 400px); transform: translate(-330px, 400px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-moz-keyframes lineTop { 0% { -moz-transform: translate(330px, -400px); transform: translate(330px, -400px); }
  100% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-webkit-keyframes lineTop { 0% { -webkit-transform: translate(330px, -400px); transform: translate(330px, -400px); }
  100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes lineTop { 0% { -moz-transform: translate(330px, -400px); -ms-transform: translate(330px, -400px); -webkit-transform: translate(330px, -400px); transform: translate(330px, -400px); }
  100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-moz-keyframes float { 0% { -moz-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-12px); transform: translateY(-12px); }
  100% { -moz-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-12px); transform: translateY(-12px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -webkit-transform: translateY(-12px); transform: translateY(-12px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes polyhedron3d { 50% { -moz-transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); }
  100% { -moz-transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); } }
@-webkit-keyframes polyhedron3d { 50% { -webkit-transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); }
  100% { -webkit-transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); } }
@keyframes polyhedron3d { 50% { -moz-transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); -ms-transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); -webkit-transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); transform: rotateX(-180deg) translateZ(1.66667em) rotateY(360deg) translateX(5em) rotateZ(180deg) translateY(1.25em); }
  100% { -moz-transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); -ms-transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); -webkit-transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); transform: rotateX(-360deg) translateZ(0) rotateY(720deg) translateX(0) rotateZ(360deg) translateY(0); } }
@-moz-keyframes pen { 0% { -moz-transform: translate(100%, 100%); transform: translate(100%, 100%); }
  100% { -moz-transform: translate(0, 0); transform: translate(0, 0); } }
@-webkit-keyframes pen { 0% { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes pen { 0% { -moz-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); }
  100% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-moz-keyframes bubble { 0% { opacity: 0.8; -moz-transform: translateY(0); transform: translateY(0); }
  50% { opacity: 0.3; -moz-transform: translateY(-10px); transform: translateY(-10px); }
  100% { opacity: 0.8; -moz-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes bubble { 0% { opacity: 0.8; -webkit-transform: translateY(0); transform: translateY(0); }
  50% { opacity: 0.3; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { opacity: 0.8; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bubble { 0% { opacity: 0.8; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { opacity: 0.3; -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { opacity: 0.8; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes cd-rotate { 0% { -webkit-transform: perspective(800px) rotateY(180deg); }
  70% { -webkit-transform: perspective(800px) rotateY(400deg);
    /* this creates the bounce effect */ }
  100% { -webkit-transform: perspective(800px) rotateY(360deg); } }
@-moz-keyframes cd-rotate { 0% { -moz-transform: perspective(800px) rotateY(180deg); }
  70% { -moz-transform: perspective(800px) rotateY(400deg);
    /* this creates the bounce effect */ }
  100% { -moz-transform: perspective(800px) rotateY(360deg); } }
@keyframes cd-rotate { 0% { -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); }
  70% { -webkit-transform: perspective(800px) rotateY(400deg); -moz-transform: perspective(800px) rotateY(400deg); -ms-transform: perspective(800px) rotateY(400deg); -o-transform: perspective(800px) rotateY(400deg); transform: perspective(800px) rotateY(400deg);
    /* this creates the bounce effect */ }
  100% { -webkit-transform: perspective(800px) rotateY(360deg); -moz-transform: perspective(800px) rotateY(360deg); -ms-transform: perspective(800px) rotateY(360deg); -o-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); } }
@-webkit-keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(800px) rotateY(0deg); }
  70% { -webkit-transform: perspective(800px) rotateY(200deg);
    /* this creates the bounce effect */ }
  100% { -webkit-transform: perspective(800px) rotateY(180deg); } }
@-moz-keyframes cd-rotate-inverse { 0% { -moz-transform: perspective(800px) rotateY(0deg); }
  70% { -moz-transform: perspective(800px) rotateY(200deg);
    /* this creates the bounce effect */ }
  100% { -moz-transform: perspective(800px) rotateY(180deg); } }
@keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); }
  70% { -webkit-transform: perspective(800px) rotateY(200deg); -moz-transform: perspective(800px) rotateY(200deg); -ms-transform: perspective(800px) rotateY(200deg); -o-transform: perspective(800px) rotateY(200deg); transform: perspective(800px) rotateY(200deg);
    /* this creates the bounce effect */ }
  100% { -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } }
.animation.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; -o-animation: 2s ease; animation: 2s ease; }

.animation { -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; }

@-webkit-keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
@-moz-keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; -moz-animation-name: flash; }

@-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); } }
@-moz-keyframes shake { 0%,100% { -moz-transform: translateX(0); }
  10%,30%,50%,70%,90% { -moz-transform: translateX(-10px); }
  20%,40%,60%,80% { -moz-transform: translateX(10px); } }
.shake { -webkit-animation-name: shake; -moz-animation-name: shake; }

@-webkit-keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce { 0%,20%,50%,80%,100% { -moz-transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); }
  60% { -moz-transform: translateY(-15px); } }
.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); }
  10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes tada { 0% { -moz-transform: scale(1); }
  10%,20% { -moz-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -moz-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -moz-transform: scale(1.1) rotate(-3deg); }
  100% { -moz-transform: scale(1) rotate(0); } }
.tada { -webkit-animation-name: tada; -moz-animation-name: tada; }

@-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center; }
  20% { -webkit-transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); } }
@-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); }
  40% { -moz-transform: rotate(-10deg); }
  60% { -moz-transform: rotate(5deg); }
  80% { -moz-transform: rotate(-5deg); }
  100% { -moz-transform: rotate(0deg); } }
.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; }

@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); } }
@-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); } }
.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes pulse { 0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.1); }
  100% { -moz-transform: scale(1); } }
.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } }
@-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; }
  40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; }
  50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; }
  80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; }
  100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } }
.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } }
@-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -moz-transform: perspective(400px) rotateX(-10deg); }
  70% { -moz-transform: perspective(400px) rotateX(10deg); }
  100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } }
.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } }
@-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } }
@-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -moz-transform: perspective(400px) rotateY(-10deg); }
  70% { -moz-transform: perspective(400px) rotateY(10deg); }
  100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } }
.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } }
@-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-20px); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(20px); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-20px); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }
.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  60% { opacity: 1; -moz-transform: translateY(-30px); }
  80% { -moz-transform: translateY(10px); }
  100% { -moz-transform: translateY(0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  60% { opacity: 1; -moz-transform: translateY(30px); }
  80% { -moz-transform: translateY(-10px); }
  100% { -moz-transform: translateY(0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  60% { opacity: 1; -moz-transform: translateX(30px); }
  80% { -moz-transform: translateX(-10px); }
  100% { -moz-transform: translateX(0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  60% { opacity: 1; -moz-transform: translateX(-30px); }
  80% { -moz-transform: translateX(10px); }
  100% { -moz-transform: translateX(0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); }
  25% { -webkit-transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); }
  25% { -moz-transform: scale(0.95); }
  50% { opacity: 1; -moz-transform: scale(1.1); }
  100% { opacity: 0; -moz-transform: scale(0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(20px); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }
@-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(-20px); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(20px); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }
@-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(-20px); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } }
@-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }
@-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } }
@-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } }
@-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }
@-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; }

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

@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } }
@-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } }
.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } }
@-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } }
.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; }

#GeneratedByCssGaga178 { transform: rotate(20120815104331deg); }

#GeneratedByCssGaga184 { transform: rotate(20121212161832deg); }

.layui-layer-tab .layui-layer-title span, .layui-layer-title { text-overflow: ellipsis; white-space: nowrap; }

html #layuicss-skinlayercss { display: none; position: absolute; width: 1989px; }

.layui-layer, .layui-layer-shade { position: fixed; _position: absolute; pointer-events: auto; }

.layui-layer-shade { top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px"); }

.layui-layer { -webkit-overflow-scrolling: touch; top: 150px; left: 0; margin: 0; padding: 0; background-color: #fff; -webkit-background-clip: content; }

.layui-layer-close { position: absolute; }

.layui-layer-content { position: relative; }

.layui-layer-border { border: 1px solid #B2B2B2; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }

.layui-layer-load { background: url(../images/layer/loading-1.gif) center center no-repeat #eee; }

.layui-layer-ico { background: url(../images/layer/icon.png) no-repeat; }

.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.layui-layer-move { display: none; position: fixed; *position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: move; opacity: 0; filter: alpha(opacity=0); background-color: #fff; z-index: 2147483647; }

.layui-layer-resize { position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize; }

.layui-layer { border-radius: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: 0.3s; }

@-webkit-keyframes layer-bounceIn { 0% { opacity: 0; }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes layer-bounceIn { 0% { opacity: 0; }
  100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.layer-anim { -webkit-animation-name: layer-bounceIn; animation-name: layer-bounceIn; }

@-webkit-keyframes layer-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
@keyframes layer-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); -ms-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); -ms-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
.layer-anim-01 { -webkit-animation-name: layer-zoomInDown; animation-name: layer-zoomInDown; }

@-webkit-keyframes layer-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes layer-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.layer-anim-02 { -webkit-animation-name: layer-fadeInUpBig; animation-name: layer-fadeInUpBig; }

@-webkit-keyframes layer-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
@keyframes layer-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); -ms-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); -ms-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
.layer-anim-03 { -webkit-animation-name: layer-zoomInLeft; animation-name: layer-zoomInLeft; }

@-webkit-keyframes layer-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
@keyframes layer-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
.layer-anim-04 { -webkit-animation-name: layer-rollIn; animation-name: layer-rollIn; }

@keyframes layer-fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.layer-anim-05 { -webkit-animation-name: layer-fadeIn; animation-name: layer-fadeIn; }

@-webkit-keyframes layer-shake { 0%,
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,
    40%,
    60%,
    80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes layer-shake { 0%,
    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  20%,
    40%,
    60%,
    80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }
.layer-anim-06 { -webkit-animation-name: layer-shake; animation-name: layer-shake; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.layui-layer-title { padding: 0 80px 0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; background-color: #F8F8F8; border-radius: 2px 2px 0 0; }

.layui-layer-setwin { position: absolute; right: 15px; *right: 0; top: 15px; font-size: 0; line-height: initial; }

.layui-layer-setwin a { position: relative; width: 16px; height: 16px; margin-left: 10px; font-size: 12px; _overflow: hidden; }

.layui-layer-setwin .layui-layer-min cite { position: absolute; width: 14px; height: 2px; left: 0; top: 50%; margin-top: -1px; background-color: #2E2D3C; cursor: pointer; _overflow: hidden; }

.layui-layer-setwin .layui-layer-min:hover cite { background-color: #2D93CA; }

.layui-layer-setwin .layui-layer-max { background-position: -32px -40px; }

.layui-layer-setwin .layui-layer-max:hover { background-position: -16px -40px; }

.layui-layer-setwin .layui-layer-maxmin { background-position: -65px -40px; }

.layui-layer-setwin .layui-layer-maxmin:hover { background-position: -49px -40px; }

.layui-layer-setwin .layui-layer-close1 { background-position: 1px -40px; cursor: pointer; }

.layui-layer-setwin .layui-layer-close1:hover { opacity: 0.7; }

.layui-layer-setwin .layui-layer-close2 { position: absolute; right: -28px; top: -28px; width: 30px; height: 30px; margin-left: 0; background-position: -149px -31px; *right: -18px; _display: none; }

.layui-layer-setwin .layui-layer-close2:hover { background-position: -180px -31px; }

.layui-layer-btn { text-align: right; padding: 0 10px 12px; pointer-events: auto; user-select: none; -webkit-user-select: none; }

.layui-layer-btn a { height: 28px; line-height: 28px; margin: 6px 6px 0; padding: 0 15px; border: 1px solid #dedede; background-color: #f1f1f1; color: #333; border-radius: 2px; font-weight: 400; cursor: pointer; text-decoration: none; }

.layui-layer-btn a:hover { opacity: .9; text-decoration: none; }

.layui-layer-btn a:active { opacity: 0.8; }

.layui-layer-btn .layui-layer-btn0 { border-color: #4898d5; background-color: #2e8ded; color: #fff; }

.layui-layer-btn-l { text-align: left; }

.layui-layer-btn-c { text-align: center; }

.layui-layer-dialog { min-width: 260px; }

.layui-layer-dialog .layui-layer-content { position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto; }

.layui-layer-dialog .layui-layer-content .layui-layer-ico { position: absolute; top: 16px; left: 15px; _left: -40px; width: 30px; height: 30px; }

.layui-layer-ico1 { background-position: -30px 0; }

.layui-layer-ico2 { background-position: -60px 0; }

.layui-layer-ico3 { background-position: -90px 0; }

.layui-layer-ico4 { background-position: -120px 0; }

.layui-layer-ico5 { background-position: -150px 0; }

.layui-layer-ico6 { background-position: -180px 0; }

.layui-layer-rim { border: 6px solid #8D8D8D; border: 6px solid rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: none; }

.layui-layer-msg { min-width: 180px; border: 1px solid #D3D4D3; box-shadow: none; }

.layui-layer-hui { min-width: 100px; background-color: #000; filter: alpha(opacity=60); background-color: rgba(0, 0, 0, 0.6); color: #fff; border: none; }

.layui-layer-hui .layui-layer-content { padding: 12px 25px; text-align: center; }

.layui-layer-dialog .layui-layer-padding { padding: 20px 20px 20px 55px; text-align: left; }

.layui-layer-page .layui-layer-content { position: relative; }

.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn { padding-top: 10px; }

.layui-layer-nobg { background: 0 0; }

.layui-layer-iframe iframe { display: block; width: 100%; }

.layui-layer-loading { border-radius: 100%; background: 0 0; box-shadow: none; border: none; }

.layui-layer-loading .layui-layer-content { width: 60px; height: 24px; background: url(../images/layer/loading-0.gif) no-repeat; }

.layui-layer-loading .layui-layer-loading1 { width: 37px; height: 37px; background: url(../images/layer/loading-1.gif) no-repeat; }

.layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 { width: 32px; height: 32px; background: url(../images/layer/loading-2.gif) no-repeat; }

.layui-layer-tips { background: 0 0; box-shadow: none; border: none; }

.layui-layer-tips .layui-layer-content { position: relative; line-height: 22px; min-width: 12px; padding: 5px 10px; font-size: 12px; _float: left; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); background-color: #000; color: #fff; }

.layui-layer-tips .layui-layer-close { right: -2px; top: -1px; }

.layui-layer-tips i.layui-layer-TipsG { position: absolute; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: dashed; *overflow: hidden; }

.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT { left: 5px; border-right-style: solid; border-right-color: #000; }

.layui-layer-tips i.layui-layer-TipsT { bottom: -8px; }

.layui-layer-tips i.layui-layer-TipsB { top: -8px; }

.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR { top: 1px; border-bottom-style: solid; border-bottom-color: #000; }

.layui-layer-tips i.layui-layer-TipsR { left: -8px; }

.layui-layer-tips i.layui-layer-TipsL { right: -8px; }

.layui-layer-lan[type=dialog] { min-width: 280px; }

.layui-layer-lan .layui-layer-title { background: #4476A7; color: #fff; border: none; }

.layui-layer-lan .layui-layer-btn { padding: 5px 10px 10px; text-align: right; border-top: 1px solid #E9E7E7; }

.layui-layer-lan .layui-layer-btn a { background: #BBB5B5; border: none; }

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 { background: #C9C5C5; }

.layui-layer-molv .layui-layer-title { background: #009f95; color: #fff; border: none; }

.layui-layer-molv .layui-layer-btn a { background: #009f95; }

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 { background: #92B8B1; }

.layui-layer-iconext { background: url(../images/layer/icon-ext.png) no-repeat; }

.layui-layer-prompt .layui-layer-input { display: block; width: 220px; height: 30px; margin: 0 auto; line-height: 30px; padding: 0 5px; border: 1px solid #ccc; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset; color: #333; }

.layui-layer-prompt textarea.layui-layer-input { width: 300px; height: 100px; line-height: 20px; }

.layui-layer-prompt .layui-layer-content { padding: 20px; }

.layui-layer-prompt .layui-layer-btn { padding-top: 0; }

.layui-layer-tab { box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4); }

.layui-layer-tab .layui-layer-title { padding-left: 0; border-bottom: 1px solid #ccc; background-color: #eee; overflow: visible; }

.layui-layer-tab .layui-layer-title span { position: relative; float: left; min-width: 80px; max-width: 260px; padding: 0 20px; text-align: center; cursor: default; overflow: hidden; }

.layui-layer-tab .layui-layer-title span.layui-layer-tabnow { height: 43px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; z-index: 10; }

.layui-layer-tab .layui-layer-title span:first-child { border-left: none; }

.layui-layer-tabmain { line-height: 24px; clear: both; }

.layui-layer-tabmain .layui-layer-tabli { display: none; }

.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer { display: block; }

.xubox_tabclose { position: absolute; right: 10px; top: 5px; cursor: pointer; }

.layui-layer-photos { -webkit-animation-duration: .5s; animation-duration: 0.5s; }

.layui-layer-photos .layui-layer-content { text-align: center; }

.layui-layer-photos .layui-layer-phimg img { position: relative; width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.layui-layer-imgbar, .layui-layer-imguide { display: block !important; }

.layui-layer-imgnext, .layui-layer-imgprev { position: absolute; top: 50%; width: 27px; _width: 44px; height: 44px; margin-top: -22px; outline: 0; blr: expression(this.onFocus=this.blur()); }

.layui-layer-imgprev { left: -90px; background-position: -5px -5px; _background-position: -70px -5px; }

.layui-layer-imgprev:hover { background-position: -33px -5px; _background-position: -120px -5px; }

.layui-layer-imgnext { right: -90px; background-position: -5px -50px; _background-position: -70px -50px; }

.layui-layer-imgnext:hover { background-position: -33px -50px; _background-position: -120px -50px; }

.layui-layer-imgbar { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 32px; background-color: rgba(0, 0, 0, 0.8); background-color: #000 \9; filter: Alpha(opacity=80); color: #fff; overflow: hidden; font-size: 0; }

.layui-layer-imgtit { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; padding: 25px 50px 0; text-align: left; }

.layui-layer-imgtit a { max-width: 65%; overflow: hidden; color: #fff; line-height: 30px; }

.layui-layer-imgtit p { margin-bottom: 25px; }

.layui-layer-imgtit em { padding-left: 10px; font-style: normal; display: none; }

@-webkit-keyframes layer-bounceOut { 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); }
  30% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  0% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes layer-bounceOut { 100% { opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
  30% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.layer-anim-close { -webkit-animation-name: layer-bounceOut; animation-name: layer-bounceOut; -webkit-animation-duration: .2s; animation-duration: 0.2s; }

@media screen and (max-width: 1100px) { .layui-layer-iframe { overflow-y: auto; -webkit-overflow-scrolling: touch; } }
/*** @description: 公用; @Author:ray; @create date:2016-02-09;
***/
html { overflow-y: scroll; }

html, body { height: 100%; }

body > object { display: none; }

.wrapper { width: 1200px; margin-left: auto; margin-right: auto; }

.page { position: relative; min-height: 100%; min-width: 1200px; overflow: hidden; }

.content { padding-bottom: 180px; }

.header { height: 90px; background: #fff; border-bottom: 1px solid #e0e0e0; }
.header .logo { float: left; margin-top: 15px; }

.nav { float: right; margin-top: 35px; }
.nav li { float: left; height: 53px; font-size: 16px; border-bottom: 3px solid transparent; margin-left: 5px; }
.nav li.on { border-color: #379aff; }
.nav li.on a { color: #3494ff; }
.nav a { display: block; padding: 0 18px; }
.nav a:hover { color: #3494ff; }

.footer { height: 180px; border-top: 1px solid #e0e0e0; position: absolute; left: 0; right: 0; bottom: 0; }
.footer .wrapper { position: relative; }
.footer .copyright { color: #999; line-height: 36px; padding-top: 36px; }
.footer .coder { position: absolute; top: 40px; right: 0; font-size: 0; }
.footer .coder .pic { display: inline-block; vertical-align: top; padding: 8px; background: #fff; border: 1px solid #e0e0e0; margin-left: 25px; }
.footer .coder img { width: 85px; height: 85px; }

/*** @description: 首页banner; @Author:ray; @create date:2017-05-18;
***/
.banner { width: 100%; height: 750px; background: #4131d5; color: #fff; position: relative; z-index: 1001; overflow: hidden; -moz-transition: background 0.5s; -o-transition: background 0.5s; -webkit-transition: background 0.5s; transition: background 0.5s; }
.banner .hd { width: 200px; height: 60px; background: rgba(0, 0, 0, 0.4); position: absolute; left: 50%; bottom: 0; z-index: 10; margin-left: -100px; text-align: center; font-size: 0; }
.banner .hd ul { display: inline-block; margin: 25px 20px 0; position: relative; }
.banner .hd ul:before, .banner .hd ul:after { content: ''; position: absolute; left: -28px; top: 4px; width: 33px; height: 1px; background: rgba(255, 255, 255, 0.4); }
.banner .hd ul:after { left: auto; right: -28px; }
.banner .hd li { display: inline-block; vertical-align: top; width: 6px; height: 6px; outline: 2px solid #fff; outline: 2px solid rgba(255, 255, 255, 0.4); padding: 2px; margin: 0 8px; -moz-transition: outline-color 0.4s; -o-transition: outline-color 0.4s; -webkit-transition: outline-color 0.4s; transition: outline-color 0.4s; }
.banner .hd li + li:before { content: ''; position: absolute; width: 10px; height: 1px; background: rgba(255, 255, 255, 0.4); margin-left: -15px; margin-top: 2px; }
.banner .hd li:after { content: ''; display: inline-block; width: 100%; height: 100%; background: #ff3a3a; opacity: 0; visibility: hidden; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.banner .hd li.on { outline-color: #ff3a3a; }
.banner .hd li.on:after { visibility: visible; opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.banner .bd { height: 760px; }
.banner .bg { position: absolute; width: 1920px; height: 760px; top: 0; left: 50%; margin-left: -960px; z-index: -1; }
.banner .bd-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block !important; visibility: hidden; }
.banner .bd-item.on { visibility: visible; }
.banner .bd-inner { position: relative; height: 100%; }
.banner .bd-inner dl { position: relative; z-index: 100; }
.banner .name { font-size: 48px; color: #fffd57; font-weight: bold; padding-top: 205px; margin-bottom: 45px; letter-spacing: 3px; }
.banner .name b { font-size: 60px; font-weight: inherit; }
.banner .text { width: 625px; font-size: 16px; line-height: 48px; padding-left: 35px; position: relative; }
.banner .text:before, .banner .text:after { font-family: 'arial'; font-size: 48px; font-weight: bold; position: absolute; margin-left: -33px; margin-top: 11px; }
.banner .text:before { content: '“'; }
.banner .text:after { content: '”'; margin-top: 13px; margin-left: 10px; }

.polyhedron, .polyhedron-item, .polyhedron-item:before { box-sizing: border-box; position: absolute; top: 50%; left: 50%; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.polyhedron { -moz-animation: polyhedron3d 16s linear infinite; -webkit-animation: polyhedron3d 16s linear infinite; animation: polyhedron3d 16s linear infinite; -moz-animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; }

.polyhedron-green { font-size: 28px; margin: 100px 0 0 -450px; }

.polyhedron-purple { margin: -180px 0 0 500px; font-size: 20px; -moz-animation-duration: 10s; -webkit-animation-duration: 10s; animation-duration: 10s; }
.polyhedron-purple .polyhedron-item1:before { background: #8f4cff; }
.polyhedron-purple .polyhedron-item2:before { background: #a168ff; }
.polyhedron-purple .polyhedron-item3:before { background: #bb92ff; }
.polyhedron-purple .polyhedron-item4:before { background: #a984e6; }

.polyhedron-blue { font-size: 14px; margin: 250px 0 0 360px; -moz-animation-duration: 8s; -webkit-animation-duration: 8s; animation-duration: 8s; }
.polyhedron-blue .polyhedron-item1:before { background: #9afffe; }
.polyhedron-blue .polyhedron-item2:before { background: #29e0de; }
.polyhedron-blue .polyhedron-item3:before { background: #13b0ae; }
.polyhedron-blue .polyhedron-item4:before { background: #20d6d4; }

.polyhedron-green2 { font-size: 26px; margin: 180px 0 0 -600px; -moz-animation-duration: 8s; -webkit-animation-duration: 8s; animation-duration: 8s; }
.polyhedron-green2 .polyhedron-item1:before { background: #73da97; }
.polyhedron-green2 .polyhedron-item2:before { background: #55c97e; }
.polyhedron-green2 .polyhedron-item3:before { background: #46b26c; }
.polyhedron-green2 .polyhedron-item4:before { background: #49bd72; }

.polyhedron-item { overflow: hidden; margin: -2.5em; width: 5em; height: 5em; -moz-transform: rotate(60deg) skewX(30deg) scaleY(0.86603); -ms-transform: rotate(60deg) skewX(30deg) scaleY(0.86603); -webkit-transform: rotate(60deg) skewX(30deg) scaleY(0.86603); transform: rotate(60deg) skewX(30deg) scaleY(0.86603); }

.polyhedron-item:before { content: ''; margin: -2.165065em -2.5em; width: 5em; height: 4.3301252em; font-style: oblique; line-height: 5.773505em; -moz-transform: scaleY(1.1547) skewX(-30deg) rotate(-60deg) translateY(-50%); -ms-transform: scaleY(1.1547) skewX(-30deg) rotate(-60deg) translateY(-50%); -webkit-transform: scaleY(1.1547) skewX(-30deg) rotate(-60deg) translateY(-50%); transform: scaleY(1.1547) skewX(-30deg) rotate(-60deg) translateY(-50%); }

.polyhedron-item1 { -moz-transform: rotateX(-90deg) translateY(1.44339em) rotate(60deg) skewX(30deg) scaleY(0.86603); -ms-transform: rotateX(-90deg) translateY(1.44339em) rotate(60deg) skewX(30deg) scaleY(0.86603); -webkit-transform: rotateX(-90deg) translateY(1.44339em) rotate(60deg) skewX(30deg) scaleY(0.86603); transform: rotateX(-90deg) translateY(1.44339em) rotate(60deg) skewX(30deg) scaleY(0.86603); }

.polyhedron-item2 { -moz-transform: rotateY(60deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); -ms-transform: rotateY(60deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); -webkit-transform: rotateY(60deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); transform: rotateY(60deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); }

.polyhedron-item3 { -moz-transform: rotateY(180deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); -ms-transform: rotateY(180deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); -webkit-transform: rotateY(180deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); transform: rotateY(180deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); }

.polyhedron-item4 { -moz-transform: rotateY(300deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); -ms-transform: rotateY(300deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); -webkit-transform: rotateY(300deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); transform: rotateY(300deg) translateZ(1.44339em) rotateX(19.47122deg) rotate(60deg) skewX(30deg) scaleY(0.86603); }

.polyhedron-item1:before { background: #6dce1e; }

.polyhedron-item2:before { background: #8de545; }

.polyhedron-item3:before { background: #afff6e; }

.polyhedron-item4:before { background: #9dfb50; }

.bd-atmosphere .beam, .bd-atmosphere .dyeing { position: absolute; z-index: 10; }
.bd-atmosphere .beam li, .bd-atmosphere .dyeing li { position: absolute; }
.bd-atmosphere .beam-bot { width: 385px; height: 235px; left: -70px; bottom: -30px; -moz-animation: beamBottom 8s both linear infinite; -webkit-animation: beamBottom 8s both linear infinite; animation: beamBottom 8s both linear infinite; -moz-animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; }
.bd-atmosphere .beam-top { width: 245px; height: 260px; top: 0; right: 0; -moz-animation: beamTop 8s both linear infinite; -webkit-animation: beamTop 8s both linear infinite; animation: beamTop 8s both linear infinite; -moz-animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; }
.bd-atmosphere .dyeing { width: 535px; height: 785px; bottom: -260px; right: -352px; }
.bd-atmosphere .dyeing .ani-dyeing1 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.bd-atmosphere .dyeing .ani-dyeing2 { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.bd-atmosphere .dyeing .ani-dyeing3 { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }
.bd-atmosphere .dyeing .ani-dyeing4 { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.bd-atmosphere .dyeing .ani-dyeing5 { -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.bd-outstanding { text-align: center; }
.bd-outstanding .name { font-weight: normal; color: #fefefe; }
.bd-outstanding .text { margin: 0 auto; }
.bd-outstanding .text:before, .bd-outstanding .text:after { color: #fdff44; }
.bd-outstanding .line { position: absolute; }
.bd-outstanding .line-bot { left: 0; bottom: 65px; }
.bd-outstanding .line-top { top: 30px; right: 0; }
.bd-outstanding .triangle-bg { position: absolute; left: 50%; top: 0; margin: 75px 0 0 -468px; }
.bd-outstanding .triangle-box { position: absolute; left: 50%; top: 200px; z-index: 110; }
.bd-outstanding .triangle-box .ani { position: absolute; -moz-animation: float ease-in-out 3s infinite; -webkit-animation: float ease-in-out 3s infinite; animation: float ease-in-out 3s infinite; }
.bd-outstanding .triangle-box .ani-triangle1 { margin: 170px 0 0 -600px; }
.bd-outstanding .triangle-box .ani-triangle2 { margin: 400px 0 0 300px; }
.bd-outstanding .triangle-box .ani-triangle3 { margin: -30px 0 0 400px; }
.bd-outstanding .triangle-box .ani-triangle1, .bd-outstanding .triangle-box .ani-triangle2, .bd-outstanding .triangle-box .ani-triangle3 { display: none; }
.bd-outstanding .triangle-box .ani-triangle4 { margin: 25px 0 0 -140px; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.bd-outstanding .triangle-box .ani-triangle6 { margin: 20px 0 0 95px; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.bd-outstanding .triangle-box .ani-triangle7 { margin: 90px 0 0 60px; -moz-animation-delay: 0.11s; -webkit-animation-delay: 0.11s; animation-delay: 0.11s; }

.bd-inspiration .name { font-weight: normal; color: #FFF; position: relative; top: -20px; }
.bd-inspiration .triangle-bg { position: absolute; left: 50%; top: 0; margin: 200px 0 0 -180px; }
.bd-inspiration .triangle-box { position: absolute; left: -15px; top: 190px; z-index: 110; }
.bd-inspiration .triangle-box .ani { position: absolute; -moz-animation: float ease-in-out 2s infinite; -webkit-animation: float ease-in-out 2s infinite; animation: float ease-in-out 2s infinite; }
.bd-inspiration .triangle-box .ani-dot1 { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.bd-inspiration .triangle-box .ani-dot2 { -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.bd-inspiration .triangle-box .ani-dot3 { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.bd-inspiration .triangle-box .ani-dot4 { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.bd-inspiration .triangle-box .ani-dot5 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.bd-inspiration .triangle-box .ani-dot6 { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.bd-inspiration .triangle-box .ani-dot7 { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.bd-inspiration .pen { width: 575px; height: 576px; background: url(../images/index/pen.png) no-repeat; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left: 376px; }
.bd-inspiration .draw { width: 385px; height: 315px; position: absolute; top: 50px; right: -110px; }
.bd-inspiration .draw li { position: absolute; }
.bd-inspiration .draw .ani-draw1 { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.bd-inspiration .draw .ani-draw2 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.bd-inspiration .draw .ani-draw3 { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.bd-resonance .bd-inner dl { z-index: 120; }
.bd-resonance .name { color: #3df3fe; font-weight: normal; }
.bd-resonance .triangle-box { position: absolute; left: -85px; top: 170px; z-index: 110; }
.bd-resonance .triangle-box .ani { position: absolute; -moz-animation: float ease-in-out 2s infinite; -webkit-animation: float ease-in-out 2s infinite; animation: float ease-in-out 2s infinite; }
.bd-resonance .triangle-box .ani-piece1 { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.bd-resonance .triangle-box .ani-piece2 { -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.bd-resonance .triangle-box .ani-piece3 { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.bd-resonance .triangle-box .ani-piece4 { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.bd-resonance .triangle-box .ani-piece5 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.bd-resonance .triangle-box .ani-piece6 { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.bd-resonance .triangle-bg { position: absolute; bottom: 0; left: 50%; margin-left: -305px; }

.resonance-svg { position: absolute; left: 50%; top: 0; margin-left: -960px; }
.resonance-svg .circle, .resonance-svg .triangle { -moz-animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; }
.resonance-svg .circle { -moz-animation: bubble 5s both linear infinite; -webkit-animation: bubble 5s both linear infinite; animation: bubble 5s both linear infinite; }
.resonance-svg .triangle { -moz-animation: float ease-in-out 2s infinite; -webkit-animation: float ease-in-out 2s infinite; animation: float ease-in-out 2s infinite; }
.resonance-svg .triangle1 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.resonance-svg .triangle2 { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }
.resonance-svg .circle1 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.resonance-svg .circle2 { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }
.resonance-svg .circle3 { -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }
.resonance-svg .circle4 { -moz-animation-delay: 3s; -webkit-animation-delay: 3s; animation-delay: 3s; }
.resonance-svg .circle5 { -moz-animation-delay: 4s; -webkit-animation-delay: 4s; animation-delay: 4s; }
.resonance-svg .circle6 { -moz-animation-delay: 5s; -webkit-animation-delay: 5s; animation-delay: 5s; }
.resonance-svg .circle7 { -moz-animation-delay: 6s; -webkit-animation-delay: 6s; animation-delay: 6s; }

.on .beam-bot, .on .beam-top { -moz-animation-play-state: running; -webkit-animation-play-state: running; animation-play-state: running; }
.on .dyeing li, .on .draw li { -moz-animation: fadeIn 0.4s both; -webkit-animation: fadeIn 0.4s both; animation: fadeIn 0.4s both; }
.on .line-bot { -moz-animation: lineBot 0.5s 0.1s both; -webkit-animation: lineBot 0.5s 0.1s both; animation: lineBot 0.5s 0.1s both; }
.on .line-top { -moz-animation: lineTop 0.5s 0.1s both; -webkit-animation: lineTop 0.5s 0.1s both; animation: lineTop 0.5s 0.1s both; }
.on .polyhedron { -moz-animation-play-state: running; -webkit-animation-play-state: running; animation-play-state: running; }
.on .circle, .on .triangle { -moz-animation-play-state: running; -webkit-animation-play-state: running; animation-play-state: running; }

/*** @description: 首页; @Author:ray; @create date:2017-05-10;
***/
.index-logo { position: absolute; left: 50%; z-index: 2000; margin-top: 20px; margin-left: -600px; }

.navbar { height: 175px; padding-top: 45px; text-align: center; font-size: 0; }

.nav-item { display: inline-block; vertical-align: top; margin: 0 42px; }
.nav-item:hover .icon { -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.nav-item .title { font-size: 16px; display: block; margin-top: 10px; }
.nav-item .icon { -moz-transition: -moz-transform 0.5s 0.1s; -o-transition: -o-transform 0.5s 0.1s; -webkit-transition: -webkit-transform 0.5s; -webkit-transition-delay: 0.1s; transition: transform 0.5s 0.1s; }

/*** @description: about; @Author:ray; @create date:2016-05-11;
***/
.about-banner { height: 500px; background: #379aff; margin-bottom: 30px; }
.about-banner .wrapper { height: 100%; background: url(../images/about/banner.jpg) no-repeat right center; }
.about-banner .text { font-size: 18px; line-height: 60px; color: #fff; padding-top: 110px; }
.about-banner .text p { width: 675px; }
.about-banner .text b { font-size: 30px; font-weight: normal; }

.about-xiaopi { margin-bottom: 30px; }

.about-remark { width: 435px; float: left; }
.about-remark .hd { font-size: 36px; color: #999; padding: 40px 0 20px; }
.about-remark .hd .title { font-size: 48px; color: #4c4c4c; vertical-align: bottom; margin-right: 10px; }
.about-remark .bd { font-size: 16px; line-height: 30px; color: #666; text-align: justify; text-justify: inter-ideograph; }
.about-remark .bd li { margin-bottom: 10px; list-style: none; }
.about-remark .bd li::before { content: ''; position: absolute; margin: 12px 0 0 -15px; width: 5px; height: 5px; background: #54a9ff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.about-remark .bd li:nth-child(6n+2)::before { background: #ff9191; }
.about-remark .bd li:nth-child(6n+3)::before { background: #25ecbb; }
.about-remark .bd li:nth-child(6n+4)::before { background: #bd88ff; }
.about-remark .bd li:nth-child(6n+5)::before { background: #ffc15f; }
.about-remark .bd li:nth-child(6n+6)::before { background: #68d099; }

.about-focus { width: 685px; height: 570px; float: right; overflow: hidden; position: relative; }
.about-focus .hd { position: absolute; right: 20px; bottom: 20px; z-index: 10; font-size: 0; }
.about-focus .hd li { display: inline-block; vertical-align: top; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; margin-left: 5px; }
.about-focus .hd li.on { background: #fff; }
.about-focus .bd { overflow: hidden; }
.about-focus .bd-item { position: relative; }
.about-focus .bd-item .cover { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; }
.about-focus .bd-item.on .box:before { height: 160px; }
.about-focus .bd-item.on .box:after { width: 269px; }
.about-focus .bd-item.on .box dt:before { height: 269px; }
.about-focus .bd-item.on .box dt:after { width: 269px; }
.about-focus .bd-item.on .box dd:after { height: 22px; }
.about-focus .pic { width: 685px; height: 570px; }
.about-focus .box { width: 269px; height: 269px; color: #fff; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -134px 0 0 -134px; }
.about-focus .box:before, .about-focus .box:after, .about-focus .box dt:before, .about-focus .box dt:after, .about-focus .box dd:after { display: inline-block; position: absolute; left: 0px; top: 0px; content: ''; background: #fff; width: 3px; height: 0; -moz-transition: width 0.3s, height 0.3s; -o-transition: width 0.3s, height 0.3s; -webkit-transition: width 0.3s, height 0.3s; transition: width 0.3s, height 0.3s; }
.about-focus .box:before { top: auto; bottom: 109px; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.about-focus .box:after { width: 0; height: 3px; transition-delay: 0.8s; }
.about-focus .box dt { text-align: center; font-size: 24px; padding: 40px 0 30px; }
.about-focus .box dt:before { left: auto; right: 0; transition-delay: 1.1s; }
.about-focus .box dt:after { width: 0; height: 3px; top: auto; left: auto; right: 0; bottom: 0; transition-delay: 1.4s; }
.about-focus .box dd { width: 205px; margin: 0 auto; line-height: 30px; }
.about-focus .box dd:after { top: auto; bottom: 0px; transition-delay: 1.7s; }
.about-focus .num { font-size: 48px; line-height: 78px; font-family: arial; position: absolute; left: -50px; top: 165px; width: 100px; text-align: center; }
.about-focus .num:before, .about-focus .num:after { content: ''; width: 7px; height: 7px; border-radius: 50%; position: absolute; top: -10px; left: 48px; background: #fff; }
.about-focus .num:after { top: auto; bottom: -10px; }

.about-benefits { margin-bottom: 60px; }
.about-benefits .hd { font-size: 36px; color: #999; padding: 40px 0 20px; }
.about-benefits .hd .title { font-size: 48px; color: #4c4c4c; vertical-align: bottom; margin-right: 10px; }
.about-benefits .bd { overflow: hidden; height: 302px; }
.about-benefits .bd ul { margin-left: -2px; }
.about-benefits .bd li { float: left; margin-left: 2px; }

.about-benefits-item { color: #fff; width: 295px; height: 130px; margin-bottom: 2px; position: relative; }
.about-benefits-item .name, .about-benefits-item .icon { position: absolute; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.about-benefits-1 { background: #89d78d; }
.about-benefits-1 .name { left: 25px; top: 50px; }
.about-benefits-1 .icon { right: 25px; bottom: 5px; }

.about-benefits-2 { background: #6ebcff; height: 170px; }
.about-benefits-2 .name { right: 25px; top: 70px; }
.about-benefits-2 .icon { left: 25px; top: 35px; }

.about-benefits-3 { background: #bd88ff; height: 170px; }
.about-benefits-3 .name { left: 25px; top: 70px; }
.about-benefits-3 .icon { right: 25px; top: 35px; }

.about-benefits-4 { background: #68d099; }
.about-benefits-4 .name { right: 25px; top: 50px; }
.about-benefits-4 .icon { left: 25px; bottom: 15px; }

.about-benefits-5 { width: 300px; height: 302px; background: #ff9191; }
.about-benefits-5 .name { left: 95px; bottom: 50px; }
.about-benefits-5 .icon { left: 95px; top: 35px; }

.about-benefits-6 { width: 304px; height: 302px; background: #ffc15f; }
.about-benefits-6 .name { left: 95px; bottom: 50px; }
.about-benefits-6 .icon { left: 95px; top: 50px; }

.transition .about-benefits-1:hover .name { left: 110px; }
.transition .about-benefits-1:hover .icon { -moz-transform: scale(0.4); -ms-transform: scale(0.4); -webkit-transform: scale(0.4); transform: scale(0.4); right: 170px; bottom: 20px; }
.transition .about-benefits-2:hover .name { right: 70px; }
.transition .about-benefits-2:hover .icon { left: 35px; -moz-transform: scale(0.45); -ms-transform: scale(0.45); -webkit-transform: scale(0.45); transform: scale(0.45); }
.transition .about-benefits-3:hover .name { left: 110px; }
.transition .about-benefits-3:hover .icon { -moz-transform: scale(0.4); -ms-transform: scale(0.4); -webkit-transform: scale(0.4); transform: scale(0.4); right: 170px; top: 35px; }
.transition .about-benefits-4:hover .name { right: 60px; }
.transition .about-benefits-4:hover .icon { left: 25px; bottom: 25px; -moz-transform: scale(0.45); -ms-transform: scale(0.45); -webkit-transform: scale(0.45); transform: scale(0.45); }
.transition .about-benefits-5:hover .name { bottom: 120px; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.transition .about-benefits-5:hover .icon { top: 100px; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.transition .about-benefits-6:hover .name { bottom: 120px; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.transition .about-benefits-6:hover .icon { top: 100px; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

/*** @description: 产品; @Author:ray; @create date:2016-05-11;
***/
/*banner*/
.product-focus { width: 100%; height: 710px; position: relative; overflow: hidden; background: #fff; margin-top: 48px; }
.product-focus.running .slides { visibility: visible; }
.product-focus .hd { position: relative; margin-bottom: 50px; }
.product-focus .hd .title { font-size: 48px; color: #4c4c4c; line-height: 1.1; font-weight: bold; }
.product-focus .hd .icon-text-products { margin-left: 10px; vertical-align: bottom; }
.product-focus .oper { position: absolute; right: 0; bottom: 0; }
.product-focus .page-state { vertical-align: middle; height: 36px; line-height: 36px; text-align: center; position: absolute; width: 62px; left: 50%; top: 15px; margin-left: 500px; font-size: 16px; color: #666; font-family: arial; letter-spacing: 5px; }
.product-focus .page-state span { color: #3e87ff; font-size: 24px; font-weight: normal; }
.product-focus .prev, .product-focus .next { background: #c0c0c0; border-radius: 50%; position: absolute; top: 16px; left: 50%; width: 36px; height: 36px; line-height: 35px; margin-left: 464px; cursor: pointer; text-align: center; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background 0.4s; -o-transition: background 0.4s; -webkit-transition: background 0.4s; transition: background 0.4s; }
.product-focus .prev:hover, .product-focus .next:hover { background: #3e87ff; }
.product-focus .next { margin-left: 563px; }
.product-focus .icon-arrow-l, .product-focus .icon-arrow-r { display: inline-block; vertical-align: -5px; }
.product-focus .slides { margin: 0px auto 30px; overflow: hidden; position: relative; width: 1420px; height: 485px; visibility: hidden; }
.product-focus .slideItem { padding: 0px; overflow: hidden; position: absolute; cursor: pointer; }
.product-focus .slideItem a { display: block; }
.product-focus .slideItem img { width: 100%; }

.product-focus2 { height: 710px; position: relative; background: #fff; margin-top: 48px; }
.product-focus2 .hd { position: relative; margin-bottom: 50px; }
.product-focus2 .hd .title { font-size: 48px; color: #4c4c4c; line-height: 1.1; font-weight: bold; }
.product-focus2 .hd .icon-text-products { margin-left: 10px; vertical-align: bottom; }
.product-focus2 .bd { width: 1260px; height: 500px; margin-left: -30px; }
.product-focus2 .bd-wrap { margin-left: -60px; }
.product-focus2 .bd-item { width: 600px; height: 500px; margin-left: 60px; float: left; position: relative; overflow: hidden; cursor: default; box-shadow: 0 0 1px rgba(227, 227, 227, 0), 0 0 0 2px rgba(235, 235, 235, 0), 0 0 0 5px rgba(239, 239, 239, 0); -moz-transition: box-shadow 0.4s; -o-transition: box-shadow 0.4s; -webkit-transition: box-shadow 0.4s; transition: box-shadow 0.4s; }
.product-focus2 .bd-item.on { box-shadow: 0 0 1px #e3e3e3, 0 0 0 2px #ebebeb, 0 0 0 5px #efefef; }
.product-focus2 .bd-item .pic { width: 600px; height: 328px; }
.product-focus2 .bd-item .con { position: absolute; left: 0; top: 328px; background: #e5f8ff; padding: 0 25px 20px; }
.product-focus2 .bd-item .con-hd { height: 75px; line-height: 75px; }
.product-focus2 .bd-item .con-hd .lg { vertical-align: middle; }
.product-focus2 .bd-item .con-hd .btn { position: absolute; top: 23px; right: 25px; background: #b0eaff; color: #3e87ff; border: 1px solid #3e87ff; border-radius: 15px; padding: 4px 11px; }
.product-focus2 .bd-item .con-hd .btn:hover { background: #FFF; }
.product-focus2 .bd-item .con-bd { color: #3a85a0; font-size: 14px; line-height: 30px; margin-bottom: 25px; }
.product-focus2 .bd-item .con-ft { overflow: hidden; margin-top: -5px; margin-bottom: 30px; }
.product-focus2 .bd-item .con-ft .tt, .product-focus2 .bd-item .con-ft .ul, .product-focus2 .bd-item .con-ft .li { float: left; }
.product-focus2 .bd-item .con-ft .tt { font-size: 24px; color: #3e87ff; }
.product-focus2 .bd-item .con-ft .ul { padding-left: 15px; }
.product-focus2 .bd-item .con-ft .li { margin-right: 50px; text-align: center; }
.product-focus2 .bd-item .con-ft .lg { width: 70px; height: 70px; margin-bottom: 10px; }
.product-focus2 .bd-item .con-ft .lg-name { color: #3a85a0; }
.product-focus2 .bd-item .cover { height: 30px; position: absolute; left: 0; right: 0; bottom: 0; background: #e5f8ff; }

/*** @description: join; @Author:ray; @create date:2016-05-17;
***/
.join-banner { height: 500px; background: #64c586; margin-bottom: 70px; }
.join-banner .wrapper { height: 100%; position: relative; }
.join-banner .text { font-size: 14px; line-height: 36px; color: #fff; padding-top: 65px; position: relative; z-index: 1; }
.join-banner .text h3 { font-size: 24px; margin-bottom: 20px; }
.join-banner .text p { width: 675px; margin-bottom: 36px; }
.join-banner .text b { font-size: 30px; font-weight: normal; }
.join-banner .text .email { color: #fdff3c; }
.join-banner .bg { position: absolute; top: 0; bottom: 0; left: 0; right: -10px; background: url(../images/join/banner.jpg) no-repeat right center; }

.join-recruit { height: 560px; position: relative; overflow: hidden; background: #fff; }
.join-recruit .hd { position: relative; margin-bottom: 50px; }
.join-recruit .hd .title { font-size: 48px; color: #4c4c4c; line-height: 1.1; font-weight: bold; }
.join-recruit .hd .icon-text-needyou { margin-left: 10px; vertical-align: bottom; }
.join-recruit .hd .oper { position: absolute; right: 0; bottom: 0; }
.join-recruit .hd .prev, .join-recruit .hd .next { display: inline-block; vertical-align: middle; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #c0c0c0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.join-recruit .hd .prev:hover, .join-recruit .hd .next:hover { background: #3e87ff; }
.join-recruit .hd .icon-arrow-l, .join-recruit .hd .icon-arrow-r { display: inline-block; vertical-align: -5px; }
.join-recruit .bd { height: 400px; overflow: hidden; }
.join-recruit .bd li { width: 350px; height: 300px; float: left; margin: 50px 73px 50px 0; position: relative; }
.join-recruit .bd li.hover { z-index: 100; }
.join-recruit .bd li.hover .recruit-item { transform: perspective(800px) rotateY(180deg); }
.join-recruit .bd li.hover .recruit-item-active { z-index: 10; visibility: visible; transform: perspective(800px) rotateY(360deg); }
.join-recruit .bd .recruit-item, .join-recruit .bd .recruit-item-active, .join-recruit .bd .recruit-item-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; -moz-transition: all 0.4s 0.1s; -o-transition: all 0.4s 0.1s; -webkit-transition: all 0.4s; -webkit-transition-delay: 0.1s; transition: all 0.4s 0.1s; }
.join-recruit .bd .recruit-item { width: 344px; height: 294px; background: #FFF; border: 3px solid #e6e6e6; z-index: 1; }
.join-recruit .bd .recruit-item .number, .join-recruit .bd .recruit-item .title, .join-recruit .bd .recruit-item .name { margin-left: 30px; }
.join-recruit .bd .recruit-item .number { width: 59px; height: 59px; line-height: 59px; text-align: center; background: #4f4f4f; color: #FFF; border-radius: 50%; font-family: arial; font-weight: bold; font-size: 30px; margin-top: 25px; margin-bottom: 35px; }
.join-recruit .bd .recruit-item .title { font-size: 36px; margin-bottom: 10px; }
.join-recruit .bd .recruit-item .name { font-size: 24px; font-family: Tahoma; color: #666; position: relative; z-index: 2; text-transform: uppercase; }
.join-recruit .bd .recruit-item .icon { position: absolute; bottom: 25px; right: 25px; }
.join-recruit .bd .recruit-item-active { background: #9ad7b0; text-align: center; visibility: hidden; transform: rotateY(180deg); }
.join-recruit .bd .recruit-item-active .icon { margin-top: 25px; vertical-align: top; }
.join-recruit .bd .recruit-item-active .title { font-size: 30px; color: #FFF; margin-bottom: 15px; }
.join-recruit .bd .recruit-item-active .more { text-align: right; color: #FFF; padding-right: 20px; }
.join-recruit .bd .recruit-item-cover { z-index: 100; }

/*** @description: contacts; @Author:ray; @create date:2016-05-17;
***/
.contacts-banner { height: 500px; background: #3baaff url(../images/contacts/banner.png) no-repeat center 0; margin-bottom: 70px; }
.contacts-banner .wrapper { height: 100%; position: relative; text-align: center; }
.contacts-banner .text { display: inline-block; vertical-align: top; text-align: left; font-size: 14px; color: #fff; padding-top: 115px; position: relative; z-index: 1; }
.contacts-banner .text h1 { font-size: 48px; margin-bottom: 40px; }
.contacts-banner .text p { color: #fff714; font-size: 16px; margin-bottom: 12px; margin-left: 90px; }
.contacts-banner .text .icon-addr { position: absolute; margin: -8px 0 0 -42px; }
.contacts-banner .text .btn-gps { width: 86px; height: 20px; padding: 8px 12px; border-radius: 17px; color: #3494ff; border: none; margin-top: 12px; position: relative; }
.contacts-banner .text .btn-gps:hover .text-gps { -moz-transform: translateX(-12px); -ms-transform: translateX(-12px); -webkit-transform: translateX(-12px); transform: translateX(-12px); }
.contacts-banner .text .btn-gps:hover .icon-gps { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.contacts-banner .text .icon-gps, .contacts-banner .text .text-gps { -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }
.contacts-banner .text .icon-gps { vertical-align: -4px; margin-right: 6px; }
.contacts-banner .text .text-gps { display: inline-block; }

.contacts-list { overflow: hidden; margin-bottom: 70px; }
.contacts-list .item { width: 200px; height: 170px; background: #9ad67a; color: #FFF; float: left; text-align: center; cursor: default; }
.contacts-list .item + .item { margin-left: 50px; }
.contacts-list .item:hover .icon { animation: swing 1s; }
.contacts-list .item-2 { background: #6ed095; }
.contacts-list .item-3 { background: #61afff; }
.contacts-list .item-4 { background: #ffad5d; }
.contacts-list .item-5 { background: #ff7c7c; }
.contacts-list .icon { margin-top: 20px; margin-bottom: 10px; vertical-align: top; }
.contacts-list .cont { height: 50px; font-size: 0; }
.contacts-list .cont span { display: inline-block; margin: 0 9px; font-size: 14px; }
.contacts-list .cont span + span:before { position: absolute; margin: 5px 0 0 -10px; content: ''; width: 1px; height: 12px; background: #FFF; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.contacts-list .qq { cursor: text; }

/*** @description: ie hack; @Author:ray; @create date:2016-01-06;
***/
.ie .polyhedron { display: none; }
.ie .bd-outstanding .triangle-box .ani-triangle1, .ie .bd-outstanding .triangle-box .ani-triangle2, .ie .bd-outstanding .triangle-box .ani-triangle3 { display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .polyhedron { display: none; }
  .bd-outstanding .triangle-box .ani-triangle1, .bd-outstanding .triangle-box .ani-triangle2, .bd-outstanding .triangle-box .ani-triangle3 { display: block; } }
.lte-ie8 .resonance-svg { display: none; }
.lte-ie8 .bd-atmosphere { background: url(../images/index/banner.png) no-repeat center 0; }
.lte-ie8 .bd-resonance { background: url(../images/index/banner2.png) no-repeat center 0; }
.lte-ie8 .about-remark .bd li { list-style: decimal; }

/*# sourceMappingURL=style.css.map */