*{
    margin: 0;
    padding: 0;
  
}


body{
    background-image: url(/bwc/images/bac-all.png);
    background-size: 100% 100%;
}









.pages{
    
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: column;
/* align-items: center; */
text-align: center;

}

.top_color{
    margin:0 auto;
    /* display: flex;
    justify-content: center; */
    width: 100%;
    height: 158px;
    
    text-align: center;
}

.top{
    margin:0 auto;
    width: 1222px;
    height: 158px;
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    background-color: #23629f;
} 

.loge{
    /* width: 450px; */
    width: 550px;
    height: 158px;
    display: flex;
    /* justify-content: center; */
    align-items: center;

}

.loge img{
    /* width: 171px; */
    width: 351px;
    /* height: 43px; */
    height: 93px;
    color: #192223;
}

.line{
    width: 0px;
    height: 46px;
    opacity: 1;
    border: 1px solid #87B9E9;
    margin: 13px;
}

.loge_word{
    /* width: 240px; */
    width: 160px;
    height: 29px;
    /* font-size: 22px; */
    font-size: 30px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 40px;
}


.navigation{
    /* width: 870px; */
    width: 630px;
    height: 158px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav{
    /* width: 850px; */
    width: 670px;
    height: 158px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
}

.nav li{
    width: 100px;
    height: 158px;
    
}

.nav li div{
    /* width: 100px; */
    width: 88px;
    height: 158px;
    display: flex;
    /* justify-content: center; */
    justify-content: flex-end;
    align-items: center;
    
}


/*链接内元素样式*/
a {                                           
    text-decoration: none;
}
  
.ser_box_nav_thi_mor>a{
    color: #646F69;
}
.wor_nav_thi_mor>a{
    color: #646F69;
}

.ser_box_but_1_tex>a{color: #333333;}
.ser_box_but_2_tex>a{color: #333333;}
.ser_box_but_3_tex>a{color: #333333;}
.ser_box_but_4_tex>a{color: #333333;}
.ser_box_but_5_tex>a{color: #333333;}
.ser_box_but_6_tex>a{color: #333333;}

.nav li div a{
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    /* font-size: 20px; */
    font-size: 21px;
    font-weight: 400;
    color: #f5f5f5ee;
    background-clip: text;
    
}


.body_img img{width: 1222px;height:300px;}



.cont{
    margin:0 auto;
    width: 1222px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    /*position: relative;*/
}

/*2024.2.1*/
.cont_tex_nav{
    
    width: 155px;
    
    
}




/**/

.cont_nav{
    width: 1222px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cont_nav_box1{
    width: 155px;
    height: 61px;
    background: #F3F3F3;
    border-left: 1px solid #70707082;
    border-right: 1px solid #70707082;
    border-bottom: 1px solid #70707082;
    border-top: 8px solid #0E63B4;
    display: flex;
    align-items: center;
}
.cont_nav_box2{
    width: 1000px;
    height: 61px;
    opacity: 1;
    border: 1px solid #C8C8C8;
    border-left: 1px solid #70707082;
    border-right: 1px solid #70707082;
    border-bottom: 1px solid #70707082;
    border-top: 8px solid #0E63B4;
    display: flex;
    align-items: center;
}

.cont_nav_box1_tex{
    
    height: 29px;
    font-size: 22px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #0E63B4;
    margin-left: 12px;
}

.cont_nav_box2_tex{
    /* width: 500px; */
    height: 29px;
    font-size: 22px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    color: #0E63B4;
    margin-left: 35px;
}



.cont_tex{
    width: 1222px;
    
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}




.cont_tex_page{
    width: 1000px;
   
    border: 1px solid #E8E8E8;
    text-align: initial;
}


.cont_tex_page_ul{
    width: 920px;
    height: 320px;
    display: flex;
    flex-direction: column;
    margin-left: 34px;
}

.cont_tex_page_ul>div{
    width: 920px;
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}

.cont_tex_page_ul_list{
    width: 12px;
    height: 12px;
    background: #0E63B4;
    opacity: 1;
    border-radius: 50%;
}
.cont_tex_page_ul_bo{
    width: 16px;
    height: 12px;
}

.cont_tex_page_ul>div>div>a{
    color: #000000;
}

.cont_tex_page_but{
    width: 667px;
    height: 53px;
    margin-left: 278px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cont_tex_page_but1{
    width: 56px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}

.cont_tex_page_but7{
    width: 56px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}
.cont_tex_page_but8{
    width: 56px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}

.cont_tex_page_but9{
    width: 56px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}

.cont_tex_page_but2{
    width: 37px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
    
}

.cont_tex_page_but3{
    width: 37px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}

.cont_tex_page_but4{
    width: 37px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}

.cont_tex_page_but5{
    width: 37px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}

.cont_tex_page_but6{
    width: 37px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}

.cont_tex_page_text1{
    width: 15px;
    height: 21px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    
    /* letter-spacing: 100px; */

}

.cont_tex_page_text2{
    width: 34px;
    height: 21px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    
    /* letter-spacing: 100px; */

}
.cont_tex_page_text3{
    width: 37px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #707070;
}
.cont_tex_page_text4{
    width: 16px;
    height: 21px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    
    letter-spacing: 100px;

}



.relevant{
    margin:0 auto;
    width: 1422px;
    height: 183px;
    background-color: #72A7DA;
    display: flex;
    justify-content: center;
}

.relevant div{
    width: 350px;
    height: 183px;
    
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    
}

.relevant div div{
    text-align: left;
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.end{
    margin:0 auto;
    width: 1222px;
    height: 69px;
    background: #23629f;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.end div{
    width: 540px;
    height: 19px;
    
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    

}