/*=================================================注塑机样式css======================================= */
/*-------------------------------- banner----------------------------- */
@media screen and (max-width: 768px){
.item-topic img {width: 100%!important;}
}
@media screen and (max-width: 1280px){
.customer-value .customerlist .cstmitem{

    width: 48.8%!important;

}
  
}
.item:hover {
    border: 2px solid #d9d9d9;
}



.yun-detail *{box-sizing:border-box;}
.yun-detail{width:100%;background: #151515;padding-top:0.7rem;background-size: 700px!important;}
.dtbanner{position: relative;width:100%;height:400px;}
.detbtm-md{position: absolute;bottom:0px;left:0px;width:100%;height: 48px;}
.detbtm-md ul li{width:33.333%;height:100%;float:left;line-height:48px;transition:all 0.4s;
    list-style-type: none;}
.detbtm-md ul li a{
    
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    line-height:48px;
}
.detbtm-md ul li.on{background: #e58011;}
.detail-info{padding-top:9rem;padding-left: 20px;
    padding-right: 20px;}
.detail-info h2{
    
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom:0.24rem;
}
.detail-info p{
    line-height: 32px;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom:43px;
}
.detail-info a{
    display:block;
    float:left;
    width:136px;
    height:38px;
    line-height: 38px;
    border:1px solid #fff;
    text-align:center;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 16px;
}
.dtbanner .detail-info a:hover { background: #fff;color: #21252E;}
.detail-img img{display: block;width:auto;height:auto;float:right;}
@media (min-width:320px) and (max-width:768px){
    /* 3级banner */


.yun-detail{padding-top: 0.9rem;}
    .dtbanner{height:auto;min-height:auto;padding-bottom: 50px;}
    .detail-info{padding-top:1.5rem;overflow: hidden;}

    .detail-info a{border: 1px solid #eee;width: 95px; height: 30px;line-height: 30px;}
}

@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){}

@media (min-width:1367px) and (max-width: 1440px){}

@media (min-width:1441px) and (max-width: 1680px){}

@media (min-width:1680px) and (max-width: 1920px){}

@media screen and (max-width: 1366px) {
    .yun-detail{background-size: 600px!important;}
}
@media screen and (max-width: 767px) {
    .yun-detail{background-size: 100%!important;}
    .detail-info p{max-width: 100%!important;}
}

/* ---------------------------------------行业痛点 ../img/zsj_Detail/index_gray.png-----------------------------------*/
.erji-cpgn{background:#fff;padding:64px 0px;width:100%;position: relative;}
.gnitem{height:auto;background:#fff;transition: all 0.3s;background:url('http://1909045011.pool401-bestsite.make.yun300.cn/repository/image/17e855b6-92e9-4ffb-9fe7-eceddc28ca4b.png') no-repeat center top!important;}
.gnitem .item-pic{width:100%;background:none!important;border-top:3px solid #e58011;}
.gnitem .item-pic h2{
    font-family:DINCond-Medium!important;
    font-size: 50px;
    color: #21252E;
    line-height: 72px;
    padding:24.5px 0px 0px 16px;
    font-weight:700;
    width: 80px;
}
.gnitem .gninfo{width:100%;height:auto;padding-top:40px;}
.gnitem .gninfo .infopd{padding:0px 16px 40px 16px!important;}
.gnitem .gninfo .infopd p{
    font-size: 14px;
    color: #21252E;
    letter-spacing:0;
    line-height: 24px;
}
/*.gnitem:hover{box-shadow:0 6px 8px rgba(0,0,0,0.2); } */
@media (min-width:320px) and (max-width:768px){
    /* 行业痛点 */
    .DMLlist{display:block;justify-content: center;}
    .DMLlist .gnitem{width:100%!important;margin-right:0!important;height:auto;min-height:3rem;margin-bottom:0.3rem;box-shadow: 0 2px 3px rgba(0,0,0,0.15);float:left;padding-bottom:0.4rem;}
    .DMLlist .gnitem:nth-of-type(even){float:right;}
    .gnitem .gninfo .infopd p{line-height:1.5;}
    .gnitem .gninfo{margin-top:10px;}
}
@media screen and (max-width: 1366px) {
    .erji-cpgn{padding:48px 0px;}
 .imageResponse{
  width:100%;
  }
  .gnitem .gninfo{padding-top: 10px;}
}


/* ---------------------------------------解决方案---------------------------- */
.zsj_fangan{background:url('http://1909045011.pool401-bestsite.make.yun300.cn/repository/image/LjxZynUFTLm81PdXocxboQ.png') no-repeat center top!important;background-size:cover;margin-bottom: 108px;}
.zsj_fangan .container-tit h2{color:#fff;}
.zsj_fangan .jjfangan{padding:64px 0 0px 0px;}
.zsj_fangan .jjfangan .container-tit{color: #fff;}
.zsj_fangan .jjfangan .jjfa-main{ width: 100%;position: relative;}
.jjfa-main .zsj_container{padding:0 0px 80px 0px;}
.jjfa-main .zsj_container .swiper-slide .slide-title{
    font-size: 18px;
    color: #e58011;
    letter-spacing: 0;
    padding:0.48rem 0px 0.22rem 0.45rem;
}
.jjfa-main .zsj_container .swiper-slide .slide-main{background:#fff;position: relative;padding:32px 40px;font-size: 14px;}
.jjfa-main .zsj_container .swiper-slide .slide-main .slidepd{
    font-size: 14px;
    /* min-height:2.01rem; */
}
.jjfa-main .zsj_container .swiper-slide .slide-main::before{
    width: 0;
    height: 0;
    content: "";
    display: block;
    border: 28px solid;
    border-color: #fff transparent transparent;
    position: absolute;
    bottom:-0.54rem;
    left:0.4rem;
}
.jjfa-main .zsj_container .swiper-slide .slide-main p{
    
    font-size: 14px;
    /* font-size: 16px; */
    color: #21252E;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom:0.24rem;
}
.jjfa-next{width:0.78rem;height:0.48rem;background: #21252E;right:50%;bottom:-0.28rem;top:auto;outline: none;padding:0.04rem 0px;transition: 0.4s;z-index: 9;}
.jjfa-next img{display: block;width:auto;height:auto;margin:0 auto;vertical-align: middle;}
.jjfa-prev{width:0.78rem;height:0.48rem;background: #21252E;left:50%;bottom:-0.28rem;top:auto;outline: none;padding:0.04rem 0px;transition: 0.4s;z-index: 9;}
.jjfa-prev img{display: block;width:auto;height:auto;margin:0 auto;vertical-align: middle;}
.swiper-btn.active{background: #e58011;}
.jjfa-next:hover{background: #e58011;opacity: 0.95;}
.jjfa-prev:hover{background: #e58011;opacity: 0.95;}
@media (min-width:320px) and (max-width:768px){
    /* 解决方案 */
    .zsj_fangan .jjfangan .jjfa-main{width:96%;height:auto;padding:0 2%;}
    .jjfangan .swiper-btn {padding:0;    width:1rem;height:0.6rem;}
    .jjfangan .swiper-btn img{display: block;width:0.6rem;height:auto;}
    .jjfa-main .zsj_container .swiper-slide .slide-title{text-align: center;}
    .jjfa-main .zsj_container{padding:0.15rem 0px 0.3rem!important;}
}
@media screen and (max-width: 1366px) {
    .zsj_fangan .jjfangan{padding:48px 0 0px 0px;}
    .zsj_fangan{margin-bottom: 94px;}
}


/* -------------------------------------------相关应用产品 ------------------------*/
.Relevant-products{padding:0 0px 84px;}
.Relevant-products .tit-hasinfo p{margin-bottom: 40px;}
.jxcplist .item{width:23.75%;margin-right:1.66%;background:#fff;float:left;transition: all 0.4s;position: relative;}
.jxcplist .item:last-child{margin:0;}
.jxcplist .item-green{background: #e58011;position: relative;}
.jxcplist .item-green::before{display:block;content:''; position: absolute;left:0;top:0;height:100%;width:16px;background: #0CA056;z-index:30;}
.jxcplist .item .item-topic{width:100%;height:auto;overflow: hidden;}
.item-tinfo{padding:24px 40px 24px 40px!important;}
.item-tinfo h2{
    
    font-size: 20px;
    color: #e58011;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom:16px;
}
.item-tinfo p{
    
    font-size: 14px;
    color: #21252E;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom:24px;
}
/*.item-tinfo .item-more{display: block;width:114px;height:36px;background: #21252E;text-align: center;line-height:0.36rem;color:#fff;opacity: 0;transition: all 0.4s;}*/
/*.jxcplist .item:hover{box-shadow:0px 5px 15px rgba(0, 0, 0, 0.15);}*/
/*.jxcplist .item:hover .item-more{opacity: 1;}*/
/*.jxcplist .item::after{
    display: block;
    content:'';
    width:0px;
    height:4px;
    position: absolute;
    bottom:-4px;
    background:#e58011;
    transition: all 0.6s;
}*/
.jxcplist .item-green::after{display:none!important;height:0!important;width:0!important;}
.jxcplist .item:hover::after{ width:100%;}
@media (min-width:320px) and (max-width:768px){
    /* 相关应用产品 */
    .jxcplist .item{width:100%;height:auto;min-height:5.8rem;margin-right:0px;margin-bottom:0.3rem;box-shadow:0px 2px 3px rgba(0,0,0,0.2);}
    .item-tinfo .item-more{opacity:1;}
}

@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){
    .jxcplist .item .item-topic img{width:auto;}

}

@media (min-width:1367px) and (max-width: 1440px){
    .jxcplist .item .item-topic img{width:auto;}
}

@media screen and (max-width: 1366px) {
    .Relevant-products{padding:0 0px 56px;}
    .item-tinfo{padding:24px 24px 24px 24px!important;}
}


/* -----------------------------------------客户价值----------------------------------- */
.customer-value{background:#F4F4F4;padding:80px 0px 116px;}
.customer-value .customerlist .cstmitem{width:23.75%;background:#fff;float:left;margin:0px 24px 0px 0px;transition:all  0.4s;/*cursor: pointer;*/}
.customer-value .customerlist .cstmitem:last-child{margin-right:0;}
.customer-value .customerlist .cstmitem .custompd{padding:64px 40px 84px 40px;}
.customer-value .customerlist .cstmitem .custompd .cstmpic{margin-bottom:40px;}
.customer-value .customerlist .cstmitem .custompd .cstmpic img{display: block;width:auto;margin:0 auto;}
.customer-value .customerlist .cstmitem .custompd .cstminfo p{
    font-size: 16px;
    color: #21252E;
    letter-spacing: 0;
    line-height: 24px;
}
/*.customer-value .customerlist .cstmitem:hover{box-shadow:0 5px 8px rgba(0,0,0,0.2);}*/
@media (min-width:320px) and (max-width:768px){
    /* 客户价值 */
    .jjfa-main .zsj_container .swiper-slide .slide-main::before{display: none;}
    .customerlist{}
    .Recommend .recominfo h2{font-size:0.5rem;}
    .customer-value{padding: 0.8rem 0px 0.6rem;}
    .customer-value .customerlist .cstmitem{    width: 44.8%!important;margin-right:0;margin-bottom:0.3rem;height:auto;min-height:3.8rem;}
}
@media screen and (max-width: 1366px) {
    .customer-value{padding:56px 0px 92px;}
    .customer-value .customerlist .cstmitem .custompd{padding:40px 24px 60px 24px;}
    .customer-value .customerlist .cstmitem .custompd .cstmpic{margin-bottom:24px;}
.Recommend .recominfo h2{font-size: 24px;}
}


/* ----------------------------------------推荐文章------------------------------------- */
.Recommend{width:100%;margin:102px 0px 0px;padding-bottom: 151px;}
.Recommend .recominfo{width:46%;float:right;margin-right:85px;}
.Recommend .recominfo h2{
    
    font-size: 32px;
    color: #21252E;
    letter-spacing: 0;
    margin-bottom:28px;
}
.Recommend .recominfo p{
    
    font-size: 16px;
    color: #505363;
    letter-spacing: 0;
    line-height: 24px;
    text-align: justify;
}
.Recommend .recompic{position: relative;}
.Recommend .recompic .pic1{height:3.67rem;width:auto;position: relative;}
.Recommend .recompic .pic1 .zxgd{width:0.56rem;background: #e58011;float:left;margin-right:0.16rem;position: relative;height:3.7rem;}
.Recommend .recompic .pic1 .zxgd::before{
    content: '';
    z-index:0;
    position: absolute;
    top:0%;
    left:0%;
    width:0.56rem;
    height:0;
    background: rgba(0,0,0,0.1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
    transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.Recommend .recompic .pic1 .zxgd:hover::before{ height: 100%;}
.Recommend .recompic .pic1 .zxgd a{display:block;width:0.16rem;height:2.27rem;text-align: center;vertical-align: middle;padding:1.4rem 0.2rem 0px;
    
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
}
.Recommend .recompic .pic1 .img1{width:3.1rem;height:3.67rem;overflow: hidden;background:#f8f8f8;float:left;}
.Recommend .recompic .pic1 .img1 img{display: block;width:auto;height:100%;}
.Recommend .recompic .pic2{position: absolute;bottom:-103px;left:1.61rem;width:2.75rem;height:2.6rem;overflow: hidden;background:#fff;padding:0.16rem;}
.Recommend .recompic .pic2 img{display: block;width:auto;height:100%;}
.porlist .tjtitle{
    
    font-size: 24px;
    color: #21252E;
    letter-spacing: 0.34px;
    line-height:0.25rem;
    margin-bottom:0.3rem;
}
@media (min-width:320px) and (max-width:768px){
    /* 推荐文章 */
    .Recommend .recominfo{width:100%;margin-right:0;float:none;}
    .Recommend .recompic{margin:0.5rem 0px 0.3rem;padding:0px 15%;}
    .Recommend .recompic .pic1 .zxgd a{padding:0.7rem 0.2rem 0px;font-size:0.26rem;}
 
}

@media screen and (max-width: 1366px) {
    .Recommend{margin:92px 0px 0px;padding-bottom: 158px;}
    .Recommend .recominfo{margin-right:56px;}
}
@media screen and (max-width: 767px) {
    .Recommend{padding-bottom: 78px;}
}
/* -------------------------------------产品---------------------------------- */
.product-show{padding:80px 0px 0px;clear:both;}
.itemshow{width:22.9%;height:3rem;background: #fff;float:left;margin-right:24px;transition: all 0.3s;}
.itemshow:hover{box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.itemshow:last-child{margin:0;}
.porlist{padding-bottom: 64px;}
.porlist .showpic{height:2.2rem;overflow: hidden;}
.porlist .showtt{padding:0.16rem 0.24rem;}
.itemshow p{
    font-weight: 700;
    font-size: 16px;
    color: #21252E;
    letter-spacing: 0;
    line-height:0.24rem;
    transition: 0.3s;

} 
/* 行业痛点 */
.DMLlist{position: relative;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.DML-cpgn .gnitem{width:268px;margin-right:24px;}
.DML-cpgn .gnitem:last-child{margin-right:0;}
/* 媒体查询 */
@media (min-width:320px) and (max-width:768px){
    /* 产品展示 */
    .porlist .tjtitle{margin-bottom:0.4rem;}
    .porlist .itemshow{width:100%;margin-right:0;height:auto;min-height:3rem;margin-bottom:0.3rem;box-shadow: 0 3px 3px rgba(0,0,0,0.15);}
    .product-show{padding: 0.64rem 0px 0.4rem;}
    .DMLlist{display: block;justify-content: normal;}
    .itemshow p{line-height:24px;}
}

@media screen and (max-width: 1366px) {
    .porlist{padding-bottom: 48px;}
    .product-show{padding:56px 0px 0px;}
}


@media screen and (max-width: 900px){
    .detbtm-md{position: static!important;height: auto;overflow: hidden;box-shadow:none!important;background: #fff!important;}
    .yun_moremenu .detbtm-md{height: auto;overflow: hidden;}
    .detbtm-md ul{display: block;}
    .yun_moremenu .detbtm-md{margin:20px 0;}
    .detbtm-md ul li{width: 50%;float: left;box-sizing:border-box;height: 45px;line-height: 24px;}
    .detbtm-md ul li a{font-size: 16px!important;line-height: 1.5;padding:10px 0;color: #000!important;}
    .yun_moremenu .detbtm-md ul li a{width: 100%;font-size: 14px!important;}
    .detail-info a{margin-bottom: 10px;}
    .erji-cpgn{padding:0px 0 24px;overflow: hidden;}
    .container-tit h2{margin-top: 24px;}
    .yun-yycj{padding:0px 0 24px;overflow: hidden;}
    .container-tit p{margin-bottom: 24px;line-height: 1.5;}
    .product-show{padding:0px 0 32px;}
    .gnitem .gninfo{padding-top: 0px;}
    .gnitem .gninfo .infopd{padding-bottom: 10px!important;}
    .zsj_fangan .jjfangan{padding-top: 24px;}
    .zsj_fangan .container-tit h2{margin-top: 10px;}
    .container-tit h2{font-size: 24px!important;}
    .zsj_fangan{margin-bottom: 48px;}
    .jxcplist .item .item-topic{height: auto;}
    .item-tinfo .item-more{line-height: 36px;}
    .Recommend .recompic .pic2{bottom:-50px;}
    .porlist .showpic{height: auto;}
    .customer-value{padding: 0 0 24px;}
    .Recommend{padding-top: 0px;margin-top: 24px;}
    .porlist{padding-bottom: 32px;}
    .product-show{padding-bottom: 0;}
    .gnitem .item-pic h2{font-size: 50px;padding-top: 10px;}
}

.yun_moremenu{width:100%;background:#fff;position: relative;}
.yun_moremenu .detbtm-md{position: static;margin:80px 0px 2rem;}
.yun_moremenu .detbtm-md ul li{background: #EFEFEF;width:25%!important;border-right:1px solid #fff;}
.yun_moremenu .detbtm-md ul li:last-child{border:none;}
.yun_moremenu .detbtm-md ul li.on{background: #e58011;}
.yun_moremenu .detbtm-md ul li.on a{color:#fff;}
.yun_moremenu .detbtm-md ul li a{color: #21252E;}
@media (min-width:320px) and (max-width:768px){
    .yun_moremenu .detbtm-md ul li{width:33%;}
    .yun_moremenu .detbtm-md{margin:40px 0 0;}
}