/* 当页面宽度小于1980px */
 /* @media screen and (max-width: 1920px) {
	.footer {
		width: 100%;
		height: 200px;
		position: relative;
		background-color: #fff;
	}
} */
/* 当页面宽度大于1980px小于2480px */
/* @media screen and (min-width:1920px) and (max-width:2500px){
	.footer {
		width: 100%;
		height: 200px;
		position: relative;
		background-color: #fff;
	}
} */
/* 当页面宽度大于2480px*/
/* @media screen and (min-width: 2500px) {
	.footer {
		width: 100%;
		height: 200px;
		position: relative;
		margin-top: 320px;
		background-color: #fff;
	}
} */
.footer {
	width: 100%;
	height: 250px;
	position: relative;
	background-color: #fff;
}

.footer .typeArea {
	width: 100%;
	/* height: 164px; */

	
}

.footer .typeArea .body-top {
	position: relative;
	width: 1260px;
	height: 75px
}

.footer .typeArea .body-top .body-top-logo {
	float: left;
	width: 345px;
	height: 55px;
	margin-top: 20px
}

.footer .typeArea .body-top .body-top-logo img {
	width: 290px;
	height: 36px;
}

.footer .typeArea .body-top .dody-top-line {
	width: 2px;
	height: 45px;
	background-color: #fff;
	position: absolute;
	left: 344px;
	line-height: 75px;
	margin-top: 15px
}

.footer .typeArea .body-top .body-top-nav {
	float: left;
	width: 915px;
	height: 75px
}

.footer .typeArea .body-top .body-top-nav ul {
	margin-left: 50px
}

.footer .typeArea .body-top .body-top-nav ul li {
	float: left;
	margin-right: 59px
}

.footer .typeArea .body-top .body-top-nav ul li a {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 75px;
	height: 75px
}

.footer .typeArea .body-top .body-top-nav ul li a:hover {
	color: #E30B20
}

.footer .typeArea .body-bottom {
	width: 1200px;
	height: 215px;
	margin: 0 auto;
	
	/*border-top: 1px solid #e5e5e5;*/

	
}


.footer .typeArea .body-bottom .body-bottom-function .phone {
	float: left;
	margin-right: 30px;
}

.footer .typeArea .body-bottom .body-bottom-function .phone a {
	font-size: 52px;
	color: #bbb
}

.footer .typeArea .body-bottom .body-bottom-function .phone a:hover {
	color: #E30B20
}

.footer .typeArea .body-bottom .body-bottom-function .phone a:hover .erweima-box {
	position: absolute;
	padding: 20px;
	/*border: 1px solid #E5E5E5;*/
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	background-color: #fff;
	width: 186px;
	height: 186px;
	top: -94px;
	left: -64px;
}

.footer .typeArea .body-bottom .body-bottom-function .phone a:hover .erweima-box img {
	width: 144px;
	height: 144px
}

.footer .typeArea .body-bottom .body-bottom-function .phone a:hover .erweima-box .arrows {
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-width: 10px;
	border-style: solid dashed dashed dashed;
	border-color: #fff transparent transparent transparent;
	margin: 0 auto;
	margin-top: 14px;
	position: absolute;
	top: 172px;
	left: 82px;
}

