@charset "utf-8";
/* CSS Document */

.pdbody{
	text-align: center;
	background-color: #666;
}

.pdcont{
	max-width: 100%;
	/*width: 1400px;*/
	text-align: left;
	border-sizing: border-box;
	/*padding-right: 15px;
	padding-left: 15px;*/
	margin-right: auto;
	margin-left: auto;
	background-color: #06F;  
}

.pdtext{
  font-size: 36px;
  margin-top: 0px;
  text-align: center;
  font-weight: 300;
  animation-name: slide-top;
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  text-shadow: rgba(0,0,0,.15) 0 0 1px;
  margin-bottom: 11px;
  line-height: 1.2;
  color: #37474f;
  box-sizing: border-box;
}

.pdbox {
    width: 100%;
    
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    box-sizing: border-box;
    text-align: left;
    float: left;
    padding-top: 5px;
    /*padding-right: 2px;*/
    padding-bottom: 5px;
    /*padding-left: 2px;*/
    margin-left: 7.5px;
    margin-right: 7.5px;
    height: 270px;
}
.item_case {
    margin-left: 10px;
    margin-right: 10px;
    width: 96% !important
}
@media screen and (min-width: 768px) {
    .pdbox {
        width: 32%;
    }
    .item_case {
        margin-left: 10px;
        margin-right: 10px;
        width: 23.5%
    }
    .container .case-item .case-video {
        width: 72%;
    }
    .item_case {
        width: 23.5% !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    }

    .pdimg {
        width: 100%;
        height: 100%;
        display: inline;
        vertical-align: middle;
        border: 0;
        box-sizing: border-box;
        text-align: left;
    }

    .pdtitle {
        text-align: center;
        margin-top: 11px;
        margin-bottom: 11px;
        font-weight: 400;
        line-height: 1.2;
        color: #292929;
        box-sizing: border-box;
        font-family: Microsoft YaHei,Arial, SimSun, SimSun;
        font-weight: normal;
        font-size: 20px;
    }

    .pddes {
        color: rgb(34, 34, 34);
        font-size: 14px;
        text-align: left;
        font-weight: 300;
        width: 80%;
        margin: 0px auto;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .vdbody {
        max-width: 1340px;
        margin: 20px auto;
        box-sizing: border-box;
    }

    .vdtext {
        max-width: 100%;
    }

        .vdtext p {
            font-size: 24px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            color: #292929;
        }

    .syvd {
        max-width: 100%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
    }