html, body, .ax-page-content {height: 100%;}

.ax_home_banner_section {position:relative;height:100%;background: url('http://files.focusky.com.cn/web/images/help/2016/banner2016.jpg') #714d3d; background-size: cover; background-attachment:fixed; color: #FFFFFF;overflow: hidden;}

.ax_home_banner_section .ax-content-section {position:relative;height: 100%;padding:0;text-align: center;}

.ax_home_banner_section video {position: absolute;top: 0;z-index: 2;}

.ax_hb_left {position:absolute;top:30%;width: 100%; margin-right: auto;margin-left: auto;z-index: 3;}

.ax_hb_right {float:left;width: 55%;}

.ax_hb_right img {width: 100%;}

.ax_hb_img {position: absolute;bottom: 0;width: 100%;overflow: hidden;animation: showUp 2s;-webkit-animation: showUp 2s;-moz-animation: showUp 2s;}

.ax_hb_img img {display: block;width: 80%;max-width: 886px;}

.ax_home_banner_section h1 {font-size: 70px;animation: fadeIn 2s;-webkit-animation: fadeIn 2s;-moz-animation: fadeIn 2s;}

.ax_home_banner_section h3 {position:relative;display:inline-block;font-size: 24px;color: #f2f0f0;}

.ax_home_banner_section h3 .verTag {position: absolute;top:-5px;right:-55%;width:92px;height:38px;background: url("/images/ax-home/version_icon.png");line-height: 38px;text-indent: 18px;color:#0a0a0a;}

.ax_home_banner_button > p {font-size: 12px;margin-top: 3px;}

.ax .button-action {background-color: #17bd80;border-color: #17bd80;}

.ax .button-action:hover {background-color: #61c801;border-color: #61c801;}

.ax .button-action:active {background-color: #44b201;border-color: #44b201;}

.ax_home_banner_mask {position:absolute;top:0;width: 100%;height: 100%;background-image: -moz-linear-gradient(top, rgba(26,40,120,0.50), rgba(0,0,0,0.50));background-image: -webkit-linear-gradient(top, rgba(26,40,120,0.50), rgba(0,0,0,0.50));background-image: -o-linear-gradient(top, rgba(26,40,120,0.50), rgba(0,0,0,0.50));background-image: -ms-linear-gradient(top, rgba(26,40,120,0.50), rgba(0,0,0,0.50));background-image: linear-gradient(top, rgba(26,40,120,0.50), rgba(0,0,0,0.50));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f1a2878', endColorstr='#7f000000');}



.ax_home_section_header {padding:0 0 50px 0;color: #FFF;}

.ax_home_section_header h3 {margin-bottom: 10px;font-size: 30px;font-family: 微软雅黑, 思源黑体;}

.ax_home_section_header h5 {font-weight: 300;font-size: 14px;line-height: 25px;}



/*.ax_home_feature_summary_section li {display: inline-block;float: left;width: 25%;}*/

.ax_home_feature_summary_section li img {display: block;width: 50%;}

.ax_home_feature_summary_section li h5 {width: 90%;height: 20px;margin: 20px auto 10px auto;font-size: 18px;line-height:18px;}

.ax_home_feature_summary_section li p {width: 90%;color: #666;}

.ax_home_feature_summary_section li:nth-child(1) img.animation {opacity:1;animation: fItem 0.5s;-webkit-animation: fItem 0.5s;-moz-animation: fItem 0.5s;}

.ax_home_feature_summary_section li:nth-child(2) img.animation {opacity:1;animation: fItem 1s;-webkit-animation: fItem 1s;-moz-animation: fItem 1s;}

.ax_home_feature_summary_section li:nth-child(3) img.animation {opacity:1;animation: fItem 1.5s;-webkit-animation: fItem 1.5s;-moz-animation: fItem 1.5s;}

.ax_home_feature_summary_section li:nth-child(4) img.animation {opacity:1;animation: fItem 2s;-webkit-animation: fItem 2s;-moz-animation: fItem 2s;}



.ax_home_video_section {height:100%;background: url('http://files.focusky.com.cn/web/images/help/2016/video_bg2016.jpg') no-repeat #4381e8;background-size: auto;background-position:center bottom;color: #FFFFFF;}

.ax_home_video_container {position:relative;width: 80%;cursor: pointer;}

.ax_home_video_container img:hover {opacity: 0.8;}

.ax_home_video_container > * {display:block;width: 90%;}

.ax_home_video_section .uType-usage {padding: 90px 0 0 0;}

.ax_home_video_section .personal-bg {background: url('/images/ax-home/personal.png') no-repeat;background-position: center top;}

.ax_home_video_section .premium-bg {background: url('/images/ax-home/enterprise.png') no-repeat;background-position: center top;}

.uType-usage h6 {font-size: 16px;margin-bottom: 15px;font-weight: normal;}



.ax_home_demo_section .ax-column > div {perspective: 800px;-webkit-perspective: 800px;-moz-perspective: 800px;}

.ax_hd_item {width: 90%;max-width:350px;margin-bottom: 30px;border: #eee thin solid;box-shadow: #ddd 2px 2px 5px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;}

.ax_hd_item:hover {border-color: #FFF;box-shadow: none;transform: scale(0.97, 0.97);-webkit-transform: scale(0.97, 0.97);-moz-transform: scale(0.97, 0.97);}

.ax_hd_item a {display: block;}

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

.ax_hd_item .ax_hd_title {font-size: 18px;margin: 30px 0 20px 0;color: #333;}

.ax_hd_item .ax_hd_desc {margin-bottom: 38px;color: #666666;}

.ax_home_demo_section .ax-column > div:nth-child(1) .ax_hd_item.animation {animation: demoGrib 1s;-webkit-animation: demoGrib 1s;-moz-animation: demoGrib 1s;}

.ax_home_demo_section .ax-column > div:nth-child(2) .ax_hd_item.animation {animation: demoGrib 2s;-webkit-animation: demoGrib 2s;-moz-animation: demoGrib 2s;}

.ax_home_demo_section .ax-column > div:nth-child(3) .ax_hd_item.animation {animation: demoGrib 3s;-webkit-animation: demoGrib 3s;-moz-animation: demoGrib 3s;}

.ax_home_demo_section .ax-column > div:nth-child(4) .ax_hd_item.animation {animation: demoGrib 1.5s;-webkit-animation: demoGrib 1.5s;-moz-animation: demoGrib 1.5s;}

.ax_home_demo_section .ax-column > div:nth-child(5) .ax_hd_item.animation {animation: demoGrib 2.5s;-webkit-animation: demoGrib 2.5s;-moz-animation: demoGrib 2.5s;}

.ax_home_demo_section .ax-column > div:nth-child(6) .ax_hd_item.animation {animation: demoGrib 3.5s;-webkit-animation: demoGrib 3.5s;-moz-animation: demoGrib 3.5s;}



.ax_home_cloud_section {background: url('http://files.focusky.com.cn/web/images/help/2016/cloud_bg2016.jpg') #4c5f70; background-size: cover;}



.reviews_item {width: 90%;max-width: 350px;}

.reviews_text {position:relative;background-color: #f6f7f9;border-bottom: #e5edf0 medium solid;border-radius: 5%;}

.reviews_text p {padding: 20px;min-height:200px;line-height:25px;color: #7f9097;}

.reviews_text.animation {animation: showUp 2s;-webkit-animation: showUp 2s;-moz-animation: showUp 2s;}

.reviews_portrait {position: relative;}

.reviews_text .icon {position: absolute;bottom: -5px;left: 36px;height:5px;line-height:10px;font-size:30px;color: #e5edf0;background-color: #f6f7f9;}

.reviews_portrait span {display: inline-block;line-height: 50px;}

.reviews_uImg {float:left;width: 50px;height: 50px;margin-left: 20px;margin-right: 10px;}

.reviews_uImg img {width: 100%;}
.imgGallary li p.IG_text {line-height: 30px;font-size: 18px;font-family: "楷体", "微软雅黑", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "halflings", "华文细黑", "Tahoma";}
.imgGallary li p.IG_text span {font-size: 24px;color: #bbb;}
.IG_img.animation {animation: showUp 2s;-webkit-animation: showUp 2s;-moz-animation: showUp 2s;}
.ax_home_customer_section {background: #f1f4f9;}

.customer-list img {width: 100%;}



@media screen and (max-width: 720px) {

    .ax_hb_left {width: 100%; top: 30%;}

    .ax_hb_right {display: none;}

    .ax_hb_img {display: none;}

    .ax_hfd_item.ax-mb8 {margin-bottom: 50px;}

    .ax_hfd_item .ax_hfd_text {width: 70%;height: auto;}

    .ax_hfd_item .ax_hfd_text > div {margin-top: 0;height: auto;}

    .ax_hfd_item .ax_hfd_text_l > div {margin-left: 0;width: 100%;}

    .ax_hfd_item .ax_hfd_text_r > div {margin-left: 0;width: 100%;}

    .ax_hfd_item .ax_hfd_img {width: 30%;}

}



@media screen and (max-width: 900px) and (min-width:721px) {

    .ax_hb_left {top: 25%;}

}



@media screen and (min-width: 1919px) {

    .ax-content-section {max-width: 1300px;}

    .ax-pt10 {padding-top: 128px;}

    .ax-pb10 {padding-bottom: 128px;}



    .ax_hb_left {top:35%;}

}



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

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

@-moz-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1;} }

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

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

@-moz-keyframes fadeOut { 0% {opacity: 1} 100% {opacity: 0;} }

@keyframes showUp { 0% {transform: translate(0, 50%); opacity: 0;} 80% {transform: translate(0, 0);opacity: 0.6} 100% {opacity: 1}}

@-webkit-keyframes showUp { 0% {-webkit-transform: translate(0, 50%); opacity: 0;} 80% {-webkit-transform: translate(0, 0);opacity: 0.6} 100% {opacity: 1}}

@-moz-keyframes showUp { 0% {-moz-transform: translate(0, 50%); opacity: 0;} 80% {-moz-transform: translate(0, 0);opacity: 0.6} 100% {opacity: 1}}



/*feature动画*/

@keyframes fItem { 0% {opacity:0; transform: translate(0, 70px)} 100% {opacity:1; transform: translate(0, 0)} }

@-webkit-keyframes fItem { 0% {opacity:0; -webkit-transform: translate(0, 70px)} 100% {opacity:1; -webkit-transform: translate(0, 0)} }

@-moz-keyframes fItem { 0% {opacity:0; -moz-transform: translate(0, 70px)} 100% {opacity:1; -moz-transform: translate(0, 0)} }



/*demo动画*/

@keyframes demoGrib {

    0% {transform: rotateY(90deg);opacity: 0.3;} 80% {transform: rotateY(-10deg);opacity: 1;} 90% {transform: rotateY(5deg);} 95% {transform: rotateY(-2deg);} 100% {transform: rotateY(0deg);}

}

@-webkit-keyframes demoGrib {

    0% {-webkit-transform: rotateY(90deg);opacity: 0.3;} 80% {-webkit-transform: rotateY(-10deg);opacity: 1;} 90% {-webkit-transform: rotateY(5deg);} 95% {-webkit-transform: rotateY(-2deg);} 100% {-webkit-transform: rotateY(0deg);}

}

@-moz-keyframes demoGrib {

    0% {-moz-transform: rotateY(90deg);opacity: 0.3;} 80% {-moz-transform: rotateY(-10deg);opacity: 1;} 90% {-moz-transform: rotateY(5deg);} 95% {-moz-transform: rotateY(-2deg);} 100% {-moz-transform: rotateY(0deg);}

}