#main{
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
}
#main .banner{
    width: 100%;
    position: relative;
}
#main .banner>p{
    height: 49px;
    font-size: 48px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.solution{
    padding: 80px 0 0;
    font-size: 14px;
}
.solution>h2{
    width: 100%;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    color: #000;
    font-weight: 500;
    border-left: 8px solid #36a5ff;
    margin-bottom: 30px;
}
.solution>p{
    font-size: 14px;
    text-indent: 2em;
    line-height: 25px;
    color: #000;
    text-align: left;
    letter-spacing: 1.5px;
    margin-bottom: 40px;
}
.solution>img{
    margin: 0 auto 40px;
}
.solution ul>li{
    float: left;
    text-align: center;
}
.solution ul>li p{
    font-size: 18px;
    color: #000;
    margin-top: 25px;
    letter-spacing: 1px;
}
.jg{
    width: 608px;
    height: 670px;
    /*line-height: 670px;*/
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.jg>img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.jg>p{
    width: 414px;
    height: 1px;
    /*border-bottom: 1px dashed;*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.jg>p:nth-child(2){
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.jg>p:nth-child(3){
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.jg>p:nth-child(4){
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.jg>div{
    width: 146px;
    height: 130px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 220px;
    cursor: pointer;
}
.tit{
    font-size: 20px;
    color: #000000;
    margin-top: 10px;
}
.jg>div:hover .tit{
    color: #36a5ff;
}
/*移动app*/
.App{
    top: 0;
    left: 220px;
}
.iconApp {
    width: 65px;
    height: 76px;
    vertical-align: -0.15em;
    fill: currentColor;
    /*position: absolute;*/
    /*top: 0;*/
    overflow: hidden;
}
.jg>div:hover svg{
    color: #36a5ff;
}
/*web客户端*/
.jg .web{
    top: 100px;
    left: 460px;
}
.iconWeb{
    width: 70px;
    height: 70px;
    fill: currentColor;
    overflow: hidden;
}
/*pc*/
.jg .pc{
    top: 300px;
    left: 500px;
}
.iconPc{
    width: 94px;
    height: 76px;
    fill: currentColor;
    overflow: hidden;
}
/*云平台*/
.jg .cloud{
    top: 450px;
    left: 460px;
}
.iconCloud{
    width: 96px;
    height: 64px;
    fill: currentColor;
    overflow: hidden;
}
/*视频系统*/
.jg .ship{
    top: 550px;
    left: 220px;
}
.iconShip{
    width: 72px;
    height: 67px;
    fill: currentColor;
    overflow: hidden;
}
/*警务手持机*/
.jg .phone{
    top: 450px;
    left: 20px;
}
.iconPhone{
    width: 62px;
    height: 80px;
    fill: currentColor;
    overflow: hidden;
}
/*基站*/
.jg .jizhan{
    top: 310px;
    left: -30px;
}
.iconJizhan{
    width: 70px;
    height: 63px;
    fill: currentColor;
    overflow: hidden;
}
/*电子标签*/
.jg .tag{
    top: 100px;
    left: 20px;
}
.iconTag{
    width: 71px;
    height: 70px;
    fill: currentColor;
    overflow: hidden;
}

.app ul{
    width: 1054px;
    margin: 0 auto;
}
.app ul>li{
    width: 221px;
    position: relative;
    cursor: pointer;
}
.app ul>li:hover .bg{
    /*display: block;*/
    opacity: 1;
    filter:alpha(opacity=100);
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.bg{
    /*display: none;*/
    width: 197px;
    height: 344px;
    line-height: 344px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    opacity: 0;
    filter:alpha(opacity=0);
    background: rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    position: absolute;
    top: 53px;
    left: 12px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.app ul>li:nth-child(2){
    margin: 0 195.5px;
}
.pc>div>div{
    float: left;
}
.pc>div>div:first-child{
    margin-left: 95px;
}
.pc>div>div:last-child{
    width: 669px;
    font-size: 14px;
    text-align: left;
    line-height: 25px;
    text-indent: 2em;
    letter-spacing: 1.5px;
    color: #000000;
    margin: 300px 0 0 40px;
}
.vis ul{
    width: 1074px;
    margin: 50px auto 150px;
}
.vis ul>li{
    width: 180px;
}
.vis ul>li:nth-child(2){
    margin: 0 267px;
}
.vis ul>li img{
    display: inline;
}