/*首页样式开始*/
#nav{
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
}
#navAuto{
    width: 1100px;
    height: 90px;
    margin: 0 auto;
}
#logo{
    float: left;
    width: 220px;
    height: 90px;
    overflow: hidden;
}
#menu{
    float: right;
    width: 880px;
    height: 90px;
    overflow: hidden;
}
#menuTop{
    height: 45px;
    width: 100%;
}
#menuTop p{
    text-align: right;
    line-height: 45px;
    color: #E60012;
    font-size: 20px;
    font-weight: bold;
}
#menuTop p span{
    font-size: 16px;
    font-weight: none;
}
#menuTop p a img{
    width: 100px;
    height: 26px;
}
#menuBottom{
    width: 100%;
    height: 45px;
}
#menuBottom ul{
    float: right;
    margin-top: 13px;
}
#menuBottom ul li{
    float: left;
    margin-left: 30px;

}
#menuBottom ul li a{
    color: #414141;
    font-size: 16px;
    padding: 5px 4px 12px;
}
#menuBottom ul li a.actives,#menuBottom ul li a:hover{
    color: #05502B;
    border-bottom: 2px solid #05502B;
}
#banner{
    width: 100%;
    height: 580px;
    overflow: hidden;
    background: url(../image/banner.jpg) no-repeat center center;
    background-size: 100% 100%;
}
#business{
    height: 960px;
    width: 100%;
    background: #F5F5F5;
    overflow: hidden;
}
#businessAuto{
    margin: 0 auto;
    width: 1100px;
    height: 960px;
    overflow: hidden;
}
#businessTop{
    width: 1100px;
    height: 590px;
}
#businessBottom{
    width: 1100px;
    height: 370px;
}
#businessTopTitle{
    height: 162px;
    line-height: 162px;
    text-align: center;
}
#businessTopTitle h1{
    font-size: 34px;
    color: #05502B;
    line-height: 162px;
}
#businessTopCon{
    height: 360px;
    width: 1100px;
}
#businessTopCon ul li{
    text-align: center;
    width: 330px;
    height: 360px;
    background: #fff;
    float: left;
    border-radius: 5px;
    margin-right: 55px;
}
#businessTopCon ul li img{
    width: 114px;
    margin-top: 70px;
}
#businessTopCon ul li h1{
    margin-top: 35px;
    font-size: 32px;
}
#businessTopCon ul li a{
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    width: 150px;
    margin: 38px auto 0;
    display: block;
}
#businessTopConOne{
    background: #F6973F;
}
#businessTopConTwo{
    background: #58A0CC;
}
#businessTopConThree{
    background: #4AA478;
}
#businessBottomBox{
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    width: 1100px;
    height: 300px;
    overflow: hidden;
}
#tableParent{
    height: 250px;
    overflow-y: scroll;
}
#BottomBoxTitle{
    width: 1098px;
    background: #E4E4E4;
    height: 49px;
    line-height: 49px;
}
#BottomBoxTitle ul li{
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
#businessBottomTab tr{
    text-align: center;
    height: 50px;
}
#businessBottomTab tr td{
    border-right: 1px solid #E4E4E4; 
}
.tabOne{
    width: 292px;
}
.tabTwo{
    width: 156px;
}
.tabThree{
    width: 122px;
}
.tabFour{
    width: 180px;
}
.tabFive{
    width: 184px;
}
.tabSix{
    width: 165px;
    border-right: none!important;
}
#news{
    width: 100%;
    height: 875px;
}
#newsAuto{
    width: 1100px;
    height: 875px;
    margin: 0 auto;
    overflow: hidden;
}
#newsTop{
    width: 1100px;
    height: 439px;
}
#newsTopTitle{
    width: 100%;
    height: 79px;
}
#newsTopTitle h1{
    color: #05502B;
    padding-top: 36px;
    font-size: 24px;
    font-weight: bold;
}
#newsMiddle{
    width: 1100px;
    height: 263px;
}
.newsMiddleCon{
    width: 520px;
    height: 216px;
    overflow: hidden;
}
.newsMiddleConTitle{
    height: 76px;    
    color: #05502B;
    padding-top: 34px;
    font-size: 24px;
}
.newsMiddleConTitle h1{
    font-weight: bold;
}
.newsMiddleConLeft{
    height: 140px;
    width: 520px;
    overflow: hidden;
}
.newsMiddleConLeftImg{
    width: 250px;
    height: 140px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
    position: relative;
}
.newsMiddleConLeftImg img{
    border-radius: 5px;
    width: 250px;
    height: 140px;
}
.newsMiddleConLeftImg p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 37px;
    line-height: 37px;
    background: #333;
    opacity: .75;
}
.newsMiddleConLeftImg a{
    color: #EDEFED;
    font-size: 16px;
    z-index: 9999;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-indent: 1em;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.newsMiddleConLeftList{
    width: 250px;
    height: 140px;
    overflow: hidden;
    float: right;
}
.newsMiddleConLeftList li{
    height: 35px;
    line-height: 35px;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all; 
}
.newsMiddleConLeftList li a:hover{
    color: #05502B;  
}

#newsBottom{
    width: 1100px;
    height: 173px;    overflow: hidden;
}
#bottom a img{
    border-radius: 5px;
}
.newcontent {
    margin: 0;
}
#newbanner {
    width: 630px;
    height: 360px;
    margin: 0 50px 0 0;
    border-radius: 5px;
    overflow: hidden;
}
#newbanner a p {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: block;
    background-color: rgba(0, 0, 0, .5);
    padding: 8px 100px 8px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    color: white;
    font-size: 16px;
    line-height: 25px;
}
#newbanner .swiper-pagination {
    text-align: right;
    padding-right: 15px;
    bottom: 14px;
}
#newbanner .swiper-slide{
    background-color: #f4f4f4;
}
#newbanner .swiper-slide>a {
    display: flex;
    align-items: center;
    justify-content: center;
}
#newbanner .swiper-slide>a>p {
    color: #eee;
    font-size: 18px;
}
#newbanner .swiper-slide>a>img {
    width: 630px;
    height: 360px;
}
#newbanner .swiper-slide:hover h1{
    color: #d2a564;
}
.swiper-pagination-bullet {
    background-color: #909090;
    opacity: 1;
    padding: 5px;
}
.swiper-pagination-bullet-active {
    background-color: #fff;
}
.new_list {
    width: 420px;
    height: 360px;
    overflow: hidden;
}
.new_list>li {
    padding: 5px 0;
    height: 90px;
    border-bottom: 1px solid #C4C4C4;
}
.new_list>li>a>h1 {
    color: #5f5f5f;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    line-height: 25px;
}
.new_list>li>a>p {
    height: 50px;
    color: #8f8f8f;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all;
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* 控制显示的行数 */
}
.new_list>li:hover>a>h1 {
    color: #05502B;
}
#kline{
    width: 100%;
    height: 583px;
    background: #3D3D3D;
    overflow: hidden;
}
#klineAuto{
    width: 1100px;
    height: 583px;
    margin: 0 auto; 
}
#klineAuto{
    margin: 0 auto;
    width: 1100px;
    height: 583px;
    overflow: hidden;
}
#category{
    width: 100%;
    height: 921px;
    overflow: hidden;
}
#categoryAuto{
    margin: 0 auto;
    width: 1100px;
    height: 921px;
    overflow: hidden;
}
#categoryTop{
    width: 100%;
    height: 488px;
}
#categoryTop>li{
    width: 330px;
    height: 488px;
    margin-right: 55px;
    float: left;
    overflow: hidden;
}
#categoryBottom{
    width: 100%;
    height: 433px;
}
.categoryTopTitle{
    width: 100%;
    height: 86px;
    overflow: hidden;
}
.categoryTopTitle h1{
    font-size: 24px;
    color: #05502B;
    font-weight: bold;
    padding-top: 44px;
}
.categoryTopList>li:first-child{
    width: 330px;
    height: 220px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 22px;
    position: relative;
}
.categoryTopList>li:first-child>p{
    width: 100%;
    height: 37px;
    background: #333;
    opacity: .7;
    position: absolute;
    left: 0;
    bottom: 0;
}
.categoryTopList>li:first-child>a{
    color: #fff;
    z-index: 9999;
    text-indent: 1em;
    display: block;
    height: 37px;
    line-height: 37px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    position: absolute;
    left: 0;
    bottom: 0;    
}
.categoryTopList>li:first-child>a:hover{
    color: #efefef;
}
.categoryTopList>li:first-child img{
    width: 330px;
    height: 220px;
}
.categoryTopList>li{
    height: 33px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.categoryTopList>li>a{
    font-size: 16px;
}
.categoryTopList>li>a:hover{
    color: #05502B;

}
#categoryBottom li{
    float: left;
    width: 330px;
    height: 433px;
    margin-right: 55px;
}
.categoryBottomList{
    z-index: 99999;
}
.categoryBottomList .categoryBottomListOne{
    width: 100%;
    height: 42px;
}
.categoryBottomList .categoryBottomListOne h1{
    font-size: 24px;
    font-weight: bold;
    color: #05502B;
}
.categoryBottomListTwo{
    border-radius: 5px;
    width: 330px;
    height: 220px;
    overflow: hidden;
}
.categoryBottomListThree{
    width: 100%;
    height: 171px;
}
.categoryBottomListThree h1{
    font-size: 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.categoryBottomListThree p{
    font-size: 16px;
    line-height: 28px;
    width: 100%;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all;
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; /* 控制显示的行数 */
}
#register{
    width: 330px;
    height: 388px;
    overflow: hidden;
    border-radius: 5px;
}
#register img{
    width: 100%;
    height: 110px;
}
#registerBox{
    border: 1px solid #E4E4E4;
    width: 100%;
    height: 278px;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#registerInput{
    width: 328px;
    height: 165px;
    background: url(../image/register2.jpg) no-repeat;
    overflow: hidden;
}
#button{
    width: 328px;
    height: 50px;
    overflow: hidden;
    z-index: 99999;
    text-align: center;
}
#button button{
    width: 230px;
    height: 50px;
    line-height: 50px;
    background: #4FA250;
    font-size: 24px;
    color: #fff;
    border-radius: 25px;
}
#registerBottom{
    width: 100%;
    height: 62px;
    line-height: 62px;
}
#registerBottom>.tfloat{
    margin-left: 50px;
}
#registerBottom>.tright{
    margin-right: 50px;
}
.tfloat{
    float: left!important;
}
.tright{
    float: right!important;
}
#registerBottom a:hover{
    color: #05502B;
    text-decoration: underline;
}
#userBox{
    margin-top: 35px;
}
#user{
    border-bottom: 1px solid #C3C3C3;
    height: 37px;
    width: 205px;
    line-height: 37px;
    font-size: 16px;
    color: #f00;
    margin-left: 65px;
}
#user::-webkit-input-placeholder,#pwd::-webkit-input-placeholder {
    color: #999;
}
#user::-moz-placeholder,#pwd::-moz-placeholder {
    color: #999;
}
#user::-ms-input-placeholder,#pwd::-ms-input-placeholder {
    color: #999;
}
#pwd{
    border-bottom: 1px solid #C3C3C3;
    height: 37px;
    width: 205px;
    line-height: 37px;
    font-size: 16px;
    color: #BCBCBC;
    margin: 23px 0 0 65px;
}
#zhidao{
    width: 100%;
    height: 372px;
    overflow: hidden;
}
#zhidaoAuto{
    margin: 0 auto;
    height: 372px;
    width: 1100px;
    overflow: hidden;
}
#zhidaoCon{
    width: 100%;
    height: 207px;
}
#zhidaoCon h1{
    color: #05502B;
    font-size: 24px;
    font-weight: bold;
    padding-top: 45px;
}
#memberbanner{
    margin-top: 25px;
}
/*.swiper-button-prev{
    width: 20px;
    height: 30px;
}*/

