@charset "utf-8";
/* CSS Document */

*{font-family:"方正兰亭黑简体";font-size:12px;color:#4c4c4c;}
a{text-decoration:none;}
body{margin:0;}
img{margin:0;display:block;border:0px;}
span{display:block;}
.marginboth{margin-right:auto;margin-left:auto;}
.morebox:hover{width:160px;height:32px; background-color:#e50112;margin-top:60px;overflow:hidden;}
.morebox:hover .more{color:#FFF;font-size:14px;float:left;margin-left:25px;margin-top:10px;}
.morebox:hover .arrow{display:none;}


/*topnav*/
.topnav{width:1200px;
        overflow:hidden; 
		margin:auto;}
		
.topnav .logo{float:left;
			  margin:20px 0px 0px 60px;}
			  
.topnav .nav{float:right;
             margin-top:30px;}
			 
.topnav ul{list-style:none;
           overflow:hidden;
           margin-right:60px;}

.topnav ul li{float:left;
			  margin:2px 0px 17px 40px;}

.topnav ul a{font-size:16px;
		     padding:0px 5px 15px 5px;}

.topnav img{float:right;
            margin-right:10px;
			margin-top:30px;}
			 
.topnav .phonenum{float:right;
                  margin-top:30px;
                  font-size:16px;
				  color:#113976;} 	

.topnav a:hover{color:#e50112;}

.topnav ul a:hover{border-bottom:2px solid #e50112;}


/*banner*/


.banner{float:left;}


/*aboutbox*/
.aboutbox{width:100%;
		  overflow:hidden;}

.about{ font-size:36px;
		text-align:center;
		margin-top:77px;}

.redline{width:80px;
         height:2px;
		 background-color:#e50112;
		 margin-top:20px;}
		   
.content{width:1000px;
         text-align:center;
		 margin-top:34px;
		 font-size:14px;
		 line-height:22px;
		 text-indent:2em;}
		 
.proban{margin:auto;
        margin-top:40px;
		width:600px;}
		
		
/*大数据关系*/
.relativebox{background-color:#f2f2f2;
             margin-top:70px;
			 
			 overflow:hidden;
		 	 background-image:url(../images/b3.jpg);
			 background-repeat:repeat;
			 padding-bottom:10px;}
			 
.relative{margin:auto;
          margin-top:44px;
		  width:800px;
		  margin-bottom:30px;}

/*4v特性*/		  
.char{margin:auto;
	  width:750px;
      margin-top:50px;}


		
/*相关技术*/
		  
.techno{margin:auto;
	    width:800px;
		overflow:hidden;}
		
		
/*例子*/
.casebox{width:950px;
         padding-bottom:30px;}
		  
.case{margin:auto;
	  width:500px;
      overflow:hidden;
	  float:left;
	  margin-top:60px;}
	  
.case p{font-size:14px;}	
  
.case .dot{width:8px;height:8px;border-radius:5px;background-color:#00b050;margin-right:8px;margin-top:10px;float:left;}

.case .dot1{background-color:#0070c0;margin-top:6px;}

.case .dot2{background-color:#666;}

.casebox img{margin-top:40px;padding-left:20px;overflow:hidden;}

/*bottom*/
.bottom{width:100%;
        height:160px;
	    background-color:#0c0c10;
		margin-top:30px;
		overflow:hidden;}

.bottombox{width:1000px;}
		
.bottomleft{width:600px;
			margin-top:27px;
			height:130px;
			float:left;}
			
.bottomleft .companyname{color:#FFF;
                     font-size:14px;}
					 
.bottomleft .company{color:#FFF;
                     font-size:14px;
					 margin-top:5px;}
					 
.bottomleft .companyaddress{color:#FFF;
                            font-size:12px;
					        margin-top:22px;}
					 
.bottomleft .companyphone{color:#FFF;
                          font-size:12px;
					      margin-top:5px;}
					 
.bottomright{width:220px;
             margin-top:30px;
			 float:left;
			 margin-left:20px;}
			 
.bottomright .contact{font-size:14px;
                      color:#FFF;}
					  
.bottomright div{margin-top:13px;
                 overflow:hidden;
				 width:220px;}
				 
.bottomright .weixin{margin-left:0px;}

.bottomright .qq{width:14%;}

.bottomright img{float:left;
                 margin-left:30px;
				 width:20%;}