*{
	margin: 0;
	padding: 0;
}
ul,ol{
	list-style: none;			
}
a{
	text-decoration: none;
}
.model_warp{
	width: 100%;				
	border-bottom: 1px solid #E5E5E5;
	box-sizing: border-box;
	padding: 0 0 80px 0;
	position: relative;
}
.bgGray{
	background: #E5E5E5;
}
.model_box{
	width: 1120px;
	position: relative;
    margin: auto;
    overflow: hidden;
}
.model_box .model_box_title{
	text-align: center;
	padding-top: 40px;
}
.model_box .model_box_title span{
	display: inline-block;
	width: 80px;
	border-bottom: 2px solid black;
	margin-top:12px;
}

/*侧边栏导航*/
.navAside{
	position: fixed;
	bottom: 10px;				
	left: 3px;			
	z-index: 10;	
	border: solid 1px #E5E5E5;						
}
.navAside ul li a{
	display: inline-block;
	line-height: 40px;
	height: 40px;
	width: 225px;
	color: black;
	font-size: 14px;
	box-sizing: border-box;
	padding-left:50px;
	position: relative;
}
#nav li img{
	position: absolute;
	left: 10px;
	top: 0;
}
#nav li img:nth-child(2)
{
	display: none;
}
.navAside ul li a img{
	margin-top: 7px;
}
.navAside ul>li{
	height: 40px;
	border-bottom: solid 1px #E5E5E5;
	background: #FFFFFF;
	line-height: 40px;				
}
.closeNav{
	position: absolute;
	right:-2px;	
	top: -34px;	
}
#nav .active,#nav >li:hover{
	background: #87ce4c;
	color: #FFFFFF;
}
#nav >li a:hover{
	background: #87ce4c;
	color: #FFFFFF;
	position: relative;
}

#nav >li :hover img:nth-child(1){
	display: none;
}
#nav >li :hover img:nth-child(2){
	display: block;
	-webkit-animation:wobble1 1s ease 1 0s both;
	animation:wobble1 1s ease 1 0s both;
}

#nav .active a {color:#fff;}

#nav .active a img:nth-child(1){
	display: none;
}
#nav .active a img:nth-child(2){
	display: block;
	-webkit-animation:wobble1 1s ease 1 0s both;
	animation:wobble1 1s ease 1 0s both;
}

.navigationClose{  
	left: 0;
	position: fixed; 
	z-index: 9;
	text-align: center; 
	display:none; 
	width: 26px;    
	padding: 12px 6px;    
	top: 50%;    
	margin-top: -50px;   
	border-radius: 0 5px  5px 0 ;    
	line-height: 17px;
	background:#87ce4c;  
	color: #fff; 
	font-size: 16px;
	cursor:pointer;
	}

/*--------动画--------*/
.dataCenterImg,.O2O_ul1>li img,
.onceCard_ul2>li .onceCard_ul2_cicle,
.wxCard_ul1>li .wxCard_ul1_topImg,.wxCard_ul4>li img{
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;  
	transition: all .8s ease-in-out; 
	
}


.dataCenterImg:hover,.O2O_ul1>li img:hover,
.onceCard_ul2>li:hover .onceCard_ul2_cicle,
.wxCard_ul1>li:hover .wxCard_ul1_topImg
,.wxCard_ul4>li img:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg)
}

/*动画*/
.data_ul1_ol li{
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;  
	transition: all .8s ease-in-out; 
}	
.data_ul1_ol li:hover img ,.data_ul3 li:hover img,
.mix_ul7_ol li:hover img,.App_ul1 li:hover img,.wxCard_ul3>li:hover img
,.mix_ul2>li:hover img{
    -webkit-animation:bounce 1s ease 1 0s both;
	animation:bounce 1s ease 1 0s both;
}	
.data_ul2 li div:hover img,
.mix_ul1 li:hover img,.O2O_ul5>li:hover img,
.why_tuoke_ul3 .why_tuoke_ul3_img:hover,.wxCard_ul2>li:hover img ,
.RFM_ul2>li:hover img,.RFM_ul3>li:hover img,.mix_ul6>li img:hover,
.wxCard_ul5_s:hover{
	-webkit-animation:wobble1 1s ease 1 0s both;
	animation:wobble1 1s ease 1 0s both;
}
.App_ul4_small:hover,.mix_ul3>li:hover img {
	-webkit-animation:pulse 1s ease 1 0s both;
	animation:pulse 1s ease 1 0s both;
}
.data_ul5_sImg:hover{
	-webkit-animation:wobble1 1s ease 1 0s both;
	animation:wobble1 1s ease 1 0s both;
}

@-webkit-keyframes wobble1 {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    30% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    45% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -2deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -2deg);
    }
    60% {
        -webkit-transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 1deg);
        transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 1deg);
    }
    75% {
        -webkit-transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}