﻿
.banner{
    width:100%;
    background:#014760;
}
.slideBox{
    width:100%;
    max-width:1700px;
    margin:0 auto;
    overflow:hidden;
}
.slideBox .bd li{
    background:url() no-repeat center;
    position:relative;
}
.slideBox .bd li a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    cursor:default;
}
.slideBox .bd .text_wrap{
    position:absolute;
    top:0;
    left:50%;
    margin-left:-560px;
    padding:230px 0 0;
}
.slideBox .bd .title{
    font-size:44px;
    color:#fff;
    margin-bottom:26px;
}
.slideBox .bd .content{
    color:#fff;
    font-size:24px;
    line-height:1.4;
}
#content{
    background:#fff;
}
.indexPage{

}
.indexPage .container{
    width:100%;
}
.indexPage .container>.container-box{
    position:relative;
    padding-bottom:80px;
}
    .indexPage .container-box > .title-wrap {
        padding:80px 0 60px;
    }
    .indexPage .container-box > .title-wrap .title_box{
        /*height:80px;*/
        width:100%;
        text-align:center;
    }
    
    .indexPage .container-box > .title-wrap p{
        font-size:16px;
        color:#626262;
        width:100%;
        text-align:center;
    }
    .indexPage .container-box > .title-wrap .title{
        font-size:24px;
        color:#2c3e50;
        padding:0;
        margin-bottom:10px;
        display:inline-block;
    }
.indexPage .container-box > .content {
    width: 1100px;
    margin: 0 auto;
    margin-bottom:60px;
    /*padding: 15px;*/
}
.indexPage .btn-wrap{
    text-align:center;
    width:100%;
}
.indexPage .btn-wrap a.btn{
    display:inline-block;
    width:147px;
    height:44px;
    line-height:44px;
    color:#fff;
    font-size:16px;
    background:url(../images/buttom.png) no-repeat center;
}

/*产品中心*/
.indexPage .container>.goods_wrap{
    background:#fff;
}
.indexPage .container>.goods_wrap .content{
    width:1125px;
    margin-bottom:10px;
}
.goods_wrap .list-wrap{
    background:#fff;
    padding:0;
	width:auto;
}
.goods_wrap .list-wrap .item{
    float:left;
    width:255px;
    height:238px;
    background:#dfdede;
    
    border:6px solid #dfdede;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin:0 14px 50px 0;
    cursor:pointer;
    behavior:url(ie-css3.htc);
}
.goods_wrap .list-wrap .img_box{
    width:100%;
    height:185px;
    background:#fff url(../images/img_none.png) no-repeat center;
}
.goods_wrap .list-wrap .text_box{
    padding:10px 20px;
}
.goods_wrap .list-wrap .text_box p{
    font-size:12px;
}
.goods_wrap .list-wrap .text_box .title{
    font-size:16px;
}
.goods_wrap .list-wrap .item:hover{
    background:#2c3e50;
    border:6px solid #2c3e50;
}
.goods_wrap .list-wrap .item:hover .text_box{
    color:#fff;
}


/*新闻中心*/
.indexPage .container>.news_wrap{
    background:#f6f6f6;
}
.news_wrap .content{
    position:relative;
}
.news_wrap .slide_item{
    display: block;
    width:524px;
    height:333px;
    position:relative;
    margin-right:32px;
    text-align:center;
    line-height:185px;
    font-size:20px;
}
.news_wrap .slide_item .img_box{
    width:100%;
    height:100%;
}
.news_wrap .slide_item .text_box{
    height:45px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    line-height:45px;
    font-size:14px;
    text-align:left;
}
.news_wrap .slide_item .text_box p{
    padding:0 20px;
    color:#fff;
    font-size:14px;
}
.news_wrap .slide_item .bg{
    height:45px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background:#0d1720;
    opacity:.74;
    *zoom:1;
    filter:Alpha(opacity=74);
}
.news_wrap .list-wrap{
    position:absolute;
    top:0;
    left:50%;
    margin-left:16px;
}
.news_wrap .list-wrap .item{
    position:relative;
    margin-bottom:32px;

}
.news_wrap .list-wrap .img_box{
    width:126px;
    height:90px;
}
.news_wrap .list-wrap img{
    width:126px;
    height:90px;
}
.news_wrap .list-wrap .text_box{
    position:absolute;
    left:126px;
    top:0;
    margin-left:16px;
    width:390px;
}
.news_wrap .list-wrap .title{
    font-size:16px;
    color:#2c3e50;
    margin-bottom:8px;
}
.news_wrap .list-wrap .time{
    font-size:12px;
    color:#83b1a8;
    margin-bottom:8px;
}
.news_wrap .list-wrap .content{
    font-size:14px;
    color:#707171;
    line-height:24px;
}


/*关于我们*/

.indexPage .container>.about_wrap{
    background:url(../images/index_about_bg.jpg) no-repeat center;
    height:552px;
    padding:0;
}
.indexPage .about_wrap> .title-wrap .title {
    color:#fff;
}
.indexPage .about_wrap> .title-wrap p {
    color:#fff;
}
.indexPage .about_wrap> .title-wrap {
    padding: 80px 0 75px;
}
.about_wrap .list-wrap{
    width:100%;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
}
.about_wrap .list-wrap .item{
    display:block;
    width:274px;
    
    text-align:center;
    float:left;
    /*-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;*/
}
.about_wrap .list-wrap .icons_box{
    
    width:147px;
    height:147px;
    border:5px solid #fff;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%;
    margin:0 auto;
    position:relative;
    behavior:url(ie-css3.htc);
}
.about_wrap .list-wrap .icons_box i{
    
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-53px;
    margin-top:-50px;
    width:106px;
    height:100px;
    background:url(../images/index_icons.png) no-repeat;
}
.about_wrap .list-wrap .framework i{
    background-position:0px 0px;
}
.about_wrap .list-wrap .about i{
    background-position:0px -100px;
}
.about_wrap .list-wrap .glory i{
    background-position:0px -200px;
}
.about_wrap .list-wrap .contact i{
    background-position:0px -300px;
}
.about_wrap .list-wrap .text_box{
    padding:10px;
    font-size:20px;
    color:#fff;
    text-align:center;
}


.about_wrap .list-wrap .item:hover .icons_box{
    border:5px solid #1dd2af;
}
.about_wrap .list-wrap .item:hover .text_box{
    color:#1dd2af;
}
.about_wrap .list-wrap .item:hover .icons_box i{
    background-position-x:-148px;
}