#zhidaoYonqing{
    width: 100%;
    height: 165px;
    overflow: hidden;
}
#zhidaoYonqing h1{
    color: #05502B;
    font-size: 24px;
    font-weight: bold;
}
#zhidaoYonqing ul{
    margin-top: 15px;
}
#zhidaoYonqing ul li{
    float: left;
    margin-right: 33px;
    height: 30px;
    line-height: 30px;
}
#zhidaoYonqing ul li a{
    font-size: 16px;
}
#zhidaoYonqing ul li a:hover{
    color: #05502B;
}
#footer{
    background: #F3F3F3;
    width: 100%;
    height: 210px;
    overflow: hidden;
}
#footerAuto{
    margin: 0 auto;
    width: 1100px;
    height: 210px;
    padding-top: 54px;
    overflow: hidden;
}
#footerAuto #footOne{
    width: 440px;
    height: 102px;
    border-right: 1px solid #898989;
}
#footerAuto #footOne img{
    width: 83px;
    margin-right: 30px;
}
#fontOneCon p{
    height: 26px;
    line-height: 26px;
    color: #898989;
    font-size: 14px;
}
#footerAuto #footTwo{
    width: 360px;
    height: 102px;
    border-right: 1px solid #898989;
}
#footerAuto #footTwo img{
    margin-left: 61px;
    width: 85px;
}
#footerAuto #footThree{
    padding-top: 12px;
    width: 300px;
    height: 102px;
}
#footerAuto #footThree p{
    height: 26px;
    line-height: 26px;
    margin-left: 50px;
    font-size: 14px;
    color: #898989;
}
#footerAuto #footThree p a:hover{
    color: #05502B;
}
/*#qa{*/
/*    width: 100%;*/
/*    overflow: hidden;*/
/*    padding-bottom: 50px;*/
/*    background: #F5F5F5;*/
/*    text-align: center;*/
/*}*/
/*#qaAuto{*/
/*    margin: 0 auto;*/
/*    width: 1100px;*/
/*    overflow: hidden;*/
/*}*/
/*#qaAuto img.imgNone{*/
/*    display: none;*/
/*}*/
/*#qaMore a{*/
/*    font-size: 20px;*/
/*    color: #737373;*/
/*    background: url(/home_static/image/qaBg.jpg) no-repeat right center;*/
/*    padding-right: 30px;*/
/*}*/
/*#qaMore a:hover{*/
/*    color: #05502B;*/
/*}*/
#qa{
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px;
    background: #F5F5F5;
}
#qaAuto{    
    margin: 0 auto;
    width: 1100px;
    overflow: hidden;
}
#qaAuto>h1{
    height: 110px;
    line-height: 110px;
    color: #05502B;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
