@charset "UTF-8";
/*banner*/
.banner
{
    width:100%;
}
.banner a
{
    display: block;
    position: relative;
}
.banner a img
{
    display: block;
    width: 100%;
}
.banner a .swiper-slide-title
{
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width:100%;
    height:0.64rem;
    line-height: 0.64rem;
    background: url('../images/swiper-slide-title.png') no-repeat;
    background-size: 100% 100%;
}
.banner a .swiper-slide-title span
{
    display: block;
    font-size: 0.15rem;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1rem;
}
.banner .page
{
    font-size: 0;
    bottom: .25rem !important;
    left: auto !important;
    width: auto !important;
    right: .5rem;
}
.banner .page span
{
    width: 0.12rem;
    height: 0.12rem;
    font-size: .2rem;
    background: #ffffff;
    line-height: 1;
    font-weight: 700;
    border-radius: 0.1rem;
    opacity: 1;
    margin: 0 0.05rem;
}
.banner .page span.active
{
    background: #FFBD2F;
}

/*main*/
.content
{
    padding: 1.3rem 0 .52rem;
    background: #F4EBF4 url('../images/content_bj.png') no-repeat;
    background-size: 100% auto;
}
.content .wp .left, .content .wp .right
{
    width:49%;
    padding: .3rem;
    background: #ffffff;
    border-top: 6px solid #742078;
}
.content .wp .left .box .title, .content .wp .right .box .title
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url('../images/title_bj.png') no-repeat 0.9rem center;
    background-size: 63%;
}
.content .wp .left .box .title h2, .content .wp .right .box .title h2
{
    font-size:0.18rem;
    color: #782077;
    position:relative;
    padding-left: 0.12rem;
}
.content .wp .left .box .title h2:before, .content .wp .right .box .title h2:before
{
    position: absolute;
    content: '';
    width: 0.05rem;
    height: .2rem;
    background: #782077;
    left: 0;
    top: 0.035rem;
    border-radius: .1rem;
}
.content .wp .left .box .title  .morea, .content .wp .right .box .title  .morea
{
    width: 0.96rem;
    height: 0.32rem;
    line-height: 0.32rem;
    background: url("../images/more_icon.png") no-repeat;
    background-size: 100% 100%;
    font-size: 0.14rem;
    color: #999999;
    padding-left: .1rem;
}
.content .wp .left .box .top_new
{
    margin-top: 0.25rem;
}
.content .wp .left .box .top_new .top_new_img
{
    width:48%;
}
.content .wp .left .box .top_new .top_new_img .bg-mask
{
    display: block;
    position: relative;
}
.content .wp .left .box .top_new .top_new_img .bg-mask .pic
{
    padding-top: 1.85rem;
}
.content .wp .left .box .top_new .top_new_img .bg-mask h3
{
    font-size:0.14rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 0.41rem;
    line-height: 0.41rem;
    color:#ffffff;
    padding-left: 0.1rem;
    background:url('../images/swiper-slide-title.png') no-repeat;
}
.content .wp .left .box .top_new .top_new_text
{
    width: 48%;
}
.content .wp .left .box .top_new .top_new_text a h3
{
    font-size:0.15rem;
    color: #333333;
}
.content .wp .left .box .top_new .top_new_text a time
{
    font-size:0.14rem;
    color:#999999;
    margin: 0.05rem 0;
    display: inline-block;
}
.content .wp .left .box .top_new .top_new_text a p
{
    font-size: 0.14rem;
    color: #666666;
    line-height: .22rem;
}
.content .wp .left .box .top_new:hover .top_new_text a h3
{
    color: #782077;
}
.content .wp .left .box .top_new:hover .top_new_img .bg-mask .pic .a
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.content .wp .left .box .new_txt
{
    margin-top:0.25rem;
}
.content .wp .left .box .new_txt ul li
{
    margin-bottom: 0.24rem;
}
.content .wp .left .box .new_txt ul li:last-child
{
    margin-bottom:0;
}
.content .wp .left .box .new_txt ul li a,.content .wp .right .box .tzgg ul li a
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content .wp .left .box .new_txt ul li a time
{
    display: block;
    width: .64rem;
    text-align: center;
    color: #646464;
    position: relative;
    transition: .5s;
}
.content .wp .left .box .new_txt ul li a time span
{
    display: block;
    font-size: .14rem;
    line-height: 1;
    background: #f4f4f4;
    color: #999999;
    line-height: .32rem;
}
.content .wp .left .box .new_txt ul li a time em
{
    display: block;
    font-size: .2rem;
    line-height: .35rem;
    color: #ffffff;
    background: #782077;
}
.content .wp .left .box .new_txt ul li a .txt
{
    width: calc(100% - 0.8rem);
    /* padding-right: .2rem; */
}
.content .wp .left .box .new_txt ul li a .txt h3
{
    font-size:0.15rem;
    color:#333333;
    position: relative;
    padding-left: 0.15rem;
}
.content .wp .left .box .new_txt ul li a h3:before
{
    position: absolute;
    top: 0.05rem;
    left: 0;
    content: "";
    display: block;
    width: 0.08rem;
    height: 0.12rem;
    background: url('../images/li_icon.png') no-repeat;
}
.content .wp .left .box .new_txt ul li a .txt p
{
    font-size:0.14rem;
    color:#666666;
    line-height: .22rem;
    margin-top: 0.03rem;
}
.content .wp .left .box .new_txt ul li:hover a .txt h3,.content .wp .left .box .new_txt ul li:hover a .txt p
{
    color:#782077;
}
/*通知公告*/
.content .wp .right .box .tzgg ul
{
    margin-top: 0.25rem;
}
.content .wp .right .box .tzgg ul li
{
    line-height: .47rem;
    padding: 0 .15rem;
}
.content .wp .right .box .tzgg ul li.odd
{
    background: #f4f4f4;
}
.content .wp .right .box .tzgg ul li:hover a h3
{
    color: #782077;
}
.content .wp .right .box .tzgg ul li a h3
{
    position: relative;
    font-size:0.15rem;
    color:#333333;
    width: 83%;
    padding-left: .15rem;
}
.content .wp .right .box .tzgg ul li a h3:before
{
    position: absolute;
    top: 0.17rem;
    left: 0;
    content: "";
    display: block;
    width: 0.08rem;
    height: 0.12rem;
    background: url('../images/li_icon.png') no-repeat;
}
.content .wp .right .box .tzgg ul li a time
{
    font-size:0.15rem;
    color:#999999;
}

