.page-main{height:100%;}
.page-main .section{height:100%;margin:0 auto;overflow:hidden;}
.page-main .section-wrapper{width:1190px;margin:0 auto;}
.section .section-image{width:530px;position:relative;height:550px;}
.section .section-text{padding:230px 0 0;}
.section .title-desc h2{color:#333;font-size:3.2rem;margin:0 0 25px;}
.section .title-desc h3{color:#333;font-size:1.6rem;}
.section-home .section-wrapper,
.section-page2 .section-wrapper,
.section-page3 .section-wrapper,
.section-page5 .section-wrapper{height:550px;}
.section-home .section-image{float:left;}
.section-home .section-text{float:right;}
.section-home .sibox{width:573px;height:332px; position:absolute;top:190px;background:url(../images/site/page1-img01.png) no-repeat;}
.section-home .sibox-arrow{width:181px;height:192px;position:absolute;z-index:2;top:160px;left:215px;background:url(../images/site/page1-img01.png) no-repeat -1332px 0;}
.section-home .sibox-lr{width:505px;height:260px;position:absolute;z-index:2;top:48px;left:50px;background:url(../images/site/page1-img01.png) no-repeat -573px 0;}
.section-home .sibox-dl{width:254px;height:214px;position:absolute;z-index:3;top:155px;left:170px;background:url(../images/site/page1-img01.png) no-repeat -1078px 0;}
.section-home .sibox-lr,
.section-page2 .sibox-lr {
    -webkit-animation:cloud 3s ease both .8s infinite alternate;
    -moz-animation:cloud 3s ease both .8s infinite alternate;
    -ms-animation:cloud 3s ease both .8s infinite alternate;
    -o-animation:cloud 3s ease both .8s infinite alternate;
    animation:cloud 3s ease both .8s infinite alternate;
}
@-webkit-keyframes cloud {0%{-webkit-transform:translateX(15px)}to{-webkit-transform:translateX(40px)}}
@-moz-keyframes cloud {0%{-moz-transform:translateX(15px)}to{-moz-transform:translateX(40px)}}
@-ms-keyframes cloud {0%{-ms-transform:translateX(15px)}to{-ms-transform:translateX(40px)}}
@-o-keyframes cloud {0%{-o-transform:translateX(15px)}to{-o-transform:translateX(40px)}}
@keyframes cloud {0%{transform:translateX(15px)}to{transform:translateX(40px)}}


.section-page2{background: #f7f7f7;}
.section-page2 .section-image{float:right;}
.section-page2 .section-text{float:left;}
.section-page2 .sibox{width:572px;height:443px;position:absolute;top:80px;background:url(../images/site/page2-img01.png) no-repeat;}
.section-page2 .sibox-lr{width:271px;height:260px;position:absolute;z-index:2;top:65px;left:268px;background:url(../images/site/page2-img01.png) no-repeat -572px 0;}
.section-page2 .sibox-rocket{width:97px;height:186px;position:absolute;z-index:3;top:190px;left:266px;background:url(../images/site/page2-img01.png) no-repeat -572px -260px;}
.section-page2 .sibox-switch{width:18px;height:15px;position:absolute;z-index:3;top:280px;left:184px;background:url(../images/site/page2-img01.png) no-repeat -669px -260px;}
/* .section-page2 .sibox-rocket{
	-webkit-animation:rocket 1.5s ease both .8s infinite alternate;
	-moz-animation:rocket 1.5s ease both .8s infinite alternate;
	-ms-animation:rocket 1.5s ease both .8s infinite alternate;
	-o-animation:rocket 1.5s ease both .8s infinite alternate;
    animation:rocket 1.5s ease both .8s infinite alternate;
}
@-webkit-keyframes rocket {0%{-webkit-transform:translateY(8px)}to{-webkit-transform:translateY(-12px)}}
@-moz-keyframes rocket {0%{-moz-transform:translateY(8px)}to{-moz-transform:translateY(-12px)}}
@-ms-keyframes rocket {0%{-ms-transform:translateY(8px)}to{-ms-transform:translateY(-12px)}}
@-o-keyframes rocket {0%{-o-transform:translateY(8px)}to{-o-transform:translateY(-12px)}}
@keyframes rocket {0%{transform:translateY(8px)}to{transform:translateY(-12px)}} */
.section-page2 .sibox-switch{
    -webkit-animation:switch 1.5s ease both .8s infinite alternate;
    -moz-animation:switch 1.5s ease both .8s infinite alternate;
    -ms-animation:switch 1.5s ease both .8s infinite alternate;
    -o-animation:switch 1.5s ease both .8s infinite alternate;
    animation:switch 1.5s ease both .8s infinite alternate;
}
@-webkit-keyframes switch {0%{-webkit-transform:translateY(0px)}to{-webkit-transform:translateY(3px)}}
@-moz-keyframes switch {0%{-moz-transform:translateY(0px)}to{-moz-transform:translateY(3px)}}
@-ms-keyframes switch {0%{-ms-transform:translateY(0px)}to{-ms-transform:translateY(3px)}}
@-o-keyframes switch {0%{-o-transform:translateY(0px)}to{-o-transform:translateY(3px)}}
@keyframes switch {0%{transform:translateY(0px)}to{transform:translateY(3px)}}



.section-page3 .section-image{float:left;}
.section-page3 .section-text{float:right;}
.section-page3 .sibox{width:580px;height:366px;position:absolute;z-index:2;top:150px;background:url(../images/site/page3-img01.png) no-repeat;}
.section-page3 .sibox-l{width:206px;height:212px;position:absolute;z-index:3;top:187px;left:112px;background:url(../images/site/page3-img01.png) no-repeat -580px 0;}
.section-page3 .sibox-r{width:156px;height:189px;position:absolute;z-index:1;top:112px;left:296px;background:url(../images/site/page3-img01.png) no-repeat -786px 0;}
.section-page3 .sibox-l,
.section-page3 .sibox-r,
.section-home .sibox-dl,
.section-home .sibox-arrow,
.section-page2 .sibox-rocket{
    -webkit-animation: zero 1s ease both infinite  alternate;
    -moz-animation: zero 1s ease both infinite  alternate;
    -ms-animation: zero 1s ease both infinite  alternate;
    -o-animation: zero 1s ease both infinite  alternate;
    animation: zero 1s ease both infinite  alternate;
}
@-webkit-keyframes zero {0%{-webkit-transform:translateY(5px)}to{-webkit-transform:translateY(-30px)}}
@-moz-keyframes zero {0%{-moz-transform:translateY(5px)}to{-moz-transform:translateY(-30px)}}
@-ms-keyframes zero {0%{-ms-transform:translateY(5px)}to{-ms-transform:translateY(-30px)}}
@-o-keyframes zero {0%{-o-transform:translateY(5px)}to{-o-transform:translateY(-30px)}}
@keyframes zero {0%{transform:translateY(5px)}to{transform:translateY(-30px)}}

.section-page4{background: url(../images/site/bg-page4.jpg) no-repeat;background-size:100% 100%;height:1330px!important;}
.section-page4 .section-wrapper{height:806px;}
.section-page4.section .title-desc{text-align:center;height:160px;padding:120px 0 0;overflow:hidden;}
.section-page4.section .title-desc h2{color:#fff;}
.section-page4 .plan{width:100%;}
.section-page4 .plan ul{padding:0;margin:0;width:100%;font-size:0;text-align:center;}
.section-page4 .plan li{width:280px;height:455px;padding:80px 50px 0;margin:80px 30px 0;border-radius:2px;display:inline-block;background:#f4f3f6;text-align:center;overflow: hidden;}
.section-page4 .plan li .plan-icon{width:120px;height:120px;background:url(../images/site/icon.png) no-repeat;margin:0 auto 55px;}
.section-page4 .plan li.plan-li-online .plan-icon{background-position:-120px 0;}
.section-page4 .plan li.plan-li-display .plan-icon{background-position:-240px 0;}
.section-page4 .plan li.plan-li-business .plan-icon{background-position:-360px 0;}
.section-page4 .plan li.plan-li-xiaochengxu .plan-icon{background-position:0 -138px;}
.section-page4 .plan li.plan-li-shangcheng .plan-icon{background-position:-120px -130px;}
.section-page4 .plan li h5{font-size:2rem;line-height:2.4rem;margin:0 0 20px;}
.section-page4 .plan li p{font-size:1.4rem;line-height:2rem;color:#888;}
.section-page4 .plan li:hover{
    transition:transform 500ms;
    box-shadow: 0 0 30px #e3507c;
    -webkit-animation:enterFromBottomBig .1s ease both;
    -moz-animation:enterFromBottomBig .1s ease both;
    -ms-animation:enterFromBottomBig .1s ease both;
    -o-animation:enterFromBottomBig .1s ease both;
    animation:enterFromBottomBig .1s ease both;
}
@-webkit-keyframes enterFromBottomBig {0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-15px)}}
@-moz-keyframes enterFromBottomBig {0%{-moz-transform:translateY(0)}to{-moz-transform:translateY(-15px)}}
@-ms-keyframes enterFromBottomBig {0%{-ms-transform:translateY(0)}to{-ms-transform:translateY(-15px)}}
@-o-keyframes enterFromBottomBig {0%{-o-transform:translateY(0)}to{-o-transform:translateY(-15px)}}
@keyframes enterFromBottomBig {0%{transform:translateY(0)}to{transform:translateY(-15px)}}


.section-page5{background:#fff url(../images/site/bg-page5.jpg) no-repeat;}
.section-page5.section .title-desc{text-align:center;height:220px;padding:100px 0 0;overflow:hidden;}
.section-page5 .wx-count{width:100%;}
.section-page5 .wx-count ul{overflow:hidden;margin:0;width:100%;font-size:0;text-align:center;padding:0;}
.section-page5 .wx-count li{width:280px;height:260px;padding:0 50px;margin:15px 6px 0;display:inline-block;text-align:center;position:relative;}
.section-page5 .wx-count li .plan-icon{width:80px;height:80px;background:url(../images/site/icon.png) no-repeat -495px -80px;margin:0 auto 30px;}
.section-page5 .wx-count li.wx-count-online .plan-icon{background-position:-575px -80px;}
.section-page5 .wx-count li.wx-count-display .plan-icon{background-position:-655px -80px;}
.section-page5 .wx-count li.wx-count-business .plan-icon{background-position:-735px -80px;}
.section-page5 .wx-count li:hover .plan-icon{background-position:-495px 0;}
.section-page5 .wx-count li.wx-count-online:hover .plan-icon{background-position:-575px 0;}
.section-page5 .wx-count li.wx-count-display:hover .plan-icon{background-position:-655px 0;}
.section-page5 .wx-count li.wx-count-business:hover .plan-icon{background-position:-735px 0;}
.section-page5 .wx-count li::after{background:#bbb;content:'';width:1px;height:120px;line-height:0;font-size:0;display:inline-block;position:absolute;top:40px;right:0;}
.section-page5 .wx-count li.wx-count-business::after{display:none;}
.section-page5 .wx-count li h5{font-size:2rem;line-height:2.4rem;margin:0 0 10px;}
.section-page5 .wx-count li h5 em{font-size:3.5rem;color:#e3507c;font-style:normal;font-weight:700;}
.section-page5 .wx-count li h5 span{position:relative;color:#e3507c;font-weight:700;font-size: 3.5rem}
.section-page5 .wx-count li p{font-size:1.6rem;line-height:2rem;color:#888;}
.section-page5 .wx-count li:hover .plan-icon,
.section-solution .section-text .icon-list-solution li:hover .icon{
    -webkit-animation:flash .5s ease both;
    -moz-animation:flash .5s ease both;
    -ms-animation:flash .5s ease both;
    -o-animation:flash .5s ease both;
    animation:flash .5s ease both;
}
@-webkit-keyframes flash {
    0%,20%,40%,70%{-webkit-transform:rotate(9deg)}
    10%,30%,50%,90%{-webkit-transform:rotate(-9deg)}
    to{-webkit-transform:rotate(0)}
}
@-moz-keyframes flash {
    0%,20%,40%,70%{-moz-transform:rotate(9deg)}
    10%,30%,50%,90%{-moz-transform:rotate(-9deg)}
    to{-moz-transform:rotate(0)}
}
@-ms-keyframes flash {
    0%,20%,40%,70%{-ms-transform:rotate(9deg)}
    10%,30%,50%,90%{-ms-transform:rotate(-9deg)}
    to{-ms-transform:rotate(0)}
}
@-o-keyframes flash {
    0%,20%,40%,70%{-o-transform:rotate(9deg)}
    10%,30%,50%,90%{-o-transform:rotate(-9deg)}
    to{-o-transform:rotate(0)}
}
@keyframes flash {
    0%,20%,40%,70%{transform:rotate(9deg)}
    10%,30%,50%,90%{transform:rotate(-9deg)}
    to{transform:rotate(0)}
}


.section-page6{background:#de4c78 url(../images/site/bg-page6.jpg) no-repeat 50% 0;}
.section-page6 .section-wrapper{height:350px;text-align:center;}
.section-page6.section .title-desc{text-align:center;height:160px;padding:120px 0 0;overflow:hidden;}
.section-page6.section .title-desc h2{color:#fff;}
.section-page6 .btn-luke,
.btn-luke-border{background:transparent;border-color:#fff;display:inline-block;margin:30px auto;line-height:1;padding:10px 45px;}
.section-page6 .btn-luke{background:transparent;color:#fff;}
.section-page6 .btn-luke:hover,.section-page6 .btn-luke:active{background:#fff;color:#e3507c;text-decoration: none;border:1px solid #fff;}
@media screen and (min-width: 769px){
    .section-footer{background:#373941;padding:20px 0;text-align:center;color:#888;z-index: 1000;overflow: hidden;}
    .section-footer .section-wrapper{width:1190px;margin:0 auto;text-align:center;}
    .section-footer .section-content{display: block;}
}
@media screen and (max-width: 768px){
    .section-footer{display: none}
    .section-footer .section-wrapper{display: none}
    .section-footer .section-content{display: none;}
}
.footer-link{padding:30px 0 0;}
.footer-link .widget{width:230px;height:182px;display:inline-block;vertical-align:top;position:relative;text-align:left;}
.footer-link .widget::after{background:#2b2b2b;content:'';width:1px;height:120px;line-height:0;font-size:0;display:inline-block;position:absolute;top:30px;right:80px;}
.footer-link .widget h6{font-size:1.6rem;margin:0 0 25px;color:#FFF;}
.footer-link .widget ul{padding:0;margin:0;color:#888}
.footer-link .widget ul li{margin:0 0 15px;padding:0;list-style:none;font-size:1.4rem;}
.footer-link .widget ul li a:hover{color:#FFF;}
.footer-link .widget.widget-contact{width:300px;}
.footer-link .widget.widget-contact::after{display:none;}
.footer-link .widget .icon{width:20px;height:20px;display:inline-block;vertical-align:middle;background:url(../images/site/icon.png) no-repeat 0 -120px;}
.footer-link .widget .icon.icon-email{background:url(../images/site/icon.png) no-repeat -20px -120px;}