/*头部*/
/*PC*/
@media (min-width:1199px) {
    .headBox {
        border-bottom: 1px solid #ccc;
        z-index: 998;
        background: #fff;
    }
    .headCls {
        position: relative;
        background: #fff;
        max-width: 1200px;
        margin: 0 auto;
        text-align: right;
        padding: 0 10px;
        height: 80px;
    }
    .fixed {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
    }
    .headlogo {
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 10px;
    }
    .headnav {
        display: inline-block;
        margin: 0;
        line-height: 80px;
    }
    .headnav li {
        display: inline-block;
    }
    .headnav li a{
        padding: 30px;
        font-size: 16px;
        color: #000;
        cursor: pointer;
    }
    .headnav li a:hover{
        text-decoration:none;
    }
    .headnav li.clickCls {
        color: #006ab9;
    }
    .headnav li.clickCls a{
        color: #006ab9;
        text-decoration:none;
    }
    .headicon {
        display: inline-block;
        margin-left: 30px;
    }
    .clickBorCls {
        position: absolute;
        top: 77px;
        height: 2px;
        width: 92px;
        background: #006ab9;
        left: 650px;
        margin: 0;
        z-index: 99;
    }
    /*banner*/
    .bannerCls .carousel {
        padding-top: 81px;
    }
    .bannerCls .item{
        height:800px;
    }
    .bannerCls .left,.bannerCls .right{
        display:block !important;
    }
    .bannerCls .smallBanner {
        position: absolute;
        top: 25%;
        left: 20%;
        width: 30%;
        animation: bannerCls 1.5s;
        -moz-animation: bannerCls 1.5s;
        /* Firefox */
        -webkit-animation: bannerCls 1.5s;
        /* Safari 和 Chrome */
        -o-animation: bannerCls 1.5s;
        /* Opera */
    }
    @keyframes bannerCls {
        from {
            left: 80%;
            opacity: 0;
        }
        to {
            left: 20%;
            opacity: 1;
        }
    }
    /*服务*/
    .serviceBox {
        text-align: center;
        background: url('images/Company/serviceBg.png') center center;
        padding: 40px 0 0 0;
    }
    .titleCls {
        font-size: 16px;
        padding: 50px 50px 10px 50px;
        margin-bottom: 50px;
        border-bottom: 1px solid #ccc;
        display: inline-block;
    }
    .titleCls .bigSize {
        font-size: 30px;
    }
   .serviceBox .item {
        display: inline-block;
        text-align: center;
        margin: 5px 20px;
        padding: 60px 30px;
        min-width: 320px;
    }
    .serviceBox .item:hover {
        box-shadow: 0px 0px 10px #999;
        border-bottom: 4px solid #006ab9;
        padding-bottom: 26px;
    }
    .serviceBox .item img {
        display: inline-block;
    }
    .serviceBox .bigImg {
        opacity: 0;
        position: absolute;
        left: 50%;
        margin-left: -103px;
        top: 5%;
        animation: hideAm .5s;
        -moz-animation: hideAm .5s;
        /* Firefox */
        -webkit-animation: hideAm .5s;
        /* Safari 和 Chrome */
        -o-animation: hideAm .5s;
        /* Opera */
    }
    .serviceBox .item:hover .smallImg {
        opacity: 0;
        animation: hideAm .5s;
        -moz-animation: hideAm .5s;
        /* Firefox */
        -webkit-animation: hideAm .5s;
        /* Safari 和 Chrome */
        -o-animation: hideAm .5s;
        /* Opera */
    }

    @keyframes hideAm {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    .serviceBox .item:hover .bigImg{
        opacity: 1;
        animation: showAm .5s;
        -moz-animation: showAm .5s;
        /* Firefox */
        -webkit-animation: showAm .5s;
        /* Safari 和 Chrome */
        -o-animation: showAm .5s;
        /* Opera */
    }
    @keyframes showAm {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    .serviceBox .nameCls {
        font-size: 20px;
        color: #000;
        margin: 40px 0;
    }
    .serviceBox .left,.serviceBox .right{
        display: none;
    }
    .serviceBox .carousel-inner {
        margin: 60px 0;
    }
    /*案例*/
    .caseBox {
        width: 1200px;
        padding: 0 0 80px 0;
        text-align: center;
        margin: 0 auto;
    }
    .caseBox .item {
        display: inline-block;
        text-align: left;
        width: 30%;
        margin: 0 10px;
        cursor: pointer;
    }
    .caseBox .item img {
        display: inline-block;
    }
    .caseBox .padCls {
        padding: 10px 15px;
    }
    .caseBox .borCls {
        border: 1px solid #e5e5e5;
        border-radius: 0 0 4px 4px;
    }
    .caseBox .carousel-inner {
        padding: 40px 0;
    }
    .caseBox .item:hover .borCls {
        padding-bottom: 7px;
        border-bottom: 3px solid #27afec;
    }
    .caseBox .left,.caseBox .right{
        display: none;
    }
    .caseBox .item:hover {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        /* Internet Explorer */
        -moz-transform: scale(1.1);
        /* Firefox */
        -webkit-transform: scale(1.1);
        /* Safari 和 Chrome */
        -o-transform: scale(1.1);
        /* Opera */
    }
    /*关于*/
    .aboutBox .leftBox,
    .aboutBox .rightBox {
        display: inline-block;
        height:560px;
        width:48%;
        vertical-align: middle;
    }
    .aboutBox .leftBox img {
        width: 100%;
    }
    .aboutBox .titleCls {
        margin-bottom: 20px;
    }
    .aboutBox .rightBox {
        padding: 40px 20px;
        font-size: 16px;
    }
    /*联系*/
    .contactBox {
        width: 1200px;
        margin: 50px auto;
        text-align: center;
    }
    .contactBox .leftBox,
    .contactBox .rightBox {
        display: inline-block;
        width: 48%;
        vertical-align: middle;
    }
    /*.contactBox .leftBox img {
        width: 100%;
    }*/
    .contactBox .rightBox {
        padding: 20px;
        text-align: left;
        font-size: 16px;
    }
    .contactBox .img-box{
        height:160px;
        width:160px;
        margin-bottom:40px;
        text-align:center;
        display:inline-block;
    }
    .contactBox .img-box img{
        height:100%;
        width:100%;
    }
    /*底部*/
    .footerCls {
        background: #000;
        color: #888888;
        text-align: center;
        padding: 20px;
    }
}
/*移动端*/
@media (min-width:320px) and (max-width:749px) {
    .headBox{
        position:fixed;
        left:0;
        right:0;
        top:0;
        background:#fff;
        z-index:99;
    }
    .headCls{
        display:flex;
        align-items: center;
        padding:0.1rem 0.2rem;
        border-bottom:1px solid #e5e5e5;
    }
    .headCls .headlogo{
    }
    .headCls .clickBorCls{
        display:none;
    }
    .headnav{
        position:absolute;
        right:-1.4rem;
        top:1.4rem;
        display:none;
    }
    .headnav li{
        padding:0.2rem 0.4rem;
        background:#fff;
        opacity:0.9;
    }
    .headnav li.clickCls{
        background:#27afec;
    }
    .headnav li.clickCls a{
        color:#fff;
        text-decoration:none;
    }
    .headCls .headicon{
        padding:0.1rem;
        flex:1;
        text-align:right;
    }
    /*内容*/
   #content{
       padding-top:1.28rem !important;
   }
   .bannerCls .item{
       height:12.1rem;
   }
   .bannerCls .smallBanner {
        position:absolute;
        top:2.8rem;
        left:0.35rem !important;
        height:50% !important;
        animation: bannerCls 1.5s;
        -moz-animation: bannerCls 1.5s;
        /* Firefox */
        -webkit-animation: bannerCls 1.5s;
        /* Safari 和 Chrome */
        -o-animation: bannerCls 1.5s;
        /* Opera */
    }
    @keyframes bannerCls {
        from {
            left: 3rem;
            opacity: 0;
        }
        to {
            left: 0.35rem;
            opacity: 1;
        }
    }
    .bannerCls .left,.bannerCls .right{
        background:none;
    }
    .titleCls {
        font-size: 0.16rem;
        padding: 0.5rem 0.5rem 0.1rem 0.5rem;
        margin-bottom: 0.5rem;
        border-bottom: 1px solid #ccc;
        display: inline-block;
    }
    .titleCls .bigSize {
        font-size: 0.46rem;
    }
    /*服务*/
    .serviceBox{
        text-align:center;
        padding:0.4rem;
        background: url('images/Company/serviceBg.png') center center;
    }
    .serviceBox .smallImg{
        display:inline-block !important;
        margin:0.6rem auto;
    }
    .serviceBox .bigImg{
        display:none !important;
    }
    .serviceBox .nameCls{
        font-size:0.36rem;
        margin-bottom:0.3rem;
        color:#000;
    }
    .serviceBox .left,.serviceBox .right{
        background-image: none;
    }
    .serviceBox .glyphicon{
        color:#27afec;
    }
    /*案例*/
    .caseBox{
        text-align:center;
        padding:0.4rem;
    }
    .caseBox .titleCls{
        margin-bottom:0.2rem;
    }
    .caseBox #caseType{
        text-align:center;
    }
    .caseBox .carousel{
        margin:0.5rem 0;
    }
    .caseBox .left,.caseBox .right{
        background-image: none;
    }
    .caseBox .padCls.borCls{
        padding:0.1rem 0.3rem;
        text-align:left;
        border:1px solid #ccc;
        border-radius:0 0 4px 4px;
        color:#999;
        border-top:0;
        border-bottom:3px solid #27afec;
    }
    .caseBox .nameCls{
        color:#000;
        font-size:0.28rem;
        margin:0.1rem 0;
    }
    /*关于*/
    .aboutBox {
        text-align:center;
    }
    .aboutBox .leftBox{
        width: 100%;
        height: 3rem;
        background-size: 100% !important;
    }
    .aboutBox #aboutInfo{
        padding:0.3rem;
        text-align:left;
    }
    /*联系*/
    .contactBox{
        text-align:center;
        padding:0.2rem;
        position:relative;
        color:#000;
    }
    .contactBox .leftBox{
        margin-top:5rem;
    }
    .contactBox .rightBox{
        text-align:left;
        padding:0.3rem;
        position:absolute;
        top:1.6rem;
        left:0;
        width:100%;
    }
    .contactBox .rightBox>div.borBtm{
        text-align:center;
        border-bottom:1px solid #e5e5e5;
        padding-bottom:0.2rem;
        margin-bottom:0.2rem;
    }
    .contactBox .img-box{
        height:2.4rem;
        width:2.4rem;
        display:inline-block;
        text-align:center;
        margin:0 0.4rem;
    }
    .contactBox .img-box img{
        height:100%;
        width:100%;
    }
    /*底部*/
    .footerCls {
        background: #000;
        color: #888888;
        text-align: center;
        padding: 0.2rem;
        font-size:0.22rem;
    }
}
/*ipad*/
@media (min-width:750px) and (max-width:1199px) {
    body{
        font-size:0.2rem;
    }
    .headBox{
        position:fixed;
        left:0;
        right:0;
        top:0;
        background:#fff;
        z-index:99;
    }
    .headCls{
        display:flex;
        align-items: center;
        padding:0.25rem 0.2rem;
        border-bottom:1px solid #e5e5e5;
    }
    .headCls .clickBorCls{
        display:none;
    }
    .headnav{
        position:absolute;
        right:0;
        top:1.1rem;
    }
    .headnav li{
        padding:0.2rem 0.4rem;
        background:#fff;
        opacity:0.8;
    }
    .headCls .headicon{
        padding:0.1rem;
        flex:1;
        text-align:right;
        padding-right:0.25rem;
    }
     /*内容*/
   #content{
       padding-top:1.1rem !important;
   }
   .bannerCls .carousel-inner .item{
       position:relative;
       height:9.2rem;
       background: url() center center no-repeat;
   }
   .bannerCls .smallBanner {
        position:absolute;
        top:2.3rem;
        left:1.3rem !important;
        height:50% !important;
        animation: bannerCls 1.5s;
        -moz-animation: bannerCls 1.5s;
        /* Firefox */
        -webkit-animation: bannerCls 1.5s;
        /* Safari 和 Chrome */
        -o-animation: bannerCls 1.5s;
        /* Opera */
    }
    @keyframes bannerCls {
        from {
            left: 3rem;
            opacity: 0;
        }
        to {
            left: 0.35rem;
            opacity: 1;
        }
    }
    .bannerCls .left,.bannerCls .right{
        display:none;
    }
    .titleCls {
        font-size: 0.16rem;
        padding: 0.5rem 0.5rem 0.1rem 0.5rem;
        margin-bottom: 0.5rem;
        border-bottom: 1px solid #ccc;
        display: inline-block;
    }
    .titleCls .bigSize {
        font-size: 0.46rem;
    }
    /*服务*/
    .serviceBox{
        text-align:center;
        padding:0.4rem;
        background: url('images/Company/serviceBg.png') center center;
    }
    .serviceBox .smallImg{
        display:inline-block !important;
        margin:0.6rem auto;
    }
    .serviceBox .bigImg{
        display:none !important;
    }
    .serviceBox .nameCls{
        font-size:0.36rem;
        margin-bottom:0.3rem;
        color:#000;
    }
    .serviceBox .left,.serviceBox .right{
        background-image: none;
    }
    .serviceBox .glyphicon{
        color:#27afec;
    }
    /*案例*/
    .caseBox{
        text-align:center;
        padding:0.4rem;
    }
    .caseBox .titleCls{
        margin-bottom:0.2rem;
    }
    .caseBox #caseType{
        text-align:center;
    }
    .caseBox .carousel{
        margin:0.5rem 0;
    }
    .caseBox .padCls.borCls{
        padding:0.1rem;
        text-align:left;
        border:1px solid #ccc;
        border-radius:0 0 4px 4px;
        color:#999;
    }
    .caseBox .nameCls{
        color:#000;
        font-size:0.28rem;
        margin:0.1rem 0;
    }
    #caseList .item img{
        width:100%;
    }
    /*关于*/
    .aboutBox {
        text-align:center;
    }
    .aboutBox .leftBox{
        width: 100%;
        height: 4rem;
        background-size: 100% !important;
    }
    .aboutBox #aboutInfo{
        padding:0.3rem;
        text-align:left;
    }
    /*联系*/
    .contactBox{
        text-align:center;
        padding:0.2rem;
        position:relative;
        color:#000;
    }
    .contactBox .leftBox{
        margin-top:4rem;
    }
    .contactBox .rightBox{
        text-align:left;
        padding:0.3rem;
        position:absolute;
        top:1.6rem;
        left:0;
        width:100%;
    }
    .contactBox .rightBox>div.borBtm{
        text-align:center;
        border-bottom:1px solid #e5e5e5;
        padding-bottom:0.2rem;
        margin-bottom:0.2rem;
    }
    .contactBox .img-box{
        height:2rem;
        width:2rem;
        display:inline-block;
        text-align:center;
        margin:0 0.4rem;
    }
    .contactBox .img-box img{
        height:100%;
        width:100%;
    }
     /*底部*/
    .footerCls {
        background: #000;
        color: #888888;
        text-align: center;
        padding: 0.2rem;
        font-size:0.22rem;
    }
}