.trip{clear: both; margin-top: 130px;}
.trip .title{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#owl-demo2{width: 80%; margin-left: auto; margin-right: auto; margin-top: 50px;
}
#owl-demo2 div li{list-style: none; padding-left: 40px; padding-top: 50px;}
.title h3{margin: 8px 0px;}
.about_list{width: 75%; margin-left: auto; margin-right: auto; min-width: 1100px; margin-top: 30px;}
.about_list .al{float: left; width: 30%; margin-right: 3%; position: relative; overflow: hidden; }
.about_list .al a{color: #fff;text-decoration: none; display: block;}
.about_list .al img{width: 100%;;}
.about_list .al_font{position: absolute; bottom: 30px; left: 40px;}
.inf{text-align: center;}
#owl-demo2 a{color: #000; text-decoration: none;} 
#owl-demo2 h4{margin: 8px 0;}
#owl-demo2  .owl-item .inf img{

	margin-top: 30px;
}
.product{position: relative;}
.hot{position: absolute; top: 0px; right: 10px;}
.hot img{width: auto;}
#owl-demo2 .owl-item img{width: 80%;}
.about_list ul .al:hover .cp{
		animation-name: img_bigger;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-fill-mode:forwards;
}
#owl-demo2 div li:hover .cp{
	animation-name: img_bigger;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-fill-mode:forwards;

	}
@keyframes img_bigger
{
from { -webkit-transform:scale(1,1);}
to { -webkit-transform:scale(1.2,1.2);}
}
#owl-demo2 .xingjiao{
	 clear: both;
	 overflow: hidden;
     padding-bottom: 0.8rem;
     width: 75px;
     margin-left: auto;
     margin-right: auto;
	
}
#owl-demo2 .xingjiao ul li{
	float: left;
	margin-left:0;
    width:20%;
	 padding-right: 0.9rem;
	 margin-top: 5px;
	 border: none;
	 padding-left: 0px;
	 padding-right: 0px;
	 padding-top: 0px;
}
#owl-demo2 .xingjiao ul li:hover{border: none;}