.banner{
	/*width: 100%;
	height: 500px;*/
	/*background-image: url(../images/shouye_01.jpg);
	background-repeat: no-repeat;
    background-size: 100% 100%;*/

    width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.product{
	width: 100%;
	margin: auto;
	margin-top: 2.5%;
}
.intro1{
	 height: 60px;
	 line-height: 60px;
	 text-align: center;
}
.intro-btn{
    width: fit-content;
    margin: auto;
    margin-top: 15px;
}
.hengxian{
    display: inline-block;
   	width: 150px;
   	border-top: 1px solid #888888;
}
.intro-txt {
   	color: black;
    vertical-align: middle;
    border: 1px solid #a5a5a5;
    border-radius: 2px;
    padding: 2px 10px;
    margin-left: -4px;
    margin-right: -4px;
}
.product-list{
	width: 80%;
	margin: auto;
	margin-top: 10px;
}
.product-detail{
	background-image: url(../images/erweima.jpg);
    width: 245px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.mask{
	height:100%;
    width:100%;
    background: rgba(0,0,0,0.4);
    display: table;
}
.product-txt{
	color: white;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.product-txt-detail{
	display: none;
}
.product-detail:hover{
	cursor: pointer;
}
.product-detail:hover .product-txt{
	display: none;
}
.product-detail:hover .mask{
	height:100%;
    width:100%;
    background: rgb(207, 248, 252);
    display: table;
}
.product-detail:hover .product-txt-detail{
	display: table-cell;
	vertical-align: middle;
    text-align: center;
}
.case{
	width: 100%;
	margin-top: 2.5%;
	background: rgb(242, 242, 242);
}
.case-title{
	width: fit-content;
	margin: auto;
	padding-top: 5%;
}
.company{
	margin-top: 2.5%;
	margin-bottom: 5%;
}
.company-image{
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.company-intro{
    width: 90%;
    font-size: 16px;
    line-height: 33px;
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;*/
    margin-left: 10%;
}
.company-intro p:first-letter{
	font-size: 50px;
	color: black;
	float: left;
	padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 12px;
}
.greyline{
	width: 100%;
	height: 20px;
	background-color: rgb(248, 248, 248);
	margin-top: 60px;
}

.table-logo{
	border: 1px solid #ccc; 
	border-radius: 10px;  
	margin: auto; 
	/*display: table-cell;
	vertical-align: middle;*/

	/*height: 100%;*/
    width: 100%;
  	padding-top: 20px;
  	padding-bottom: 20px;
}

.consult{
	width: 100%;
	height: fit-content;
	margin-top: 2.5%;
	background: rgb(242,242, 242);
}
.consult-box{
	width: 80%;
	/*height: 200px;*/
	margin: auto;
	/*border: 1px solid pink;*/
	padding-top: 30px;
	padding-bottom: 30px;
}
.box1{
	width: 45%;
   /* height: 140px;*/
    float: left;
}
.box1-hover:hover{
	box-shadow: 20px 20px 10px #888888;
}
.flex1-image{
	width: 95%;
	display: flex;
    align-items: center;
    justify-content: center;
}