.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; z-index:3;}
.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(../images/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);}


.item{ width:100%; float:left; font-size:1em; line-height:155%; text-align:center; padding:0px 0px;}
.item img{width:100%;  float:left;}
.item a{ width:100%; float:left;}


@media only screen and (max-width:1200px){
#owl-demo1{ width:100%; float:left; margin:0px 0px 20px 0px; padding:0px 30px;}
#owl-demo1 .item{ padding:0px 10px;}
#owl-demo1 .item img{ width:100%;  display:block;}
#owl-demo1 .item a{ width:100%; display:block; position:relative; float:left;}
#owl-demo1 .item a p{ width:100%; position:absolute; font-size:15px; height:60px; overflow:hidden; line-height:20px; padding:10px 60px 10px 10px; color:#fff; background:rgba(29,171,180,.8); left:0px; bottom:0px; text-align:left;}
#owl-demo1 .item a p i{ background:url(../images/more2.png) no-repeat; width:26px; height:27px; position:absolute; right:20px; top:22px;}

#owl-demo2{ width:100%; float:left; margin:0px 0px 20px 0px; padding:0px 30px;}
#owl-demo2 .item{ padding:0px 10px;}
#owl-demo2 .item img{ width:100%;  display:block; box-shadow:0 0px 6px rgba(0,0,0,.1);}
#owl-demo2 .item a{ width:100%; display:block; position:relative; float:left;}
#owl-demo2 .item .imgk{ width:100%; float:left; position:relative; background:#ff6e4a;}
#owl-demo2 .item .txtk{ width:100%; padding:20px 0px; float:left; color:#333; font-size:1em; line-height:155%; }
#owl-demo2 .item .txtk b{ display:block; font-size:1.15em; color:#ff6e4a; line-height:30px; height:30px; font-weight:bold; text-overflow:ellipsis; overflow:hidden;  white-space: nowrap; margin-bottom:0px;}

}

@media only screen and (min-width:1200px){
#owl-demo1{ width:1240px; float:left; margin:0px 0px 40px -20px;}
#owl-demo1 .item{ padding:0px 20px;}
#owl-demo1 .item img{ width:100%;  display:block;}
#owl-demo1 .item a{ width:100%; display:block; position:relative; float:left;}
#owl-demo1 .item a p{ width:100%; position:absolute; font-size:15px; height:60px; overflow:hidden; line-height:20px; padding:10px 60px 10px 10px; color:#fff; background:rgba(29,171,180,.8); left:0px; bottom:0px; text-align:left;}
#owl-demo1 .item a p i{ background:url(../images/more2.png) no-repeat; width:26px; height:27px; position:absolute; right:20px; top:22px;}
#owl-demo1 .item a:hover p{background:rgba(255,110,74,.8); height:100%; font-size:24px; line-height:35px; padding:30px 15px; text-align:center;}
#owl-demo1 .item a:hover p i{ background:url(../images/more1.png) no-repeat; width:51px; height:51px; position:absolute; left:50%; top:auto; margin-left:-25px; bottom:15%;}

#owl-demo2{ width:1240px; float:left; margin:0px 0px 40px -20px;}
#owl-demo2 .item{ padding:0px 20px;}
#owl-demo2 .item img{ width:100%;  display:block; box-shadow:0 0px 6px rgba(0,0,0,.1);}
#owl-demo2 .item a{ width:100%; display:block; position:relative; float:left;}
#owl-demo2 .item .imgk{ width:100%; float:left; position:relative; background:#ff6e4a;}
#owl-demo2 .item .txtk{ width:100%; padding:20px 0px; float:left; color:#333; }
#owl-demo2 .item .txtk b{ display:block; font-size:18px; color:#ff6e4a; line-height:30px; height:30px; font-weight:bold; text-overflow:ellipsis; overflow:hidden;  white-space: nowrap; margin-bottom:10px;}
#owl-demo2 .item a:hover i{ background:url(../images/more1.png) no-repeat; width:51px; height:51px; position:absolute; left:50%; top:auto; margin-left:-25px; margin-top:-25px; top:50%;}
#owl-demo2 .item a:hover img{ filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
}