/* 字体引用开始 */
* {
  margin: 0rem;
  padding: 0rem;
}
html {
  font: size 16px;
      font-family: "PingFang HK","Microsoft JhengHei",STHeiti,华文黑体,SimHei,黑体,sans-serif;
      font-weight: 500;
      max-width: 100%;
      overflow-x: hidden
}
body {
	margin: 0; /* 外边距 */
	padding: 0; /* 内边距 */
	border: 0; /* 边框 */
	font-size: 16px;
	font-family: "PingFang HK","Microsoft JhengHei",STHeiti,华文黑体,SimHei,黑体,sans-serif;
	font-weight: 500;
	max-width: 100%;
	overflow-x: hidden
}
ul,li{ list-style: none;}
.fl {  float: left;}
.fr { float: right;}
.clearfix { *zoom: 1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}

.mainbox{width: 100%; max-width: 75rem; height: 100vh; margin: 0rem auto; position: relative;}
.bg{background: url(../img/bg.png) no-repeat top center; background-size: 100% 100%;}
.bg2{background: url(../img/bgimg.png) no-repeat top center; background-size: 100% 100%;}
.font-img{ width: 70%; margin: 0rem auto 0rem; padding-top: 6.375rem;}
.font-img img{ width: 100%;}
.foot-img{ width: 100%; position: absolute; bottom: -5px; left: 0rem;}
.foot-img img{width: 100%;}
.main_btn{ width: 70%; margin: 5.25rem auto 0rem;}
.main_btn img{ width: 100%;}
.class-img{ width: 70%; position: absolute; bottom: -5px; left: 0rem; padding: 0rem 15% 6.25rem ;}
.class-img img{ width: 100%; margin-bottom: 1.875rem;}

.top_nav{ width: 100%; height: 3rem; background: url(../img/bgimg.png) no-repeat top center; background-size: 100%; position: fixed; top: 0rem; left: 0rem; text-align: center; line-height: 3rem; font-size: 1.125rem;}
.top_nav .left_btn{ width:1.5rem; height: 1.5rem; left: 1rem; top: 0.5rem; position: absolute; display: block;}
.top_nav .left_btn img{ width: 1.5rem; height: 1.5rem;}
.top_nav .right_btn{ width: 1.5rem; height: 1.5rem; right: 1rem; top: 0.5rem; position: absolute;display: block;}
.bgimg{ display: inline-block; background: url(../img/radioimg.png) no-repeat center center; border: none; background-size: 100%;  width: 1.5rem; height: 1.5rem;}

.infor_box{ padding: 4rem 1rem 1rem;}
.infor_box img{ width: 100%; margin-bottom: 1rem;}
.infor_box p{ text-align: left; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1rem; font-weight: 400; }


.list_box{ padding: 4rem 2rem 1rem; }
.list_box ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.list_box ul li{  align-self: stretch; width: 44%; margin-bottom: 1rem; float: left;}
.list_box ul li .imgbox{ width: 90%; background:url(../img/kuang.png) no-repeat top center; background-size: 100%; padding:5%; }
.list_box ul li .imgbox img{ width: 100%;}
.list_box ul li .p_box{ text-align: center; line-height: 1.2rem; padding: 0.5rem 0rem; font-size: 0.875rem; color: #A67746;font-weight: 400;}
.list_box ul li .p_box a{ color: #A67746; text-decoration: none;}