﻿/*!
 * 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 */
/*无线覆盖难题*/

.w-prob{
   width:1100px;
   margin:0 auto;
   text-align:center;
}
.w-prob h3{
   width:100%;
   margin-top:60px;
   margin-bottom: 60px;
   text-align:center;
   font-size:36px;
}
.w-prob ul li{
   text-align:center;
   width: 24%;
   font-size:20px;
   margin-bottom:50px;
}
.w-prob img {
    display:block;
	cursor:pointer;
	margin:0 auto;
    -webkit-transition: transform 0.8s ease-in-out;
    -moz-transition: transform 0.8s ease-in-out;
    -ms-transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
        }
.w-prob img:hover {
    
    -webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
	-ms-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);
        }
		
		
		
/*解决 无线覆盖难题结束*/	
.w-prob-two{
    width:100%;
	margin:50px 0px;
	background-image:url(../images/w-pcbg.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size:100% auto;
}
.w-prob-twocon{
    width: 1100px;
	margin: 0px auto;
	padding: 10px 0px;
	background:rgba(0, 0, 0, 0.54);
}
.w-jj-list1{
    width:350px;
	float:left;
	padding: 0px 0px 0px 30px;
}
.w-jj-list2{
    width:400px;
	float:left;
	
}
.w-prob-twocon img{
    width:330px;
	margin:0 auto;
	padding-top:30px
}
.w-jj-list3{
    width:350px;
	float:right;
	padding: 0px 30px 0px 0px;
}
.w-jj-o {
    padding-top: 30px;
        color: #fff;
}
.w-jj-o h4{
    font-size:22px;
	
}
.w-jj-o p{
    text-indent:2em;
    font-size:14px;
	color: rgba(255, 255, 255, 0.85);
}

/*wifi案例展示*/
.w-case{
   clear:both;
   text-align:center
}
.w-case h2{
   color:#0d3e63;
   font-size:36px;
}
.w-case-con{
   width:1100px;
   margin:60px auto;
}
.w-case-con img{
   width:100%;
   position:relative;
}
.w-case-list{
   overflow:hidden;
   position: relative;
   cursor:pointer;
}
.w-case-list:nth-child(1){
   width:356px;
   margin-right:15px;
   float:left
}
.w-case-list:nth-child(2){
    width:356px;
    margin-right:15px;
	float:left
}
.w-case-list:nth-child(3){
   width:356px;
   float:left
}
.w-case-list:nth-child(4){
   width:310px;
   margin-right:15px;
   float:left;
   height:249px;
   margin-top:15px;
}
.w-case-list:nth-child(5){
    width:320px;
    margin-right:15px;
	float:left;
	height:249px;
	margin-top:15px;
}
.w-case-list:nth-child(6){
   width:440px;
   float:left;
   height:249px;
   margin-top:15px;
}
.w-case-list:nth-child(4) img{
   width:120%;
   left:-10%;
   height:100%;
}
.w-case-list:nth-child(5) img{
   width:120%;
   left:-10%;
   height:100%;
}
.w-case-hide{
   position:absolute;
   bottom:0;
   z-index:111;
   background:rgba(0,0,0,0.6);
   width: 100%;
   color:#fff;
   
   }
.w-case-hide p{
   padding:0px 10px;
   display:none;
   }
.w-case-list{
    transition: all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out; /* Firefox 4 */
	-webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out; /* Opera */

}
.w-case-list:hover .w-case-hide{
	height:100%;
}
.w-case-list:hover .w-case-hide h4{
	margin-top:50px;
	font-weight:800;
}
.w-case-list:nth-child(6):hover .w-case-hide h4{
	margin-top:25%;
}
.w-case-list:hover .w-case-hide p{
    display:block;
}

/*无线wifi方案*/

   /*标题*/
        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: 22%;        /*调整背景横线的左右距离*/
        }
        h3.bt-title span:after {
            right: 22%;
        }
/*案例*/
.e-case-con{
		width:1100px;
		margin:0 auto;
		text-align:center;
	}
#w-myTab{
	border-bottom: 1px solid #f2f2f2;
    background: #f2f2f2;
	margin-bottom: 15px;
}
#w-myTab > li{
   padding-top:0px;
   padding-bottom:0px;
}
#w-myTab > li>a{
    width:125px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#w-myTab > li.active > a, #w-myTab > li.active > a:hover, #w-myTab > li.active > a:focus{
	color: #fff;
cursor: pointer;
background-color: #0364ff;
border: 1px solid #0364ff;
padding-left: 10px;
}	
#w-myTab > li > a {
    border-radius:  0;
	color:#333;
	font-size:16px;
}	
#w-myTab > li:hover, #w-myTab > li:focus{
	border-bottom: 0px solid transparent;
    background: #0364ff;
	color:#fff;
}	
#w-myTab > li > a:hover, #w-myTab > li > a:focus{
    background: #0364ff;
	color:#fff
}
#w-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;
}


.w-fuwu{
    width:100%;
	margin-top:80px;
	overflow:hidden;
}
.w-fuwu img{
    width:100%;
}






	
		
		
