/* 

 * 	Core Owl Carousel CSS File

 *	v1.3.3

 */



/* clearfix */



.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing { 

    cursor:url(/template/static/css/grabbing.png) 8 8, move;

}



/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}



#owl-demo{

	display: block;

	overflow: hidden;

	width: 645px;

	height: 444px;

	float: right;

	margin-bottom: 60px;

}

#owl-demo .item{ position:relative;display:block;}

#owl-demo img{

	display: block;

	width: 645px;

	height: 444px;

}

#owl-demo b{

	position: absolute;

	left: 0;

	bottom: 0px;

	width: 100%;

	height: 70px;

	background-image: url(../image/jbg.png);

}

#owl-demo span{position:absolute;left:0;bottom:30px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:12px;width:100%;height:10px;text-align:center;}

.owl-page{display:inline-block;width:7px;height:7px;margin:0 5px;background-image:url(../image/bg15.png);*display:inline;*zoom:1;}

.owl-pagination .active{width:18px;background-image:url(../image/bg16.png);}

.owl-buttons{display:none;}

.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}

.owl-prev{left:0;background-image:url(../image/bg17.png);}

.owl-next{right:0;background-image:url(../image/bg18.png);}

.owl-prev:hover{background-image:url(../image/bg19.png);}

.owl-next:hover{background-image:url(../image/bg20.png);}

@media(max-width:1400px){

.new01 {
    width: 45%;
}

#owl-demo {
    width: 50%;
}

#owl-demo img{

	display: block;

	width: 100%;
}

}


@media(max-width:768px){

#owl-demo{

	display: block;

	overflow: hidden;

	width: 100%;

	height: 30%;

	float: right;

	margin-bottom:0px;

	margin-top: 20px;

}

#owl-demo img{

	display: block;

	width: 100%;

	height: 100%;

}

#owl-demo span{position:absolute;left:0;bottom:24px;width:100%;font:14px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

#owl-demo b{

	position: absolute;

	left: 0;

	bottom: 0px;

	width: 100%;

	height: 60px;

	background-image: url(../image/jbg.png);

}

}