body{
    font: 14px/1.5 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
    line-height: 1.57143;
    padding-top: 60px;
}
a, a:hover {
    text-decoration: none;
}
p{
    color: #5e7387;
}
h4{
    font-weight: 600;
}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}

.hm-head{
    padding: 30px 0px 20px 0px;
}
.hm-head p{
    color: #5e7387;
    font-size: 16px;
}
.margin-left-10{
     margin-left: 10px;
 }
.margin-left-15{
    margin-left: 15px;
}

/*大屏时用*/
@media screen and (min-width: 768px){
    #dituContent{
        width:1050px;
        height:550px;
        border:#ccc solid 1px;
    }
    
    .hm-product-details img, .hm-newpage img{
    	max-width: 1100px;
    }
    a.viewmore {
        display: block;
        right: 10px;
        position: absolute;
        padding: 3px 10px;
        background: #12b7de;
        color: #fff;
        border-radius: 3px;
    }
    .hm-users-info .team img{
        height: 450px;
    }

    .hm-users-info .teamIndex img{
        height: 290px;
    }
}
/*小屏时用*/
@media screen and (max-width: 768px) {
    #hm-foot{
        text-align: center;
    }
    #dituContent{
        max-width:300px;
        height:300px;
        border:#ccc solid 1px;
    }
    
    .hm-product-details img, .hm-newpage img{
    	max-width: 280px;
    }
    a.viewmore {
        position: static;
        margin-top: 20px;
        text-align: center;

        display: block;
        right: 10px;
        padding: 3px 10px;
        background: #12b7de;
        color: #fff;
        border-radius: 3px;
    }
}
.box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding: 35% 20px;
    transform-origin: left top 0;
    transition: all 0.50s ease 0s;
}

.box-content p{
    color: #fff;
}

#hm-hearder{
    background-color: #222222;
}
#hm-hearder nav{
    border: transparent;
}
#hm-hearder .container{
    height: 60px;
}
#hm-hearder ul li a{
    line-height: 30px;
    color: #ffffff;
}
#hm-hearder ul li a:hover{
    background-color: #080808;
}

#hm-service{
    background-color: #FFFFFF;
}


#hm-product{
    background-color: #F5F5F5;
}
#hm-product .col-md-3{
    padding: 0px 10px;
}

.hm-news-item{
    min-height: 150px;
    padding: 10px 20px;
}
.hm-news-item img{
    border: none;
}
.hm-news-item h4{
    margin-top: 5px;
}
.hm-news-item p.info, .hm-newpage .info{
    text-indent: 25px;
}
.hm-news-item .glyphicon, .hm-newpage .glyphicon, .hm-job-creatInfo .glyphicon, .hm-users-page .glyphicon{
    padding-right: 5px;
}
.hm-news-item .hm-news-creatInfo{
    border-bottom:1px solid #f0f2f5;
}

#hm-news .row{
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

#hm-users{
    background-color: #F5F5F5;
}
.hm-users-info{
    background-color: #FFFFFF;
    padding: 20px;
}

#hm-foot{
    padding: 30px 0px;
    background-color: #222222;
}
#hm-foot .col-md-3{
    padding-bottom: 10px;
}
#hm-foot ul li{
    line-height: 30px;
}
#hm-foot ul li span{
    padding-right: 15px;
}
#hm-foot ul li a {
    color: #5e7387;
    text-decoration: none;
}
.hm-newpage{
    background-color:#F2F2F2
}
.hm-newpage .container{
    padding: 30px 0px;
}
.hm-newpage .container .row{
    background-color: #FFFFFF;
    padding: 20px 20px 0px 20px;
     border-bottom: 1px solid #f0f2f5;
}
.hm-newpage .col-md-3{
    vertical-align: middle;
    line-height:130px;
}
.hm-newpage .info a, .hm-news-item .info a{
    color:#5e7387 ;
    font-weight: 300;
}
.hm-newpage .container .row div{
   
}

.hm-newpage-details{
    background-color: #FFFFFF;
    padding: 20px;
}
.hm-newpage-details .hm-news-creatInfo{
    border-bottom: 1px solid #f0f2f5;
    line-height: 30px;
}

#hm-contact .hm-contact-content{
    padding: 0px 20px;
}
#hm-contact{
    background-color: #F7F7F7;
    color: #a9a9a9;
}
#hm-contact .container{
    padding: 20px;
}
.hm-contact-details{
    padding: 20px 0px;
}
#hm-contact p{
    text-indent: 30px;
}
#hm-contact .hm-contact-content{
    background-color: #FFFFFF;
    padding: 20px;
}

.hm-job{
    background-color: #F7F7F7;
}
.hm-job .container{
    padding: 10px;
}
.hm-job-details{
    background-color: #FFFFFF;
    padding: 10px;
}

.hm-users-page{
    background-color: #F7F7F7;
}
.hm-users-page .container{
    padding: 10px;
}
.hm-users-page-details{
    background-color: #FFFFFF;
    padding: 10px;
}

.hm-product-details{
    background-color: #F7F7F7;
}
.hm-product-details .container{
    padding: 10px;
}
.hm-product-details-item{
    background-color: #FFFFFF;
    padding: 10px;
}

#bs-example-navbar-collapse-1 .active{
    color: #5cb85c;
}


.pagin{position:relative; margin-top:10px; padding:0px;}
.pagin .blue{color:#056dae;font-style:normal;}
.pagin .paginList{position:absolute; right:0px;top:0;}
.pagin .paginList .paginItem{float:left;}
.pagin .paginList .paginItem a{float:left;width:31px;height:28px;border:1px solid #DDD; text-align:center;line-height:30px;border-left:none;color:#3399d5;}
.pagin .paginList .paginItem:first-child a{border-left:1px solid #DDD;}
.pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}
.pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#f5f5f5; cursor:default;color:#737373;}
.pagin .paginList .paginItem:hover{background:#f5f5f5;}
.pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}
.pagin .paginList .paginItem.more:hover{background:#FFF;}
.pagin .paginList .paginItem.more a{color:#737373;}
.pagepre{background:url(../../images/system/pre.gif) no-repeat center center; width:31px; height:28px;}
.pagenxt{background:url(../../images/system/next.gif) no-repeat center center; width:31px; height:28px;}


#pageGroup{margin:10px auto; font-size:14px; text-align:center;}
#pageGroup a{ display:inline-block; color:#999; width:30px; height:30px; font-weight:700; line-height:30px; text-align:center; margin:0 4px;}
#pageGroup .prepage,#pageGroup .nextpage{ text-indent:-99999em; opacity:.5;}
#pageGroup .prepage{ background: url('../images/page-icon-l2.png') no-repeat center; background-size: 18px;}
#pageGroup .nextpage{ background: url('../images/page-icon-r2.png') no-repeat center; background-size: 18px;}
#pageGroup .prepage.nopage,#pageGroup .nextpage.nopage{ opacity:.2;}
#pageGroup .nopage{}
#pageGroup a:hover, #pageGroup .curpage{ color:#409eff;}
#pageGroup .pageinfo, #pageGroup a.homepage, #pageGroup a.endpage{ display:none;}