@charset "utf-8";
/* CSS Document */

/*  */

.fhdb {
width: 50px;
height: 50px;
overflow: hidden;
position: fixed;
right: 20px;
bottom: 300px;
cursor: pointer;
z-index: 1001;
display: none;
background-color: #ffc107;
border-radius: 50px; box-shadow: 0px 6px 18px 0px rgba(123,217,141,.61);
}
.fhdb img {
width: 100%;
transition: all ease 0.6s;
}
.fhdb:hover img:nth-child(1) {
margin-top: -50px;
}

/*  */
.footer {
position:relative;

width: 100%;
left: 0;
 bottom: 0;
background:#3a3a3a;
background: radial-gradient(100% 100% at bottom center, #0070aa, #0b2570, #000035, #001140);
background: #024ea1;
z-index:0;
}

.footer .inner {
/*width: 85%;*/
padding:0px 5%;
margin: 0 auto;
}
/* footer */
.footNav {
padding: 70px 0 60px;
}

.footNav ul li a span {
font-size: 18px;
margin-bottom: 15px;
}

.footNav ul li a {
font-size: 16px;
}

.footCon span, .footLink span {
font-size: 18px;
margin-bottom: 15px;
}


.footLink {
width: 62%;
}


.footBot {
padding: 25px 0;
}

.footBot p, .footBot a {

}
.footNav {
padding:90px 0 30px;
width: 100%;
border-bottom: 1px solid rgb(255 255 255 / 14%);
position: relative;

}

.footNav ul {
display: flex;
justify-content: space-between;
position: relative;
}

.footNav ul li p {
display: flex;
color: #82a1c3;
font-size: 16px;
}

.footNav ul li p a {
text-decoration: underline;
}

.footNav ul li p a:hover {
color: #fff;
}

.footNav ul li a {
display: block;
color:#82a1c3;
font-size: 18px;
margin-bottom: 10px;
}

.footNav ul li a span {
font-size: 21px;
color:#82a1c3;
display: block;
margin-bottom: 20px;
/* border-bottom: 1px solid #5e5e5f; */
position: relative;
}

/*  */
.footBox {
display: flex;
justify-content: space-between;
padding: 30px 0;
border-bottom: 1px solid rgb(255 255 255 / 14%);
}
/*  */
.web-icon{ margin-bottom: 0px;height: 22px;}
.web-icon ul{
	display: flex;
    justify-content: space-between;
} 
.web-icon li {
    cursor: pointer;
    height: 22px;
  
    margin: 0 auto;
    position: relative;
    width: auto;
	
	text-align: right;
}
.web-icon li .foot_ewm{ text-align:center; color:#82a1c3; font-size:14px;}
.web-icon li img {
    /* display: block; */
    height: 22px;
    width: auto;
	 margin: 0 auto;
	/*text-align: right;
	*/

}
.web-icon li .code-img {
    background-color: #fff;
    border-radius: 4px;
    bottom:35px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0,95,118,.15);
    box-shadow: 0 4px 16px 0 rgba(0,95,118,.15);
    display: none;
    left:55%;
    opacity: 0;
    padding:10px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    width: 200px;
    z-index: 1001;
}
.web-icon li .code-img:after {
    border: 6px solid transparent;
    border-top-color: #fff;
    bottom: -12px;
    content: " ";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.web-icon li .code-img img {
    height: 100%;
    width: 100%;
}
.web-icon li:hover .code-img {
    display: block;
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}


/*  */

.he_youqin {
    width:100%;

	position: relative;
	z-index: 555;
}

.he_youqintp {

    width: 100%;

 	background: #083d82;

    padding: 10px 16px;

    position: relative;

    cursor: pointer;
	border-radius: 4px;

}



.he_youqinig {

    width: 8px;

}



.he_youqinte {

    width: calc(100% - 8px);

}



.he_youqinte p {

    font-size: 16px;

    line-height: 1.5;

 color: #bcd0e6;

}
.he_youqinte p a{ display: block;}


.he_youqinig {

    width: 8px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 16px;

}



.he_youqinte {

    width: calc(100% - 8px);

    padding-right: 10px;

}

.he_youqintp.on .he_youqinig img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.he_youqinig img {

    transition: all 0.36s;

    width: 100%;

}

.he_youqinbt {
    padding-right: 15px;
}

.he_youqinbt {

	width: 100%;
    position: absolute;
    bottom: 43px;
    left: 0;
    padding:8px 10px;
    /* border: 1px solid #e9e9e9; */
    background:#08347b;
   

    display: none;

}

.he_youqiscl a {
    text-align: left;
    color: #FFF;
    line-height: 30px;
    font-size: 15px;
    display: block;
    transition: all .36s;

    margin-bottom: 4px;
}



.he_youqiscl { height: 75px;overflow-y: scroll;}

.footCon  { width:15%;}

/*  */
.footLink {width:20%;}

.footLink span {
color:#82a1c3;
font-size: 21px;
display: block;
margin-bottom: 20px;
}



.footLink a img {
width: 12px;
transform: rotate(270deg);
}

.footLink a:hover {
color: #fff;
background: #030943;
padding-left: 10px;
    transition: width 0.36s;
}

/*  */

.footBot {
display: flex;
/*flex-wrap: wrap;*/
justify-content: space-between;
padding: 25px 0 ;
}
.footBot_sm{ display:none}
.footBot p,
.footBot a {
color:#82a1c3;
}
.f_bott .f_bott_b span{display:inline-block; margin:0 5px; font-size:16px;color:#82a1c3;}
.f_bott .f_bott_b span a{ font-size:16px;color: #82a1c3;}

.footNav ul li a:hover {
color: #957041;
}

@media (max-width:768px){
.web-icon {
    margin-bottom: 20px;
    height: 22px;
    margin-left: 0px;
	
}
.web-icon ul{
	display: flex;
    justify-content: space-between;
} 
.footBot p, .footBot a {
    color: #b5c6d7;
}
.footNav {
    display: none;
}
.footCon {
    width: 100%;
    margin-bottom: 20px;
}
.footBox {
    flex-wrap: wrap;
}
.footLink {
    width: 100%;
}	

/*  */
.fhdb { display: none !important;}
}



/*2024.03-07*/
@media (max-width:768px){
	.footBot{ display:block}	
	.footBot_sm{ display:none;   line-height: 30px;padding: 25px 0;    font-size: 16px;}
.footBot_sm p, .footBot_sm a {color: #b5c6d7; font-size: 16px;}

.footBot {
    /* display: flex; */
    /* flex-wrap: wrap; */
    justify-content: space-between;
    padding: 25px 0;
    line-height: 30px;
}
	}
@media (max-width:480px){
.footBot{ display:none}	
.footBot_sm{ display:block;   line-height: 30px;padding: 25px 0;    font-size: 14px;}
.footBot_sm p, .footBot_sm a {color: #b5c6d7; font-size: 14px;}


}