@charset "utf-8";


 



.fixedBar{width: 100px;position: fixed;top: 50%;margin-top: -100px;z-index: 999;right: 0}



.fixedBar ul li{width: 100px;background: url("img/darkrbga.png") repeat;margin-bottom: 5px;padding: 20px 0}



.fixedBar ul li i{display: block;width: 40px;height: 40px;background: url("img/sprite.png") no-repeat 0 -1057px;margin: 0 auto}



.fixedBar ul li.chat i{background-position: 0 -1115px}



.fixedBar ul li.phone i{background-position: 0 -1057px;}



.fixedBar ul li:hover i{background-position-x:-40px}



.fixedBar ul li .text{display: block;text-align: center;color: #fff;font-size: 14px;margin-top: 5px}



.fixedBar ul li:hover .text{color:#49b44f}



.phoneError{height: 30px;line-height: 30px;float: left;text-align: center;display: none;border: 1px solid #aaa;cursor: pointer;position: absolute;left: 50%;top: -500px;margin-left: -150px;width: 300px;color: #fff;background:url("img/rgbabg.png") repeat ;padding: 10px 0;border-radius: 8px;z-index: 999;}





.qrWindow{width: 100%;height: 100%;position: fixed;top: 0;right: 0;left: 0;bottom:0;background: url("img/rgbabg.png") repeat;    z-index: 9999}

.qrWindow .qrMain{width: 400px;height: 400px;top: 50%;margin-top: -200px;left: 50%;margin-left: -200px;text-align:center;position: absolute;background: url("img/qrbg.png") no-repeat}

.qrWindow .qrMain .xClosed{position: absolute;right: -60px;top: 0;width: 53px;height: 53px;background: url("img/xclosed.png") no-repeat}

.qrWindow .qrMain h3{    font-size: 18px;  color: #fff;  text-align: center;  margin-top: 75px;  font-weight: normal;}

.qrWindow .qrMain .qrCode{width: 200px;height: 200px;position: absolute;top: 120px;left: 100px;background: #fff}



/*/动画



/*/.wxBanner .wxbigtext,.wxBanner .sybigtext,.wxBanner .o2obigtext,.wxBanner .cmsbigtext{-webkit-animation:zoomInDown 1.5s 0s ease both;-moz-animation:zoomInDown 1.5s 0s ease both;animation:zoomInDown 1.5s 0s ease both;}



.wxBanner .wxsmalltext,.wxBanner .sysmalltext,.wxBanner .o2osmalltext{-webkit-animation:bounceInDown 1s .8s ease both;-moz-animation:bounceInDown 1s .8s ease both;animation:bounceInDown 1s .8s ease both;}



.wxBanner .wxman{-webkit-animation:rotateInDownLeft 1s 1s ease both;-moz-animation:rotateInDownLeft 1s 1s ease both;animation:rotateInDownLeft 1s 1s ease both;}



.wxBanner .wxcloud{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}



.wxBanner .syicon{-webkit-animation:flipInY 1s .8s ease both;-moz-animation:flipInY 1s .8s ease both;animation:flipInY 1s .8s ease both;}



.wxBanner .earth{-webkit-animation:rotate 2s 0s infinite linear normal forwards;-moz-animation:rotate 2s 0s infinite linear normal forwards;animation:rotate 2s 0s infinite linear normal forwards;}



.wxBanner .yellowtip{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;animation:fadeInUp 1s 1.8s ease both;}



.wxBanner .boat{-webkit-animation:feichi 2s 1s infinite linear normal none ;-moz-animation:feichi 2s 1s infinite linear normal none ;animation:feichi 2s 1s infinite linear normal none ;z-index: 9}



.wxBanner .balloon0{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}



.wxBanner .balloon1{-moz-animation: moveRight 15s 1.5s infinite linear normal backwards;-webkit-animation: moveRight 15s 1.5s infinite linear normal backwards;animation: moveRight 15s 1.5s infinite linear normal backwards;}



.wxBanner .box{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}



.wxBanner .buliding{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}



.wxBanner .buliding1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}



.wxBanner .car{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}



.wxBanner .o2ocloud0{-moz-animation: moveRight 15s .5s infinite linear normal backwards;-webkit-animation: moveRight 15s .5s infinite linear normal backwards;animation: moveRight 15s .5s infinite linear normal backwards;}



.wxBanner .o2ocloud1{-webkit-animation:flying 1s .8s ease both infinite;-moz-animation:flying 1s .8s ease both infinite;animation:flying 1s .8s ease both infinite;}



.wxBanner .plane{-webkit-animation:rotateInUpLeft 1s 2s ease both;-moz-animation:rotateInUpLeft 1s 2s ease both;animation:rotateInUpLeft 1s 2s ease both;}



.wxBanner .pylon0{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}



.wxBanner .pylon1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}



.wxBanner .tree{-webkit-animation:rt50 1s 2s ease both;-moz-animation:rt50 1s 2s ease both;animation:rt50 1s 2s ease both;}



.wxBanner .windmill{-webkit-animation:dn50 1s 2.3s ease both;-moz-animation:dn50 1s 2.3s ease both;animation:dn50 1s 2.3s ease both;}



.wxBanner .windmill1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}



.wxBanner .cms0{-webkit-animation:zoomInDown 1s .8s ease both;-moz-animation:zoomInDown 1s .8s ease both;animation:zoomInDown 1s .8s ease both;}



.wxBanner .cms2{-webkit-animation:zoomInDown 1s 1s ease both;-moz-animation:zoomInDown 1s 1s ease both;animation:zoomInDown 1s 1s ease both;}



.wxBanner .cms1{-webkit-animation:zoomInDown 1s 1.2s ease both;-moz-animation:zoomInDown 1s 1.2s ease both;animation:zoomInDown 1s 1.2s ease both;}



.otherPage .mianImg img.pageimg0{-webkit-animation:bounceInLeft 1s 2.2s ease both;-moz-animation:bounceInLeft 1s 2.2s ease both;animation:bounceInLeft 1s 2.2s ease both;}



.otherPage .mianImg img.pageimg1{-webkit-animation:bounceInLeft 1s 1.5s ease both;-moz-animation:bounceInLeft 1s 1.5s ease both;animation:bounceInLeft 1s 1.5s ease both;}



.otherPage .mianImg img.pageimg2{-webkit-animation:bounceInLeft 1s 1.8s ease both;-moz-animation:bounceInLeft 1s 1.8s ease both;animation:bounceInLeft 1s 1.8s ease both;}



.otherPage .mianImg img.pageimg3{-webkit-animation:fadeInRight 1s 2s ease both;-moz-animation:fadeInRight 1s 2s ease both;animation:fadeInRight 1s 2s ease both;}



.otherPage .mianImg img.pageimg4{-webkit-animation:pulse 4s .8s ease both infinite;-moz-animation:pulse 4s .8s ease both infinite;animation:pulse 4s .8s ease both infinite;}



.otherPage .mianImg img.pageimg5{-webkit-animation:zoomInUp 1.5s 1s ease both;-moz-animation:zoomInUp 1.5s .8s ease both;animation:zoomInUp 1.5s 1s ease both;}





.wxBanner .s0{    -webkit-animation: zoomInDown 1.5s 0s ease both;

    -moz-animation: zoomInDown 1.5s 0s ease both;

    animation: zoomInDown 1.5s 0s ease both;}

.wxBanner .s1{    -webkit-animation: bounceInLeft 1s 1s ease both;

    -moz-animation: bounceInLeft 1s 1s ease both;

    animation: bounceInLeft 1s 1s ease both;}

.wxBanner .s2{    -webkit-animation: flipInY 1s .8s ease both;

    -moz-animation: flipInY 1s .8s ease both;

    animation: flipInY 1s .8s ease both;}

.wxBanner .s4{-webkit-animation:fadeInUp 2.5s 0s ease both;-moz-animation:fadeInUp 2.5s 0s ease both;animation:fadeInUp 2.5s 0s ease both;}

.wxBanner .s3{-webkit-animation:fadeInUp 2s 0.2s ease both;-moz-animation:fadeInUp 2s 0.2s ease both;animation:fadeInUp 2s 0.2s ease both;}





/* 向下滑动*/@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(20px);}



100%{opacity: 1;-webkit-transform: translateX(0);}}



