.platform{width:120px;height:120px;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/11.png");background-repeat:no-repeat;background-position: center;}
.share{width:120px;height:120px;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/2.png");background-repeat:no-repeat;background-position: center;}
.brand{width:120px;height:120px;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/3.png");background-repeat:no-repeat;background-position: center;}
.settlement{width:120px;height:120px;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/4.png");background-repeat:no-repeat;background-position: center;}
.network{width:120px;height:120px;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/5.png");background-repeat:no-repeat;background-position: center;}
.advantage{width:120px;height:120px;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/6.png");background-repeat:no-repeat;background-position: center;}
.truck{width:7.5rem;height:6.5rem;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/truck.png");background-repeat:no-repeat;background-position: center;}
.delivery{width:7.5rem;height:6.5rem;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/express delivery.png");background-repeat:no-repeat;background-position: center;}

.Circle img {
    max-width: 100%;
    max-height: 100%;

}
#my-img{
    content:url("/static/plugins/dnds/moban2/22vd/images/1.png");
}
#my-product{
    content:url("/static/plugins/dnds/moban2/22vd/images/002.png");
}
#my-customer{
    content:url("/static/plugins/dnds/moban2/22vd/images/6564.png");
}

.align-content{display: flex;  flex-wrap: wrap;flex-direction: column;align-content:center;margin-top: 2rem;}
/*.team-box figure .pic-hover p{margin:0;font-size:2rem;}*/
.team-box figure .pic-hover h3 a{color:#153645;}
.producer{width:120px;height:120px;display:inline-block;background-image:url("/static/plugins/dnds/moban2/22vd/images/producer.png");background-repeat:no-repeat;background-position: center;}

/*.team-box figure .pic-hover h3{font-weight:400;font-size:18px;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:20px 0 8px 0}*/
.team-box figure .pic-hover h3{ font-weight:bold!important;margin:0!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;}
.product  {font-size:2.5rem;font-weight:600;color:#153645;padding:0;margin:0 0 15px 0;line-height:90%}
/*.product_smlie{display:inline-block;font-size:2rem;font-weight:bold;color:#153645;padding:0;margin:0 0 15px 0;line-height:150%}*/

.m-sm{display:block;font-size:14px;line-height:150%;margin:20px 0 40px 0!important;color: #050592
}


.flex{display: flex;justify-content: center;flex-wrap: wrap; margin: auto}
.team-box  figcaption .pic-hovers h3{font-weight:bold;font-size:3rem;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.team-box  figcaption .pic-hovers h2{color: #050592;font-size: 2rem}
.cold{display: flex;justify-content: center;align-items: center;}

.Semicircle{height:400px;}
.t-m-30 .Semicircle img {
    max-width: 100%;
    max-height: 100%;

}
.valueAdded{height:540px;}
.t-m-30 .valueAdded img {
    max-width: 100%;
    max-height: 100%;
}
 p{margin:0!important;}
.col-xs-122 {width: 29%;}

.team-box figure img {border:none!important;}
.custom{width:80%;display: flex; margin:auto;justify-content:space-between;flex-direction:column;border-radius: 5%; border: 2px solid #747477;overflow: hidden;}
 .six figure .custom-photo img{background-color: yellow; display: block; width: 100%; height: 100% }
.six figure .custom-photo {background-color: blue;width: 100%; height: 100%;}
.houseout{
line-height:1.3rem;
}
.team-box figure .pic-hover p {font-size:1rem} .receipt{  width: 315px;height: 359px;border: 1px solid #9494aa;border-radius:10%;margin:auto;padding: 1rem 0;box-shadow: #6c6969 0px 0px 3px 1px;}
.team-box figure .producerBOX  {width: 100%;text-align:center;valign:top;display:flex;flex-direction: column;justify-content: center;
    align-content: center; margin:2rem 0;}
.producerBOX span {font-size:1.5rem;font-weight:bold; }
.content  h3{ font-size:1rem;  font-weight:bold!important; margin: 0!important; }
.pic-hover>.flex> .freeze{display: inline;color:#050592;font-weight:bold;font-size:1rem}
span .freeze{display: inline;color: #060665;font-weight:bold}
.rows{height:20%;display: flex;    flex-wrap: wrap;align-content: center;justify-content: center}
.t-m-30 {
    margin-top: 0.3rem!important;
}

.content h2 {
    letter-spacing:5px;
    font-size: 30px;
    color: rgb(25, 48, 139);
    font-weight:bold;
    line-height: 1rem;
    margin: 2rem 0;
}

@media (min-width: 640px) and (max-width: 1200px) {
    .team-box figure img {width:100%!important;}
    .case-box div:nth-child(even), .client figure:nth-child(even){padding:0}

    .col-lg-99 {width: 30%;}.col-xs-121 {width: 100%!important;}
    .case-box div:nth-child(odd), .client figure:nth-child(odd) {padding-right:0;}
    .align-content{margin-top:unset;}

    #my-img{
        content:url("/static/plugins/dnds/moban2/22vd/images/101.png");
    }
    #my-customer{
        content:url("/static/plugins/dnds/moban2/22vd/images/555.png");
    }
    #my-product{
        content:url("/static/plugins/dnds/moban2/22vd/images/2.png");
    }
    .Circle img {
        display: block;
        margin: 0 auto;
        max-width: 65%;
        height: auto;
    }
    .content h2 {
        padding: 1px 0;
        margin:unset;
    }

    .houseout{
        line-height:inherit;
    }
    .banner-mask {
        padding:5em 0;
    }
    #col-xs-20 {width:100%!important;}
    .col-xs-122{width:50%!important;}
    #custom-row{flex-direction: row;}
    .six figure .custom-photo {
        background-color: blue;
        width: 100%!important;
        height: auto;

    }
    .custom-photo img {width:100%!important;height:100%!important; }
    .phtos{width:100%}
    .team-box figure .producerBottm{padding-bottom:25px!important;}
    .ruse{flex-direction:row;align-items: center}
    .custom{width:98%;}
    .six {justify-content:normal;}
    .team-box figure {margin: 5px 0;}
    .team-box figure .producerBOX{margin:1rem 0!important;align-items: center;}
    .producerBOX span {
        font-size:1.5rem!important;
        font-weight: bold;
    }
    .content  h3{ font-size:1rem!important;}
    .content .h3-he{margin: 1rem}
    .producerBOX p{margin:0!important;font-size:0.5rem}
    .custom>.custom-photo img {max-width:100%!important; }
    .team-box figure .pic-hover h3 {padding: 10px 0 8px 0;font-size: 24px;}
    .team-box figure .pic-hover p { font-size:1px}
    .team-box figure .pic-hover .Thermosphere{font-size: 1rem!important;}
    .team-box figure .pic-hover .character{font-size:20px;}
    .product{font-size:2rem;font-weight:600;color:#153645;line-height:90%}
    .valueAdded{height:370px;}
    .Semicircle{height:310px;}
    team-box figure .producerBOX h3 {display: inline-block;font-size: 1rem;}

}
@media (max-width: 639px) {
    .col-lg-99 {width: 30%;}.col-xs-121 {width: 100%!important;}
    .receipt{height: 95%;border: 2px solid #9494aa;border-radius:5%; margin:auto;padding:1.2rem 0;  box-shadow: #6c6969 0px 0px 3px 1px;}
    /*.align-content{background-color: aqua;margin-top: 1.8rem;}*/

    #my-img{
        content:url("/static/plugins/dnds/moban2/22vd/images/101.png");
    }
    #my-customer{
        content:url("/static/plugins/dnds/moban2/22vd/images/555.png");
    }
    #my-product{
        content:url("/static/plugins/dnds/moban2/22vd/images/2.png");
    }

    .content h2 {
        padding: 1rem 0;
        font-size:30px;
    }

    .houseout{
        line-height:inherit;
    }
    .banner-mask {
        padding:5em 0;
    }
    #col-xs-20 {width:100%!important;}
    .col-xs-122{width:50%!important;}
    #custom-row{flex-direction: row;}
    .six figure .custom-photo {
        background-color: blue;
        width: 100%!important;
        height: auto;

    }
    .custom-photo img {width:100%!important;height:100%!important; }
    .phtos{width:100%}
    .team-box figure .producerBottm{padding-bottom:25px!important;}
    .ruse{flex-direction:row;align-items: center}
    .custom{width:98%;}
    .six {justify-content:normal;}
    .team-box figure {margin: 5px 0;}
    .team-box figure .producerBOX{margin:1rem 0!important;align-items: center;}
    .producerBOX span {
        font-size:1.5rem!important;
        font-weight: bold;
    }
    .content  h3{ font-size:1rem!important;}
    .content .h3-he{margin: 1rem}
    .producerBOX p{margin:0!important;font-size:0.5rem}
    .custom>.custom-photo img {max-width:100%!important; }
    .team-box figure .pic-hover h3 {padding: 10px 0 8px 0;font-size: 24px;}
    .team-box figure .pic-hover p { font-size:1px}
    .team-box figure .pic-hover .Thermosphere{font-size: 1rem!important;}
    .team-box figure .pic-hover .character{font-size:20px;}
    .product{font-size:2rem;font-weight:600;color:#153645;line-height:90%}
    .valueAdded{height:271px;}
    .Semicircle{height:170px;}
    team-box figure .producerBOX h3 {display: inline-block;font-size: 1rem;}

}