@charset "utf-8";
/* 微三云 · CSS*/

.bannerbox {height:700px;width:100%;overflow:hidden;position:relative;margin-top:109px;}
.containt-div {width:100%;position:relative;height:700px;}
.containt-div:after,.bannerbox:after,.nav:after,.nav dl:after,.nav dl dd:after,.nav dl .bg:after,.kongbai:after,.graydiv1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.bannerbox ul {position:relative;}
.bannerbox ul li {list-style:none;width:100%;height:700px;position:absolute;left:0;top:0;display:none}
.banno {width:260px;height:14px;position:absolute;bottom:10px;right:20px;z-index:2;left:50%;margin-left:-130px;}
.banno dl dd {float: left;background-color:#616161;list-style-type:none;width:30px;height:4px;margin-right:5px;cursor:pointer;background-clip:content-box;padding:10px 0px;}
.banno dl .bgban {background-color:#ffffff;}
.banno dl dd:hover{width:30px;height:4px;background:#ffffff;background-clip:content-box;padding:10px 0px;transition:0.8s;-moz-transition:0.8s;-webkit-transition:0.8s;-o-transition:0.8s;}

.bannerbox ul li.shuju{background:url(../images/banner/b2/bg.jpg) center no-repeat;}
.bannerbox ul li.weishi{background:url(../images/banner/b1/bg.jpg) center no-repeat;}
.bannerbox ul li.gouwu{background:url(../images/banner/b3/bg.jpg) center no-repeat;}
.bannerbox ul li.linshou{background: url(../images/banner/b4/bg.jpg) center no-repeat;}
.bannerbox ul li.pinpai{background: url(../images/banner/b5/bg.jpg) center no-repeat;}
.bannerbox ul li.xcx{background: url(../images/banner/b6/bg.jpg) center no-repeat;}
.bannerbox ul li.lsh{background: url(../images/banner/b7/bg.jpg) center no-repeat;}
.bannerbox ul li.zhibo{background: url(../images/banner/b8/bg.jpg) center no-repeat;}
.bannerbox ul li.yuanma{background: url(../images/banner/b9/bg.jpg) center no-repeat;}
.bannerbox ul li.qkl{background: url(../images/banner/b11/bg.jpg) center no-repeat;}

/*连锁化新零售*/
.lsh1{position: absolute;top:137px;left: 973px;animation: b1 2s 0s ease both}
.lsh2{position: absolute;top:327px;left: 657px;animation: b1 2s 0.5s ease both}
.lsh3{position: absolute;top:477px;left: 1033px;animation: b1 2s 1s ease both}
.lsh4{position: absolute;top:84px;left: 650px;animation: b3 2s 0s ease both;}
.lsh5{position: absolute;top:238px;left: 77px;animation:flipinX 2s 0s ease both ;}
.lsh6{position: absolute;top:467px;left: 77px;animation: b3 2s 0s ease both;}

/*小程序*/
.xcx1{position:absolute;top:155px;left:50px;animation:b1 1.5s 0s ease both;-webkit-animation:b1 1.5s 0s ease both;-moz-animation:b1 1.5s 0s ease both}
.xcx2{position:absolute;top:236px;left:50px;animation:flipinX 1.5s 0.5s ease both;-webkit-animation:flipinX 1.5s 0.5s ease both;-moz-animation:flipinX 1.5s 0.5s ease both;}
.xcx3{position:absolute;top:355px;left:50px;animation:b2 1.5s 0s ease both;-webkit-animation:b2 1.5s 0s ease both;-moz-animation:b2 1.5s 0s ease both;}
.xcx4{position:absolute;top:380px;left:480px;animation:jump 0.8s 0s ease infinite;-webkit-animation:jump 0.8s 0s ease infinite;-moz-animation:jump 0.8s 0s ease infinite;}
.xcx5{position:absolute;top:65px;left:670px;animation:b3 1.5s 0.5s ease both;-webkit-animation:b3 1.5s 0.5s ease both;-moz-animation:b3 1.5s 0.5s ease both;}

/*大数据*/
.containt-div{display:block;width:1200px;margin:0 auto;}
.sj1{position:absolute;top:150px;left:70px;-webkit-animation: b1 1s 0.1s ease both;-moz-animation: b1 1s 0.1s ease both;animation: b1 1s 0.1s ease both;}
.sj2{position:absolute;top:326px;left:70px;-webkit-animation: b2 1s 0.5s ease both;-moz-animation: b2 1s 0.5s ease both;animation: b2 1s 0.5s ease both;}
.sj3{position:absolute;top:400px;left:70px;-webkit-animation: b3 1s 0.8s ease both;-moz-animation: b3 1s 0.8s ease both;animation: b3 1s 0.8s ease both;}
.sj4{position:absolute;top:400px;left:268px;-webkit-animation: b3 1s 0.9s ease both;-moz-animation: b3 1s 0.9s ease both;animation: b3 1s 0.9s ease both;}
.sj5{position:absolute;top:400px;left:470px;-webkit-animation: b3 1s 1s ease both;-moz-animation: b3 1s 1s ease both;animation: b3 1s 1s ease both;}


/*微视系统*/
.ws1{position:absolute;left:35px;top:180px;z-index:2;-webkit-animation: b1 1s 0.1s ease both;-moz-animation: b1 1s 0.1s ease both;animation: b1 1s 0.1s ease both;}
.ws2{position:absolute;left:274px;top:152px;z-index:1;-webkit-animation:flipinX 1s 1s ease both;-moz-animation:flipinX 1s 1s ease both;animation:flipinX 1s 1s ease both;}
.ws3{position:absolute;left:148px;top:356px;z-index:3;-webkit-animation: b3 1s 1.1s ease both;-moz-animation: b3 1s 1.1s ease both;animation: b3 1s 1.1s ease both;}
.ws4{position:absolute;left:248px;top:356px;z-index:3;-webkit-animation: b3 1s 1.2s ease both;-moz-animation: b3 1s 1.2s ease both;animation: b3 1s 1.2s ease both;}
.ws5{position:absolute;left:348px;top:356px;z-index:3;-webkit-animation: b3 1s 1.3s ease both;-moz-animation: b3 1s 1.3s ease both;animation: b3 1s 1.3s ease both;}
.ws6{position:absolute;left:92px;top:368px;z-index:1;-webkit-animation:flipinX 1s 1.5s ease both;-moz-animation:flipinX 1s 1.5s ease both;animation:flipinX 1s 1.5s ease both;}
.ws7{position:absolute;left:42px;top:416px;-webkit-animation: b2 1s 1.4s ease both;-moz-animation: b2 1s 1.4s ease both;animation: b2 1s 1.4s ease both;}
.ws8{position:absolute;right:40px;top:200px;-webkit-animation:flipinX 1s 1.5s ease both;-moz-animation:flipinX 1s 1.5s ease both;animation:flipinX 1s 1.5s ease both;}
.ws9{position:absolute;left:588px;top:180px;-webkit-animation: b1 1s 1.5s ease both;-moz-animation: b1 1s 1.5s ease both;animation: b1 1s 1.5s ease both;}
.ws10{position:absolute;left:730px;top:148px;-webkit-animation: b1 1s 1.6s ease both;-moz-animation: b1 1s 1.6s ease both;animation: b1 1s 1.6s ease both;}
.ws11{position:absolute;right:350px;top:305px;-webkit-animation: b1 1s 1.7s ease both;-moz-animation: b1 1s 1.7s ease both;animation: b1 1s 1.7s ease both;}
.ws12{position:absolute;right:130px;top:120px;-webkit-animation: b1 1s 1.8s ease both;-moz-animation: b1 1s 1.8s ease both;animation: b1 1s 1.8s ease both;}
.ws13{position:absolute;right:58px;top:218px;-webkit-animation: b1 1s 1.9s ease both;-moz-animation: b1 1s 1.9s ease both;animation: b1 1s 1.9s ease both;}

/*移动购物*/
.gouwu .containt-div{position:relative}
.gouwu .containt-div>div{position:absolute}
.gouwu> a{display:block}
.gw1{top:180px;-webkit-animation: b2 1s ease both;-webkit-animation: b2 1s ease both;animation: b2 1s ease both;}
.gw2,.gw3,.gw4,.gw5{top:250px;-webkit-animation: b4 1s 0.6s ease both;-moz-animation: b4 1s 0.6s ease both;animation: b4 1s 0.6s ease both;}
.gw3{left:120px;}
.gw4{left:240px;}
.gw5{left:360px}
.gw6{top:365px;-webkit-animation:flipinX 1s 0.8s ease both;-moz-animation:flipinX 1s 0.8s ease both;animation:flipinX 1s 0.8s ease both;}
.gw7{top:463px;-webkit-animation: b3 1s 1s ease both;-moz-animation: b3 1s 1s ease both;animation: b3 1s 1s ease both;}}


/*社区新零售*/
.linshou .containt-div{position:relative}
.linshou .containt-div>div{position:absolute}
.linshou>a{display: block;}
.ls1,.ls2,.ls3,.ls4,.ls5{left: 40px;}
.ls1{top: 190px;animation: b1 1s 0.1s ease both;-wibket-animation: b1 1s 0.1s ease both;-moz-animation: b1 1s 0.1s ease both;}
.ls2{top:297px ;animation: b2 1s 0.2s ease both;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;}
.ls3{top:348px ;animation: b2 1s 0.3s ease both;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;}
.ls4{top:398px; animation: b2 1s 0.4s ease both;-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;}
.ls5{top:460px;animation: b4 2s 1s ease both;-webkit-animation: b4 2s 1s ease both;-moz-animation: b4 2s 1s ease both;}
.ls6{top: 125px;left: 700px;animation: b3 1s 0.4s ease both;-webkit-animation: b3 1s 0.4s ease both;-moz-animation: b3 1s 0.4s ease both;}

/*品牌新零售*/

.pinpai .containt-div{position:relative}
.pinpai .containt-div>div{position:absolute}
.pinpai>a{display: block;}
.pp1{top: 140px;animation: b1 1s 0.1s ease both;-wibket-animation: b1 1s 0.1s ease both;-moz-animation: b1 1s 0.1s ease both;}
.pp2{top:240px ;animation: b2 1s 0.2s ease both;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;}
.pp3{top:300px ;animation: b2 1s 0.3s ease both;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;}
.pp4{top:373px; animation: b2 1s 0.4s ease both;-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;}
.pp5{top:146px;left:744px;animation: b1 1s 0s ease both;-weblit-animation: b1 1s 0s ease both;-moz-animation: b1 1s 0s ease both;}
.pp6{top: 325px;left: 663px;animation: b3 1s 0.4s ease both;-webkit-animation: b3 1s 0.4s ease both;-moz-animation: b3 1s 0.4s ease both;}
.pp7{top: 325px;left: 797px;animation: b3 1s 0.5s ease both;-weblit-animation: b3 1s 0.5s ease both;-moz-animation: b3 1s 0.5s ease both;}
.pp8{top: 325px;left: 933px;animation: b3 1s 0.6s ease both;-weblit-animation: b3 1s 0.6s ease both;-moz-animation: b3 1s 0.6s ease both;}
.pp9{top: 325px;left: 1070px;animation: b3 1s 0.7s ease both;-weblit-animation: b3 1s 0.7s ease both;-moz-animation: b3 1s 0.7s ease both;}

/*直播商城*/
.zhibo .containt-div{position:relative}
.zhibo .containt-div>div{position:absolute}
.zhibo>a{display: block;}
.zb1{top:260px;animation: b1 1s 0.1s ease both;-wibket-animation: b1 1s 0.1s ease both;-moz-animation: b1 1s 0.1s ease both;}
.zb2{top:343px ;animation: b2 1s 0.2s ease both;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;}
.zb3{top:388px ;animation: b2 1s 0.3s ease both;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;}
.zb4{top:435px; animation: b2 1s 0.4s ease both;-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;}
.zb5{top:251px;left:668px;animation: b1 1s 0s ease both;-weblit-animation: b1 1s 0s ease both;-moz-animation: b1 1s 0s ease both;}
.zb6{top:188px;left:1084px;animation: b3 1s 0.4s ease both;-webkit-animation: b3 1s 0.4s ease both;-moz-animation: b3 1s 0.4s ease both;}
.zb7{top:556px;left:1019px;animation: b3 1s 0.5s ease both;-weblit-animation: b3 1s 0.5s ease both;-moz-animation: b3 1s 0.5s ease both;}
.zb8{top:202px;left:676px;animation: b3 1s 0.6s ease both;-weblit-animation: b3 1s 0.6s ease both;-moz-animation: b3 1s 0.6s ease both;}

/*小程序源码*/
.yuanma .containt-div{position:relative}
.yuanma .containt-div>div{position:absolute}
.yuanma>a{display: block;}
.ym1{top:228px;animation: b1 1s 0.1s ease both;-wibket-animation: b1 1s 0.1s ease both;-moz-animation: b1 1s 0.1s ease both;}
.ym2{top:301px ;animation: b2 1s 0.2s ease both;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;}
.ym3{top:348px ;animation: b2 1s 0.3s ease both;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;}
.ym4{top:393px; animation: b2 1s 0.4s ease both;-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;}
.ym5{top:449px;left:2px;animation: b1 1s 0s ease both;-weblit-animation: b1 1s 0s ease both;-moz-animation: b1 1s 0s ease both;}
.ym6{top:5px;left:614px;animation: b3 1s 0.4s ease both;-webkit-animation: b3 1s 0.4s ease both;-moz-animation: b3 1s 0.4s ease both;z-index:9;}
.ym7{top:265px;left:837px;animation: b3 1s 0.5s ease both;-weblit-animation: b3 1s 0.5s ease both;-moz-animation: b3 1s 0.5s ease both;}

/*区块链样式*/
.qkl .containt-div{position:relative}
.qkl .containt-div>div{position:absolute}
.qkl>a{display:block;}
.qkl .b10{top:204px;left:48px;animation: b2 1s 0.1s ease both;-wibket-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;}
.qkl .b1{top:270px;left:48px;animation: b2 1s 0.1s ease both;-wibket-animation: b2 1s 0.1s ease both;-moz-animation: b2 1s 0.1s ease both;}
.qkl .b2{top:310px;left:48px;animation: b2 1s 0.2s ease both;-webkit-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;}
.qkl .b3{top:352px;left:42px;animation: b2 1s 0.3s ease both;-webkit-animation: b2 1s 0.3s ease both;-moz-animation: b2 1s 0.3s ease both;}
.qkl .b4{top:352px;left:253px;animation: b2 1s 0.4s ease both;-webkit-animation: b2 1s 0.4s ease both;-moz-animation: b2 1s 0.4s ease both;}
.qkl .b5{top:457px;left:48px;animation: b2 1s 0s ease both;-weblit-animation: b2 1s 0s ease both;-moz-animation: b2 1s 0s ease both;}
.qkl .b6{top:183px;right:279px;animation: b1 1s 0.4s ease both;-webkit-animation: b1 1s 0.4s ease both;-moz-animation: b1 1s 0.4s ease both;z-index:9;}
.qkl .b7{top:332px;right:85px;animation: b3 1s 0.5s ease both;-weblit-animation: b3 1s 0.5s ease both;-moz-animation: b3 1s 0.5s ease both;}
.qkl .b8{top:206px;right:102px;animation: b3 1s 0.6s ease both;-weblit-animation: b3 1s 0.6s ease both;-moz-animation: b3 1s 0.6s ease both;z-index:8;}
.qkl .b9{top:131px;right:0;animation: b1 1s 0.5s ease both;-webkit-animation: b1 1s 0.5s ease both;-moz-animation: b1 1s 0.5s ease both;}

@-webkit-keyframes flipinX{
    0%{-webkit-transform:rotateX(90deg);opacity:0;}
    40%{-webkit-transform:rotateX(-10deg);}
    70%{-webkit-transform:rotateX(10deg);}
    100%{-webkit-transform:rotateX(0);opacity:1;}
}
@-moz-keyframes flipinX{
    0%{-moz-transform:rotateX(90deg);opacity:0;}
    40%{-moz-transform:rotateX(-10deg);}
    70%{-moz-transform:rotateX(10deg);}
    100%{-moz-transform:rotateX(0);opacity:1;}
}
@-ms-keyframes flipinX{
    0%{-ms-transform:rotateX(90deg);opacity:0;}
    40%{-ms-transform:rotateX(-10deg);}
    70%{-ms-transform:rotateX(10deg);}
    100%{-ms-transform:rotateX(0);opacity:1;}
}
@keyframes flipinX{
    0%{transform:rotateX(90deg);opacity:0;}
    40%{transform:rotateX(-10deg);}
    70%{transform:rotateX(10deg);}
    100%{transform:rotateX(0);opacity:1;}
}


/*从上往下*/
@-webkit-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

/*从左往右*/
@-webkit-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

/*从下往往*/
@-webkit-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}



@-webkit-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-moz-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-o-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}