@-moz-keyframes fadeInRight{0%{opacity: 0;-moz-transform: translateX(20px);}



100%{opacity: 1;-moz-transform: translateX(0);}}



@-o-keyframes fadeInRight{0%{opacity: 0;-o-transform: translateX(20px);}



100%{opacity: 1;-o-transform: translateX(0);}}



@keyframes fadeInRight{0%{opacity: 0;transform: translateX(20px);}



100%{opacity: 1;transform: translateX(0);}}



@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}



60%{opacity: 1;-webkit-transform: translateX(30px);}



80%{-webkit-transform: translateX(-10px);}



100%{-webkit-transform: translateX(0);}}



@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}



60%{opacity: 1;-moz-transform: translateX(30px);}



80%{-moz-transform: translateX(-10px);}



100%{-moz-transform: translateX(0);}}



@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}



60%{opacity: 1;-o-transform: translateX(30px);}



80%{-o-transform: translateX(-10px);}



100%{-o-transform: translateX(0);}}



@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}



60%{opacity: 1;transform: translateX(30px);}



80%{transform: translateX(-10px);}



100%{transform: translateX(0);}}



@-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.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}



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, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}



@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.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}



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, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}



@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}



50%{-webkit-transform: scale(1.1);}



100%{-webkit-transform: scale(1);}}



@-moz-keyframes pulse{0%{-moz-transform: scale(1);}



50%{-moz-transform: scale(1.1);}



100%{-moz-transform: scale(1);}}



@-o-keyframes pulse{0%{-o-transform: scale(1);}



50%{-o-transform: scale(1.1);}



100%{-o-transform: scale(1);}}



@keyframes pulse{0%{transform: scale(1);}



50%{transform: scale(1.1);}



100%{transform: scale(1);}}



@-webkit-keyframes dn50{0%{opacity:0;-webkit-transform:translateY(-50px);}



100%{opacity:1;-webkit-transform:translateY(0);}}



