/* 所有的都置为0 */

* {
    margin: 0;
    padding: 0;
}

.item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* border: 0.01rem solid gray; */
    /* background-color: white; */
    border-radius: 0.1rem;
    
}




/* 第一个总栏样式 */

.header {
    width: 100%;
    height: auto;
    /* background-image: url("background.jpg") ; */
}

.item .item_header_navigation {
    width: 100%;
    height: 2rem;
    flex-direction: row;
    /* background-image: url("background.jpg") ; */
}

.item .item_header_navigation>.detail {
    width: 60%;
    height: 2rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.item_header_navigation>.detail >.navigation_item{
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0.1rem;
}


/* .navigation_item_div:before{

} */

.item .navigation_item {
    width: 1.5rem;
    height: 0.7rem;
}

.item .item_header_navigation>.icon {
    width: 40%;
    height: 2rem;
    align-items: center;
    justify-content: center;
}

.item .real_icon {
    width: 46%;
    height: 1rem;
}


/* .real_icon::before {
    width: 27%;
    height: 1rem;
}

.real_icon::after {
    width: 27%;
    height: 1rem;
} */

.item .item_header_content {
    width: 100%;
    height: 15  rem;
    flex-direction: row;
}

.item .item_header_content_left {
    /* margin-left: 5rem; */
    width: 35%;
    height: 15rem;
    /* margin-top:1% */
}

.header > .item_header_content > .item_header_content_left> .header {
    width: 98%;
    height: 3rem;
    margin-bottom: 0.5rem;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 1.2rem;
    justify-content: center;
    align-items: center;
    

}

.header > .item_header_content > .item_header_content_left> .detail1 {
    width: 98%;
    height: 7rem;
    margin-bottom: 0.5rem;
    margin-left: 1%;
    margin-right: 1%;
    margin-top:1%;
    font-size: 0.5rem;
    justify-content: center;
    align-items: center;
    color:white;
    font-weight:bold;
    line-height:160%
}

.item .detail2 {
    width: 98%;
    height: 1.5rem;
    margin-left: 1%;
    margin-right: 1%;
}

.item .item_header_content_right {
    width: 55%;
    height: 15rem;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.item .item_header_content_right> div{
    /* margin-top: 0.5rem; */
    width: 7rem;
    height: 10rem;
    /* height: auto; */
}

.item .item_header_content_right> .item_img > img{
    width: 100%;
    border-radius:1%;
   
}


/* 分割线样式 */

.line {
    display: flex;
    align-items: center;
    font-size: 0.4rem;
    //color: gray;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.line::before,
.line::after {
    content: '';
    flex: 1;
    height: 1px;
    //background: gray;
}

.line::before {
    margin-right: 0.25rem;
}

.line::after {
    margin-left: 0.25rem;
}


/* 第二部分 */

.item .item_2 {
    width: 100%;
    height: auto;
    
}

.item .item_2_header {
    width: 100%;
    height: 5rem;
}

.item .header_large {
    font-size: 1.2rem;
    width: 100%;
    height: 2rem;
    text-justify: center;
    align-items: center;
}

.item .header_detail {
    font-size: 0.4rem;
    width: 100%;
    height: 2.5rem;
    text-justify: center;
    align-items: center;
}

.item .item_2_detail {
    width: 100%;
    height: 8 rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.item .item1 {
    //border: 1px solid gray;
    border-radius: 10px;
    width: 7rem;
    height: 7rem;
    margin-left: 0.4rem;
    margin-right:0.4rem;
}

.item .item2 {
    //border: 1px solid gray;
    border-radius: 10px;
    width: 7rem;
    height: 7rem;
    margin-left: 0.4rem;
    margin-right:0.4rem;
}

.item .item3 {
    //border: 1px solid gray;
    border-radius: 10px;
    width: 7rem;
    height: 7rem;
    margin-left: 0.4rem;
    margin-right:0.4rem;
    //margin-bottom:0.5rem;
}


/* 第三部分 */

 .item_3{
   /* height: auto; */
   width: 100%;
   height: 17rem;
   display: flex;
   flex-direction: row;

}

.item .item_3_left{
    width: 30%;
    height: 17rem;
    align-items: flex-end;
    justify-content: space-evenly;
}

.item_3_middle{
    /* width: 30%; */
    height: 10rem;
    align-items: center;
    justify-content: flex-start;
}

.item .item_3_right{
    width: 30%;
    height: 17rem;
    align-items: flex-start;
    justify-content: space-evenly;
}

.item .item_3_middle > img{
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 7rem;
    height: auto;
}

.item_3_left > .item_1{
    width: 7rem;
    height: 5rem;
    border: 0.01rem solid gray;
}

.item_3_left > .item_2{
    width: 7rem;
    height: 5rem;
    border: 0.01rem solid gray;
}
.item_3_left > .item_3{
    width: 7rem;
    height: 5rem;
    border: 0.01rem solid gray;
}

.item_3_right > .item_1{
    width: 7rem;
    height: 5rem;
    border: 0.01rem solid gray;
}

.item_3_right > .item_2{
    width: 7rem;
    height: 5rem;
    border: 0.01rem solid gray;
}

.item_3_right > .item_3{
    width: 7rem;
    height: 5rem;
    border: 0.01rem solid gray;
}



/* 第四部分 */

.item_4{
    justify-items: center;
    justify-content: center;
    align-items: center;
}


.item_4 > .item_header{
    width: 100%;
    height: 1.7rem;
    font-size: 1.2rem;
    align-items: center;
    text-align: center;
    text-justify: center;
    margin:0.5rem;

}


.item_4 > .item_detail{
    width: 100%;
    height: 1rem;
    font-size: 0.4rem;
    align-items: center;
    text-align: center;
    text-justify: center;
    margin:0.5rem;
   
}

.item_4 > .item_video{
    
}


.item_4 >.item_video > img{
    width: 17rem;
    margin: 0.5rem;
}


/* 第五部分 */
.item_5{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.item_5 > .item_left{
    width: 33%;
    /* height: 17rem; */
    justify-content: center;
    align-items: center;
}

.item_5 > .item_middle{
    width: 25%;
    /* height: 17rem; */
    justify-content: center;
    align-items: center;
}

.item_5 > .item_right{
    width: 33%;
    /* height: 17rem; */
    justify-content: center;
    align-items: center;
}


.item_5 > .item_left > img{
    /* width: 8rem; */
    margin: 1rem;
    border-radius:1%;width:45%
}

.item_5 > .item_middle > img{
    /* width: 7rem; */
    margin: 1rem;
    border-radius:1%;width:45%
}

.item_5 > .item_right > img{
    /* width: 8rem; */
    margin: 1rem;
    border-radius:1%;width:45%
   
}

video{
    width:72%;
    height:40.5%;
}


/* 第六部分 */

.item_6{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.item_6 > .item_left{
    width: 35%;
    height: 8rem;
}

.item_6 > .item_middle{
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item_6 > .item_middle > .item_6_img{
    width: 100%;
}

.item_6 > .item_middle > .item_1{
    width: 100%;
    height: 2.5rem;
}

.item_6 > .item_middle > .item_2{
    width: 100%;
    height: 5.5rem;
}


.item_6 > .item_right{
    width: 35%;
    height: 8rem;
}

/* 页脚 */
.footer{
    margin-top: 1rem;
    width: 100%;
    height: 3rem;
    background-color: black;
    color: white;
    font-size: 0.1rem;

}

.footer > p {
    width: 100%;
    display: flex;
    font-size: 0.1rem;

}

.footer > p > a{
    margin: 0.2rem;
    font-size: 1rem;
    color: white;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center;
    align-content: center;
    align-items: center;
}