@charset "utf-8";* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0px;padding: 0px;}html {font-size: 62.5%;}body {background-color: #fff;font-family: "微软雅黑", "Microsoft Yahei", "Arial";font-size: 14px;line-height: 1.5;color: #333;overflow-x: hidden;}img {border: none;vertical-align: middle;max-width: 100%;}a {text-decoration: none;color: #333;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}input, textarea, select, button {outline: none;vertical-align: middle;font-size: inherit;font-family: inherit;}textarea {resize: none;overflow-y: auto;}input[type="submit"], input[type="reset"], input[type="button"], button {cursor: pointer;-webkit-appearance: none;}hr {height: 0;border-width: 1px 0 0 0;border-style: solid;margin: 0;color: #ddd;}h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0;}ul, ol, li {list-style: none;-webkit-padding-start: 0}dt, dd {padding: 0;margin: 0;list-style: none;}/*栅格系统*/.cclg-1, .cclg-2, .cclg-3, .cclg-4, .cclg-5, .cclg-6, .cclg-7, .cclg-8, .cclg-9, .cclg-10, .cclg-11, .cclg-12 {float: left;}.cclg-12 {width: 100%;}.cclg-11 {width: 91.66666667%;}.cclg-10 {width: 83.33333333%;}.cclg-9 {width: 75%;}.cclg-8 {width: 66.66666667%;}.cclg-7 {width: 58.33333333%;}.cclg-6 {width: 50%;}.cclg-5 {width: 41.66666667%;}.cclg-4 {width: 33.33333333%;}.cclg-3 {width: 25%;}.cclg-2 {width: 16.66666667%;}.cclg-1 {width: 8.33333333%;}.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .ss {float: left;}.ss {width: 100%;}.span11 {width: 91.66666667%;}.span10 {width: 83.33333333%;}.span9 {width: 75%;}.span8 {width: 66.66666667%;}.span7 {width: 58.33333333%;float: right;}.span6 {width: 50%;}.span5 {width: 41.66666667%;}.span4 {width: 33.33333333%;}.span3 {width: 25%;}.span2 {width: 16.66666667%;}.span1 {width: 8.33333333%;} @media screen and (max-width:1300px) {.ccbg-4 {float: left;width: 33.33333333%;}} @media screen and (max-width:1199px) {.ccmd-1, .ccmd-2, .ccmd-3, .ccmd-4, .ccmd-5, .ccmd-6, .ccmd-7, .ccmd-8, .ccmd-9, .ccmd-10, .ccmd-11, .ccmd-12 {float: left;}.ccmd-12 {width: 100%;}.ccmd-11 {width: 91.66666667%;}.ccmd-10 {width: 83.33333333%;}.ccmd-9 {width: 75%;}.ccmd-8 {width: 66.66666667%;}.ccmd-7 {width: 58.33333333%;}.ccmd-6 {width: 50%;}.ccmd-5 {width: 41.66666667%;}.ccmd-4 {width: 33.33333333%;}.ccmd-3 {width: 25%;}.ccmd-2 {width: 16.66666667%;}.ccmd-1 {width: 8.33333333%;}} @media screen and (max-width:960px) {.ccxm-1, .ccxm-2, .ccxm-3, .ccxm-4, .ccxm-5, .ccxm-6, .ccxm-7, .ccxm-8, .ccxm-9, .ccxm-10, .ccxm-11, .ccxm-12 {float: left;}.ccxm-12 {width: 100%;}.ccxm-11 {width: 91.66666667%;}.ccxm-10 {width: 83.33333333%;}.ccxm-9 {width: 75%;}.ccxm-8 {width: 66.66666667%;}.ccxm-7 {width: 58.33333333%;}.ccxm-6 {width: 50%;}.ccxm-5 {width: 41.66666667%;}.ccxm-4 {width: 33.33333333%;}.ccxm-3 {width: 25%;}.ccxm-2 {width: 16.66666667%;}.ccxm-1 {width: 8.33333333%;}} @media screen and (max-width:767px) {.ccsm-1, .ccsm-2, .ccsm-3, .ccsm-4, .ccsm-5, .ccsm-6, .ccsm-7, .ccsm-8, .ccsm-9, .ccsm-10, .ccsm-11, .ccsm-12 {float: left;}.ccsm-12 {width: 100%;}.ccsm-11 {width: 91.66666667%;}.ccsm-10 {width: 83.33333333%;}.ccsm-9 {width: 75%;}.ccsm-8 {width: 66.66666667%;}.ccsm-7 {width: 58.33333333%;}.ccsm-6 {width: 50%;}.ccsm-5 {width: 41.66666667%;}.ccsm-4 {width: 33.33333333%;}.ccsm-3 {width: 25%;}.ccsm-2 {width: 16.66666667%;}.ccsm-1 {width: 8.33333333%;}} @media screen and (max-width:479px) {.ccxs-1, .ccxs-2, .ccxs-3, .ccxs-4, .ccxs-5, .ccxs-6, .ccxs-7, .ccxs-8, .ccxs-9, .ccxs-10, .ccxs-11, .ccxs-12 {float: left;}.ccxs-12 {width: 100%;}.ccxs-11 {width: 91.66666667%;}.ccxs-10 {width: 83.33333333%;}.ccxs-9 {width: 75%;}.ccxs-8 {width: 66.66666667%;}.ccxs-7 {width: 58.33333333%;}.ccxs-6 {width: 50%;}.ccxs-5 {width: 41.66666667%;}.ccxs-4 {width: 33.33333333%;}.ccxs-3 {width: 25%;}.ccxs-2 {width: 16.66666667%;}.ccxs-1 {width: 8.33333333%;}}.clearfix:before {content: ".";display: block;clear: both;height: 0;font-size: 0;visibility: hidden;overflow: hidden;}.clearfix:after {content: ".";display: block;clear: both;height: 0;font-size: 0;visibility: hidden;overflow: hidden;}.hidden {visibility: hidden;}.visible {visibility: visible;}.hide {display: none;}.show {display: block;}.container {width: 96%;max-width: 1200px;margin: 0 auto;}.container-fluid {width: 100%;margin: 0 auto;}.rr {clear: both;}.rr:before, .rr:after, .column:before, .column:after {content: ".";display: block;clear: both;height: 0;font-size: 0;visibility: hidden;overflow: hidden;}/* 在线联系 */#online {position: fixed;bottom: 126px !important;right: -40px;z-index: 1000;width: 32px;height: 32px;background: #dd9e09;color: #fff;cursor: pointer;border-radius: 3px;-webkit-transition: all 0.4s;transition: all 0.4s;opacity: 0;box-sizing: border-box;}#online i {display: block;width: 18px;height: 18px;margin: 3px 7px;}#online i img {max-width: 100%;}#online:hover {background: #333;}#online_lx {width: 180px;height: auto;border-radius: 5px;background-color: #fff;-webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);box-shadow: 0 5px 9px rgba(4, 0, 0, .17);position: fixed;right: 12px;bottom: 126px !important;z-index: 99999;box-sizing: border-box;}#olx_head {padding: 20px;line-height: 16px;height: 16px;background: #00C0FF;border-radius: 5px 5px 0 0;color: #fff;font-size: 14px;}#online_close {display: block;float: right;width: 15px;height: 15px;cursor: pointer;}#online_close img {max-width: 100%;-webkit-transition: all 0.4s;transition: all 0.4s;}#online_close img:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);}#olx_qq li a {padding: 12px 40px;height: 18px;line-height: 18px;background: #fff;color: #353434;display: block;border-bottom: #f5f5f5 1px solid;transition: all ease-out .3s;color: #888;}#olx_qq li a:hover {background: #f5f5f5;text-indent: 10px;}#olx_qq li i {width: 20px;height: 20px;float: left;margin: 10px;}#olx_qq li i img {max-width: 100%;}#olx_tel {padding: 15px 10px;}#olx_tel div {color: #434343;line-height: 24px;height: 24px;margin: 0 25px 0 8px;}#olx_tel div i {width: 20px;height: 25px;float: left;margin-right: 2px;}#olx_tel div i img {max-width: 100%;max-height: 100%;}#olx_tel p {line-height: 30px;color: #888;text-align: center;padding-top: 10px;}/* 分享 */#share {position: fixed;bottom: 93px !important;right: 12px;z-index: 1000;width: 32px;height: 32px;background: #008cd6;color: #fff;cursor: pointer;border-radius: 3px;-webkit-transition: all 0.4s;transition: all 0.4s;}#share i {display: block;width: 16px;height: 16px;margin: 3px 8px;}#share i img {max-width: 100%;}#share:hover {background: #333;}.ssbg {position: fixed;left: 0;top: 0;z-index: 600;width: 100%;height: 100%;background: rgba(0, 0, 0, .9);display: none;}.ssbox {position: fixed;top: -50%;left: 50%;font-size: 16px;z-index: 601;width: 500px;margin-left: -250px;height: 300px;margin-top: -150px;background: #fff;}.ssbox i.ssclose {display: block;position: absolute;top: 12px;right: 15px;width: 15px;height: 15px;cursor: pointer;}.ssbox i.ssclose img {max-width: 100%;margin: 0 auto;padding: 0;-webkit-transition: all 0.4s;transition: all 0.4s;}.ssbox i.ssclose:hover img {transform: rotate(180deg);-webkit-transform: rotate(180deg);}.ssbox .sstit {width: 100%;height: 50px;line-height: 50px;margin-bottom: 15px;background: #f7f7f7;text-align: center;color: #909090;}.ssbox .sslist {width: 85%;margin: 0 auto;}.ssbox .ssico {text-align: center;}.ssbox .ssico .bbqzone, .ssbox .ssico .bbsinaminiblog, .ssbox .ssico .bbrenren, .ssbox .ssico .bbqqmb, .ssbox .ssico .bbweixin, .ssbox .ssico .bbrenren, .ssbox .ssico .bbqqim, .ssbox .ssico .bbewm, .ssbox .ssico .bbdouban {width: 90px;margin-top: 10px;padding: 70px 0 10px 0;color: #fff;border-radius: 4px;}.ssbox .ssico .bbsinaminiblog {background: #d4d4d4 url(../images/ico_xl.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbsinaminiblog:hover {text-decoration: none;background: #d5357f url(../images/ico_xl.png) no-repeat;background-position: center 15px;color: #fff;}.ssbox .ssico .bbqzone {background: #d4d4d4 url(../images/ico_kj.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbqzone:hover {text-decoration: none;background: #2199d3 url(../images/ico_kj.png) no-repeat;background-position: center 15px;color: #fff;}.ssbox .ssico .bbdouban {background: #d4d4d4 url(../images/ico_db.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbdouban:hover {text-decoration: none;background: #315ebc url(../images/ico_db.png) no-repeat;background-position: center 15px;color: #fff;}.ssbox .ssico .bbqqmb {background: #d4d4d4 url(../images/ico_tx.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbqqmb:hover {text-decoration: none;background: #00acde url(../images/ico_tx.png) no-repeat;background-position: center 15px;color: #fff;}.ssbox .ssico .bbweixin {background: #d4d4d4 url(../images/ico_wx.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbweixin:hover {text-decoration: none;background: #25ac35 url(../images/ico_wx.png) no-repeat;background-position: center 15px;color: #fff;}.ssbox .ssico .bbrenren {background: #d4d4d4 url(../images/ico_rr.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbrenren:hover {text-decoration: none;background: #30b2c5 url(../images/ico_rr.png) no-repeat;background-position: center 15px;color: #fff;}.ssbox .ssico .bbqqim {background: #d4d4d4 url(../images/ico_qq.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbqqim:hover {text-decoration: none;background: #e00b39 url(../images/ico_qq.png) no-repeat;background-position: center 15px;color: #fff;}.ssbox .ssico .bbewm {background: #d4d4d4 url(../images/ico_ewm.png) no-repeat;background-position: center 15px;}.ssbox .ssico .bbewm:hover {text-decoration: none;background: #f4911c url(../images/ico_ewm.png) no-repeat;background-position: center 15px;color: #fff;}/* 回顶部 */#toTop {position: fixed;padding-top: 10px;bottom: -100px;right: 0px;z-index: 1000;width: 40px;height: 40px;text-align: center;line-height: 40px;background: #555555;background: url(../images/right-menu-icons.png) no-repeat 57% -12%;color: #fff;cursor: pointer;-webkit-transition: all 0.4s;transition: all 0.4s;}#toTop:hover {background: url(../images/right-menu-icons.png) no-repeat 57% 120%;z-index: 2000;color: #2792F0;background-color: #fff;}#close {cursor: pointer;position: fixed;bottom: 18px;right: 0;width: 40px;height: 40px;z-index: 100;/*background: #fff;*/background: url(../images/right-menu-icons.png) no-repeat -776px -15%;-webkit-transition: all 0.4s;transition: all 0.4s;}#show {cursor: pointer;position: fixed;bottom: 18px;right: 0;width: 0px;height: 40px;z-index: 100;/*background: #fff;*/background: url(../images/icon-list.jpg) no-repeat 0 -762px;-webkit-transition: all 0.4s;transition: all 0.4s;}#close:hover {background: url(../images/right-menu-icons.png) no-repeat -776px -93px;background-color: #fff;} @media screen and (max-width: 1199px) {#close {display: none;}#toTop {background-color: #e8e8e8;}}/* 灯箱 */.lightWrap {position: fixed;top: 0;left: 0;z-index: 6200;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);overflow: hidden;}.lightWrap .closeLightBox {position: absolute;cursor: pointer;right: 10px;top: 10px;width: 50px;height: 50px;background: url(../images/icon_close.png)no-repeat center center;background-size: 20px;-webkit-transition: all 0.4s;transition: all 0.4s;}.lightWrap .closeLightBox:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);}.lightWrap .item {text-align: center;position: relative;}.lightWrap .item img {max-width: 100%;max-height: 100%;}.lightWrap .item .title {position: absolute;line-height: 1.6;bottom: 0;width: 100%;text-align: center;background: rgba(0, 0, 0, .4);color: #fff;padding: 10px 0;}.lightWrap .loading {background: url(../images/loader.gif) no-repeat center center;}.lightWrap .ooprev, .lightWrap .oonext {position: absolute;width: 40px;height: 70px;text-align: center;top: 50%;margin-top: -35px;-webkit-transition: all .3s ease;transition: all .3s ease;}.lightWrap .ooprev {left: -60px;background: #555 url(../images/icon_prev2.png) no-repeat center center;}.lightWrap .oonext {right: -60px;background: #555 url(../images/icon_next2.png) no-repeat center center;}.lightWrap .ooprev:hover {opacity: .8;background: #00C0FF url(../images/icon_prev.png) no-repeat center center;}.lightWrap .oonext:hover {opacity: .8;background: #00C0FF url(../images/icon_next.png) no-repeat center center;}.lightWrap:hover .oobuttons .ooprev {left: 10px;}.lightWrap:hover .oobuttons .oonext {right: 10px;} @media only screen and (max-width: 1199px) {#online {opacity: 1;right: 12px}#online_lx {display: none;right: -200px}} @media only screen and (max-width: 960px) {} @media only screen and (max-width: 767px) {.ssbox {width: 400px;margin-left: -200px;margin-top: -100px;}.ssbox .ssico {transform: scale(0.8);-webkit-transform: scale(0.8);}} @media only screen and (max-width: 479px) {.ssbox {width: 360px;margin-left: -180px;}.ssbox .ssico {transform: scale(0.75);-webkit-transform: scale(0.75);}}/*pps*/ .pagination-wrapper {margin: 20px 0;}.pagination {height: 34px;text-align: center;}.pagination li {display: inline-block;height: 34px;margin-right: 5px;}.pagination li a {float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}.pagination li a:hover {background: #f5f5f5;color: #0099ff;}.pagination li.thisclass {background: #09f;color: #fff;}.pagination li.thisclass a, .pagination li.thisclass a:hover {background: transparent;border-color: #09f;color: #fff;cursor: default;}/* ----- 通用PB分页条 ----- */.ppbar .pagination {  display: flex;  justify-content: center;  margin-top: 10px;}.pagination a {  background: #fff;  border: 1px solid #ccc;  color: #333;  font-size: 14px;  padding: 6px 8px;  margin: 0 2px;  border-radius: 3px;}.pagination a:hover {  color: #4fc08d;  border: 1px solid #4fc08d;}.pagination a.pp-num-current {  color: #fff;  background: #4fc08d;  border: 1px solid #4fc08d;}.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s} @-webkit-keyframes bounce { 0%,  100%,  20%,  53%,  80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} 40%,  43% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0)} 70% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0)} 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0)}} @keyframes bounce { 0%,  100%,  20%,  53%,  80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} 40%,  43% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0)} 70% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0)} 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0)}}.bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom} @-webkit-keyframes flash { 0%,  100%,  50% { opacity: 1} 25%,  75% { opacity: 0}} @keyframes flash { 0%,  100%,  50% { opacity: 1} 25%,  75% { opacity: 0}}.flash {-webkit-animation-name: flash;animation-name: flash} @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05)} 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}} @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05)} 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}}.pulse {-webkit-animation-name: pulse;animation-name: pulse} @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1)} 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1)} 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1)} 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1)} 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1)} 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}} @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} 30% { -webkit-transform: scale3d(1.25, .75, 1); -ms-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1)} 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1)} 50% { -webkit-transform: scale3d(1.15, .85, 1); -ms-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1)} 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1)} 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1)} 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}}.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand} @-webkit-keyframes shake { 0%,  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} 10%,  30%,  50%,  70%,  90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0)} 20%,  40%,  60%,  80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0)}} @keyframes shake { 0%,  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} 10%,  30%,  50%,  70%,  90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0)} 20%,  40%,  60%,  80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0)}}.shake {-webkit-animation-name: shake;animation-name: shake} @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg)} 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg)} 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg)} 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg)} 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg)}} @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg)} 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg)} 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg)} 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg)} 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg)}}.swing {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing} @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} 10%,  20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)} 30%,  50%,  70%,  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)} 40%,  60%,  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)} 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}} @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} 10%,  20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)} 30%,  50%,  70%,  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)} 40%,  60%,  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)} 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}}.tada {-webkit-animation-name: tada;animation-name: tada} @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none} 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)} 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)} 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)} 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)} 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)} 100% { -webkit-transform: none; transform: none}} @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none} 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)} 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)} 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)} 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)} 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)} 100% { -webkit-transform: none; -ms-transform: none; transform: none}}.wobble {-webkit-animation-name: wobble;animation-name: wobble} @-webkit-keyframes bounceIn { 0%,  100%,  20%,  40%,  60%,  80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)} 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1)} 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9)} 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03)} 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97)} 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}} @keyframes bounceIn { 0%,  100%,  20%,  40%,  60%,  80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)} 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1)} 40% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9)} 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03)} 80% { -webkit-transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97)} 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}}.bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s} @-webkit-keyframes bounceInDown { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0)} 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0)} 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0)} 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0)} 100% { -webkit-transform: none; transform: none}} @keyframes bounceInDown { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0)} 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0)} 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0)} 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0)} 100% { -webkit-transform: none; -ms-transform: none; transform: none}}.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown} @-webkit-keyframes bounceInLeft { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0)} 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0)} 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0)} 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0)} 100% { -webkit-transform: none; transform: none}} @keyframes bounceInLeft { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0)} 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0)} 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0)} 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0)} 100% { -webkit-transform: none; -ms-transform: none; transform: none}}.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft} @-webkit-keyframes bounceInRight { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0)} 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0)} 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0)} 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0)} 100% { -webkit-transform: none; transform: none}} @keyframes bounceInRight { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0)} 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0)} 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0)} 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0)} 100% { -webkit-transform: none; -ms-transform: none; transform: none}}.bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight} @-webkit-keyframes bounceInUp { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0)} 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0)} 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0)} 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0)} 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}} @keyframes bounceInUp { 0%,  100%,  60%,  75%,  90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1)} 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0)} 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0)} 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0)} 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0)} 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}}.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp} @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9)} 50%,  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1)} 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)}} @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9)} 50%,  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1)} 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)}}.bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut;-webkit-animation-duration: .75s;animation-duration: .75s} @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0)} 40%,  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0)} 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}} @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0)} 40%,  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0)} 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}}.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown} @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0)} 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}} @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0)} 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}}.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft} @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0)} 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}} @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0)} 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}}.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight} @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0)} 40%,  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0)} 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}} @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0)} 40%,  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0)} 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}}.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp} @-webkit-keyframes fadeIn { 0% { opacity: 0} 100% { opacity: 1}} @keyframes fadeIn { 0% { opacity: 0} 100% { opacity: 1}}.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn} @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown} @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig} @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft} @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig} @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight} @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig} @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp} @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig} @-webkit-keyframes fadeOut { 0% { opacity: 1} 100% { opacity: 0}} @keyframes fadeOut { 0% { opacity: 1} 100% { opacity: 0}}.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut} @-webkit-keyframes fadeOutDown { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}} @keyframes fadeOutDown { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}}.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown} @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}} @keyframes fadeOutDownBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}}.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig} @-webkit-keyframes fadeOutLeft { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}} @keyframes fadeOutLeft { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}}.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft} @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}} @keyframes fadeOutLeftBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}}.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig} @-webkit-keyframes fadeOutRight { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}} @keyframes fadeOutRight { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}}.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight} @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}} @keyframes fadeOutRightBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}}.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig} @-webkit-keyframes fadeOutUp { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}} @keyframes fadeOutUp { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}}.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp} @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}} @keyframes fadeOutUpBig { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}}.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig} @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out} 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out} 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in} 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in} 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}} @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out} 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out} 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in} 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); -ms-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in} 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}}.animated.flip {-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip} @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0} 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in} 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1} 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg)} 100% { -webkit-transform: perspective(400px); transform: perspective(400px)}} @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0} 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in} 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1} 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg)} 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px)}}.flipInX {-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInX;animation-name: flipInX} @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0} 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in} 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1} 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg)} 100% { -webkit-transform: perspective(400px); transform: perspective(400px)}} @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0} 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in} 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1} 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg)} 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px)}}.flipInY {-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInY;animation-name: flipInY} @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px)} 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1} 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0}} @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px)} 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1} 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0}}.flipOutX {-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-animation-duration: .75s;animation-duration: .75s;-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important} @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px)} 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1} 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0}} @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px)} 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1} 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0}}.flipOutY {-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipOutY;animation-name: flipOutY;-webkit-animation-duration: .75s;animation-duration: .75s} @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0} 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1} 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1} 100% { -webkit-transform: none; transform: none; opacity: 1}} @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0} 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1} 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1} 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1}}.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out} @-webkit-keyframes lightSpeedOut { 0% { opacity: 1} 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0}} @keyframes lightSpeedOut { 0% { opacity: 1} 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); -ms-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0}}.lightSpeedOut {-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in} @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0} 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1}} @keyframes rotateIn { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0} 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1}}.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn} @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0} 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1}} @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0} 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1}}.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft} @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0} 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1}} @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0} 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1}}.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight} @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0} 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1}} @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0} 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1}}.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft} @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0} 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1}} @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0} 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1}}.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight} @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1} 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0}} @keyframes rotateOut { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1} 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); -ms-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0}}.rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut} @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1} 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); opacity: 0}} @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1} 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0, 0, 1, 45deg); -ms-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); opacity: 0}}.rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1} 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0}} @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1} 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0}}.rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1} 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0}} @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1} 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0}}.rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1} 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0}} @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1} 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); -ms-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0}}.rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight} @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out} 20%,  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out} 40%,  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1} 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0}} @keyframes hinge { 0% { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out} 20%,  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); -ms-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out} 40%,  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); -ms-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1} 100% { -webkit-transform: translate3d(0, 700px, 0); -ms-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0}}.hinge {-webkit-animation-name: hinge;animation-name: hinge} @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)} 100% { opacity: 1; -webkit-transform: none; transform: none}} @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)} 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none}}.rollIn {-webkit-animation-name: rollIn;animation-name: rollIn} @-webkit-keyframes rollOut { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}} @keyframes rollOut { 0% { opacity: 1} 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut {-webkit-animation-name: rollOut;animation-name: rollOut} @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)} 50% { opacity: 1}} @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)} 50% { opacity: 1}}.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn} @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}} @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}}.zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown} @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}} @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}}.zoomInLeft {-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft} @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}} @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}}.zoomInRight {-webkit-animation-name: zoomInRight;animation-name: zoomInRight} @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}} @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}}.zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp} @-webkit-keyframes zoomOut { 0% { opacity: 1} 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)} 100% { opacity: 0}} @keyframes zoomOut { 0% { opacity: 1} 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3)} 100% { opacity: 0}}.zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut} @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}} @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}}.zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown} @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)} 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center}} @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)} 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -ms-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center}}.zoomOutLeft {-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft} @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)} 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center}} @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)} 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -ms-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center}}.zoomOutRight {-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight} @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}} @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19)} 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1)}}.zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp}.oocarousel .oowrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}/* display none until init */.oocarousel {display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}.oocarousel .oowrapper {display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}.oocarousel .oowrapper-outer {overflow: hidden;position: relative;width: 100%;}.oocarousel .oowrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}.oocarousel .ooitem {float: left;}.oocontrols .oopp, .oocontrols .oobuttons div {cursor: pointer;}.oocontrols {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/* mouse grab icon */.grabbing {cursor: url(grabbing.png) 8 8, move;}/* fix */.oocarousel .oowrapper, .oocarousel .ooitem {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);}/** 	Owl Carousel Owl Demo Theme *	v1.3.3*/.ootheme .oocontrols {text-align: center;}/* Styling Next and Prev buttons */.ootheme .oocontrols .oobuttons div {color: #ccc;display: inline-block;zoom: 1; *display: inline;/*IE7 life-saver */font-size: 12px;}/* Clickable class fix problem with hover on touch devices *//* Use it for non-touch hover action */.ootheme .oocontrols.clickable .oobuttons div:hover {filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}/* Styling Pagination*/.ootheme .oocontrols .oopp {display: inline-block;zoom: 1; *display: inline;/*IE7 life-saver */}.ootheme .oocontrols .oopp span {display: block;width: 10px;height: 10px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;overflow: hidden;}.ootheme .oocontrols .oopp.active span, .ootheme .oocontrols.clickable .oopp:hover span {filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}/* If PaginationNumbers is true */.ootheme .oocontrols .oopp span.oonumbers {height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}/* preloading images */.ooitem.loading {min-height: 150px;background: url(../images/ajaxloader.gif) no-repeat center center}.aside {position: fixed;top: 0;right: 0;width: 40px;height: 100%;z-index: 18;background: url(../images/aside.jpg) center top repeat;box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);}.aside ul {margin-top: 100px;}.aside ul li a {display: block;margin-top: 30px;text-align: center;color: #fff;}.aside ul li img {display: block;text-align: center;margin: 0 auto;}.aside ul li.consulting .img2 {display: none;}.aside ul li.consulting span {display: inline-block;margin: 0 2px;width: 5px;height: 5px;border-radius: 100%;background: #fff;}.aside ul li.consulting span:nth-child(1) {-webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;animation: consulting 0.6s 0.07s infinite ease-in-out;}.aside ul li.consulting span:nth-child(2) {-webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;animation: consulting 0.6s 0.14s infinite ease-in-out;}.aside ul li.consulting span:nth-child(3) {-webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;animation: consulting 0.6s 0.21s infinite ease-in-out;} @keyframes consulting { 33% { -webkit-transform: translateY(5px); transform: translateY(5px);} 66% { -webkit-transform: translateY(-5px); transform: translateY(-5px);} 100% { -webkit-transform: translateY(0); transform: translateY(0);}} @-webkit-keyframes consulting { 33% { -webkit-transform: translateY(5px); transform: translateY(5px);} 66% { -webkit-transform: translateY(-5px); transform: translateY(-5px);} 100% { -webkit-transform: translateY(0); transform: translateY(0);}}.aside ul li.consulting.active {background: #fff;transition: 0.5s all;-webkit-transition: 0.5s all;}.aside ul li.consulting.active a {color: #3F82ED;}.aside ul li.consulting.active span {background: #3F82ED;}.aside ul li.consulting.active .img1 {display: none;}.aside ul li.consulting.active .img2 {display: block;}.consulting_box {width: 250px;height: 100%;background: #fff;overflow: hidden;z-index: 15;position: fixed;top: 0;right: -250px;box-shadow: -2px 0 10px rgba(0, 0, 0, .1);transition: 0.8s all;-webkit-transition: 0.8s all;}.consulting_box .title {background: url(../images/002.png) center top no-repeat;text-align: center;padding: 26px 0 2px 0;color: #fff;}.consulting_box .title_t1 {font-size: 12px;}.consulting_box .title_t2 {font-size: 16px;margin: 5px 0;}.consulting_type {padding: 40px 0;border-bottom: solid 1px #399BEC;}.consulting_type_title {padding-left: 30px;font-size: 16px;color: #333;}.consulting_type ul {margin: 30px 0 20px 0;}.consulting_type ul li a {display: block;height: 40px;line-height: 40px;text-indent: 30px;z-index: 2;position: relative;color: #666;margin: 0;text-align: left;transition: 0.3s all;-webkit-transition: 0.3s all;}.consulting_type ul li a img {margin: 0;display: inline-block;padding-right: 30px;}.consulting_type ul li a .img2 {display: none;}.consulting_type ul li a:before {z-index: -1;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #3c9af2;opacity: 0;-webkit-transform: scale3d(1, 0.1, 1);transform: scale3d(1, 0.1, 1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}.consulting_type ul li a, .consulting_type ul li a:before {-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}.consulting_type ul li a:hover:before {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.consulting_type ul li a:hover {color: #fff;}.consulting_type ul li a:hover .img2 {display: inline-block;}.consulting_type ul li a:hover .img1 {display: none;}.consulting_box .problem {padding-top: 40px;}.consulting_box .problem_title {padding-left: 30px;font-size: 16px;color: #333;}.consulting_box .problem ul {padding: 20px 0 0 30px;}.consulting_box .problem ul li {margin-bottom: 8px;}.consulting_box .problem ul li a {display: inline-block;}.consulting_box .problem ul li span {display: inline-block;width: 3px;height: 3px;border-radius: 100%;background: #3c9af2;margin: 3px 10px 3px 0;animation: none;}.consulting_box .problem ul li a {font-size: 12px;color: #818181;}.consulting_box .problem ul li a:hover {color: #3c9af2;}.consulting_type .time {color: #818181;font-size: 12px;padding-left: 30px;}.consulting_box .close {position: absolute;top: 5px;right: 8px;cursor: pointer;}.consulting_box .close img {transition: 0.4s all;-webkit-transition: 0.4s all;}.consulting_box .close:hover img {transform: rotate(180deg);-webkit-transform: rotate(180deg);}.all_title1 {margin-bottom: 50px;text-align: center;}.all_title1 .title {font-size: 35px;color: #333;}.all_title1 .text {color: #818181;}.all_title2 {margin-bottom: 50px;text-align: center;color: #fff;}.all_title2 .title {font-size: 35px;}.all_button {display: inline-block;background: #0554a7;border: solid 1px #0554a7;color: #fff;padding: 6px 30px;border-radius: 3px;overflow: hidden;}.all_button:hover {background: #fff;background: transparent;color: #0554a7;}.header {height: 80px;line-height: 80px;position: fixed;width: 100%;top: 0;z-index: 11;transition: 0.4s all;-webkit-transition: 0.4s all;}.header .logo {margin-left: 0px;}.header .header_menu ul {text-align: center;}.header .header_menu ul li {display: inline-block;padding-top: 2px\0;}.header .header_menu ul li a {display: block;padding: 0 21px;color: #fff;border-top: solid 2px rgba(0, 0, 0, 0);font-size: 14px;}.header .header_menu ul li a:hover, .header .header_menu ul li a.active {border-top: solid 2px #fff;opacity: 1;filter: alpha(opacity=100);}.header .login {float: right;background: rgba(255, 255, 255, .1);margin: 20px 50px 0 0;height: 36px;line-height: 36px;font-size: 12px;}.header .login span {color: #fff;}.header .header_avatar {width: 30px;border-radius: 50%;height: 30px;overflow: hidden;display: block;float: left;margin-top: 3px;margin-left: 5px;}.header .header_avatar img {display: block;max-width: 100%;}.header .login a {padding: 0 10px 0 10px;color: #fff;}.header .md-show {display: none;}.header_scroll {transition: 0.4s all;-webkit-transition: 0.4s all;background-color: #0554a7;}.header .mobileMenuBtn {position: fixed;right: 20px;top: 18px;width: 32px;text-align: center;cursor: pointer;z-index: 100;display: none;transition: 0.4s all;-webkit-transition: 0.4s all;}.header .mobileMenuBtn.active {right: 220px;}.header .mobileMenuBtn span {display: block;width: 100%;height: 3px;background: #fff;margin-bottom: 8px;transition: 0.3s all;-webkit-transition: 0.3s all;}.header .mobileMenuBtn span:last-child {margin: 0;}.header .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child {transform-origin: 100% 50%;-webkit-transform-origin: 100% 50%;transform: rotate(0);-webkit-transform: rotate(0);}.header .mobileMenuBtn.active span:first-child {transform: rotate(-43deg);-webkit-transform: rotate(-43deg);}.header .mobileMenuBtn.active span:last-child {transform: rotate(43deg);-webkit-transform: rotate(43deg);}.header .mobileMenuBtn span:nth-child(2) {transform: translateX(0);-webkit-transform: translateX(0);}.header .mobileMenuBtn.active span:nth-child(2) {transform: translateX(80px);-webkit-transform: translateX(80px);opacity: 0;}.banner {overflow: hidden;text-align: center;z-index: 10;position: relative;background: rgba(0, 0, 0, 0);background-image: url(../images/banner.jpg);height: 688px;background-color: rgba;background-position: center;}.mpp {width: 100%;height: 888px;overflow: hidden;margin: 0 auto;position: absolute;top: 0;z-index: -1;}.anitOut {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}.bbtitle {color: #fff;font-size: 46px;padding-top: 200px;}.bbtitle0 {color: #fff;font-size: 28px;padding-top: 200px;}.bbtext {text-align: center;color: #FFFFFF;padding-right: 20px;padding-left: 20px;line-height: 2;}.bbbutton {margin-top: 20px;}.bbjianjie {margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}.bbbutton a {display: inline-block;margin: 0 10px;padding: 5px 30px;border: solid 1px #fff;color: #fff;}.bbbutton a:hover, .bbbutton a.active {background: #fff;color: #3ca0f3;}.banner .oopagination {margin-top: 150px;}.banner .ootheme .oocontrols .oopp {display: inline-block;zoom: 1; *display: inline;/*IE7 life-saver */}.banner .ootheme .oocontrols .oopp span {display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #fff;overflow: hidden;border: 1px #fff solid;transition: all .3s;}.banner .ootheme .oocontrols .oopp.active span, .banner .ootheme .oocontrols.clickable .oopp:hover span {filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;background: none;}.banner .oobuttons {display: none}.banner .ooprev, .banner .oonext {width: 39px;height: 39px;border-radius: 100%;opacity: 0.5;transition: 0.3s all;-webkit-transition: 0.3s all;margin-top: -100px;display: none;}.banner .ooprev {margin-left: 40px;float: left;background: #fff url(../images/icon_prev2_1.png) center no-repeat;display: none;}.banner .oonext {margin-right: 40px;float: right;background: #fff url(../images/icon_next2_1.png) center no-repeat;display: none;}.index_product {padding: 100px 0;background: #fff;}.index_product_content {margin-left: -10px;}.index_product_list {display: block;margin: 0 0 10px 10px;position: relative;overflow: hidden;}.index_product_list:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.4);content: '';-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;-webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);}.index_product_list:hover:before {-webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);}.index_product_list .list_backimg {padding: 20px 0;text-align: center;}.index_product_list .list_backimg1 {background: url(../images/002.png) center repeat;}.index_product_list .list_backimg2 {background: url(../images/003.png) center repeat;}.index_product_list .list_backimg3 {background: url(../images/004.png) center repeat;}.index_product_list .list_backimg4 {background: url(../images/005.png) center repeat;}.index_product_list .list_backimg5 {background: url(../images/006.png) center repeat;}.index_product_list .list_backimg6 {background: url(../images/007.png) center repeat;}.index_product_list .list_txt {color: #fff;margin-top: 10px;}.index_product_list .list_title {font-size: 16px;}.index_product_list .list_text {font-size: 12px;}.pp_advantage {background: #fff url(../images/01411.jpg) center top repeat-x;position: relative;overflow: hidden;padding-top: 50px;padding-right: 0;padding-bottom: 50px;padding-left: 0;}.pp_advantage_content {margin-left: -100px;overflow: hidden;}.pp_advantage_list {display: block;overflow: hidden;margin: 0 0 60px 100px;}.pp_advantage_img {float: left;}.pp_advantage_brief {float: left;color: #fff;padding-left: 50px;}.pp_advantage_brief .brief_title {font-size: 18px;}.pp_advantage_brief .brief_text {height: 40px;line-height: 20px;overflow: hidden;}.waves_box canvas {height: 150px !important;width: 100% !important;margin-bottom: 30px;}.response_shows .response_shows_box {padding: 0 0 100px;position: relative;display: inline-block;width: 100%;}.response_shows .response_shows_box img {width: 100%;}.response_shows .response_shows_width {position: relative;}.response_shows .response_shows_box .pic {overflow: hidden;position: absolute;float: none;top: 0px;right: 0px;bottom: 0px;left: 0px;}.response_shows .response_shows_box .pc {position: relative;margin-top: -2%;max-width: 75%;width: 100%;}.response_shows .response_shows_box .pc .pic {top: 2.5%;bottom: 20%;left: 2.22%;right: 1.5%;}.response_shows .response_shows_box .pad {position: absolute;bottom: 2%;right: 0px;max-width: 40%;width: 100%;}.response_shows .response_shows_box .pad .pic {top: 3%;bottom: 6%;left: 2%;right: 1.6%;overflow: hidden;}.response_shows .response_shows_box .phone {position: absolute;bottom: 0;right: 38%;max-width: 15%;width: 100%;}.response_shows .response_shows_box .phone .pic {top: 8%;bottom: 10.5%;left: 5%;right: 5%;}.response_shows .response_shows_box .item {width: 100%;height: 101%;position: relative;float: left;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}.response_shows .response_shows_box .thumb {width: 120px;position: absolute;left: 50%;margin-left: -60px;bottom: -15%;}.response_shows .response_shows_box .thumb span {width: 25px;height: 25px;position: relative;float: left;border-radius: 100%;cursor: pointer;margin: 0 0 0 10px;}.response_shows .response_shows_box .thumb span:before {content: '';width: 12px;height: 12px;position: absolute;top: 5px;left: 5px;border-radius: 100%;border: solid 1px #2D9EDD;background: #fff;z-index: 1;transition: 0.5s all;-webkit-transition: 0.5s all;}.response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before {background: #2D9EDD;}.pp_advantage_bg {position: relative;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 0;}.pp_advantage_bg_z {position: relative;bottom: 0;left: 0;width: 100%;height: 100%;}.pp_advantage_bg li {position: absolute;display: block;width: 40px;height: 40px;background: rgba(255, 255, 255, .15);bottom: -160px;-webkit-animation: square 28s infinite;animation: square 28s infinite;-webkit-transition-timing-function: linear;transition-timing-function: linear}.pp_advantage_bg_z li {position: absolute;display: block;width: 40px;height: 40px;background: rgba(255, 255, 255, .15);bottom: -300px;-webkit-animation: square_z 22s infinite;animation: square_z 22s infinite;-webkit-transition-timing-function: linear;transition-timing-function: linear}.pp_advantage_bg li:nth-child(1), .pp_advantage_bg_z li:nth-child(1) {left: 10%}.pp_advantage_bg li:nth-child(2), .pp_advantage_bg_z li:nth-child(2) {left: 20%;width: 80px;height: 80px;-webkit-animation-delay: 200ms;animation-delay: 200ms;-webkit-animation-duration: 17s;animation-duration: 17s}.pp_advantage_bg li:nth-child(3), .pp_advantage_bg_z li:nth-child(3) {left: 25%;-webkit-animation-delay: 400ms;animation-delay: 400ms}.pp_advantage_bg li:nth-child(4), .pp_advantage_bg_z li:nth-child(4) {left: 40%;width: 60px;height: 60px;-webkit-animation-duration: 10s;animation-duration: 10s;background-color: rgba(255, 255, 255, .25)}.pp_advantage_bg li:nth-child(5), .pp_advantage_bg_z li:nth-child(5) {left: 70%}.pp_advantage_bg li:nth-child(6), .pp_advantage_bg_z li:nth-child(6) {left: 80%;width: 120px;height: 120px;-webkit-animation-delay: 3s;animation-delay: 3s;background-color: rgba(255, 255, 255, .2)}.pp_advantage_bg li:nth-child(7), .pp_advantage_bg_z li:nth-child(7) {left: 32%;width: 100px;height: 100px;-webkit-animation-delay: 7s;animation-delay: 7s}.pp_advantage_bg li:nth-child(8), .pp_advantage_bg_z li:nth-child(8) {left: 55%;width: 20px;height: 20px;-webkit-animation-delay: 15s;animation-delay: 15s;-webkit-animation-duration: 40s;animation-duration: 40s}.pp_advantage_bg li:nth-child(9), .pp_advantage_bg_z li:nth-child(9) {left: 25%;width: 10px;height: 10px;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 40s;animation-duration: 40s;background-color: rgba(255, 255, 255, .3)}.pp_advantage_bg li:nth-child(10), .pp_advantage_bg_z li:nth-child(9) {left: 90%;width: 120px;height: 120px;-webkit-animation-delay: 11s;animation-delay: 11s} @-webkit-keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0)} 100% { -webkit-transform: translateY(-1700px)rotate(600deg); transform: translateY(-1700px)rotate(600deg)}} @keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0)} 100% { -webkit-transform: translateY(-1700px)rotate(600deg); transform: translateY(-1700px)rotate(600deg)}} @-webkit-keyframes square_z { 0% { -webkit-transform: translateY(0); transform: translateY(0)} 100% { -webkit-transform: translateY(-700px)rotate(500deg); transform: translateY(-700px)rotate(500deg)}} @keyframes square_z { 0% { -webkit-transform: translateY(0); transform: translateY(0)} 100% { -webkit-transform: translateY(-700px)rotate(500deg); transform: translateY(-700px)rotate(500deg)}}.marketing_advantage {padding: 50px 0;background: url(../images/0181.jpg) center top repeat;}.marketing_advantage_content {margin-left: -15px;}.marketing_advantage_list {position: relative;margin: 0 0 15px 15px;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transition: 0.3s all;-webkit-transition: 0.3s all;overflow: hidden;}.marketing_advantage_brief {position: absolute;top: 30%;padding: 0 40px;}.marketing_advantage_brief .brief_title {font-size: 16px;color: #606060;margin-bottom: 10px;}.marketing_advantage_brief .brief_title span {margin-left: 15px;}.marketing_advantage_brief .brief_text {font-size: 12px;color: #a5a5a5;line-height: 1.6;transition: 0.3s all;-webkit-transition: 0.3s all;}.marketing_advantage_list:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}.marketing_advantage_list:hover .brief_text {color: #333;}.partners {padding: 50px 0;}.partners_content {text-align: center;}.partners_content_list {display: inline-block;margin: 20px 10px;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transition: 0.3s all;-webkit-transition: 0.3s all;}.partners_content_list:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}.join_in {padding: 100px 0;background: url(../images/033.jpg) center top repeat;text-align: center;}.join_in_title {font-size: 36px;color: #fff;}.join_in_title span {color: #31b5ff;}.join_in_text {color: #e3e3e3;font-size: 18px;margin: 15px 0 50px 0;}.join_in_button {padding: 8px 60px;}.nnnncenter {padding: 50px 0;}.nnnncenter_list_title {font-size: 16px;color: #333;margin: 25px 0;}.nnnncenter_content {margin-left: -60px;}.nnnncenter_list {margin-left: 60px;}.nnnncenter_list_img {overflow: hidden;}.nnnncenter_list_img img {width: 100%;transition: 0.3s all;-webkit-transition: 0.3s all;}.nnnncenter_list_img:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);}.nnnncenter_content ul li a {display: block;color: #767676;font-size: 12px;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: url(../images/056.png) left center no-repeat;padding: 3px 0 3px 15px;transition: 0.2s all;-webkit-transition: 0.2s all;}.nnnncenter_content ul li a .text {float: left;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.nnnncenter_content ul li a .time {float: right;width: 20%;text-align: right;}.nnnncenter_content ul li a:hover {color: #333;text-indent: 5px;}.footer {background: url(../images/0371.jpg) center top repeat;}.footer_content {overflow: hidden;margin-left: -70px;padding-top: 50px;padding-right: 0;padding-bottom: 40px;padding-left: 0;}.footer_list {margin-left: 70px;}.quick_navigation_title, .footer_link_title, .footer_cotact_title {color: #ffffff;font-size: 18px;margin-bottom: 5px;margin-top: 20px;text-align: left;}.footer_list .footer_cotact ul li img {width: 11rem;height: 11rem;}.text_align {text-align: center;}.lianxi {color: #D9D9DA;font-size: 30px;text-align: center;}.quick_navigation {padding-left: 50px;}.quick_navigation ul li a {display: block;margin-bottom: 10px;color: #8A8A8A;font-size: 13px;}.quick_navigation ul li a:hover {color: #fff;}.footer_link ul li {float: left;}.footer_link ul li a {display: block;margin: 0 1px 1px 0;background: #292929;color: #8A8A8A;font-size: 13px;padding: 5px 16px;}.footer_link ul li a:hover {color: #fff;background: #222;}.footer_cotact {color: #ffffff;font-size: 13px;}.footer_cotact .footer_cotact_type {width: 22%;display: block;float: left;}.footer_cotact .footer_cotact_content {width: 90%;display: block;float: left;}.footer_cotact ul li {margin-bottom: 10px;overflow: hidden;}.footer_cotact ul li a {color: #ffffff;}.footer .copyright {text-align: center;padding: 8px 10px;color: #838383;background: #ffffff;font-size: 12px;}.footer .copyright a{ color:#ffffff}.z_banner {background: url(../images/0555.jpg) center top repeat;text-align: center;padding: 170px 0;overflow: hidden;}.support_z_banner {padding: 150px 0 70px 0;}.z_bbtitle {font-size: 34px;color: #fff;margin-bottom: 10px;}.z_bbtext {font-size: 16px;color: #aedaff;}.ccaaaashow_content {margin: 50px 0;border-bottom: solid 1px #F7F7F7;overflow: hidden;}.ccaaaashow_list {overflow: hidden;padding-top: 50px;border-top: solid 1px #F7F7F7;}.ccaaaashow_brief_title {color: #333;font-size: 16px;}.ccaaaashow_brief_title span {color: #8a8a8a;}.ccaaaashow_brief_text {color: #8a8a8a;margin: 20px 60px 30px 0;line-height: 1.8;}.ccaaaashow_brief_button .all_button {padding: 8px 50px;}.ccaaaashow_more {padding: 50px 0;text-align: center;}.ccaaaashow_more .all_button {padding: 8px 50px;}.know_more {text-align: center;padding-top: 20px;padding-right: 0;padding-bottom: 50px;padding-left: 0;}.know_more_text {font-size: 16px;color: #818181;margin-bottom: 20px;}.know_more .all_button {margin: 0 15px;}.z_bbinput {position: relative;width: 100%;max-width: 800px;margin: 50px auto 20px auto;}.z_bbinput input {background: #2A6EAA;color: #829BC4;border: solid 1px #78ADF4;width: 100%;height: 50px;line-height: 50px;border-radius: 3px;text-indent: 20px;}.z_bbinput img {position: absolute;top: 10px;right: 20px;cursor: pointer;}.hot_search {width: 100%;max-width: 800px;margin: 0 auto;}.hot_search ul li {float: left;color: #C2D6F9;margin-right: 20px;}.hot_search ul li a {color: #A3BBE0;}.hot_search ul li a:hover {color: #C2D6F9;}.support_type {margin: 50px 0;}.support_type_content {margin-left: -50px;}.support_type_list {display: block;border: solid 1px #F2F2F2;text-align: center;padding: 10px 0;color: #7b7b7b;margin-left: 50px;position: relative;overflow: hidden;z-index: 1;}.support_type_list.active {color: #fff;background: #3DA6F7;border: solid 1px #3DA6F7;}.support_type_list.normal:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);width: 0;height: 100%;background: #3DA6F7;transition: 0.3s all;-webkit-transition: 0.3s all;z-index: -1;}.support_type_list.normal:hover:before {width: 100%;}.support_type_list.normal:hover {color: #fff;background: #3DA6F7;background: rgba(0, 0, 0, 0);border: solid 1px #3DA6F7;border: solid 1px rgba(0, 0, 0, 0);}.technical_support {background: #F5F7F9;overflow: hidden;padding: 30px 0;}.technical_support_content {overflow: hidden;margin-left: -30px;}.technical_support_list {margin-left: 30px;overflow: hidden;}.technical_support_type {background: #fff;}.technical_support_type .title {background: url(../images/074.png) center no-repeat;color: #fff;font-size: 16px;text-indent: 35px;padding: 15px 0;position: relative;}.technical_support_type .title span {position: absolute;top: 13px;right: 20px;display: none;}.technical_support_type .title span img {transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: 0.4s all;-webkit-transition: 0.4s all;}.technical_support_type .title span.active img {transform: rotate(90deg);-webkit-transform: rotate(90deg);}.technical_support_type ul li {position: relative;z-index: 1;}.technical_support_type ul li:before {content: "";position: absolute;top: 50%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);width: 0;height: 100%;background: #fafafa;transition: 0.3s all;-webkit-transition: 0.3s all;z-index: -1;}.technical_support_type ul li a {display: block;color: #4e4e4e;padding: 15px 0;margin: 0 10px;border-bottom: solid 1px #F7F7F7;text-indent: 25px;}.technical_support_type ul li:last-child a, .technical_support_type ul li:hover:last-child a {border: none;}.technical_support_type ul li:hover:before {width: 100%;}.technical_support_type ul li:hover a {background: #3DA6F7;background: rgba(0, 0, 0, 0);border-bottom: solid 1px #3DA6F7;}.technical_support_type ul li:first-child.active {border-top: none;}.technical_support_type ul li.active {background: #3DA6F7;border-bottom: solid 1px #fff;border-top: solid 1px #fff;}.technical_support_type ul li.active a {color: #fff;border-bottom: solid 1px #3DA6F7;}.technical_support_type ul li.active:hover:before {display: none;}.technical_support_box {background: #fff;padding-top: 20px;padding-right: 20px;padding-bottom: 30px;padding-left: 20px;}.technical_support_box .title {font-size: 16px;color: #4e4e4e;text-indent: 10px;}.technical_support_box .left {float: left;}.technical_support_box .right {float: left;}.technical_support_box .right1 {font-size: 18px;line-height: 36px;font-weight: bold;}.technical_support_box .right2 {font-size: 14px;line-height: 24px;color: #999999;}.technical_support_box ul {border-top: solid 1px #F7F7F7;margin-top: 15px;margin-right: 0;margin-bottom: 15px;margin-left: 0;padding-top: 0px;padding-right: 0;padding-bottom: 10px;padding-left: 0;}.technical_support_box ul li a {display: block;overflow: hidden;color: #4e4e4e;position: relative;z-index: 1;padding: 10px;font-size: 16px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F1F1F1;}.technical_support_box ul li a:before {z-index: -1;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #FAFAFA;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale3d(1, 0.1, 1);transform: scale3d(1, 0.1, 1);-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;transition: transform 0.5s, opacity 0.5s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}.technical_support_box ul li a, .technical_support_box ul li a:before {-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}.technical_support_box ul li a:hover:before {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.technical_support_box ul li a:hover {color: #333;}.technical_support_box ul li a .text {float: left;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.technical_support_box ul li a .time {float: right;width: 15%;text-align: right;}.technical_support_pp {padding: 0 20px 30px 20px;overflow: hidden;background: #fff;}.technical_support_pp ul li {float: left;}.technical_support_pp ul li a {display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;border: solid 1px #D1D1D1;border-radius: 3px;color: #c1c1c1;margin-right: 15px;}.technical_support_pp ul li a.active, .technical_support_pp ul li a:hover {background: #3c9af2;color: #fff;border: solid 1px #3c9af2;}.technical_support_pp ul li a.disable {cursor: not-allowed;}.technical_support_pp ul li a.disable:hover {color: #c1c1c1;background: #fff;border: solid 1px #D1D1D1;}.technical_support_box_z {background: #fff;padding: 30px;font-size: 16px;line-height: 32px;}.technical_support_box_z_header .title {color: #4E4E4E;font-size: 24px;}.technical_support_box_z_header ul {overflow: hidden;margin-top: 10px;}.technical_support_box_z_header ul li {float: left;font-size: 12px;color: #989898;margin-right: 20px;}.technical_support_box_z_info_box {border-top: solid 1px #F7F7F7;border-bottom: solid 1px #F7F7F7;margin: 30px 0;padding: 30px 0;font-size: 16px;line-height: 32px;}.technical_support_box_z_info_box1 {background-position: center;}.technical_support_box_z_info_box_shangxia { border-top:1px solid #eee; border-bottom:1px solid #eee; margin:20px 0; padding:20px 0}.technical_support_box_z_info img {max-width: 100%;height: auto !important;}.technical_support_pp_z {background: #fff;overflow: hidden;padding: 0 30px 30px 30px;}.technical_support_pp_z a {display: inline-block;padding: 8px 45px;background: #fff;border: solid 1px #F7F7F7;color: #9a9a9a;border-radius: 3px;}.technical_support_pp_z a.active, .technical_support_pp_z a:hover {background: #3F98F2;color: #fff;border: solid 1px #3F98F2;}.technical_support_pp_z a.pp_next {float: right;}.template_search {text-align: center;margin: 50px 0;overflow: hidden;}.template_search_select {display: inline-block;margin: 0 30px;}.template_search_select select {color: #adadad;width: 280px;height: 40px;text-indent: 15px;border: solid 1px #F0F0F0;border-radius: 3px;cursor: pointer;}.template_search_select option {color: #adadad;}.template_search_button {display: inline-block;margin: 0 30px;}.template_search_button .all_button {display: initial;}.template_show_content {position: relative;overflow: hidden;}.template_show_content:before {content: "";width: 1px;height: 100%;position: absolute;top: 0;left: 50%;background: #F7F7F7;}.template_show_list_box {border-bottom: solid 1px #F7F7F7;}.template_show_list {width: 96%;max-width: 540px;margin: 0 auto;padding: 80px 0;}.template_show_list_text {margin: 25px 0;overflow: hidden;}.template_show_list_text ul li {float: left;margin-right: 30px;color: #9a9a9a;}.template_show_list_text ul li span {color: #636363;}.template_show_list_button a:last-child {float: right;}.template_show_list_button .all_button {padding: 8px 40px;}.template_show .know_more {border-top: solid 1px #F7F7F7;}.introduce {padding: 100px 0;}.introduce_content {overflow: hidden;}.introduce_list_brief {margin: 0 50px 20px 0;}.introduce_list_title {font-size: 16px;color: #333;font-weight: 600;margin-bottom: 5px;}.introduce_list_text {color: #969696;}.cloud_platform {padding: 100px 0;background: url(../images/0181.jpg) center top repeat;}.cloud_pp_content {overflow: hidden;margin: 80px 0 80px -30px;}.cloud_pp_list {display: block;margin-left: 30px;background: #fff;text-align: center;padding: 60px 20px;}.cloud_pp_list_title {font-size: 16px;color: #333;}.cloud_pp_list_text {color: #aeaeae;height: 40px;line-height: 20px;overflow: hidden;margin-top: 10px;}.cloud_pp_solution {text-align: center;color: #fff;}.cloud_pp_solution .title {font-size: 24px;}.cloud_pp_solution .text {color: #c0e3ff;margin-top: 10px;}.industry {padding: 100px 0;}.industry_content {margin-top: 50px;overflow: hidden;}.industry_list_img {text-align: center;}.industry_list_left {text-align: right;padding-right: 60px;}.industry_list_rigth {text-align: left;padding-left: 60px;}.industry_list_brief {margin-bottom: 40px;}.industry_list_title {color: #474747;font-size: 18px;margin-bottom: 30px;}.industry_list_brief_title {color: #464646;}.industry_list_brief_text {margin-top: 5px;height: 40px;line-height: 20px;color: #9c9c9c;overflow: hidden;}.advantage_project {padding-top: 100px;background: url(../images/079.jpg) center bottom repeat;}.advantage_project_content {overflow: hidden;margin: 50px 0 0 -30px;}.advantage_project_list {overflow: hidden;margin: 0 0 100px 30px;}.advantage_project_list_brief {padding-left: 10px;color: #fff;}.advantage_project_list_brief .title {font-size: 16px;}.advantage_project_list_brief .text {font-size: 12px;height: 40px;line-height: 20px;overflow: hidden;}.marketing_support {padding: 100px 0;}.marketing_support_content {overflow: hidden;margin-left: -20px;}.marketing_support_list {margin-left: 20px;}.marketing_support_list_brief {margin-top: 30px;}.marketing_support_list_brief .title {color: #383838;font-size: 18px;}.marketing_support_list_brief .text {color: #686868;height: 40px;line-height: 20px;overflow: hidden;}.ppppppp_process {padding: 100px 0;background: #3BA1F2;}.ppppppp_process_line {height: 15px;width: 96%;max-width: 1000px;margin: 0 auto;background: #fff;margin-top: 60px;}.ppppppp_process_content {margin: -55px 0 0 -60px;}.ppppppp_process_list {display: block;text-align: center;margin-left: 60px;}.ppppppp_process_list_top {width: 90px;height: 90px;text-align: center;line-height: 90px;margin: 0 auto;border-radius: 100%;background: #fff;color: #3ba1f2;font-size: 48px;overflow: hidden;position: relative;z-index: 1;}.ppppppp_process_list_top:before {content: "";width: 70px;height: 70px;background: #fff;background: rgba(59, 161, 242, 1);border-radius: 100%;position: absolute;top: 12%;left: 12%;z-index: -1;opacity: 0;transform: scale(0);-webkit-transform: scale(0);transition: 0.4s all;-webkit-transition: 0.4s all;}.ppppppp_process_list_middle {width: 15px;height: 15px;background: #fff;margin: -1px auto 0 auto;}.ppppppp_process_list_bottom {background: #fff;padding: 30px 0;min-height: 90px;border-radius: 5px;}.ppppppp_process_list_bottom .title {color: #3b3b3b;font-size: 18px;margin-bottom: 10px;}.ppppppp_process_list_bottom .text {color: #939393;height: 40px;line-height: 20px;overflow: hidden;}.ppppppp_process_list:hover .ppppppp_process_list_top:before {opacity: 1;transform: scale(1);-webkit-transform: scale(1);}.ppppppp_process_list:hover .ppppppp_process_list_top {color: #3ba1f2;color: rgba(255, 255, 255, 1);}.ppppppp_process_list:hover .ppppppp_process_list_bottom .text {color: #333;}.h82 {height: 82px;padding: 0px;}.pp_num_box {float: right;}.pp_num_box ul li {float: left;}.pp_num_box ul li a {display: block;border: solid 1px #E9E9E9;padding: 3px 0;width: 25px;text-align: center;font-size: 12px;}.pp_num_box ul li a:hover, .pp_num_box ul .pp_num_active {background: #008BD6;color: #fff;border: solid 1px #008BD6;}.nnnnbanner {padding: 40px 0;}/**  Author:�Ƽѱ�(Jabo)*  Time: 2016/07/19*  Dec: ������ҳ������ʽ*//*ͷ���˵����һ��li*//*.header .header_menu ul li:last-child {    display:none;}*//*Ϊ����IE��ʹ��*/.header .header_menu ul .nav-last-li {display: none;} @media screen and (max-width: 1199px) {.header .header_menu ul li:last-child {display: block;line-height: 40px;border-bottom: 1px solid #378fdd;}.header .header_menu ul li:last-child a {display: inline;padding: 0 20px;border: none;}.header .header_menu ul li:last-child span {color: #fff;filter: alpha(opacity=20); /* IE ͸����20% */opacity: 0.8;}.header .header_menu ul li:last-child a:hover {border: none;}}/** * AUTHOR:�Ƽѱ�(Jabo) * TIME:2016/07/25 * DESC:��վ���� * */.template_show_list_button .all_button {padding: 6px 30px;}.template_show_list_button .all_button:first-child {float: right;margin-left: 25px;}.template_show_list {width: 82%;/*	padding: 80px 0;*//*padding-right: 10px;*/}.template_show-container {background: #F5F5F5;height: 100%;padding: 10px 10px 68px 10px;}.template_show_list_text {position: absolute;margin: 22px 0 12px 0;}.template_show_list_pic img {background: transparent;background-color: rgba(0, 0, 0, 0);}.template_show_list_pic {position: relative;}.template_show_list_pic .front-model {/*position: relative;*/}.template_show_list_pic .front-img {position: absolute;transition: all 0.3s;}.template_show_list_pic .front-img:hover {opacity: 0;filter: Alpha(opacity=0);}.template_show_list_button {margin-top: 28px;}.template_show_list_text h3 {color: #636363;padding-bottom: 3px;}.template_show_list_text p {color: #9A9A9A;}.web_tip {margin: 76px 0 36px;text-align: center;position: relative;}.web_tip:before {content: "";position: absolute;top: 12px;left: 0;right: 0;width: 80%;max-width: 600px;margin: 0 auto;border-bottom: 1px solid #eee;}.web_tip h4 {font-size: 16px;position: relative;display: inline-block;background-color: #fff;padding: 0 30px;z-index: 1;}.web_tip .create_web {margin-top: 18px;}.web_tip a {display: inline-block;padding: 6px 30px;background: #3B9EF3;border-radius: 3px;color: #fff;border: solid 1px #0554a7;transition: all 0.3s;}.web_tip a:hover {background: transparent;color: #0554a7;} @media only screen and (max-width: 1110px) {.web_tip h4 {padding: 0 26px;}.template_show_list_text {position: relative;margin: 22px 0 12px 0;text-align: center;}.template_show_list_button {margin-top: 12px;text-align: center;}.template_show_list_button .all_button:first-child {float: none;margin-left: 0;}.template_show_list_button a:last-child {float: none;}.template_show-container {padding: 10px 10px 18px 10px;}.web_tip {margin: 50px 0 26px;}} @media only screen and (min-width: 420px) and (max-width: 770px) {.web_tip h4 {padding: 0 20px;}.web_tip {margin: 40px 0 16px;}.template_show_list_button .all_button:first-child {margin-left: 0;}} @media only screen and (max-width: 420px) {.web_tip h4 {padding: 0 15px;}.web_tip {margin: 40px 0 6px;}.template_show_list {padding: 30px 0 !important;}} @media only screen and (max-width: 322px) {.web_tip:before {display: none;}}/* * @Autor:Jabo(�Ƽѱ�) * Time:2016/09/07 * Desc:�������� */.support_type_content .kzf-mod-center {position: relative;left: 50%;-webkit-transform: translateX(-25%);-moz-transform: translateX(-25%);-ms-transform: translateX(-25%);transform: translateX(-25%);}.kzf-mod-new-container {margin-bottom: 95px;}.kzf-mod-new-container .container {max-width: 900px;}.kzf-mod-new-container .kzf-mod-new-li {position: relative;overflow: hidden;padding: 10px 0;margin: 4px 0;}.kzf-mod-new-container .kzf-mod-new-li:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 0;background: #3DA6F7;z-index: -1;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-new-container .kzf-mod-new-li:hover:after {right: 0;width: 100%;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {padding: 6px 0;border-right: 1px solid #eee;text-align: center;color: #ccc;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-time-box {color: #fff;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {padding: 12px 40px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {font-size: 36px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {font-size: 14px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {position: relative;font-size: 16px;color: #767676;line-height: 24px;padding-bottom: 12px;text-indent: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title:before {content: "";position: absolute;top: 6px;left: 0;border: 7px solid;border-color: transparent transparent transparent #afafaf;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {font-size: 14x;color: #b2b2b2;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title {color: #fff;}.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-text {color: #fff;}.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title:before {border-left-color: #fff;}.kzf-mod-new-container .kzf-mod-new-btn-more {text-align: center;padding: 55px 0;}.kzf-mod-new-container .kzf-mod-new-btn-more a {padding: 10px 40px;border-radius: 3px;color: #fff;background-color: #3b9ef3;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-new-container .kzf-mod-new-btn-more a:hover {color: #3b9ef3;border: 1px solid #3b9ef3;background-color: #fff;} @media only screen and (max-width: 1199px) {.kzf-mod-new-container {margin-bottom: 60px;}.kzf-mod-new-container .kzf-mod-new-btn-more {padding: 25px 0;}} @media only screen and (max-width: 960px) {.kzf-mod-new-container {margin-bottom: 40px;}.kzf-mod-new-container .kzf-mod-new-btn-more {padding: 15px 0;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {padding: 6px 0;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {font-size: 38px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {padding-bottom: 22px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {padding: 6px 20px;}.kzf-mod-new-container .kzf-mod-new-li {padding: 14px 0;}} @media only screen and (max-width: 767px) {.kzf-mod-new-container {margin-bottom: 25px;}.kzf-mod-new-container .kzf-mod-new-btn-more {padding: 15px 0;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {padding: 3px 0;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {font-size: 24px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {padding-bottom: 12px;line-height: 19px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {padding: 3px 10px;}.kzf-mod-new-container .kzf-mod-new-li {padding: 4px 0;}} @media only screen and (max-width: 479px) {.kzf-mod-new-container {margin-bottom: 25px;}.kzf-mod-new-container .kzf-mod-new-btn-more {padding: 10px 0;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {font-size: 14px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {font-size: 12px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {padding-bottom: 2px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {padding: 0 10px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {font-size: 14px;}.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {font-size: 12px;}.kzf-mod-new-container .kzf-mod-new-li {padding: 4px 0;}.support_type_content .kzf-mod-center {position: relative;left: 0;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}}/* * @Autor:Jabo(�Ƽѱ�) * Time:2016/09/12 * Desc:������� */.kzf-mod-case-container {padding: 50px 0;}.kzf-mod-so-title-box {text-align: center;margin-top: 0px;margin-right: 0;margin-bottom: 56px;margin-left: 0;}.kzf-so-title {margin-bottom: 10px;font-size: 36px;}.kzf-so-text {color: #818181;}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box {margin-left: -30px;text-align: center;}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {margin: 0 0 60px 30px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-pic {-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap:hover .kzf-mod-pic {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title {color: #818181;font-size: 14px;line-height: 28px;text-align: left;}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title1 {color: #666666;font-size: 18px;line-height: 36px;text-align: left;}.kzf-mod-link-container {padding: 76px 6px 110px;background: url(../images/so-link-bg.png) no-repeat;background-size: cover;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {margin: 0 0 30px -26px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;overflow: hidden;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div a {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;width: 100%;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {padding: 20px 3px;margin: 0 0 3px 26px;width: 100%;text-align: center;background-color: rgba(180, 180, 180, .2);}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {margin-bottom: 20px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {color: #fff;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {margin-left: -15px;/*QQ����*/display: none;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {margin-left: 15px;margin-bottom: 1px;padding: 12px 3px;text-align: center;color: #fff;background-color: rgba(180, 180, 180, .2);}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {margin-right: 10px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {vertical-align: middle;font-size: 16px;} @media screen and (max-width: 967px) {.kzf-so-title {font-size: 30px;}.kzf-mod-case-container {padding: 50px 0;}.kzf-mod-so-title-box {margin: 25px 0 45px;}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {margin: 0 0 55px 30px;}.kzf-mod-link-container {padding: 50px 6px 82px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {margin: 0 0 30px -16px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {margin: 0 0 3px 16px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {font-size: 14px;}} @media screen and (max-width: 767px) {.kzf-mod-case-container {padding: 40px 0;}.kzf-mod-so-title-box {margin: 25px 0 30px;}.kzf-so-title {margin-bottom: 3px;font-size: 26px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {margin: 0 0 1px 5px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {margin: 0 0 10px -5px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {margin-left: -5px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {margin-left: 5px;}} @media screen and (max-width: 479px) {.kzf-mod-case-container {padding: 15px 0;}.kzf-mod-so-title-box {margin: 15px 0 30px;}.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {margin: 0 0 30px 30px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {margin: 0 0 5px -5px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {margin-bottom: 10px;}.kzf-mod-link-container {padding: 15px 6px 35px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {padding: 10px 3px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {font-size: 12px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {margin-left: -3px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {margin-left: 3px;margin-bottom: 1px;padding: 6px 2px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {margin-right: 3px;}.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {font-size: 12px;}}/* * @Autor:����Ⱥ * Time:2016/09/12 * Desc:��Ʒ�ͷ��� */.kzf-mod-product {text-align: center;padding-top: 50px;padding-right: 0;padding-bottom: 50px;padding-left: 0;}.kzf-mod-product-title {font-size: 36px;}.kzf-mod-product-brief {color: #818181;margin-top: 20px;margin-right: 0;margin-bottom: 20px;margin-left: 0;}.kzf-mod-product-list-title {color: #333;font-size: 18px;margin: 25px 0 10px 0;}.kzf-mod-product-list p {line-height: 2;color: #818181;transition: 0.3s all;-webkit-transition: 0.3s all;padding-left: 10px;padding-right: 20px;}.kzf-mod-product-list img {transition: 0.3s all;-webkit-transition: 0.3s all;position: relative;top: 0;}.kzf-mod-product-list:hover img {top: 5px;}.kzf-mod-product-list:hover p {color: #444;} @media only screen and (max-width: 967px) {.kzf-mod-product {padding: 60px 0;}.kzf-mod-product-title {font-size: 30px;}.kzf-mod-product-brief {margin: 20px 0 20px 0;}.kzf-mod-product-list-title {font-size: 16px;margin: 20px 0 10px 5px;}.kzf-mod-product-list p {line-height: 1.8;}} @media only screen and (max-width: 767px) {.kzf-mod-product {padding: 40px 0 0 0;}.kzf-mod-product-title {font-size: 26px;}.kzf-mod-product-brief {margin: 15px 0 25px 0;}.kzf-mod-product-list {margin-bottom: 20px;}.kzf-mod-product-list-title {font-size: 16px;margin: 20px 0 10px 0;}.kzf-mod-product-list p {line-height: 1.8;}}.kzf-mod-custom {padding: 90px 0;text-align: center;background: #11121C;}.kzf-mod-custom-title {font-size: 36px;color: #3c94f1;}.kzf-mod-custom-brief {color: #818181;margin: 20px 0 55px 0;}.kzf-mod-custom-content {overflow: hidden;}.kzf-mod-custom-list {width: 14.2%;float: left;}.kzf-mod-custom-list img {transition: 0.3s all;-webkit-transition: 0.3s all;position: relative;top: 0;}.kzf-mod-custom-list-title {color: #fff;font-size: 18px;margin: 25px 0 10px 0;}.kzf-mod-custom-list p {line-height: 2;color: #818181;padding: 0 15px;transition: 0.3s all;-webkit-transition: 0.3s all;}.kzf-mod-custom-list:hover img {top: 5px;}.kzf-mod-custom-list:hover p {color: #FAFAFA;} @media only screen and (max-width: 967px) {.kzf-mod-custom {padding: 60px 0 20px 0;}.kzf-mod-custom-title {font-size: 30px;}.kzf-mod-custom-brief {margin: 20px 0 40px 0;}.kzf-mod-custom-list {width: 25%;margin-bottom: 40px;}.kzf-mod-custom-list-title {font-size: 16px;margin: 20px 0 10px 0;}.kzf-mod-custom-list p {line-height: 1.8;}} @media only screen and (max-width: 767px) {.kzf-mod-custom {padding: 40px 0 0 0;}.kzf-mod-custom-title {font-size: 26px;}.kzf-mod-custom-brief {margin: 15px 0 25px 0;}.kzf-mod-custom-list {margin-bottom: 40px;}.kzf-mod-custom-list-title {font-size: 16px;margin: 20px 0 10px 0;}.kzf-mod-custom-list p {line-height: 1.8;}} @media only screen and (max-width: 479px) {.kzf-mod-custom-list {width: 33.333%;}.kzf-mod-custom-list img {width: 100px;}.kzf-mod-custom-list p {padding: 0 10px;font-size: 12px;}.kzf-mod-custom-list-last {float: none;animation-delay: inherit;visibility: visible;animation-name: inherit;-webkit-animation-fill-mode: inherit;animation-fill-mode: initial;margin-left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}}.ppss {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}.ppss ul li {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}.ppss ul li:hover {background: #3b9ef3;color: #fff;border: 1px solid #3b9ef3}.ppss ul li:hover a {color: #fff;}.ppss ul li.thisclass {display: inline-block;border: 1px solid #3b9ef3;padding: 2px 9px;margin: 0 3px;background: #3b9ef3;color: #fff;}.ppss ul li.thisclass a {color: #fff;}.ppss ul li a {display: block;color: #999}.ppss ul li a:hover {color: #fff;}/*底部固定工具条*/#tool {position: fixed;bottom: 0;left: 0;right: 0;z-index: 900;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}ul.toollist {position: fixed;z-index: 900;bottom: 0;left: 0;right: 0;margin: auto;display: block;height: 48px;}.toollist li {float: left;width: auto;height: 100%;width: 33.33333%;position: static!important;margin: 0;border-radius: 0!important;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;box-flex: 1;-webkit-box-sizing: border-box;box-shadow: none!important;background: none;overflow: hidden;}.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position: relative;}.toollist li a img {width: 24px;height: 24px;}.toollist li a p {margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}/*绿色主题*/.toollist {background: #3b9ef3;}.toollist li {border-right: 1px solid rgba(255, 255, 255, 0.7);}.toollist li a {color: #fff;}.toollist li:hover {background: #09F;overflow: visible;}.zcd3 {margin-top: -300px !important;width: 100%;}#zcd ul, #zcd ul li {width: 100%;height: 50px;overflow: visible;background: #09C;}/*手机头部*/#m-hd {display: none;}#m-hd {height: 50px;line-height: 50px;padding: 0;position: fixed;width: 100%;z-index: 999999;background-color: #FFF;}#m-hd img {height: 40px;padding: 10px 0 0 10px;}.m-trigger {position: absolute;top: 0;right: 10px;width: 85px;color: #fff;text-align: center;font-size: 30px;line-height: 45px;cursor: pointer;background: url(../images/menu_add.png) center center no-repeat;-webkit-background-size: 50px;background-size: 50px;height: 50px;}.m-nav {z-index: 60;position: absolute;top: 50px;width: 100%;left: 0;background: url(../images/alpha_black_70.png) repeat;text-align: center;display: none;}.m-nav li {border-bottom: 1px solid #565656;}.m-nav a {display: block;font-size: 12px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 14px;}.m-nav a:hover, .m-nav a:active {color: #e4392a;}.m-sub {text-align: left;display: none;width: 100%;}.m-sub a {border-bottom: none;font-size: 13px;}#flash {width: 682px;height: 240px;float: left;margin-bottom: 8px;margin-right: 5px;}#flasha {display: none;}#tool {display: none;}.Mobile {display: none;}/*底部菜单*/@media screen and (min-width:900px) {#tool {display: none;}.Mobile {display: none;}} @media screen and (min-width:561px) and (max-width:900px) {.r1 {display: none !important;}.m-confirm {display: none !important;}.jiqiren {display: none !important;}.flink-show clear {display: none !important;}#buttom_logo {display: none !important;}#buttom_top {display: none !important;}#buttom_text {width: 100% !important;}buttom_top {margin-bottom: 20px;}#partner {display: none !important;}#feature {width: 100% !important;}#tech .addlist .litimg {}#tech .addlist .litimg {width: 30% !important;height: auto;}.tel {display: none !important;}.time {display: none !important;}#hd {display: none !important;}#m-hd {display: block;}#m-hd {border-bottom: 1px solid #ccc;}.wp {padding: 0 10px;}.ul-icon-i li {width: 50%;}.dedetoolbar {display: none !important;}#wrapper {width: 100%;}#head {width: 100%;}#head .htitle h1 a {display: block;overflow: hidden;background-image: url(../images/top_logo.gif);background-repeat: no-repeat;background-size: 60%}#flasha {width: 100%;display: block;margin-top: -10px;}#flasha img {width: 100% !important;height: auto !important;}.wrapper {width: 100%;}#htitle {display: none !important;}#flash {display: none !important;}#flash img {width: 100% !important;height: auto !important;}#download {display: none !important;}.navul li {width: 10%;}.navul li a {width: 6em;}.htitle1 {display: none;}#navi {display: none;}#menu1 {display: none;}#navo {display: none;}#commend {display: none;}#dedenews {display: none;}#feature {width: 100%;}#commend {width: 100%;}#hotdown {display: none;}#hothelp {display: none;}#comfaq {width: 100%;}.ucontent {width: 100%;}.ucontent tr {width: 100%;}.ucontent tr td {width: 23%;}/* liebiao*/#buyguide {display: none;}.mB5 {display: none;}.l_right {width: 100%;}.l_right img {width: 100% !important;height: auto !important;}.ucontent {width: 100%;}.ucontent img {width: 100% !important;height: auto !important;}.Mobile {text-align: center;width: 100%;height: 35px;line-height: 35px;background: #017834;width: 98%;border-radius: 18px 0 18px 0;margin: 0 auto;clear: both;}/*底部固定工具条*/#tool {position: fixed;bottom: 0;left: 0;right: 0;z-index: 900;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);display: block;}ul.toollist {position: fixed;z-index: 900;bottom: 0;left: 0;right: 0;margin: auto;display: block;height: 48px;}.toollist li {float: left;width: auto;height: 100%;width: 33.33333%;position: static!important;margin: 0;border-radius: 0!important;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;box-flex: 1;-webkit-box-sizing: border-box;box-shadow: none!important;background: none;}.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position: relative;}.toollist li a img {width: 24px;height: 24px;}.toollist li a p {margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}/*绿色主题*/.toollist {background: #3b9ef3;}.toollist li {border-right: 1px solid rgba(255, 255, 255, 0.7);}.toollist li a {color: #fff;}} @media screen and (max-width:640px) {.m-confirm {display: none !important;}.r1 {display: none !important;}.jiqiren {display: none !important;}.flink-show clear {display: none !important;}#buttom_logo {display: none !important;}#buttom_top {display: none !important;}#buttom_text {width: 100% !important;}buttom_top {margin-bottom: 20px;}#partner {display: none !important;}#feature {width: 100% !important;}#tech .addlist .litimg {}#tech .addlist .litimg {width: 30% !important;height: auto;}.tel {display: none !important;}.time {display: none !important;}#hd {display: none !important;}#m-hd {display: block;}#m-hd {border-bottom: 1px solid #ccc;}.wp {padding: 0 10px;}.ul-icon-i li {width: 50%;}.dedetoolbar {display: none !important;}#wrapper {width: 100%;}#head {width: 100%;}#head .htitle h1 a {display: block;overflow: hidden;background-image: url(../images/top_logo.gif);background-repeat: no-repeat;background-size: 60%}#flasha {width: 100%;display: block;margin-top: -10px;}#flasha img {width: 100% !important;height: auto !important;}.wrapper {width: 100%;}#htitle {display: none !important;}#flash {display: none !important;}#flash img {width: 100% !important;height: auto !important;}#download {display: none !important;}.navul li {width: 10%;}.navul li a {width: 6em;}.htitle1 {display: none;}#navi {display: none;}#menu1 {display: none;}#navo {display: none;}#commend {display: none;}#dedenews {display: none;}#feature {width: 100%;}#commend {width: 100%;}#hotdown {display: none;}#hothelp {display: none;}#comfaq {width: 100%;}.ucontent {width: 100%;}.ucontent tr {width: 100%;}.ucontent tr td {width: 23%;}/* liebiao*/#buyguide {display: none;}.mB5 {display: none;}.l_right {width: 100%;}.l_right img {width: 100% !important;height: auto !important;}.ucontent {width: 100%;}.ucontent img {width: 100% !important;height: auto !important;}.Mobile {text-align: center;width: 100%;height: 35px;line-height: 35px;background: #017834;width: 98%;border-radius: 18px 0 18px 0;margin: 0 auto;clear: both;}/*底部固定工具条*/#tool {position: fixed;bottom: 0;left: 0;right: 0;z-index: 900;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);display: block;}ul.toollist {position: fixed;z-index: 900;bottom: 0;left: 0;right: 0;margin: auto;display: block;height: 48px;}.toollist li {float: left;width: auto;height: 100%;width: 33.33333%;position: static!important;margin: 0;border-radius: 0!important;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;box-flex: 1;-webkit-box-sizing: border-box;box-shadow: none!important;background: none;}.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position: relative;}.toollist li a img {width: 24px;height: 24px;}.toollist li a p {margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}/*绿色主题*/.toollist {background: #3b9ef3;}.toollist li {border-right: 1px solid rgba(255, 255, 255, 0.7);}.toollist li a {color: #fff;}.m-confirm {width: 67px;position: fixed;top: 50%;right: 0px;background-color: #fff;font-size: 12px;color: #fff;margin-top: -171px;z-index: 9999;}.m-confirm .online:hover {background-color: #197ad8;}.m-confirm .tel:hover {background-color: #197ad8;}.m-confirm .tel:hover .content {display: block !important;}.m-confirm .z-over {background-color: #197ad8 !important;}.m-confirm .z-over-1 {background-color: #c6c6c6 !important;}.m-confirm .i-sprite {background: url(../images/1.png) no-repeat;display: inline-block;zoom: 1;width: 67px;height: 30px;margin-top: 28px;overflow: hidden;}.m-confirm .online {height: 99px;text-align: center;border-bottom: 1px solid #8dc7ff;cursor: pointer;background-color: #378fe5;}.m-confirm .online .i-sprite-1 {background-position: 20px 0px;}.m-confirm .tel {height: 99px;text-align: center;border-bottom: 1px solid #8dc7ff;position: relative;cursor: pointer;background-color: #378fe5;}.m-confirm .tel .i-sprite-2 {background-position: 20px -28px;}.m-confirm .tel .i-sprite-3 {background-position: 20px -58px;}.m-confirm .tel .content {display: none;width: 140px;height: 43px;border-radius: 5px;background-color: #fff;text-align: center;line-height: 43px;position: absolute;left: -160px;top: 28px;color: #333;font-size: 15px;}.m-confirm .tel .content:after {content: '';width: 0;height: 0;border-top: 10px solid transparent;border-left: 15px solid #fff;border-bottom: 10px solid transparent;position: absolute;right: -15px;top: 12px;}.m-confirm .wchat {height: 99px;text-align: center;position: relative;cursor: pointer;background-color: #378fe5;}.m-confirm .wchat .i-sprite-3 {background-position: 20px -59px;}.m-confirm .wchat .content {width: 138px;height: 175px;background: url(../images/4.png) no-repeat;background: url(../images/5.png) no-repeat\9;background-size: 138px 175px;position: absolute;display: none;top: -39px;left: -147px;z-index: 9999;}.m-confirm .demo {padding: 30px 0;text-align: center;background-color: #378fe5;border-bottom: 1px solid #8dc7ff;cursor: pointer;}.m-confirm .demo .icon {width: 25px;height: 25px;margin-bottom: 5px;}.m-confirm .demo:hover {background-color: #197ad8;}.m-confirm .try {padding: 30px 0;text-align: center;background-color: #378fe5;border-bottom: 1px solid #8dc7ff;cursor: pointer;}.m-confirm .try .icon {width: 25px;height: 25px;margin-bottom: 5px;}.m-confirm .try:hover {background-color: #197ad8;}.m-confirm .top {height: 60px;text-align: center;background-color: #dbdbdb;cursor: pointer;}.m-confirm .top .i-sprite-4 {height: 20px;background-position: 27px -81px;margin-top: 0px;}.m-confirm .top p {color: #666;font-weight: bolder;height: 20px;line-height: 10px;}@media screen and (max-width: 1446px) {.header .header_menu ul li a {padding: 0px 6px;}.pp_advantage_brief {padding-left: 30px;}.consulting_type {padding: 20px 0;}.consulting_type ul {margin: 15px 0 10px 0;}.consulting_type ul li a {height: 30px;line-height: 30px;}.consulting_box .problem {padding-top: 15px;}.consulting_box .problem ul {padding: 10px 0 0 30px;}.canvasdiv {padding-top: 150px;}} @media screen and (max-width: 1199px) {.mpp {width: 100%;height: 888px;overflow: hidden;margin: 0 auto;position: absolute;top: 0;z-index: -1;}.canvasdiv {display: none !important;}.banner {/*background: #3E99F2 url(../images/080.jpg) center -80px no-repeat;*/background: #2a84ff;background-image: url(../images/bg-new.png);height: 600px;}.bbtitle {padding-top: 150px;}.banner .ooprev {margin-left: 20px;}.banner .oonext {margin-right: 20px;}.all_button:hover {background: #0554a7;color: #fff;}.header {height: 60px;line-height: 60px;}.header .login {display: none;}.header .mobileMenuBtn_shad {width: 100%;height: 0;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.7);transition: 0.3s all;-webkit-transition: 0.3s all;}.header .mobileMenuBtn_shad.active {height: 100%;}.header .header_menu {width: 200px;background: rgba(49, 152, 242, .8);position: fixed;height: 100%;overflow: auto;top: 0;right: -200px;transition: 0.6s all;-webkit-transition: 0.6s all;}.header .header_menu.active {right: 0;}.header .header_menu ul li {display: block;}.header .header_menu ul li a {padding: 0;border: none;border-bottom: solid 1px #378fdd;line-height: normal;padding: 12px 0;}.header .header_menu ul li a:hover,  .header .header_menu ul li a.active {border: none;border-bottom: solid 1px #429ae9;opacity: 1;filter: alpha(opacity=100);}.header .md-show {display: block;}.pp_advantage_img img {width: 50px;}.pp_advantage_brief {padding-left: 20px;}.pp_advantage_brief .brief_title {font-size: 16px;}.pp_advantage_brief .brief_text {font-size: 13px;}.pp_advantage_content {margin-left: -50px;}.pp_advantage_list {margin: 0 0 50px 50px;}.marketing_advantage_brief {padding: 0 25px;}.aside,  .consulting_box {display: none;}.header .mobileMenuBtn {display: block;}.ccaaaashow_brief {margin-left: 10px;}.ccaaaashow_brief_text {margin: 15px 10px 20px 0;line-height: 1.8;}.support_type_list {border: none;color: #fff;background: #3DA6F7;margin-left: 50px;border-radius: 3px;}.support_type_list:before {display: none;}.support_type_list:hover {border: none;background: #3DA6F7;}.template_show_list {width: 90%;padding: 50px 0;}.introduce_list_brief {margin: 0 20px 10px 0;}.introduce_list_text {font-size: 12px;}.cloud_pp_list {padding: 40px 20px;}.industry_list_left {padding-right: 25px;}.industry_list_rigth {padding-left: 25px;}.industry_list_title {margin-bottom: 15px;}.industry_list_brief {margin-bottom: 20px;}.advantage_project_content {margin: 50px 0 0 -10px;}.advantage_project_list {overflow: hidden;margin: 0 0 100px 10px;}.ppppppp_process_line {max-width: 900px;}.ppppppp_process_content {margin: -55px 0 0 -30px;}.ppppppp_process_list {margin-left: 30px;}.ppppppp_process_list:hover .ppppppp_process_list_bottom .text {color: #939393;}} @media screen and (max-width: 967px) {.mpp {width: 1500px;height: 888px;top: 50%;left: 50%;margin-top: -444px;margin-left: -750px;}.waves_box {display: none;}.index_product {padding: 60px 0;}.all_title1,  .all_title2 {margin-bottom: 30px;}.all_title1 .title,  .all_title2 .title {font-size: 25px;}.pp_advantage {padding: 60px 0;}.marketing_advantage {padding: 60px 0;}.marketing_advantage_content {margin-left: -10px;}.marketing_advantage_list {margin: 0 0 10px 10px;}.marketing_advantage_brief {padding: 0 15px;top: 15%;}.partners {padding: 60px 0;}.partners_content_list {margin: 10px 10px;}.join_in {padding: 60px 0;}.nnnncenter {padding: 60px 0;}.nnnncenter_content {margin-left: -30px;}.nnnncenter_list {margin-left: 30px;}.footer_content {padding: 60px 0;}.footer .bottom_logo {display: none;}.footer_content {margin-left: -20px;}.footer_list {margin-left: 20px;}.quick_navigation {padding-left: 0;text-align: center;}.quick_navigation {margin-bottom: 20px;padding-bottom: 10px;border-bottom: solid 1px #2D2B2B;}.quick_navigation ul {text-align: center;}.quick_navigation ul li {display: inline-block;margin: 0 15px;}.z_banner {padding: 120px 0;}.ccaaaashow_brief_text {margin: 10px 0 20px 0;line-height: 1.5;font-size: 12px;}.support_type {margin: 30px 0;}.support_type_content {margin-left: -30px;}.support_type_list {margin-left: 30px;}.technical_support_box ul li a .text {width: 75%;}.technical_support_box ul li a .time {width: 25%;}.technical_support_box_z_header .title {font-size: 18px;}.technical_support_box_z_info_box {margin: 20px 0;padding: 20px 0;}.template_search_select select {width: 200px;}.template_show_list_text ul li {margin-right: 20px;}.introduce {padding: 60px 0;}.introduce_list_brief {margin: 0 0 15px 0;}.introduce_list_img {text-align: center;}.cloud_platform {padding: 60px 0;}.cloud_pp_content {overflow: hidden;margin: 50px 0 50px -20px;}.cloud_pp_list {margin-left: 20px;}.industry {padding: 60px 0;}.industry_content {margin-top: 20px;}.industry_list_left {padding-right: 0;text-align: center;}.industry_list_rigth {padding-left: 0;text-align: center;margin-top: 50px;}.industry_list_brief {margin-bottom: 10px;}.advantage_project {padding-top: 60px;}.advantage_project_content {margin: 50px 0 0 -30px;}.advantage_project_list {margin: 0 0 50px 30px;}.marketing_support {padding: 60px 0;}.marketing_support_list_img {display: none;}.ppppppp_process {padding: 60px 0;}.ppppppp_process_content {margin: -55px 0 0 -20px;}.ppppppp_process_list {margin-left: 20px;}.ppppppp_process_list_bottom {min-height: 80px;}.ppppppp_process_list_bottom .title {font-size: 14px;}.ppppppp_process_list_bottom .text {font-size: 12px;}} @media screen and (max-width: 767px) {.banner {height: 500px;background-position: center -380px;}.banner .oopagination {margin-top: 100px;}.bbtitle {font-size: 30px;padding-top: 180px;}.index_product {padding: 40px 0;}.pp_advantage {padding: 40px 0;}.pp_advantage_content {margin-left: -25px;}.pp_advantage_list {margin: 0 0 30px 25px;}.pp_advantage_brief .brief_title {font-size: 14px;}.pp_advantage_brief .brief_text {font-size: 12px;}.marketing_advantage {padding: 40px 0;}.marketing_advantage_list {margin: 0 0 14px 10px;background-color: #fff;}.marketing_advantage_content .span3:first-child .marketing_advantage_list {background-color: #fff;text-align: center;}.marketing_advantage_content .span3:first-child img {width: 84%;}.marketing_advantage_brief {padding: 0 35px;top: 30%;}.partners {padding: 40px 0;}.partners_content_list {margin: 10px 10px;}.join_in {padding: 40px 0;}.join_in_title {font-size: 30px;}.nnnncenter_content {margin-left: -10px;}.nnnncenter_list {margin-left: 10px;}.nnnncenter_list_title {margin: 15px 0px;}.nnnncenter_content ul li a .text {width: 75%;}.nnnncenter_content ul li a .time {width: 25%;}.footer_content {padding: 40px 0;}.quick_navigation ul li {margin: 0 10px;}.pp_advantage_bg {display: none;}.z_banner {padding: 80px 0;}.ccaaaashow_list {padding-top: 30px;}.ccaaaashow_brief {margin: 0;padding-bottom: 30px;text-align: center;}.support_type_content {margin-left: -15px;}.support_type_list {margin-left: 15px;}.technical_support_type {margin-bottom: 30px;}.technical_support_type ul li:before {display: none;}.technical_support_type ul li a {padding: 10px 0;text-indent: 0;text-align: center;}.technical_support_type ul li.active a:hover {color: #fff;}.technical_support_type ul li a:hover {border-bottom: solid 1px #F0F0F0;color: #333;}.technical_support {padding: 30px 0;}.technical_support_type .title {cursor: pointer;}.technical_support_type .title span {display: block;}.technical_support_type ul {display: none;}.technical_support_box ul li a:before {display: none;}.technical_support_box ul li a:hover {color: #333;}.template_search {margin: 30px 0;}.template_search_select {margin: 0 15px;}.template_search_select select {width: 150px;}.ccaaaashow_more {padding: 30px 0;}.know_more {padding: 30px 0;}.introduce {padding: 40px 0;}.introduce_list_text {font-size: 14px;}.cloud_platform {padding: 40px 0;}.cloud_pp_content {overflow: hidden;margin: 40px 0 40px -10px;}.cloud_pp_list {padding: 30px 10px;margin-left: 10px;}.cloud_pp_solution .title {font-size: 20px;}.industry {padding: 40px 0;}.industry_content {margin-top: 0;}.advantage_project {padding-top: 40px;}.advantage_project_content {margin: 40px 0px 0px -30px;}.marketing_support {padding: 40px 0;}.marketing_support_list_brief {margin-top: 20px;}.ppppppp_process_line {display: none;}.ppppppp_process_content {margin-top: 0;}.ppppppp_process_list_middle {display: none;}.ppppppp_process_list {margin: 0 0 30px 20px;}.ppppppp_process_list:hover .ppppppp_process_list_top {color: #3ba1f2;}.ppppppp_process_list_top:before {display: none;}.ppppppp_process_list_bottom .title {font-size: 16px;}.response_shows .response_shows_box .thumb {bottom: -20%;}} @media screen and (max-width: 739px) {.marketing_advantage_content .span3:first-child img {width: 88%;}} @media screen and (max-width: 479px) {.marketing_advantage_content .span3:first-child img {width: 99%;}.response_shows .response_shows_box {padding: 0 0 50px;}.pp_advantage_img {width: 40%;text-align: center;}.marketing_advantage_content {margin-left: -8px;}.marketing_advantage_list {margin: 0 0 10px 8px;}.marketing_advantage_brief {padding: 0 15px;top: 12%;}.partners_content_list img {width: 150px;}.join_in_title {font-size: 24px;}.join_in_text {font-size: 14px;margin: 15px 0 30px 0;}.nnnncenter_list_img {margin-top: 20px;}.footer {background: #0F0F0F none;}.quick_navigation_title,  .footer_link_title,  .footer_cotact_title {text-align: center;}.footer_link {overflow: hidden;margin-bottom: 20px;}.ccaaaashow_brief_text {margin: 10px 5px 20px 5px;font-size: 13px;}.ccaaaashow_content {margin: 30px 0;}.support_type {margin: 30px 0px 15px 0;}.support_type_list {margin-bottom: 15px;}.technical_support_type .title {text-indent: 15px;}.technical_support_box {padding: 15px;}.technical_support_box ul li a {padding: 7px 0;}.technical_support_box ul li a .time {font-size: 12px;}.technical_support_pp ul li a {width: 25px;height: 25px;line-height: 25px;margin-right: 10px;}.technical_support_box_z {padding: 15px;}.technical_support_pp_z {padding: 0 15px 30px 15px;}.template_search_select {display: block;}.template_search_select {margin-bottom: 10px;}.template_search_select select {width: 100%;}.template_show_content:before {display: none;}.cloud_pp_list {margin-bottom: 10px;}.advantage_project {background: #4EA7EB none;}.advantage_project_list {margin: 0 0 30px 30px;}.marketing_support_list_brief {text-align: center;}.ppppppp_process {padding: 40px 0;}.response_shows .response_shows_box .thumb {bottom: -25%;}}