#banner{
    width:100%;
    height:500px;
    background:url(../images/banner.jpg) no-repeat center center;
}

.box{
    width:100%;
    overflow:hidden;
}
.box ul li{
    float:left;
    width:280px;
    height:390px;
    margin-right:30px;
    border:1px solid #ccc;
    padding:2px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.box ul li:hover{
    border:1px solid #0165af;
}
.box ul li a{
    display:inline-block;
    position: relative;
    height:100%;
}
.nbt{
    margin:20px 0;
    padding:0 20px;
    box-sizing:border-box;
}
.nbt p{
    font-size:24px;
    line-height:36px;
    color:#333;
}
.nbt s{
    display:inline-block;
}
.nbt i{
    display:inline-block;
    width:94px;
    height:4px;
    background:#ccc;
    margin-top:10px;
}
.box li a span{
    display:inline-block;
    padding:0 18px;
    box-sizing:border-box;
    font-size:14px;
    color:#333;
}

/* product */
.slideTxtBox{ 
    width:1220px;
    margin-top:35px;
}
.slideTxtBox .hd{ 
    height:60px; 
    line-height:60px;
}
.slideTxtBox .hd ul{ 
    float:left;  
    height:32px;   
}
.slideTxtBox .hd ul li{ 
    float:left; 
    cursor:pointer;
    font-size:28px;
    color:#444; 
    width:300px; 
}
.slideTxtBox .bd{
    margin-top:60px;
}
.slideTxtBox .hd ul li.on{ 
    color:#0165af;
}

.slideTxtBox .bd li{ 
    width:370px;
    height:330px;
    position:relative;
    cursor:pointer;  
    float:left;
    margin-right:55px;
    margin-bottom:100px;
}
.slideTxtBox .bd li img{
    position:absolute;
    top: 0;
    left:0;
}
.slideTxtBox .bd li span{
    width:100%;
    height:70px;
    position:absolute;
    bottom:0;
    left:0;
    background:#e5e5e5;
    display:inline-block;
    font-size:16px;
    color:#333;
    padding:16px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


.recycle{
    width:100%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding:40px 0;
}
.left{
    width:820px;
    height:300px;
    float:left;
}
.left p{
    font-size:24px;
    color:#333;
    margin-bottom:20px;
}
.left span{
    font-size:16px;
    color:#333;
    text-indent:2em;
    display:inline-block;
    line-height:26px;
}
.right{
    float:right;
    width:400px;
    height:300px;
}
.right img{
    width:400px;
    height:300px;
}

.factory,.about{
    width:100%;
    overflow:hidden;
    margin-top:35px;
}
.factory ul li{
    width:570px;
    height:500px;
    float:left;
    margin-right:80px;
    background:#f1f1f1;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding:10px;
    margin-bottom:80px;
}
.factory li img{
    width:550px;
    height:414px;
}
.factory li p{
    margin-top:25px;
    font-size:16px;
    color:#333;
    text-align:center;
}

.ab-left{
    float:left;
    width:299px;
    border-right:1px solid #e5e5e5;
}
.ab-left p{
    font-size:24px;
    color:#333;
    line-height:36px;
}
.ab-left span{
    font-size:16px;
    color:#333;
}
.gz{
    margin-top:20px;
}
.ab-right{
    float:right;
    width:850px;
}
.ab-right p{
    font-size:16px;
    text-indent:2em;
    margin-top:30px;
    color:#333;
    line-height:24px;
}