@font-face {font-family:'微软雅黑';font-weight:normal;font-style:normal}
.main-container{ margin-top:20px;}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
.tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P {display:none;}
.clearfix:before, .clearfix:after {content:" ";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
.clearfix h2{ font-family:微软雅黑;}
.clearfix h2 span{ display:block; margin-bottom:20px;text-transform: uppercase; font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding-top:10px; font-weight:normal; color:#fff;}
.tileszx .rowzx1 .col2:hover .hover { -webkit-transform:skew(5deg); -moz-transform:skew(5deg); -ms-transform:skew(5deg); -o-transform:skew(5deg); transform:skew(5deg)}
.tileszx .rowzx1 .col2:hover .hover SPAN { -webkit-transform:skew(-10deg); -moz-transform:skew(-10deg); -ms-transform:skew(-10deg); -o-transform:skew(-10deg); transform:skew(-10deg)}
.tileszx .rowzx1 .col2:hover IMG { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.tileszx .rowzx { position:relative; overflow:hidden}
.tileszx .rowzx .col1, .tileszx .rowzx .col2 { height:100%; float:left; background:#c00000}




.tileszx .rowzx .col1 .col1, .tileszx .rowzx .col2 .col1, .tileszx .rowzx .col1 .col2, .tileszx .rowzx .col2 .col2 { background:transparent}
.tileszx .rowzx .col1:hover .col1 .hover, .tileszx .rowzx .col2:hover .col1 .hover { -webkit-transform:skew(-5deg); -moz-transform:skew(-5deg); -ms-transform:skew(-5deg); -o-transform:skew(-5deg); transform:skew(-5deg)}
.tileszx .rowzx .col1:hover .col1 .hover SPAN, .tileszx .rowzx .col2:hover .col1 .hover SPAN { -webkit-transform:skew(10deg); -moz-transform:skew(10deg); -ms-transform:skew(10deg); -o-transform:skew(10deg); transform:skew(10deg)}
.tileszx .rowzx .col1:hover .col2 .hover, .tileszx .rowzx .col2:hover .col2 .hover { -webkit-transform:skew(5deg); -moz-transform:skew(5deg); -ms-transform:skew(5deg); -o-transform:skew(5deg); transform:skew(5deg)}
.tileszx .rowzx .col1:hover .col2 .hover SPAN, .tileszx .rowzx .col2:hover .col2 .hover SPAN { -webkit-transform:skew(-10deg); -moz-transform:skew(-10deg); -ms-transform:skew(-10deg); -o-transform:skew(-10deg); transform:skew(-10deg)}
.tileszx .rowzx .col1:hover .col1 IMG, .tileszx .rowzx .col2:hover .col1 IMG, .tileszx .rowzx .col1:hover .col2 IMG, .tileszx .rowzx .col2:hover .col2 IMG { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.tileszx .rowzx .col1:hover .col1 .meet, .tileszx .rowzx .col2:hover .col1 .meet, .tileszx .rowzx .col1:hover .col2 .meet, .tileszx .rowzx .col2:hover .col2 .meet { -webkit-animation:borderMarking 500ms linear 0ms 1 normal; -moz-animation:borderMarking 500ms linear 0ms 1 normal; animation:borderMarking 500ms linear 0ms 1 normal; -webkit-animation-play-state:running; -moz-animation-play-state:running; animation-play-state:running}
.tileszx .rowzx .col1 .col1 .hover, .tileszx .rowzx .col2 .col1 .hover { right:auto; left:100%}
.tileszx .rowzx .col1 .hover, .tileszx .rowzx .col2 .hover { display:block; position:absolute; top:0; right:100%; width:100px; height:50%; background:#c00000; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; -webkit-transition:all 300ms linear 0ms; -moz-transition:all 300ms linear 0ms; -ms-transition:all 300ms linear 0ms; -o-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms; z-index:1}


.tileszx .rowzx .col1 .hover SPAN, .tileszx .rowzx .col2 .hover SPAN { width:100%; height:100%; display:block; position:absolute; top:100%; left:0; background:inherit; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; -webkit-transition:all 300ms linear 0ms; -moz-transition:all 300ms linear 0ms; -ms-transition:all 300ms linear 0ms; -o-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms}

.tileszx .rowzx .col1 .dark-border, .tileszx .rowzx .col2 .dark-border { border-right:1px solid #3c4143}
.tileszx .rowzx .col1 .dark-border SPAN, .tileszx .rowzx .col2 .dark-border SPAN { border-right:1px solid #3c4143}
.tileszx .rowzx .col1 A, .tileszx .rowzx .col2 A, .tileszx .rowzx .col1 IMG, .tileszx .rowzx .col2 IMG { display:block; width:100%; position:relative; overflow:hidden; -webkit-transition:-webkit-transform 300ms linear 0ms; -moz-transition:-moz-transform 300ms linear 0ms; -ms-transition:-ms-transform 300ms linear 0ms; -o-transition:-o-transform 300ms linear 0ms; transition:transform 300ms linear 0ms}
.tileszx .rowzx .col1 IMG, .tileszx .rowzx .col2 IMG { background:#5c6466}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2 { color:#fff; font-size:21px; font-family:'微软雅黑'; margin:.8em 0 0 0; line-height:1}
.tileszx .rowzx .col1 H2 STRONG, .tileszx .rowzx .col2 H2 STRONG { font-family:'微软雅黑'}
.tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P { color:#fff; font-size:12px; font-family:'微软雅黑'; display:none;}
.tileszx .rowzx .col1 .icon, .tileszx .rowzx .col2 .icon { display:none; float:right;}
.tileszx .rowzx .col1 .paper-plane, .tileszx .rowzx .col2 .paper-plane { width:58px; height:58px; filter:alpha(opacity= 20); -moz-opacity:.2; -khtml-opacity:.2; -webkit-opacity:.2; opacity:.2}
.tileszx .rowzx .col1 .bear, .tileszx .rowzx .col2 .bear { min-width:110px; width:100%; height:107px; margin-top:.2em; background-position:0 -71px; filter:alpha(opacity= 20); -moz-opacity:.2; -khtml-opacity:.2; -webkit-opacity:.2; opacity:.2}
.tileszx .rowzx .col1 .facebook, .tileszx .rowzx .col2 .facebook { width:52px; height:71px; background-position:-58px 0}
.tileszx .rowzx .col1 .meet, .tileszx .rowzx .col2 .meet { color:#fff; font-size:1.2em; font-family:'titilliumtext25l400_wt'; text-decoration:none; width:auto; padding:.85em 1.2em .95em 1.2em; position:absolute; bottom:1.57em; border:1px solid #fff; border-color:rgba(255, 255, 255, 0.2); -webkit-transition:background-color 200ms linear 0ms; -moz-transition:background-color 200ms linear 0ms; -ms-transition:background-color 200ms linear 0ms; -o-transition:background-color 200ms linear 0ms; transition:background-color 200ms linear 0ms}
.tileszx .rowzx .col1 .meet:hover SPAN, .tileszx .rowzx .col2 .meet:hover SPAN { -webkit-animation:arrowzxSlide 300ms linear 0ms 1 normal; -moz-animation:arrowzxSlide 300ms linear 0ms 1 normal; animation:arrowzxSlide 300ms linear 0ms 1 normal; -webkit-animation-play-state:running; -moz-animation-play-state:running; animation-play-state:running}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2, .tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P, .tileszx .rowzx .col1 .icon, .tileszx .rowzx .col2 .icon, .tileszx .rowzx .col1 .meet, .tileszx .rowzx .col2 .meet { margin-left:15px; margin-right:15px;}


.tileszx .rowzx .orange { background:#eb775d}
.tileszx .rowzx .orange .hover { background:#eb775d}
.tileszx .rowzx .red { background:#248fa8}
.tileszx .rowzx .red .hover { background:#248fa8}
.tileszx .rowzx .pink { background:#3e2169}
.tileszx .rowzx .pink .hover { background:#3e2169}
.tileszx .rowzx .purple { background:#76a757}
.tileszx .rowzx .purple .hover { background:#76a757}
.tileszx .rowzx .green { background:#79c1ba}
.tileszx .rowzx .green .hover { background:#79c1ba}


.tileszx .rowzx .col1 { width:61.2612613%}
.tileszx .rowzx .col1 .col1 { width:54.7794118%}
.tileszx .rowzx .col1 .col2 { width:45.2205882%}
.tileszx .rowzx .col2 {width:38.7387387%}
.tileszx .rowzx .col2 .col1 {width:45.3488372%}
.tileszx .rowzx .col2 .col2 {width:54.65116228%}
.tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P {font-size:12px;display:block;}
.clearfix h2 span {display: block;margin-bottom: 20px;text-transform: uppercase;font-size: 12px;font-family: Tahoma, Geneva, sans-serif;padding-top: 10px;font-weight: normal;color: #fff;}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2 {color:#fff;font-size:21px;font-family:'微软雅黑';margin:.8em 0 0 0;line-height:1}
.tileszx .rowzx .col1 H2 STRONG, .tileszx .rowzx .col2 H2 STRONG {font-family:'微软雅黑'}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2, .tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P, .tileszx .rowzx .col1 .icon, .tileszx .rowzx .col2 .icon, .tileszx .rowzx .col1 .meet, .tileszx .rowzx .col2 .meet {margin-left:15px;margin-right:15px;}

h2 {display: block;font-size: 1.5em;-webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}

@media only screen and (min-width:1024px) {
.tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P {display:block;}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2{ padding-top:40px;}
}

@media only screen and (min-width:1280px) {
.tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P {display:block;}
}

@media only screen and (min-width:1180px) {
.tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P {display:block;}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2{ padding-top:40px;}
}
@media only screen and (min-width:1200px) {
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2 {font-size:21px; padding-top:40px;}
.tileszx .rowzx .col1 .icon, .tileszx .rowzx .col2 .icon {margin-top:.4em}
}
@media only screen and (min-width:1140px) {
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2 {font-size:21px}
.tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P {font-size:12px;display:block;}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2{ padding-top:40px;}
.tileszx .rowzx .col1 H2, .tileszx .rowzx .col2 H2, .tileszx .rowzx .col1 P, .tileszx .rowzx .col2 P {margin-left:35px;margin-right:25px}
}