@charset "utf-8";
/* CSS Document */
.banner_development{
	background: url(../img/banner_development.jpg) no-repeat top center;
}
.nav_development{
	background: rgba(3, 13, 46, .45);
}
.development_item{
	background: url(../img/development_bg1.png) no-repeat top center;
	height: 480px;
	position: relative;
}
.development_li{
    padding: 16px 24px;
    border-radius: 22px;
    box-sizing: border-box;
    width: 464px;
    position: absolute;
}
.development_li1{
    background: #f6f8fe;
    border: 1px solid #4f70e7;
    left: 0px;
    top: 27px;
}
.development_li2{
    background: #f9fefe;
    border: 1px solid #1ed0d4;
    right: 30px;
    top: 57px;
}
.development_li3{
    background: #fef9f8;
    border: 1px solid #ee846a;
    top: 249px;
    width: 430px;
}
.development_li3 .detail{
	width: 327px;
}
.development_li4{
    background: #f8fdfa;
    border: 1px solid #4ac675;
    right: 0;
    top: 268px;
}
.detail{
    width: 361px;
}
.dev_title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
}
.dev_info{
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
}
.development_table{
    width: 16px;
    float: left;
    height: 20px;
}
.icon{position: relative;}
.icon1{
    background: #4f70e7;
}
.icon2{
    background: #1ed0d4;
}
.icon3{
    background: #ee846a;
}
.icon4{
    background: #4ac675;
}
.icon_span{
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    border-radius: 6px;
}
.icon_span i{
    color:#fff;
    font-size: 20px;
}
.number{
    font-size: 16px;
    font-weight: bold;
    position: absolute;
}
.number_1{
    color: #4f70e7;
    top: 89px;
    left: 20px;
}
.number_2{
    color: #1ed0d4;
    top: 114px;
    left: 4px;
}
.number_3{
    color: #ee846a;
    top: 111px;
    left: 18px;
}
.number_4{
    color: #4ac675;
    top: 114px;
}
.right_dev_title{
	text-align: right;
}
.welfare{
}
.welfare li{width: 380px;padding: 14px;box-shadow: 0px 4px 12px rgb(0 0 0 / 10%);height: 134px;box-sizing: border-box;margin-bottom: 26px;float: left;margin-right: 30px;}
.welfare_icon{margin-right: 24px;width: 58px;height: 58px;border-radius: 10px;text-align: center;vertical-align: middle;}
.welfare_icon img{
    display: inline;
    position: relative;
    top: 15px;
}
.welfare_info{width: 270px;}
.welfare_title{
    font-size: 16px;
    font-weight: bold;
}
.welfare_detail{
    font-size: 14px;
    line-height: 24px;
}
.blue_icon{
    background: #ebf3fc;
}
.gree_icon{
    background: #dbfaea;
}

/*特色福利*/
.special_fuli{}
.special_fuli ul li{
    float: left;
    width: 375px;
    margin-right: 36px;
    overflow: hidden;
    height: 310px;
}
.blue_puple_box{
    background: rgba(37, 130, 217, 0.84);
    padding: 12px 20px;
    position: relative;
    bottom: 124px;
}
.special_title{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
.special_detail{
    font-size: 15px;
    color: #fff;
}
.line1{
    width: 28px;
    height: 4px;
    border-radius: 4px;
    background: #fff;
    margin: 8px 0;
}
/*精彩生活*/
#div1{margin: 30px auto 0px;width: 1200px;position:relative;height: 341px;background: #fff;overflow:hidden;}
#div1 ul li{width: 500px;height: 341px;float:left;margin-right: 30px;}
#div1 ul{ width:1500px; list-style:none;  position:absolute; left:0; top:0; }
.section{
	margin: 0px;
}
.section:nth-of-type(2n){
	padding: 50px 0px 50px;
    background: #f0f5fb;
}
.section:nth-of-type(2n-1){
	padding: 50px 0px 50px;
    background: #fff;
}