/* 超小设备（手机，小于 768px） */
/*主页样式*/
/*搜索栏*/

.lgo img{ width:100%;}
#searchL{
    background-color: #f1f1f1;
    width: 100%;
    overflow-x: hidden;
}
#searchL .row{
    padding: 10px 0;
    margin: 0;
}

#searchL .hotop,#searchL .hotop a{
    color: #969696;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 0;
}
#searchL .input-group{
    width: 100%;
}
#searchL .form-control {
    height: 30px;
    padding: 4px 12px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 0;
}
#searchL .glyphicon-search:before {
    content: "\e003";
    color: #fff;
}
.input-group-addon:last-child {
    border-left: 0;
    background: #6ba4cf;
}
/*搜索栏end*/
/*产品内容区 */

.phoPro {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.bgblue{
    background-color: #0068b7;
    font-size: 18px;
    padding: 10px 0;
    color: #fff;
    text-indent: 24px;
    line-height: 20px;
    font-weight: normal;
}
.bgblue:after{
    display: block;
    content: "PRODUCT LIST";
    color: #9aacdf;
    text-transform: uppercase;
    font-size: 12px;
}
.phoProAll{
    width: 95%;
    margin: 10px auto;
}
.phoProAll li{
    float: left; 
    border: 1px solid #8c8c8c;
    margin: 3px;
}
.phoProAll li a{
    display: block;
    width: 100%;
    padding: 3px 5px;
    background-color: #fff;
    color: #666;
}
.phoProAll li:hover a,.phoProAll li.active a{
    background-color: #43a6ff;
    color: #fdfdfd;
}
/* 产品展示区 */
.proShowAll{
    width: 96%;
    margin: 0 auto;
}
.proShowItem {
    margin: 10px auto;
}
.phoProShow{
    margin: 10px auto;
    padding: 10px;
    background-color: #eee;
    color: #3e3d3d;
    font-weight: normal;
    font-family: "Microsoft YaHei", "Arial", "WenQuanYi Micro Hei", sans-serif;
    font-size: 18px;
    text-indent: 10px;
}
.fontBlue{
    color: #0269b8;
}
.phoProShow .small{
    font-size: 12px;
    color: #ccc;
}
.proMore{
    padding: 2px 3px;
    text-indent: 0;
    background-color: #666;
    color: #fff;
    font-size: 16px;
}
.proShowAll p{
    font-size: 16px;
    line-height: 50px;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	white-space: nowrap;
}
/*产品内容区end */
/* 服务理念 */
#proIdea{
    margin: 10px auto 0;
    background-color: #005ea5;
    color: #fff;
}
.ideaLeftImg{
    width: 251px;
}
.ideacenter{
    width: 92%;
}
.proIdeaCenter .row{
    margin-left: 0;
    margin-right: 0;
}
/* 服务理念end */
/* 关于我们 */
.aboutC {
    padding: 30px 0;
}
.aboutC .row{
    box-sizing: border-box;
    padding: 15px;
}
.titleH2{
    box-sizing: border-box;
    padding: 10px;
    font-size: 22px;
    line-height: 30px;
    background-color: #eee;
}
.titleH2 small{
    color: #b8b8b8;
    font-size: 14px;
    text-transform: uppercase;
}
.aboutCont{
    padding: 20px 0;
    font-size: 16px;
    text-indent: 18px;
    line-height: 30px;
}
.btnmore {
    display: block;
    margin: 5px auto;
    text-align: center;
    width: 43%;
    background-color: #0068b7;
    color: #fff;
    padding: 5px 20px;
}
.talimg{
    width: 82%;
}
.contactUs .contacT{
    font-size: 16px;
}
/* 关于我们end */
/*新闻资讯 */
.news  hr {
     margin-top: 0;
}
.more{
    position: relative;
    top: 14px;
}
.imgcont{
    padding: 20px;
}
.newsContImg{
    margin: 0 auto 20px;
}
.contNews h3{
    text-align: left;
    font-size: 18px;
    line-height: 40px;
}
.contNews .newsCont{
    font-size: 14px;
    line-height: 26px;
    color: #999898;
    overflow: hidden;
    text-indent: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}
