@font-face {
  font-family: 'Source Han Sans CN';
  src: url('./SourceHanSansCN-Bold.ttf') format('opentype');
  font-weight: bold;
}
 
@font-face {
  font-family: 'Source Han Serif SC';
  src: url('./SourceHanSansCN-Regular.ttf') format('opentype');
  font-weight: normal;
}

body
{
	line-height: 1.8;
	margin: 0;
	font-size: 1rem;
	font-family: 'Source Han Serif SC', 'Source Han Sans CN', serif;
    font-style: normal;
}

.top_head
{
	width: 100%;
    height: 2.5%;
    background: #003595;
    display: flex;
    justify-content: center;
}
.top1
{
	
width: 89%;
    height: 1.5rem;
    display: flex
;
    justify-content: flex-end;
    position: relative;
    top: -3rem;
    right: 9rem;
}
.chose
{
	 width:100%;
	height:1.5rem;
	display: flex;
    justify-content: center;
	align-items: center
}
.chos-lau
{
	
	color:#fff;
	font-size:12px;
	font-weight: 400;
	margin-left:0.5rem
}
#top {
    display: none;
    width: 8rem;
    height: 7.5rem;
    border: 1px solid balck;
    position: fixed;
   
    background-color: #f7f7f7;
    left: 91rem;
    z-index: 29000;
    border-radius: 0.5rem;
}
#top li {
    list-style: none;
    margin-top: 0.3rem;
}
.top_head2
{
	
	width:100%;
	height:4.5rem;
	top:1.5rem;
	
	background:#fff;
	display: flex;
   justify-content: center;
}
.top2
{
	
	width:78.6rem;
	height:4.5rem;
	display: flex;
	align-items: center;
}
.nav_div
{
	width:64.9rem;
	height:4.5rem;
	background:#fff;
	/*max-width:64.9rem*/
}
.nav_list
{
	 width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
   
	
}
.nav_ul
{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-left: 6rem;
    font-size: 18px;
/*	max-width:53rem;
	min-width:53rem;*/
}
	

.nav_divs
{
	width: 25%;
  /*  margin-right: 1rem;*/
	
}
.nav_list ul
{
	height:4.5rem;
	display: flex
;  
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
	 width:64.8rem;
	max-width:64.9rem;
}
.nav_list ul li {
    margin: 1rem;
    font-size: 18px;
	width:98px;
	max-width:98px;
	min-width:98px;
}
.right_nav
{
	
	width:25%;
	display:flex;
	align-items:center;
	height:4.5rem
	
}
.nav_right_div
{
	
	height: 4.5rem;
    color: #fff;
    vertical-align: middle;
    display: flex
;
    align-items: center;
}
.banner-img
{
	width:100%;
	display:block;
	justify-content:center;
	
}
.banner-img img
{
	width: 100%;
    display: block;
    height:auto;
   
	
}
.goods
{
	width:100%;
	display:flex;
	justify-content:center;
	height:auto;
	
	margin-top:8rem
}
@media (max-width: 1010px) {
    .goods {
       width:100%;
	   display:flex;
	   justify-content:center;
	   height:72vh;
	
	margin-top:8rem
    }
}
.goods_div
{
	width:100%;
	
	justify-content:center;
	display:flex;
	
	
	
}
.goods1
{
	width:48%;
	display:flex;
	flex-wrap: wrap;
	height:auto;
}
.goods2
{
	width:35%;
	
	margin-left:1.5%;
	
}
.goods_img
{
	
	width:48.5%;
	height:auto;
	margin-top:2rem
}
.goods_img img 
{
	width:100%;
	
	
}
.goods22
{
	width:100%
}
.goods22 img
{
	width:100%;
	
}
.rongyu
{
	display:flex;
	align-items:center;
    background-image: url('../img/zb.png');
    background-size: cover; /* 覆盖整个元素 */
    background-position: center; /* 居中显示 */
    background-repeat: no-repeat; /* 不重复 */
    width: 100%; /* 宽度100% */
    height: 100vh; /* 高度100%视口高度 */
	overflow:hidden;
	
}
.on-top
{
	width:100%;
	
	height:15rem;
	display:flex;
	justify-content:center;

}
.on-text
{   margin-top:6%;
	font-size:35px;
	font-weight:700;
	color:black;
	letter-spacing: 3px
}
.on-top-2
{
	width:100%;
	height:40rem;
	background:#e0ecfc;
}
.on-img
{
	width: 100%;
    height: 18rem;
    display: flex;
  
    align-items: center;
	color:black;
	letter-spacing: 1px
}
.on-img1
{
	width: 100%;
    height: 18rem;
    display: flex;
  
    align-items: center;
	color:black;
	letter-spacing: 1px
}
.on-img div
{
	width:19rem;
	text-align:center;
}
.on-img1 div
{
	width:19rem;
	text-align:center;
}
#qd1
{
	
    position: absolute;
    left: 32rem;
    bottom: 7rem;
    width: 19rem;
    height: 18rem;
    z-index: 99999;
	display:none;
	
  
}
.dq{
	
	display:none
}