
.zt1{background: url(../../img/solution/ls1.png) center no-repeat;width: 100%;height: 100px;display: block;}
.zt2{background: url(../../img/solution/ls2.png) center no-repeat;width: 100%;height: 100px;display: block;}
.zt3{background: url(../../img/solution/ls3.png) center no-repeat;width: 100%;height: 100px;display: block;}
.zt4{background: url(../../img/solution/ls4.png) center no-repeat;width: 100%;height: 100px;display: block;}
.khjzdetail-list{margin-bottom: 0;height: 300px;}
.setion-tittle3{padding-top: 80px;}

.dz-li{width: 1135px;margin: 0 auto; height: 500px;position: relative;}
.dz-li .dz-pic{}
.dz-li .dz-pic img{width: 1135px;height: 500px;}
.dz-li .dz-com{position: absolute;top: 0;width: 1135px;height: 500px;left: 0;z-index: 99;}

.dz-li .dz-one{}
.dz-li .dz-one .dz-tt{margin-top:110px;font-size: 24px; color: #fff;}


.dz-li .dz-one .d-com-box{margin-top: 75px; }
.dz-li .dz-one .d-com-box>div{float: left;color: #fff;font-size: 18px;background: url(../../img/cc/api-bg.png) no-repeat;width:163px;height:72px;line-height: 70px; }
.dz-li .dz-one .d-com-box .one{margin-left: 125px;margin-right: 25px;}
.dz-li .dz-one .d-com-box .two{margin-right: 25px;}

.dz-li .dz-two{}
.dz-li .dz-two .dz-tt{margin-top:145px;font-size: 30px; color: #fff;}
.dz-li .dz-two .dz-cc{margin-top:10px;font-size: 18px; color: #fff;}

.dz-li .dz-three{}
.dz-li .dz-three .dz-tt{margin-top:145px;font-size: 30px; color: #fff;}
.dz-li .dz-three .dz-cc{margin-top:10px;font-size: 18px; color: #fff;}

.dz-li .dz-four{}
.dz-li .dz-four .dz-tt{margin-top:165px;font-size: 30px; color: #fff;}
.dz-li .dz-four .dz-cc{margin-top:10px;font-size: 18px; color: #fff;}


.dz-li .dz-fix{}
.dz-li .dz-fix .dz-tt{margin-top:60px;font-size: 30px; color: #fff;}
.dz-li .dz-fix .d-com-box{margin-top: 60px;}
.dz-li .dz-fix .d-com-box>div{width: 375px;float: left;text-align: center;}
.dz-li .dz-fix .d-com-box>div img {
  text-align: center;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  -webkit-transition:.5s;-moz-transition: .5s;-o-transition: .5s;-ms-transition: .5s;transition: .5s;
}
.dz-li .dz-fix .d-com-box>div img:hover{transform: scale(1.1);}
.dz-li .dz-fix .d-com-box>div p{font-size: 18px;color: #fff;line-height: 30px;}
.mt60{margin-top: 60px;}.mb60{margin-bottom: 60px;}
.jjff{background: url(../../img/solution/jnfftextbg.png) no-repeat; width: 451px;height: 285px;margin: 40px auto 0 ;color: #FFFFFF;}
.sjcj{width: 652px;margin: 0 auto;margin-top: 25px;color: #FFFFFF;}
.sjcj_left{width: 196px;}
.sjcj_right{text-align: left;width: 190px;}
.dz-tt1{font-size: 18px; color: #FFFFFF;}
.sjcj_bottom{width: 500px;margin: 0 auto; color: #FFFFFF;text-align: left;}

@-webkit-keyframes rotateInDownLeft {   
    0% {    
        -webkit-transform: rotate(0deg); 
        -moz-transform: rotate(0deg); 
        -o-transform: rotate(0deg);   
        transform: rotate(0deg);    
    }  
    10% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
    30% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
       
       
    40% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    } 
    60% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    }
    70% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    } 
     100% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    }  
}
@-moz-keyframes rotateInDownLeft {   
  	0% {    
        -webkit-transform: rotate(0deg); 
        -moz-transform: rotate(0deg); 
        -o-transform: rotate(0deg);   
        transform: rotate(0deg);    
    }  
    10% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
    30% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
       
       
    40% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    } 
    60% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    }
    70% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    } 
     100% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    } 
}  
@-o-keyframes rotateInDownLeft {   
   	0% {    
        -webkit-transform: rotate(0deg); 
        -moz-transform: rotate(0deg); 
        -o-transform: rotate(0deg);   
        transform: rotate(0deg);    
    }  
    10% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
    30% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
       
       
    40% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    } 
    60% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    }
    70% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    } 
     100% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    } 
} 
@keyframes rotateInDownLeft { 
		0% {    
        -webkit-transform: rotate(0deg); 
        -moz-transform: rotate(0deg); 
        -o-transform: rotate(0deg);   
        transform: rotate(0deg);    
    }  
    10% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
    30% {     
        -webkit-transform: rotate(120deg); 
        -moz-transform: rotate(120deg); 
        -o-transform: rotate(120deg);   
        transform: rotate(120deg); 
    }
       
       
    40% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    } 
    60% {    
        -webkit-transform: rotate(240deg); 
        -moz-transform: rotate(240deg); 
        -o-transform: rotate(240deg);   
        transform: rotate(240deg);    
    }
    70% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    } 
     100% {    
        -webkit-transform: rotate(360deg); 
        -moz-transform: rotate(360deg); 
        -o-transform: rotate(360deg);   
        transform: rotate(360deg);    
    } 
} 
.sjcj>div>img:hover{
		-webkit-animation: rotateInDownLeft 6s infinite linear;   
    -moz-animation: rotateInDownLeft 6s infinite linear;   
    -o-animation: rotateInDownLeft 6s infinite linear;   
    animation: rotateInDownLeft 6s infinite linear;    
}