body {background-color:#fff;color:#9d9d9d;font-size:14px;font-family:  Microsoft YaHei,Arial, Helvetica,"\534E\6587\9ED1\4F53", sans-serif;}
.pointer {
    cursor: pointer;
}

@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}

.flashBox ol li {
    height:9px;
    width:9px;
    margin:0 4px;
    background:rgba(249,249,249,0.4);
    border-radius:100px;
}
.flashBox ol li.active {
    background: #fff;
    height: 9px;
    width: 30px;
    margin: 0 4px;
    border-radius: 10px;
}


.scrollNews {
    
}

.modHd {
    padding:80px 0 50px 0;
}
.dynamic {
    padding-top:0;
}
.modHd>h2 {
    font-size:32px;
    font-weight:500;
    color:#333;
    border-bottom:none;
    padding:10px 0;
}
.modHd>p {
    font-size:14px;
    color:#666;
    padding:0;
}
.indexMod.current .modHd>h2 {
    -webkit-animation: fadeInUp 1s ease 0s 1 both;
    animation: fadeInUp 1s ease 0s 1 both;
}
.indexMod.current .modHd>p {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}

.modScene .projectDesc ul>li {
    
    float:left;
    width:25%;
    height:320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#F6FBFF;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modScene .projectDesc ul>li>a {
    display:block;
    height:100%;
}
.modScene .projectDesc ul>li.active {
    background:#43AAFF;
}
.modScene .projectDesc li.l2,
.modScene .projectDesc li.l5,
.modScene .projectDesc li.l7,
.modScene .projectDesc li.l8{
    background:#EFF8FF;
}
.modScene .projectDesc ul>li i.Icon {
    display:block;
    width:90px;
    height:90px;
    margin:70px auto 15px auto;
    background:url('../image/ICON1.png');
}
.modScene .projectDesc ul>li.l1 i.Icon {
    background-position:-2px -2px;
}
.modScene .projectDesc ul>li.l2 i.Icon {
    background-position:-0px -90px;
}
.modScene .projectDesc ul>li.l3 i.Icon {
    background-position:-2px -179px;
}
.modScene .projectDesc ul>li.l4 i.Icon {
    background-position:-2px -265px;
}
.modScene .projectDesc ul>li.l5 i.Icon {
    background-position:-3px -359px;
}
.modScene .projectDesc ul>li.l6 i.Icon {
    background-position:-1px -447px;
}
.modScene .projectDesc ul>li.l7 i.Icon {
    background-position:-2px -544px;
}
.modScene .projectDesc ul>li.l8 i.Icon {
    background-position:-2px -625px;
}
.modScene .projectDesc ul>li.l1.active i.Icon {
    background-position:-92px -2px;
}
.modScene .projectDesc ul>li.l2.active i.Icon {
    background-position:-92px -90px;
}
.modScene .projectDesc ul>li.l3.active i.Icon {
    background-position:-92px -179px;
}
.modScene .projectDesc ul>li.l4.active i.Icon {
    background-position:-92px -265px;
}
.modScene .projectDesc ul>li.l5.active i.Icon {
    background-position:-92px -359px;
}
.modScene .projectDesc ul>li.l6.active i.Icon {
    background-position:-90px -447px;
}
.modScene .projectDesc ul>li.l7.active i.Icon {
    background-position:-92px -544px;
}
.modScene .projectDesc ul>li.l8.active i.Icon {
    background-position:-92px -625px;
}
.modScene .projectDesc ul>li.active i.Icon {
    -webkit-animation: tada 1s ease 0s 1 both;
    animation: tada 1s ease 0s 1 both;
}
.modScene .projectDesc ul>li h3 {
    font-family:  Microsoft YaHei,Arial, Helvetica,"\534E\6587\9ED1\4F53", sans-serif;
    text-align:center;
    color:#222;
    font-size:16px;
    font-weight:600;
    margin-bottom:15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modScene .projectDesc ul>li.active h3 {
    color:#fff;
}
.modScene .projectDesc ul>li p {
    text-align: center;
    color:#666;
    font-size:14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modScene .projectDesc ul>li.active p {
    color:#f0f0f0;
}
.modScene .projectDesc li.l1.current, .modScene .projectDesc li.l5.current {
    visibility:visible;
    -webkit-animation: rollIn 1s ease 0s 1 both;
    animation: rollIn 1s ease 0s 1 both;
}
.modScene .projectDesc li.l2.current, .modScene .projectDesc li.l6.current {
    visibility:visible;
    -webkit-animation: rollIn 1s ease .5s 1 both;
    animation: rollIn 1s ease .5s 1 both;
}
.modScene .projectDesc li.l3.current, .modScene .projectDesc li.l7.current {
    visibility:visible;
    -webkit-animation: rollIn 1s ease 1s 1 both;
    animation: rollIn 1s ease 1s 1 both;
}
.modScene .projectDesc li.l4.current, .modScene .projectDesc li.l8.current {
    visibility:visible;
    -webkit-animation: rollIn 1s ease 1.5s 1 both;
    animation: rollIn 1s ease 1.5s 1 both;
}

.modDrain {
    background:#F6F6FC;
}
.modDrain .projectDesc {
    padding-bottom:60px;
}
.modDrain .projectDesc ul>li {
    float:left;
    width:25%;
    height:200px;
    padding:0 50px;
    background:#F6F6FC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modDrain .projectDesc ul>li.active {
    background:#fff;
}
.modDrain .projectDesc ul>li i.Icon {
    display:block;
    width:50px;
    height:50px;
    margin:30px auto 15px auto;
    background:url('../image/ICON1.png');
}
.modDrain .projectDesc ul>li.l1 i.Icon {
    background-position:-285px -5px;
}
.modDrain .projectDesc ul>li.l2 i.Icon {
    background-position:-287px -65px;
}
.modDrain .projectDesc ul>li.l3 i.Icon {
    background-position:-285px -125px;
}
.modDrain .projectDesc ul>li.l4 i.Icon {
    background-position:-284px -185px;
}
.modDrain .projectDesc ul>li.l5 i.Icon {
    background-position:-284px -245px;
}
.modDrain .projectDesc ul>li.l6 i.Icon {
    background-position:-285px -305px;
}
.modDrain .projectDesc ul>li.l7 i.Icon {
    background-position:-285px -365px;
}
.modDrain .projectDesc ul>li.l8 i.Icon {
    background-position:-284px -425px;
}
.modDrain .projectDesc ul>li.l9 i.Icon {
    background-position:-284px -485px;
}
.modDrain .projectDesc ul>li.l10 i.Icon {
    background-position:-284px -545px;
}
.modDrain .projectDesc ul>li.l11 i.Icon {
    background-position:-284px -605px;
}
.modDrain .projectDesc ul>li.l12 i.Icon {
    background-position:-282px -664px;
}
.modDrain .projectDesc ul>li.l1.active i.Icon {
    background-position:-347px -5px;
}
.modDrain .projectDesc ul>li.l2.active i.Icon {
    background-position:-348px -65px;
}
.modDrain .projectDesc ul>li.l3.active i.Icon {
    background-position:-345px -125px;
}
.modDrain .projectDesc ul>li.l4.active i.Icon {
    background-position:-345px -185px;
}
.modDrain .projectDesc ul>li.l5.active i.Icon {
    background-position:-345px -245px;
}
.modDrain .projectDesc ul>li.l6.active i.Icon {
    background-position:-345px -305px;
}
.modDrain .projectDesc ul>li.l7.active i.Icon {
    background-position:-347px -365px;
}
.modDrain .projectDesc ul>li.l8.active i.Icon {
    background-position:-345px -425px;
}
.modDrain .projectDesc ul>li.l9.active i.Icon {
    background-position:-345px -485px;
}
.modDrain .projectDesc ul>li.l10.active i.Icon {
    background-position:-345px -545px;
}
.modDrain .projectDesc ul>li.l11.active i.Icon {
    background-position:-345px -605px;
}
.modDrain .projectDesc ul>li.l12.active i.Icon {
    background-position:-344px -664px;
}
.modDrain .projectDesc ul>li.active .Icon {
    -webkit-animation: tada 1s ease 0s 1 both;
    animation: tada 1s ease 0s 1 both;
}
.modDrain .projectDesc ul>li.active h3, .modDrain .projectDesc ul>li.active p {
    color:#0096FF;
}
.modDrain .projectDesc ul>li h3 {
    text-align:center;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.modDrain .projectDesc ul>li p {
    text-align: center;
    color:#666;
    font-size:12px;
}

.modWeiShang {
    background:url('../image/modMangeBg.png') top left no-repeat;
}
.modWeiShang .projectDesc li {
    float:left;
    width:150px;
    padding:15px 0;
    margin-right:112px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modWeiShang .projectDesc li:nth-child(5n+5) {
    margin-right:0;
}
.modWeiShang .projectDesc li i.Icon {
    display:block;
    width:100px;
    height:100px;
    margin:0 auto;
    margin-bottom:30px;
    background:url('../image/ICON1.png');
}
.modWeiShang .projectDesc li.active i.Icon {
    -webkit-animation: rotateIn 1s ease 0s 1 both;
    animation: rotateIn 1s ease 0s 1 both;
}
.modWeiShang .projectDesc li.l1 i.Icon {
    background-position:-400px 0;
}
.modWeiShang .projectDesc li.l2 i.Icon {
    background-position:-400px -100px;
}
.modWeiShang .projectDesc li.l3 i.Icon {
    background-position:-400px -200px;
}
.modWeiShang .projectDesc li.l4 i.Icon {
    background-position:-400px -300px;
}
.modWeiShang .projectDesc li.l5 i.Icon {
    background-position:-400px -400px;
}
.modWeiShang .projectDesc li.l6 i.Icon {
    background-position:-400px -500px;
}
.modWeiShang .projectDesc li.l7 i.Icon {
    background-position:-400px -600px;
}
.modWeiShang .projectDesc li.l8 i.Icon {
    background-position:-400px -700px;
}
.modWeiShang .projectDesc li.l9 i.Icon {
    background-position:-400px -800px;
}
.modWeiShang .projectDesc li.l10 i.Icon {
    background-position:-400px -900px;
}
.modWeiShang .projectDesc li.l11 i.Icon {
    background-position:-400px -1000px;
}
.modWeiShang .projectDesc li.l12 i.Icon {
    background-position:-400px -1100px;
}
.modWeiShang .projectDesc li.l13 i.Icon {
    background-position:-400px -1200px;
}
.modWeiShang .projectDesc li.l14 i.Icon {
    background-position:-400px -1300px;
}
.modWeiShang .projectDesc li.l15 i.Icon {
    background-position:-400px -1400px;
}
.modWeiShang.current .projectDesc li.l1 {
    -webkit-animation: fadeInUp .8s ease 0s 1 both;
    animation: fadeInUp .8s ease 0s 1 both;
}
.modWeiShang.current .projectDesc li.l2 {
    -webkit-animation: fadeInUp .8s ease .3s 1 both;
    animation: fadeInUp .8s ease .3s 1 both;
}
.modWeiShang.current .projectDesc li.l3 {
    -webkit-animation: fadeInUp .8s ease .6s 1 both;
    animation: fadeInUp .8s ease .6s 1 both;
}
.modWeiShang.current .projectDesc li.l4 {
    -webkit-animation: fadeInUp .8s ease .9s 1 both;
    animation: fadeInUp .8s ease .9s 1 both;
}
.modWeiShang.current .projectDesc li.l5 {
    -webkit-animation: fadeInUp .8s ease 1.2s 1 both;
    animation: fadeInUp .8s ease 1.2s 1 both;
}
.modWeiShang.current .projectDesc li.l6 {
    -webkit-animation: fadeInUp .8s ease .2s 1 both;
    animation: fadeInUp .8s ease .2s 1 both;
}
.modWeiShang.current .projectDesc li.l7 {
    -webkit-animation: fadeInUp .8s ease .5s 1 both;
    animation: fadeInUp .8s ease .5s 1 both;
}
.modWeiShang.current .projectDesc li.l8 {
    -webkit-animation: fadeInUp .8s ease .8s 1 both;
    animation: fadeInUp .8s ease .8s 1 both;
}
.modWeiShang.current .projectDesc li.l9 {
    -webkit-animation: fadeInUp .8s ease 1.1s 1 both;
    animation: fadeInUp .8s ease 1.1s 1 both;
}
.modWeiShang.current .projectDesc li.l10 {
    -webkit-animation: fadeInUp .8s ease 1.4s 1 both;
    animation: fadeInUp .8s ease 1.4s 1 both;
}
.modWeiShang.current .projectDesc li.l11 {
    -webkit-animation: fadeInUp .8s ease .4s 1 both;
    animation: fadeInUp .8s ease .4s 1 both;
}
.modWeiShang.current .projectDesc li.l12 {
    -webkit-animation: fadeInUp .8s ease .7s 1 both;
    animation: fadeInUp .8s ease .7s 1 both;
}
.modWeiShang.current .projectDesc li.l13 {
    -webkit-animation: fadeInUp .8s ease 1s 1 both;
    animation: fadeInUp .8s ease 1s 1 both;
}
.modWeiShang.current .projectDesc li.l14 {
    -webkit-animation: fadeInUp .8s ease 1.3s 1 both;
    animation: fadeInUp .8s ease 1.3s 1 both;
}
.modWeiShang.current .projectDesc li.l15 {
    -webkit-animation: fadeInUp .8s ease 1.6s 1 both;
    animation: fadeInUp .8s ease 1.6s 1 both;
}
.modWeiShang .projectDesc li h3 {
    text-align:center;
    color:#333;
    font-size:16px;
    font-weight:normal;
    margin-bottom:5px;
}

.modO2O {
    background:url('../image/O2Obg.png') no-repeat;
    background-size:cover;
}
.modO2O .projectDesc {
    padding-bottom:130px;
}
.modO2O .modHd>h2 {
    color:#fff;
}
.modO2O .modHd>p {
    color:#fff;
}
.modO2O .projectDesc {
    overflow:hidden;
}
.modO2O .projectDesc .slider5-wrapper {
    height:300px;
    width:1200px;
    overflow:hidden;
    position:relative;
}
.modO2O .projectDesc .slider5-wrapper ul {
    width:1200px;
    position:absolute;
    top:0;
}
.modO2O .projectDesc .slider5-wrapper .bannerArrow {
    width:1200px;
    position:absolute;
    top:50%;
    margin-top:-20px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow {
    display:block;
    height:22px;
    width:12px;
    position:absolute;
    top:0;
    background:url('../image/ICON1.png');
    z-index:150;
}
.modO2O .projectDesc .slider5-wrapper i.arrow:before {
    content:'';
    position:absolute;
    height:80px;
    width:30px;
    background:rgba(249,249,249,.1);
    top:-30px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.prev:before {
    left:-10px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.next:before {
    right:-10px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.prev {
    left: 10px;
    background-position:-510px -1048px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.next {
    right:10px;
    background-position:-510px -1013px;
}
.modO2O .projectDesc .slider5-wrapper li {
    float:left;
    width:220px;
    height:300px;
    margin-right:25px;
    position:relative;
}
.modO2O .projectDesc .slider5-wrapper li>a {
    display:block;
    height:100%;
}
.modO2O .projectDesc .slider5-wrapper li.last {
    margin-right:0;
}
.modO2O .projectDesc .slider5-wrapper li em {
    position:absolute;
    display:block;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.6);
    z-index:10;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modO2O .projectDesc .slider5-wrapper li.active em {
    
    background:rgba(21,131,229,.6);
}
.modO2O .projectDesc .slider5-wrapper li div {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:12;
}
.modO2O .projectDesc .slider5-wrapper li div i {
    display:block;
    width:80px;
    height:90px;
    margin:84px auto 24px auto;
    background:url('../image/ICON1.png');
}
.modO2O .projectDesc .slider5-wrapper li.l1 div i{
    background-position:-510px -6px;
}
.modO2O .projectDesc .slider5-wrapper li.l2 div i{
    background-position:-510px -106px;
}
.modO2O .projectDesc .slider5-wrapper li.l3 div i{
    background-position:-510px -206px;
}
.modO2O .projectDesc .slider5-wrapper li.l4 div i{
    background-position:-510px -305px;
}
.modO2O .projectDesc .slider5-wrapper li.l5 div i{
    background-position:-510px -404px;
}
.modO2O .projectDesc .slider5-wrapper li.l6 div i{
    background-position:-510px -506px;
}
.modO2O .projectDesc .slider5-wrapper li.l7 div i{
    background-position:-510px -606px;
}
.modO2O .projectDesc .slider5-wrapper li.l8 div i{
    background-position:-510px -706px;
}
.modO2O .projectDesc .slider5-wrapper li.l9 div i{
    background-position:-510px -805px;
}
.modO2O .projectDesc .slider5-wrapper li.l10 div i{
    background-position:-510px -906px;
}
.modO2O .projectDesc .slider5-wrapper li div h3 {
    font-size:18px;
    color:#fff;
    font-weight:500;
    text-align:center;
}
.modO2O.current .slider5-wrapper li.l1 {
    -webkit-animation: fadeInUp 1s ease 0s 1 both;
    animation: fadeInUp 1s ease 0s 1 both;
}
.modO2O.current .slider5-wrapper li.l2 {
    -webkit-animation: fadeInUp 1s ease .3s 1 both;
    animation: fadeInUp 1s ease .3s 1 both;
}
.modO2O.current .slider5-wrapper li.l3 {
    -webkit-animation: fadeInUp 1s ease .6s 1 both;
    animation: fadeInUp 1s ease .6s 1 both;
}
.modO2O.current .slider5-wrapper li.l4 {
    -webkit-animation: fadeInUp 1s ease .9s 1 both;
    animation: fadeInUp 1s ease .9s 1 both;
}
.modO2O.current .slider5-wrapper li.l5 {
    -webkit-animation: fadeInUp 1s ease 1.2s 1 both;
    animation: fadeInUp 1s ease 1.2s 1 both;
}
    
.modPromotion .ddList {
    position:relative;
    height:511px;
    padding-bottom:75px;
}
.modPromotion .ddList .mid {
    width:446px;
    height:446px;
    position:absolute;
    top:48px;
    left:50%;
    margin-left:-223px;
    background:url('../image/mid.png');
    z-index:100;
}
.modPromotion .ddList .mid .midIcon {
    width:140px;
    height:140px;
    margin-left:153px;
    margin-top:153px;
    background:url('../image/midIcon.png');
    z-index:102;
}
.modPromotion .ddList .pos {
    position:absolute;
    z-index:101;
    width:323px;
    height:55px;
}
.modPromotion .ddList .pos>i {
    display:block;
    width:50px;
    height:55px;
    background:url('../image/ICON1.png');
}
.modPromotion .ddList .pos.left >i{
    float:left;
}
.modPromotion .ddList .pos.right >i{
    float:right;
}
.modPromotion .ddList .pos>.text {
    height:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:15px 0;
}
.modPromotion .ddList .pos.left>.text {
    margin-left:65px;
}
.modPromotion .ddList .pos.right>.text {
    margin-right:65px;
}
.modPromotion .ddList .pos>.text h3 {
    color:#222;
    font-size:20px;
    font-weight:500;
}
.modPromotion .ddList .pos.left >.text h3 {
    text-align:left;
    padding-left:10px;
}
.modPromotion .ddList .pos.right >.text h3 {
    text-align:right;
    padding-right:10px;
}
.modPromotion .ddList .pos>.text em {
    display:block;
    width:257px;
    height:12px;
    overflow:hidden;
}
.modPromotion .ddList .pos.s1, .modPromotion .ddList .pos.s2 {
    top:0;
}
.modPromotion .ddList .pos.s1 i {
    background-position:-605px -2px;
}
.modPromotion .ddList .pos.s2 i {
    background-position:-605px -302px;
}
.modPromotion .ddList .pos.s3 i {
    background-position:-605px -62px;
}
.modPromotion .ddList .pos.s4 i {
    background-position:-605px -362px;
}
.modPromotion .ddList .pos.s5 i {
    background-position:-605px -123px;
}
.modPromotion .ddList .pos.s6 i {
    background-position:-605px -423px;
}
.modPromotion .ddList .pos.s7 i {
    background-position:-605px -183px;
}
.modPromotion .ddList .pos.s8 i {
    background-position:-605px -482px;
}
.modPromotion .ddList .pos.s9 i {
    background-position:-605px -242px;
}
.modPromotion .ddList .pos.s10 i {
    background-position:-605px -543px;
}
.modPromotion .ddList .pos.s1 em {
    background:url('../image/s1.png');
}
.modPromotion .ddList .pos.s2 em {
    background:url('../image/s2.png');
}
.modPromotion .ddList .pos.s3 em {
    background:url('../image/s3.png');
}
.modPromotion .ddList .pos.s4 em {
    background:url('../image/s4.png');
}
.modPromotion .ddList .pos.s5 em {
    background:url('../image/s5.png');
}
.modPromotion .ddList .pos.s6 em {
    background:url('../image/s6.png');
}
.modPromotion .ddList .pos.s7 em {
    background:url('../image/s7.png');
}
.modPromotion .ddList .pos.s8 em {
    background:url('../image/s8.png');
}
.modPromotion .ddList .pos.s9 em {
    background:url('../image/s9.png');
}
.modPromotion .ddList .pos.s10 em {
    background:url('../image/s10.png');
}
.modPromotion .ddList .pos.s3, .modPromotion .ddList .pos.s4 {
    top:114px;
}
.modPromotion .ddList .pos.s5, .modPromotion .ddList .pos.s6 {
    top:228px;
}
.modPromotion .ddList .pos.s7, .modPromotion .ddList .pos.s8 {
    top:342px;
}
.modPromotion .ddList .pos.s9, .modPromotion .ddList .pos.s10 {
    top:456px;
}
.modPromotion .ddList .pos.s1, .modPromotion .ddList .pos.s9 {
    left:134px;
}
.modPromotion .ddList .pos.s2, .modPromotion .ddList .pos.s10 {
    right:134px;
}
.modPromotion .ddList .pos.s3, .modPromotion .ddList .pos.s7 {
    left:54px;
}
.modPromotion .ddList .pos.s4, .modPromotion .ddList .pos.s8 {
    right:54px;
}
.modPromotion .ddList .pos.s5 {
    left:0;
}
.modPromotion .ddList .pos.s6 {
    right:0;
}
.modPromotion.current .ddList .mid {
    -webkit-animation: zoomIn 1s ease 0s 1 both;
    animation: zoomIn 1s ease 0s 1 both;
}
.modPromotion.current .ddList .mid .midIcon {
    -webkit-animation: rotateIn 3s linear .5s 1 both;
    animation: rotateIn 3s linear .5s 1 both;
}
.modPromotion.current .ddList .pos.s1 {
    -webkit-animation: bounceInLeft 2s ease 0s 1 both;
    animation: bounceInLeft 2s ease 0s 1 both;
}
.modPromotion.current .ddList .pos.s10 {
    -webkit-animation: bounceInRight 2s ease 0s 1 both;
    animation: bounceInRight 2s ease 0s 1 both;
}
.modPromotion.current .ddList .pos.s2 {
    -webkit-animation: bounceInRight 2s ease .5s 1 both;
    animation: bounceInRight 2s ease .5s 1 both;
}
.modPromotion.current .ddList .pos.s9 {
    -webkit-animation: bounceInLeft 2s ease .5s 1 both;
    animation: bounceInLeft 2s ease .5s 1 both;
}
.modPromotion.current .ddList .pos.s3 {
    -webkit-animation: bounceInLeft 2s ease 1s 1 both;
    animation: bounceInLeft 2s ease 1s 1 both;
}
.modPromotion.current .ddList .pos.s8 {
    -webkit-animation: bounceInRight 2s ease 1s 1 both;
    animation: bounceInRight 2s ease 1s 1 both;
}
.modPromotion.current .ddList .pos.s4 {
    -webkit-animation: bounceInRight 2s ease 1.5s 1 both;
    animation: bounceInRight 2s ease 1.5s 1 both;
}
.modPromotion.current .ddList .pos.s7 {
    -webkit-animation: bounceInLeft 2s ease 1.5s 1 both;
    animation: bounceInLeft 2s ease 1.5s 1 both;
}
.modPromotion.current .ddList .pos.s5 {
    -webkit-animation: bounceInLeft 2s ease 2s 1 both;
    animation: bounceInLeft 2s ease 2s 1 both;
}
.modPromotion.current .ddList .pos.s6 {
    -webkit-animation: bounceInRight 2s ease 2s 1 both;
    animation: bounceInRight 2s ease 2s 1 both;
}
    
.modHuiYuan {
    background:url('../image/HuiYuanBg.png') no-repeat;
    background-size:cover;
}
.modHuiYuan .sideHuiYuan {
    float:right;
    position:relative;
    width:120px;
    height:500px;
    padding-left:35px;
    border-left:8px solid #DDDDE1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modHuiYuan .sideHuiYuan>.blueLine {
    position:absolute;
    top:0;
    left: -8px;
    width:8px;
    height:50%;
    background:#0196FF;
}
.modHuiYuan .sideHuiYuan li {
    text-align:left;
    font-size:16px;
    font-weight:500;
    color:#999;
    padding:21px 0;
}
.modHuiYuan .sideHuiYuan li.active {
    color:#333;
}
.modHuiYuan .sliderVertical-wrapper {
    overflow:hidden;
    width:1027px;
    height:500px;
    margin-left:4px;
    background:#fff;
    -webkit-box-shadow: 0 0 30px #BCD8F2;
    -moz-box-shadow: 0 0 30px #BCD8F2;
    box-shadow: 0 0 30px #BCD8F2;
    position:relative;
}
.modHuiYuan .sliderVertical-wrapper>ul {
    display:none;
    margin:0 70px 0 81px;
    width:876px;
    height:500px;
    padding-top:70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:absolute;
    top:0;
    left:0;
}
.modHuiYuan .sliderVertical-wrapper>ul.current {
    display:block;
    -webkit-animation: zoomIn 2s ease 0s 1 both;
    animation: zoomIn 2s ease 0s 1 both;
}
.modHuiYuan .sliderVertical-wrapper li {
    float:left;
    width:50%;
    height:190px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modHuiYuan .sliderVertical-wrapper li.l3, .modHuiYuan .sliderVertical-wrapper li.l4 {
    margin-bottom:50px;
}
.modHuiYuan .sliderVertical-wrapper li.l1 {
    border-right:1px dashed #ECECEE;
    border-bottom:1px dashed #ECECEE;
}
.modHuiYuan .sliderVertical-wrapper li.l2 {
    border-bottom:1px dashed #ECECEE;
}
.modHuiYuan .sliderVertical-wrapper li.l3 {
    border-right:1px dashed #ECECEE;
}
.modHuiYuan .sliderVertical-wrapper li.l1,
.modHuiYuan .sliderVertical-wrapper li.l3 {
    padding-right:35px;
}
.modHuiYuan .sliderVertical-wrapper li.l2,
.modHuiYuan .sliderVertical-wrapper li.l4 {
    padding-left:50px;
}
.modHuiYuan .sliderVertical-wrapper li.l1 div,
.modHuiYuan .sliderVertical-wrapper li.l2 div {
    margin:15px 0 30px 0;
}
.modHuiYuan .sliderVertical-wrapper li.l3 div,
.modHuiYuan .sliderVertical-wrapper li.l4 div {
    margin:60px 0 30px 0;
}
.modHuiYuan .sliderVertical-wrapper li div {
    height:35px;
}
.modHuiYuan .sliderVertical-wrapper li div i {
    display:block;
    height:35px;
    width:38px;
    float:left;
    background:url('../image/ICON1.png');
}
.modHuiYuan .sliderVertical-wrapper li h3 {
    height:35px;
    line-height:35px;
    margin-left:48px;
    font-size:24px;
    color:#333;
    font-weight:500;
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l1 div i {
    background-position:-662px -2px;
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l2 div i {
    background-position:-662px -42px;
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l3 div i {
    background-position:-662px -82px;
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l4 div i {
    background-position:-663px -122px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l1 div i {
    background-position:-662px -162px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l2 div i {
    background-position:-662px -202px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l3 div i {
    background-position:-662px -242px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l4 div i {
    background-position:-661px -282px;
}
.modHuiYuan .sliderVertical-wrapper li p {
    color:#666;
    font-size:14px;
    line-height:22px;
}
.modHuiYuan.current .sideHuiYuan {
    -webkit-animation: bounceInLeft 2s ease 1s 1 both;
    animation: bounceInLeft 2s ease 1s 1 both;
}
.modHuiYuan.current .sliderVertical-wrapper {
    -webkit-animation: zoomIn 2s ease 1.5s 1 both;
    animation: zoomIn 2s ease 1.5s 1 both;
}
    
.modClient .projectDesc {
    padding-bottom:110px;
}
.modClient .projectDesc li {
    float:left;
    width:380px;
    height:140px;
    margin-right:25px;
    overflow:hidden;
    background:url('../image/ICON1.png');
}
.modClient .projectDesc li.active i {
    -webkit-animation: rotateIn 1s ease 0s 1 both;
    animation: rotateIn 1s ease 0s 1 both;
}
.modClient .projectDesc li:nth-child(3n+3) {
    margin-right:0;
}
.modClient .projectDesc li.l4, .modClient .projectDesc li.l5, .modClient .projectDesc li.l6 {
    margin-top:23px;
}
.modClient .projectDesc li.l1 {
    background-position:-900px 1px;
}
.modClient .projectDesc li.l2 {
    background-position:-900px -161px;
}
.modClient .projectDesc li.l3 {
    background-position:-900px -319px;
}
.modClient .projectDesc li.l4 {
    background-position:-900px -480px;
}
.modClient .projectDesc li.l5 {
    background-position:-900px -641px;
}
.modClient .projectDesc li.l6 {
    background-position:-900px -799px;
}
.modClient .projectDesc li h3 {
    margin-left: 130px;
    line-height: 64px;
    margin-top: 43px;
    color:#333;
    font-weight:normal;
}
.modClient .projectDesc li i {
    display:block;
    height:64px;
    width:64px;
    float:left;
    margin-left:47px;
    margin-top:43px;
}
.modClient .projectDesc li.l1  i {
    background:url('../image/c1.png')
}
.modClient .projectDesc li.l2  i {
    background:url('../image/c2.png')
}
.modClient .projectDesc li.l3  i {
    background:url('../image/c3.png')
}
.modClient .projectDesc li.l4  i {
    background:url('../image/c4.png')
}
.modClient .projectDesc li.l5  i {
    background:url('../image/c5.png')
}
.modClient .projectDesc li.l6  i {
    background:url('../image/c6.png')
}
.modClient.current .projectDesc li.l1 {
    -webkit-animation: fadeInUp 1s ease 0s 1 both;
    animation: fadeInUp 1s ease 0s 1 both;
}
.modClient.current .projectDesc li.l2 {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}
.modClient.current .projectDesc li.l3 {
    -webkit-animation: fadeInUp 1s ease 1s 1 both;
    animation: fadeInUp 1s ease 1s 1 both;
}
.modClient.current .projectDesc li.l4 {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}
.modClient.current .projectDesc li.l5 {
    -webkit-animation: fadeInUp 1s ease 1s 1 both;
    animation: fadeInUp 1s ease 1s 1 both;
}
.modClient.current .projectDesc li.l6 {
    -webkit-animation: fadeInUp 1s ease 1.5s 1 both;
    animation: fadeInUp 1s ease 1.5s 1 both;
}

.projectDesc .case ul li {
    width:230px;
    height:400px;
    border:1px solid #E3E3F1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.projectDesc .case ul li:hover .paWrap {
    height:390px;
}
    
.mod7 .newsUl .newsColumns {
    width:400px;
    margin-left:0;
}
.mod7 .newsUl .newsColumns .newsLsit li.first {
    height:250px;
    margin-bottom:15px;
}
.mod7 .newsUl .newsColumns .newsLsit li.first .newsName {
    background:rgba(249,249,249,.9);
    color:#333;
    padding:14px 0;
    text-align:left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.mod7 .newsUl .newsColumns .newsLsit li.first img {
    
    height:222px;
}
.mod7 .newsUl .newsColumns .newsLsit li.first .newsName i {
    display:inline-block;
    padding:2px 7px;
    border-radius:5px;
    background:#70B5FF;
    color:#fff;
    margin:0 10px;
}
.mod7 .newsUl .newsColumns .newsLsit li {
    margin-left:3px;
    padding-left: 23px;
    padding-right: 17px;
    background: url(../image/dotBlue.png) no-repeat left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mod7 .newsUl .newsColumns .newsLsit li.first {
    margin-left:0;
}
.mod7 .newsUl .newsColumns .newsLsit li.active {
    background: url(../image/dotBlue.png) no-repeat left center;
}

.fixedLeftBar {
    position:fixed;
    z-index:998;
    top:160px;
    left:23px;
    width:58px;
}
.fixedLeftBar li {
    height:65px;
    width:65px;
    border:1px solid #EBEBEB;
    border-bottom:none;
    background:#fff;
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    transition: all 1.2s;
}
.fixedLeftBar li.active {
    background:#0397FF;
}
.fixedLeftBar li:last-child {
    border-bottom:1px solid #EBEBEB;
}
.fixedLeftBar li i {
    display:block;
    width:25px;
    height:25px;
    margin:8px auto;
    background:url('../image/ICON1.png');
}
.fixedLeftBar li p {
    text-align:center;
    font-size:11px;
    color:#7a7a7a;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.fixedLeftBar li.active p {
    color:#fff;
}
.fixedLeftBar li.l1 i {
    background-position:-183px -2px;
}
.fixedLeftBar li.l2 i {
    background-position:-183px -31px;
}
.fixedLeftBar li.l3 i {
    background-position:-183px -62px;
}
.fixedLeftBar li.l4 i {
    background-position:-183px -92px;
}
.fixedLeftBar li.l5 i {
    background-position:-183px -124px;
}
.fixedLeftBar li.l6 i {
    background-position:-183px -153px;
}
.fixedLeftBar li.l7 i {
    background-position:-183px -183px;
}
.fixedLeftBar li.l8 i {
    background-position:-183px -213px;
}
.fixedLeftBar li.l9 i {
    background-position: -183px -244px;
}
.fixedLeftBar li.l1.active i {
    background-position:-213px -2px;
}
.fixedLeftBar li.l2.active i {
    background-position:-213px -31px;
}
.fixedLeftBar li.l3.active i {
    background-position:-213px -62px;
}
.fixedLeftBar li.l4.active i {
    background-position:-213px -92px;
}
.fixedLeftBar li.l5.active i {
    background-position:-213px -124px;
}
.fixedLeftBar li.l6.active i {
    background-position:-213px -153px;
}
.fixedLeftBar li.l7.active i {
    background-position:-213px -183px;
}
.fixedLeftBar li.l8.active i {
    background-position:-213px -213px;
}
.fixedLeftBar li.l9.active i {
    background-position: -213px -244px;
}

.fixedRightBar {
    position:fixed;
    z-index:10000;
    top:265px;
    right:13px;
    width:64px;
}
.fixedRightBar div.l_box {
    position:relative;
}
.fixedRightBar a.show_box {
    display:block;
    opacity:1;
    height:64px;
    width:64px;
    border:1px solid #66C0FF;
    background:#fff;
    margin-bottom:11px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.fixedRightBar a.hidden_box {
    overflow:hidden;
    position:absolute;
    top:0;
    right:0;
    height:64px;
    width:0;
    padding-left:0;
    background:#fff;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    border:none;
    border-radius:5px;
}
.fixedRightBar .l_box.active a.show_box {
    opacity:1;
}
.fixedRightBar .l_box.active a.hidden_box {
    width:200px;
    padding-left:10px;
    border:1px solid #9AD6FF;
    opacity: 1;
}
.fixedRightBar .l_box.active a.hidden_box i {
    width:34px;
}
.fixedRightBar .l_box.active a.hidden_box p {
    opacity:1;
}
.fixedRightBar a.hidden_box p {
    display: inline-block;
    line-height: 64px;
    vertical-align: top;
    margin-left:5px;
    font-size:14px;
    opacity:0;
    color:#66C0FF;
}
.fixedRightBar .l1 a.hidden_box p,
.fixedRightBar .l2 a.hidden_box p, {
    font-size:20px;
}
.fixedRightBar a.show_box i,.fixedRightBar a.hidden_box i {
    display:inline-block;
    vertical-align: top;
    width:0;
    height:34px;
    margin-top:15px;
    margin-left:15px;
    background:url('../image/ICON1.png');
}
.fixedRightBar a.show_box i {
    width:34px;
}
.fixedRightBar a.hidden_box i {
    margin-left:0;
}
.fixedRightBar .l1 a.show_box i ,.fixedRightBar .l1 a.hidden_box i {
    background-position:-244px -3px;
}
.fixedRightBar .l2 a.show_box i ,.fixedRightBar .l2 a.hidden_box i {
    background-position:-244px -44px;
}
.fixedRightBar .l3 a.show_box i ,.fixedRightBar .l3 a.hidden_box i {
    background-position:-244px -84px;
}
.fixedRightBar .l4 a.show_box i ,.fixedRightBar .l4 a.hidden_box i {
    background-position:-244px -126px;
}
.fixedRightBar .l5 a.show_box i ,.fixedRightBar .l5 a.hidden_box i {
    background-position:-244px -163px;
}