.csr_footBg{
	width: 100%;
	float: left;
	padding: 30px 0 20px 0;
	min-width: 1200px;
	    BACKGROUND-COLOR: #ededed;
}
.csr_foot{
	width: 1200px;
	margin: 0 auto;
}
.csr_foot_m{
	width: 1200px;
	margin: 0 auto;
}
.csr_foot_m ul{
	width: 1200px;
	float: left;
	margin: 1% 0;
}
.csr_foot_m li{
	float: left;
	margin: 0 0.8%;

}
.csr_foot_m li p{
	font-size: 15px;
}

.csr_foot_m h1{
	font-size: 18px;	font-weight: bold;

}
.csr_foot_m h1.w1{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;

}
.csr_foot_m h1.w2{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;

}
.csr_foot_m h1.w3{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}

.csr_foot_m h1.w4{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}
.csr_foot_m h1.w5{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}
.csr_foot_m h1.w6{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}
.csr_foot_m h1.w7{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}

.csr_foot_m h1.w8{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}
.csr_foot_m h1.w9{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}
.csr_foot_m h1.w10{
	color: #1273C3;
	background-image: url(../images/footer_h1icon.png);
	background-repeat: no-repeat;
	background-position: left 0%;
	line-height: 45px;
}


.csr_foot .left{
	width: 250px;
	float: left;
	font-size: 14px;
	line-height: 24px;
}

.csr_foot .right{
	width:940px;
	float: left;

}

.csr_foot .info{
	float: left;
}
.csr_foot .info a{
	color: #b02533;
}
.csr_foot .srch{
	float: left;
	padding: 5px 0
}
.gsc-control-cse{
	padding: 0 !important;
}
input.gsc-search-button{
	background: #af2533 !important;
	border: 1px solid #a11120 !important;
	padding: 6px 10px !important;
}
ul.footList{
	float: right;


}
ul.footList a{
	color: #333;
}
ul.footList li{
	float: left;
	font-size: 18px;
	border: 1px solid #fff;
	font-weight: bold;
	display: flex;
    align-items: center;
}
ul.footList li p {
	padding-left: 4.5rem;
	line-height: 24px;
}
ul.footList li.bg1,ul.footList li.bg2,ul.footList li.bg3,
ul.footList li.bg4,ul.footList li.bg5 {
	width: 180px;
	height: 111px;
}

ul.footList li.bg1{
	background: url(../images/csr_foot_btn_bg1.png) left bottom no-repeat;
	background-size: 100%;
}
ul.footList li.bg2{
	background: url(../images/csr_foot_btn_bg2.png) left bottom no-repeat;
	background-size: 100%;
}
ul.footList li.bg3{
	background: url(../images/csr_foot_btn_bg3.png) left bottom no-repeat;
	background-size: 100%;
}
ul.footList li.bg4{
	background: url(../images/csr_foot_btn_bg4.png) left bottom no-repeat;
	background-size: 100%;
}
ul.footList li.bg5{
	background: url(../images/csr_foot_btn_bg5.png) left bottom no-repeat;
	background-size: 100%;
}
ul.footList li:hover{
	border: 1px solid #999;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
.csr_infoBg{
	width: 100%;
	float: left;
	padding: 10px 0;
	background: #aeebe5;
	min-width: 1200px;
}
.csr_info{
	width: 1200px;
	margin: 0 auto;
}
.csr_info .logo{
	float: left;
}
.csr_info .info{
	float: right;
	line-height: 44px;
}
.csr_copyBg{
	width: 100%;
	float: left;
	padding: 10px 0;
	min-width: 1200px;
}
.csr_copy{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.fb{

	float: left;
	line-height: 40px;
	margin: 1% 0 0 2%;
}
.pp{

	float: left;
	line-height: 40px;
	margin: 1% 0 0 2%;
	background-color: #eafdf9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0 2% 0 0%;
	border-radius: 6px;


}
.pp input{
margin: 1% 0;

}
/* .csr_foot_m{
	width: auto;
} */
.csr_foot_m ul{
	/* width: 100%; */
	display: flex;
    flex-wrap: wrap;
}
.csr_foot_m li{
    width: calc(100% / 8 - 1rem);
    margin: 1rem 0.5rem;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.csr_footBg, .csr_infoBg, .csr_copyBg{
	min-width: 100%;
}
.csr_foot, .csr_info, .csr_copy{
	width: auto;
	padding: 0 15px;
}
ul.footList{
	background: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.csr_foot .left{
	/* width: 200px; */
	width: 35%;
}
.csr_foot_m{
	width: auto;
}
.csr_foot_m ul{
	width: 100%;
	display: flex;
    flex-wrap: wrap;
	/* margin: 1rem; */
}
.csr_foot_m li{
	width: calc(100% / 4 - 2rem);
    margin: 1rem;
}
.csr_foot .right{
	width: 65%;
}
.csr_info{
	display: flex;
    flex-direction: column;
}
.csr_copy{
	display: flex;
}
.csr_footBg{
	min-width: 100%;
}
/* .csr_footBg{
	padding-left: 1rem;
} */
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.csr_foot .left{
		width: 100%;
	}
	.csr_foot .right{
		width: 93%;
	}
	.fb{
		margin: 4% 0 0 2%;
	}
	.pp{
		display: flex;
    align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.csr_footBg, .csr_infoBg, .csr_copyBg{
	min-width: 320px;
}
.csr_foot, .csr_info, .csr_copy{
	width: auto;
	padding: 0 5%;
}
ul.footList{
	width: 100%;
	padding: 0;
	background: none;
}
ul.footList li{
	margin: 10px auto;
	float: none;
}
.csr_foot_m{
	width: auto;
}
.csr_foot_m li{
	width: 100%;
	margin: 1rem 0;
	padding-left: 5rem;
}
.csr_foot_m ul{
	width: 100%;
}
.csr_foot .left{
	width: 100%;
	margin-left: 4rem;
    /* padding-left: 3rem; */
}
.csr_foot .right{
	width: auto;
}
ul.footList li{
    margin-left: 5rem;
}
.fb{
    margin: 0% 0 0 30%;
}
.pp{
	float: left;
    line-height: 40px;
    background-color: #eafdf9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 0 2% 0 0%;
    border-radius: 6px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-direction: column;
	display: flex;
}
.csr_copy p{
	text-align: left;
}
.idx_topBg{
	height: 400px;
}
}

@media screen and (max-width:480px) {
	.csr_foot .left{
		margin-left: 0;
	}
}