@keyframes jump {
  0% {
    left: 480px;
  }
  50% {
    left: 490px;
  }
  100%{
  	 left:480px
  }
}
@-moz-keyframes jump {
  0% {
    left: 480px;
  }
  50% {
    left: 490px;
  }
  100%{
  	 left:480px
  }
}
@-webkit-keyframes jump {
  0% {
    left: 480px;
  }
  50% {
    left: 490px;
  }
  100%{
  	 left:480px
  }
}

.gray{display:block;background:#d7d7d8;width:100%;height:130px;overflow:hidden;}
.graybox{display:block;width:1200px;margin:0 auto;}
.graybox dl{display:block;float:left;overflow:hidden;width:240px;height:130px;padding-top:28px;}
.graybox dl dt.t1{display:block;background:url(../images/icon/hr12.png) no-repeat;width:50px;height:54px;margin-top:10px;margin-left:30px;}
.graybox dl dt.t2{display:block;background:url(../images/icon/ym.png) no-repeat;width:56px;height:37px;margin-top:20px;margin-left:35px;}
.graybox dl dt.t3{display:block;background:url(../images/icon/jd.png) no-repeat;width:56px;height:35px;margin-top:20px;margin-left:35px;}
.graybox dl dt.t4{display:block;background:url(../images/icon/jj.png) no-repeat;width:48px;height:54px;margin-top:10px;margin-left:15px;}
.graybox dl dt.t5{display:block;background:url(../images/icon/dsj.png) no-repeat;width:63px;height:60px;margin-top:10px;margin-left:40px;}
.graybox dl dt,.graybox dl dd{display:block;float:left;}
.graybox dl dd{padding-left:20px;box-sizing:border-box;}
.graybox dl dd h2{display:block;font-size:20px;color:#2a2a2a;font-weight:700;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.graybox dl dd p{display:block;font-size:14px;color:#707070;line-height:16px;margin-top:8px;}
.graybox .dlA{background:#e2e2e3;}
.graybox .dlB{background:#ebebeb;}
.graybox a{display:block;}
.graybox a:hover h2{color:#1097d5;}
.graybox a:hover dt{-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}


@-webkit-keyframes bounce {0% {-webkit-transform:translateY(-10px);}
	60% {-webkit-transform:translateY(0px);}
	80% {-webkit-transform:translateY(-10px);}
	100% {-webkit-transform:translateY(0);}}
@-moz-keyframes bounce {0% {-webkit-transform:translateY(-10px);}
	60% {-webkit-transform:translateY(0px);}
	80% {-webkit-transform:translateY(-10px);}
	100% {-webkit-transform:translateY(0);}}
@-o-keyframes bounce {0% {-webkit-transform:translateY(-10px);}
	60% {-webkit-transform:translateY(0px);}
	80% {-webkit-transform:translateY(-10px);}
	100% {-webkit-transform:translateY(0);}}
@keyframes bounce {0% {-webkit-transform:translateY(-10px);}
	60% {-webkit-transform:translateY(0px);}
	80% {-webkit-transform:translateY(-10px);}
	100% {-webkit-transform:translateY(0);}}


.value{display:block;overflow:hidden;background:#f5f5f5;padding-bottom:100px;}
.value h1{display:block;text-align:center;color:#2a2a2a;font-size:32px;margin-top:86px;}
.value h1 b{font-weight:normal;padding-right:10px;color:#1097d5;}
.value .top_span{display:block;border-bottom:solid 1px #ccc;width:248px;margin:0 auto;margin-top:10px;}
.value .top_span i{display:block;border-bottom:solid 5px #1097d5;width:46px;margin:0 auto;margin-bottom:-3px;}
.value_con{display:block;width:1200px;margin:0 auto;overflow:hidden;}
.value_con dl{display:block;float:left;width:370px;height:450px;background:#fff;margin:15px 15px;overflow:hidden;cursor:pointer;margin-top:50px;}
.value_con dl span{display:block;width:370px;height:290px;overflow:hidden;}
.value_con dl span img{display:block;width:100%;height:auto;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.value_con dl dt{display:block;font-size:26px;color:#2a2a2a;text-align:center;padding:20px 0px;}
.value_con dl dd{display:block;text-align:center;font-size:16px;color:#707070;line-height:24px;}
.value_con dl:hover dt{color:#1097d5;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.value_con dl:hover .v_dd1{opacity:0;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.value_con dl dd.v_dd1{opacity:1;}
.value_con dl dd.v_dd2{width:180px;height:46px;margin:0 auto;line-height:46px;transform:translate(0,1000px);}
.value_con dl:hover .v_dd2{border: solid 1px #1097d5;color:#1097d5;border-radius:2px;transform:translate(0,-40px);transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.value_con dl:hover .v_dd2:hover{background:#1097d5;color:#fff;}

.value_con dl:hover{box-shadow:0px 0px 18px 0px rgba(222, 222, 222, 0.8);position:relative;top:-2px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.value_con dl:hover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}




.solution h1{display:block;text-align:center;color:#2a2a2a;font-size:32px;margin-top:56px;}
.solution h1 b{font-weight:normal;padding-right:10px;color:#1097d5;}
.solution .top_span{display:block;border-bottom:solid 1px #ccc;width:248px;margin:0 auto;margin-top:10px;}
.solution .top_span i{display:block;border-bottom:solid 5px #1097d5;width:46px;margin:0 auto;margin-bottom:-3px;}
.solu{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:56px;}
.solu li{display:block;float:left;width:240px;height:408px;cursor:pointer;}
.solu li.li1{background:url(../images/f_01.jpg) no-repeat;}
.solu li.li2{background:url(../images/f_02.jpg) no-repeat;}
.solu li.li3{background:url(../images/f_03.jpg) no-repeat;}
.solu li.li4{background:url(../images/f_04.jpg) no-repeat;}
.solu li.li5{background:url(../images/f_05.jpg) no-repeat;}
.soludiv{display:block;height:408px;background:rgba(16,151,213,0);padding-top:115px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.soludiv span{display:block;width:84px;height:84px;margin:0 auto;}
.soludiv .icon1{background:url(../images/icon/icon1.png) no-repeat;}
.soludiv .icon2{background:url(../images/icon/icon2.png) no-repeat;}
.soludiv .icon3{background:url(../images/icon/icon3.png) no-repeat;}
.soludiv .icon4{background:url(../images/icon/icon4.png) no-repeat;}
.soludiv .icon5{background:url(../images/icon/icon5.png) no-repeat;}
.soludiv h2{display:block;font-size:26px;color:#fff;text-align:center;margin-top:20px;}
.soludiv h3{display:block;font-size:22px;color:#fff;text-align:center;margin-top:10px;}
.soludiv p{opacity:0;display:blocl;font-size:14px;height:80px;color:#fff;padding:10px 15px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.soludiv .but{opacity:0;display:block;font-size:16px;color:#fff;width:100px;height:38px;border:solid 1px #fff;border-radius:3px;
	text-align:center;line-height:38px;margin:0 auto;margin-top:30px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.soludiv:hover{background:rgba(16,151,213,0.9);padding-top:25px}
.soludiv:hover p{opacity:1}
.soludiv:hover .but{opacity:1}

.app{display:block;width:100%;overflow:hidden;margin-top:80px;}
.appdiv{display:block;overflow:hidden;background:url(../images/banner.png) no-repeat;width:100%;height:680px;background-size:100% 100%;}
.appdiv h1{display:block;text-align:center;color:#2a2a2a;font-size:32px;margin-top:56px;}
.appdiv h1 b{font-weight:normal;padding-right:10px;color:#1097d5;}
.appdiv .top_span{display:block;border-bottom:solid 1px #ccc;width:450px;margin:0 auto;margin-top:10px;}
.appdiv .top_span i{display:block;border-bottom:solid 5px #1097d5;width:46px;margin:0 auto;margin-bottom:-3px;}

.app_1210{display:block;width:1200px;overflow:hidden;}
.appConbox{display:block;width:1230px;margin:0 auto;overflow:hidden;margin-top:60px;}
.appCon{display:block;overflow:hidden;background:#fff;float:left;width:255px;height:460px;margin:0 10px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.appConA{width:385px;}
.appConA .appCon_top,.appConA .appCon_top span{background:#1097d5;}
.appCon_top{display:block;background:#92c0d9;width:100%;height:130px;position:relative;}
.appCon_top h2{display:block;font-size:24px;color:#fff;text-align:center;padding-top:20px;}
.appCon_top p{display:block;text-align:center;font-size:18px;color:#fff;padding-top:10px;}
.appCon_top span{display:block;width:84px;height:84px;background:#92c0d9;border-radius:50%;position:absolute;top:88px;left:calc(50% - 42px)}
.appCon_top span img{display:block;margin:0 auto;padding-top:20px;}
.appConNo{display:block;overflow:hidden;margin-top:50px;}
.appConNo_div dl{display:block;float:left;}
.appConNo_div dl dt{display:block;font-size:18px;color:#2a2a2a;background:url(../images/dt1.png) no-repeat left center;padding-left:18px;}
.appConNo_div dl dd{color:#707070;font-size:16px;padding-left:18px;}
.appConNo_div dl dd.dd1{padding-top:6px;}
.appConNo_div dl dd.dd2 a{color:#1097d5;font-size:12px;text-decoration:underline;}
.appConNo_div{overflow:hidden;border-bottom:solid 1px #eee;display:block;margin:0 10px;padding-bottom:20px;}
.appConNo_div a.butA{display:block;float:right;border:solid 1px #1097d5;color:#1097d5;font-size:16px;width:94px;height:36px;border-radius:3px;text-align:center;line-height:34px;margin-top:15px;margin-right:15px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.appConNo_div a.butA:hover{background:#1097d5;color:#fff;}
.appConTwo{display:block;overflow:hidden;margin:0 10px;}
.appConTwo dl{display:block;float:left;width:50%;margin-top:15px;}
.appConTwo dl dt{display:block;font-size:16px;color:#2a2a2a;background:url(../images/dt1.png) no-repeat left center;padding-left:18px;}
.appConTwo dl dd{color:#707070;font-size:14px;padding-left:18px;}
.appConTwo dl dd.dd1{padding-top:6px;}
.appConTwo dl dd.dd2 a{color:#1097d5;font-size:12px;text-decoration:underline;}
.appConTwoB{display:block;margin-top:50px;overflow:hidden;}
.appConTwoB ul li{display:block;background:url(../images/dt2.png) no-repeat 34% center;text-align:center;padding-left:18px;color:#2a2a2a;font-size:18px;margin-top:20px;}

.videos1{background:#f5f5f5;padding-top:56px;display:block;overflow:hidden;padding-bottom:30px;}
.videos1 h1{display:block;text-align:center;color:#2a2a2a;font-size:32px;}
.videos1 h1 b{font-weight:normal;padding-right:10px;color:#1097d5;}
.videos1 .top_span{display:block;border-bottom:solid 1px #ccc;width:208px;margin:0 auto;margin-top:10px;}
.videos1 .top_span i{display:block;border-bottom:solid 5px #1097d5;width:46px;margin:0 auto;margin-bottom:-3px;}
.shiping{position: absolute;top:0;left:0;cursor: pointer;z-index: 2;}

.videos2{width: 1200px;margin: 0 auto;position: relative;}
.videosdiv1{background-color: #ffffff;margin: 35px 15px 0 10px;position: relative;}
.videosnumdiv{margin: 0 35px;padding: 24px 0;overflow: hidden;}
.ved11{padding-top: 10px;position: relative;}
.numsapn1{font-size: 24px;vertical-align: middle;}
.numsapn2{float: right;font-size: 20px;color: #707070;}
.numsapn2 img{vertical-align: middle;}
.numspan3{vertical-align: middle;line-height: 31px;margin-left: 15px;}
.pre,.next{float:left;margin-top:60px; position:relative; width:30px; z-index:11;}
.smalpic{float:left; display:block; zoom:1; overflow:hidden;padding:10px 5px 0 5px;}
.infobtn{ position:absolute;bottom:50px;left: 10px;}
.smallbox .j_span{background:url(../images/v.png) no-repeat;display:none;width:255px;height:145px;position:absolute;left:15px;top:15px;}
.smallbox img{display:block;width:100%;height:145px;}
.smallbox a{display:block;float:left;width:285px;text-align:center; outline:none;z-index:10;padding:15px 15px;box-sizing:border-box;position:relative;}
.smallbox a b{ display:none;}
.smallbox a.on img{border:3px solid #c21f22;}
.smallbox a.on b{ display:block;}
.smallbox b{ background-position:-60px -10px; display:block; zoom:1; overflow:hidden; width:10px; height:8px; position:absolute; left:30px; top:-7px;}
#j-focusPic{position:relative;overflow:hidden;width:970px;height:800px;}
#j-focusPic .j-slider{position:absolute;width:1000000px;}
#j-focusPic .j-item{display:block;float:left;width:970px;height:650px;overflow:hidden;}
.j-item{cursor: pointer;}
.j-item .p1{color: #707070;font-size: 20px;margin-top: 18px;}
.j-item .p2{color:#b6b6b6;font-size: 14px;vertical-align: middle;display: inline-block;}
.j-item .video{background: url(../images/videos1.png);width: 20px;height: 13px;display: inline-block;background-size: cover;margin-right: 5px;vertical-align: middle;}
#j-focusPic .j-info{height:85px;}
#j-focusPic .j-infocontainer{display:none;}
#j-focusBtns .j-container{position:relative;height:175px;width:1140px;padding:0px;padding-top:10px;}
.pre{background-image: url(../images/qian.png);height: 65px;width: 20px;background-repeat: no-repeat;}
.next{background-image: url(../images/hou.png);height: 65px;width: 20px;background-repeat: no-repeat;}
#j-focusBtns .j-slider{position:absolute;}

.edge{display:block;overflow:hidden;padding:56px 0;}
.edge h1{display:block;text-align:center;color:#2a2a2a;font-size:32px;}
.edge h1 b{font-weight:normal;padding-right:10px;color:#1097d5;}
.edge .top_span{display:block;border-bottom:solid 1px #ccc;width:258px;margin:0 auto;margin-top:10px;}
.edge .top_span i{display:block;border-bottom:solid 5px #1097d5;width:46px;margin:0 auto;margin-bottom:-3px;}

.edgetop{display:block;width:1200px;margin:0 auto;margin-top:50px;overflow:hidden;}
.edgeDiv{display:block;float:left;overflow:hidden;width:400px;height:130px;padding:10px 10px;box-sizing:border-box;}
.edgeDiv .edgeT{display:block;width:310px;height:92px;padding-left:45px;padding-top:24px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.edgeDiv span,.edgeDiv dl{display:block;float:left;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.edgeDiv span{width:64px;height:64px;}
.edgeDiv span.s_icon1{background:url(../images/icon/icon10.png) no-repeat;}
.edgeDiv span.s_icon2{background:url(../images/icon/icon11.png) no-repeat;}
.edgeDiv span.s_icon3{background:url(../images/icon/icon12.png) no-repeat;}
.edgeDiv span.s_icon4{background:url(../images/icon/icon13.png) no-repeat;}
.edgeDiv span.s_icon5{background:url(../images/icon/icon14.png) no-repeat;}
.edgeDiv span.s_icon6{background:url(../images/icon/icon15.png) no-repeat;}
.edgeDiv span.s_icon7{background:url(../images/icon/icon16.png) no-repeat;}
.edgeDiv span.s_icon8{background:url(../images/icon/icon17.png) no-repeat;}
.edgeDiv span.s_icon9{background:url(../images/icon/icon18.png) no-repeat;}

.edgeDiv:hover .s_icon1{background:url(../images/icon/icon10_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon2{background:url(../images/icon/icon11_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon3{background:url(../images/icon/icon12_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon4{background:url(../images/icon/icon13_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon5{background:url(../images/icon/icon14_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon6{background:url(../images/icon/icon15_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon7{background:url(../images/icon/icon16_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon8{background:url(../images/icon/icon17_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}
.edgeDiv:hover .s_icon9{background:url(../images/icon/icon18_1.png) no-repeat;-webkit-animation:bounce 0.1s ease 1 0s both;animation:bounce 1s ease 1 0s both;}

.edgeDiv dl{padding-left:20px;}
.edgeDiv dl dt{display:block;font-size:24px;color:#2a2a2a;}
.edgeDiv dl dd{display:block;font-size:16px;color:#2a2a2a;margin-top:10px;}
.edgeDiv dl dd.s_dd2{display:none;}

.edgeDiv:hover .s_dd1{display:none;}
.edgeDiv:hover .s_dd2{display:block;color:#1097d5;}

/* .edgeDiv .edgeT:hover{box-shadow: 0px 0px 5px 0px rgba(183, 183, 183, 0.5);border-radius:3px;} */

.edge_bottom{display:block;width:1200px;margin:0 auto;}
.edge_bottom ul{display:block;overflow:hidden;margin-top:50px}
.edge_bottom ul li{display:block;float:left;width:25%;}
.edge_bottom ul li a{display:block;width:210px;height:210px;background:#e5e5e5;border-radius:50%;text-align:center;margin:0 auto;}
.edge_bottom ul li a h3{display:block;padding-top:55px;color:#2e2e2e;font-size:20px;}
.edge_bottom ul li a h2{display:block;color:#2e2e2e;font-size:34px;font-weight:bold;padding:15px 0px;}
.edge_bottom ul li a p{display:block;font-size:18px;color:#2e2e2e;}
.edge_bottom ul li a:hover{background:#5aa6dc;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.edge_bottom ul li a:hover .ed{color:#fff;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.titledivcom{text-align: center;font-size: 32px;display: table;margin: 0 auto;padding: 88px 0 0 0;}
.bluespan{color: #1097d5;}
.xianp{margin-top: 20px;height: 2px;width:16%;border-bottom:1px solid #cccccc;margin:0 auto;margin-top:10px;}
.bluexian{height: 5px;width: 20%;margin-left: 40%;background-color: #1097d5;}


.titledivcom{display:block;padding:50px 0;overflow:hidden;}
.titledivcom h1{display:block;text-align:center;color:#2a2a2a;font-size:32px;}
.titledivcom h1 b{font-weight:normal;padding-right:10px;color:#1097d5;}
.titledivcom .top_span{display:block;border-bottom:solid 1px #ccc;width:208px;margin:0 auto;margin-top:10px;}
.titledivcom .top_span i{display:block;border-bottom:solid 5px #1097d5;width:46px;margin:0 auto;margin-bottom:-3px;}

.actsolutibox{display: none;position: relative;}
.mobile1{width:100% !important;background:url(../images/banner.jpg) no-repeat;position: relative;height:680px;overflow: hidden;margin-top:50px;}
.mobile2{width: 1200px;margin: 0 auto;position: relative;top: 0;z-index: 99;}
.mobileul{font-size: 0;text-align: center;margin:5px auto 0;}
.mobileul{position:relative;}
.mobileli{position:relative; width:255px;vertical-align: top;display: inline-block;background-color: #ffffff;margin-bottom: 50px;}
.actived.mobileli{width:385px;height:499px;top:-15px;box-shadow:0 0 5px #1097d5;}
.boxshadow{box-shadow:0 0 5px #1097d5;}
.topcls{height:143px;top:-15px;}
.nomibile{width: 100%;height: 468px;border:1px solid #92c0d9}

.nomibile .mobiletop{background-color: #92c0d9;color: #ffffff;text-align: center;position: relative;}
.nomibile .mobilep1{font-size: 24px;padding-top: 27px;color:#fff;}
.nomibile .mobiledesc1{font-size: 18px;padding-bottom: 38px;padding-top: 8px;color:#fff;}
.nomibile .mobileimgdiv{position: absolute;top: 88px;left: calc(50% - 42px);border-radius: 50%;background-color: #92c0d9;width: 84px;height: 84px;}
.mobileimgdiv img{margin-top: 20px;}
.miboul{margin-top: 85px;}
.miboul2{margin-top: 85px;display: inline-block;margin-left: 10px;margin-right: 10px;}
.miboli{font-size: 18px;text-align: center;margin-bottom: 20px;}
.miboli .mibospan{width:8px;height:8px;border-radius: 50%;background-color: #92c0d9;display: inline-block;margin-right:10px;}
.mobilema{color: #1097d5;font-size: 16px;border: 1px solid #1097d5;padding: 6px 10px;border-radius: 4px;display: table;margin: 5px auto;}
.bannermobi{position: absolute;top: 0;height: 719px;width: 100%;}

.activemobi{height: 469px;display: none;}
.activemobi .mobiletop{background-color: #1097d5;color: #ffffff;text-align: center;position: relative;}
.activemobi .mobilep1{font-size: 24px;padding-top: 27px;color:#fff;}
.activemobi .mobiledesc1{font-size: 18px;padding-bottom: 38px;padding-top: 8px;color:#fff;}
.activemobi .mobileimgdiv{position: absolute;top: 88px;left: calc(50% - 42px);border-radius: 50%;background-color: #1097d5;width: 84px;height: 84px;}
.actmiboul1{border-bottom: 1px solid #cccccc;margin: 40px 10px 15px 10px;padding-bottom: 18px;text-align: left;position: relative;height:80px;}
.actmiboli{font-size: 18px;margin-top: 12px;height: 28px;line-height: 28px;overflow: hidden;width: 182px;margin-bottom: 5px;
	background:url(../images/dt1.png) no-repeat left center;padding-left:18px;}
.actmibolip{margin-left:18px;font-size: 13px;color: #707070;line-height: 18px;width: 156px;overflow: hidden;display: inline-block;}
/*.actmiboli .actmibospan{width: 10px;height: 10px;border-radius: 50%;background-color: #1097d5;display: inline-block;margin-right: 14px;}*/
.actmoalink{display: block;color: #1097d5;font-size: 12px;margin-left:18px;margin-bottom: 8px;}
.actmiboul2{margin: 0 10px 12px 10px;overflow:hidden;position:relative;width:365px;height:190px}
.jt-r{ left: 100%;    margin-left: -27px;    position: absolute; cursor:pointer;   top: 70%;z-index: 10;webkit-transform:scale(-1);-moz-transform:scale(-1);transform:scale(-1);}
.jt-l{ position: absolute; top: 70%;z-index: 10;left:5px;cursor:pointer}
.liboxact{display: inline-block;width: 182px;text-align: left;}
.liboxact-wrap{width:732px;height:162px;position:absolute;padding-left:20px}
.nomibile{display: block;}
.active .nomibile{display: none;}
.active .activemobi{display: block;}

.actmiboul1 .sp3a{display:block;font-size:18px;width:120px;height:38px;border:solid 1px #1097d5;border-radius:3px;line-height:38px;text-align:center;position:absolute;right:10px;top:15px;color:#1097d5;}
.actmiboul1 .sp3a:hover{background:#1097d5;color:#fff;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.actmiboul1 .sp3b{display:block;font-size:13px;position:absolute;right:25px;top:63px;color:#1097d5;}
.actmiboul1 .sp3b:hover{color:#666;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

.news1{background-color: #f5f5f5;}
.news2{width: 1200px;margin: 0 auto;padding-bottom: 65px;}
.newsleft{width: 575px;height: 380px;margin-top: 45px;display: inline-block;vertical-align: top;}
.newsleft img{width: 100%;height: 100%;}
.newsright{margin-left: 40px;width: 575px;display: inline-block;vertical-align: top;margin-top: 45px;height: 380px;}
.newstabbox{width:100%;position:relative;}
.newstab{float: left;background-color: #ffffff;margin-right: 40px;}
.newslabel {display:block;padding:10px 15px;text-align:center;font-size: 18px;color: #707070;cursor: pointer;}
.newsradio,.newstabcontent {position:absolute;left:-999em;}
.newstabcontent.active{margin-top:-1px;left:0;right:0;padding-top: 6px;height: 315px;}
.newslabel.active {background-color:#1097d5;color:#ffffff;position:relative;z-index:1;}
.newstabp1{font-size: 18px;font-weight: 300;margin: 14px 0 12px 0;}
.newstabp2{font-size: 14px;color: #707070;}
.newstabp3{color: #ababab;font-size: 12px;overflow: hidden;padding: 20px 0 15px 0;}
.newstabp3 span{color:#ababab;}
.newsconline{border-bottom: 1px dashed #ababab;}
.newsnum{float: right;}
.newsconline p a{font-size:13px;}
.newsconline a p:hover{color:#1097d5;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.newsconline p a:hover{color:#1097d5;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}



.right-side{width: 144px;height: auto;position: fixed;top: 140px;right: 5px;text-align: center;z-index: 3000;}
.right-side .top-side{border-top: 1px solid #1097d5;border-left: 1px solid #1097d5;border-right: 1px solid #1097d5;border-radius: 5px 5px 0 0;background: #fff;}
.right-side .slide{margin-top: 20px;cursor: pointer;}
.right-side .title{color: #1097d5;font-size: 19px;margin-top: 8px;margin-bottom:20px;}
.right-side .name{color: #2a2a2a;text-align: left;padding-left: 8px;margin-top: 10px;}
.right-side .icon1{background: url('../images/qq.gif') no-repeat;font-size: 17px;text-indent: 24px;background-position: -1px 4px;}
.right-side .icon2{background: url('../images/tel.png') no-repeat left center;font-size: 17px;text-indent:18px;font-size:15px;margin-left:5px;}
.right-side .foot1{color: #2a2a2a;font-size: 16px;margin-top:20px;}
.right-side .foot-tel{color: #2a2a2a;font-size:19px;padding-bottom: 19px;}
.float_controls{background: #fff;height:73px;cursor: pointer;position: relative;border-left: 1px solid #1097d5;border-right: 1px solid #1097d5;border-bottom: 1px solid #1097d5;border-radius:0  0 5px 5px;box-sizing:border-box;}
.float_controls .qr{
    box-sizing:border-box;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url(../images/qr.png) no-repeat center center;
    width: 71px;
    height: 71px;
    border-top:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
}
.float_controls .top{
     box-sizing:border-box;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url(../images/top.png) no-repeat center center;
    width: 71px;
    height: 71px;
    border-top:1px solid #c3c3c3;
}
.float_qr{width:150px;position:absolute;overflow:hidden;top:-115px;left:-155px;display:none;background: #fff;border:1px solid #d9d9d9;border-radius: 5px;}
.float_qr span img{display:block;float:none;margin:20px auto 10px auto;}
.float_qr span p{display:block;float:none;text-align:center;margin-bottom:5px;}
.qr_arrow{display:block;float:left;position:absolute;bottom:20px;left:119px;}
.message{cursor: pointer;margin-top: 9px;width: 142px;height: 96px;border:1px solid #1097d5;border-radius: 5px;text-align: center;background: #fff;}
.message img{margin-top: 16px;margin-bottom: 4px;}
.message p{color: #1097d5;font-size: 14px;}
.online{position: fixed;right: -3px;top: 250px;background:#1097d5;border-radius: 5px; width: 63px;height: 170px;text-align: center;display: none;z-index: 3000;cursor: pointer;}
.online img{margin-top: 10px;}
.online p{font-size: 20px;color: #fff;width: 32px;margin:0 auto;}