@charset "UTF-8";

#container{
    margin-top:150px;
}

.numberView{
    margin-top:170px;
}
.numberView .inner{
    width:1200px;
    margin:0 auto;
}
.numberView .inner .num{
    font-size:50px;
    position:relative;
    line-height: 50px;
    margin-bottom: 100px;
    padding-left:180px;
}
.numberView .inner .num img{
    position:absolute;
    left:-130px;
    top:-60px;
    z-index: 1;
}
.numberView .inner .num span{
    color:#f08300;
}

.numberView .imgWrap{
    
}
.numberView .imgWrap:after{
    display:block;
    clear:both;
    content:'';
}
.numberView .imgWrap li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom: 2%;
}
.numberView .imgWrap li:nth-child(3n){
    margin-right:0;
}
.numberView .imgWrap li img{
    width:100%;
}
.numberView .imgWrap li .txtBox{
    background:#50acd5;
    height:80px;
    background:linear-gradient(225deg, transparent 10px, #50acd5 0);
    position:relative;
}
.numberView .imgWrap li .txtBox:after{
    display:block;
    clear:both;
    content:'';
    position:absolute;
    top:6px;
    right:1px;
    border-top:10px solid #005aa0;
    border-bottom:10px solid none;
    border-right: 10px solid transparent;
    border-left: 10px solid  transparent;
    transform: rotate(45deg);

}
.numberView .imgWrap li .txtBox p{
    font-size:24px;
    line-height: 40px;
    padding-left:15px;
    color:#003270;
}
.numberView .imgWrap li .txtBox p.solo{
    padding-top:20px;
}
.numberView .imgWrap li .txtBox p span{
    color:#fff;
    font-weight: bold;
}
.numberView .imgWrap li .txtBox p span.bb{
    display:block;
 
}
.numberView .imgWrap li .imgBox{}
#foot{
    height:130px !important;
}
#foot .inner .link_up{
   margin-bottom: 20px;
}

@media all and (min-width:320px) and (max-width:700px){

    #container{
        margin-top:100px;
    }
    
    .numberView{
        margin-top:100px;
    }
    .numberView .inner{
        width:100%;
        margin:0 auto;
    }
    .numberView .inner .num{
        font-size:24px;
        position:relative;
        line-height: 75px;
        margin-bottom: 70px;
        padding-left:25%;
    }
    .numberView .inner .num img{
        position:absolute;
        left:-50px;
        top:0px;
        z-index: 1;
        width:130px;
    }
    .numberView .inner .num span{
        color:#f08300;
    }
    
    .numberView .imgWrap{
        
    }
    .numberView .imgWrap:after{
        display:block;
        clear:both;
        content:'';
    }
    .numberView .imgWrap li{
        float:left;
        width:95%;
        margin:0 2.5%;
        margin-bottom: 2%;
        
    }
    .numberView .imgWrap li:nth-child(3n){
        margin-right:0;
    }
    .numberView .imgWrap li img{
        width:100%;
    }
    .numberView .imgWrap li .txtBox{
        background:#50acd5;
        height:60px;
        background:linear-gradient(225deg, transparent 10px, #50acd5 0);
        position:relative;
    }
    .numberView .imgWrap li .txtBox:after{
        display:block;
        clear:both;
        content:'';
        position:absolute;
        top:6px;
        right:1px;
        border-top:10px solid #005aa0;
        border-bottom:10px solid none;
        border-right: 10px solid transparent;
        border-left: 10px solid  transparent;
        transform: rotate(45deg);
    
    }
    .numberView .imgWrap li .txtBox p{
        font-size:18px;
        line-height: 30px;
        padding-left:15px;
        color:#003270;
        margin-bottom: 0 !important;
    }
    .numberView .imgWrap li .txtBox p.solo{
        padding-top:14px;
    }
    .numberView .imgWrap li .txtBox p span{
        color:#fff;
        font-weight: bold;
    }
    .numberView .imgWrap li .txtBox p span.bb{
        display:block;
     
    }
    .numberView .imgWrap li .imgBox{}

    #foot{
        height:150px !important;
    }
    #foot .inner .link_down .address{
        margin-bottom: 0 !important;
    }

}