﻿   .index {
       width: 90%;
       margin: 0 auto;
   }
   
   #carouselExampleControls {
       height: 5rem;
       width: 100%;
       margin: 0 auto;
       overflow: hidden;
   }
   
   #carouselExampleControls img {
       height: 5rem;
       width: 100%;
       /* height: 5rem; */
   }
   
   .aboutus {
       position: relative;
       width: 82%;
       min-height: 2.5rem;
       padding: 30px 0;
       display: flex;
       justify-content: center;
       /* background-color: rgb(219, 224, 235); */
       overflow: hidden;
       color: #fff;
       margin: 50px auto;
       vertical-align: middle;
       left: -.2rem;
       /* background-color: red; */
   }
   .aboutus img{
    width: 40%;
    height: 100%;
   }
   .aboutus-con {
       width: 100%;
       padding: 0 30px 0 50px;
       color: #555555;
       font-size: 16px;
       letter-spacing: 3px;
       text-indent: 2em;
       font-size: 22px;
       font-weight: 550;
       /* background-color: red; */
   }
   
   .aboutus-con p {
       margin-bottom: 10px;
       /* overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap; */
   }
   
   .aboutus-con h2 {
       color: #000;
       font-size: 28px;
       font-weight: 700;
       margin-bottom: 20px;
   }
   
   .aboutus-con .title1 {
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 8;
       /* 可以显示的行数，超出部分用...表示*/
       -webkit-box-orient: vertical;
       line-height: 50px;
   }
   
   .aboutus-con .title1-c {
       /* color: red; */
       height: auto;
       line-height: 50px;
   }
   
   .aboutus-con .button {
       width: 150px;
       height: 50px;
       text-align: left;
       line-height: 50px;
       color: #fff;
       background-color: #833324;
       float: right;
   }
   
   .sh {
       width: 80%;
       display: flex;
       margin-top: 30px;
   }
   
   .sh>div {
       text-align: center;
       width: 40%;
   }
   
   .sh>div>div:nth-child(1) {
       margin-bottom: 10px;
       font-weight: 600;
       font-size: 24px;
       color: #000;
   }
   
   .sh>div>div:nth-child(2) {
       font-size: 14px;
       color: rgb(27, 27, 27);
   }
   /* 产品中心部分 */
   
   .product,
   .products {
       width: 97%;
       text-align: center;
       margin: 0 auto;
   }
   
   .product h2 {
       width: 100%;
       height: 50px;
       font-size: 30px;
       text-align: center;
       line-height: 50px;
       font-weight: 700;
       margin-top: 30px;
   }
   
   .products h2 {
       width: 100%;
       height: 50px;
       font-size: 30px;
       text-align: center;
       line-height: 50px;
       font-weight: 700;
   }
   /* 倒三角 */
   
   .container {
       width: 500px;
       margin: 20px auto;
   }
   
   .corner {
       width: 0px;
       margin: 0 auto;
       /*  宽高设置为0，很重要，否则达不到效果 */
       height: 0px;
       border: 12px solid rgb(20, 20, 20);
       border-bottom-color: transparent;
       /* 设置透明背景色 */
       border-left-color: transparent;
       border-right-color: transparent;
   }
   
   .products-con {
       width:95%;
       display: flex;
       margin: 0 auto;
       padding: 0.2rem;
       flex-wrap: wrap;
   }
   
   .products-con>div {
       position: relative;
       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
       cursor: pointer;
       width: 2.7rem;
       height: 4.2rem;
       margin: 0 0.1rem 0.2rem 0.1rem;
       /* overflow: hidden; */
   }
   
   .products-con>div img {
       width: 100%;
       /*height: 2rem;*/
       transition: .3s all linear;
   }
   
   .products-con>div img.img {
       width: 100%;
       height: 2.5rem;
       transition: .3s all linear;
   }
   
   .products-con>div .txt {
       position: absolute;
       bottom: 0px;
       height: 100px;
       z-index: 999;
       background-color: #fff;
       transition: .3s all linear;
       width: 100%;
   }
   
   .products-con>div .txt1 {
       position: absolute;
       bottom: 0px;
       height: 100px;
       z-index: 999;
       background-color: #d2a267;
       transition: .3s all linear;
       color: #fff;
       width: 103%;
   }
   
   .products-con>div .txt-top {
       width: 100%;
       height: 80px;
       /* background-color: red; */
       line-height: 80px;
       display: flex;
       justify-content: space-around;
   }
   
   .txt-b {
       width: 20%;
       height: 1px;
       background-color: #595959;
   }
   
   .iconfont {
       font-size: 30px !important;
   }