@charset "utf-8";
/* CSS Document */
 
#foot { position:fixed; bottom:0px; left:0px; height:150px; width:100%; background:#f29000; color:#fff; font-size:14px; z-index:9; clear:both;}
.foot { width:1350px; margin:0px auto; margin-top:20px; clear:both; position:relative;}
.foot ul { display:block; float:left; padding:0px; margin:0px; }
.foot .btlogo {background:url(../imgs/taanlogo.svg) no-repeat ; filter:alpha(opacity=100);opacity:1;background-size:auto 40px; height:40px; margin-bottom:15px;}
.foot ul li { list-style:none;  height:28px; vertical-align:middle; float:left; margin-right:15px; }
.foot ul li img { vertical-align:middle; margin-right:10px; padding-bottom:4px;}
.foot .lang { height:25px; line-height:25px; margin-top:5px;}
.foot .lang a { font-weight:bold; color:#fff;}
.foot .lang a:hover { font-weight:bold; color:#F00;}
.foot  .beian{text-align:right; position:absolute; left:0px; top:90px; }
.foot  .beian span{ display:inline;}
.foot  .beian span:nth-child(1){ display:inline; margin-right:25px;}
.foot  .erweima { float:right; margin-left:10px; height:100px; width:65px; text-align:center;font-size:8px; line-height:11px;margin-top:11px;}
.foot  .erweima img{ height:65px; width:65px;border-radius:3px;}

.foot  .fenx{ float:right; width:auto; margin-right:10px;margin-top:8px;}
.foot  .fenx a { background:url(../imgs/link.png) no-repeat; height:38px; width:38px; display:inline-block; margin:3px; line-height:38px; border:1px solid #fff; border-radius:12px;}
.foot  .fenx a.faceb { background-position:-6px -8px;background:url(../imgs/facebook.svg) 3px no-repeat; background-size:90%;}
.foot  .fenx a.in {background-position:-54px -8px;background:url(../imgs/liny.svg) 5px no-repeat; background-size:80%;;}
.foot  .fenx a.t {background-position:-100px -8px;background:url(../imgs/tuit.svg) 5px no-repeat; background-size:80%;;}
.foot  .fenx a.weib {background-position:-145px -8px;background:url(../imgs/weib.svg) 5px no-repeat; background-size:80%;;}
.foot  .fenx a:hover { box-shadow:#ce7303 0px 0px 35px;}
.foot  .fenx a:hover.faceb { background-position:4px #e67c00;}
.foot  .fenx a:hover.in { background-position:6px #e67c00;}
.foot  .fenx a:hover.t { background-position:6px #e67c00;}
.foot  .fenx a:hover.weib { background-position:6px #e67c00;}

#nfoor { height:160px; width:100%; background:#f29000; color:#fff; font-size:14px; z-index:99; clear:both; padding-top:1px;}


@media all and (max-width: 1055px) {
#foot { height:170px;}
.foot { width:calc(100% - 30px); margin:0px auto; margin:15px; clear:both; position:relative; margin-bottom:0px; font-size:10px;}
.foot ul { display:block; float:left; padding:0px; margin:0px; width:42%;}
.foot .btlogo {background:url(../imgs/taanlogo.svg) no-repeat ; filter:alpha(opacity=100);opacity:1;background-size:auto 40px; height:40px; margin-bottom:0px;}
.foot ul li { list-style:none;  height:20px; vertical-align:middle; line-height:20px; position:relative; padding-left:25px; }

.foot ul li img { vertical-align:middle; margin-right:5px; padding-bottom:4px; position:absolute; margin-left:-25px; height:18px; width:18px;}
.foot .lang { height:28px; line-height:28px; margin-top:18px; padding-left:25px; position:absolute; top:75px; }
.foot .lang a { font-weight:bold; color:#fff;}
.foot .lang a:hover { font-weight:bold; color:#F00;}
.foot  .beian{text-align:left; position:absolute; right:0px; top:125px; width:100%; line-height:16px;}
.foot  .beian span{ display:inline-block;}
.foot  .beian span:nth-child(1){ display:inline-block; margin-right:5px; line-height:25px; height:25px;}
.foot  .erweima { float:right; margin-left:3px;height:100px; width:60px; text-align:center;font-size:8px;}
.foot  .erweima img{ height:60px; width:60px;border-radius:3px; margin-bottom:5px;}

.foot  .fenx{ float:right; width:auto; width:66px; margin-top:11px;margin-right:0px; }
.foot  .fenx a { background:url(../imgs/link2.png) no-repeat; height:25px; width:25px; display:inline-block; margin:2px; line-height:38px; border:1px solid #fff; border-radius:7px;}
.foot  .fenx a.faceb { background-position:2px;}
.foot  .fenx a.in {background-position:2px}
.foot  .fenx a.t {background-position:2px;}
.foot  .fenx a.weib {background-position:2px;}
.foot  .fenx a:hover { box-shadow:#ce7303 0px 0px 35px;}
.foot  .fenx a:hover.faceb { background-position:2px;}
.foot  .fenx a:hover.in { background-position:2px;}
.foot  .fenx a:hover.t { background-position:2px;}
.foot  .fenx a:hover.weib { background-position:2px;}
	
	}
	
@media all  and (min-width: 1056px)  {
	}

@media all  and (min-width: 1260px)  {
	}
@media all  and (min-width: 1350px)  {
.foot { width:1250px; margin:0px auto; margin-top:20px; clear:both; position:relative;}		}
@media all  and (min-width: 1380px)  {
	}
@media all  and (min-width: 1420px)  {
	}
@media all  and (min-width: 1580px)  {
	}
@media all  and (min-width: 1660px)  {
	}
@media all  and (min-width: 1900px)  {
	}