@charset "utf-8";
/* CSS Document */
.section {text-align: center; font: 18px "Microsoft Yahei"; color: #fff;}
img{border:0;}
ul{list-style:none;padding:0;margin:0;}

/*顶部固定*/
.topBar{width:1100px;height:58px; overflow:hidden; padding-top:35px;margin-left:-550px;z-index:9999;position:fixed !important;/*FF IE7*/ position:absolute;/*IE6*/left:50%;top:0;_top:expression(eval(document.documentElement.scrollTop));}
.topBar .logo{ float:left;width:230px; height:58px; margin:0 0 0 10px; text-indent:-1999px; overflow:hidden; background:url(/images/zhuanti/qiangangbao/qgb-logo.png) no-repeat;_background:none;/*If IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/qgb-logo.png', sizingMethod='crop');}
.topBar span{float:right;height:22px;line-height:20px;padding:0 15px 0 35px;background:url(/images/zhuanti/qiangangbao/home-icon.png) no-repeat;_background:none;/*If IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home-icon.png', sizingMethod='crop');}
.topBar span a{color:#444;text-decoration:none;}
.topBar span a:hover{ color:#fff;}
.topBar{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;
-o-animation:fadeInDown 1s .2s ease both;
animation:fadeInDown 1s .2s ease both;
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-10px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-10px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-10px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;
transform:translateY(-10px)}
100%{opacity:1;
transform:translateY(0)}
}

/*第一屏*/
.main{width:1100px;overflow:hidden;margin:0 auto; padding-top:173px;font-family:'microsoft yahei';font-size:20px; color:#555;position:relative; }
.main p,.main img{ margin:0; padding:0;}
.main ul{list-style:none;}
.sec_1_boxLeft{float:left;*display:inline;width:367px; height:635px;margin:0 30px 50px;background:url(/images/zhuanti/qiangangbao/phone-bg.png) no-repeat;_background:none;/*If IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/phone-bg.png', sizingMethod='crop');}
.sec_1_boxRight{float:left;*width:600px; padding-top:40px; text-align:left;}
.sec_1_boxRight img{ display:block;}
.sec_1_boxRight ul{ width:100%; overflow:hidden;padding:25px 0 0 10px; margin:0;}
.sec_1_boxRight ul li{ float:left; margin-right:60px;}
.sec_1_boxRight ul li img{ margin-bottom:5px;}

/*轮播图*/
.roll_img{ float:left;display:inline;width:261px; height:461px; overflow:hidden; margin:72px 0 0 51px;}
.roll_img ul{ width:522px; margin:0; padding:0;}
.roll_img ul li{float:left;width:261px;}
.roll_img ul li img{float:left;width:261px; display:block;}

/*第一屏加载动画 begin*/
.active .animate_1{
-webkit-animation:fadeInLeft 1s .2s ease both;
-o-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;
animation:fadeInLeft 1s .2s ease both;
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-100px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-100px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft{
0%{opacity:0;
-o-transform:translateX(-100px)}
100%{opacity:1;
-o-transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{opacity:0;
transform:translateX(-100px)}
100%{opacity:1;
transform:translateX(0)}
}
.active .animate_2{
-webkit-animation:fadeInRight 1s .2s ease both;
-o-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;
animation:fadeInRight 1s .2s ease both;
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(100px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(100px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-o-keyframes fadeInRight{
0%{opacity:0;
-o-transform:translateX(100px)}
100%{opacity:1;
-o-transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;
transform:translateX(100px)}
100%{opacity:1;
transform:translateX(0)}
}
.active .animate_3{
-webkit-animation:bounceIn 1s .6s ease both;
-moz-animation:bounceIn 1s .6s ease both;
-o-animation:bounceIn 1s .6s ease both;
animation:bounceIn 1s .6s ease both;
}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.1)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.1)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.1)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
@keyframes bounceIn{
0%{opacity:0;
transform:scale(.3)}
50%{opacity:1;
transform:scale(1.1)}
70%{transform:scale(.9)}
100%{transform:scale(1)}
}
/*第一屏加载动画 end*/

/*第二屏*/
.sub_main{width:1100px;height:100%;margin:0 auto;position:relative;}
.sub_main p,.sub_main img{margin:0;padding:0;}
.sub_main .sub_tit{padding-top:65px;}

.active .sub_tit{
-webkit-animation:fadeInDownBig 1.2s .2s ease both;
-moz-animation:fadeInDownBig 1.2s .2s ease both;
-o-animation:fadeInDownBig 1.2s .2s ease both;
animation:fadeInDownBig 1.2s .2s ease both;
}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;
-webkit-transform:translateY(-1000px)}
50%{opacity:0;
-webkit-transform:translateY(-500)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownBig{
0%{opacity:0;
-moz-transform:translateY(-1000px)}
50%{opacity:0;
-moz-transform:translateY(-500)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDownBig{
0%{opacity:0;
-moz-transform:translateY(-1000px)}
50%{opacity:0;
-moz-transform:translateY(-500)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@keyframes fadeInDownBig{
0%{opacity:0;
transform:translateY(-1000px)}
50%{opacity:0;
transform:translateY(-500)}
100%{opacity:1;
transform:translateY(0)}
}

.img_box_1,.img_box_2,.img_box_5,.img_box_6,.img_box_7{position:absolute;left:50%; bottom:0;}
.img_box_1{ width:972px; height:625px; margin-left:-486px;}

.img_box_7 img{width:100%;}

.active .img_box_1,.active .img_box_2,.active .img_box_3,.active .img_box_4,.active .img_box_5,.active .img_box_6,.active .img_box_7{
-webkit-animation:fadeInUp 1s .7s ease both;
-moz-animation:fadeInUp 1s .7s ease both;
-o-animation:fadeInUp 1s .7s ease both;
animation:fadeInUp 1s .8s ease both;
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(200000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(200000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp{
0%{opacity:0;
-o-transform:translateY(200000px)}
100%{opacity:1;
-o-transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;
transform:translateY(200000px)}
100%{opacity:1;
transform:translateY(0)}
}

.active .img_box_2.sub{
-webkit-animation:fadeInUp 1s 5s ease both;
-moz-animation:fadeInUp 1s 5s ease both;
-o-animation:fadeInUp 1s 5s ease both;
animation:fadeInUp 1s 5s ease both;
}
}

.position_ico{width:43px;height:50px;position:absolute;z-index:1}
.position_ico.p1{ left:380px;top:0;}
.position_ico.p2{ left:310px;top:174px;}
.position_ico.p3{ left:594px;top:256px;}

.active .position_ico{
position:absolute;
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;
-o-animation:fadeInDown 1s .2s ease both;
animation:fadeInDown 1s .2s ease both;
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}	
@-o-keyframes fadeInDown{
0%{opacity:0;
-o-transform:translateY(-30px)}
100%{opacity:1;
-o-transform:translateY(0)}
}	
@keyframes fadeInDown{
0%{opacity:0;
transform:translateY(-30px)}
100%{opacity:1;
transform:translateY(0)}
}
.active .position_ico.p1{
-webkit-animation-delay:2s;
-ms-animation-delay:2s;
-moz-animation-delay:2s;
-o-animation-delay:2s;
animation-delay:2s
}
.active .position_ico.p2{
-webkit-animation-delay:3s;
-ms-animation-delay:3s;
-moz-animation-delay:3s;
-o-animation-delay:3s;
animation-delay:3s
}
.active .position_ico.p3{
-webkit-animation-delay:4s;
-ms-animation-delay:4s;
-moz-animation-delay:4s;
-o-animation-delay:4s;
animation-delay:4s
}

/*通用信号波 begin*/
.circle{
width: 250px;
height: 250px;
position:absolute;
left:540px;
top: 325px;
display:none\9;
}
.circle.cir_2{
left:150px;
top: 440px;
}
.circle.cir_3{
left:100px;
top: 300px;
}

.active .circle{
-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both;
-o-animation:fadeInUp 1s .2s ease both;
animation:fadeInUp 1s .2s ease both;
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(10px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(10px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp{
0%{opacity:0;
-o-transform:translateY(10px)}
100%{opacity:1;
-o-transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;
transform:translateY(10px)}
100%{opacity:1;
transform:translateY(0)}
}
.active .circle{
-webkit-animation-delay:1s;
-ms-animation-delay:1s;
-moz-animation-delay:1s;
-o-animation-delay:1s;
animation-delay:1s
}

.active .circle div{
width: 260px;
height: 220px;
border-radius:130px/110px;
position:absolute;
left: 50%;
top: 50%;
margin-left: -130px;
margin-top: -110px;
opacity: 1;
border:2px solid #F00;
-webkit-animation-duration:1.2s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-ms-animation-duration:1.2s;
-ms-animation-timing-function:linear;
-ms-animation-iteration-count:infinite;
-moz-animation-duration:1.2s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-o-animation-duration:1.2s;
-o-animation-timing-function:linear;
-o-animation-iteration-count:infinite;
animation-duration:1.2s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}
.circle div.c1{width:14px; height:14px; margin-left:-7px; margin-top:-7px;border-radius:14px;
 background:#da0002;}
.circle.cir_3 div{
width: 420px;
height: 400px;
border-radius:210px/200px;
margin-left: -210px;
margin-top: -200px;
background:none;
}
.circle.cir_3 div.c1{width:14px; height:14px; margin-left:-7px; margin-top:-7px;border-radius:14px;}

 
.active .circle div.c2{
-webkit-animation-name:c2;
-webkit-animation-delay:.6s;
-ms-animation-name:c2;
-ms-animation-delay:.6s;
-moz-animation-name:c2;
-moz-animation-delay:.6s;
-o-animation-name:c2;
-o-animation-delay:.6s;
animation-name:c2;
animation-delay:.6s
}
.active .circle div.c3{
-webkit-animation-name:c2;
-webkit-animation-delay:1.2s;
-ms-animation-name:c2;
-ms-animation-delay:1.2s;
-moz-animation-name:c2;
-moz-animation-delay:1.2s;
-o-animation-name:c2;
-o-animation-delay:1.2s;
animation-name:c2;
animation-delay:1.2s
}
@-webkit-keyframes c2 {
0% {
-webkit-transform:scale(.222);
-ms-transform:scale(.222);
-moz-transform:scale(.222);
-o-transform:scale(.222);
transform:scale(.222);
opacity:1
}
50% {
-webkit-transform:scale(.622);
-ms-transform:scale(.622);
-moz-transform:scale(.622);
-o-transform:scale(.622);
transform:scale(.622);
opacity:.4
}
98% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:.2
}
100% {
opacity:0
}
}
@-ms-keyframes c2 {
0% {
-webkit-transform:scale(.222);
-ms-transform:scale(.222);
-moz-transform:scale(.222);
-o-transform:scale(.222);
transform:scale(.222);
opacity:1
}
50% {
-webkit-transform:scale(.622);
-ms-transform:scale(.622);
-moz-transform:scale(.622);
-o-transform:scale(.622);
transform:scale(.622);
opacity:.4
}
98% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:.2
}
100% {
opacity:0
}
}
@-moz-keyframes c2 {
0% {
-webkit-transform:scale(.222);
-ms-transform:scale(.222);
-moz-transform:scale(.222);
-o-transform:scale(.222);
transform:scale(.222);
opacity:1
}
50% {
-webkit-transform:scale(.622);
-ms-transform:scale(.622);
-moz-transform:scale(.622);
-o-transform:scale(.622);
transform:scale(.622);
opacity:.4
}
98% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:.2
}
100% {
opacity:0
}
}
@-o-keyframes c2 {
0% {
-webkit-transform:scale(.222);
-ms-transform:scale(.222);
-moz-transform:scale(.222);
-o-transform:scale(.222);
transform:scale(.222);
opacity:1
}
50% {
-webkit-transform:scale(.622);
-ms-transform:scale(.622);
-moz-transform:scale(.622);
-o-transform:scale(.622);
transform:scale(.622);
opacity:.4
}
98% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:.2
}
100% {
opacity:0
}
}
@keyframes c2 {
0% {
-webkit-transform:scale(.222);
-ms-transform:scale(.222);
-moz-transform:scale(.222);
-o-transform:scale(.222);
transform:scale(.222);
opacity:1
}
50% {
-webkit-transform:scale(.622);
-ms-transform:scale(.622);
-moz-transform:scale(.622);
-o-transform:scale(.622);
transform:scale(.622);
opacity:.4
}
98% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:.2
}
100% {
opacity:0
}
}
/*通用信号波 end*/

/*ITP 屏*/
.img_box_7{ width:1026px; height:575px; margin-left:-513px;}


/*第三屏*/
.img_box_2{ width:529px; height:657px; margin-left:-264px;}
.search{ width:163px; height:124px; position: absolute;  right:100px; bottom:10px;}
.active .search{
-webkit-animation:fadeInDown 1s 2s ease both;
-moz-animation:fadeInDown 1s 2s ease both;
-o-animation:fadeInDown 1s 2s ease both;
animation:fadeInDown 1s 2s ease both;
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown{
0%{opacity:0;
-o-transform:translateY(-20px)}
100%{opacity:1;
-o-transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;
transform:translateY(-20px)}
100%{opacity:1;
transform:translateY(0)}
}


.active .search img{
-webkit-animation:wobble 3s 3s infinite ease both;
-moz-animation:wobble 3s 3s infinite ease both;
-o-animation:wobble 3s 3s infinite ease both;
animation:wobble 3s 3s infinite ease both;
}
@-webkit-keyframes wobble{
0%{-webkit-transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%)}
}
@-moz-keyframes wobble{
0%{-moz-transform:translateX(0%)}
15%{-moz-transform:translateX(-25%) rotate(-5deg)}
30%{-moz-transform:translateX(20%) rotate(3deg)}
45%{-moz-transform:translateX(-15%) rotate(-3deg)}
60%{-moz-transform:translateX(10%) rotate(2deg)}
75%{-moz-transform:translateX(-5%) rotate(-1deg)}
100%{-moz-transform:translateX(0%)}
}
@-o-keyframes wobble{
0%{-o-transform:translateX(0%)}
15%{-o-transform:translateX(-25%) rotate(-5deg)}
30%{-o-transform:translateX(20%) rotate(3deg)}
45%{-o-transform:translateX(-15%) rotate(-3deg)}
60%{-o-transform:translateX(10%) rotate(2deg)}
75%{-o-transform:translateX(-5%) rotate(-1deg)}
100%{-o-transform:translateX(0%)}
}
@keyframes wobble{
0%{transform:translateX(0%)}
15%{transform:translateX(-25%) rotate(-5deg)}
30%{transform:translateX(20%) rotate(3deg)}
45%{transform:translateX(-15%) rotate(-3deg)}
60%{transform:translateX(10%) rotate(2deg)}
75%{transform:translateX(-5%) rotate(-1deg)}
100%{transform:translateX(0%)}
}

/*第四屏*/
.img_box_3{ width:867px; margin:0 auto; padding-top:325px; position:relative;}
.order_img{ width:717px; height:206px; position:absolute;}

.order_img.o1{left:75px; bottom:60px;}
.order_img.o2{left:75px; bottom:195px;}
.order_img.o3{left:75px; bottom:293px;}

.active .order_img{
-webkit-animation:fadeInUp 1s 2s ease both;
-moz-animation:fadeInUp 1s 2s ease both;
-o-animation:fadeInUp 1s 2s ease both;
animation:fadeInUp 1s 2s ease both;
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp{
0%{opacity:0;
-o-transform:translateY(20px)}
100%{opacity:1;
-o-transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;
transform:translateY(20px)}
100%{opacity:1;
transform:translateY(0)}
}
.active .order_img.o2{
-webkit-animation:fadeInUp 1s 3s ease both;
-moz-animation:fadeInUp 1s 3s ease both;
-o-animation:fadeInUp 1s 3s ease both;
animation:fadeInUp 1s 3s ease both;
}

.active .order_img.o3{
-webkit-animation:fadeInUp 1s 4s ease both;
-moz-animation:fadeInUp 1s 4s ease both;
-o-animation:fadeInUp 1s 4s ease both;
animation:fadeInUp 1s 4s ease both;
}

/*第五屏*/
.img_box_4{ width:822px; height:512px; margin:0 auto; padding-top:100px; position:relative;}

/*第六屏*/
.img_box_5{width:642px;height:834px;margin-left:-321px;}
.rocket{width:157px; height:325px; position:absolute; left:50%; margin-left:-78px; top:-35px;}

.active .rocket{
-webkit-animation:fadeInUpBig 1s 1.5s ease both;
-moz-animation:fadeInUpBig 1s 1.5s ease both;
-o-animation:fadeInUpBig 1s 1.5s ease both;
animation:fadeInUpBig 1s 1.5s ease both;
}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
0%{opacity:0;
-moz-transform:translateY(2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUpBig{
0%{opacity:0;
-o-transform:translateY(2000px)}
100%{opacity:1;
-o-transform:translateY(0)}
}
@keyframes fadeInUpBig{
0%{opacity:0;
transform:translateY(2000px)}
100%{opacity:1;
transform:translateY(0)}
}

/*第六屏修改*/
.img_box_6{width:651px;height:679px;margin-left:-325px;}
.img_box_6.sub{width:584px;height:110px;margin-left:-292px;}
.active .img_box_6.sub{
-webkit-animation:fadeInUp 1s 2s ease both;
-moz-animation:fadeInUp 1s 2s ease both;
-o-animation:fadeInUp 1s 2s ease both;
animation:fadeInUp 1s 2s ease both;
}
.hand{width:95px;height:109px;position:absolute;left:300px;top:334px;}
.active .hand{
-webkit-animation:bounce 1.5s 2.8s infinite ease both;
-moz-animation:bounce 1.5s 2.8s infinite ease both;
-o-animation:bounce 1.5s 2.8s infinite ease both;
animation:bounce 1.5s 2.8s infinite ease both;
}
@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-3px)}
60%{-webkit-transform:translateY(-0px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-3px)}
60%{-moz-transform:translateY(-0px)}
}
@-o-keyframes bounce{
0%,20%,50%,80%,100%{-o-transform:translateY(0)}
40%{-o-transform:translateY(-3px)}
60%{-o-transform:translateY(-0px)}
}
@keyframes bounce{
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-3px)}
60%{transform:translateY(-0px)}
}

/*底部*/
#section-footer,#footer-text{width:100%;height: auto;vertical-align:top;}

.help{font-size:12px;height:260px;width:100%;min-width:1100px;border-top:solid 1px #f0f0f0;border-bottom:solid 1px #f0f0f0;border-bottom:none\9;background-color:#FFF;clear:both;}
.help .help_des{width:1100px;margin-left:auto;margin-right:auto;margin-top:40px;margin-top:120px\9;height:200px;}
.help .help_des .lihead{font-size:14px;text-align:left;font-weight:bold;color:#666666;}
.help .help_des div{width:210px;height:165px;float:left;border-left:dashed 1px #d6d6d6;text-align:left !important;}
.help .help_des li{padding-left:24px;margin-left:47px;height:28px;line-height:28px;color:#FFF;margin-top:0px;color:#666666;}
.help .help_des li a{color:#666666;text-decoration:none;}
.help .help_des li a:hover{color:#F60;text-decoration:underline;}
.help .help_des .kfphone{color:#FFF;border-radius:19px;font-weight:bold;background: url(/images/tyang.png) no-repeat ;width:192px;text-align:left !important;padding-left:26px!important;}

.mai{position:relative;text-align:left !important;}
.mai span{width:33px;height:33px;float:left;position:absolute;top:3px;left:18px;_left:-30px;display:inline-block;overflow:hidden;}
.mai_i01{background:url(/images/sy_allbg.png) no-repeat;background-position:-267px -315px;}
.mai_i02{background:url(/images/sy_allbg.png) no-repeat;background-position:-267px -353px;}
.mai_i03{background:url(/images/sy_allbg.png) no-repeat;background-position:-267px -391px;}
.mai_i04{background:url(/images/sy_allbg.png) no-repeat;background-position:-267px -429px;}
.shlm_f{clear:both;width:100%;overflow:hidden;}
.f_nav{width:690px;margin:0 auto;overflow:hidden;line-height:40px;color:#636363;font-size:12px;}
.f_nav a{color:#636363;margin:0 10px;text-align:center;}
.f_nav a:hover{color:#f70;}
.f_x{width:100%;border-top:#e2e2e2 solid 1px;padding:16px 0;overflow:hidden;}/*new8-26*/
.f_x p{text-align:center;color:#8e8e8e;line-height:30px;}

span.long{float:left;width:80px;height:98px;background:url(/images/sy_allbg.png) no-repeat;background-position:-102px -482px;display:inline-block;overflow:hidden;margin-left:20px;}