header {
    z-index: 999;
    position: relative
}
.width1200{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.top-0 {
    background-color: #eee;
    height: auto;
    padding: 0 10px;
    background-image: url(../img/list/topbag.jpg)
}

.top-a {
    /*display: flex;*/
    justify-content: space-between;
    padding: 10px 0;
    position: relative
}

.top-a .top-a1 {
    width: 30%;
    margin: 0 auto;
    clear: both;
    text-align: center;
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0*/
}

.top-a2 {
    width: 100%;
    /*display: flex;*/
    /*margin-right: 0;*/
    /*margin-left: auto;*/
    /*align-items: center;*/
    /*max-width: 860px;*/
}

.top-a2 i {
    height: 100%;
    width: auto;
    max-width: 45px;
    margin-right: 10px
}

.top-a2 img {
    position: relative;
    top: 5px
}

.top-a2 span:nth-child(2) {
    color: #000
}

.top-a2 span:nth-child(3) {
    color: #c8252b;
    font-weight: 600;
    font-size: 0.18rem
}

.top-a2 .nav_Box {
    padding: 0
}

.top-a2 .nav_Box .item {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.top-a2 .nav_Box .item li {
    width: auto;
    height: 100%;
    /*position: relative*/
}

.top-a2 .nav_Box .item li a {
    height: auto;
    flex-shrink: 0;
    font-size: 18px;
    color: #000000d6;
    font-weight: 500;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    /*writing-mode: vertical-lr;*/
    font-family: '思源宋体-bold'
}

.top-a2 .nav_Box .item li:hover a,.top-a2 .nav_Box .item li.active a {
    color: #b61213;
	/*background: url('../img/icon/nav_base.png') center no-repeat;*/
}

.top-a2 .nav_Box.item li::after,.top-a2 .nav_Box.item li::before {
    content: "";
    position: absolute;
    top: 0
}

.top-a2 .nav_Box.item li.active a,.top-a2 .nav_Box.item li:hover a {
    color: #fff;
	
}

.ph_logo,#app-menu {
    display: none
}

@media screen and (max-width: 960px) {
    .top-a2 .nav_Box .item li:hover a, .top-a2 .nav_Box .item li.active a {
    color: #fff;
    background:none;
}
    .top-0 {
        display:block;
        padding: 0;
    }

    .top-a1 {
        display:block;
    }

    .top-a {
        display: flex;
        justify-content: space-between;
        padding: 0px 0;
    }

    .top-a2 {
        max-width: 100% !important;
        /* position: absolute; */
        right: 0;
        top: 0;
        z-index: 2;
        width: 100%;
        height: auto
    }

    .top-a2 .nav_Box {
        position: relative;
        display: flex;
        justify-content: space-between
    }

    .top-a2 .nav_Box.item {
        height: auto;
        padding-top: 1rem
    }

    .top-a2 .nav_Box.item li {
        width: 100%;
        float: none;
        display: inline-block;
        border-bottom: 1px solid #fff;
        padding: 20px 0
    }

    .top-a2 .nav_Box.item li:nth-child(5) {
        display: none
    }

    .top-a2 .nav_Box.item li a {
        color: #fff;
        line-height: 1.5rem
    }

    .top-a2 .nav_Box .nav_list {
        position: absolute;
        top: 0;
        z-index: 1;
        background-color: #000000de;
        height: 0;
        overflow: hidden;
        transition: all .5s ease;
        backdrop-filter: blur(2px);
        width: 100%
    }

    .top-a2 .nav_Box .nav_list.active {
        height: calc(100vh - 0px);
    }

    .top-a2 .nav_Box .item {
        flex-direction: column;
        padding: 10% 0;
        height: auto
    }

    .top-a2 .nav_Box .item li {
        border-bottom: dashed 1px #ffffff2b
    }

    .top-a2 .nav_Box .item li a {
        color: #fff;
        line-height: 2em;
        writing-mode: unset;
        background: none;
    }
    

    .ph_logo {
        max-width: 160px;
        display: inline-block;
        padding: 10px
    }

    .ph_logo img {
        width: 100%;
        height: auto
    }

    #app-menu {
        display: flex;
        position: relative;
        z-index: 10;
        background-color: #c8252b;
        padding: 8px;
        margin-right: 5%;
        flex-direction: column;
        align-items: center;
        align-content: center;
        align-self: center
    }

    #app-menu .line {
        display: block;
        padding-top: 3px;
        padding-bottom: 3px;
        transition: all .4s ease;
        font-size: 13px
    }

    #app-menu .line:before {
        content: '';
        display: block;
        height: 2px;
        width: 22px;
        background-color: #fff;
        border-top-right-radius: 2px;
        border-bottom-left-radius: 2px;
        transition: transform 0.4s ease 0.2s,background-color 0.5s ease 0s
    }

    #app-menu.on {
        height: 100%
    }

    #app-menu.on .line:nth-of-type(1) {
        transform: translate3d(0, 8px, 0);
        -webkit-transform: translate3d(0, 8px, 0);
        -moz-transform: translate3d(0, 8px, 0);
        -o-transform: translate3d(0, 8px, 0);
        -ms-transform: translate3d(0, 8px, 0)
    }

    #app-menu.on .line:nth-of-type(1):before {
        transform: rotate(45deg)
    }

    #app-menu.on .line:nth-of-type(2) {
        opacity: 0
    }

    #app-menu.on .line:nth-of-type(3) {
        transform: translate3d(0, -8px, 0);
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        -o-transform: translate3d(0, -8px, 0);
        -ms-transform: translate3d(0, -8px, 0)
    }

    #app-menu.on .line:nth-of-type(3):before {
        transform: rotate(-45deg)
    }
}


#item1 {
	background: url('../img/list/itembag1.jpg') top center no-repeat;
	padding: 5% 0 8% 0;
}
.itemBox1_01 {
	width: 100%;
	margin-bottom: 3%;
}

.itemBox1_02 {
	width: 100%;
}

.itemBox1_02 ul {
	display: flex;
	justify-content: space-between;
}

.itemBox1_02 ul li {}
.maxwidth {
    max-width: 1200px;
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}