/* CSS Document*/
.banner img{display: block;}
.er_nav{width: 100%; height: 75px; line-height: 75px; border-bottom: 1px solid #eeeeee;}
.er_nav .bread{font-size: 18px; color: #999999;}
.er_nav .bread a{color: #999999; transition: .5s;}
.er_nav .bread a:hover{color: #0f36b6;}

.zhici{padding-top: 27px;}
.zhici .zc_l{width: 260px;}
.zhici .zc_l .title{width: 100%; height: 77px; background-color: #0f36b6; font-size: 28px; color: #fff;
	text-align: center; line-height: 77px; margin-bottom: 9px;}
.zhici .zc_l .erji_nav{width: 100%; border:1px solid #eeeeee; box-sizing: border-box;}
.zhici .zc_l .erji_nav>li{line-height: 54px; font-size: 20px; text-align: center;}
.zhici .zc_l .erji_nav>li>a{color: #999999; display: inline-block; width: 100%; height: 100%; transition: .5s;
	border-bottom: 1px solid #eeeeee;}
.zhici .zc_l .erji_nav>li:last-child a{border-bottom: none;}
.bgcolor{background-color: #f7f7f7; color: #0f36b6!important;}
.zhici .zc_l .erji_nav>li>a:hover{color: #0f36b6; background-color: #f7f7f7;}
.zhici .zc_l .erji_nav>li .sanji{display: none;}
.sanji li{line-height: 54px; font-size: 16px; text-align: center;}
.sanji li a{color: #999; display: inline-block; width: 100%; height: 100%; border-bottom: 1px solid #eeeeee;
	transition: .5s;}
.sanji li a:hover{color: #0f36b6;}


.zc_r{width: 974px;}
.product .prolist{width: 32.14%; height: 208px; overflow: hidden; margin-right: 1.78%; position: relative;
	margin-bottom: 26px;}
.product .prolist:nth-child(3n){margin-right: 0;}
.product .prolist>img{width: 100%; display: block; transition: .5s;}
.product .prolist .pro_bt{width: 100%; height: 62px; background-color: rgba(0,0,0,.7); position: absolute;
	bottom: 0; left: 0; transition: .5s; }
.product .prolist .pro_bt .xinghao{font-size: 16px; color: #fff; white-space: nowrap; text-overflow: ellipsis;
	text-align: center; overflow: hidden; padding: 6px 2% 0; width: 96%;}
.product .prolist .pro_bt .mingzi{font-size: 16px; color: #fff; white-space: nowrap; text-overflow: ellipsis;
	text-align: center; overflow: hidden; padding: 0 2%; width: 96%;}
.product .prolist:hover>img{transform: scale(1.1);}
.product .prolist:hover .pro_bt{background-color: rgba(0,0,0,.9);}

.pagination{width: 100%; height: 56px; border: 1px solid #eeeeee; margin:25px 0 38px;}
.pagination li{float: left; border-right: 1px solid #eeeeee;}
.pagination a, .pagination span{background-color: transparent; color: #999999; padding: 0; line-height: 56px;
	margin:0; width: 56px; border-radius: 0; font-size: 20px;}
.pagination li:first-child{width: 100px; height: 100%;}
.pagination li:last-child{width: 100px; height: 100%; float: right; border-right: none;
	border-left: 1px solid #eeeeee;}
.active span{background-color: #cc101f; color: #fff!important;}
.pagination li:first-child a{color: #eeeeee;}
.pagination li:first-child span{color: #eeeeee;}
.pagination li:last-child a{color: #eeeeee;}
.pagination li:last-child span{color: #eeeeee;}

@media screen and (max-width: 1000px){
	.banner{margin-top: 50px;}
	.er_nav{height: 40px; line-height: 40px;}
	.er_nav .bread{font-size: 15px;}
	.zc_r{width: 100%;}
	.zhici{padding-top: 15px;}
	.product{padding-bottom: 15px;}
	.product .prolist{width: 48%; height: auto; margin-right: 4%; margin-bottom: 15px;}
	.product .prolist:nth-child(3n){margin-right: 4%;}
	.product .prolist:nth-child(2n){margin-right: 0;}
	.product .prolist .pro_bt{height: 35px; line-height: 35px;}
	.product .prolist .pro_bt .xinghao{display: none;}
	.product .prolist .pro_bt .mingzi{font-size: 14px;}
	.pagination{height: 35px; margin: 0 0 30px;}
	.pagination a, .pagination span{width: 35px; line-height: 35px; font-size: 15px;}
	.pagination li:first-child{width: 35px;}
	.pagination li:last-child{width: 35px;}
}