body,html{
	clear: all;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
}
ul,li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.conncon{
	width: 80%;
	margin-left: 10%;
}

/*导航栏*/
.navbar-default .navbar-brand{
	padding: 0 15px;
}
.navbar{
	background: #fff;
	padding: 10px  0;
	border: none;
	width: 90%;
	margin: 0 auto;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	
	color: #1274f6;
	font-weight: bold;
	background-color:white;
	
}

.navbar-default .navbar-nav>.active a{
	border-bottom: 1px solid #1274f6;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	padding: 0;
}
.navbar-default .navbar-nav>li>a{
	font-size: 16px;
}




/*页脚*/
footer{
	width: 100%;
	background: black;
	padding-top: 50px;
	padding-bottom: 30px;
}
footer table{
	width: 600px;
	margin: 0 auto;
}
footer table th{
	color: white;
	font-weight: 800;
	line-height: 38px;
}
footer table td{
	color: #969699;
	line-height: 30px;
}
footer .conncon{
	color: white;
	
}
footer .line{
	width: 100%;
	border-top: 1px solid #969699;
}
footer .shanb{
	letter-spacing: 2px;
	color: #969699;
}



/*首页*/
.banner img{
	width: 100%;
}
.banner{
	position: relative;
}
.banner button{
	width: 100px;
	height: 35px;
	background: red;
	position: absolute;
	left: 19%;
	top: 54%;
	opacity: 0;
	z-index: 2;
}
.ind-con li{
	width: 49%;
}
.ind-con li img{
	width: 100%;
}
.ind-con{
	margin-top:30px;
	padding: 0;
}
.ind-con h2{
	color: #1376f5;
}
.ind-con p{
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 35px;
	text-indent: 2em;
}
.ind-feature{
	margin-top: 30px;
	padding: 0;
}
.ind-feature li{
	width: 49%;
	margin: 12px 0;
	line-height: 30px;
}
.ind-feature li span{
	font-weight: 800;
	font-size: 16px;
}
.ind-feature li:nth-child(even){
	float: left;
}
.ind-feature li:nth-child(odd){
	float: right;
}
.ind-ci{
	background: #f8f8f8;
	padding-top: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

@media (min-width: 768px){
	.sanfen li{
	width:24%;
	float: left;
	margin-right: 1%;
	}
	
	.sanfenr li{
	width:24%;
	float: right;
	margin-right: 1%;
	}
}

.sanfen li img,.sanfenr li img{
	width: 100%;
}


/*产品服务*/
.pro-con{
	padding: 80px 0;
}
.pro-con li{
	position: relative;
	line-height: 30px;
}
.pro-con ul{
	padding: 0;
	width: 25%;
}
.pro-con .fl li img{
	position: absolute;
	width:70px ;
	top: 0px;
	right: -80px;
}
.pro-con .fr li img{
	position: absolute;
	width:70px ;
	top: 0px;
	left: -80px;
	
}
.pro-chan{
	background: #333333;
	padding-bottom: 30px;
}
.pro-chan h1{
	color: white;
	text-align: center;
	padding-top:50px;
	letter-spacing: 4px;
}
.pro-chan h3{
	color:#969699 ;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 3px;
}
/*下载中心*/
.down-con{
	position: absolute;
	left:10% ;
	width: 80%;
	top: 10%;
}
/*视频回放*/
.ve-con{
	background: #f5f5f5;
}
.userfo{
	width:25%;
	background-size: 100% 100%;
	text-align: center;
	color: white;
	float: left;
	margin-top: 50px;
}
.userfo-background{
	padding: 20px 0;
	background: url(../images/download/userfor.png);
}

.userfo .toux img{
	width: 60%;
}
.userfo h3{
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 10%;
}
.userfo .ifqijian img{
	width: 65%;
	margin: 15px 0;
}
.userfo .changein{
	margin-top: 20px;
}
.userfo .changein img{
	width: 20px;
	margin-right: 5px;
}
.userfo .name ,.userfo .numm{
	width: 80%;
	margin-left: 10%;
	text-align: left;
	line-height: 30px;
}
.sphf{
	background-size: 100% 100%;
	width:100%;
	padding: 10px 0;
	color: #0097ff;
	font-weight: 800;
	/*position: absolute;*/
	text-align: center;
	letter-spacing: 3px;
	font-size: 18px;
}
.sphf-active{
	background: url(../images/download/sphf.png);
}
.ve-ve{
	width: 70%;
	float: right;
	margin-top: 50px;
}
.ve-ve h3 span{
	font-size: 16px;
	font-weight: normal;
	color: #909090;
	letter-spacing: 2px;
}
.ve-ve h3 span img{
	width: 20px;
	margin-right: 8px;
}
.ve-ve ul{
	width: 100%;
	padding: 0;
	margin-top: 50px;
}
.ve-ve ul li{
	width: 30%;
	float: left;
	margin-right: 4.5%;
	margin-bottom: 30px;
	position: relative;
	z-index: 20;
}
.ve-ve ul li:nth-child(3n+3){
	margin-right: 0;
	
}
.ve-ve ul li video{
	width: 100%;
	height: 100px;
	margin-bottom: 15px;
	border-radius: 5px;
	z-index: -1;
}
.ve-ve h3 span{
	cursor: pointer;
}
.choose{
	position: absolute;
	left: 45%;
	top: 35px; 
	width: 30px !important;
	z-index: 100;
	display: none;
}
.tvmu{
	position: absolute;
	z-index: 9999 !important;
	background: opacity;
	width: 100%;
	height:100px;
}

/*视频播放详情页*/
.tv-box{
	width: 100%;
	background: black;
	padding-bottom:20px;
}
.tv-box video{
	margin-left: 10%;
}
.tv-box video{
	max-height: 500px;
}
.tv-box h3,.tv-box h4{
	width: 80%;
	margin-left: 10%;
	color: white;
	margin-bottom: 30px;
}


.ve-2{
	width: 80%;
	margin-left: 10%;
}
.ve-2 a{
	font-size: 14px;
	color: black;
	line-height: 30px;
}

.ve2-ul{
	width: 100%;
	padding: 0;
}
.ve2-ul li{
	width: 23%;
	margin: 20px 1%;
	float: left;
}
.ve2-ul li video{
	width: 100%;
	height: 100px;
	border-radius: 15px;
	
}
.abt-con {
	width: 80%;
	margin-left: 10%;
	margin-top: 50px;
	padding-bottom: 50px;
}
.abt-con .fl{
	width: 40%;
}
.abt-con .fl img{
	width: 100%;
}
.abt-con .fr{
	width: 58%;
}
.abt-con .fr h3{
	margin-top: 0;
	margin-bottom: 20px;
}
.abt-con .fr p{
	text-indent: 2em;
	line-height:30px;
	width: 80%;
}

#alert{
	width:40%;
	box-shadow:1px 1px 15px #e1e1e1;
	position: absolute;
	top: 35%;
	left: 38%;
	background: #f7f7f7;
	padding: 30px 50px;
	display: none;
}
#alert h3{
	margin-top: 0;
	color: #4290f8;
	text-align: center;
}
#alert p{
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}
#alert p input{
	border: 1px solid #b1b1b1;
	height: 30px;
	outline:none;
	margin-left: 20px;
	width:60%;
	text-indent: 1em;
}
#alert p input:focus{
	border: 1px solid #3a96f4;
}