#qaAuto>ul{
    width: 1100px;
}
#qaAuto>ul>li{
    float: left;
    margin-right: 60px;
    width: 520px;
    padding: 35px 0;
    border-bottom: 1px solid #BFC0C0;
}
#qaAuto>ul>li>h1{
    font-size: 20px;
    font-weight: bold;
    color: #4FA250;
    margin-bottom: 20px;
}
#qaAuto>ul>li>p{
    color: #737373;
    font-size: 16px;
    line-height: 32px;
}
#qaMore{
    width: 1100px;
    height: 80px;
    line-height: 80px;
    clear: both;
    text-align: center;
}
#qaMore a{
    font-size: 20px;
    color: #737373;
    background: url(/home_static/image/qaBg.jpg) no-repeat right center;
    padding-right: 30px;
}
#qaMore a:hover{
    color: #05502B;
}
#topRoket{
    width: 70px;
    height: 150px;
    overflow: hidden;
    position: fixed;
    right: 38px;
    bottom: 50%;
    z-index: 99999;
    overflow: hidden;
}
#topRoketOne{
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
#topRoketTwo{
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    width: 70px;
    height: 70px;
    background: url(../image/href.jpg);
}
#topRoket a#topRoketTwo:hover{
    background: url(../image/href-hover.jpg);
}
/*首页样式结束*/

