@charset "utf-8";
html,body,div,a,p,ul,li,ol,dl,dt,dd,img,span,table,tr,td,th,thead,tbody,tfoot,h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	}
h1,h2,h3,h4,h5,h6{
	font-weight:400;
	}
input{
	outline:0 none;
	}
li{
	list-style:none;
	}
a{
	text-decoration:none;
	cursor:pointer;
	/*color:#666;*/
	}
a:hover{
		color:#039cec;
		}
img{
	border:0 none;
	display:block;
	}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	}
.clearfix{
	zoom:1;
	}
	
/*版心*/
.container{
	width:1000px;
	margin:0 auto;
	}
	
/*顶部导航开始*/
.bb{
	height:300px;
	}
.bcg{
	 position:absolute; 
	 width:100%; 
	 height:300px; 
	 z-index:-1;
	}
.subtitle{
	position:absolute;
	font-family: SourceHanSansCN-Regular;
    font-size: 30px;
	color: #ffffff;
	left:50%;
	margin-left:-60px;
	top:50%;
	margin-top:-25px;
	}
.navbox{
	height:64px;
	}
.navbox a:hover{
	color:#fff;
	}
.shsfb{
	padding-top:40px;
	}
.nav img{
	float:left;
	margin-top:22px;
	}
.nav .app{
	float:right;
	} 
.nav .app img{
	
	margin:auto;
	}
.nav .app{
	margin:19px 0 0 55px;
	font-family:微软雅黑;
	font-size:14px;
	color:#fff; 
	opacity:1;
	filter:alpha(opacity=100);
	padding-top:26px;
	background:url(../picture/1index/1-topnav/phone.png) no-repeat center top;
	}
.nav ul{
	 list-style:none;
	 float:right
	 }
    
.nav ul li{ 
	float:left;
	text-align:center; 
	position:relative;
	height:64px;
	line-height:64px;
	padding:0 20px;
	z-index:1;
	}
   
.nav ul .last{
	padding-right:0;
	} 
.nav ul li a{
	text-decoration:none; 
	color:#fff;
	font-family:微软雅黑;
	font-size:16px;
	opacity:0.7;
	filter:alpha(opacity=70);
	} 
 
.nav ul li a:hover,.nav ul li .current{ 
	color:#fff; 
	opacity:1;
	filter:alpha(opacity=100);
	}    
.nav ul li ul{
	width:120px;
	position:absolute; 
	display:none;
	left:50%;
	margin-left:-60px;
	background:#fff;
	border-radius:4px;
	/*margin-top:18px;*/
	} 
.nav ul .last ul{ 
	position:absolute; 
	display:none;
	left:50%;
	margin-left:-50px;
	
	}
  .nav ul li ul:after {
      position: absolute;
      display: inline-block;
      top: -7.5px;
      left: 50%;
	  margin-left: -10px;
      width: 0;
      height: 0px;
      content: '';
      border-style: solid;
      border-width: 8px;
      border-color: #fff #fff transparent transparent;
      transform: rotate(315deg);
	}    
.nav ul li ul li{
	border-radius:4px;
	float:none;  
	padding:0;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#fff; 
	}    
.nav ul li ul li a{ 
	width:100%;
	color:#333;
	}    
.nav ul li ul li a:hover{ 
	color:#000;
	}    
.nav ul li:hover ul{ 
	display:block;
	} 
/*顶部导航结束*/

/*介绍开始*/
.intro{
	font-family: 微软雅黑;
	
	}
.intro h3{
	text-align:center;
	margin:70px 0 15px;
	  font-size: 20px;
	  font-weight: normal;
	  height: 20px;
	  line-height: 20px;
	  color: #000000;
	}

.intro p{
	color: #555555;
	font-size:16px;
	text-align:justify;
	text-indent:2em;
	line-height:35px;
	}
.intro .last{
	margin-bottom:70px;
	}	
	
.features{

	width:1000px;
	}
.features ul{
	
    width:816px;
    margin: 0 auto;
   
	}
.features li{
	float:left;
	margin-right:132px;
	}
.features .last{
	margin-right:0px;
	}
.features span{
	display:block;
	width:105px;
	height:104px;
	background:url(../picture/5about/intro/blue-icon.png);
	}

.features .first img{
	padding:27px;
	}
.features .second img{
	padding:30px;
	}
.features .third img{
	padding:29px;
	}
.features .last img{
	padding:30px;
	}
.features p{
  font-family: 微软雅黑;
  font-size: 18px;
  text-align: center;
  color: #333333;
  margin:15px 0 80px;
	}

.case{
	position:relative;
	}

.case .axis span{
	float:left;
	}
.case .axis .front,.case .axis .behind{
	display:block;
	width:14px;
	height:14px;
	background-color: #96c0ff;
	border-radius:50%;
	}
.case .axis .behind{
	width:12px;
	height:12px;
	background-color: #ffffff;
	border:1px solid  #5895f1;
	}
.case .axis .middle{
	display:block;
	width:972px;
	height:1px;
	background-color: #96c0ff;
	margin-top:6px;
	}
.case{
	font-family: 微软雅黑;
	margin-bottom:111px;
	
	}
.case ul{
	position:absolute;
	top:83px;
	left:72px;
	width:856px;
	/*margin:auto;*/
	
	}
.case li{
	width:142px;
	margin:auto;
	text-align:center;
	float:left;
	margin-right:36px;
	}
.case .last{
	margin-right:0;
	}
.case h3{
	
	text-align:center;
	margin-bottom: 162px;
	font-size: 20px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	color: #000000;
	}	
 .case .rectangle p{ 
 	width:108px;
	
	font-size: 13px;
	line-height: 1.5;
    padding-top:10px;
	margin:auto;
	color: #aaaaaa;
   }
	.rectangle {
	  display:block;
      position: relative;
      width: 142px;
      height: 74px;
      background: #f2f2f2;
      border: 1px solid #f2f2f2;
      
    }
    .rectangle:after {
      position: absolute;
      display: inline-block;
      top: 64px;
      left: 62px;
      width: 0;
      height: 0px;
      content: '';
      border-style: solid;
      border-width: 8px;
      border-color: #f2f2f2 #f2f2f2 transparent transparent;
      transform: rotate(135deg);
	}
.case .time{
	font-family: 微软雅黑;
	color:#aaaaaa;
	font-size:18px;
	}
.case .Out-circle,.case .In-circle{
	display:block;
	border-radius:50%;
	}
.case .Out-circle{
	margin:22px auto;
	width:18px;
	height:18px;
	background-color: #fff;
	border:1px solid #96c0ff;
	}
.case .In-circle{
	margin:auto;
	width:14px;
	height:14px;
	background-color: #96c0ff;
	margin-top:2px;
	}

.case .deep:hover .In-circle,.case .current .In-circle{
	background-color: #5895f1;
	}
.case .deep:hover .Out-circle,.case .current .Out-circle{
	border:1px solid #5895f1;
	}
.case .deep:hover .rectangle,.case .current .rectangle{
	box-shadow: 2px 2px 2px #ddd;
	}
.case .deep:hover .rectangle:after,.case .current .rectangle:after{
	box-shadow: 2px -2px 2px #ddd;
	}
.case .deep:hover p,.case .current p{
	color:#444444;
	}
/*介绍结束*/