@charset "utf-8";
/* CSS Document */

.button{
	width: 10%;
}
.logo-img{
	width: 80%;
}
.p-nav li{
	width: 20%;
	text-align: center;
	line-height: 2em;
}
.p-nav li:active{
	background: #f1f1f1
}
.bannersize{
	height: 40vw!important;
}
.title{
	background: url(../images/bg1.png) no-repeat center center;
	padding: 10px 0;
}
.goods-cl{
	padding: 20px 0;
}
.goods-cl li{
	width: 31%;
	text-align: center;
	background: #eaeaea;
	line-height: 2em;
	margin:0 10px;
	border-radius: 7px;
}
.goods-cl li a{
	color:#787878;
}
.goods-cl li:active{
	background: #0068b7
}
.goods-cl li a:active{
	color:#fff
}
.goods-list h3{
	background: #686868;
	color:#fff
}
.goods-list{
	border: 1px solid  #686868;
}

.goods-list:active h3{
	background: #0068b7;
	color:#fff
}
.goods-list:active{
	border: 1px solid  #0068b7;
}
.more{
	width: 30%;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	margin: 20px auto;
}
.coltxt{
	color:#4d4d4d
}
.bg1{
	background: #f6f6f6;
	padding: 20px 0;
}
.news-img{
	width: 33%;
	border: 1px solid  #cccccc;
}
.news-txt{
	width: 66%;
	padding-left: 20px;
}
.news-more{
	line-height: 2em;
	background: #0068b7;
	color: #fff;
	width: 40%;
}
.case-list{
	padding: 5px ;
	border: 1px solid #cccccc
}
.case-cover{
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	left: 5px;
	top: 5px;
	background: rgba(0, 104, 183, 0.7);
	visibility: hidden;
}
.case-more{
	width: 50%;
	line-height: 2em;
	border:1px solid #fff;
	border-radius: 5px;
	margin: 20px auto;
}
.case-list:active .case-cover{
	visibility: visible;
}
.cont-left{
	width: 20%
}
.cont-right{
	width: 80%
}
.fot-list{
	background: #0068b7;
	width:24.5%;
	height: 60px;
}
.fot-list:active{
	background: #004980;
	
}
.xiala{
	display: none;
	top:100%;
	left: -15px;
	z-index: 20;
	width:calc(100% + 30px) ;
	background: #fff;


}
.xiala li a{
	background: #eaeaea;
	text-align: center;
	display: block;
	line-height: 3em;
}
.xiala li{
	padding-top: 3px
}
.fanye{
	width: 33%;
	margin: 20px auto;
}
.fanye .db{
	width: 50%;
	background: #0068b7;
	text-align: center;
	border-radius: 5px;
	margin-left: 10px;;
}
.goods-cl1 li{
	width: 22%;
	text-align: center;
	line-height: 2em;
	padding: 5px;
}
.goods-cl1 li a{
	background: #eaeaea;
	border-radius: 7px;
}
.summa{
	background: #eaeaea;
	margin: 10px 0;
}
.pageinfli:first-child {
    border-top: none;
}

.pageinfli {
    justify-content: space-between;
    padding: 0.3rem 0;
    border-top: 1px dotted #e7e7e7;
}
.pageinfliflbor {
    background: #f6f5f5;
    color: #a2a2a2;
    padding: 0.4rem 0.8rem;
}