@media screen and (max-width:768px){
.cphead{display:none !important;}
.smallcartbox {
    width: 90%!important;
}
.cpdh
    {
        width: 100% !important;
    }
.cartxuangou
    {
        width: 100% !important;
        margin-top: 20px!important;
        border: 0px solid #fff!important;
    }
.cpcart
    {
        width: 100% !important;
        float: none;
    }
.cloud {
    width: 100% !important;
    }
.imgbox img{
    height: 260px!important;
}
.imgbox ul{
    top: 25%;
}
.headtextbox .headtextbox-text ul{
    margin: -14% 7%;
}
.cloud_ser .cartbot a{
    float: none;
    margin-left: 10%;
}
}
@media screen and (max-width:1240px){
    .smallcartbox {
    width: 100%;
    }
    .cphead {
    width: 68%;
    }
    .cpcart {
    width: 68%;
    }
}

.cpdh {
    float: left;
    width: 20%;
    min-width: 243px;
    margin-top: 20px;
    margin-bottom: 50px;
    border-right: 1px solid #e1e6f0;
}

.cartxuangou {
    position: relative;
    float: left;
    padding: 15px 20px 15px 15px;
    width: 20%;
    min-width: 243px;
    height: 80px;
    margin-top: 50px;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;
    color: black;
}

.clickcontent{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease;
}
.clickcontent.show {
  max-height: 5000px;
}

.cpdh_yiji:hover{
    background: linear-gradient(90deg,rgba(235,240,252,0) 0,#ebf0fc 100%);
}

.headtextbox{
    
    width: 1240px;
    margin: auto;
}
.headtextbox-text{
    margin: 125px 0;
    position: absolute;
}

.imgbox{
    position: relative;
}

.imgbox h1{
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 38px;
    font-family: inherit;
    font-style: normal;
}

.imgbox p{
    line-height: 38px !important;
    height: 34px;
    font-size: 16px;
    font-weight: 400;
    font-family: 微软雅黑;
}