@charset "utf-8";
/* CSS Document */
.top02{
	height:459px;
	background:url(../images/head02.jpg) center top no-repeat
}

.box01 h3{
  margin:20px auto 0;
	text-align: center;
	/*padding-left:70px;
	background:url(../images/icon02.png) 20px center no-repeat*/
}
.box01 ul li{
     float: left;
    width: 248px;
    height: 65px;
    line-height: 65px;
    background-color: #FFFFFF;
    border: solid  #dae0e4;
    text-align: center;
    margin: 20px 10px;
    margin-bottom: 0;
}
.box01 ul li a{
	display:block
}
.box01 ul li a:hover{
	background-color:#1154ab;
	color:white
}
.box02 a:hover{
	background-color:#FFFFFF;
	color:white
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.foot{ margin-top: 30px; background:#0458bc; height: 145px; position:relative; bottom:0; left:0; width:100%; clear:both;min-width: 1200px;}
.foot_body{ width: 1200px; margin: 0 auto; background: #f9f9f9;  padding-top: 20px;}
.copyright ul li{ float: left;  font-size: 16px; color: #fff;  margin: 0px 5px;}
.copyright ul li a{ margin-right: 5px;  font-size: 16px;    color: #fff;}
.copyright ul{ width: 100%; margin-top: 28px;}

@media only screen and (max-width: 800px) {
body{min-width: 100%}
.top02{height: 18vh;background-size: cover; background-position: top center}
.w1140,.w1200,.foot_body{width:100%}
.box01 h3 img{width:100%}
.foot{width:100%;min-width: auto; height: auto; overflow: hidden;}
.main *{box-sizing: border-box;}
.main ul{ padding-top: 1rem;display:flex;justify-content: space-between; flex-wrap: wrap;}
.main ul li{margin:0 0 0.5rem 0;width:48%;height: 36px;line-height: 36px; font-size: 16px}
.copyright{width:100%}
.footR{width:100%}
}