*{ margin:0; padding:0;}
table{ border-collapse:collapse} 
ol,ul,li{ list-style:none;}
a,textarea,input,button{ outline:none;}
a{ text-decoration:none;}
img{ border:none;}   
li,input,img,textarea,select{ vertical-align:middle;}
.clears{ clear:both; line-height:0px; overflow:hidden; font-size:0px; height:0px;}
body{  
    font-family:Verdana,Arial,"Microsoft Yahei","Pingfang SC",SimSun;  
    font-size:12px;
}

.container{
    width: 100%;
}

/* header */
.tab_content_box{
    width: 100%;
}
.tab_content{
    width: 1000px;
    height: 120px;
    line-height: 120px;
    margin: 0 auto;
}
.tab_module_l{
    float: left;
}
.tab_module{
    float: right;
    margin-left: 80px;
}
.tab_module a{
    font-size: 24px;
    color: #161718;
}
.tab_module :hover, .tab_module :active{
    font-weight: 600;
}
.cbns_logo{
    width: 80px;
    height: 80px;
}
.cbns_name{
    font-size: 36px;
    color: #161718;
    margin-left: 8px;
}

/* banner */
.banner_box{
    width: 100%;
}
.banner{
    width: 100%;
    display: block;
}

/* About us */
.us_box{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.module_title{
    font-size: 40px;
    color: #161718;
    margin: 80px 0 48px;
    font-weight: 600;
}

.us_content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.us_piece{
    flex: 1;
}
.us_piece_img{
    width: 320px;
    height: 280px;
}
.us_piece_title{
    font-size: 24px;
    margin: 32px 0 30px;
}
.us_piece_content{
    width: 320px;
    margin: 0 auto;
    font-size: 16px;
    color: #444444;
    text-align: left;
    line-height: 30px;
}

.prod_box{
    width: 100%;
    background: url(../images/prod_bg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    overflow: hidden;
    margin-top: 112px;
    padding-bottom: 80px;
}
.prod_content{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.prod_piece{
    width: 236px;
    height: 486px;
    position: relative;
}
.prod_piece1{
    background:url(../images/p01.jpg) no-repeat;
    background-size: 100%;
}
.prod_piece2{
    background:url(../images/p02.png) no-repeat;
    background-size: 100%;
}
.prod_piece3{
    background:url(../images/p03.jpg) no-repeat;
    background-size: 100%;
}
.prod_piece4{
    background:url(../images/p04.jpg) no-repeat;
    background-size: 100%;
}
.prod_piece_content{
    width: 236px;
    height: 209px;
    background-color: rgba(0, 26, 95, .6);
    position: absolute;
    bottom: 30px;
}
.prod_title{
    font-size: 24px;
    color: #FFFFFF;
    margin: 20px 0 8px;
    text-align: center;
}
.prod_word{
    font-size: 16px;
    text-align: left;
    color: #FFFFFF;
    line-height: 30px;
}

/* mid banner */
.mid_banner_box{
    width: 100%;
    background-color: RGBA(0, 32, 96, 1);
    padding-bottom: 80px;
}
.mid_banner{
    width: 1000px;
    display: block;
    margin: 0 auto;
}

.company_box{
    width: 100%;
    background: url(../images/prod_bg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    overflow: hidden;
    padding-bottom: 80px;
}
.company_logo_box{
    width: 1000px;
    margin: 0 auto;
}
.company_logo_box img{
    width: 194px;
    height: 138px;
    float: left;
    margin: 4px 3px;
}


/* footer_box */
.footer_box{
    width: 100%;
    background-color: rgba(31, 31, 31, 1);
    padding: 70px 0;
}
.footer_title{
    width: 1000px;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    margin: 0 auto 30px;
}
.footer_content{
    width: 1000px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    margin: 0 auto 30px;
}