@-moz-keyframes dn50{0%{opacity:0;-moz-transform:translateY(-50px);}



100%{opacity:1;-moz-transform:translateY(0);}}



@keyframes dn50{0%{opacity:0;transform:translateY(-50px);}



100%{opacity:1;transform:translateY(0);}}



/* 向左滑动*/@-webkit-keyframes lt50{0%{opacity:0;-webkit-transform:translateX(50px);}



100%{opacity:1;-webkit-transform:translateY(0);}}



@-moz-keyframes lt50{0%{opacity:0;-moz-transform:translateX(50px);}



100%{opacity:1;-moz-transform:translateY(0);}}



@keyframes lt50{0%{opacity:0;transform:translateX(50px);}



100%{opacity:1;transform:translateY(0);}}



/* 向右滑动*/@-webkit-keyframes rt50{0%{opacity:0;-webkit-transform:translateX(-50px);}



100%{opacity:1;-webkit-transform:translateY(0);}}



@-moz-keyframes rt50{0%{opacity:0;-moz-transform:translateX(-50px);}



100%{opacity:1;-moz-transform:translateY(0);}}



@keyframes rt50{0%{opacity:0;transform:translateX(-50px);}



100%{opacity:1;transform:translateY(0);}}



@-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);}}



@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}



to{-webkit-transform:rotate(360deg)}}



@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}



to{-moz-transform:rotate(360deg)}}



@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}



to{-ms-transform:rotate(360deg)}}



@-o-keyframes rotate{from{-o-transform:rotate(0deg)}



to{-o-transform:rotate(360deg)}}



@-webkit-keyframes feichi{0%{left:1000px;}



100%{left:0px;}}



@-moz-keyframes feichi{0%{left:1000px;}



100%{left:0px;}}



@keyframes feichi{0%{left:1000px;}



100%{left:0px;}}



@keyframes flying{0%{margin-top: 0px;}



50%{margin-top: 6px;}



100%{margin-top: 0px;}}



@-webkit-keyframes flying{0%{margin-top: 0px;}



50%{margin-top: 6px;}



100%{margin-top: 0px;}}



@-moz-keyframes flying{0%{margin-top: 0px;}



50%{margin-top: 6px;}



100%{margin-top: 0px;}}



@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}



10%{opacity: 1;}



100%{opacity: 1;left:550px;}}



@-moz-keyframes moveRight{0%{opacity: 0;left:0px;}



10%{opacity: 1;}



100%{opacity: 1;left:550px;}}



@keyframes moveRight{0%{opacity: 0;left:0px;}



10%{opacity: 1;}



100%{opacity: 1;left:550px;}}



@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}



100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}



@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}



100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}



@-o-keyframes rotateInUpLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}



100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}



@keyframes rotateInUpLeft{0%{transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}



100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}



@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}



40%{-webkit-transform: perspective(400px) rotateY(-10deg);}



70%{-webkit-transform: perspective(400px) rotateY(10deg);}



100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}



@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}



40%{-moz-transform: perspective(400px) rotateY(-10deg);}



70%{-moz-transform: perspective(400px) rotateY(10deg);}



100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}



@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}



40%{-o-transform: perspective(400px) rotateY(-10deg);}



70%{-o-transform: perspective(400px) rotateY(10deg);}



100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}



@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}



40%{transform: perspective(400px) rotateY(-10deg);}



70%{transform: perspective(400px) rotateY(10deg);}



100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}



@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}



10%{opacity:1;}



100%{opacity:1;left:-370px;}}



@-moz-keyframes moveLeft{0%{opacity:0;left:390px;}



10%{opacity:1;}



100%{opacity:1;left:-370px;}}



@keyframes moveLeft{0%{opacity:0;left:390px;}



10%{opacity:1;}



100%{opacity:1;left:-370px;}}



@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}



100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}



@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}



100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}



@-o-keyframes rotateInDownLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}



100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}



@keyframes rotateInDownLeft{0%{transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}



100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}



.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;-moz-animation-name: rotateInDownLeft;-o-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}



@-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.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}



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, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}



@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.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}



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, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}



@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);}



60%{opacity: 1;-webkit-transform: translateY(30px);}



80%{-webkit-transform: translateY(-10px);}



100%{-webkit-transform: translateY(0);}}



@-moz-keyframes bounceInDown{0%{opacity: 0;-moz-transform: translateY(-2000px);}



60%{opacity: 1;-moz-transform: translateY(30px);}



80%{-moz-transform: translateY(-10px);}



100%{-moz-transform: translateY(0);}}



@-o-keyframes bounceInDown{0%{opacity: 0;-o-transform: translateY(-2000px);}



60%{opacity: 1;-o-transform: translateY(30px);}



80%{-o-transform: translateY(-10px);}



100%{-o-transform: translateY(0);}}



@keyframes bounceInDown{0%{opacity: 0;transform: translateY(-2000px);}



60%{opacity: 1;transform: translateY(30px);}



80%{transform: translateY(-10px);}



100%{transform: translateY(0);}}

p.fanHui{display:none}