/*我是卖家样式开始*/
#seller{
    width: 100%;
    height: 898px;
    background: url(/home_static/image/sellerBanner-1.jpg) no-repeat center center;
    overflow: hidden;
}
#sellerAuto{
    width: 1100px;
    height: 898px;
    margin: 0 auto;
    overflow: hidden;
}
#buyers{
    width: 100%;
    height: 898px;
    /*background: url(/home_static/image/buyersBanner-2.jpg) no-repeat center center;*/
    overflow: hidden;
}
#buyersAuto{
    width: 1100px;
    height: 898px;
    margin: 0 auto;
    overflow: hidden;
}
#sellerTop{
    width: 1100px;
    height: 188px;
    text-align: center;
}
#sellerTop h1{
    padding-top: 60px;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}
#sellerTop h3{
    line-height: 28px;
    padding: 0 125px;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}
#sellerForm{
    width: 1100px;
    height: 620px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
#sellerFormTab{
    width: 1100px;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    border-bottom: 1px solid #F6973F;
}
#sellerFormTab li{
    cursor: pointer;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #F6973F;
    width: 550px;
}
#sellerFormTab li.tactive{
    background: #F6973F;
    color: #fff;
}
#sellerFormTabBS{
    width: 1100px;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    border-bottom: 1px solid #58A0CC;
}
#sellerFormTabBS li{
    cursor: pointer;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 1100px;
}
#sellerFormTabBS li.bsActive{
    background: #58A0CC;
    color: #fff;
}
#sellerFormTabTH{
    width: 1100px;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    border-bottom: 1px solid #4BA478;
}
#sellerFormTabTH li{
    cursor: pointer;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #4BA478;
    width: 550px;
}
#sellerFormTabTH li.thActive{
    background: #4BA478;
    color: #fff;
}
#sellerFormHerf{
    width: 1100px;
    height: 570px;
    border: 1px solid #DADADA;
    border-top: none;
}
#sellerTable{
    margin-top: 28px;
    font-size: 20px;
    color: #757575;
}
#sellerTable tr td{
    height: 50px;
}
.tableOne{
    width: 160px;
    text-align: right;
}
.tableTwo{
    width: 389px;
}
#sellerTable tr td.tableTwo input{
    margin-left: 15px;
    height: 30px;
    line-height: 30px;
    width: 280px;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
}
#sellerTable tr td.tableThree textarea{
    height: 220px;
    margin-left: 15px;
    width: 829px;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
}
#tableFour{
    text-align: right;
}
#tableButton,#tanhuiButton,#buyersButton{
    background: #E60012;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin-right: 94px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
