/* .cont4{background: #def5ec;} */
/* body{overflow: hidden;} */
.cont4 .fourBox{ width: 987px; height: 635px; background: #fff; margin: 0 auto 28px;padding:74px 72px 58px;box-sizing: border-box;
     border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.cont4 .fourSlide{
    z-index: 9;
    width: 399px;
    height: 238px;
    background: #dcf4ec;
    position: relative;
    background: url('../images/pic/6.png') no-repeat;
    border-radius:20px ;
    -webkit-border-radius:20px ;
    -moz-border-radius:20px ;
    -ms-border-radius:20px ;
    -o-border-radius:20px ;
    transition:0.5s ;
    -webkit-transition:0.5s ;
    -moz-transition:0.5s ;
    -ms-transition:0.5s ;
    -o-transition:0.5s ;
}
    /* .cont4 .fourSlide:hover img.icon{ filter: brightness(1.1); -webkit-filter: brightness(1.1); } */
    .cont4 .fourSlide:hover{
         transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }
.cont4 .fourSlide:nth-child(1){margin-bottom: 44px;float: left;}
.cont4 .fourSlide:nth-child(2){margin-bottom: 44px;float: right;}
.cont4 .fourSlide:nth-child(3){float: left;}
.cont4 .fourSlide:nth-child(4){float: right;}
.cont4 .icon{position: absolute;left: 32px;top: -29px;}
.cont4 .fourTitle{font-size: 21px;color: #238d70;font-weight: bold;line-height: 1;padding: 26px 0 53px 130px;box-sizing: border-box;letter-spacing: 2px;}
.cont4 .fourModel{padding-left: 26px;box-sizing: border-box;}
.cont4 .fourModel .modelDiv{width: 160px;line-height: 1;font-size: 16px;color: #333;margin-bottom: 32px;display: inline-block;}
.cont4 .fourModel .modelDiv img{display: inline-block;vertical-align: middle;}
.cont4 .fourModel .modelDiv p{display: inline-block;vertical-align: middle;}

.cont4 .fourModel .modelDiv:nth-child(even){width: 195px;}
.cont4 .title_box {
    margin-bottom: 36px;
}



@media (max-width:1000px){

    .cont4 .fourBox{
    width: 7.2rem;
    height: auto;
    margin: 0 auto 0.46rem;
    padding: 0.32rem 0 0.11rem;
    box-shadow: 0 0 0.06rem rgba(0,0,0,0.28);
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
}
    .cont4 .fourSlide{float: initial !important;width: 6.51rem;height:1.53rem;background: url('../images/pic/mm.png') no-repeat;
        margin: 0 auto 0.09rem !important;
        background-size: 100% 100%;}
    .cont4 .fourSlide:hover{ transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }

    .cont4 .fourSlide:nth-child(1),.cont4 .fourSlide:nth-child(3){
        padding-left: 1.4rem;box-sizing: border-box;
    }
    .cont4 .fourTitle{font-size: 0.21rem;padding:  0.19rem 0;}
    .cont4 .icon{position: absolute;left: 0.27rem;top: 0.2rem;width: 0.89rem;}
    .cont4 .fourSlide:nth-child(2) .icon,.cont4 .fourSlide:nth-child(4) .icon{position: absolute;left: auto; right: 0.34rem;}
    .cont4 .fourSlide:nth-child(2),.cont4 .fourSlide:nth-child(4){padding-left: 0.5rem;box-sizing: border-box;}
    .cont4 .fourModel{padding-left: 0;font-size: 0;line-height: 1;vertical-align: top;width: 5rem;}
    .cont4 .fourModel .modelDiv{font-size: 0.17rem;margin-bottom: 0.16rem;width: 2rem;}
    .cont4 .fourModel .modelDiv img{width: 0.09rem;}
    .cont4 .title_box{margin-bottom: 0.36rem;}
    .cont4 .fourModel .modelDiv:nth-child(even){width: 2.5rem;}





}