*{
    margin: 0;
    padding: 0;
}
.BIMdevelopment{
    width: 100%;
}
.banner{
    min-width: 1200px;
    height: 600px;
    background: url("http://www.hnym.cn/resource/images/v1/test/banner.png") no-repeat center/cover;
}
.main{
    width: 1200px;
    margin: 0 auto;
}
.intro{
    width: 1181px;
    margin: 101px auto 124px;
    font-size: 22px;
    color: #333;
    text-align: center;
}
.ico-list ul{
    font-size: 0;
    text-align: center;
}
.ico-list ul li{
    display: inline-block;
    vertical-align: top;
    width: 175px;
    margin-left: 110px;
}
.ico-list ul li:first-child{
    margin-left: 0;
}
.ico-list ul li p{
    font-size: 24px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-top: 43px;
}
.circle{
    width: 146px;
    height: 146px;
    border-radius: 50%;
    border: 1px solid transparent;
    position: relative;
    margin: 0 auto;
}
.circle1{
    width: 144px;
    height: 144px;
    position: absolute;
    border-radius: 50%;
    background:rgba(96,223,147,.14);
}
.circle2{
    width: 144px;
    height: 144px;
    position: absolute;
    border-radius: 50%;
    background:rgba(239,105,123,.14);
}
.circle3{
    width: 144px;
    height: 144px;
    position: absolute;
    border-radius: 50%;
    background:rgba(255,201,0,.14);
}
.circle4{
    width: 144px;
    height: 144px;
    position: absolute;
    border-radius: 50%;
    background:rgba(44,194,238,.14);
}
@keyframes circleScale{
    0%{
        transform: scale(1)
    }
    50%{
        transform: scale(.9)
    }
    100%{
        transform: scale(1)
    }
}
.circle_scale{
    animation: circleScale 1.5s ease-in-out infinite;
}
.circle-main{
    width: 122px;
    height: 122px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.circle-main img{
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.circle-main1{
    background:rgba(96,223,147,1);
}
.circle-main2{
    background:rgba(239,105,123,1);
}
.circle-main3{
    background:rgba(255,201,0,1);
}
.circle-main4{
    background:rgba(44,194,238,1);
}
.customized{
    margin-top: 196px;
}
.customized-title{
    font-size: 38px;
    color: #333;
    text-align: center;
    margin-bottom: 100px;
}
.customized-list-item{
    width: 1200px;
    font-size: 0;
}
.customized-list-itemFont{
    transition: all .5s;
}
.customized-list-item:hover .customized-list-itemFont{
    background: rgba(239,105,123,1);
}
.customized-list-item:hover .customized-list-itemFont p{
    color: #fff;
}
.customized-list-itemFont p{
    transition: all .5s;
}
.customized-list-itemBlock{
    width: 600px;
    height: 500px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.customized-list-itemBlock-main{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.customized-list-itemBlock-title{
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 38px;
}
.customized-list-itemBlock-text{
    font-size: 16px;
    color: #333;
    margin-bottom: 17px;
    position: relative;
}
.customized-list-itemBlock-text:last-child{
    margin-bottom: 0;
}
.model{
    margin-top: 141px;
}
.model-title{
    font-size: 38px;
    color: #333;
    text-align: center;
    margin-bottom: 121px;
}
.model-main{
    font-size: 0;
}
.model-item{
    display: inline-block;
    vertical-align: top;
    width: 390px;
    margin-right: 15px;
}
.model-item:last-child{
    margin-right: 0;
}
.model-item-img{
    width: 390px;
    height: 240px;
    overflow: hidden;
}
.model-item-img img{
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out;
}
.model-item-img img:hover{
    transform: scale(1.15);
}
.model-item p{
    line-height: 22px;
    color: #333;
    margin-top: 16px;
}
.model-item p:first-of-type{
    font-size: 24px;
    font-weight: 700;
}
.model-item p:last-of-type{
    font-size: 16px;
}
.use{
    margin-top: 163px;
}
.use-title{
    font-size: 38px;
    color: #333;
    text-align: center;
    margin-bottom: 96px;
}
.use-left{
    display: inline-block;
    vertical-align: middle;
}
.use-right{
    display: inline-block;
    vertical-align: middle;
    width: 745px;
    font-size: 20px;
    color: #333;
    margin-top: -50px;
}
.manage{
    margin-top: 135px;
}
.manage-title{
    font-size: 38px;
    color: #333;
    text-align: center;
    margin-bottom: 116px;
}
.manage-main{
    font-size: 0;
    padding-bottom: 96px;
}
.manage-item{
    display: inline-block;
    vertical-align: middle;
    width: 260px;
    height: 260px;
    border-radius: 16px;
    margin-right: 53px;
    text-align: center;
}
.manage-item:last-child{
    margin-right: 0;
}
.manage-item1{
    background:rgba(44,194,238,1);
}
.manage-item2{
    background:rgba(255,201,0,1);
}
.manage-item3{
    background:rgba(239,105,123,1);
}
.manage-item4{
    background:rgba(96,223,147,1);
}
.manage-item-title{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 40px auto 17px;
}
.manage-item-text{
    font-size: 20px;
    color: #fff;
    padding: 0 20px;
}