.seeXQ{
    display: block;
    text-align: right;
}
.newsUl ul li{
    list-style: url("../images/index_62.jpg") inside;
}
.newsUl ul li a{
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    color:#464646;
    width: 80%;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*新闻资讯 end*/
/* 案例展示 */
.caseItem p{
    font-size: 14px;
    line-height: 50px;
    height: 50px;
}
/*遮罩效果*/
 .caseItem .zzpro, .proShowAll .zzpro{
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.caseItem .zzpro{
    width: 90%;
}
 .caseItem .zzpro>img, .proShowAll .zzpro>img{
    width: 100%;
    transform: scale(1);
    transition: transform .3s linear;
}
 .caseItem .zzpro:hover>img, .proShowAll .zzpro:hover>img{
    transform: scale(1.2);
    transition: transform .3s linear;
}
/* Bootstrap 中默认情况下没有媒体查询 */
/* 小型设备（手机，480px 起） */
@media (min-width: 480px) {
    .talimg{
        width: 170px;
    }
    .contactUs .contacT{
        font-size: 16px;
        line-height: 36px;
    }
    .contactUs ul li{
        font-size: 14px;
        line-height: 30px;
    }
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) {
    #searchL .input-group{
        width: 60%;
        float: right;
    }
    /*产品区*/
    /* 产品分类*/
    .pcPro{
        margin-top: 20px;
        border: 1px solid #ccc;
        padding: 2px;
        border-radius: 4px;
    }
    .pcProAll{
        background-color: #f5f5f5;
    }
    .pcProAll ul li{
        list-style: url("../images/index_41.jpg") inside;
        line-height: 40px;
        background-color: #f5f5f5;
        border-bottom: 1px dashed #CCC;
        box-sizing: border-box;
        padding-left: 26px;
    }
    .pcProAll ul li a{
        display: inline-block;
        width: 86%;
        height: 40px;
        line-height: 35px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #3e3d3d;
        font-size: 14px;
        vertical-align: middle;
    }
    .pcProAll ul li:hover a{
        color: #0068b7;
    }
    .pcProbotm{
        background-image: url(../images/dtprolistb.png);
        background-position: bottom;
    }
    .pcProbotm a.seeMore{
        display: block;
        width: 80%;
        margin: 20px auto 10px;
        padding: 10px 0;
        text-align: center;
        color: #ff5a00;
        font-size: 16px;
        background-color: #fff;
        border: 1px solid #cbcbcb;
        box-shadow: 2px 2px 2px #9d9d9d;
    }
    .hottel{
        width: 80%;
        margin: 20px auto 0;
        padding-bottom: 16px;
    }
    .hottel i{
        margin-right: 5px;
    }
    .hottel p{
        font-size: 16px; 
    }
    .fontorag{
        color: #ff5a00;
        font-size: 22px;
        font-weight: 700;
    }
    /*产品展示区 */
    .proMore {
        font-size: 14px;
    }
    .phoProShow .bx{
        display: inline-block;
        background-image: url("../images/proshowt.png");
        width: 45%;
        height: 14px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    /* 咨询热线*/
    .ideacenter{
        width: 100%;
    }
    .proIdeaCenter.row{
        margin-right: 0;
        margin-left: 0;
    }
    .ideaLeftImg{
        width: 80%;
    }
    .aboutCont {
        font-size: 12px;
        line-height: 26px;
    }
    .contNews .newsCont {
        text-indent: 0;
    }
    .seeXQ{
        text-align: left;
    }
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) {
    .proShowAll {
        width: 100%;
    }
    .phoProShow {
        font-size: 20px;
        color: #000;
        font-weight: 700;
        text-indent: 0;
        background-color: transparent;
    }
    .phoProShow .bx {
        width: 65%;
    }

    .zxhot {
        font-size: 12px;
    }

    .zxtel {
        font-size: 22px;
    }

    .zxhotbtn {
        display: block;
        margin-top: 20px;
        text-align: center;
        background-color: #ff9c00;
        width: 60%;
        line-height: 20px;
        padding: 5px 30px;
        color: #fff;
    }

    .aboutCont {
        font-size: 14px;
        line-height: 26px;
    }

    .news .titleH2 {
        background-color: transparent !important;
    }

    .contNews h3 {
        width: 100%;
        height: 30px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 17px;
    }

    .contNews .newsCont {
        height: 40px;
        text-indent: 0;
        line-height: 20px;
        -webkit-line-clamp: 2;
    }

    .newsContImg {
        width: 100%;
        height: 130px;
    }

    .case .phoProShow .bx {
        width: 80%;
    }

    .case .phoProShow{
        font-size: 22px;
        font-weight: normal;
    }
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
    #searchL.container .row{
       width: 1200px;
        margin: 0 auto;
    }
    #pro,.aboutMart {
        width: 1200px;
        margin: 0 auto;
    }
    .pcPro{
        width: 90%;
    }
    .phoProShow .bx{
        width: 73%;
    }
     .proIdeaCenter{
         width: 1200px;
         margin: 20px auto 0;
     }
     .aboutC{
         background: url(../images/bgabout.png) no-repeat;
         -webkit-background-size: 100% 100%;
         background-size: 100% 100%;
         background-position: bottom right;
     }
    .titleH2 {
        font-size: 22px;
        font-weight: normal;
        background-color: transparent;
    }
    .aboutCont {
        text-indent: 0;
        font-size: 14px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 9;
        padding: 0;
    }
    .btnmore {
        margin: 30px 0;
        width: 40%;
    }
    .contactUs .contacT{
        font-size: 18px;
        color: #0f59a7;
        line-height: 36px;
    }
    .aboutC>.row,.news>.row,.case{
        margin: 0 auto;
        width: 1200px;
    }
    .case .bx{
        width: 83%;
    }
    /*PC 每项产品的设置*/
    .caseProPc{
        margin: 20px auto;
    }
    .caseProPc .caseItem{
        width: 20%;
        float: left;
    }
    .caseItem p{
        font-size: 14px;
        line-height: 50px;
        height: 50px;
    }
    .caseItem .zzpro {

    }
    /* 遮罩效果 */
    .caseProPc .caseItem .zzpro .jiaico{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 60px 0;
        height: 177px;
        background-color: rgba(0, 90, 255, .5);
        transform: scale(0);
        transition: transform .3s linear;
    }
    .caseProPc .caseItem .zzpro:hover .jiaico{
        transform: scale(1);
        transition: transform .3s linear;
    }


}