/*!
 * 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 */


/*专业综合布线方案的重要性*/
   /*标题*/
        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-importance{
    margin: 50px auto 100px;
	width:100%;;
}
.l-import-con{
   width:1100px;
   margin:0 auto;
   padding-top: 50px;
}
.l-import-con ul{
   width:100%;
}
.l-import-con .l-lul li{
   width:20%;
   float:left;
}
.l-import-con li img{
   width:96%;
   display:block;
   margin:0 auto;
}			
.lpc-img{
    width:1000px;
	display:block;
    margin: 30px auto;
	
}		
.l-improt-hide{
    display:none;
}
.l-limg img{
    transition: -webkit-transform 0.8s ease-in-out;
    transition: -moz-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
	cursor:pointer;
}	
.l-limg img:hover {
    transform:rotate3d(0,1,0,360deg);
    -webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);
        }
/*为什么需选择我们*/	
    /*标题*/
        h3.pro-title {
            color: #F2AE11;
            font-size: 1.3em;
            margin-bottom: 2em;
            text-align: center;
            font-weight: 500;
            line-height: 1.1;
        }
        h3.pro-title span {
            display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
            font-size: 1.6em;
            color: #fff;
			padding-top: 3px;
            position: relative;   /*定位横线（当横线的父元素）*/
        }
        h3.pro-title span:before, h3.pro-title span:after {
            content: '';                 /*CSS伪类用法*/
            position: absolute;         /*定位背景横线的位置*/
            top: 52%;        
            background: #fff;/*宽和高做出来的背景横线*/
            width: 17%;
            height: 2px;
        }
        h3.pro-title span:before{
            left: 25%;        /*调整背景横线的左右距离*/
        }
        h3.pro-title span:after {
            right: 25%;
        }		
		
.l-us{
    width:100%;
	background:url(../images/l-bg.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size: auto 100%;
    padding: 60px 0px 80px;
}
.l-us-con{
    width:1100px;
	margin:0 auto;
	color:#fff;
	padding-top: 50px;
}	
.l-us-con li{
   clear:both;
  margin-bottom: 35px;
}
.l-us-con1{
    width:350px;
	float:left;
	margin-right:20px;
}		
.l-us-con2{
    width:350px;
	float:left;
	margin-right:20px;
}	
.l-us-con2 img{
    width:96%;
	display:block;
	margin:0 auto;
	margin-top: 40px;
}	
.l-us-con3{
    width:350px;
	float:right;
}		
.l-us-con1 p,.l-us-con3 p{
    font-size:18px;
	width:270px;
	float:right;
}			
.l-us-con1 p span,.l-us-con3 p span{
    display:block;
	font-size:13px;
	padding-top:5px;
}		
.l-us-con1 img,.l-us-con3 img{
    width:70px;
	float:left
}		
.l-us-con1 ul li:nth-child(4),.l-us-con1 ul li:nth-child(5),.l-us-con1 ul li:nth-child(6){
	display:none;
}						

/*亿源数通注重细节*/		
.l-xijie{
    width:100%;
	padding:60px 0px;
	text-align:center;
}
.l-xijie h2{
    font-size:36px;
}	
.l-xijie h2 span{
    color: #ba0000;
}		
.l-xijie-con{
    width:1100px;
	margin:0px auto;
	padding-top:80px
}			
.l-xijie-con li:nth-child(1) img,.l-xijie-con li:nth-child(3) img{
    width:182px;
    float:right;
}
.l-xijie-con li:nth-child(2) img,.l-xijie-con li:nth-child(4) img{
    
	width:182px;
	float:left;
}		
.l-xijie-con li{
    width:540px;
	height:182px;
	float:left;
	padding-right:0px;
    padding-left:0px;
}	
.l-xijie-con li:nth-child(1) p,.l-xijie-con li:nth-child(3) p{
    width: 300px;
    float: right;
    margin-right: 30px;

}
.l-xijie-con li:nth-child(2) p,.l-xijie-con li:nth-child(4) p{
    width: 300px;
    float:left;
	margin-left: 30px;
}		
.l-xijie-con li p{
    text-align:left;
	padding-top:40px;
	font-size:20px;
}		
.l-xijie-con li p span{
    display:none;
}		
		
/*综合布线解决方案*/
.l-prog{
    margin:100px 0px;
}

.l-prog h3.bt-title span:before{
            left: 23%;        /*调整背景横线的左右距离*/
        }
.l-prog h3.bt-title span:after {
            right: 23%;
        }
.l-case-con{
		width:1100px;
		margin: 80px auto;
		text-align:center;
	}
#l-myTab{
	border-bottom: 1px solid #f2f2f2;
    background: #f2f2f2;
	margin-bottom: 15px;
}
#l-myTab > li {
   padding-top:0px;
   padding-bottom:0px;
}
#l-myTab > li.active > a, #l-myTab > li.active > a:hover, #l-myTab > li.active > a:focus{
	color: #fff;
cursor: pointer;
background-color: #0364ff;
border: 1px solid #0364ff;
padding-left: 10px;
}	
#l-myTab > li > a {
    border-radius:  0;
	color:#333;
	font-size:16px;
}	
#l-myTab > li:hover, #l-myTab > li:focus{
	border-bottom: 0px solid #fff;
    background: #0364ff;
	color:#fff;
}	
#l-myTab > li > a:hover, #l-myTab > li > a:focus{
    background: #0364ff;
	color:#fff
}
#l-myTab > li > a:hover{
	border-color: #0364ff;
}	

.pro-list {
   width:340px;
   float:left;
   margin:10px 13px;
   background:#fff;
   text-align:center;
   transition: all 0.5s ease-in-out;
   position: relative;
}
.pro-list img{
   transition: all 0.5s ease-in-out;
   position: relative;
}
.pro-img{
   overflow:hidden
}
.pro-list:hover img{
   transform: scale(1.2);
    -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
}	
.pro-list h4{
	
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	background:rgba(0,0,0,0.6);
	margin-top: 0px;
    margin-bottom: 0px;
	padding:10px 0px;
}	
.pro-list:hover h4{
		background:rgba(0,0,0,0.9);
		color:#0364ff
}
.pro-geng {
    float: right;
	color:#333;
    padding: 10px 15px;
    font-size: 16px;
}		
		

/*合作企业*/		
.l-qiye h3.bt-title span:before{
            left: 23%;        /*调整背景横线的左右距离*/
        }
.l-qiye h3.bt-title span:after {
            right: 23%;
        }		
.l-qiye{
    width:100%;
	background:#f7f7f7;
	padding-top:40px;
}
.l-qiye-con	{
    width:1100px;
	margin:0 auto;
	margin-bottom:80px;
	padding-top:30px
}
.l-qiye-con li{
   border:2px solid #ccc;
   padding:0px;
   width: 210px;
   margin-left: 5px;
   margin-bottom: 10px;
   cursor:pointer
}		
.l-qiye-con li img{
   width:100%;
   
}