@charset "utf-8";
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding: 0;
}
.row{
    margin: 0;
}
.ycx-body {
    margin-top: 0px;
    background-color: #F7F7F7;
    padding-bottom: 40px;
}
.title {
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 24px;
    color: #EB6438;
}
.subtitle {
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
/*WMS智能仓库系统*/
.section1 .body {
    padding: 20px;
    background-color: #FFFFFF;
    transition: all 0.3s;
}
.section1 .desc {
    color: #999999;
    padding: 20px;
    transition: all 0.3s;
}
/*系统优势*/
.section2 .row:nth-child(2){
    margin: 0 -20px 0 -20px;
}
.section2 .service-card{
    height: 274px;
    background: #FFFFFF;
    margin-bottom: 20px;
    cursor: pointer;
    transition:all 0.3s;
}
.section2 .service-card:hover{
    box-shadow: 5px 5px 20px rgba(235, 100, 56, 0.15);
}
.section2 .service-card .title{
    padding-left: 20px;
    color: #666666;
    text-align: left;
}
.section2 .service-card:hover .title {
    color: #EB6438;
}
.section2 .service-card .icon {
    margin: 20px auto;
    width: 64px;
    height:64px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: contain;
    transition: all 0.3s;
}
.section2 .service-card .desc {
    padding: 0 20px 20px 20px;
    text-align: left;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}
.section2 .service-card:hover .desc {
    color: #666666;
}
.section2 .service-card{
    margin: 20px;
}
.section2 .service-card .col-md-3{
    padding-top: 15%;
}
.section2 .service-card-small .col-md-9{
    padding-top: 5%;
}
.section2 .service-card .icon1 {
    background-image:url('../images/wms/icon1.png');
}
.section2 .service-card:hover .icon1 {
    background-image:url('../images/wms/icon1_select.png');
}
.section2 .service-card .icon2 {
    background-image:url('../images/wms/icon2.png');
}
.section2 .service-card:hover .icon2 {
    background-image:url('../images/wms/icon2_select.png');
}
.section2 .service-card .icon3 {
    background-image:url('../images/wms/icon3.png');
}
.section2 .service-card:hover .icon3 {
    background-image:url('../images/wms/icon3_select.png');
}
.section2 .service-card .icon4 {
    background-image:url('../images/wms/icon4.png');
}
.section2 .service-card:hover .icon4 {
    background-image:url('../images/wms/icon4_select.png');
}
.section2 .service-card .icon5 {
    background-image:url('../images/wms/icon5.png');
}
.section2 .service-card:hover .icon5 {
    background-image:url('../images/wms/icon5_select.png');
}
.section2 .service-card .icon6 {
    background-image:url('../images/wms/icon6.png');
}
.section2 .service-card:hover .icon6 {
    background-image:url('../images/wms/icon6_select.png');
}
/*WMS系统功能模块*/
.section3 .row:nth-child(2){
    margin:0 -10px;
}
.section3 .service-card {
    margin: 10px;
    background-color: #FFFFFF;
    height: 450px;
    cursor: pointer;
    transition: all 0.3s;
}
.section3 .service-card .pic {
    text-align: center;
}
.section3 .service-card .pic img {
    margin-top: 20px;
    width: 65%;
}
.section3 .service-card:hover {
    box-shadow: 5px 5px 20px rgba(235, 100, 56, 0.15);
}
.section3 .service-card .title {
    text-align: center;
    font-size: 18px;
    color: #666666;
    padding: 20px 0px 10px 0px;
    transition: all 0.3s;
}
.section3 .service-card:hover .title {
    color: #EB6438;
}
.section3 .service-card .desc {
    padding: 10px 20px;
    text-align: left;
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    transition: all 0.3s;
}
.section3 .service-card:hover .desc {
    color: #666666;
}
@media screen and (max-width:1200px) {
    .section2 .service-card .col-md-3{
        padding-top: 20%;
    }
}
@media screen and (max-width:992px) {
    .section2 .service-card{
        height: auto;
    }
    .section2 .service-card .icon {
        margin:  auto;
    }
    .section2 .service-card .title,.section2 .service-card .desc{
        text-align: center;
    }
}