/*尾部*/
.footer {
    position: relative;
}
.footer h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,span,div{margin:0;padding:0;box-sizing: border-box;}
.footer:before {
    /* background: -webkit-gradient(linear,right top, left top,from(rgba(46,109,252,1)),to(rgba(43,22,73,1)));
    background: linear-gradient(-90deg,rgba(46,109,252,1),rgba(43,22,73,1)); */
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}
.el-collapse {
    height: 100% !important;
}
 .el-collapse {
     border-top: 1px solid #EBEEF5;
     border-bottom: 1px solid #EBEEF5;
 }
.el-collapse-item:last-child {
    margin-bottom: -1px;
}
.el-collapse-item__header.is-active {
    border-bottom-color: transparent;
}
.el-collapse-item__header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 48px;
     line-height: 48px;
     background-color: #FFF;
     color: #303133;
     cursor: pointer;
     border-bottom: 1px solid #EBEEF5;
     font-size: 13px;
     font-weight: 500;
     -webkit-transition: border-bottom-color .3s;
     transition: border-bottom-color .3s;
     outline: 0;
 }
.el-collapse-item__arrow.is-active {
    transform: rotate(90deg);
}
 .el-collapse-item__arrow {
     margin: 0 8px 0 auto;
     transition: transform .3s,-webkit-transform .3s;
     font-weight: 300;
 }
.el-icon-arrow-right:before {
    content: "\E6E0";
}
.el-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769;
}
.footer-collapse{
	background-color:#004A95;
	width:100%;
	height:30px;
	position:relative;
    /* border-right: 10px solid #3B61BC; */
}
.footer-collapse-down{
	width:20px;
	height:20px;
	position:absolute;
	right:30px;
	top:5px;
	background: url("../../map/client/images/btns.png") -379px -215px no-repeat;
}
.footer-collapse-up{
	width:20px;
	height:20px;
	position:absolute;
	right:30px;
	top:5px;
	background: url("../../map/client/images/btns.png") -400px -215px no-repeat;
}
.footer .about {
    width: 60%;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
    display: flex;
}
.footer .about .main-width{
	width: 40%;
    display: flex;
    justify-content: space-between;
}
.footer .about .main-width .list{
    /* width: 200px; */
    /* width: 100px; */
    float: left;
}
.footer .about .main-width .list h4 {
    font-weight: bold;
    color:#66A5DE;
    font-size: 14px;
    margin-bottom: 15px;
}
.footer li{list-style:none;}
.footer .about .main-width .list li a {
    font-size: 14px;
    color:#66A5DE;
    line-height: 30px;
}
.footer .about .main-width .list .public-no p{
    color:#66A5DE;
    font-size: 14px;
}
.footer .about .main-width .list .public-no .img{
    margin-top: 6px;
}
.img img {
    background: url("../images/weixin.png");
    height: 75px;
    width: 75px;
    background-size: contain;
}
.right-about:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 77px;
    background: #66A5DE;
    top: 15px;
    left: 5%;
}
.right-about {
   	width: 60%;
    position: relative;
    float: right;
}
.right-about .link-p a{
    color:#66A5DE;
}
 .right-about p {
     text-align: right;
     font-size: 14px;
     /* line-height: 32px; */
     margin-bottom:10px;
     color:#66A5DE;
 }
.right-about p span {
    margin-left: 20px;
}
.icon-dzy{
    background: url("../images/blue.png");
    width: 26px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: -10px;
}
.icon-pos {
    background: url("../images/beian.png");
    width: 18px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
.footer-self-info{
	text-align: center;
    background-color: #004A95;
    color: #66A5DE;
    padding: 10px;
    border-top: 1px solid #4463A6;
}
.footer-self-info a{
    color: #66A5DE;
}
/*尾部*/
@media only screen and (max-width: 449px) {
	
}
@media (min-width:450px )  and (max-width: 767px) {
	.footer  .about {
		width:100%;
	}
}
@media (min-width:768px )  and (max-width: 768px) {
	.footer  .about {
		width:99%;
	}
	
}
@media (min-width:769px )  and (max-width: 784px) {
	.footer  .about {
		width:99%;
	}
}
@media (min-width:785px )  and (max-width: 901px) {
	.footer  .about {
		width:99%;
	}
	
}
@media (min-width:902px )  and (max-width: 994px) {
	.footer  .about {
		width:99%;
	}
	
}
@media (min-width:902px )  and (max-width: 994px) {
	.footer  .about {
		width:99%;
	}
	
}
@media (min-width:993px )  and (max-width: 1116px) {
	.footer  .about {
		width:90%;
	}
	
}
@media (min-width:1117px )  and (max-width: 1488px) {
	.footer .about {
	    width: 80%;
	    margin: 0 auto;
	    padding: 10px 0px 10px 0px;
	    display: flex;
	}
	
}