*, *:before, *:after {
    -webkit-box-sizing: initial;
        box-sizing: initial;
}

.tab-container .tab-nav {
    text-align:center;
}

.tab-container .tab-nav li{
    position:relative;
    width:20%;
    display:inline-block;
    padding:5px;
    margin:5%;
}

.tab-container .tab-nav li *{
    color:#47a0ff;
    font-weight:bold;
}

.tab-container .tab-nav li.active{
  background-color:#47a0ff;
  color:#fff;
  border-radius:30px;
  box-shadow:0px 0px 10px #47a0ff;
}

.tab-container .tab-nav li.active *{
  color:#fff;
}



.tab-container  .tab-body{
    position:relative;
}

.tab-container  .tab-body .tab-body-item{
    position:relative;
    display:none;
    top:0px;
    left:0px;
}


.tab-container  .tab-body .tab-body-item.active{
    display:block;
}


/*定制化图标*/
.custom-list {
    text-align:center;
}



.custom-list li p{
    color:#505050;
    margin:0px;
    text-align:center;
}
.custom-ico{
    display:inline-block;
    background-repeat:no-repeat;
}



.ico-solution {
     background-image:url("/images/index-tab-default-ico-01.png");
}

li.active   .ico-solution{
     background-image:url("/images/index-tab-selected-ico-01.png");
}

.ico-system {
    background-image:url("/images/index-tab-default-ico-02.png");
}

li.active   .ico-system{
    background-image:url("/images/index-tab-selected-ico-02.png");
}

.ico-custom {
    background-image:url("/images/index-tab-default-ico-03.png");
}

li.active   .ico-custom {
    background-image:url("/images/index-tab-selected-ico-03.png");
}





a.img-banner{
    display:block;
    width:100%;
    background-repeat:no-repeat;
    background-size:100%;
}

.img-brand{
   display:block;
    width:100%;
    background-repeat:no-repeat;
    background-size:100%;
}
 .slider-container{
        background-color: #f5f5f5;
        text-align:center;
    }



/*PC端样式*/
@media only screen and (min-width: 1200px) {

    #banner{
        margin-top:60px;
    }

    .section  h5{
        margin-bottom:30px;
    }

    .tab-container .tab-nav li{
        margin: 40px 5%;
    }

    .tab-container .tab-nav li:hover{
        cursor:pointer;
    }


    .tab-nav-ico{
         display:inline-block;
         width:19px;
         height:19px;
         background-repeat:no-repeat;
         background-size: 19px;
    }

    .tab-body-title{
        display:none;
    }



    .custom-list-logo{
        display:block;
        width:50px;
        margin:0px auto;
    }
    .custom-list-desc{
        text-align:center;
        margin:30px;
    }

    .custom-ico{
        width:60px;
        height:60px;
        background-size:60px 60px;
    }

    .custom-list li{
        display:inline-block;
        padding:49px 0px;
        width:180px;
    }

    .custom-list li:hover *{
        color:#47a0ff;
    }
    .custom-list li:hover{
       width:180px;
       box-shadow:0px 0px 10px #47a0ff;
    }

     .custom-list li.ico-solution {
        background-image:url("/images/index-tab-default-ico-01.png");
        background-repeat:no-repeat;
     }


    .tab-container  .tab-body .tab-body-item .solution-img{
        display:block;
        width:1000px;
        margin:0px auto;
    }

    .tab-container  .tab-body .tab-body-item .solution-img.solution-img-system{
        width:800px;
    }


    .product{
         display:inline-block;
         width:200px;
         margin: 20px 50px 50px 50px;
      }

     .product p{
        margin-top:20px;
        font-size:16px;
     }



    p.product-detail{ margin:0px 36px; color:#4a4a4a;line-height: 1.8em;}
    h4.product-detail{     margin: 30px 36px 10px 36px; font-weight:bold;color:#4a4a4a; }
    img.product-detail{ background-color:#f5f5f5;width:100%;margin:0px auto; }

    ul.brand{
       padding:0px 0px;
       font-size:0px;
       width: 1000px;
       margin: 0px auto;
    }

     ul.brand li{
         display:inline-block;
         text-align:center;
         width:25%;
         margin:10px 0px;
     }




}/*PC端样式*/


/*手机端样式*/
@media only screen and (max-width: 1200px) {

    .product-intro .section-body{
        padding-bottom:0px;
    }

    #banner{
        margin-top:60px;
    }

    .tab-container  .tab-body .tab-body-item .solution-img{
        display:block;
        width:100%;
        margin:0px auto;
    }


    .tab-nav-ico{
         display:inline-block;
         width:24px;
         height:24px;
         background-repeat:no-repeat;
         background-size: 24px;
    }

    .tab-nav-text{
        display:none;
    }
    .tab-container .tab-nav li{
        position:relative;
        width: 15%;
        display:inline-block;
        padding:5px;
        margin:5%;
    }

    .tab-body-title{
        display:block;
        text-align:center;
        margin:0px 0px 10px 0px;
        font-size:1em;
        color:#47a0ff;
    }


    .custom-list-logo{
        display:block;
        width:40px;
        margin:0px auto;
    }
    .custom-list-desc{
        text-align:center;
        margin-bottom:30px;
    }

    .custom-ico{
       width: 40px;
       height: 40px;
       background-size: 40px 40px;
    }


    .custom-list li{
        display:inline-block;
        padding:15px 0px;
        width:90px;
    }


    .custom-list li p{
        font-size:0.7em;
    }

    .custom-list-desc{
        text-align:center;
        margin:30px;
    }


    .product{
        display:inline-block;
        width:120px;
        margin:10px 0px 30px 0px;
    }

     .product img{
        width:70%;
        margin:0px auto;
     }

     .product p{
        font-size:10px;
        margin-top:10px;
     }

      p.product-detail{  margin:10px 30px; color:#4a4a4a;     font-size: 16px; line-height:1.7em;}
      h4.product-detail{  margin:20px 30px 5px 30px; font-weight:bold;color:#4a4a4a; font-size:1.2em; }
      img.product-detail{ background-color:#f5f5f5;width:100%;margin:0px auto; }

    ul.brand{
       padding:10px 0px;
       font-size:0px;
    }

     ul.brand li{
         display:inline-block;
         text-align:center;
         width:50%;
         margin:10px 0px;
     }

      ul.brand li img{
        width:90%;
        padding:5%;
      }

      .banner{
        margin-top:60px;
      }
}/*手机端样式*/