.earnumm,.earnumm2{
	margin-left: 25%;
	font-size: 12px;
	color: red;
	display: none;
}
.cloose{
	position: absolute;
	right: 8px;
	top: 5px;
}

/*登录*/
.log-con{
	width: 100%;
	background: url(../images/login/login-bg.png);
	background-size: 100% 100%;
	padding: 200px 0;
}
.log-con .fom{
	width: 40%;
	background: white;
	border-radius: 10px;
	padding: 50px 30px;
	margin-left: 30%;
}
.nav-tabs>li>a{
	border: none;
	font-size: 18px;
	font-weight: 800;
	color: #a0a2a9;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border: none;
	color: black;
	border-bottom: 2px solid #32a4ff;
}
.nav-tabs{
	border: none;
}
.nav-tabs li{
	margin-right: 20px;
}
.tab-content input{
	height: 30px;
	border: none;
	border-bottom: 1px solid #bdbcc2;
	margin-top: 30px;
	width: 100%;
}
.tab-content input:focus{
	outline: none;
}
.tab-content{
	margin-top: 20px;
}
#btn{
	color: #6e6d73;
	position: absolute;
	right: 10px;
	bottom: 80px;
	width: 100px;
	outline: none;
	background: none;
}
#profile form,#home form{
	position: relative;
}
#subm{
	border: none;
	background: #32a4ff;
	color: white;
	height: 50px;
	letter-spacing: 3px;
	border-radius:8px;
}
#look{
	position: absolute;
	right: 10px;
	bottom: 132px;
}
.nav>li>a:hover{background: none;}
/*大屏*/
@media (min-width: 768px){
	.navbar-header{
		width: 20%;
	}
	.navbar-nav{
		width: 75%;
		margin-left: 5%;
	}
	.navbar-nav li{
		width: calc(100% / 6);
		text-align: center;
	}
	.navbar-default .navbar-nav>.logina>a{
		font-size: 14px;
	}
	
	.nav>li>a{
	display: inline-table;
	letter-spacing: 5px;
	padding-left: 0;
	padding-right: 0;
	
}

.navbar-default .navbar-nav>.active a{
	border-bottom: 1px solid #1274f6;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	padding: 0;
}
.nav>li>a{
	display: inline-table;
	letter-spacing: 5px;
	padding-left: 0;
	padding-right: 0;
	
}

}

