﻿/* CSS Document */

@media screen and (min-width:320px){
	
		#footer {
	width: 100%;
	margin: 0px auto;
    background: #313131;
        overflow: hidden;
    height: auto;
}
}

@media screen and (min-width:768px){
	
	#footer {
	width: 100%;
	margin: 0px auto;
    background: #313131;
        overflow: hidden;
    height: auto;
}
}
#foot-view p span{color:#fff!important;background-color:transparent!important;}
@media screen and (min-width:1200px){
	
	#footer {
	width: 100%;
	margin: 0px auto;
    background: #313131;
        overflow: hidden;
    height: 150px;
}
}


.footmodule{}
.footmodule{background:#fff;}
#foot-view {
	color: #fff;
	
}
.beian{display:none}
#footer .spanTitle{font-size:18px;color:#649ce0;background:url(../images/link.png) left center no-repeat;
margin-right:10px;padding-left:36px;    height: 36px;}
@media screen and (min-width:768px){
	.footBox2 {
     width: 100%;
    margin: 0 auto;
    line-height: 26px;
    text-align: left;
    font-size: 12px;
    padding: 35PX 0;
    position: relative;
}
}
@media screen and (min-width:1200px){
	.footBox2 {
     width: 1200px;
    margin: 0 auto;
    line-height: 26px;
    text-align: left;
    font-size: 12px;
    padding: 40PX 0;
    position: relative;
}
}

.footBox2 p a{color:#fff;}
@media screen and (min-width:320px){
.footBox2 p img{display: none;  }
}
@media screen and (min-width:768px){
.footBox2 p img{ vertical-align:middle; display: inline-block;padding-right: 20px;}
}
@media screen and (min-width:320px){
.footBox2 p{margin:0px;padding:0px;margin-left:20px;font-size:8px;  line-height: 22px;}
}
@media screen and (min-width:768px){
.footBox2 p{margin:0px;padding:0px;margin-left:20px;font-size:12px;line-height: 22px;}
}
/*图片链接*/
.footmodule .imageLink {
	margin: 5px auto;
	width: 100%;
	font-size:14px;
	text-indent:300px;
}

.footmodule .imageLink .imageLinkContent {
	float: left;
	width: 100%;
}

.footmodule .imageLink .imageLinkContent ul li {
	float: left;
	margin: 0px 10px;
}

.footmodule .imageLink .imageLinkContent ul li .imgLinkHDiv a {
	display: inline-block;
	text-align: center;
}

.footmodule .imageLink .imageLinkContent ul li .imgLinkHDiv .imgLinkHText
	{
	display: block;
	text-align:center;
}

/*下拉选链接*/
.footmodule .selectLinks  {
	width:1200px;
	height:50px;
	margin: 0 auto;
}
.footmodule .selectLinks .selectLinkTitle {
	line-height: 32px;
	float: left;
	padding: 0 5px;
}

.footmodule .selectLinks .selectLinkTitle .spanTitle {
	color: #666;
	position: relative;
	background: none;
}


.footmodule .footmodule .selectLinks {
	margin: 5px auto;
	width: 100%;
}

.footmodule .selectLinks .selectLinkContent {
	margin: 0px auto;
	text-align: left;
	    height: 36px;
    line-height: 36px;
}

.footmodule .selectLinks .selectLinkContent select {
	width: 191px;
	cursor: pointer;
	margin: 0px 10px;
	display: inline;
	border:1px solid #ccc;
	height: 28px;
    line-height: 28px;
}

/*文字链接*/
.footmodule .wordLink_H {
	margin: 5px auto;
	width: 100%;
}

.footmodule .wordLink_H .wordTitle {
	float:left;
	background:none
}

.footmodule .wordLink_H .wordLinkContent {
	margin: 0px auto;
	width: 100%;
}

.footmodule .wordLink_H ul li {
	float: left;
	margin: 0px 10px;
	line-height: 40px;
}

.footmodule .wordLink_H ul li a {
	display: inline-block;
	font-size:13px;
	color:#333
}
@media screen and (min-width:320px){
	.foot-links  {    left: 0;
    position: relative;
    width: 64%;
    top: 0px;
    margin: 0 auto;
    margin-bottom:10px;
    display: none;}
}
 @media screen and (min-width:320px) {
  .foot-links  ul{float: right;}} 
@media screen and (min-width:320px){
	.foot-links ul li{width:70px;height:100px;margin:0px 5px;text-align:center;float:left;color:#fff;font-size:12px;}
}
@media screen and (min-width:768px){
	.foot-links  {    left: 0;
    position: relative;
    width:30%;
    top: 0px;
    margin-top:10px;display: none;

	   float:right}
}
 @media screen and (min-width:768px) {
  .foot-links  ul{float: right;}} 
@media screen and (min-width:768px){
	.foot-links ul li{width:70px;height:100px;margin:0px 5px;text-align:center;float:left;color:#fff;font-size:12px;}
}
@media screen and (min-width:996px){
	.foot-links  {    left: 0;
    position: relative;
    width: 50%;
    top: 0px;
    margin: 0 auto;
    margin-bottom:10px;
       display: block;
    float:right;}
}
@media screen and (min-width:1024px){
	#footer {
    width: 100%;
    margin: 0px auto;
    background: #313131;
    overflow: hidden;
    height: 160px;}
	.footer_m {
    width: 63%;
    float: left;
}
	.foot-links  {     left: 0;
    position: relative;
    width: 37%;
    top: -35px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    float: right;
}
}
.foot-links:after{
	content:"";
	clear:both;
	
	display:block	
}

 @media screen and (min-width:996px) {
  .foot-links  ul{float: right;}} 
@media screen and (min-width:996px){
	.foot-links ul li{width:70px;height:100px;margin:0px 5px;text-align:center;float:left;color:#fff;font-size:12px;}
}
@media screen and (min-width:1024px){
	.foot-links ul li{width:70px;height:100px;margin:0px 5px;text-align:center;float:left;color:#fff;font-size:12px;}
}
@media screen and (min-width:1200px){
	
	.footer_m {
    width: 100%;
    float: left;
}
	.foot-links  {       left: 0px;
    position: relative;
    width: 30%;
     top:-77px;
    right: 0;
    float: right;
    /* margin: 0 auto; */
    margin-bottom: 0px;
    display: block;
    float: right;
}
 @media screen and (min-width:1200px) {
  .foot-links  ul{float: right;}} 
@media screen and (min-width:1200px){
	.foot-links ul li{width:70px;height:100px;margin:0px 5px;text-align:center;float:left;color:#fff;font-size:12px;}
}