@charset "utf-8"; .center-block { display: block; margin-right: auto; margin-left: auto; } .about-prolist{ margin-top: 50px; width: 1200px; margin-left: auto; margin-right: auto;} .about-prolist .ttitle{ font-size: 25px; margin-bottom: 25px; line-height: 30px;} .about-prolist .ttitle .right{ float: right; font-size: 16px; color: #777777;} .about-prolist .ttitle .right a{ color: #777777;} .about-prolist .tcontent{ font-size: 16px; line-height: 30px;} .about-prolist .product-list-con { background: #f1f5f6; margin-top: 50px; margin-bottom: 40px; } .product-list-con .con-des .con-des-in { width: 90%; padding-top: 35px; } .product-list-con .item { width: 95%; margin-bottom: 50px; } .product-list-con .item .img { float: left; width: 50%; } .product-list-con .item .img img { width: 90%; float: left; } .product-list-con .item .con { float: left; width: 50%; font-size: 12px; } .product-list-con .item .con .des { line-height: 22px; height: 78px; padding-top: 10px; } .word-clamp { text-overflow: ellipsis; overflow: hidden; height: 22px; white-space: nowrap; } .col-sm-4 { width: 33.33333333%; float: left; } .clearfix{ clear: both; height: 0; overflow: hidden;} .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .product-list-con .item .con .more a { background: #d9534f; border: none; font-size: 12px; padding: 7px 15px 7px 15px; } .morebot{ text-align: center; padding-top: 40px; padding-bottom: 40px;}