/*顶部*/
.top0{
    width: 100%;
    height: 60px;
    background: #f7f7fa;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.top {
    height: 60px;
    width: 1200px;
    margin: 0 auto;

    /*left: 50%;*/
    /*margin-left: -600px;*/

}
.top .top_left{
    height: 100%;
    width: 300px;
    float: left;
}
.top .top_left h1{
    height: 100%;
    width: 100%;
}
.top .top_left h1 a{
    height: 100%;
    width: 100%;
    display: inline-block;
    background: url("/uploads/ueditor/20241224/1-241224094232329.png") no-repeat center;
    background-size: contain;
}
/*导航栏*/
.top .top_right{
    height: 100%;
    width: 740px;
    float: right;
}
.top_nav{
    height: 100%;
    width: 550px;
    float: left;
}
.top_nav>li{
    float: left;
    height: 100%;
    width: 70px;
    margin-left: 20px;
}
.top_nav>li>a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    transition: all 0.5s;
}
.top_nav>li>a:hover{
    flood-color: red;
    background: #98daf8;
}
.top_nav>li>a:hover+.unfold{
    visibility: visible;
}

.top_nav .unfold{
    width: 170px;
    visibility: hidden;
    z-index: 99;
}
.top_nav .unfold:hover{
    visibility: visible;
}
.top .top_right .top_nav .unfold li{
    display: block;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-indent: 10px;
    font-weight: bold;
    background-color: #98daf8;
}
.top .top_right .top_nav .unfold li:hover{
    background-color: #ade2fa;

}
/*登录栏*/
.top .top_right .top_login{
    height: 100%;
    width: 150px;
    float: right;
}
.top_login>li{
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    margin-right: 10px;
}
.top_login>li:nth-child(3){
    height: 60px;
    width: 50px;
    background: url("/uploads/ueditor/20241224/1-24122412305V24.png") no-repeat center;
}


/*横幅副区*/
.banner2{
    width: 100%;
    height: 200px;
    text-align: center;
    overflow: hidden;
}
/*内容区域*/
.content{
    width: 1200px;
    margin: 0 auto;
}
/*第一行标题*/
.content>h1{
    height: 80px;
    /*width: 200px;*/
    margin: 0 auto;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    color: #0094d8;
    border-bottom: 2px solid #000;
    display: block;
}
/*第一行小标题*/
.content>h3{
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: #77caf1;
      margin-top: 50px;
}
/*内容小标题*/
.content>h6{
    font-size: 30px;
    line-height: 80px;
    font-weight: bold;
    color: black;

}
/*介绍文字*/
.content>p{
    line-height: 35px;
    font-size: 20px;
    text-indent: 2em;
    box-sizing: border-box;
}
/*注意事项*/
.content>p>.strong{
    font-weight: bolder;
    color: #fb8484;
}
/*示例图片*/
/*右侧例图*/
.content>.picture_right{
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.content>.picture_right img{
    width: 100%;
    max-height: 210px;
}
.content>.picture_right p{
    font-size: 20px;
}
/*中间例图*/
.content>.picture{
    text-align: center;
    margin-bottom: 10px;
}
.content>.picture img{
    max-width:80%;
}
.content>.picture p{
    font-size: 16px;
    font-weight: bold;
}
.content>img{
    float: right;
    display: block;
    height: 210px;
    margin-left: 20px;
    margin-bottom: 20px;
}
/*数据表格*/
.content .table{
    margin-left: 40px;
    margin-top: 30px;
}
.content .table dl{
    width: 250px;
    float: left;
    font-size: 20px;
    line-height: 35px;
    margin-right: 10px;
    /*text-align: center;*/
}
.content .table dl dd{
    font-size: 25px;
    font-weight: bold;
    color: black;
    border-bottom: 1px dashed black;
}





/*副导航条*/
.content .road{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}


/*底部*/
.bottom {
    width: 1200px;
    margin: 50px auto 0 auto;
    border-top: 5px solid #0094d8;
}
.bottom .hyperlink{
    height: 50px;
    line-height: 50px;
    border-bottom: 2px dashed #9797e4;

}
.bottom .hyperlink span,.hyperlink li{
    float: left;
    width: 150px;
    font-size: 15px;
    margin-right: 10px;
}
.bottom h2{
    font-size:30px ;
    font-weight: bold;
    color: black;
    line-height: 50px;
}
.bottom  p{
    font-size: 20px;
    line-height: 30px;
    margin-top: 5px;
    color: #555555;
}
.bottom .code{
    float: right;
    height: 100px;
    width: 200px;
}
.bottom .code div{
    float: left;
    height: 100px;
    width: 85px;
    text-align: center;
    line-height: 15px;
    margin-top: 10px;
    margin-right: 10px;
}
.bottom .code div img{
    height: 85px;
    width: 85px;
}