/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/*banner*/
.v-banner {
    margin-top: 52px;
	position: relative;
	width:100%;
	overflow:hidden;
}
.V-btn {
    display: block;
    position: absolute;
    width: 230px;
    font-size: 18px;
    text-align: center;
    left: 50%;
    margin-left: -115px;
    bottom: 45px;
    color: #fff;
    background: #f39c12;
    border-radius: 5px;
    border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    line-height: 50px;
    border-bottom: 3px solid #d28710;
    transition: all 0.3s;
	text-decoration:none;
	}
.V-btn:hover {
    background: #faa012;	
	color:#fff;
	text-decoration:none;
}


/*视频*/
.v-video{
    width:1100px;
    margin:0 auto;
	text-align:center;
	margin:80px auto 120px;
}
.v-video #my-video{
    margin:0 auto;
	margin-bottom: 100px;
}


/*产品展示*/

#owl-demo .item{
   width: 86%;
   border: 1px solid #efefef;
   margin: 0 auto;
   overflow: hidden;
   transition: box-shadow 0.3s ease-in-out;
 	-moz-transition:width 1s; /* Firefox 4 */
	-webkit-transition:width 1s; /* Safari and Chrome */
	-o-transition:width 1s; /* Opera */
}
#owl-demo .item:hover{

    box-shadow: 0px 0px 10px #c9c9c9b3;
   
}

#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;

        overflow: hidden;
        cursor:pointer;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; /* Opera */
}
#owl-demo .item:hover a{
   overflow:hidden
}
#owl-demo .item:hover img{
   transform: scale(1.2);
   
}
.product-name{
   margin: 25px auto 35px;
   width:90%;

}
.owl-pagination{
dispaly:none;
}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: block;position: relative;width: 1100px;margin: 0 auto;-ms-touch-action: pan-y;    margin-bottom: 40px;
}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{    padding-top: 10px;overflow: hidden;position: relative;width: 100%;
margin: 0 auto;}
.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(../images/grabbing.png.html) 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-theme .owl-controls{float: right;position: relative;width: 100%;position: absolute;
width: 100%;
top: 45%;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{padding: 5px 4px;
color: #C3C3C3;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 0px 0px 0px 1px;font-size: 2.4em;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 0px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 1;border: 1px solid #ccc;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{background: #0b6dff;color: #fff;
border: 1px solid #0b6dff;filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.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;}
/* If PaginationNumbers is true*/
.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;}
/* preloading images*/
.owl-buttons {
    width: 100%;

}
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif.html) no-repeat center center}

.owl-theme .owl-controls .owl-buttons div.owl-prev{
	float:left;margin-left: -20px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	float:right;margin-right: -20px;
}
.vpro-gengduo {
border: 1px solid #eaeaea;
    padding: 5px 10px;
    font-size: 18px;
    color: #fff;
    background: #1d87ff;
    display: block;
    font-weight: 600;
	
	}
.vpro-gengduo:hover, .vpro-gengduo:focus {
    color: #fff;
    background: #1d87ff;
    text-decoration: none;
    font-size: 20px;
	}


.v-two {
    position: relative;
	width:100%;
	overflow:hidden;
	background-image:url(../images/v-bg.jpg) ;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size: auto 100%;
        background-position:center;
}

/*打造未来办公场所*/
.v-three {
    
	width:100%;
    margin:80px auto;
}
.v-title{
   display:block;
   margin:0 auto;
}
.v-three-con {
    margin: 60px auto;
    width: 1100px;

}
.v-three-list{
   width:100%;
   clear:both;
   margin-bottom:30px;
}
.v-three-list h4{
   font-size:26px;
   margin-bottom:30px;
}
.v-three-list p{
   font-size:18px; 
}
.v-three-list:nth-child(1) img,.v-three-list:nth-child(3) img{
   width:48%;
   float:left;
}
.v-three-list:nth-child(2) img,.v-three-list:nth-child(4) img{
   width:48%;
   float:right;
}
.v-three-list:nth-child(1) div,.v-three-list:nth-child(3) div{
   width:48%;
   float:right;
   padding-top:20px
}
.v-three-list:nth-child(2) div,.v-three-list:nth-child(4) div{
   width:48%;
   padding-top:20px;
   float:left;
}
.V-t-btn{
    display: block;
    width: 230px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background: #f39c12;
    border-radius: 5px;
    border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    line-height: 50px;
    border-bottom: 3px solid #d28710;
    transition: all 0.3s;
}
.V-t-btn:hover,.V-t-btn:focus{
    color: #fff;
	text-decoration:none;
}


/*app下载*/
.v-app{
   background:url(../images/vi-bg.png);
   background-repeat: no-repeat;	
   background-attachment:fixed;	
   background-size: auto 100%;
padding: 60px 0px;
background-position: center;
}
.v-apptitle{
   margin:0 auto;
   display:block;
}
.v-app-con{
   width:1100px;
   padding-top:50px;
   margin:0 auto;
}
.v-app-con img{
   float:left;
   width:230px;
}
.v-apptext{
   width:800px;
   color:#fff;
   padding-top:30px;
   font-size:18px;
   float:right;
}
.V-btn2{
	display: block;
	float:left;
	width: 230px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background: #f39c12;
	border-radius: 5px;
	border: none;
		border-bottom-width: medium;
		border-bottom-style: none;
		border-bottom-color: currentcolor;
	line-height: 50px;
	border-bottom: 3px solid #d28710;
	transition: all 0.3s;
	margin-top:30px;
}
.V-btn2:hover,.V-btn2:focus{
   color:#fff;
   text-decoration:none;
}
.V-btn1{
   border-bottom: 3px solid #008b6d;
   background: #00b38c;
   	float:left;
	margin-right:20px;
	float:left;
}


/*合作企业*/	
   /*标题*/
        h3.bt-title {
            color: #F2AE11;
            font-size: 1.3em;
            margin-bottom: 2em;
            text-align: center;
            font-weight: 500;
            line-height: 1.1;
        }
        h3.bt-title span {
            display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
            font-size: 1.6em;
            color: #212121;
			padding-top: 3px;
            position: relative;   /*定位横线（当横线的父元素）*/
        }
        h3.bt-title span:before, h3.bt-title span:after {
            content: '';                 /*CSS伪类用法*/
            position: absolute;         /*定位背景横线的位置*/
            top: 52%;        
            background: #0061b3;/*宽和高做出来的背景横线*/
            width: 17%;
            height: 2px;
        }
        h3.bt-title span:before{
            left: 17%;        /*调整背景横线的左右距离*/
        }
        h3.bt-title span:after {
            right: 17%;
        }	
.l-qiye h3.bt-title span:before{
            left: 23%;        /*调整背景横线的左右距离*/
        }
.l-qiye h3.bt-title span:after {
            right: 23%;
        }		
.l-qiye{
    width:100%;
	padding-top:40px;
}
.l-qiye-con	{
    width:1100px;
	margin:0 auto;
	margin-bottom:80px;
	padding-top:30px;
	text-align:center;
}
.l-qiye-con li{
   border:2px solid #ccc;
   padding:0px;
   width: 200px;
   margin-left: 5px;
   margin-bottom: 10px;
   cursor:pointer;

}		
.l-qiye-con li img{
   width:100%;
   
}