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


/*header*/
@media screen and (min-width:1360px){
.header .head .menuBox ul li p{ width:260px;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.header .head .menuBox ul li p{ width:220px;}
}

/*footer*/
@media screen and (min-width:1360px){
.footer .foot .f01{ width:26%;}
.footer .foot .f02{ width:auto; margin-right:3%;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.footer .foot .f01{ width:24%; margin-right:3%;}
.footer .foot .f02{ width:16.15%;}
}
@media only screen and (max-width: 1023px){
.footer{ width:100%; background-color:#fff; position:relative; z-index:1;}
.footer .foot{ width:94%; margin:auto; padding-top:25px; padding-bottom:25px;}
.footer .foot .f01{ width:100%; float:left; padding-top:5px;}
.footer .foot .f01 img{ display:block; max-height:70px; margin:auto;}
.footer .foot .f02{ width:33.33%; float:left; margin-top:15px;}
.footer .foot .f02 dt{ font-size:16px; line-height:26px; font-weight:bold; color:#808080;}
.footer .foot .f02 dd{ padding-top:2px;}
.footer .foot .f02 dd a{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02 dd a:hover{ color:#00bdea;}
.footer .foot .f03{ width:100%; float:left; margin-top:10px;}
.footer .foot .f03 dt{ font-size:16px; line-height:26px; font-weight:bold; color:#808080;}
.footer .foot .f03 dd{ padding-top:2px;}
.footer .foot .f03 dd p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f03 dd p img{ display:block; height:18px; float:left; margin:3px 10px; margin-left:0;}
.bq{ width:100%; background-color:#e4ebf0; position:relative; z-index:1;}
.bq .box{ width:94%; margin:auto; padding:15px 0;}
.bq .left{ color:#999; font-size:14px; text-align:center; line-height:24px;}
.bq .right{ display:flex; align-items:center; justify-content:center; color:#999; font-size:16px;}
.bq .right span{ display:block; margin-right:10px;}
.bq .right a{ display:flex; align-items:center; width:40px; height:40px; border-radius:100%; background-color:#fff; margin:5px; overflow:hidden;}
.bq .right a img{ display:block; max-width:22px; max-height:22px; margin:auto;}
.bq .right a:hover{ background-color:#00bdea;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(4,26,194,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

@media screen and (min-width: 1360px) {
     .fw01 .box .left {
        width: 100%;
    }

    .fw01 .box .right {
		display:none;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1359px) {

    .fw01 .box .left {
        width: 100%;
    }

    .fw01 .box .right {
		display:none;
    }

}

@media only screen and (max-width: 1023px) {
    .fw01 .box .right {
		display:none;
    }
}