/*header*/
header .logo {
    display: block;
    padding: 30px 0;
}
header a.logo{ margin-top:-10px;}
header .search {
    width: 356px;
}

header .search>ul {
    padding: 16px 0px;
    display: flex;
    justify-content: end;
}

header .search .line {
    width: 1px;
    background: #333333;
    margin: 0 8px;
    opacity: .6;

}

.active_font {
    color: #ee1d23;
}

header .search button {
    border-left: unset;
}

header .search .fa-search {
    color: #fed025;
}



/*banner*/
.banner .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #feca0a;
}



/*recommend*/
.recommend {
    padding: 40px 0;
}

.title {
    font-size: 20px;
    color: #000;
	padding-bottom:30px;
}



.recommend .swiper-container{ padding-bottom:50px; padding-left:0px; padding-right:0px;}
.recommend .swiper-slide img{border:1px solid #f2f2f2; width:288px;}
.recommend .swiper-slide p {font-size: 14px;}
.recommend .swiper-pagination{ bottom:0px;}
.recommend .swiper-pagination .swiper-pagination-bullet{ background:#feca0a;}
.recommend .swiper-button-prev{  background:url(../images/pre.png) no-repeat; background-size:contain; width:30px; height:68px; top:35%; left:0px;}
.recommend .swiper-button-next{  background:url(../images/next.png) no-repeat; background-size:contain;width:30px; height:68px;top:35%; right:0px;}
/*about*/
.about {
    padding: 40px 0 40px;
    background: #f8f8f8;
}
.about .container{max-width:1170px;}
.about p {
    font-size: 13px;
    line-height: 26px;
    text-align:left;
    margin-bottom: 10px;
}

.about a.more {
    display: block; margin-top:30px;
    width: 200px;
    height: 43px;
    background: #1baba1;
    line-height: 43px;
    font-size: 13px;
    color: #fff;
    text-align: center;
	border-radius:5px;
}


/*ad*/
.ad {
    padding: 50px 0 60px;clear:both;
}
.ad ul{padding-bottom:20px;clear:both; height:auto;}
.ad ul li{width:20%; float:left; padding:5px 5px; box-sizing:border-box; text-align:center;}
.ad ul li img{max-width:156px; margin-bottom:5px; margin:0px auto;}
.ad div.p{clear:both;}
.ad p{line-height:30px; text-align:center; font-size:13px; padding-top:60px;}

.map{background:#f7f7f7; padding-bottom:20px;}
.map p{font-size:13px; text-align:center; padding-bottom:30px;}
.hotsale{padding-top:0px; padding-bottom:0px;}
.hotsale ul{clear:both;}
.hotsale ul li{float:left; width:25%; padding:8px 5px; box-sizing:border-box;}
.hotsale ul li img{border:1px solid #f2f2f2;margin:0px auto;}
.hotsale ul li p{ overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center; line-height:50px;}
.hotsale a.more {
    display: block; margin:20px auto;
    width: 200px;
    height: 43px;
    background: #1baba1;
    line-height: 43px;
    font-size: 13px;
    color: #fff;
    text-align: center;
	border-radius:5px;
}

.scenario{padding:40px 0px 40px; background:#f7f7f7;}
@media(max-width:768px){
.recommend { padding-bottom:0px;}
.recommend .swiper-slide img{width:70%;}
.recommend .swiper-slide p {font-size: 12px; line-height:20px; padding-top:10px;}
	
	.aboutintro{padding:10px;}
	.ad ul li{width:50%; padding:5px 5%; margin-bottom:10px;}
	.ad ul li img{width:70%; max-width:156px; margin-bottom:5px; margin:0px auto;}
	.ad p{line-height:30px; text-align:center; font-size:13px; padding-top:40px;}
	.hotsale ul li{ width:50%; padding:5px 1px;}
	.map p{line-height: 20px;}
	.about a.more {margin:20px auto;}
	.about .col-xs-12 img{margin:0px auto;}

}