.two_navs{
    overflow: hidden;
    color: #FFFFFF;
    margin-top: 55px;
}
.two_navs a{
    float:left;
    width:18%;
}
.two_nav_a{
    width: 100%;
    height: 78px;
    line-height: 78px;
    background: #f1f1f1;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
    color:#666666;
    display: inline-block;
}
.custom-on i{
    width:26px;
    height:23px;
    display: inline-block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.custom-on.two_back,.custom-on:hover{
    background:#d70000;
    color:#fff;
} 
.custom-on i.case1{
    background-image: url(../images/tm1.png);
}
.custom-on i.case2{
    background-image: url(../images/tm2.png);
}
.custom-on i.case3{
    background-image: url(../images/tm3.png);
}
.custom-on i.case4{
    background-image: url(../images/tm4.png);
}
.custom-on i.case5{
    background-image: url(../images/tm5.png);
}
.custom-on i.case6{
    background-image: url(../images/tm6.png);
}
.custom-on i.case7{
    background-image: url(../images/tm7.png);
}
.two_back i.case1,.custom-on:hover i.case1{
    background-image: url(../images/white1.png);
}
.two_back i.case2,.custom-on:hover i.case2{
    background-image: url(../images/037.png);
}
.two_back i.case3,.custom-on:hover i.case3{
    background-image: url(../images/038.png);
}
.two_back i.case4,.custom-on:hover i.case4{
    background-image: url(../images/039.png);
}
.two_back i.case5,.custom-on:hover i.case5{
    background-image: url(../images/040.png);
}
.two_back i.case6,.custom-on:hover i.case6{
    background-image: url(../images/tm6.png);
}
.two_back i.case7,.custom-on:hover i.case7{
    background-image: url(../images/tm7.png);
}


.content .customer_all {
    padding-bottom: 27px;
    border:0 none;
}

.abo_us_b{
    font-size:24px;
    margin-top:0px;
}
.search_on{
    text-align: right;
    margin-top:55px;
}
.search_on .search-icon{
    width:78px;
    height:78px;
    display: inline-block;
    background:#f1f1f1;
    position: relative
}
.search-icon i{
    background: url(../images/serch.png) no-repeat center;
    width:24px;
    height:25px;
    display: inline-block;
    position: absolute;
    top:50%;
    margin-top:-12.5px;
    left:50%;
    margin-left:-12px;
}
.hidden-on{
    width:100%;
    height:78px;
    position: relative;
    background:#f1f1f1;
    display: none;
    margin-top:55px;
}
.serchInp{
    width:100%;
    height:78px;
}
.hidden-on input{
    width:80%;
    background:#f1f1f1;
    height:78px;
    line-height: 78px;
    font-size:24px;
    color:#797979;
    display: inline-block;
    padding-left:32px;
    box-sizing: border-box;
}
.hidden-on span{
    width:39px;
    height:39px;
    display: inline-block;
    background: url(../images/close-on.png) no-repeat;
    background-size: contain;
    position: absolute;
    right:29px;
    top:50%;
    margin-top:-19.5px;
    z-index:10;
}
/*手机 */
@media (min-width: 320px) and (max-width:768px){
    .two_nav_a{
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #f1f1f1;
        font-size: 12px;
        font-weight: bold;
        text-align:center;
        color:#666666;
        display: inline-block;
    }
    .custom-on i{
        width:20px;
        height:17px;
        top:2px;
        margin-right:8px;
    }
    .two_navs a{
        width:33%;
    }
    .search_on .search-icon{
        width:50px;
        height:50px;
    }
    .search-icon i {
        width: 19px;
        height: 18px;
        margin-top: -9px;
        margin-left: -9.5px;
        background-size: contain
    }
    .hidden-on{
        height:50px;
    }

    .serchInp{
        height:50px;
    }
    .serchInp input{
        height:50px;
        line-height: 50px;
        font-size:14px;
        padding-left:20px;
    }
    .hidden-on span{
        width:28px;
        height:28px;
        margin-top:-14px;
        background-size: contain;
        right:20px;
    }
}

/*平板 */
@media (min-width: 768px){
    .two_nav_a{
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #f1f1f1;
        font-size: 16px;
        font-weight: bold;
        text-align:center;
        color:#666666;
        display: inline-block;
    }
    .custom-on i{
        width:20px;
        height:17px;
        top:2px;
        margin-right:8px;
    }
    .two_nav_a{
        font-size:16px;
    }
    .search_on .search-icon{
        width:50px;
        height:50px;
    }
    .search-icon i {
        width: 19px;
        height: 18px;
        margin-top: -9px;
        margin-left: -9.5px;
        background-size: contain
    }
    .hidden-on{
        height:50px;
    }

    .serchInp{
        height:50px;
    }
    .serchInp input{
        height:50px;
        line-height: 50px;
        font-size:16px;
    }
    .hidden-on span{
        width:28px;
        height:28px;
        margin-top:-14px;
        background-size: contain;
        right:20px;
    }
    .two_navs a{
        width:24%;
    }
}

/*中等屏幕 桌面显示器 */
@media (min-width: 992px){
    .two_navs a{
        width:16.5%;
    }
    .two_nav_a{
        width: 100%;
        height: 78px;
        line-height: 78px;
        background: #f1f1f1;
        font-size: 18px;
        font-weight: bold;
        text-align:center;
        color:#666666;
        display: inline-block;
    }
    .search_on .search-icon{
        width:78px;
        height:78px;
        display: inline-block;
        background:#f1f1f1;
        position: relative
    }
    .search-icon i{
        background: url(../images/serch.png) no-repeat center;
        width:24px;
        height:25px;
        display: inline-block;
        position: absolute;
        top:50%;
        margin-top:-12.5px;
        left:50%;
        margin-left:-12px;
    }
    .hidden-on{
        width:100%;
        height:78px;
        position: relative;
        background:#f1f1f1;
        display: none;
        margin-top:55px;
    }
    .hidden-on input{
        width:80%;
        background:#f1f1f1;
        height:78px;
        line-height: 78px;
        font-size:24px;
        color:#797979;
        display: inline-block;
        padding-left:32px;
        box-sizing: border-box;
    }
    .hidden-on span{
        width:39px;
        height:39px;
        display: inline-block;
        background: url(../images/close-on.png) no-repeat;
        background-size: contain;
        position: absolute;
        right:29px;
        top:50%;
        margin-top:-19.5px;
        z-index:10;
    }
    .serchInp{
        width:100%;
        height:78px;
    }
    .custom-on i {
        width: 26px;
        height: 23px;
        top: 5px;
        margin-right: 14px;
    }
}

/*大屏幕 大桌面显示器 */
@media (min-width: 1200px){
   
    .two_nav_a{
        background:#f1f1f1;
    }
    .custom-on i{
        top:5px;
        margin-right:14px;
    }
    .two_nav_a{
        width: 100%;
        height: 78px;
        line-height: 78px;
        background: #f1f1f1;
        font-size: 18px;
        font-weight: bold;
        text-align:center;
        color:#666666;
        display: inline-block;
    }
}

@media (min-width: 1500px){
    .two_nav_a{
        background:#f1f1f1;
    }
}