.footer {	width: 100%;    position: relative;    margin-top:80px;    background-color: #262626;}
.footer .animate-box {	position: absolute;    width: 100%;    height: 85px;    left: 0;    top: -85px;    overflow: hidden;}
.footer .animate-box .builder { 	position: absolute;    left: 50%;    bottom: 0;    margin-left: 375px;    height: 85px;    width: 350px;    z-index: 2;
    background: url(../image/cj-bottom3.png) no-repeat right bottom;}
@keyframes translate{
	0%{
		margin-left: -680px;		opacity: 0;	}
	11.88%{
		margin-left: -522px;		opacity: 1;	}
	76.66%{
		margin-left: 340px;		opacity: 1;	}
	100%{
		margin-left: 650px;		opacity: 0;	}
}
@-webkit-keyframes translate{
	0%{
		margin-left: -680px;		opacity: 0;	}
	11.88%{
		margin-left: -522px;		opacity: 1;	}
	76.66%{
		margin-left: 340px;		opacity: 1;	}
	100%{
		margin-left: 650px;		opacity: 0;	}
}
.footer .animate-box .car1 {
	position: absolute;
    width: 198px;
    height: 66px;
    left: 50%;
    bottom: -2px;
    margin-left: -680px;
    z-index: 2;
    background: url(../image/cj-bottom1.png) no-repeat 0 0;
}
.footer .animate-box .car2 {
	position: absolute;
    width: 71px;
    height: 26px;
    left: 50%;
    bottom: 0;
    margin-left: -680px;
    background: url(../image/cj-bottom2.png) no-repeat 0 0;
	animation: translate 10s linear infinite;
	-webkit-animation: translate 10s linear infinite; }
.footer .wrapper {	width: 1200px; min-height:220px; padding-bottom:15px;   margin: auto;    position: relative; border-bottom:1px dotted #333;}
.footer .wrapper .title {
 	position: absolute;
    left: 0;
    top: 43px;
    width: 266px;
    height: 130px;
}
.footer .wrapper .content { 	margin-left: 300px; 	width: 896px;}
.footer .wrapper .content dl {	width: 110px;	margin: 46px 64px 0 0;	float: left;	font-size: 14px;}
.footer .wrapper .content dl dt {	color: #ccc;	font-weight: bold;	margin-bottom: 16px;}
.footer .wrapper .content dl dd a {	color: #666;	line-height: 32px;}
.footer .wrapper .content dl dd a:hover {	color: #999;}
.footer .wrapper .barcode { color:#FFF;	float: left;	margin-top:22px;text-align:center; position:absolute; left:40px; top:100px;}
.footer .wrapper .barcode .app {	width: 200px;text-align:center; line-height:26px; }
.footer .wrapper .barcode .app img{	width:130px; margin:0 auto;}

.footer .wrapper .content .barcode .app .download {	width: 150px;	*width: 111px;	padding-left: 21px;
	box-sizing: border-box;}
.footer .wrapper .content .barcode .app .download p {	font-size: 14px;	color: #ccc;	margin-bottom: 8px;}
.footer .wrapper .content .barcode .app .download span {display: block;position: relative;background: #333;
	padding-left: 30px;width: 110px;height: 20px;	margin-top: 3px;	box-sizing: border-box;	position: relative;}
	
.footer .wrapper .content .barcode .app .download span .code {	display: none;	position: absolute;	top: 0;	left: 110%;}
.footer .wrapper .content .barcode .app .download span:hover .code {	display: block;}
.footer .wrapper .content .barcode .app .download span:hover {	background: #666;}
.footer .wrapper .content .barcode .app .download span img {	position: absolute;	left: 0;	top: 0;}
.footer .wrapper .content .barcode .app .download span a {	display: block;	font-size: 12px;	line-height: 20px;	color: #ccc;}
.footer .wrapper .content .barcode .app .download span:hover a {color: #fff;}
.footer .wrapper .content .barcode .share {	text-align: center;	color: #ccc;	margin-top: 24px;}
.footer .wrapper .content .barcode .share span {display: inline-block;	zoom: 1;	*display: inline;	width: 24px;	height: 24px;
	background: #333 url(../image/cj-share.png) no-repeat;
	border-radius: 12px;	text-align: center;	margin: 0 5px;	vertical-align: middle;}
.footer .wrapper .content .barcode .share span:hover {	background: #444 url(../image/cj-share.png) no-repeat;}
.footer .wrapper .content .barcode .share span.wechat {	background-position: 0 0;}
.footer .wrapper .content .barcode .share span.weibo {	background-position: -24px 0;}
.footer .wrapper .content .barcode .share span.qq {	background-position: -48px 0;}
.footer .wrapper .content .barcode .share span.fri {	background-position: -72px 0;}
.footer .wrapper .content .barcode .share a {	display: block;	width: 100%;	height: 100%;}


#footer {	width: 100%; 	text-align: center;}
#footer .sites {	width: 100%; 	background: #202020;}
#footer .sites div {	width: 1200px;	margin: 0 auto; 	height: 74px; 	text-align: center;}
#footer .sites a img { 	margin: 22px 6px 0 0; 	opacity: 0.8;}
#footer .sites a img:hover { 	opacity: 1;}
#footer .copyright {	width: 100%; 	background: #262626; 	height: 102px;}
#footer .copyright a { color:#CCC;}
#footer .copyright2 { 	background: #fff;}

#footer .copyright div {width: 1200px;	margin: 0 auto; text-align: center;	padding-top: 25px;	line-height: 26px;color: #666;}
#footer .copyright div ul {	display: inline;}
#footer .copyright div ul li {	display: inline;}
#footer .copyright div ul li a {	line-height: 26px;	color: #5c5c5c;}
#footer .copyright div ul li a:hover {	color: #999;	text-decoration: underline;}


address, caption, cite, code, dfn, em, th, var {   font-style: normal;    font-weight: normal;}
/*·ÖÒ³*/
.page_list{height:40px;line-height:40px;padding:5px 10px;text-align:center; overflow:hidden;}
.page_list span,.page_list a{margin-right:8px;padding:15px 18px; background:#fff; color:#666; font-size:15px;}
.page_list a.selected{background:#ee7700;color:#fff;}
.page_list span:hover,.page_list a:hover{background:#C00; color:#fff;}




  .menu-item{ cursor: pointer!important;  color: black!important;  }
  .selected{ color: red!important;  }