/* 分类项目 */
.category{
    width: 60%;
    margin: 0 auto;
    /* border-left: 1px dashed orange; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.category_item{
    display: flex;
    flex-direction: column;
}
.category_item p{
    font-size:16px;
    line-height: 25px;
    
    text-align: center;
}
.xuline{
    display: block;
    width: 0.5px;
    height: 40px;
    border-left: 1px dashed orange;
}
.category_icon{
    margin:  10% auto;
}
/* 标题 */
.title{
    width: 30%;
    height: 20%;
    margin: 5% auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.title div:first-child{
    height: 20%;
    width: 30%;
    border-top: 5px solid orange;
    border-left: 5px solid orange;
    border-right: 5px solid orange;
    margin: 0 auto; 
}
.title_name{
    font-size: 24px;
    text-align: center;
}
.title_english{
    color: #444;
    text-align: center;
    font-size: 22px;    
}
.bottom_border{
    height: 5px;
    background-color: orange;
    width: 30%;
    margin: 0 auto;
}
/* 介绍 */
.js{
    width: 60%;
    margin: 0 auto;
    line-height: 28px;
    color: #666
}
/* 详情 */
.detail{
    height: 600px;
    width: 60%;
    margin: 5% auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detail_left{
    margin-left: 10%;
    width: 49%;
}
.detail_right{
    width: 49%;
    margin-left: 2%;
}
.left_img,.right_img{
    height:70%;
    width: 80%;
}
 .left_img img,.right_img img{
    width: 100%;
    height: 100%;
}
.left_text{
    width:80% ;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.right_text{
    width:80% ;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left_text p ,.right_text p{
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(255,150,0,1);    
}
.image_show{
    width: 70%;
    height: 800px;
    margin:  0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.item_one{
    width: 32%;
    height: 58%;
    background-size: cover;
}
.item_two{
    width: 32%;
    height: 38%;
    background-size: cover;
}
.item_three{
    width: 32%;
    height: 68%;
    background-size: cover;
}
.item_four{
    width: 32%;
    height: 38%;
    margin-top: -70px;
    background-size: cover;
}
.item_five{
    width: 32%;
    height: 58%;
    margin-top: -230px;
    background-size: cover;
}
.item_six{
    width: 32%;
    height: 33%;
    margin-top: -30px;
    background-size: cover;
}
/* fenye */
.pagef{
    width: 70%;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 100px;
}
.pagef p{
    display: block;
    width:30px;
    height: 30px;
    border: 1px solid orange;
    margin-right: 20px;
    color:orange;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}