@charset "utf-8";

.part {position: relative;}
.part .wrap {position: relative;z-index: 1;}
.waves {position: absolute;left:0;top:0;width: 100%;z-index: 0;}

/* banna */
.banner {position: relative; width: 100%; height: 520px; overflow: hidden;}
.banner .wrap {position: relative;}
.banna {position: relative;width: 100%;height: 520px;}
.bannak {position: relative;z-index: 1; height: 520px;background: url(../images/banna_bg.png) center center repeat-y;}
.bannak .ab {position: absolute;top:78px;right:0;width: 400px;margin-top: 60px;-webkit-animation: rightFadeIn 1s ease-out; -moz-animation: rightFadeIn 1s ease-out; animation: rightFadeIn 1s ease-out;}
.w1200 .bannak .ab {width: 550px;margin-top: 0;}
.bannak .txt {width: 540px;padding-top:65px;color: #fff;}
.bannak p {-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);transform:translateX(-200%);}
.bannak .p1 {margin-bottom: 25px;font-size: 48px;-webkit-animation: leftFadeIn_m .8s ease-out .3s forwards; -moz-animation: leftFadeIn_m .8s ease-out .3s forwards; animation: leftFadeIn_m .8s ease-out .3s forwards;}
.bannak .p2 {margin-bottom: 30px;font-size: 20px;-webkit-animation: leftFadeIn_m .8s ease-out .8s forwards; -moz-animation: leftFadeIn_m .8s ease-out .8s forwards; animation: leftFadeIn_m .8s ease-out .8s forwards;}
.bannak .d {font-size: 16px;line-height: 26px;-webkit-animation: leftFadeIn_m .8s ease-out 1.2s forwards; -moz-animation: leftFadeIn_m .8s ease-out 1.2s forwards; animation: leftFadeIn_m .8s ease-out 1.2s forwards;}
.bannak .icon-s {position: absolute;top:345px;left:0;height: 95px;overflow: hidden;}
.bannak .icon-s i {position: relative;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%);display: inline-block;width: 70px;height: 90px;}
.icon-bn1 {background-position: -20px 0;-webkit-animation: bottomFade_m .5s ease-out 2s forwards; -moz-animation: bottomFade_m .5s ease-out 2s forwards; animation: bottomFade_m .5s ease-out 2s forwards;}
.icon-bn2 {background-position: -92px 0;-webkit-animation: bottomFade_m .5s ease-out 2.3s forwards; -moz-animation: bottomFade_m .5s ease-out 2.3s forwards; animation: bottomFade_m .5s ease-out 2.3s forwards;}
.icon-bn3 {background-position: -182px 0;-webkit-animation: bottomFade_m .5s ease-out 2.6s forwards; -moz-animation: bottomFade_m .5s ease-out 2.6s forwards; animation: bottomFade_m .5s ease-out 2.6s forwards;}

.ban-largeimg {width: 100%; height: 520px; overflow: hidden;}
.ban-largeimg img { position: relative; z-index: 9; left: 50%; margin-left: -960px;}

.v4_btn1, .v4_btn2 {position: absolute; top: 310px; left: 0; width: 190px; height: 50px; z-index: 110;}
.v4_btn2 {left: 225px;}