/*express*/
.express
{
    background: url('../images/express.png') no-repeat;
    background-size: 100% 100%;
}
.express .wp .box
{
    position: relative;
}
.express .wp .box .title
{
    width: 2rem;
    margin-top: 0.4rem;
}
.express .wp .box .title h2
{
    font-size:0.36rem;
    color: #ffffff;
}
.express .wp .box .list1w
{
    width: calc(100% - 0.7rem);
    margin: .2rem 0;
    margin-right: -1.5rem;
    /* padding-top: .17rem; */
}
/*.express .wp .box .list1w .swiper-wrapper .swiper-slide*/
/*{*/
/*    width: 2.48rem !important;*/
/*}*/


.express .wp .box .list1w a
{
    display: block;
    position: relative;
}
.express .wp .box .list1w a .pic
{
    padding-top: 1.67rem;
}
.express .wp .box .list1w a h3
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .17rem;
    font-size: .28rem;
    line-height: 0.52rem;
    color: #fff;
    padding-left: 0.15rem;
    z-index: 9999999;
    width: 2rem;
    height: 0.52rem;
    background:url('../images/kjtd_make.png') no-repeat;
    background-size: 100% 100%;
}
.express .wp .box .list1w_pre
{
    position: absolute;
    top: 65%;
    left: 0;
    width: 0.75rem;
    height: 0.75rem;
    /* margin-top: -0.15rem; */
    background: url('../images/pre.png') no-repeat;
    background-size: 100% 100%;
}
.express .wp .box .list1w_next
{
    position: absolute;
    top: 65%;
    left: 1rem;
    width: 0.75rem;
    height: 0.75rem;
    /* margin-top: -0.15rem; */
    background: url('../images/next.png') no-repeat;
    background-size: 100% 100%;
}



















/*=============== 首页响应式部分 ==================*/
@media screen and (max-width: 1400px)
{
    .content
    {
        padding:1rem 0 .52rem;
    }
    .express .wp .box .list1w
    {
        width: calc(100% - 1.9rem);
        margin-right: -.55rem;
    }
}
@media screen and (max-width: 1300px)
{
    .content
    {
        padding:1.1rem 0 .52rem;
    }
    .express .wp .box .list1w
    {
        width: calc(100% - 1.9rem);
        margin-right: -0.1rem;
    }
}
@media screen and (max-width: 1200px)
{
    .content
    {

    }
    .content .wp .right .box .tzgg ul li a h3
    {
        width: 78%;
    }
    .express .wp .box .title
    {
        margin-left:.5rem
    }
    .express .wp .box .list1w
    {
        margin-right: 0;
        width: calc(100% - 2.6rem);
    }
    .express .wp .box .list1w_pre
    {
        left: 0.4rem;
    }
    .express .wp .box .list1w_next
    {
        left: 1.2rem;
    }
    .express .wp .box .list1w a h3
    {
        width: auto;
    }
}
@media screen and (max-width: 1100px)
{

}
@media screen and (max-width: 1025px)
{
    header
    {
        display: none;
    }
    .content
    {
        padding: .3rem 0 .52rem;
    }
    .content .wp .left, .content .wp .right,.express .wp .box,footer .footer .wp .flex
    {
        width: 100%;
        padding: .15rem;
    }
    .content .wp .right
    {
        margin-top:0.25rem
    }
    .content .wp .left .box .title, .content .wp .right .box .title
    {
        background: url('../images/title_bj.png') no-repeat 0.8rem center;
        background-size: 82%;
    }
    .content .wp .left .box .top_new .top_new_img .bg-mask .pic
    {
        padding-top:2rem;
    }
    .express .wp .box .title
    {
        width:100%;
    }
    .express .wp .box .list1w_pre,.express .wp .box .list1w_next
    {
        display:none;
    }
    .express .wp .box .list1w
    {
        width:100%;
        margin-right:0;
    }
    .express .wp .box .list1w .swiper-wrapper .swiper-slide
    {
        width:auto;
    }
}

@media screen and (max-width: 900px)
{

}

@media screen and (max-width: 640px)
{

}

@media screen and (max-width: 480px)
{
    .content .wp .left .box .title, .content .wp .right .box .title
    {
        background: url('../images/title_bj.png') no-repeat 1rem center;
        background-size: 55%;
    }
    .content .wp .left .box .top_new .top_new_img,.content .wp .left .box .top_new .top_new_text
    {
        width:100%;
    }
    .content .wp .left .box .top_new .top_new_text
    {
        margin-top:0.2rem
    }
}
@media screen and (max-width: 320px)
{
    .content .wp .left .box .top_new .top_new_img
    {
        width:100%;
    }
}