/***有色金属***/
.ys-btn{ display: flex; align-items: center; justify-content: center; width: 45.2%; font-size: 24px; line-height: 2.5; text-align: center; color: #fff; background: #c8000a; border-radius: 0 0 15px 0; }
.ys-btn i{ display: inline-block; font-size: 1.1em; margin-right: 10px;}
.ys-btn:hover{ background-color: #a70008;}
.ys-btn .icon-kefu{ font-size: 1.4em;}

.ys-cp-item{ background: url("/skin/ccjx2024/images/pro-youse-cp1-bg.jpg") no-repeat center/cover;}
.ys-cp-item .wrap{ position: relative; padding-top: 50px;}
.ys-cp-item .ys-item-biaoshi{ position: absolute; left: 0; top: 0; width: 2.5em; padding: 0.4em 0; font-size: 60px; text-align: center; color: #fff; line-height: 1; font-weight: bold; background: #c8000a; border-radius: 0 0 .5em 0;}
.ys-cp-item .ys-item-biaoshi::before{ content: ''; position: absolute; bottom: -0.45em; left: 0; width: 0; height: 0; border-style: solid;   border-width: 0.46em; border-color: #c8000a transparent transparent #c8000a;}
.ys-cp-item .pic{ position: absolute; bottom: 0; left: -10%;  width: 65%; }
.ys-cp-item .pic img{ width: 100%; height: auto;}
.ys-cp-item .img2{ display: none;}
.ys-cp-item .txt{ width: 42%; float: right; background: #fff; padding: 55px 60px 80px; border-radius: 10px 10px 0 0;}
.ys-cp-item .txt p{ line-height: 2.5;}
.ys-h2{ font-size: 60px;}
.ys-cp-item .bt p{ line-height: 2.375; padding: 0 1.25em; margin-top: 1em; background: #313131; color: #fff;}
.ys-cp-item .ys-item-ys{ margin: 50px 0 30px;}
.ys-cp-item h3{ font-size: 1.5em; margin-bottom: 20px; }
.ys-cp-item .ys-item-shiyong p{ margin-left: -1em;}
.ys-cp-item .ys-item-shiyong span{ display: inline-block; margin: 0 1em;}
.ys-cp-item .ys-item-btns{ margin-top: 60px;}
.ys-cp-item .ys-item-btns a{ float: left;}
.ys-cp-item .ys-item-btns a + a{ margin-left: 9.6%;}

.ys-cp-hzy{ background-image: url("/skin/ccjx2024/images/pro-youse-cp2-bg.jpg");}
.ys-cp-hzy .ys-item-biaoshi{ right: 0; left: auto; border-radius: 0 0 0 0.5em;}
.ys-cp-hzy .ys-item-biaoshi::before{ left: auto; right: 0; bottom: -0.4em; border-width: 0.23em; border-color: #c8000a #c8000a transparent transparent; }
.ys-cp-hzy .pic{ right: -9%; left: auto;}
.ys-cp-hzy .txt{ position: relative; float: left;}
.ys-cp-lmj{ background-image: url("/skin/ccjx2024/images/pro-youse-cp3-bg.jpg");}
.ys-cp-lmj .pic{ width: 38%; left: 5%; bottom: 3%;}

.ys-item{ padding: 85px 0 110px;}
.ys-case .bt{ text-align: center; margin-bottom: 80px;}
.ys-case .bt h2{ position: relative; display: inline-block; padding-bottom: 15px; border-bottom: 4px solid #c8000a;}
.ys-case .bt h2::before{ content: ''; position: absolute; left: 50%; margin-left: -15px; bottom: -20px; width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 15px; border-color: #c8000a transparent transparent transparent;}
.ys-case ul{ margin: 0 -10px;}
.ys-case ul li{ float: left; width: 33.33%; padding: 0 10px;}
.ys-case ul p{ text-align: center; margin-top: 1em;}
.ys-case ul .pic{ overflow: hidden;}
.ys-case ul .pic img{
    transition: all linear .3s;
    -o-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -webkit-transition: all linear .3s;
}
.ys-case ul li:hover .pic img{
    transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
}

.ys-epc{ color: #fff; background: url("/skin/ccjx2024/images/pro-youse-epc.jpg") no-repeat center/cover;}
.ys-epc .box{ position: relative; padding: 60px 260px; text-align: center;}
.ys-epc .box span{ position: absolute; font-size: 44px;}
.ys-epc .box .icon1{ top: 0; left: 140px;}
.ys-epc .box .icon2{ top: 0; right: 140px;}
.ys-epc .box .icon3{ bottom: 0; left: 140px;}
.ys-epc .box .icon4{ bottom: 0; right: 140px;}
.ys-epc .box h2{ line-height: 1.2;}
.ys-epc .box p{ margin: 1.4em 0 1.9em; font-size: 36px; padding: .8em 0; line-height: 1.4; border: 4px solid;}
.ys-epc .box .ys-btn{ width: 10em; margin: 0 auto; font-size: 45px; font-weight: bold; border-radius: 0 0 1.1em 0;}

.ys-zixun a{ display: block; padding: 60px 0 80px; position: relative; color: #fff; font-weight: bold; line-height: 1.2; text-align: center; background: url("/skin/ccjx2024/images/pro-youse-zixun.jpg") no-repeat center/cover;}
.ys-zixun img{ position: absolute; bottom: 65px; display: inline-block; margin-left: 50px;}
/***有色金属实现***/


/***冶金渣***/
.yjz-banner{ color: #fff; padding: 230px 0; background: url("/skin/ccjx2024/images/banner-yjz.jpg") no-repeat center bottom/cover; }
.yjz-banner h2{ font-size: 72px; line-height: 1.25;}
.yjz-banner p{ font-size: 30px; margin: 35px 0 80px;}
.yjz-banner .zt-btns{ display: flex; width: 35%; gap: 10px;}


.yjz-item{ padding: 100px 0;}
.yjz-intro .pic{ float: left; width: 41%;}
.yjz-intro .img2{ display: none;}
.yjz-intro .txt{ float: right; width: 50%;}
.yjz-intro .txt h2{ margin-bottom: 35px;}
.yjz-intro .txt p{ line-height: 2; margin-top: 1em;}
.yjz-intro .txt ul{ margin-top: 50px; }
.yjz-intro .txt li{ float: left; padding-left: 80px; font-size: 12px; position: relative; }
.yjz-intro .txt li + li{ margin-left: 47px;}
.yjz-intro .txt li b{ display: block; font-size: 2em;}
.yjz-intro .txt li p{ margin-top: 0.3em;}
.yjz-intro .txt li p br{ display: none;}
.yjz-intro li span{ position: absolute; left: 0; top: 50%; margin-top: -30px; width: 60px; height: 60px; text-align: center; border-radius: 50%; background: #313131;}
.yjz-intro li span img{ width: 56%; margin-top: 20%; }

.text-center{ text-align: center;}
.yjz-item .ys-h2{ margin-bottom: 1.2em;}
.yjz-item .ys-h2 br{ display: none;}
.yjz-fangan{ padding-bottom: 0!important; background: url("/skin/ccjx2024/images/pro-yejinzha2-bg.jpg") no-repeat center/cover; color: #fff;}
.yjz-fangan .fa-box{ position: relative;}
.yjz-fangan .fa-box img{ position: absolute; left: 25.5%; top: 35%; }
.yjz-fangan .fa-box .img2{ display: none; }
.yjz-fangan .fa-item{ width: 49%; padding: 60px 45px 50px 70px; background: url("/skin/ccjx2024/images/pro-yejinzha2-3-1.png") no-repeat top center/100%; color: #fff;}
.yjz-fangan .fa-item .bt h3{ font-size: 36px; margin-bottom: 10px;}
.yjz-fangan .fa-item .p1{ margin: 20px 0 45px; line-height: 2;}
.yjz-fangan .fa-item h4{ font-size: 24px; margin-bottom: 25px;}
.yjz-fangan .fa-item .p2{ line-height: 2.5; }
.yjz-fangan .fa-item .p2 span{ display: inline-block; position: relative;}
.yjz-fangan .fa-item .p2 span::before{ content: ''; position: absolute; left: 0; bottom: 3px; width: 100%; border-top: 1px solid;}
.yjz-fangan .fa-item .ys-btn{ margin-top: 40px; background: transparent; border: 2px solid;}
.yjz-fangan .fa-item .ys-btn:hover{ background: #fff; color: #333;}
.yjz-fangan .fa-qmj{ float: left;}
.yjz-fangan .fa-lmj{ float: right; background-image: url("/skin/ccjx2024/images/pro-yejinzha2-4-1.png"); }
.yjz-fangan .fa-lmj h4{ padding-left: 140px;}
.yjz-fangan .fa-lmj .p2{ padding-left: 140px;}

.yjz-gongyi ul{ margin: 0 -20px;}
.yjz-gongyi li{ float: left; width: 50%; padding: 0 20px;}
.yjz-gongyi li .box{ padding: 20px 30px 20px 20px; box-shadow: 0 0 18px rgba(0,0,0,.13);}
.yjz-gongyi li .pic{ float: left; width: 41%; margin-right: 6%;}
.yjz-gongyi li .txt{ overflow: hidden; padding-top: 15px;}
.yjz-gongyi li .txt h3{ font-size: 36px; margin-bottom: 20px;}
.yjz-gongyi li .txt p{ line-height: 2;}
.yjz-gongyi table{ width: 100%; table-layout: fixed; margin-top: 70px;}
.yjz-gongyi table td{ width: 33.33%; border: 1px solid #909090; text-align: center; line-height: 50px;}
.yjz-gongyi table .red{ color: #c8000a;}
.yjz-gongyi table thead tr:first-child td{ font-weight: bold; line-height: 88px; color: #fff; font-size: 36px; background: #313131; }
.yjz-gongyi table thead tr:last-child td{ font-weight: bold; background: #dbdbdb; }

.yjz-ad{ padding: 80px 0; line-height: 1.2; background: #313131; color: #fff;}
.yjz-ad .wrap{ position: relative;}
.yjz-ad .ys-btn{ position: absolute; right: 0; top: 50%; margin-top: -1.25em; width: 10em; }

.yjz-case .cont{ background: #f4f4f6;}
.yjz-case .pic{ float: left; width: 67.7%; }
.yjz-case .txt{ float: right; width: 32%; padding: 100px 60px 0 60px;}
.yjz-case .txt h3{ font-size: 36px; line-height: 1.4; margin-bottom: .8em;}
.yjz-case .txt p{ line-height: 2; padding-left: 35px; position: relative;}
.yjz-case .txt span{ position: absolute; left: 0; top: 0; line-height: 2; color: #c8000a;}

.yjz-server{ position: relative; padding: 80px 0 160px;}
.yjz-server h3{ font-size: 48px; text-align: center; line-height: 1.6;}
.yjz-server h3 + h3{ margin-top: 25px;}
.yjz-server .fw-cont{ margin-top: 100px;}
.yjz-server .fw-cont li{ width: 13.3%; position: static;}
.yjz-server .fw-cont li + li{ margin-left: 1.15%;}
.yjz-server .fw-cont .txt{ padding: 20px 0 10px;}
.yjz-server .fw-cont span{ line-height: 0.8;}
.yjz-server .fw-cont img{ width: 100%;}


.pro-lianxi{ padding: 200px 0 100px; margin-top: -100px; color: #fff; background: url("/skin/ccjx2024/images/pro-kuangzha7-bg.jpg") no-repeat center/cover;}
.pro-lianxi .text{ float: left; width: 40%;}
.pro-lianxi .text .p{ font-size: 30px; font-weight: bold;}
.pro-lianxi .text h3{ font-size: 60px; margin: 0.3em 0 1.4em;}

.pro-lx{ font-size: 20px; font-weight: bold;}
.pro-lx span{ display: inline-block; position: relative;}
.pro-lx .zx{ float: left; margin: .25em 1.5em 0 0; line-height: 3em; text-align: center; width: 12.2em; color: #fff; background: #313131; border-radius: 0 0 1em;}
.pro-lx .zx:hover,.pro-lianxi .submit:hover{ background: #c8000a!important; border-color: #c8000a!important; cursor: pointer;}
.pro-lx .zx span{ top: .15em; font-size: 1.5em; margin-right: 0.3em;}
.pro-lx p{ float: left; }
.pro-lx p span{ font-size: 1.3em; top: .1em;}
.pro-lx p b{ display: block; font-size: 1.9em; margin-top: .15em;}

.pro-lianxi .zx{ background: transparent; border: 2px solid #fff;}
.pro-lianxi .pro-form{ float: right; width: 50%;}
.pro-lianxi li{ width: 50%; margin-bottom: 40px;}
.pro-lianxi .pro-form label{ left: 10px; line-height: 50px;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.pro-lianxi .saytext label{ top: 0; line-height: 50px;}
.pro-lianxi .pro-form .txt{ line-height: 50px; height: 52px; padding: 0; background: transparent; border: none; border-bottom: 2px solid #7e7e7e; color: #fff;}
.pro-lianxi .pro-form .txt:focus{ border-bottom-color: #fff;}
.pro-lianxi .pro-form label.focus{ top: -30px; font-size: 12px; color: #f6f6f6;}
.pro-lianxi .submit{ border: 2px solid #fff; background: transparent; width: 12.2em; font-size: 20px; line-height: 3; margin-left: 0; border-radius: 0 0 1em;}
.pro-lianxi .submit span{ display: inline-block; position: relative; top: 0.1em; margin-right: 0.6em;}
/***冶金渣实现***/


@media (max-width: 1759px) {
    /***有色金属***/
    .ys-cp-item .ys-item-biaoshi{ font-size: 52px;}
    .ys-cp-item .txt{ padding: 48px 52px 70px;}
    .ys-cp-item .txt p{ line-height: 2.4;}
    .ys-h2{ font-size: 52px;}
    .ys-cp-item .ys-item-ys{ margin: 43px 0 26px;}
    .ys-cp-item h3{ font-size: 1.4em; margin-bottom: 18px;}
    .ys-cp-item .ys-item-btns{ margin-top: 52px;}
    .ys-cp-item .ys-item-btns a{ font-size: 21px;}

    .ys-item{ padding: 75px 0 95px;}
    .ys-case .bt{ margin-bottom: 70px;}

    .ys-epc .box{ padding: 55px 220px}
    .ys-epc .box .icon1,.ys-epc .box .icon3{ left: 100px;}
    .ys-epc .box .icon2,.ys-epc .box .icon4{ right: 100px;}
    .ys-epc .box p{ font-size: 32px;}
    .ys-epc .box .ys-btn{ font-size: 40px;}
    /***有色金属实现***/


    /***冶金渣***/
    .yjz-banner{ padding: 220px 0 190px;}
    .yjz-banner h2{ font-size: 62px;}
    .yjz-banner p{ font-size: 26px; margin: 1.2em 0 2.7em;}

    .yjz-item{ padding: 85px 0;}

    .yjz-intro .txt li{ padding-left: 72px;}
    .yjz-intro .txt h2{ margin-bottom: .5em;}
    .yjz-intro .txt{ width: 52%;}
    .yjz-intro .txt ul{ margin-top: 40px;}
    .yjz-intro .txt li + li{ margin-left: 23px;}

    .yjz-fangan .fa-item{ width: 49.5%; font-size: 15px;}
    .yjz-fangan .fa-item .bt h3{ font-size: 32px;}
    .yjz-fangan .fa-item .p1{ margin: 15px 0 40px;}
    .yjz-fangan .fa-item h4{ font-size: 22px; margin-bottom: 20px;}
    .yjz-fangan .fa-box img{ left: 27%; top: 42%; width: 35%;}
    .yjz-fangan .fa-lmj .p2,
    .yjz-fangan .fa-lmj h4{ padding-left: 80px;}

    .yjz-gongyi li .txt{ padding-top: 0;}
    .yjz-gongyi li .txt h3{ font-size: 32px;}
    .yjz-gongyi table thead tr:first-child td{ font-size: 32px; line-height: 80px;}

    .yjz-ad{ padding: 70px 0;}

    .yjz-case .txt h3{ font-size: 32px;}
    .yjz-case .txt{ padding: 85px 45px 0 45px;}

    .yjz-server{ padding: 70px 0 140px;}
    .yjz-server h3{ font-size: 40px; }
    .yjz-server .fw-cont{ margin-top: 85px;}

    /***冶金渣实现***/
}
@media (max-width: 1559px) {
    /***有色金属***/
    .ys-cp-item .ys-item-biaoshi{ font-size: 45px;}
    .ys-cp-item .txt{ padding: 41px 45px 60px;}
    .ys-cp-item .txt p{ line-height: 2.3; }
    .ys-h2{ font-size: 45px;}
    .ys-cp-item .ys-item-ys{ margin: 40px 0 25px;}
    .ys-cp-item h3{ font-size: 1.3em; margin-bottom: 15px;}
    .ys-cp-item .ys-item-shiyong p{ margin-left: -0.8em;}
    .ys-cp-item .ys-item-shiyong span{ margin: 0 0.8em;}
    .ys-cp-item .ys-item-btns{ margin-top: 45px;}
    .ys-cp-item .ys-item-btns a{ font-size: 20px;}

    .ys-item{ padding: 65px 0 80px;}
    .ys-case .bt{ margin-bottom: 60px;}

    .ys-epc .box{ padding: 45px 190px}
    .ys-epc .box span{ font-size: 35px;}
    .ys-epc .box .icon1,.ys-epc .box .icon3{ left: 85px;}
    .ys-epc .box .icon2,.ys-epc .box .icon4{ right: 85px;}
    .ys-epc .box p{ font-size: 28px;}
    .ys-epc .box .ys-btn{ font-size: 35px;}

    .ys-zixun img{ width: 70px; margin-left: 42px;}
    /***有色金属实现***/


    /***冶金渣***/
    .yjz-banner{ padding: 220px 0 170px;}
    .yjz-banner h2{ font-size: 54px;}
    .yjz-banner p{ font-size: 22px; margin-bottom: 2.2em; }
    .yjz-banner .ys-btn{ font-size: 22px;}

    .yjz-item{ padding: 75px 0;}

    .yjz-intro .txt{ width: 56%;}
    .yjz-intro .txt p{ margin-top: .5em;}
    .yjz-intro .txt ul{ margin-top: 30px;}
    .yjz-intro .txt li{ padding-left: 55px;}
    .yjz-intro .txt li + li{ margin-left: 20px;}
    .yjz-intro li span{ width: 50px; height: 50px; margin-top: -25px;}
    .yjz-intro .txt li b{ font-size: 1.5em;}
    .yjz-intro .pic{ padding-top: 60px;}

    .yjz-fangan .fa-item{ width: 50%; padding: 60px 45px 50px 30px; font-size: 14px; background-size: 102%;}
    .yjz-fangan .fa-item .bt h3{ font-size: 28px;}
    .yjz-fangan .fa-item .p1{ margin: 13px 0 30px;}
    .yjz-fangan .fa-item h4{ font-size: 20px; margin-bottom: .8em;}
    .yjz-fangan .fa-item .p2{ height: 21em;}
    .yjz-fangan .fa-lmj .p2,
    .yjz-fangan .fa-lmj h4{ padding-left: 110px;}
    .yjz-fangan .fa-item .ys-btn{ font-size: 20px; margin-top: 1.8em; width: 10em;}

    .yjz-gongyi li .box{ padding: 15px;}
    .yjz-gongyi li .pic{ margin-right: 3%;}
    .yjz-gongyi li .txt h3{ font-size: 28px; margin-bottom: .5em;}
    .yjz-gongyi li .txt p{ font-size: 15px; line-height: 1.8; letter-spacing: -0.2px;}
    .yjz-gongyi table{ margin-top: 55px;}
    .yjz-gongyi table td{ line-height: 45px;}
    .yjz-gongyi table thead tr:first-child td{ font-size: 28px; line-height: 74px;}

    .yjz-ad{ padding: 60px 0;}

    .yjz-case .txt{ padding: 45px 30px 0;}
    .yjz-case .txt h3{ font-size: 28px;}

    .yjz-server{ padding: 60px 0 120px;}
    .yjz-server h3{ font-size: 34px; }
    .yjz-server .fw-cont{ margin-top: 65px;}
    .yjz-server .fw-cont .txt{ padding: 15px 0 8px;}
    .yjz-server .fw-cont .txt span{ font-size: 60px;}

    .pro-lianxi .text h3{ font-size: 56px;}
    .pro-lx{ font-size: 17px;}
    /***冶金渣实现***/
}
@media (max-width: 1359px) {
    /***有色金属***/
    .ys-cp-item .ys-item-biaoshi{ font-size: 40px;}
    .ys-cp-item .txt{ padding: 30px 30px 45px;}
    .ys-cp-item .txt p{ line-height: 2.1; }
    .ys-h2{ font-size: 40px;}
    .ys-cp-item .ys-item-ys{ margin: 40px 0 30px;}
    .ys-cp-item h3{ font-size: 1.1em; font-weight: bold; margin-bottom: 10px;}
    .ys-cp-item .ys-item-shiyong p{ margin-left: -0.3em;}
    .ys-cp-item .ys-item-shiyong span{ margin: 0 0.3em;}
    .ys-cp-item .ys-item-btns{ margin-top: 25px;}
    .ys-cp-item .ys-item-btns a{ font-size: 18px;}

    .ys-item{ padding: 55px 0 70px;}
    .ys-case .bt{ margin-bottom: 50px;}

    .ys-epc .box{ padding: 40px 160px}
    .ys-epc .box span{ font-size: 30px;}
    .ys-epc .box .icon1,.ys-epc .box .icon3{ left: 70px;}
    .ys-epc .box .icon2,.ys-epc .box .icon4{ right: 70px;}
    .ys-epc .box p{ font-size: 25px;}
    .ys-epc .box .ys-btn{ font-size: 32px;}

    .ys-zixun img{ width: 60px; margin-left: 35px;}
    /***有色金属实现***/


    /***冶金渣***/
    .yjz-banner{ padding: 200px 0 160px;}
    .yjz-banner h2{ font-size: 44px;}
    .yjz-banner p{ font-size: 20px; }
    .yjz-banner .ys-btn{ font-size: 20px;}

    .yjz-item{ padding: 60px 0;}
    .yjz-item .ys-h2{ margin-bottom: 1em;}

    .yjz-intro .txt{ width: 59%;}
    .yjz-intro .txt p{ font-size: 14px; line-height: 1.8;}
    .yjz-intro .txt ul{ margin-top: 20px;}
    .yjz-intro .txt li{ padding-left: 38px;}
    .yjz-intro .txt li + li{ margin-left: 4px;}
    .yjz-intro .txt li p{ font-size: 12px;}
    .yjz-intro li span{ width: 34px; height: 34px; margin-top: -17px;}
    .yjz-intro .txt li b{ font-size: 1.3em;}
    .yjz-intro .pic{ width: 39%; padding-top: 55px;}

    .yjz-fangan .fa-item{ padding: 45px 30px 0 25px; font-size: 13px; }
    .yjz-fangan .fa-box img{ left: 27%; top: 46%; width: 35%;}
    .yjz-fangan .fa-item .bt h3{ font-size: 25px;}
    .yjz-fangan .fa-item .p1{ margin: 12px 0 25px;}
    .yjz-fangan .fa-item h4{ font-size: 18px; }
    .yjz-fangan .fa-item .p2{ height: 24em;}
    .yjz-fangan .fa-item .p2 p{ line-height: 1.7;}
    .yjz-fangan .fa-item .p2 p + p{ margin-top: .7em;}
    .yjz-fangan .fa-item .p2 span::before{ bottom: 1px;}
    .yjz-fangan .fa-item .ys-btn{ font-size: 18px; }
    .yjz-fangan .fa-qmj .p1{ height: 8em;}
    .yjz-fangan .fa-qmj .p2 p + p{ margin-top: .9em;}
    .yjz-fangan .fa-lmj .p2,
    .yjz-fangan .fa-lmj h4{ padding-left: 90px;}

    .yjz-gongyi li .box{ padding: 12px;}
    .yjz-gongyi li .pic{ margin-right: 2%;}
    .yjz-gongyi li .txt h3{ font-size: 24px; margin-bottom: .3em;}
    .yjz-gongyi li .txt p{ font-size: 14px; line-height: 1.6; }
    .yjz-gongyi table{ margin-top: 45px;}
    .yjz-gongyi table td{ line-height: 40px;}
    .yjz-gongyi table thead tr:first-child td{ font-size: 24px; line-height: 66px;}

    .yjz-ad{ padding: 50px 0;}

    .yjz-case .txt{ padding: 35px 20px 0; font-size: 14px;}
    .yjz-case .txt h3{ font-size: 24px; margin-bottom: .5em;}
    .yjz-case .txt p{ padding-left: 24px; }

    .yjz-server{ padding: 50px 0 100px;}
    .yjz-server h3{ font-size: 28px; }
    .yjz-server h3 + h3{ margin-top: .8em;}
    .yjz-server .fw-cont{ margin-top: 50px;}
    .yjz-server .fw-cont .txt{ padding: 10px 0 5px;}
    .yjz-server .fw-cont .txt span{ font-size: 50px;}
    .fw-cont .txt p{ font-size: 16px;}

    .pro-lianxi{ padding: 170px 0 60px;}
    .pro-lianxi .text h3{ font-size: 46px;}
    .pro-lx{ font-size: 16px;}
    .pro-lx .zx{ width: 10em;}
    .pro-lx p b{ font-size: 1.7em;}
    .pro-lianxi .pro-form{ margin-top: -10px;}
    .pro-lianxi li{ margin-bottom: 25px;}
    .pro-lianxi .submit{ width: 10em; font-size: 16px;}
    .myform .saytext{ margin-bottom: 35px;}
    /***冶金渣实现***/
}
@media (max-width: 1159px) {
    /***有色金属***/
    .ys-cp-item{ position: relative; background: none;}
    .ys-cp-item .wrap{ position: static; padding-top: 0;}
    .ys-cp-item .ys-item-biaoshi{ left: 0.345rem; }
    .ys-cp-item .pic{ display: none; }
    .ys-cp-item .img2{ display: block; width: 100%;}
    .ys-cp-item .txt{ float: none; width: 100%; margin-top: -1.6rem; position: relative; box-shadow:  0 12px 24px 0 rgba(0,0,0,0.13)}
    .ys-cp-item .ys-item-btns a:first-child{ display: none;}
    .ys-cp-item .ys-item-btns a{ margin-left: 0!important; width: 100%; font-size: .23rem;  border-radius: 2em;}

    .ys-h2{ font-size: .42rem;}

    .ys-item{ padding: 0.7rem 0 0.5rem;}
    .ys-case .bt{ margin-bottom: 0.5rem;}
    .ys-case .bt h2::before{ margin-left: -0.15rem; bottom: -0.21rem; border-width: .21rem .15rem 0 .15rem;}
    .ys-case ul{ margin: 0 -0.08rem;}
    .ys-case ul li{ padding: 0 0.08rem}

    .ys-epc .box{ padding: 0.4rem 1.6rem}
    .ys-epc .box span{ font-size: .32rem;}
    .ys-epc .box .icon1,.ys-epc .box .icon3{ left: .7rem;}
    .ys-epc .box .icon2,.ys-epc .box .icon4{ right: .7rem;}
    .ys-epc .box p{ font-size: .28rem;}
    .ys-epc .box .ys-btn{ font-size: .36rem;}

    .ys-zixun a{ padding: .6rem 0 .8rem;}
    .ys-zixun img{ bottom: .65rem; width: .7rem; margin-left: .35rem;}
    /***有色金属实现***/

    /***冶金渣***/
    .yjz-banner{ padding: .48rem 0 .73rem; background: url("/skin/ccjx2024/images/banner-yjz2.jpg") no-repeat center/cover;}
    .yjz-banner h2{ font-size: .65rem;}
    .yjz-banner p{ font-size: .28rem; }
    .yjz-banner .ys-btn{ font-size: .25rem; width: 10.5em; border-radius: 2em;}
    .yjz-banner .zt-btns a:first-child{ display: none;}

    .yjz-item{ padding: .7rem 0;}
    .yjz-item .ys-h2{ font-size: 0.6rem; text-align: center;}

    .yjz-intro .pic{ display: none;}
    .yjz-intro .img2{ display: block; margin: .3rem 0 .45rem;}
    .yjz-intro .txt{ width: 100%;}
    .yjz-intro .txt p{ font-size: 0.25rem; line-height: 2; margin-top: .6em;}
    .yjz-intro .txt ul{ margin-top: 0; display: flex; }
    .yjz-intro .txt li{ position: relative; padding-left: 0; text-align: center;}
    .yjz-intro .txt li + li{ margin-left: 1.65rem;}
    .yjz-intro .txt li + li::before{ content: ''; position: absolute; bottom: 0; left: -.8rem; width: .05rem; height: 83%; background: #e4e4e4; }
    .yjz-intro .txt li span{ position: static; display: block; margin: 0 auto;}
    .yjz-intro .txt li p{ font-size: 0.24rem; color: #6d6d6d; line-height: 1.25; margin-top: 0;}
    .yjz-intro .txt li p br{ display: inline-block;}
    .yjz-intro .txt li p i{ display: none;}
    .yjz-intro li span{ width: 0.74rem; height: 0.74rem; margin-top: -0.37rem;}
    .yjz-intro .txt li b{ font-size: 0.32rem; margin: .19rem 0 .11rem;}


    .yjz-item .ys-h2 br{ display: block; }
    .yjz-fangan .ys-h2{ line-height: 1.3;}
    .yjz-fangan .fa-item{ width: 100%; padding: 0.8rem 1rem 1.5rem 0.59rem; margin-top: -.2rem; font-size: 0.24rem; }
    .yjz-fangan .fa-box .img1{ display: none;}
    .yjz-fangan .fa-box .img2{ display: block; width: 70%; top: 34.5%; right: 0; left: auto;}
    .yjz-fangan .fa-item .bt h3{ font-size: 0.38rem; margin-bottom: .15rem;}
    .yjz-fangan .fa-item .p1{ height: auto; margin: 0.25rem 0 0.45rem;}
    .yjz-fangan .fa-item h4{ font-size: 0.3rem; margin-bottom: 0.15rem; }
    .yjz-fangan .fa-item .p2 span::before{ display: none;}
    .yjz-fangan .fa-item .p2{ height: auto;}
    .yjz-fangan .fa-item .p2 p{ line-height: 2.1;}
    .yjz-fangan .fa-item .p2 p + p{ margin-top: 0;}
    .yjz-fangan .fa-item .ys-btn{ font-size: .35rem; border-radius: 2em; }
    .yjz-fangan .fa-lmj .p2,
    .yjz-fangan .fa-lmj h4{ padding-left: 0}

    .yjz-gongyi{ display: none;}

    .yjz-ad{ padding: 0.78rem 0 1rem; text-align: center;}
    .yjz-ad .ys-h2{ line-height: 1.3;}
    .yjz-ad .ys-btn{ position: static; width: 100%; margin-top: .5rem; font-size: .35rem; border-radius: 2em;}

    .yjz-case .pic{ width: 100%;}
    .yjz-case .txt{ width: 100%; padding: .5rem; font-size: .24rem;}
    .yjz-case .txt h3{ font-size: .35rem; }
    .yjz-case .txt h3 br{ display: none;}
    .yjz-case .txt p{ padding-left: 1.5em; }

    .yjz-server{ padding: 1rem 0 1.1rem; border-radius: 0 0 .85rem 0;}
    .yjz-server h3{ font-size: 0.46rem; }
    .yjz-server h3 + h3{ margin: .6em 0 .65rem;}
    .yjz-server .fw-cont{ display: none;}

    .pro-lianxi{ margin-top: -0.776rem; padding: 1.636rem 0 0.86rem;}
    .pro-lianxi .text{ width: 100%;}
    .pro-lianxi .text .p{ font-size: 0.26rem;}
    .pro-lianxi .text h3{ font-size: 0.52rem;}
    .pro-lianxi .pro-form{ width: 100%;}
    .pro-lianxi li{ margin-bottom: 0.39rem;}
    .pro-lianxi .pro-form .txt{ font-size: 0.25rem; padding-left: 1.3rem; line-height: 2.5; height: 0.6423rem; border-bottom-width: 0.0173rem;}
    .pro-lianxi .pro-form label{ font-size: 0.25rem; line-height: 2.5; top: 0.0173rem;}
    .pro-lianxi .submit{ display: block; margin: 0 auto; font-size: 0.31rem; width: 2.93rem; line-height: 0.69rem; border-width: 0.0173rem; border-radius: 0 0 0.173rem 0; }
    .pro-lianxi .pro-form label.focus{ top: 2px; font-size: 0.25rem;}
    .myform .saytext{ margin-bottom: .45rem;}



    /***冶金渣实现***/

}
@media (max-width: 810px) {
    /***有色金属***/
    .ys-cp-item .ys-item-biaoshi{ left: 0.37rem; font-size: .55rem; }
    .ys-cp-item .txt{  font-size: .3rem; padding: 0.6rem 0.45rem 0.8rem;}
    .ys-h2{ font-size: 0.55rem; }
    .ys-cp-item .ys-item-ys{ margin: .7rem 0 .45rem;}
    .ys-cp-item h3{ margin-bottom: .2rem;}
    .ys-cp-item .ys-item-btns{ margin-top: 0.45rem;}
    .ys-cp-item .ys-item-btns a{ font-size: .4rem;}


    .ys-h2{ font-size: .54rem;}

    .ys-item{ padding: 0.8rem 0 0.6rem;}
    .ys-case .bt{  margin-bottom: 0.6rem;}
    .ys-case .bt h2{ padding-bottom: 0.2rem; border-bottom-width: .06rem;}
    .ys-case .bt h2::before{ margin-left: -0.18rem; bottom: -0.25rem; border-width: .25rem .18rem 0 .18rem;}
    .ys-case ul{ margin: 0;}
    .ys-case ul li{ padding: 0; width: 100%;}
    .ys-case ul li + li{ margin-top: .35rem;}
    .ys-case ul li .pic{ position: relative; overflow: hidden; width: 100%; padding-top: 60%; background: orange;}
    .ys-case ul li img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}
    .ys-case ul li p{ font-size: .3rem; margin-top: .3rem;}

    .ys-epc .box{ padding: 0.5rem 1.7rem}
    .ys-epc .box span{ font-size: .34rem;}
    .ys-epc .box .icon1,.ys-epc .box .icon3{ left: .75rem;}
    .ys-epc .box .icon2,.ys-epc .box .icon4{ right: .75rem;}
    .ys-epc .box p{ font-size: .3rem; border-width: .06rem;}
    .ys-epc .box .ys-btn{ font-size: .38rem;}

    .ys-zixun img{ bottom: .75rem;}
    /***有色金属实现***/


    /***冶金渣***/




    /***冶金渣实现***/
}





























<!--耗时1789680072.3306秒-->