*{margin: 0;padding: 0;}
.content{
    /* width: 1902px; */
    width: 18.5rem;
    margin: 0 auto;
}
.topbox{
    /* height: 96px; */
    height: .96rem;
background: #080C14;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
position: relative;
}
.topbox>img{
    /* width: 210px; */
    width: 2.1rem;
/* height: 65.02px; */
height: .6502rem;
/* margin-left: 240px; */
position: absolute;
/* left: 240px; */
left: 2.4rem;
/* top: 15px; */
top: .15rem;
}
.bannerbox>img{
    /* width: 1902px; */
    width: 18.5rem;
}
.nav{
    /* display: inline-block; */
    /* margin-left: 1508px; 
    margin-top: 31px; */
    /* margin-left: 15.08rem; 
    margin-top: .31rem; */
    position: absolute;
    display: flex;
    left: 15.08rem;
    top: .31rem;
}
.nav>span{
    /* width: 48px;
    height: 34px; */
    min-width: .48rem;
    height: .34rem;
    font-family: PingFang SC Bold;
    /* font-size: 24px; */
    font-size: .24rem;
    font-weight: bold;
    letter-spacing: 0em;
    color: #FFFFFF;
    /* margin-right: 80px; */
    margin-right: .8rem;
   cursor: pointer;
}
.index2{
    /* height: 633px; */
    /* height: 6.33rem; */
    min-height: 6.33rem;
}
.index3{
    
}
.index2,.index3,.index4{
    /* width: 1902px; */
    width: 18.5rem;
    text-align: center;
}
.tile{
    /* margin-bottom: 58px; */
    margin-bottom: .58rem;
}
.tile>img{
    /* width: 70px;
height: 6px; */
width: .7rem;
height: .06rem;
background: #3D3D3D;
/* margin-bottom: 8px; */
margin-bottom: .08rem;
}
.tile>span{
    /* margin: 0px 24px; */
    margin: 0px .24rem;
    /* height: 42px; */
    height: .42rem;
font-family: MicrosoftYaHei-Bold;
/* font-size: 32px; */
font-size: .32rem;
font-weight: bold;
letter-spacing: 0em;
color: #3D3D3D;
}
.indexbody{
    /* width: 1440px; */
    width: 14.4rem;
    margin: 0 auto;
}
.indexbody>img{
    width: 2.5rem;
    height: 3.6rem;
}
.img_float{
    float: left;
}
.det_body,.det_body1{
    /* float: right; */
    margin-left: 2.9rem;
    /* width: 1110px; */
    width: 11.1rem;
    padding: 0 2.5px;
    font-family: MicrosoftYaHei;
/* font-size: 24px; */
font-size: .24rem;
font-weight: normal;
/* line-height: 36px; */
/* line-height: .36rem; */
letter-spacing: 0em;
color: #3D3D3D;
text-align: start;
}
.det_body1{
    /* margin-top:72px ; */
    margin-top: .72rem;
}
.flexbox{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
}
.box_content{
    /* width: 430px; */
    width: 4.3rem;
}
.box_content>img{
    /* width: 430px;
height: 310px; 
border-radius: 10px;*/
width: 4.3rem;
height: 3.1rem;
border-radius: .1rem;
}
.box_content>.font{
    /* width: 429px;
height: 74px;
line-height: 74px;
border-radius: 8px; */
width: 4.29rem;
height: .74rem;
line-height: .74rem;
border-radius: .08rem;
background: #3CBBCF;
font-family: MicrosoftYaHei-Bold;
/* font-size: 32px; */
font-size: .32rem;
font-weight: bold;
letter-spacing: 0em;
color: #FFFFFF;
/* margin-top: 57px; */
margin-top: .57rem;
}
.font_detail{
    font-family: MicrosoftYaHei;
/* font-size: 24px; */
font-size: .24rem;
font-weight: normal;
letter-spacing: 0em;

/* 主色/字体颜色 */
color: #3D3D3D;
text-align: start;
/* margin-top: 40px; */
margin-top: .4rem;
}
.index3{
    /* height: 962px; */
    height: 9.62;
    background-color: #F4F4F4;
}
.kernel{
    font-family: MicrosoftYaHei;
/* font-size: 24px; */
font-size: .24rem;
font-weight: normal;
letter-spacing: 0em;

/* 主色/字体颜色 */
color: #3D3D3D;
}
.btn_img1{
    /* background: url('../img/1.png') no-repeat; */
}
.btn_img2{
    /* background: url('../img/2.png') no-repeat; */
}
.btn_img3{
    /* background: url('../img/3.png') no-repeat; */
}
.index5{
    
    text-align: center;
    background-color: #F4F4F4;
}
.btn_img{
    margin: 0 auto;
    /* width: 882px; */
    width: 8.82rem;
/* height: 126px; */
height: 1.26rem;
/* border-radius: 16px; */
border-radius: .16rem;
background: #F4F4F4;
position: relative;
}
.btn_img>img{
 position: absolute;
 /* width: 96px;
 height: 124px;
 left: 62px;
 top: -16px; */
 width: .96rem;
 height: 1.24rem;
 left: .62rem;
 top: -0.16rem;
}
.btn_img>span{
    display: inline-block;
    /* margin-top: 27px; */
    /* margin-top: .27rem; */
    font-family: MicrosoftYaHei;
/* font-size: 36px; */
font-size: .36rem;
font-weight: normal;
/* line-height: 72px; */
line-height: .72rem;
/* margin-bottom: .27rem; */
letter-spacing: 0em;
position: absolute;
left: 2.38rem;
top: .27rem;
/* 主色/字体颜色 */
color: #3D3D3D;
}
.body5{
    margin: 0 auto;
    /* width: 1440px; */
    width: 14.4rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.flex_body{
    text-align: start;
    /* margin-top: 121px;
    margin-bottom: 121px; */
    /* margin-top: 1.21rem; */
    margin-bottom: 1.21rem;
}
.flex_body>span{
    font-family: MicrosoftYaHei-Bold;
/* font-size: 24px; */
font-size: .24rem;
font-weight: bold;
letter-spacing: 0em;

/* 主色/字体颜色 */
color: #3D3D3D;
}
ul>li{
    list-style: none;
    font-family: MicrosoftYaHei;
/* font-size: 24px; */
font-size: .24rem;
font-weight: normal;
letter-spacing: 0em;
color: #7E7C7C;
/* margin-top: 44px; */
margin-top: .44rem;
cursor: pointer;
}
ul>li>a{
    text-decoration: none;
    font-size: .24rem;
font-weight: normal;
letter-spacing: 0em;
color: #7E7C7C;
}