#yunchi_service_iotcard .product1-page {
    background: url('../../images/yunchi/things_banner.jpg');
    background-size: cover;
    height: 400px;
}

#yunchi_service_iotcard .yunchi_banner_content {
    padding-top: 150px;
    color: #ffffff;
    text-align: center;
}
#yunchi_service_iotcard .yunchi_banner_content h2{
    font-size: 38px;
}
#yunchi_service_iotcard .yunchi_banner_content p{
    font-size: 20px;
}
#yunchi_service_iotcard .yunchi_service_advantage .yunchi_div{
    height: 400px;
}
#yunchi_service_iotcard .yunchi_service_advantage .yunchi_div div{
    border: #28a7e1 1px solid;
    border-radius: 100%;
    width: 118px;
    height: 118px;
    margin: 80px auto 0px auto;
}
#yunchi_service_iotcard .yunchi_service_advantage .yunchi_div img{
    position: absolute;
    left: 50%;
    transform: translate(-50%,50%);
}

#yunchi_service_iotcard .yunchi_service_advantage .yunchi_div h2{
    font-size: 16px;
    text-align: center;

}

#yunchi_service_iotcard .yunchi_service_advantage .yunchi_div p{
    color: #666;
   font-size: 12px;
    text-align: center;
}

#yunchi_service_iotcard .yunchi_service_profession{
    height: 480px;
    background: url(../../images/yunchi/things_mid.jpg) no-repeat center center;
    color: #ffffff;
    text-align: center;
}
#yunchi_service_iotcard .yunchi_service_profession .container{
    padding-top:90px;
}
#yunchi_service_iotcard .yunchi_service_profession h2{
    font-size: 2.5em;
    margin-bottom: 40px;
}
#yunchi_service_iotcard .yunchi_service_profession p{
    margin: 0px;
}
#yunchi_service_iotcard .yunchi_service_profession button{
    font-size: 16px;
    height: 47px;
    margin-top: 40px;
    background-color: transparent;
    border-radius: 10px;
    width: 200px;
    border: 1px solid #ffffff;
}
#yunchi_service_iotcard .yunchi_service_profession button:hover{
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #28a7e1;

}
#yunchi_service_iotcard .yunchi_service_profession button:active{
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #28a7e1;
}
#yunchi_service_iotcard .yunchi_service_profession button:focus{
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #28a7e1;
    outline:#28a7e1;
}
#yunchi_service_iotcard .yunchi_service_terrace_title{
    height: 200px;
    background-color:rgb(236,236,236);
    border-bottom: #e5e5e5 1px solid;
}
#yunchi_service_iotcard .yunchi_service_terrace_title .container{
    text-align: center;
    height: 200px;
    padding: 60px 0px;
}
#yunchi_service_iotcard .yunchi_service_terrace_title .container h2{
    font-size: 30px;
}

#yunchi_service_iotcard .yunchi_service_terrace_title .container p{
    font-size: 16px;
}

#yunchi_service_iotcard .yunchi_service_terrace_content{
    text-align: center;
    background-color:#ffffff;
}

#yunchi_service_iotcard .yunchi_service_terrace_content .container>div{
    height: 380px;
    padding-top: 20px;
}

#yunchi_service_iotcard .yunchi_service_terrace_content .container h2{
    font-size: 14px;
}
#yunchi_service_iotcard .yunchi_service_terrace_content .container p{
   font-size: 12px;
    margin: 10px 0px;
}

#yunchi_service_iotcard .yunchi_service_process {
    text-align: center;
    background-color:rgb(236,236,236);
}

#yunchi_service_iotcard .yunchi_service_process .yunchi_service_process_title{
    height: 200px;
}
#yunchi_service_iotcard .yunchi_service_process .yunchi_service_process_title h2{
    margin:65px 0px 20px 0px;
    font-size: 30px;
}
#yunchi_service_iotcard .yunchi_service_process .yunchi_service_process_title p{
    color: #000000;
    font-size: 16px;
}

#yunchi_service_iotcard .yunchi_service_process .yunchi_service_process_content>div{
 margin-bottom: 30px;
}

#yunchi_service_iotcard .yunchi_service_process .yunchi_service_process_content p{
    color: #000000;
    font-size: 16px;
}

#yunchi_service_iotcard .yunchi_service_choose {
    text-align: center;
}

#yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_title{
    margin-bottom: 30px;
    height: 200px;
}
#yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_title h2{
    margin:65px 0px 20px 0px;
    font-size: 30px;
}
#yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_title p{
    color: #000000;
    font-size: 16px;
}
#yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_content{

}
#yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_content>div{
    height: 205px;
}
#yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_content>div>div{
    box-shadow: rgb(136, 136, 136) 13px -10px 10px;
    margin: 0 auto;
    width: 130px;
    background-color: rgb(236,236,236);
    transform: rotate(45deg);
}

#yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_content img{

    transform: rotate(-45deg);
}

@media screen and (max-width: 640px) {

    #yunchi_service_iotcard .yunchi_banner_content{
        padding-top: 100px;
    }
    #yunchi_service_iotcard .yunchi_service_advantage .yunchi_div{
        height: 300px;
    }
    #yunchi_service_iotcard .yunchi_service_advantage .yunchi_div div{
        margin: 40px auto 0px auto;
    }

    #yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_title{
        height: 260px;
    }
    #yunchi_service_iotcard .yunchi_service_process img{
        width: 100px;
    }
    #yunchi_service_iotcard .yunchi_service_process .yunchi_service_process_title h2 {
        margin: 40px 0px 20px 0px;
    }
    #yunchi_service_iotcard .yunchi_service_process .yunchi_service_process_title {
        height: 175px;
    }
    #yunchi_service_iotcard .yunchi_service_terrace_content img {
        width: 100px;
    }
    #yunchi_service_iotcard .yunchi_service_terrace_content .container>div {
        height: 270px;
        padding-top: 20px;
    }

    #yunchi_service_iotcard .yunchi_banner_content h2 {
        font-size: 30px;
    }
    #yunchi_service_iotcard .yunchi_banner_content p {
        font-size: 16px;
    }
    #yunchi_service_iotcard .product1-page {
        height: 300px;
    }
    #yunchi_service_iotcard .yunchi_service_advantage .yunchi_div div {
        width: 100px;
        height: 100px;
    }

    #yunchi_service_iotcard .yunchi_service_advantage .yunchi_div img {
        transform: translate(-50%,35%);
    }
    #yunchi_service_iotcard .yunchi_service_advantage .yunchi_div h2 {
        margin-top: 15px;
    }
    #yunchi_service_iotcard .yunchi_service_profession h2 {
        font-size: 30px;
    }
    #yunchi_service_iotcard .yunchi_service_profession p {
        font-size: 14px;
    }
    #yunchi_service_iotcard .yunchi_service_profession .container {
        padding-top: 50px;
    }
    #yunchi_service_iotcard .yunchi_service_profession {
        height: 350px;
    }

    #yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_content>div>div{
        width: 90px;
        height: 90px;
    }
    #yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_content img {
        padding-top: 10px;
        padding-right: 10px;
        width: 70px;
    }
    #yunchi_service_iotcard .yunchi_service_choose .yunchi_service_choose_content>div {
        height: 150px;
    }
}