@charset "utf-8";

.ptit{width: 22%;height: auto;float:left;position: relative;top:10rem;overflow:hidden;}
.ptit h1{color:rgba(36,39,51,0.1);font-size:4rem;position:relative;font-weight:normal;color:#303030;display: block;border-left:solid 2px #bebebe;padding-left:10px;}
.ptit h3 {font-size:2.4rem; color: #000;font-weight:normal; display:block;width:100%;float:left;color:#2f2f2f;display: block;line-height:2;border-left:solid 2px #bebebe;padding-left:10px;}
.ptit .t1{display: block;width:60%;height: 100%;float:left;clear:both;float:left;overflow:hidden;padding-top:2rem;padding-left:10px;}
.ptit:hover h3 a{color:#c00a0d;}





.ptit span {display: block;line-height: 2;  font-size: 1.6rem;  color: #5f5f5f;font-weight:normal;clear:both;}


.ptit .search{width:90%;float:left;position:relative;height:37px;margin-top:3rem;}
.ptit .search .s1{width:100%;background:none;display:block;border:solid #cecece 1px;border-radius:20px;line-height:35px;padding-left:5%;}
.ptit .search .s2{width:35px;height:35px;background:url(../images/search.png) no-repeat center top;position:absolute;right:3%;top:0px;border:none;}
.product{width:100%;height:60vh;overflow:hidden;background:#eeeeee;}


.pro_info{width: 78%;height: auto;float:left;}

@media(max-width:768px){

.ptit h1{font-size: 3rem;}

}

@media(max-width:469px){
.product{height:auto !important;padding:4rem 0rem;}
.ptit{width: 95%;clear:both;float:none;margin:0 auto;top:0rem;margin-top:3rem;}
.ptit .t1{width:100%;}
.ptit .search{margin-bottom:3rem;}
.pro_info{width: 95%;clear:both;float:none;margin:0 auto;margin-top:3rem;}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;position:static !important;}
#owl-demo .item{height:50vh !important;overflow:hidden;}

#owl-demo .item .p1{display:none;}
#owl-demo .item .img {width:100% !important;float:none !important; ;margin:0 auto;clear:both;}
#owl-demo .item .img img{width:100% !important;}
#owl-demo .item h1{width:80% !important;padding-top: 10% !important;float:none !important;;margin:0 auto;clear:both;}
#owl-demo .item p{width:80% !important;float:none !important;margin:0 auto;clear:both;}
#owl-demo .item .more {padding-top: 5% !important;
    padding-left: 10%;
}


}

@media (min-width:470px) and (max-width:768px){
.product{height:auto !important;padding:4rem 0rem;}
.ptit{width: 95%;clear:both;float:none;margin:0 auto;top:0rem;margin-top:3rem;}
.ptit .t1{width:100%;}
.ptit .search{margin-bottom:3rem;}
.pro_info{width: 95%;clear:both;float:none;margin:0 auto;margin-top:3rem;}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;position:static !important;}
#owl-demo .item h1{padding-top: 10% !important;}
#owl-demo .item{height:60vh !important;overflow:hidden;}
}



@media (min-width:769px) and (max-width:990px){
.product{height:auto !important;padding:4rem 0rem;}
.ptit{width: 95%;clear:both;float:none;margin:0 auto;top:0rem;margin-top:3rem;}
.ptit .t1{width:100%;}
.ptit .search{margin-bottom:3rem;}
.pro_info{width: 95%;clear:both;float:none;margin:0 auto;margin-top:3rem;}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;position:static !important;}
#owl-demo .item h1{padding-top: 10% !important;}
#owl-demo .item{height:40vh !important;overflow:hidden;}
}

@media (min-width:991px) and (max-width:1080px){
.product{height:auto !important;padding:4rem 0rem;}
.ptit{width: 95%;clear:both;float:none;margin:0 auto;top:0rem;margin-top:3rem;}
.ptit .t1{width:100%;}
.ptit .search{margin-bottom:3rem;}
.pro_info{width: 95%;clear:both;float:none;margin:0 auto;margin-top:3rem;}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;position:static !important;}
#owl-demo .item h1{padding-top: 10% !important;}
#owl-demo .item{height:40vh !important;overflow:hidden;}
}
@media (min-width:1081px) and (max-width:1200px){
.product{height:auto !important;padding:4rem 0rem;}
.ptit{width: 95%;clear:both;float:none;margin:0 auto;top:0rem;margin-top:3rem;}
.ptit .t1{width:100%;}
.ptit .search{margin-bottom:3rem;}
.pro_info{width: 95%;clear:both;float:none;margin:0 auto;margin-top:3rem;}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;position:static !important;}
#owl-demo .item h1{padding-top: 10% !important;}
#owl-demo .item{height:40vh !important;overflow:hidden;}
}







#owl-demo .item{
	margin: 3px;
	height:50vh;
}

#owl-demo .item .img{width:80%;float:right;margin: 80px 0 30px 0;}
#owl-demo .item .img img{max-width:100%;width:auto;height:auto;}

@media (max-width:990px){
#owl-demo .item .img{width:80%;float:right;display:block;margin: 0 0 10px 0;}
#owl-demo .item .img img{max-width:100%;width:auto;height:auto;}
#owl-demo .item h1{padding-top: 10% !important;}
}


#owl-demo .item h1{color:#8f8f8f;font-size:2.6rem;display:block;width:80%;float:right;padding-top: 60%;line-height:2;}
#owl-demo .item p{width:80%;margin:0 auto;}
#owl-demo .item p a{color:#000;font-size:1.6rem;display:block;width:100%;margin:0 auto;font-weight:normal;line-height;1.8;}
#owl-demo .item .p1{width:20%;float:left;overflow:hidden;}
#owl-demo .item .p1 img{max-width:100%;width:auto;height:auto;}
#owl-demo .item .more{display:block;padding-top:15%;}


#owl-demo .item:hover h1{color:#c00a0d;}
#owl-demo .item:hover .more{color:#c00a0d;}

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.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);}
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.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-theme .owl-controls{margin-top: 10px;text-align: center;position: absolute;left: -17vw;bottom: 7rem;}
.owl-theme .owl-controls .owl-buttons .owl-prev{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:65px;height:40px;background:url(../images/p4.png) no-repeat;font-size:0px;}
.owl-theme .owl-controls .owl-buttons .owl-next{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:65px;height:40px;background:url(../images/p3.png) no-repeat;font-size:0px;}


.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display:none;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}