/*小屏*/
@media (max-width: 767px){
	.navbar-collapse.in{
		overflow: hidden;
	}
	footer table td,footer table th{
		/*width: 100%;*/
		text-align: center;
	}
	footer table{
		width: 100%;
	}
	.ind-con li{
		width: 100%;
	}
	.ind-feature li{
		width: 100%;
	}
	.sanfen,.sanfenr{
		padding: 0;
	}
	.sanfen li, .sanfenr li{
		margin-top: 5px;
		width: 100%;
	}
	
	
	/*产品*/
	.pro-con{
	padding: 80px 0;
}
.pro-con li{
	position: relative;
	line-height: 30px;
}
.pro-con ul{
	padding: 0;
	width: 90%;
}
.pro-con .fl li img{
	position: absolute;
	width:40px ;
	top: 0px;
	right: -50px;
}
.pro-con .fr li img{
	position: absolute;
	width:40px ;
	top: 0px;
	left: -50px;
	
}
.pro-con{
	background: #f6fafe !important;
}

.andro{
	width: 40px !important;
	top: 5% !important;
}

/*视频回放*/
.userfo{
	width: 100%;
}
.ve-ve h3{
	margin-top: 35px;
}
.ve-ve ul li{
	width:47%;
	
}
.ve-ve ul li:nth-child(odd){
	margin-right: 3%;
}
.ve-ve ul li:nth-child(even){
	margin-right: 0;
}
.ve-ve{
	width: 100%;
}
	
	
	.ve2-ul li{
		width: 80%;
		margin:0 0 0 10%;
	}
	.abt-con .fl{
		width: 80%;
	}
	.abt-con .fr,.abt-con .fr p{
		width: 100%;
		
	}
	.abt-con .fr h3{
		margin-top: 30px;
	}
	
	.log-con .fom{
		width: 80%;
		margin-left: 10%;
	}
	.nav-tabs li{
		margin-right: 0;
	}
	.log-con{
		padding: 50px 0;
	}


	
}
.point {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 500px;
	margin: 0px 0.5em;/*调整圆点的位置*/
	background-color: #ddd;
	vertical-align: baseline;
}
.point-lg {
	width: 6px;
	height: 6px;
}
/*.point-primary {*/
/*	background-color: #3498db;*/
/*}*/