/*=============================
 * www.nevsin.cn 新视界科技
===========================*/


@charset "utf-8";
@import url("css/bootstrap3/css/bootstrap.min.css");


/*这里是你自己的代码*/
html,
body{ 
	background-color:#fff; 
	color:#282824;
	font-family: "微软雅黑";
	padding:0;
	margin:0;
	line-height:28px;
 }
h2{ margin-bottom:30px; font-size:22px;}
h2 small{
	text-transform: uppercase;
	font-size: 14px;
}
h2 .divider{
	width: 40px;
	height: 2px;
	background-color: #9f9f9f;
	margin: 25px auto;
}
h4{
	font-weight: bold;
}
.row{ max-width:1200px; margin:auto;}

.header{ background-color:#494949; padding:0;}
.header .navbar-brand{ padding:8px 15px;}
.header .navbar-brand img{ max-height:40px;}
.header .navbar-nav>li>a{ padding:20px; color:#e0e0e0;}
.header .navbar-nav>li.active>a{
	background-color: #967760;
}
.header .navbar{ margin:0;}
.header .navbar-toggle .icon-bar{ background-color:#fff;}
.nav>li>a:focus, .nav>li>a:hover{
	background-color: #b99376;
}

.footer{ background-color:#333; color:#999; text-align:center; padding:45px;}
.footer .fnav a{ display:inline-block; margin:0 15px; color:#fff;}
.footer p{ margin-bottom:15px;}

.banner{ background:url(../images/list_img01.jpg)  no-repeat  center center; height:300px; background-color:#ccc;}

.panel-heading{ border-bottom:solid 1px #eee;}
.breadcrumb{ background-color:transparent; margin:0; padding:0; line-height:40px;}
.wrap{ padding:30px 0; background: #f9f9f9;}

.post-header{ padding:35px;}
.post-meta{ padding:0 35px;}
.post-content{ padding:35px;}

.cata-nav ul{ list-style:none; padding:0; margin:0;}
.cata-nav ul li a { display:block; line-height:35px;}
.cata-nav ul li.active{ background-color:#eee; }

.media-list{}
.media-list .media-object{ margin-right:15px; width:200px; height:120px;}
 
.pagination-num{ line-height:35px;}
.pagination{ margin:0;}


.news,
.product,
.about,
.technology
{ padding:50px 0;}

.case{
	padding:0px 0 100px 0;
}
.news,
.about{ background-color:#fff;}
.news-box{
	background-color: #eeeeee;
	padding: 20px;
}
.news-box img{
	float: left;
	margin-right: 20px;
}
.news-box h5{
	font-weight: bold;
}
.news-box h5 .glyphicon{
	font-weight: normal;
	font-size: 10px;
	padding: 2px;
	float: right;
	background-color: #939393;
	color: #ffffff;
	cursor: pointer;
}
.news-box h5 a.glyphicon:hover{
	text-decoration: none;
}
.news-box p{
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 10px;
	color: #999999;
}
.news-box .time{
	font-size: 12px;
}
#news-carousel .carousel-indicators{
	bottom: -50px;
}
#news-carousel .carousel-indicators li{
	border-color:#dedede;
}
#news-carousel .carousel-indicators li.active{
	background-color:#dedede;
}
.solution .icon{
	width: 76px;
	height: 76px;
	background-image: url(../images/solution_icon.png);
	background-repeat: no-repeat;
	background-color: #333333;
	border-radius:50px;
	margin: 20px auto;
}
.solution:hover >.icon{
	background-color: #967760;
}
.solution .icon1{
	background-position:18px 20px ;
}
.solution .icon2{
	background-position:18px -60px ;
}
.solution .icon3{
	background-position:18px -130px ;
}
.solution .icon4{
	background-position:18px -204px ;
}
.solution .p1{
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}
.technology{
	height: 293px;
}	
.technology .text{	
	height: 193px;
	background: url(../images/technology-bg.png) no-repeat -500px 0;
	padding-right: 50px;
	color: #ffffff;
	text-align: right;
}
.technology .text p{	
	margin-top: 8%;
}
.technology .item{
	height: 193px;
	overflow: hidden;
	text-align: left;
	padding: 40px 50px;
	background-color: #0a0a0a;
}
.technology .item h2{
	color: #ffffff;
}
.technology .btn-default{
	border: 2px solid #967760;
	color: #ffffff;
	background: none;
}
.thumbnail{
	position: relative;
	margin-bottom:0;
	padding: 0;
}
.thumbnail h4{
	position: absolute;
	top:40%;
	color: #FFFFFF;
	font-weight:normal;
	width:100%;
	text-align: center;
}
.pro-tit{
	background-color: #f0f0f0;
	color: #666666;
	padding: 10px 20px;
	line-height: 1.5em;
}
.view {
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.view .mask{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	bottom: 0;
}
.view .img {
	display: block;
	position: relative;
	max-width:100%;
}
.view .mask h4 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	margin: 10px 0 0 0;
	max-height: 60px;
	overflow: hidden;
	font-weight: normal;
}
.view .mask h4 .divider{
	width: 16px;
	height: 3px;
	background-color:#d5c9bf;
	margin: 10px auto;
}
.view .mask p {
	font-size: 12px;
	position: relative;
	color: #fff;
	padding:0px 20px 20px;
	text-align: left;
	text-align: center;
	max-height: 80px;
	overflow: hidden;
}
.view .link {
	display: inline-block;
	text-decoration: none;
	padding: 3px 30px;
	background: none;
	color: #ece5de;
	border: 1px solid #ece5de;
	text-transform: uppercase;
	font-size: 14px;
}
.view .link: hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
.view-tenth .img {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
	background-color: #967760;
	padding:10px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	filter: alpha(opacity=0);
	opacity: 0;
	color: #FFFFFF;
}
.view-tenth .mask h2 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	background: transparent;
	margin: 20px 40px 0px 40px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	color: #333;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	filter: alpha(opacity=0);
	opacity: 0;
}
.view-tenth .mask p{
	padding-top: 0;
	color: #ece5de;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.view-tenth .link {
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.view-tenth:hover .img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	filter: alpha(opacity=0);
	opacity: 0;
}
.view-tenth:hover .mask {
	filter: alpha(opacity=100);
	opacity: 1;
}
.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover .link {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	filter: alpha(opacity=100);
	opacity: 1;
}