.footer .typeArea .body-bottom .body-bottom-function .phone a .erweima-box {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .body-bottom-function .phone a .erweima-box img {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .body-bottom-function .weixin {
	float: left;
	margin-right: 30px;
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a {
	font-size: 52px;
	color: #bbb
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a:hover {
	color: #E30B20
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a:hover .erweima-box {
	position: absolute;
	top: -94px;
	left: 15px;
	padding: 20px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	background-color: #fff;
	width: 186px;
	height: 186px;
	/*border: 1px solid #E5E5E5;*/
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a:hover .erweima-box img {
	width: 144px;
	height: 144px
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a:hover .erweima-box .arrows {
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-width: 10px;
	border-style: solid dashed dashed dashed;
	border-color: #fff transparent transparent transparent;
	margin: 0 auto;
	margin-top: 14px;
	position: absolute;
	top: 172px;
	left: 82px;
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a .erweima-box {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a .erweima-box img {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .body-bottom-function .applet {
	float: left;
	margin-right: 30px;
}

.footer .typeArea .body-bottom .body-bottom-function .applet a {
	font-size: 52px;
	color: #bbb
}

.footer .typeArea .body-bottom .body-bottom-function .applet a:hover {
	color: #E30B20
}

.footer .typeArea .body-bottom .body-bottom-function .applet a:hover .erweima-box {
	position: absolute;
	top: -94px;
	left: 100px;
	padding: 20px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	background-color: #fff;
	width: 186px;
	height: 186px;
	/*border: 1px solid #E5E5E5;*/
}

.footer .typeArea .body-bottom .body-bottom-function .applet a:hover .erweima-box img {
	width: 144px;
	height: 144px
}

.footer .typeArea .body-bottom .body-bottom-function .applet a:hover .erweima-box .arrows {
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-width: 10px;
	border-style: solid dashed dashed dashed;
	border-color: #fff transparent transparent transparent;
	margin: 0 auto;
	margin-top: 14px;
	position: absolute;
	top: 172px;
	left: 82px;
}

.footer .typeArea .body-bottom .body-bottom-function .applet a .erweima-box {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .body-bottom-function .applet a .erweima-box img {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .body-bottom-function .weibo {
	float: left;
	margin-right: 30px;
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a {
	font-size: 52px;
	color: #bbb
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a:hover {
	color: #E30B20
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a:hover .erweima-box {
	position: absolute;
	top: -94px;
	left: 180px;
	padding: 20px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	background-color: #fff;
	width: 186px;
	height: 186px;
	border: 1px solid #E5E5E5;
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a:hover .erweima-box img {
	width: 144px;
	height: 144px
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a:hover .erweima-box .arrows {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 10px;
	border-style: solid dashed dashed dashed;
	border-color: #fff transparent transparent transparent;
	margin: 0 auto;
	margin-top: 14px;
	position: absolute;
	top: 172px;
	left: 82px;
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a .erweima-box {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a .erweima-box img {
	width: 0;
	height: 0
}

.footer .typeArea .body-bottom .statistics {
	width: 370px;
	height: 93px;
	padding-top: 30px;
	margin-left: 50px;
	/*border-right: 1px solid #E5E5E5;*/
	float: left
}

.footer .typeArea .body-bottom .statistics .clicks li {
	float: left;
	margin-right: 40px
}

.footer .typeArea .body-bottom .statistics .clicks li a {
	font-size: 14px;
	color: #666
}
.footer .typeArea .body-bottom .statistics .clicks li .reds {
	color: #E30B20;
}
.footer .typeArea .body-bottom .statistics .clicks li a:hover {
	color: #E30B20;
}
.footer .typeArea .body-bottom .statistics .click-content{
	width: 312px;
	height: 20px;
}
.footer .typeArea .body-bottom .statistics .click-content .quantity {
	margin-top: 35px;
	width: 100%;
	height: 100%;
}
.footer .typeArea .body-bottom .statistics .click-content .quantity .left{
	float: left;
}
.footer .typeArea .body-bottom .statistics .click-content .quantity .middle{
	margin-left: 10%;
}
.footer .typeArea .body-bottom .statistics .click-content .quantity .right{
	float: right;
}
.footer .typeArea .body-bottom .statistics .click-content .quantity li {
	float: left;
	font-size: 14px;
	color: #999;
	font-weight: 400
}

.footer .typeArea .body-bottom .statistics .click-content .quantity li span {
	font-size: 14px;
	color: #666
}

.footer .typeArea .body-bottom .body-bottom-border {
	width: 100%;
	display: flex;
	/* justify-content: center; */
	align-items: center;
        /* float: left; */
	height: 210px;
	/* border: 1px solid red; */
}
.footer .typeArea .body-bottom .body-bottom-border .putonrecords  {
width: 355px;
	text-align: left;
height: 180px;
}

.footer .typeArea .body-bottom .body-bottom-border .putonrecords  .title{
	margin-left: 0px;
	font-size: 18px;
	color: #FFFFFF;
line-height:40px;

	
}

.footer .typeArea .body-bottom .body-bottom-border .putonrecords  .desc{
	font-size: 14px;
	color: #000;
	
}

.footer .blogroll {
	position: absolute;
	top: -218px;
	color: #333;
	font-size: 16px;
}
.footer .blogroll:hover{
	display: block !important;
}
.footer .blogroll .arrows{
	width: 18px;
    height: 18px;
    margin: 0 auto;
    transform: rotate(45deg);
    background-color: #fff;
    margin-top: -10px;
    /*border-right: 1px solid #E5E5E5;*/
    /*border-bottom: 1px solid #E5E5E5;*/
}
.footer .blogroll  ul {
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	height: 220px;
	padding: 29px 30px;
	background-color: #fff;
	border: 1px solid #E5E5E5;
}

.footer .blogroll ul li {
	margin-bottom: 14px
}

.footer .blogroll ul li a {
	font-size: 14px;
	color: #333
}

.footer .blogroll ul li a:hover {
	color: #E30B20
}

.footer .blogroll ul li:hover {
	color: #E30B20
}


.bottom-border{
	border-top: 1px solid gray;
	width: 100%;
	height: 80px;
	
}

.bottom-border .bottom-bottom{
	height: 100%;
	width: 1200px;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}