/*通用页面重置*/
*{ margin:0; padding:0;}
h1,h2,h3,h4,p{margin:0; padding: 0; overflow-x: hidden;}
ul,dl,dt,dd{margin:0;padding:0;list-style:none;}
li{display: block;}
body{margin:0; padding: 0; font-size:16px; font-family: Arial,"微软雅黑"; background-color: #fff; color: #333; min-width: 320px;}
img{border:0;margin:0; display: block;}
a{text-decoration:none; color: #32353a;}
a:hover{color: #4561b8;}
form,input,textarea{font-family: Arial,"微软雅黑"; padding:0; margin:0;}
body{background-color: #f3f3f3; min-height: 100vh;}

/* 头部 */
.header{background-color: #fff;}
.header-box{width: 1190px; height: 80px; margin: 0 auto; display: flex; align-items: center;}
.header-box>.logo{height: 80px;}
.header-box>.logo>img{height: 100%;}
.header-box>.title{font-size: 26px;}
.topnav{background-color: #0049AC;}
.topnav-box{width: 1190px; margin: 0 auto; height: 50px; display: flex; align-items: center;}
.topnav-box>a{width: 100px; height: 100%; color: #fff; display: flex; align-items: center; justify-content: center;}
.topnav-box>a:hover{background-color: #16A6F9;}
.topnav-box>a.on{background-color: #16A6F9;}
/* 平板 */
@media (min-width: 1024px) and (max-width: 1518px){
	
}	
/* 手机 */
@media (max-width: 1023px){
	.header-box{width: 92%; margin: 0 auto;}
	.header-box>.logo{height: 60px;}
	.header-box>.title{font-size: 20px;}
	.topnav{overflow-x: scroll;}
	.topnav-box{width: auto; white-space: nowrap;}
	.topnav-box>a{flex-shrink: 0;}
}


/* 主体 */
.bigside{min-height: calc(100vh - 210px);}
.banner{width: 1190px; margin: 0 auto; height: 300px; margin-bottom: 20px;}
.banner>img{display: block; width: 100%; height: 100%;}
.main{width: 1190px; padding: 40px; box-sizing: border-box; background-color: #fff; margin: 0 auto 20px;}
.main>.title{margin-bottom: 20px; font-size: 16px;}
/* 平板 */
@media (min-width: 1024px) and (max-width: 1518px){
	
}	
/* 手机 */
@media (max-width: 1023px){	
	.banner{width: 100%; height: auto; margin-bottom: 10px;}
	.main{width: 100%; padding: 20px 30px; margin-bottom: 10px;}
	.main>.content img{max-width: 100%;}
}


/* 底部 */
.footer{border-top: 4px solid #0A7EC3;}
.footer-box{width: 1190px; margin: 0 auto; padding: 20px 0; text-align: center; font-size: 14px;}
.footer-box>a{display: inline-block;}
.footer-box>span{margin-left: 20px; display: inline-block;}
/* 平板 */
@media (min-width: 1024px) and (max-width: 1518px){
	
}	
/* 手机 */
@media (max-width: 1023px){
	.footer-box{width: 92%;}
}


/* 其它 */
.clean:after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clean{ zoom:1; clear: both;}
/* 平板 */
@media (min-width: 1024px) and (max-width: 1518px){
	
}	
/* 手机 */
@media (max-width: 1023px){
	
}