@charset "utf-8";
/* CSS Document */
body{font-size:14px; font-family:"微软雅黑"; color:#333;}
a{color:#333; text-decoration:none;}
a:hover{ color:#104b9f;text-decoration:underline;}

h2{font-size:24px; font-weight:800;}
h3{font-size:16px; font-weight:500; line-height:0;}
p{line-height:24px;}


/*当前位置样式*/
.position{font-size:13px;float: left;}
.position i{color:#104b9f}

/*标题样式*/
.text-center h2{color:#104b9f}
.text-center{margin-bottom: 20px;}

/*--------------index_01-------------------*/
/*头部样式*/
.pull-left{ font-size:12px;padding-top: 5px;}
.pull-right{padding-top:8px; font-size:20px;}

/*导航样式*/
.call{padding-top:10px;padding-bottom: 10px; }
.navbar{width: 100%;height: 58px; background: #f7f7f7;border: 1px solid #eee;margin-bottom:0;}
.nav{font-size:16px;font-weight:800;}
.nav .attent{padding-left: 0;}
.nav li{padding-left:48px; }
.nav li a:hover{border-bottom: 3px solid #014099;background:#f7f7f7;}
.dropdown-menu{left:48px;}
.dropdown-menu li{padding-left:0;}
.logo{padding-left: 15px;}



@media (max-width: 767px){
  .navbar{
    background:#fff;
	border: none;
	height:auto;
	min-height:0 ;
	margin-bottom:10px;
	z-index:999;
	position: absolute;
  }
  .nav li{
	padding:0;
	font-size:14px;
  }
  .nav .active a{
    border-bottom: none;
  }
  }	
  
/*广告图*/
#banner{width: 100%;height: 100%; }
.carousel-inner img{width: 100%; height:auto;}
.icon-bar{background-color: #000; }  

        .carousel .item img {
            width: 100%;
			height:auto;
        }

/*解决方案*/

.service {
    width: 100%;
    height: 250px;
    margin: 40px 0;
    text-align: center;
    border: 1px solid #b4b4b4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service .icon-holder {
    position: relative;
    top: 20px;
    display: inline-block;
    margin-bottom: 0px;
    padding: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 50px;
    color: #104b9f;
}

.service .heading {
    position: relative;
    top: 40px;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	font-size:20px;
}

.service:hover {
    border-color:#104b9f;
}

.service:hover .icon-holder {
    top: -50px;
}

.service:hover .heading {
    top: -30px;
	color:#104b9f;
}

.service .description {
    width: 80%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.service:hover .description {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*产品中心*/
#product{width: 100%;height: 100%; background:#eee;padding-bottom: 30px;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.isotope{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* clear fix */
.isotope:before,
.isotope:after {
	content: '';
	display: block;
	clear: both;
}

.element-item {
	margin-top: 20px;
	background: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
}
.element-item a{
	color:#fff;
	}
.element-item:hover .item-overlay{
	top: 0;
	opacity: 1;
	
}

.element-item img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin:0 auto;
}
.element-item:hover img{
-moz-transform: scale(1.2) rotate(-8deg);
-webkit-transform: scale(1.2) rotate(-8deg);
-o-transform: scale(1.2) rotate(-8deg);
-ms-transform: scale(1.2) rotate(-8deg);
transform: scale(1.2) rotate(-8deg);
}

.item-overlay{
	position: absolute;
	background: rgba(32, 42, 82, 0.9);
	height: 100%;
	width: 100%;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.item-overlay h2 {
	text-transform: uppercase;
	top:50%;
	position: relative;
	text-align: center;
}

/*内容板块*/

.events{
	padding: 50px 0 20px 0;
}
.egrid{
	width: 32.3%;
    margin: 5px 0.5%;
	border:1px solid #b4b4b4;
	position:relative;
	padding:5px;
	margin-bottom:20px;
}
.textt{
	width:45%;
	float:left;
	margin-left:6%;
}
.date{
	position:absolute;
	top: -22px;
    left: 200px;
	background-color:#104b9f;
	padding:1px 8px;
	color:white;
}
.img{
	margin-top: 30px;
	float:left;
   width:48%;
   padding-left: 4px;
 }
 .textt h3{
	font-size:16px;
    margin-top: 30px;
	text-align: left;
}
 .textt p{
	margin-top:3px ;
	margin-bottom:10px;
	font-size: 12px;
	line-height:18px;
 }
label.eline{
    display: block;
    background-color: #104b9f;
    width: 50px;
    height: 2px;
	margin: 15px 0px;
}
.more a{font-size:10px;color:#666;}
.more a:hover{color:#104b9f;}

.more i{color:#104b9f;padding-left: 5px;}


@media (max-width: 1200px){
	.date{
    left: 160px;
}
  }	
@media (max-width: 959px){
	.img {
	width: 100%;
	padding-left: 10px;
}
	.textt {
	width: 100%;
	margin-left: 0;
}

	.date{
    left: 90px;
}

  }	

@media (max-width: 767px){
	.egrid{		
	width:100%;
	margin-bottom: 40px;
	padding:10px 0 10px 15px;
}
	.img {
	width: 40%;
}
	.textt {
	width: 52%;
	padding:10px 20px 10px 0;
	margin-left: 20px;

}
	.date{
    left: 190px;
}
  }	


/*尾部*/
#footer{height: 30px;width: 100%;background: #104b9f;}
.footer_in{width: 350px; height: 30px; margin:0 auto;line-height:30px;}
.footer_in li{ float: left;margin-left: 18px;color:#fff;}
.footer_in li a{ color:#fff;font-size:12px;}

.copyright{ padding-top:15px; font-size:12px;width: 100%;}
.copyright p{line-height:10px;}

@media (max-width: 767px){
  #footer{
	display:none;
 }
.copyright{
	background:#104b9f ;
}
.copyright  .p_first{
	display:none;
}
.copyright  .p_two{
	line-height:16px;
	 font-size:11px;
	 color:#fff;
	 }
}
@media (max-width: 959px){
  #footer{
	display:none
 }
.copyright{
	background:#104b9f ;
}
.copyright .p_first{
	display:none;
}
.copyright .p_two{
	line-height:16px;
	 color:#fff;
	 }
}


/*  Products 产品中心（硬件）
--------------------------- */
 
.products-container {
background-repeat: no-repeat;
background-position: right;
background-size: auto 100%;
background-position-y: 70px;
}

.about-products-post-container{
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
}
.about-products{
	margin-top: 10px;
	margin-bottom: 20px;
}
.about-products h3{
	color:#104b9f;
	font-size:20px;
	margin-top:50px;
	font-weight:500;
}

.about-products h4{
	margin-top:20px;
}

.points{ 
	margin-bottom: 10px;
}
.about-products .product-list{
	list-style: none;
	margin-top: 20px;
	padding-left:0px;
}

.about-products .points{
	position: relative;
	padding: 3px 0 3px 20px;
}

.about-products .points:before{
	position: absolute;
	color: #104b9f;
	left: 0px;
	top: 3px;
}

.product2-list .fa{ line-height:20px;}

@media (max-width: 767px){
  #products img{
	 margin-bottom:15px; 
	  }
  }

@media (max-width: 959px){
  #products img{
	 margin-bottom:15px; 
	  }
  }


/* about 软件
--------------------------- */


.about-products .detail_h{margin-top:35px;}
.about-products .detail_h4{margin-top:20px;}
.about-products .list2{margin-top:5px;}



/* about 关于本安
--------------------------- */

.about{
    padding-top: 20px;
}
.about-heading {
    text-align: center;
}
.about-bottom{
	margin:20px 0;
}
.about-bottom img{
	width:100%;
}
.about-bottom p{
	text-indent:2em;
    margin: 10px 0 0 0;
}
.team{
	padding-top: 20px;
    background: #e5e5e5;
}
.team-heading{
	text-align: center;
	color:#104b9f;
	margin-bottom:20px;
}
.team-heading p{
	color:#333;
}
	

.feature-three{
	border: 1px solid #b4b4b4;
	padding: 15px;
}


/* 资质和认证
--------------------------- */
.features-bottom .feature-three .img-responsive{
	max-width: 50%; 
	display:inline-block;
	}









/* patent 创新与专利
--------------------------- */

.patent{
padding-top:20px;
}
.patent-head img{
float:left;
width:23%;
margin-right:2%;
}
.patent-info{
font-size:14px;
text-indent:2em;
margin-top: 20px;
float:left;
width:75%;
}
.patent_list{margin-top:30px; background:#f7f7f7;width: 100%;height: 100%;padding:20px 0;}
.patent_list li{
 	font-size:15px;	
	line-height:28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #104b9f;
	}
.fa-file-text-o{
	color:#104b9f;
	margin-right: 8px;
	}
/* contact 联系
--------------------------- */
.features .text-center{margin-bottom: 50px;}
.contact_icon span{
position: absolute;
top: -20%;
left:42%;
padding: 20px;
background: #104b9f ;
color: #fff;
}


#contact_banner{ 
width: 100%;
height: 400px;
background:url(../images/contact_banner.jpg) no-repeat top center;}

#contact_banner h2{
	font-size:48px;
	color:#FFF;
	font-weight:400;
	margin-top: 150px;
	text-align: center;
	margin-left: 30%;
	}

#contact_banner h4{
	font-size:24px;
	color:#fff;
	margin-top: 8px;
	text-align: center;
	margin-left: 30%;
	}


@media (max-width: 959px){
	  #contact_banner h2{
		color:#333;
	  	font-size:36px;
		margin-left: 0;
	  }

  #contact_banner h4{
	  	font-size:18px;
		margin-left: 0;
	  }
  .contact_icon{
	margin-bottom:40px;  
  }
  .contact_icon span{
	left:46%;  
  }

  }

@media (max-width: 767px){
  #contact_banner h2{
		color:#333;
	  	font-size:24px;
		margin-left: 0;
	  }
  #contact_banner h4{
	font-size:14px;
	margin-left: 0;
  }
  .contact_icon{
	margin-bottom:40px;  
  }
  .contact_icon span{
	left:43%;  
  }
  
  }


/* solution_01  总体解决方案
--------------------------- */

.features {
    padding-top: 20px ;
    position: relative;
}
.features-bottom {
	margin-bottom:30px;
    text-align: center;
}
.feature-one {
    padding: 40px 0 10px 0;
    border: 1px solid #B4B4B4;
}
.feature-left{
	position:relative;
}
.feature-left span {
    position: absolute;
    top: -16%;
    left: 40%;
    padding: 20px;
    background: #104b9f;
    color: #fff;
}
.features .solution_header{margin-bottom:60px;}
.solution_header{margin-bottom:30px;}

.features2{background:#f7f7f7;}

.tab-head {
        padding-bottom: 20px;
}
.tabs li a {
	text-align: center;
    border-right:3px solid #b4b4b4;
}
.tabs li a span{
   margin-right: 10px;
}
.tabs  li a:hover,.tabs  li.active a{
	color: #104b9f !important;
	border-bottom: none;
}
.facts{
  text-align: center;
}
.facts span{
    color: #104b9f;
}

@media (max-width: 959px){
  .feature-left {
	 margin-bottom:40px; 
	  }
  .feature-left span{
	 left: 44%; 
	  }
	.facts{margin-top: 20px;}
	.features-bottom{margin-bottom: 0;}
  }

@media (max-width: 767px){
  .feature-left {
	 margin-bottom:40px; 
	  }
  .feature-left span{
	 left: 40%; 
	  }
	.facts{margin-top: 20px;}
	.features-bottom{margin-bottom: 0;}
  }


/* solution_02 总体解决方案
--------------------------- */

.features3{margin-top: 20px;}
.features3 .text-center{margin-bottom:40px;}
.text-right{padding-right: 60px; }
.m_right{padding-left: 80px;}
.features3 .featured-item-img {
	margin-left: -65px;
	margin-right: 0;
	margin-bottom: 10px;
}
.media-heading{margin-top: 15px;}
 .media-right span {
	display:block;	
    padding: 25px 0;
    border-radius: 50px;
    border-top-left-radius: 0;
    margin: 0 10px;
    margin-right: 20px;
    width: 82px;
    height: 80px;
	border: 2px solid #104b9f;
	background:#fafafa  url(../images/product1.png) 20px 12px;
}
 .media-left span{
	 display:block;
    padding: 25px 0;
    border-radius: 50px;
    border-top-right-radius: 0;
    margin: 0 10px;
    margin-left: 20px;
    width: 82px;
    height: 80px;
    border: 2px solid #104b9f;
	background:#fafafa  url(../images/product1.png) ;
}
.media .span2{background-position: 15px -60px;}
.media .span3{background-position: 6px -135px;}
.media .span4{background-position: 8px -218px;}
.media .span5{background-position: 1px -300px;}
.media .span6{background-position: 3px -404px;}
	
@media (max-width: 959px){
.features3 .featured-item-img {
	margin-left: -94px;
	margin-bottom: 10px;
}

.features3 .media-heading{
	font-size:14px;
}
  }

@media (max-width: 767px){
.features3 .featured-item-img {
	margin-left: 0;
	margin-bottom: 10px;
}
.features3{
	margin-bottom: 30px;
}
.features3 .media-heading{
	font-size:15px;
}
  }
	
/* solution_03  总体解决方案
--------------------------- */
.feature-two{
	padding:40px 10px 20px 10px ;
	border: 1px solid #b4b4b4;
}
.feature-two h4{
	font-size:16px;
	color:#104b9f;
	font-weight:540;
	}
.feature-two p{margin-bottom: 5px;}