

/*多元化产品线*/
.product-lines{padding:20px 0}
.slide-box{width:24%; float:left;position:relative;text-align:center;transition:all .2s linear;background:#fff;padding:30px 50px 20px;border-radius:5px;margin-right:1.33%;margin-bottom:1.33%}
.slide-box .img-box{width:108px;height:108px;border-radius:50%;display:inline-block}
.slide-box:nth-child(4n){
	margin-right: 0;
}
.slide-box:nth-child(5){
	margin-bottom: 0;
}
.slide-box:nth-child(6){
	margin-bottom: 0;
}
.slide-box:nth-child(7){
	margin-bottom: 0;
}
.slide-box:nth-child(8){
	margin-bottom: 0;
}
.product-lines{padding:20px 0}
.product-lines .title14{margin:20px 0 5px}
.product-lines .slide-box:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.swiper-button-disabled{color:rgba(0,0,0,0.1)}
.swiper-button-disabled:hover{color:rgba(0,0,0,0.1)!important}
.product-lines .infos{
	height: 44px;
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 10px;
}

/*关于易丰*/
.about{padding:25px;background:#fff}
.l-h-2{
	line-height: 2
}
.about .top-text{
	border:1px solid #ececec;
	padding: 20px;
	line-height: 2
}

.about .top-text h3{
	font-size: 16px;
	margin-bottom: 15px
}


/**/
.about-nav{
	background: #fff;
	overflow: hidden;
	border:1px solid #ececec;
}
.border-radius-5{
	border-radius: 5px;
}
.about-nav li{
	width: 12.5%;
	text-align: center;
	float: left;
	padding-top: 30px;
	padding-bottom: 20px;
}
.about-nav li>p:first-child{
	height: 53px;
}



.about-nav li .icon-jj{
	width: 34px;
	height: 42px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -25px -21px;
	transition: 0.35s all
}
.about-nav li:hover{
	color: #e53025
}
.about-nav li:hover .icon-jj{
	background-position: -25px -102px;
}

.about-nav li.on{
	color: #e53025
}

.about-nav li.on .icon-jj{
	background-position: -25px -102px;
}


.about-nav li .icon-qywh{
	width: 49px;
	height: 40px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -97px -23px;
	transition: 0.35s all
}
.about-nav li:hover .icon-qywh{
	background-position: -97px -105px;
}

.about-nav li.on .icon-qywh{
	background-position: -97px -105px;
}

.about-nav li .icon-gsyj{
	width: 42px;
	height: 40px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -180px -21px;
	transition: 0.35s all
}
.about-nav li:hover .icon-gsyj{
	background-position: -180px -105px;
}

.about-nav li.on .icon-gsyj{
	background-position: -180px -105px;
}


.about-nav li .icon-mtbd{
	width: 43px;
	height: 42px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -248px -23px;
	transition: 0.35s all
}
.about-nav li:hover .icon-mtbd{
	background-position: -248px -105px;
}

.about-nav li.on .icon-mtbd{
	background-position: -248px -105px;
}


.about-nav li .icon-lxyf{
	width: 41px;
	height: 42px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -328px -22px;
	transition: 0.35s all
}
.about-nav li:hover .icon-lxyf{
	background-position: -328px -105px;
}

.about-nav li.on .icon-lxyf{
	background-position: -328px -105px;
}


.about-nav li .icon-hzkh{
	width: 47px;
	height: 38px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -396px -23px;
	transition: 0.35s all
}
.about-nav li:hover .icon-hzkh{
	background-position: -396px -106px;
}

.about-nav li.on .icon-hzkh{
	background-position: -396px -106px;
}


.about-nav li .icon-ygzj{
	width: 48px;
	height: 39px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -484px -22px;
	transition: 0.35s all
}
.about-nav li:hover .icon-ygzj{
	background-position: -484px -106px;
}

.about-nav li.on .icon-ygzj{
	background-position: -484px -106px;
}

.about-nav li .icon-jrwm{
	width: 39px;
	height: 39px;
	display: inline-block;
	background-image: url(../bgimg/about-nav3.png);
	background-position: -573px -24px;
	transition: 0.35s all
}
.about-nav li:hover .icon-jrwm{
	background-position: -573px -106px;
}

.about-nav li.on .icon-jrwm{
	background-position: -573px -106px;
}



/*热门城市*/
.index-hot-city{
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	overflow: hidden;
}
.index-hot-city li{
	float: left;
	width: 16.66%;
	padding:15px 0;
	text-align: center;
	border:1px solid #ececec;
	border-right: none;
	border-bottom: none;
	font-size: 13px;
	color: #666
}

.index-hot-city li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.mr10{
	margin-right: 10px;
}
.mr8{
	margin-right: 8px;
}
.mr30{
	margin-right: 30px;
}
.pd25{
	padding: 25px;
}

em{
	font-style: normal;
}

.city-container .hot-city-top{
	border:1px solid #ececec;
}

/*.city-container .hot-city-top p:first-child{*/
/*	width:80px*/
/*}*/

.city-container .hot-city-list{
	width:900px
}

.city-container .hot-icon{
	width: 14px;
	height: 18px;
	background: url(../bgimg/icon.png) -44px 0;
	display: inline-block;
}
.city-container .search-icon{
	width: 16px;
	height: 18px;
	background: url(../bgimg/icon.png) -44px -24px;
	display: inline-block;
}

.city-container .hot-city-list a{
	margin-right: 20px;
	color: #666;
	float:left;
	margin-top:10px;
}

.city-container .hot-city-list span{
float:left
}

.city-container .hot-city-list a:hover{
	color: #e53025
}

.city-container .search-city input{
	width: 180px;
	height: 30px;
	padding-left: 15px;
	border:1px solid #dfdfdf;
	background: #fff;
	cursor: pointer;
}

.city-container  .go-btn{
	padding:0 20px;
	line-height: 25px;
	background: #ff7b00;
	color: #fff;
	border-radius: 4px;
}

.city-container .city-list-box{
	font-size: 14px;
}

.city-container .city-list-box li{
	border:1px solid #ececec;
	overflow: hidden;
	position: relative;
	border-top: none
}

.city-container .city-list-box li:first-child{
	border-top: 1px solid #ececec
}

.city-container .city-list-box .title-area{
	width: 135px;
	border-right: 1px solid #ececec;
	background: #f4f4f4;
	padding:20px 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}


.city-container .city-list-box .list-area{
	width: 1043px;
	padding:20px 160px 20px 20px;
	float: right;
}
.city-container .city-list-box .list-area a{
	margin: 0 18px 12px 0;
	color: #666;
	display: inline-block;
}

.city-container .city-list-box .list-area a:hover{
	color: #d4151c
}


.city-container .ss{
	width: 100%;
	background: #fff;
	position: absolute;
	top: 32px;
	z-index: 99;
	padding:5px 0;
	left: 0;
	height: 250px;
	border:1px solid #ececec;
	display: none
}
.city-container .scroll{
	height: 100%;
	overflow-y: scroll;
}

.city-container .ss p{
	line-height: 25px;
	padding-left: 15px
}

.city-container .ss p:hover{
	background: #f5f5f5
}

.pl20{
	padding-left: 20px;
}
