@charset "utf-8";

#footer {
	border-top:1px solid #eee;
	margin-top:30px;
   width: 100%;
   overflow: hidden;
   position: relative;
}

#footer .text{
   color: #fff;
   padding: 30px 0 60px 0;
   background-color:#fafafa;
   font-size: 24px;
   overflow: hidden;
   border-bottom:1px solid #eee;
}
@media screen and (max-width: 768px) { 
   #footer .text{
      padding: 10px 0;
   }
} 

#footer .text .text-con{
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
}
#footer .text .text-con ul{
   display: block;
   float: left;
}
#footer .text .text-con ul li, #footer .text .text-con ul li a{
   list-style-type: none;
   font-size: 14px;
   color: #323232;
   line-height: 26px;
}
#footer .text .text-con ul.text-con-1{
   padding-left: 170px;
   padding-bottom: 5px;
}
#footer .text .text-con ul.text-con-2{
   padding-left: 70px;
}
#footer .text .text-con ul.text-con-3{
   padding-left: 0px;
}

#footer .text .text-con ul.text-con-3 img {
	height:100px;
	width:100px;
}
#footer .text .text-con ul.text-con-3 li {
	float:right;
	margin:0 10px;
}
#footer .text .text-con ul.text-con-3 span {
	display: inline-block;
	width:100px;
	text-align: center;
}



#friend{ width:980px; height:45px;margin: 0 auto;}
#friend  img{ width:110px; height:40px;}
/*****��������================**/
.rollBox{width:980px;overflow:hidden;padding:2px 0 2px 0px;} 
/*.rollBox .LeftBotton{width:15px;height:30px;background:url(../../img/chni/leftdot.jpg) no-repeat;float:left;display:inline;margin:10px 0 0 0;cursor:pointer;}*/ 
/*.rollBox .RightBotton{width:19px;height:30px;background:url(../../img/chni/rightdot.jpg) no-repeat;float:left;display:inline;margin:10px 0 0 3px;cursor:pointer;}*/ 
.rollBox .Cont{width:940px;overflow:hidden;float:left; margin: 5px 0 15px 50px;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{width:115px;float:left;text-align:center;} 
.rollBox .Cont .pic img{ width:100px;height:40px;padding:0 4px;background:#fff;display:block;margin:0 auto;} 
.rollBox .Cont .pic p{line-height:26px;color:#505050;} 
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#00F;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{float:left;}


#footer .con{
   width: 96%;
   max-width: 1200px;
   margin: 0 auto;

}

#footer .foot_cop{
   text-align: center;
   padding: 10px 0;
   color: #777;
}
#footer .foot_cop p{
  font-size:12px;
}

#footer .share{
   float: right;
   color: #fff;
   font-size: 12px;
}

@media screen and (max-width: 1240px){
	#footer .text .text-con ul.text-con-1{
	   padding-left: 50px;
	   padding-bottom: 5px;
	}
}
@media screen and (max-width: 1137px) {
	#footer .text .text-con{
   		padding-left: 170px;
	}
}
@media screen and (max-width: 768px) {
	#footer .text .text-con{
   		padding-left: 50px;
	}
   #footer .text .text-con ul.text-con-1,#friend{
      display: none;
   }
   #footer .text .text-con ul.text-con-2{
      padding-left: 2%;
   }
   #footer .text .text-con ul.text-con-3{
   		/*float: left;*/
      display: none;
   }
   #footer .foot_cop{
      text-align: center;
      padding: 20px 0 30px 0;
      font-size:6px;
      color: #777;
   }   
   #footer .foot_cop span{
      display: block;
      margin-bottom: -20px;
   }

}