body{
        font-family: Arial;   
        margin:0;
        padding:0;
    }
    .header{
        width:1125px;
        margin:0 auto;
        margin-top:25px;
        margin-bottom:25px;
        display: flex;
	    justify-content:space-between;
	    align-items: center;
    }
    .page{
        width:100%;        
        height: 130px;       
        background: #33393D;
        
    }
    .nameBox{
        width:1125px;
        margin:0 auto;
    }
    .content{
        width:1125px;
        margin:0 auto;
    }
    .logo{
        
    }
    .menu{
        display: flex;
	    justify-content:space-between;
        flex-wrap:wrap;
	    align-items: center;        
        font-size: 16px;
        width:850px;
        color: #455A64;
        font-weight: 400; 
    }
    .menu > .item{
        text-align: center;
        flex-shrink:0;
        height: 30px;
        position: relative;
    }
    .menu > .item:hover{
        font-weight: 600;    
        color: #33393D;    
        border-bottom:2px solid #33393D;
        cursor: pointer;
    }
    .about{
        margin-top:24px;
        padding:20px;
    }
    a {
        text-decoration: none;
        color: #33393D;
    }

    /* 状态一: 未被访问过的链接 */
    a:link {
        text-decoration: none;
        color: #33393D;
    }

    /* 状态二: 已经访问过的链接 */
    a:visited {
        text-decoration: none;
        color: #33393D;
    }

    /* 状态三: 鼠标划过(停留)的链接(默认红色) */
    a:hover {
        text-decoration: none;
        color: #33393D;
    }
    /* 状态四: 被点击的链接 */
    a:active {
        text-decoration: none;
        color: #33393D;
    }
    /* .menu > .item:hover:before{
        content: '';
        position: absolute;
        left: 50%;
        top: auto;
        bottom: 0;
        right: auto;
        height: 2px;
        width: 90px;
        background-color: #33393D;
    } */

    .pic{
        position:relative;        
        color: #FFFFFF;
       
    }
    .pic img{
        width: 281px;           
        height: 200px;
    }
    .pic .mask{
        position:absolute;
        top:0;
        left:0;
        width: 282px;           
        height: 200px;            
        background: rgba(51,57,61,0.7);  
       
    }
    .pic .mask .icon{
        margin-top:44px;
        margin-bottom:12px;
       
    }
    .pic .mask .icon img{
        width:44px;
        height:44px;
    }
    .pic .text{

        font-size: 20px;        
        line-height: 28px;
        letter-spacing: 1px;
    }

    .pic .mask:hover{            
        background: rgba(153,2,0,0.9);
    }
    .safety{
        
       
    }
    .safety .row{
        padding-top:50px;
        display: flex;
        justify-content:space-between;
        align-items: center;
        
    }
    .safety .row .item{
            
        font-size: 20px;
        width:364px;
        height: 112px;
        text-align: center;
       
    }
    .safety .row .item .num{
        margin:12px auto;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border-radius: 22px;
        border: 1px solid #C2C0B7;                    
        font-size: 28px;
    }
    .safety .row .item:hover .num{
        color:#fff;
        background: #33393D;
    }

    .listBox{

        width:1125px;
        margin:0 auto;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-center;
        align-items: center;
        justify-content: space-around;
        margin-bottom:100px;
        /* border: 1px solid blue; */
       
    }
    .listBox  .item{
        /* flex: 0 0 40%; */
        margin-top:44px;
        width: 359px;
        height: 292px;
        box-sizing: border-box;
        transition: box-shadow ease 0.5s;
        /* border: 1px solid red; */
        
    }
    .listBox  .item  img{
        width: 359px;
        height: 200px;
    }
    .listBox  .item  .text{
        height:92px;           
        font-size: 20px;
        padding:16px 20px 32px 20px;
        text-align: center;
    }
    .listBox  .item:hover{            
        box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    }
    .joinUpItem{
        width:349px;
        height:425px;
        position:relative;
    }
    .joinUpImg{
        width:349px;
        height:425px;
        position:absolute;
        top:0;
        left:0;
    }
    .joinUpText{
        position:absolute;
        top:233px;
        left:24px;
        text-align:center;
        font-size: 20px;
        width: 300px;
        font-style:italic;
        font-weight: normal;
        color: #FFFFFF;
        line-height: 28px;
        letter-spacing: 1px;
    }
    .joinUsItem{
        width: 349px;
        height: 324px;
        background: #F4F4F4;
        position:relative;
    }
    .joinUsItem .title{
        font-size: 20px;
        font-family: Arial, Arial;
        font-weight: 600;
        color: #990200;
        line-height: 28px;
        letter-spacing: 0px;
        margin-top:60px;
        margin-left:24px;
    }
    .joinUsItem .text{
        font-size: 20px;
        /* font-family: ArialMT; */
        color: #33393D;
        line-height: 28px;
        letter-spacing: 0px;
        margin-top:16px;
        margin-left:24px;
        margin-right:24px;
        
    }
    .joinUsItem .iconBox{
        position:absolute;
        top:-38px;
        left:137px;
        border-radius: 70px;
        width:82px;height:82px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .joinUsItem .icon{

        border-radius: 34px;
        width:68px;height:68px;
        background-color: #990200;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .redP{
        width: 20px;
        height: 20px;
        border-radius: 20px;
        background: #990200;
        border: 4px solid #F0D9D9;
        position:absolute;
        left:-14px;
    }