

.page-front-warehouse div {
    webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* 介绍背景渐变色 */
.gradient{ 
    background: #f6efe8;
    background: -moz-linear-gradient(left, #f9f5f1, #faebd9);
    background: -webkit-linear-gradient(left, #f9f5f1, #faebd9);
    background: -o-linear-gradient(left, #f9f5f1, #faebd9);
    background: -ms-linear-gradient(left, #f9f5f1, #faebd9);
    background: linear-gradient(left, #f9f5f1, #faebd9);
    
}
/* 其他背景渐变色 */
.gradient1{ 
    background: #fef4e7;
    background: -moz-linear-gradient(94deg, #fff2e1 24%,#fbf8f4 100%);
    background: -webkit-linear-gradient(94deg, #fff2e1 24%,#fbf8f4 100%);
    background: -o-linear-gradient(94deg, #fff2e1 24%,#fbf8f4 100%);
    background: -ms-linear-gradient(94deg, #fff2e1 24%,#fbf8f4 100%), 
    linear-gradient(#fb7f64, #fb7f64);
    background: linear-gradient(94deg, #fff2e1 24%,#fbf8f4 100%);
}
/* 页面所用字号 */
.font24{
    font-size:24px;
    line-height:40px;
}
.font20{
    font-size:20px;
    line-height:44px;
}
/* 页面所用字体颜色 */
/* 主字色 */
.color{
    color:#434343
}
.title img,
.framework__con,
.process__con,
.advantage__con--pic
.footer__item{
    width: 100%;
    height: 100%;
    display:block;
}
/* 大标题 */
.title{
    width:133px;
    height: 33px;
    margin: 0 auto 86px;
    position: relative;
}
.title::after{
    content: '';
    display: block;
    width: 84px;
    height: 8px;
    border-radius: 5px;
    background:#fd5430;
    margin:11px auto 0;
}
.m-warp{
	width: 1200px;
	margin: 0 auto;
}
.banner {
    display: block;
    min-width: 1200px;
    height: 430px;
    margin: 0 auto;
    background: url('../images/front_warehouse/banner_bg.jpg') no-repeat top center;
}
.intro{
    padding:72px 90px 58px;
    text-align: center;
}
.framework{
   padding:70px 0 85px; 
}
.framework__con{
    width: 1200px;
    height:862px;
}
.process{
    padding:57px 0 58px; 
 }
.process__con{
    width: 100%;
    height:541px;
}
.advantage{
    padding-top:98px;
}
.advantage__con{
    margin:0 50px 89px;
}
.left{
    float:left;
}
.right{
    float:right;
}

.advantage__con--title{
    font-weight:bold;
}
.advantage__con--item{
    padding-left:21px;
    position:relative;
}
.advantage__con--item::after{
    content:'';
    display:block;
    width:13px;
    height:13px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #f0dabe;
    background: -moz-linear-gradient(top, #f6e4c9, #e8ceb0);
    background: -webkit-linear-gradient(top, #f6e4c9, #e8ceb0);
    background: -o-linear-gradient(top, #f6e4c9, #e8ceb0);
    background: -ms-linear-gradient(top, #f6e4c9, #e8ceb0);
    background: linear-gradient(top, #f6e4c9, #e8ceb0);
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    margin: auto;
}

.advantage__con--line{
    background: url(../images/front_warehouse/advantage_line.png) no-repeat center;
    width:361px;
    height:2px;
    margin:10px 0 28px;
}
.advantage__con--pic{
    width:520px;
    height:368px;
}

.scene{
    padding-top:78px;
    font-size:0;
}

.scene__item{
    margin: 0 150px 90px;
    display:inline-block;
}

.scene__item--icon{
    background:url(../images/front_warehouse/scene_icon.png) no-repeat;
    width: 100px;
    height: 93px;
}

.scene__item--icon_1{
    background-position: -2px -2px
}
.scene__item--icon_2{
    background-position: -104px -2px
}
.scene__item--icon_3{
    background-position: -206px -2px
}
.scene__item--icon_4{
    background-position: -308px -2px
}
.scene__item--icon_5{
    background-position: -410px -2px
}
.scene__item--icon_6{
    background-position: -512px -2px
}
.scene__item--icon_7{
    background-position: -614px -2px
}
.scene__item--icon_8{
    background-position: -716px -2px
}
.scene__item--icon_9{
    background-position: -818px -2px
}

.scene__item--name{
    margin-top:30px;
    text-align: center;
}

.footer1{
    background: url(../images/front_warehouse/footer_bg.jpg) no-repeat center;
    width: 100%;
    height: 360px;
    padding-top:90px;
}

.footer__item{
    width: 549px;
    height:60px;
    margin: auto;
    margin-bottom:40px;
}

.footer__btn{
    background: url(../images/front_warehouse/footer_button.png) no-repeat center;
    width: 271px;
    height: 94px;
    display: block;
    margin: auto;
}