#sexBox{
    width: 107px;
    height: 30px;
    border: 1px solid #E4E4E4;
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#sexBox label{
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    width: 50px;
    height: 28px;
    line-height: 28px;
}
#sexBox label input{
    margin: 0!important;
    width: 15px!important;
    height: 15px!important;
}
#name{
    width: 173px!important;
    border-right: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
#classify{
    width: 280px;
    height: 30px;
    border: 1px solid #E4E4E4;
    margin-left: 15px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: #BABABA;
    text-align: center;
    text-align-last: center;
}
#classify option{
    /*text-align: center;
    width: 280px;
    background: green;
    text-align-last: center;*/
}
/*我是卖家样式结束*/
/*我是碳金融样式结束*/
#financeBanner{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
#financeBannerAuto{
    width: 1100px;
    height: 280px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../image/tanhuiBanner.jpg) no-repeat center center;
}
#financeCon{
    width: 100%;
    height: auto;
}
#financeConAuto{
    width: 1100px;
    height: auto;
    margin: 0 auto;
}
#ContTitle{
    height: 60px;
    border-bottom: 1px solid #BFC0C0;
    font-size: 18px;
    color: #737373;
    padding-top: 31px;
}
#ContContentMenu{
    padding: 30px 0;
    width: 250px;
    height: auto;
    margin-right: 80px;

}
#ContContentMenu li{
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}
#ContContentMenu li a{
    display: block;
    width: 250px;
    height: 50px;
    background: url(../image/menuBackground.jpg) no-repeat center center;
    color: #054F2A;
    font-style: 16px;
    padding-left: 60px;
}
#ContContentMenu li a.menuActive,#ContContentMenu li a:hover{
    background: url(../image/menuBackgroundA.jpg) no-repeat center center;
    color: #fff;
}
#ContContentList{
    width: 770px;
    height: auto;
    padding: 30px 0 100px 0;
}
#ContContentList>ul>li{
    width: 770px;
    height: 161px;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 30px;
}
#ContContentList>ul>li>a{
    color: #434343;
    font-size: 16px;    
}
.ContContentListImg{
    width: 220px;
    height: 130px;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 30px;
}
.ContContentListImg img{
    width: 100%;
    height: auto;
}
.ContContentListBox{
    width: 520px;
    height: 130px;
}
.ContContentListBoxTitle{
    padding-top: 22px;
}
.ContContentListBoxTitle p{
    color: #434343;
    font-size: 16px;
    width: 375px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.ContContentListBoxTitle span{
    font-size: 18px;
    color: #535353;
}
#ContContentList>ul>li:hover .ContContentListBoxTitle p{
    color: #05502B;
}
.ContContentListBoxCon{
    padding-top: 28px;
    clear: both;
    width: 520px;
    height: 72px;
}
.ContContentListBoxCon p{
    color: #898989;
    font-size: 14px;
    width: 375px;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all;
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* 控制显示的行数 */
}
.ContContentListBoxCon span{
    display: block;
    height: 44px;
    line-height: 44px;
    width: 11px;
    background: url(/home_static/image/roketRight.jpg) no-repeat center center;
}
#ListPage{
    width: 770px;
    height: 54px;
    text-align: center;
}
/*我是碳金融样式结束*/
/*我是碳盘查样式结束*/
#examinationBanner{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
#examinationBannerAuto{
    width: 1100px;
    height: 280px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../image/examinationBanner.jpg) no-repeat center center;
}
#ContContentListArticle{
    width: 770px;
    height: auto;
    overflow: hidden;
    padding: 30px 0 120px 0;
}
/*我是碳盘查样式结束*/
/*我是共享联盟样式结束*/
#shareBanner{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
#shareBannerAuto{
    width: 1100px;
    height: 280px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../image/shareBanner.jpg) no-repeat center center;
}
/*我是共享联盟样式结束*/
/*我是项目活动样式结束*/
#projectBanner{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
#projectBannerAuto{
    width: 1100px;
    height: 280px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../image/projectBanner.jpg) no-repeat center center;
}
/*我是项目活动样式结束*/
/*我是关于我们样式结束*/
#aboutBanner{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
#aboutBannerAuto{
    width: 1100px;
    height: 280px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../image/aboutBanner.jpg) no-repeat center center;
}
/*我是关于我们样式结束*/
/*我是详情页样式结束*/
#detailsBox{
    width: 900px;
    padding: 30px 0 100px;
    margin: 0 auto;
}
#detailsTitle{
    font-size: 18px;
    font-weight: bold;
    color: #737373;
}
#detailsTime{
    height: 50px;
    line-height: 50px;
    color: #868686;
    font-size: 16px;
}
#detailsCon{
    padding-top: 30px;
    /*background: red;*/
}
/*我是详情页样式结束*/