.txt-center{
    text-align: center;
}
.txt-right{
    text-align: right;
}
.txt-left{
    text-align: left;
}
.boxshadows{
    box-shadow: 0 0 15px 0 #e2e7f3;
}
.templatePage{
    width: 100%;
}
.templatecon{
    width: 1200px;
    margin: 0 auto;
}
.bannertem{
    width: 100%;
    height: 550px;
}
.bannerchain{
    background: url(../../images/carboncp/bg.png) no-repeat center top;
}
.bannertem .bannertxt h4{
    padding: 120px 0 40px;
    font-size: 50px;
    font-weight: 700;
    color: #2f9d50;
    line-height: 1;
}
.bannertem .bannertxt p{
    width: 615px;
    font-size: 20px;
    line-height: 36px;
    color: #2f9d50;
}
.telp {
    margin: 50px 0 30px;
    font-size: 28px;
    line-height: 1;
    color: #ed9a08;
}
.bannertem .bannertxt .bannerbtn a{
    display: block;
    width: 232px;
    height: 64px;
    background-color: #5bca3a;
    border-radius: 8px;
    text-align: center;
    line-height: 64px;
    font-size: 26px;
    color: #ffffff;
    text-decoration: none;
}
/* 公共属性 */
.wid{
    width: 1200px;
    margin: 0 auto;
}
.topTitle{
    position: relative;
    text-align: center;
    padding: 70px 0 35px;
}
.topTitle .show{
    line-height: 1;
    z-index: 9;
    font-size: 36px;
}
.topTitle .conceal{
    font-size: 50px;
    z-index: 1;
    line-height: 1;
    margin-top: -24px;
    background: linear-gradient(to bottom, #f8fffb, #e9f7ef);
    -webkit-background-clip: text;
    color: transparent;
}
.icon{
    background-image: url(../../images/carboncp/tpicon.png);
    background-repeat: no-repeat;
}
.temproductinfo p {
    width: 1035px;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    color: #333333;
}
.temproductinfo img {padding: 70px 0 50px}
/* bulk1 */
.bulk1{
    height: 840px;
    background-image: url(../../images/carboncp/td1.png);
}
.bulk1 .conceal{
    background: linear-gradient(to bottom, #59cc8a, #75d59e);
    -webkit-background-clip: text;
    color: transparent;
}
.bulkCon .list{
    width: 1100px;
    margin: 25px auto 0;
}
.bulkCon .list li{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    height: 140px;
}
.bulkCon .list li .left{
    display: flex;
    align-items: center;
    width: 460px;
    height: 140px;
    padding: 0 68px 0 45px;
    box-sizing: border-box;
    background-color: #ffd928;
}
.bulkCon .list li .left .num{
    font-size: 40px;
    font-weight: bold;
    color: #342606;
    float: left;
    padding-right: 25px;
}
.bulkCon .list li .right{
    display: flex;
    align-items: center;
    width: 640px;
    height: 140px;
    padding: 0 46px 0 66px;
    box-sizing: border-box;
    background-color: #ffffff;
    padding-right: 60px;
}
.bulkCon .list li p{
    font-size: 16px;
    color: #342606;
    line-height: 30px;
}
.bulkCon .list li .jiantou{
    width: 70px;
    height: 73px;
    background-position:-300px -88px ;
    position:absolute;
    left: 428px;
    top: 50%;
    margin-top: -32px;
}
.bulk1 .show{
    color: #fff;
}

/*.bulk2 */
.bulk2{
    height: 1200px;
    background-color: #f9fbfe;
}
.bulk2 .back{
    width: 1196px;
    height: 930px;
    margin: 0 auto;
    background-image: url(../../images/carboncp/cplc.png);
    background-repeat: no-repeat;
}
/*.bulk3 */
.bulk3 .back{
    width: 1196px;
    height: 850px;
    margin: 30px auto 60px;
    background-image: url(../../images/carboncp/cp.png);
    background-repeat: no-repeat;
}
.bulk3 .conceal{
    background: linear-gradient(to bottom, #f0f8f8, #ebf4f4);
    -webkit-background-clip: text;
    color: transparent;
}
/* bulk4 */
.bulk4{
    margin-top: 60px;
}
.bulk4 .show{
    color: #fff;
}
.bulk4 .bulkCon{
    height: 470px;
    background-color: #44c47a;
}
.bulk4 .conceal{
    background: linear-gradient(to bottom, #4dc981, #6cd498);
    -webkit-background-clip: text;
    color: transparent;
}
.bulk4 .flow{
    width: 1200px;
    margin-top: -290px;
    height: 500px;
    background: #fff;
}
.bulk4 .number{
    padding:0px 120px 20px;
}.bulk4 .text{
     padding:0 70px 0 95px;
 }
.bulk4 .flow .first{
    box-shadow: 0px 4px 17px 0px
    rgba(0, 0, 0, 0.11);
    border-radius: 8px;
}

.bulk4 .flow .first h2{
    font-size: 28px;
    text-align: center;
    color: #333333;
    padding: 45px 0;
}
.bulk4 .flow .first>p{
    font-size: 16px;
    text-align: center;
    color: #333333;
    padding-bottom: 20px;
}
.bulk4 .flow .first .number{
    display:flex;
    justify-content: space-between;
}
.bulk4 .flow .first .number li{
    font-size: 140px;
    color: #e8ecec;
    position: relative;
}
.bulk4 .flow .first .text{
    display:flex;
    justify-content: space-between;
    padding-bottom: 90px;
}
.bulk4 .flow .first .text li{
    width: 16%;
}
.bulk4 .text li .top{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 15px;
}
.bulk4 .text li p{
    font-size: 16px;
    color: #333333;
}

.bulk4 .flow .line{
    width: 80px;
    opacity: 0.4;
    height: 125px;
    border-bottom: dashed  1px #075857;
    margin-right: 38px;
}
.bulk4 .icon{
    width: 75px;
    height: 75px;
    position: absolute;
    bottom: 20px;
    left: -35px;
}
.bulk4 .tp2{
    background-position: -89px 0;
}
.bulk4 .tp3{
    background-position: -178px 0;
}
.bulk4 .tp4{
    background-position: -267px 0;
}
.bulk4 .tp5{
    background-position: -356px 0;
}
/* bulk5 */
.bulk5{
    margin-top: 115px;
}
.bulk5 .bulkCon{

}

.bulk5 .title h2,
.bulk6 .title h2{
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 40px;
    text-align: center;
}
.bulk5 .title p,
.bulk6 .title p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding-bottom: 36px;
}
.bulk5 .second{
    display:flex;
    justify-content: space-between;
    height: 256px;
}
.bulk5 .second .price,
.bulk5 .second .auction{
    position:relative;
    background-color: #44c47a;
    padding:50px;
    width: 41%;
}
.bulk5 .second .price .trans{
    width: 174px;
    height: 174px;
    background-position: 0 -289px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}
.bulk5 .second .auction .trans{
    width: 174px;
    height: 174px;
    background-position: -184PX -289px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.bulk5 .second .price .img1{
    float: left;
    width: 90px;
    height: 90px;
    margin-top: 40px;
    background-position: 0 -175px;
}
.bulk5 .second .price .right,
.bulk5 .second .auction .right{
    width: 73%;
    float: right;
}
.bulk5 .second .price .right .title,
.bulk5 .second .auction .right .title{
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
.bulk5 .second .price .right p,
.bulk5 .second .auction .right p{
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
    color: #ffffff;
}

.bulk5 .second .auction .img2{
    float: left;
    width: 90px;
    height: 90px;
    background-position: -223px -200px;
    margin-top: 40px;
}
.third{
    margin-top: 90px;
}
.third .details{
    width: 760px;
    height: 383px;
    background-image: url(../../images/carboncp/ts5.png);
    position: relative;
}
.third .details .leftT{
    position: absolute;
    top: 70px;
    width: 176px;
    left: -180px;
    font-size: 16px;
    color: #333333;
}
.third .details .leftB{
    position: absolute;
    bottom: 132px;
    left: -180px;
    width: 176px;
    font-size: 16px;
    color: #333333;
}
.third .details .rightT{
    position: absolute;
    top: 64px;
    width: 176px;
    right: -185px;
    font-size: 16px;
    color: #333333;
}
.third .details .rightB{
    position: absolute;
    bottom: 130px;
    right: -185px;
    width: 176px;
    font-size: 16px;
    color: #333333;
}
/* bulk6 */
.bulk6{
    height: 641px;
    background-image: url(../../images/carboncp/ts4.jpg);
    position: relative;
    margin-top: 40px;
}
.bulk6 .title h2{
    color: #fff;
    padding-top: 70px;
}
.bulk6 .title p{
    color: #fff;
}
.bulk6 .back{
    display:flex;
    justify-content: space-between;
    width: 1000px;
    height: 516px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    background-image: url(../../images/carboncp/PK.png);
}
.bulk6 .back .left{
    width: 40%;
    padding:104px 75px;
}
.bulk6 .back h3{
    font-size: 24px;
    color: #333333;
    padding-bottom: 45px;
}
.bulk6 .back p{
    font-size: 16px;
    line-height: 28px;
    color: #333333;
}
.bulk6 .back .right{
    width: 40%;
    padding:104px 75px;
}
/* bulk7 */
.bulk7{
    background-color: #f9fbfe;
    z-index: 1;
}
.bulk7 .topTitle .conceal{
    background: linear-gradient(to bottom, #fff, #e9f7ef);
    -webkit-background-clip: text;
    color: transparent;
}
.bulk7 .topTitle{
    padding-top: 108px;
}
.bulk7 ul{
    width: 958px;
    margin: 0 auto;
    justify-content: space-between;
    display:flex;
    padding-bottom: 68px;
    flex-wrap: wrap;
}
.bulk7 ul li>div {
    width: 304px;
    height: 210px;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 4px 7px 24px 0px rgba(46, 179, 102, 0.14);
    padding:36px 45px 0 33px;
    border: 1px solid transparent;
    transition: all .2s linear;
}
.bulk7 ul li .t1{
    width: 34px;
    height: 31px;
    background-position:-152px -164px;
}
.bulk7 ul li .t2{
    width: 36px;
    height: 26px;
    background-position:-201px -165px;
}
.bulk7 ul li .t3{
    width: 34px;
    height: 31px;
    background-position:-252px -165px;
}
.bulk7 ul li .t4{
    width: 34px;
    height: 31px;
    background-position:-302px -164px;
}
.bulk7 ul li .t5{
    width: 34px;
    height: 32px;
    background-position:-354px -163px;
}
.bulk7 ul li .t6{
    width: 34px;
    height: 32px;
    background-position:-408px -162px;
}
.bulk7 ul li h3{
    font-size: 16px;
    color: #333333;
    padding-top: 15px;
    padding-bottom: 22px;
}
.bulk7 ul li p{
    font-size: 16px;
    color: #666666;
}
.bulk7 ul li:nth-child(4),
.bulk7 ul li:nth-child(5),
.bulk7 ul li:nth-child(6){
    margin-top: 30px;
}
.bulk7 ul li:hover{

}
.bulk7 ul li:hover>div {
    margin-top: -10px;
    border-color: #44b672;
}
/* bulk8 */
.bulk8 .topTitle .conceal{
    background: linear-gradient(to bottom, #fff, #e9f7ef);
    -webkit-background-clip: text;
    color: transparent;
}
.bulk8 .topTitle{
    margin-bottom: 30px;
}
.bulk8 .back{
    height: 516px;
    width: 882px;
    background-repeat: no-repeat;
    margin: 0 auto 90px;
    background-image: url(../../images/carboncp/jg.png);
}
/* bulk9 */
.bulk9{
    height: 1056px;
    background: url(../../images/carboncp/fw.png) no-repeat center top;
}
.bulk9 .topTitle .conceal{
    background: linear-gradient(to bottom, #44c47a, #6cd498);
    -webkit-background-clip: text;
    color: transparent;
}
.bulk9 .topTitle .show{
    color: #fff;
}
.bulk9 .topTitle p{
    padding-top: 30px;
    font-size: 16px;
    color: #ffffff;
}
/* bulk10 */
.bulk10 .topTitle .conceal{
    background: linear-gradient(to bottom, #fff, #e9f7ef);
    -webkit-background-clip: text;
    color: transparent;
}
.client{
    height: 440px;
    background: url(../../images/carboncp/aq.png) center top;
}
.client table tr td{
    padding: 40px 40px 35px;
    width: 320px;
    height: 168px;
    background-color: #fff;
    box-shadow: 2px 0px 30px 0px #d5f5e3;
    border-radius: 8px;
}
.client table{
    width: 1200px;
    margin: 0 auto;
    border-collapse:separate;
    border-spacing: 48px 20px;
}
.client table h2{
    font-size: 16px;
    text-align: center;
    padding-bottom: 29px;
}
.client table .a1,
.client table .a2,
.client table .a3{
    width: 80px;
    height: 80px;
    text-align: center;
    margin:0 auto 20px;
}
.client table .a2{
    background-position: -80px 0;
}
.client table .a3{
    background-position: -160px 0;
}
.client table p{
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 24px;
    color: #4e5e66;
}
/*.bulk10 .client table tr td{*/
    /*border-radius: 0;*/
/*}*/
.bulk10 .client table p{
    text-align: center;
}
.bulk10 table{
    border-spacing:25px 20px;
}
.bulk10 .client table h2{
    padding-bottom: 15px;
    color: #2f434c;
}
.bulk10 .f1,
.bulk10 .f2,
.bulk10 .f3,
.bulk10 .f4,
.bulk10 .f5{
    width: 52px;
    height: 68px;
    margin: 0 auto 22px;
}
.bulk10 .f1{
    background-position: 0 -90px;
}
.bulk10 .f2{
    background-position: -57px -90px;
}
.bulk10 .f3{
    background-position: -115px -90px;
}
.bulk10 .f4{
    background-position: -172px -90px;
}
.bulk10 .f5{
    background-position: -229px -90px;
}