.banner-tab {z-index: 989; position: absolute; bottom: 8px; bottom: 15px\9; left: 50%;}
.banner-tab li {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; float: left; color: #fff; width: 26px; height: 4px; padding: 10px 3px; padding: 1px 3px\9; cursor: pointer; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; background: #a1a1a3; background-color: rgba(255, 255, 255, 0.3); -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box;}
.banner-tab li.on, .banner-tab li:hover {background: #fff; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box;}


/* 2017 年终大促 */
.banna .nzdc {position: relative; width: 505px; margin: 0 auto;}
.nzdc .btns {position: absolute; z-index: 10; left: 0; bottom: 53px; right: 0; height: 56px;}
.nzdc .btns a {position: absolute; left: 0; top: 0; width: 192px; height: 70px;}
.nzdc .btns .b1 {left: 0;}
.nzdc .btns .b2 {left: 315px;}

/* 后台演示视频 */
.popupVideo {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999;}
.popupVideo .video-bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity:  0.6; opacity: 0.6;}
.popupVideo .video {position: absolute; left: 50%; top: 50%; width: 1024px; height: 576px; margin: -300px 0 0 -512px; z-index: 2; -webkit-animation: bottomFadeIn .5s ease-out; -moz-animation: bottomFadeIn .5s ease-out; animation: bottomFadeIn .5s ease-out;}
.popupVideo .video video {width: 1024px; height: 576px; display: block;}
.popupVideo .video .close {position: absolute; right: -40px; top: -30px; width: 35px; height: 30px; line-height: 20px; font-size: 50px; color: #ccc;}
.popupVideo .video .close:hover {color: #fff;}


/* 2018-09-01 升级 */
.update91 {position: relative;}
.update91 img {position: relative; z-index: 2;}
.update91 a {position: absolute; z-index: 3; top: 235px; left: 490px; width: 220px; height: 60px;}


/*********** 通栏版块 ***********/
.advant {width: 100%;height: 350px;background:#fff;}
.advant .wrap {position: relative;}
.advant.even {background:#ebf0f6;}
.advant .pic {position: absolute;top:0;width: 490px;height: 350px;}
.advant.odd .pic {left:0;}
.advant.even .pic {right:0;}
.advant.even .txt {float: left;}

.advant.odd.curr .txt {-webkit-animation: rightFadeIn .8s ease-out; -moz-animation: rightFadeIn .8s ease-out; animation: rightFadeIn .8s ease-out;}
.advant.even.curr .txt {-webkit-animation: leftFadeIn .8s ease-out; -moz-animation: leftFadeIn .8s ease-out; animation: leftFadeIn .8s ease-out;}
.advant .txt {position: relative;width: 510px;float: right;padding-top:70px;padding-right: 0;-webkit-transition:all 1.5s ease-out;transition:all 1.5s ease-out;}
.w1200 .advant .txt {width: 610px;padding-right: 20px;}
.advant .advantitle {position: relative;margin-bottom: 20px;font-size: 30px;color: #333;}
.advant li {position: relative;padding-left: 25px;line-height: 36px;font-size: 14px;color: #333;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;-webkit-transition:all .8s ease-out 1s;transition:all .8s ease-out 1s;}
.advant li i {position: absolute;left:0;top:12px;display: inline-block;width: 14px;height: 14px;}
.icon-check {background-position:-382px -205px;}

.advant.odd.curr .list li ,.advant.even.curr .list li {margin-left:0;}



.pic img {position: absolute;-webkit-transition:all 1s;transition:all 1s;}
.img_l {position: absolute;opacity:0;-webkit-transition:left 1s , opacity .7s;transition:left 1s , opacity .7s;}


/* 多元化门户平台 */
.pic-tag .tag {position: absolute;display: block;left:50%;top:50%;color: #fff;text-align: center;border-radius:50%;cursor: default;opacity:.8;z-index:1;}
.tag-s1 {width:90px;height: 90px;line-height: 90px;margin-top: -45px;margin-left: -45px;font-size: 27px;-webkit-transition:all .6s;transition:all .6s;}
.tag-s2 {width:70px;height: 70px;line-height: 70px;margin-top: -35px;margin-left: -35px;font-size: 17px;-webkit-transition:all 1.3s;transition:all 1.3s;}
.tag-s3 {width:60px;height: 60px;line-height: 60px;margin-top: -30px;margin-left: -30px;font-size: 15px;-webkit-transition:all 1.6s;transition:all 1.6s;}
.tag-s4 {width:50px;height: 50px;line-height: 50px;margin-top: -25px;margin-left: -25px;font-size: 13px;-webkit-transition:all 1.8s;transition:all 1.8s;}
.tag-s5 {width:40px;height: 40px;line-height: 40px;margin-top: -20px;margin-left: -20px;font-size: 13px;-webkit-transition:all 2s;transition:all 2s;}

.pic-tag .tag:hover {opacity:1;z-index:2; -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2);box-shadow: 0 0 40px rgba(0, 0, 0, 0.33);}

.tag-c1 {background:#79d2fa;}
.tag-c2 {background:#5cc1ef;}
.tag-c3 {background:#94c8f0;}
.tag-c4 {background:#f2845a;}
.tag-c5 {background:#ff8b5e;}
.tag-c6 {background:#ff9600;}
.tag-c7 {background:#70e06f;}
.tag-c8 {background:#4ae348;}
.tag-c9 {background:#95a3db;}
.tag-c10 {background:#fbaf66;}
.tag-c11 {background:#cbcbcb;}
.tag-c12 {background:#bfaea7;}
.tag-c13 {background:#ffc93a;}
.tag-c14 {background:#79d2fa;}

.curr .tag {margin:0;-webkit-animation: swing 3s ease-out infinite alternate; -moz-animation: swing 3s ease-out infinite alternate; animation: swing 3s ease-out infinite alternate;}
.curr .tag-s1 {}
.curr #tag_01 {left:52px;top:75px;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.curr #tag_03 {left:140px;top:71px;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s;}
.curr #tag_07 {left:85px;top:159px;width: 94px;height: 94px;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
.curr #tag_09 {left:158px;top:208px;width: 94px;height: 94px;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;}
.curr #tag_08 {left:170px;top:147px;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;}
.curr #tag_13 {left:295px;top:134px;-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;animation-delay:1.3s;}
.curr #tag_02 {left:260px;top:62px;-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s;}
.curr #tag_14 {left:227px;top:108px;-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;animation-delay:2.5s;}
.curr #tag_04 {left:310px;top:75px;-webkit-animation-delay:3.4s;-moz-animation-delay:3.4s;animation-delay:3.4s;}
.curr #tag_06 {left:346px;top:128px;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s;}
.curr #tag_12 {left:324px;top:174px;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s;}
.curr #tag_11 {left:296px;top:222px;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
.curr #tag_05 {left:392px;top:80px;-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;animation-delay:2.2s;}
.curr #tag_10 {left:225px;top:170px;-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;animation-delay:2.4s;}

/* 第二版块 系统平台 */
.module .bg {position: absolute;bottom:40px;left:65%;margin-left: -142px;opacity:0;-webkit-transform: scale(0.4);transform: scale(0.4);z-index: 2;-webkit-transition:all 1s;transition:all 1s;}
.module .paytype {position: absolute;left:50%;top:50%;margin-left: -37px;margin-top: -30px;text-align: center;font-size: 12px;color: #333;opacity:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;}
.module .paytype i {display: block;width: 75px;height: 60px;}
.module .paytype .icon-pay-beibao {width: 160px;height: 40px;}
.curr .module .bg {bottom:40px;opacity:1;left:50%;-webkit-transform: scale(1);transform: scale(1);}
.curr .module .paytype {margin: 0;opacity:1;}
.curr .module .pt1 {left:10px;top:120px;}
.curr .module .pt2 {left:100px;top:60px;}
.curr .module .pt3 {left:210px;top:20px;}
.curr .module .pt4 {left:310px;top:60px;}
.curr .module .pt5 {left:342px;top:155px;}

.icon-pay-zfb {background-position:-10px -300px;}
.icon-pay-yinlian {background-position:-92px -300px;}
.icon-pay-baidu {background-position:-175px -300px;}
.icon-pay-weixin {background-position:-258px -300px;}
.icon-pay-beibao {background-position:-230px -465px;}


/* 第三版块 前端技术 */
.web .bg {position: absolute;right:30px;top:60px;z-index: 2;-webkit-animation: leftFadeIn .3s ease-out; -moz-animation: leftFadeIn .3s ease-out; animation: leftFadeIn .3s ease-out;}
.browser {position: absolute;left:50px;top:50px;width: 350px;height: 280px;background-position: -414px 0;}
.browser .icon {position: absolute;left:280px;top:105px;display: block;width: 70px;height: 70px;opacity:0;-webkit-transition:all .35s ease-out .3s;transition:all .35s ease-out .3s;}

.icon-bro-google {background-position: -10px -377px;}
.icon-bro-firefox {background-position: -80px -371px;}
.icon-bro-qq {background-position: -81px -448px;}
.icon-bro-360 {background-position: -152px -375px;}
.icon-bro-liebao {background-position: -301px -371px;}
.icon-bro-wz {background-position: -7px -442px;}
.icon-bro-ie {background-position: -80px -377px;}
.icon-bro-sogou {background-position: -225px -374px;}

.curr .browser .icon {opacity: 1;}
.curr .icon-bro-google {left:-50px;top:100px;}
.curr .icon-bro-firefox {left:10px;top:145px;}
.curr .icon-bro-qq {left:64px;top:90px;}
.curr .icon-bro-360 {left:137px;top:122px;}
.curr .icon-bro-liebao {left:80px;top:187px;}
.curr .icon-bro-wz {left:7px;top:35px;}
.curr .icon-bro-ie {left:60px;top:-10px;}
.curr .icon-bro-sogou {left:112px;top:37px;}

/* 提速 */
.speed .img_l {top:50%;margin-top: -142px;left:40%;margin-left: -150px;}
.speed .img_r {position: absolute;top:50px;right:0;}
.curr .speed .img_l {left:50%;opacity:1;}
.curr .speed .img_r {right:184px;opacity:1;}
.speed span {position: absolute;font-size: 14px;color: #333;opacity:0;}
.speed .t1 {left:65px;top:65px;}
.speed .t2 {left:35px;top:250px;}
.speed .t3 {left:405px;top:220px;}
.curr .speed span {-webkit-animation: leftFadeIn 1s ease-out forwards; -moz-animation: leftFadeIn 1s ease-out forwards; animation: leftFadeIn 1s ease-out forwards;}
.curr .speed span.t1 {-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.curr .speed span.t2 {-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;animation-delay:1.3s;}
.curr .speed span.t3 {-webkit-animation-delay:1.7s;-moz-animation-delay:1.7s;animation-delay:1.7s;}

/* 安全 */
.salf .img_l {left:-100px;top:25px;opacity:0;}
.salf .img_r {right:-100px;top:25px;opacity:0;}
.curr .salf .img_l {left:0;opacity:1;}
.curr .salf .img_r {right:0;opacity:1;}

/* 多终端 */
.terminal .icons-s {position: absolute;bottom:70px;left:27px;height: 160px;}
.terminal .icon {position: absolute;display: block;opacity:0;-webkit-transition:all 1s;transition:all 1s;}
.terminal .icon-b {left:-50px;top:0;width: 279px;height: 161px;background-position: -14px -627px;}
.terminal .icon-m {left:0;top:23px;width: 85px;height: 118px;background-position: -319px -650px;}
.terminal .icon-s {left:0;top:31px;width: 47px;height: 100px;background-position: -452px -658px;}
.terminal .icon-go1 {left:0;top:-45px;width: 110px;height: 35px;background-position: -110px -548px;}
.terminal .icon-go2 {left:0;top:-17px;width: 78px;height: 25px;background-position: -259px -557px;}
.curr .terminal .icon-b {left:0;opacity: 1;}
.curr .terminal .icon-m {left:305px;opacity: 1;}
.curr .terminal .icon-s {left:438px;opacity: 1;}
.curr .terminal .icon-go1 {left:207px;opacity: 1;}
.curr .terminal .icon-go2 {left:383px;opacity: 1;}

.salf .icons-s {position: absolute;right:-42px;bottom:5px;height: 105px;}
.salf .icons-s .icon {position: absolute;top:0;display: inline-block;width: 85px;height: 105px;opacity:0;}
.salf .icons-s .icon-qie {right:-50px;background-position: -439px -497px;-webkit-transition:all 1s;transition:all 1s;}
.salf .icons-s .icon-huo{right:0px;background-position: -550px -497px;-webkit-transition:all 1s .2s;transition:all 1s .2s;}
.curr .salf .icon-qie {right:0;opacity:1;}
.curr .salf .icon-huo {right:50px;opacity:1;}

/* 建站 */
.site img ,.site .icon {opacity:0;-webkit-transition:all 1s;transition:all 1s;}
.site .jz_1 {left:0;top:134px;}
.site .jz_2 {left:161px;top:-8px;-webkit-transition:all 1s .5s;transition:all 1s .5s;}
.site .jz_3 {left:286px;top:136px;}
.site .icon-mouse {position: absolute;left:300px;top:101px;display: block;width: 57px;height: 46px;background-position: -15px -544px;-webkit-transition:all .5s 1.5s;transition:all .5s 1.5s;}
.curr .site .jz_1 {left:19px;opacity:1;}
.curr .site .jz_2 {top:78px;opacity:1;}
.curr .site .jz_3 {left:267px;opacity:1;}
.curr .site .icon-mouse {left:277px;opacity:1;}


.title {position: relative;top:-5px;opacity:0;-webkit-transition:all .3s;transition:all .3s;z-index: 10;}
.curr .title {position: relative;top:0;opacity:1;}

/* 应用场景 */
.scenarios {width: 100%;height: 595px;color: #fff;background-color: #2193F3;background-image: url(../images/yycj_bg.png);background-position: center center;background-repeat:no-repeat;}
.scenarios .title {padding:60px 0;font-size: 24px;text-align: center;}
.scenarios .list li {float: left;width: 25%;text-align: center;}
.scenarios .icon-box {width: 86px;height: 86px;margin: 10px auto 15px;border:4px solid #fff;border-radius:50%;}
.scenarios .icon-box i {display: inline-block;width: 67px;height: 67px;margin:10px;background-color: #fff;border-radius:50%;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;}
.scenarios .icon-box:hover i {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.scenarios dl {height: 124px;}
.scenarios dt {margin-bottom: 10px;font-size: 16px;}
.scenarios dd {display: block;padding-left: 40px;text-align: left;line-height: 30px;font-size: 14px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.w1200 .scenarios dd {padding-left: 85px;}
.icon-point {position: relative;top:-2px;display: inline-block;width: 6px;height: 6px;margin-right: 6px;vertical-align: middle;background-position: -386px -238px;}
.scenarios .btn {display: block;-webkit-transition:all .3s;transition:all .3s;}
.scenarios .btn1 {width: 100px;height: 35px;line-height: 35px;margin:30px auto 20px;text-align: center;background:#fff;color: #4f8ef7;border-radius:4px;border:1px solid #ddd;}
.scenarios .btn1:hover {background:#4f8ef7;color: #fff;}
.scenarios .btn1:active {background:#397AE6;color: #fff;border-color: #fff;}
.scenarios .btn2 {color: #fff;}
.scenarios .btn2:hover {text-decoration: underline;}
.scenarios .icon-jt {position: absolute;left:195px;top:15px;display: block;width: 193px;height: 128px;background-position: -164px -164px;}
.scenarios.curr .icon-jt {-webkit-animation: leftFadeIn 2s ease-out; -moz-animation: leftFadeIn 2s ease-out; animation: leftFadeIn 2s ease-out;}

/* 系统会员中心图片展示 */
.sysPicShow .title {margin:45px 0 20px;font-size: 20px;color: #333;text-align: center;}
.slideBox {position: relative;}
#slideBox_1 {padding-bottom: 45px;}
.sysPicShow .bd {margin:10px auto;}
.sysPicShow .bd , .sysPicShow .bd li {width: 822px;height: 617px;overflow: hidden;}
.sysPicShow .bd img {display: block;width: 800px;height: 590px;border:1px solid #dbdbdb;border-bottom-color: #bababa;box-shadow: 0 10px 15px #B1B1B1;}
.sysPicShow .bd li {float: left;padding:10px 10px 15px;}
.slideBox .hd {height: 18px;margin-top: 20px;text-align: center;}
.slideBox .hd li {display: inline-block;width: 10px;height: 10px;margin:0 2px;background-position: -384px -269px;cursor: pointer;}
.slideBox .hd li {*display: inline;}
.slideBox .hd li.on {background-position: -384px -253px;}

.slideBox .btn {position: absolute;top:50%;margin-top: -22px;display: block;width: 24px;height: 45px;}
.slideBox .prev {left:50px;background-position: -34px -183px;}
.slideBox .next {right:50px;background-position: -34px -241px;}
.w1200 .slideBox .prev {left:85px;}
.w1200 .slideBox .next {right:85px;}
.slideBox .prev:hover {background-position: -70px -183px;}
.slideBox .next:hover {background-position: -70px -241px;}


.dataModule {height: 600px;background-color:#28BB84;background-image:url(../images/data_bg.png);background-position:center center;background-repeat: no-repeat;}
.dataModule .title {padding:80px 0 50px;font-size: 40px;color: #fff;text-align: center;s}
.dataModule dl {float: left;width: 33%;font-size: 18px;}
.dataModule dt {height: 60px;margin-bottom: 15px;padding-left: 20px;color: #333;}
.dataModule dt .pt {display: block;float: left;margin-top: 30px;}
.dataModule dd {margin-bottom: 40px;padding-left: 70px;color: #fff;}
.dataModule .dl3 dd {padding-left: 115px;}
.dataModule dt i {display: inline-block;width: 95px;height: 60px;margin-right: 10px;float: left;}
.dataModule dt .icon-qe , .dataModule dt .icon-win {width: 50px;}
.icon-qe {background-position: -32px -7px;}
.icon-win {background-position: -103px -3px;}
.icon-client {background-position: -290px -5px;}

/* 互联网环节 */
.weblink .title {padding:65px 0 30px;font-size: 30px;color: #000;text-align: center;}
.weblink .des {padding:0 100px;font-size: 18px;color: #666;line-height: 36px;}
.weblink .list {padding-bottom: 100px;}
.weblink li {float: left;width: 33%;}
.weblink .pic {width: 240px;height: 160px;margin:60px auto 10px;}
.weblink .txt {padding:0 20px;}
.w1200 .weblink .txt {padding:0 65px;}
.weblink .bt {margin-bottom: 20px;font-size: 18px;color: #000;text-align: center;}
.weblink .d {font-size: 14px;color: #747474;line-height: 26px;}


/* 客户列表 */
.companyList .title {padding:75px 0 40px;font-size: 30px;color: #000;text-align: center;}
.companyList .list {padding-bottom: 60px;}
.companyList li {width: 25%;float: left;}
.companyList li a {display: block;border:1px solid #fff;text-align: center;}
.companyList li a:hover {border-color: #ccc;}
.companyList li img {display: inline-block;width: 248px;height: 90px;padding:30px 0;}

/* 企业证书 */
.certificate {height: 500px;background:url(../images/certificate_bg.png) center center repeat-y;}
.certificate .title {padding:65px 0 50px;font-size: 30px;color: #fff;text-align: center;}
.certificate .bd {height: 200px;overflow: hidden;}
.certificate .bd li {width: 1000px;height: 200px;float: left;}
.w1200 .certificate .bd li {width: 1200px;}
.certificate .bd .item {position: relative;height: 200px;float: left;width: 50%;}
.certificate .bd .pic {position: absolute;left:0;top:0;}
.certificate .bd img {display: block;width: 147px;height: 200px;}
.certificate .bd .txt {padding:0 60px 0 167px;color: #fff;}
.certificate .bd .name {margin-bottom: 25px;font-size: 21px;}
.certificate .bd .d {line-height: 30px;font-size: 16px;}
.certificate .bd a {color: #fff;}
.certificate .bd a:hover {color: #eee;}
#slideBox_2 .hd {margin-top: 50px;}

/* icon 背景图 */
.bannak .icon-s i ,.scenarios .icon-box i ,.icon-point ,.icon-jt ,.slideBox .hd li ,.slideBox .btn ,.dataModule dt i ,.advant li i ,.module .paytype i ,.browser , .browser .icon ,.icons-s .icon {background-image: url(../images/icons_1.png);background-repeat: no-repeat;}

.icon-pc {background-position: -22px -90px;}
.icon-phone {background-position: -96px -90px;}
.icon-apple {background-position: -166px -90px;}
.icon-android {background-position: -230px -90px;}


/* 动画效果 */
/* 从左往右缓冲显示 */
@-webkit-keyframes leftFadeIn_m{
	0%{opacity:0;	-webkit-transform:translateX(-100%);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes leftFadeIn_m{
	0%{opacity:0;	-moz-transform:translateX(-100%);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes leftFadeIn_m{
	0%{opacity:0;	transform:translateX(-100%);}
	100%{opacity:1; transform:translateY(0);}
}
/* 从右往左缓冲显示 */
@-webkit-keyframes rightFadeIn_m{
	0%{opacity:0;	-webkit-transform:translateX(200%);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes rightFadeIn_m{
	0%{opacity:0;	-moz-transform:translateX(200%);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes rightFadeIn_m{
	0%{opacity:0;	transform:translateX(200%);}
	100%{opacity:1; transform:translateY(0);}
}

/* 从下往上缓冲显示 */
@-webkit-keyframes bottomFade_m{
	0%{opacity:0;	-webkit-transform:translateY(100%);}
	80%{opacity:.8;	-webkit-transform:translateY(-10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes bottomFade_m{
	0%{opacity:0;	-moz-transform:translateY(100%);}
	80%{opacity:.8;	-moz-transform:translateY(-10px);}
	100%{opacity:1;	-moz-transform:translateY(0);}
}

@keyframes bottomFade_m{
	0%{opacity:0;	transform:translateY(100%);}
	80%{opacity:.8;	transform:translateY(-10px);}
	100%{opacity:1;	transform:translateY(0);}
}

/* 摆动 */
@-webkit-keyframes swing{
	0%{-webkit-transform:translate(0px,0px);}
	20%{-webkit-transform:translate(-2px,-3px);}
	40%{-webkit-transform:translate(-5px,0px);}
	60%{-webkit-transform:translate(0px,3px);}
	80%{-webkit-transform:translate(3px,5px);}
	100%{-webkit-transform:translate(1px,-1px);}
}

@-moz-keyframes swing{
	0%{-moz-transform:translateX(0px);-moz-transformtranslateY(0px);}
	20%{-moz-transform:translateX(-2px);-moz-transformtranslateY(-3px);}
	40%{-moz-transform:translateX(-5px);-moz-transformtranslateY(0px);}
	60%{-moz-transform:translateX(0px);-moz-transformtranslateY(3px);}
	80%{-moz-transform:translateX(3px);-moz-transformtranslateY(5px);}
	100%{-moz-transform:translateX(0px);-moz-transformtranslateY(0px);}
}

@keyframes swing{
	0%{transform:translate(0px,0px);}
	20%{transform:translate(-2px,-3px);}
	40%{transform:translate(-5px,0px);}
	60%{transform:translate(0px,3px);}
	80%{transform:translate(3px,5px);}
	100%{transform:translate(1px,-1px);}
}


/* 放大 */
@-webkit-keyframes scaleBig {
	0%{-webkit-transform:scale(1.0);opacity:.8;}
	100%{-webkit-transform:scale(1.2);opacity:1;}
}

@-moz-keyframes scaleBig {
	0%{-moz-transform:scale(1.0);opacity:.8;}
	100%{-moz-transform:scale(1.2);opacity:1;}
}

@keyframes scaleBig {
	0%{transform:scale(1.0);opacity:.8;}
	100%{transform:scale(1.2);opacity:1;}
}