.dd-relative{
    position: relative;
}

.dd-header-box{
    width: 100%;
    height: 1.30rem;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0;
    z-index: 9999;
}

.dd-header-fixed{
    width: 100%;
    height: 1.30rem;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 0;
    z-index: 9999;
    background: #ffffff;
}

.dd-container{
    width: 100%;
    margin: 0 auto;
}
.dd-logo{
    width: 2.20rem;
    height: 0.56rem;
    float: left;
    margin-top: 0.55rem;
    margin-left: 1.40rem;
}
.dd-main-nav-box{
    width: 14.40rem;
    float: right;
}
.dd-main-nav{
    display: inline-block;
    float: right;
    padding-right: 0.88rem;
    /*padding-top: 0.07rem;*/
}
.dd-main-nav-item{
    font-size: 0.26rem;
    color: #ffffff;
    display: inline-block;
    line-height: 0.28rem;
    padding-top: 0.55rem;
    height: 1.30rem;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
}
.dd-main-nav-item-active{
    background: #026ab8;
}
.dd-main-nav-item a{
    color: #ffffff;
}
.dd-main-nav-item:hover{
   background: #026ab8;
}
.dd-header-fixed .dd-main-nav-item{
    font-size: 0.26rem;
    color: #000000;
    display: inline-block;
    line-height: 0.28rem;
    padding-top: 0.55rem;
    height: 1.30rem;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
}
.dd-header-fixed .dd-main-nav-item a{
    color: #000000;
}
.dd-header-fixed .dd-main-nav-item:hover{
    color: #ffffff;
    background: #026ab8;
}
.dd-header-fixed .dd-main-nav-item:hover a{
    color: #ffffff;
}
.dd-header-fixed .dd-main-nav-item-active{
    background: #026ab8;
}
.dd-header-fixed .dd-main-nav-item-active a{
    color: #ffffff;
}
/**尾部开始**/
.dd-footer-box{
    width: 100%;
    height: 3.20rem;
    margin-top: 1.00rem;
    background: #f8f8f8;
}
.dd-footer-content-box{
    width: 16.80rem;
    margin: 0 auto;
    padding-top: 1.00rem;
}
.dd-footer-logo-box{
    width: 4.08rem;
    height: 1.40rem;
    border-right: 1px solid #666666;
    float: left;
}
.dd-footer-logo{
    padding-top: 0.22rem;
}
.dd-footer-logo img{
    width: 3.28rem;
    height: 0.83rem;
}
.dd-footer-copyright{
    width: 8.48rem;
    height: 1.40rem;
    border-right: 1px solid #666666;
    float: left;
    padding-top: 0.07rem;

}
.dd-footer-copyright-item1{
    font-size: 0.20rem;
    color: #000000;
    line-height: 0.22rem;
    height: 0.22rem;
    text-align: center;
}
.dd-footer-copyright-item2{
    font-size: 0.20rem;
    color: #000000;
    line-height: 0.22rem;
    height: 0.22rem;
    text-align: center;
    margin-top: 0.25rem;
}
.dd-footer-copyright-item3{
    font-size: 0.20rem;
    color: #000000;
    line-height: 0.22rem;
    height: 0.22rem;
    text-align: center;
    margin-top: 0.25rem;
}
.dd-footer-erweima-box{
    width: 4.24rem;
    height: 1.40rem;
    float: left;
    text-align: right;
}
.dd-footer-erweima{
    display: inline-block;
    width: 1.40rem;
    height: 1.40rem;
}
.dd-footer-erweima img{
    width: 1.40rem;
    height: 1.40rem;
}

/**banner**/
.dd-banner-box{
    width: 100%;
    position: relative;
}
.dd-banner-content{
    width: 100%;
    
    position: relative;
}
.dd-banner-text-box{
    padding-top: 3.27rem;
    padding-left: 2.29rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.dd-banner-title-box{
    width: 6.00rem;
    height: 0.86rem;
    display: inline-block;
    position: relative;
}
.dd-banner-title{
    font-size: 0.80rem;
    color: #ffffff;
    line-height: 0.80rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.dd-banner-line{
    width: 1.93rem;
    height: 0.15rem;
    background: #fbfbfb;
    opacity: .2;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
}
.dd-banner-subtitle{
    font-size: 0.26rem;
    color: #ffffff;
    line-height: 0.26rem;
    height: 0.28rem;
    margin-top: 0.27rem;
}
/**banner**/

/**分页**/
.dd-paging-box{
    width: 100%;
    text-align: center;
    padding-top: 0.56rem;
}
.dd-paging{
    display: inline-block;
}
.dd-paging-first{
    font-size: 0.26rem;
    color: #999999;
    height: 0.26rem;
    line-height: 0.26rem;
    display: inline-block;
    margin: 0 0.17rem;
    float: left;
}
.dd-paging-last{
    font-size: 0.26rem;
    color: #3288c5;
    height: 0.26rem;
    line-height: 0.26rem;
    display: inline-block;
    margin: 0 0.17rem;
    float: left;
}
.dd-paging-item{
    width: 0.26rem;
    height: 0.26rem;
    display: inline-block;
    margin: 0 0.17rem;
    background: url("../../images/pc/case/icon-paging.png") no-repeat center;
    background-size: 0.26rem 0.26rem;
    float: left;
}
.dd-paging-active{
    background: url("../../images/pc/case/icon-paging-active.png") no-repeat center;
    background-size: 0.26rem 0.26rem;
}

.pc {
    display:block
}
.mob {
    display:none!important
}
@media screen and (max-width:640px) {
    .pc {
        display:none!important
    }
    .mob {
        display:block!important
    }

    .dd-content-box{
        height: auto;
        position: relative;
    }
    .dd-mob-header-box{
        width: 100%;
        height: 0.98rem;
        /*position: absolute;
        top: 0;
        left: 0;
        z-index: 200;*/
        background: #e8e8e8;
    }
    .dd-mob-logo-box{
        width: 1.64rem;
        height: 0.47rem;
        position: absolute;
        top: 0.28rem;
        left: 50%;
        margin-left: -0.82rem;
    }
    .dd-mob-menu-btn-box{
        width: 0.34rem;
        height: 0.34rem;
        position: absolute;
        top: 0.33rem;
        right: 0.35rem;
    }
    .dd-mob-menu-btn:after{
        content: "";
        width: 0.34rem;
        height: 0.34rem;
        background: url("../../images/mob/menu_icon.png") no-repeat center;
        background-size: 0.34rem 0.20rem;
        position: absolute;
        top: 0;
        right: 0;
    }
    .dd-mob-menu-close:after{
        content: "";
        width: 0.34rem;
        height: 0.34rem;
        background: url("../../images/mob/close_icon.png") no-repeat center;
        background-size: 0.28rem 0.27rem;
        position: absolute;
        top: 0;
        right: 0;
    }
    .dd-mob-menu-box{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0.98rem;
        left: 0;
        z-index: 300;
        display: none;
        overflow: hidden;
    }
    .dd-mob-menu-cover{
        width: 100%;
        height: 100%;
        background: #000000;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    .dd-mob-menu{
        width: 100%;
        height: auto;
        background: #ffffff;
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 20;
    }
    .dd-mob-menu-title-box{
        width: 100%;
        height: 1.13rem;
        background: #00b4d5;
    }
    .dd-mob-menu-content{
    }
    .dd-mob-header-main-menu-box{
        width: 100%;
    }
    .dd-mob-header-main-menu-item{
        color: #712e2f;
        font-size: 0.22rem;
        width: 100%;
        line-height: 0.98rem;
        position: relative;

        border-bottom: 1px solid #a4abb0;
        background: #f1f1f1;
    }
    .dd-mob-header-main-menu-item span{
        padding-left: 0.30rem;
    }
    .dd-mob-header-sub-menu-box{
        display: none;
        list-style: none
    ;   padding-left: 0;
    }
    .dd-mob-header-sub-menu-item{
        font-size: 0.22rem;
        color: #333333;
        width: 100%;
        line-height: 0.98rem;
        position: relative;
        padding: 0 0.50rem;
        border-top: 1px solid #a4abb0;
        background: #ffffff;
    }
    .dd-mob-header-sub-menu-item a{
        color: #333333;
    }
    .dd-mob-header-sub-menu-item:after{
        content: "";
        width: 0.04rem;
        height: 0.20rem;
        background: #712e2f;
        position: absolute;
        top: 0.42rem;
        left: 0.30rem;
    }
    .dd-mob-header-sub-menu-more{
        width: 0.26rem;
        height: 0.26rem;
        float: right;
        margin-top: 0.42rem;
        margin-right: 0.30rem;
        position: relative;
        display: none;
    }
    .dd-hasmore .dd-mob-header-sub-menu-more{
        display: block;
    }
    .dd-mob-header-sub-menu-more:after{
        content: "";
        width: 0.26rem;
        height: 0.26rem;
        background: url("../../images/mob/header-sanjiao-icon-2.png") no-repeat center;
        background-size: 0.26rem 0.16rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .dd-header-sub-menu-show .dd-mob-header-sub-menu-box{
        display: block;
    }
    .dd-header-sub-menu-show .dd-mob-header-sub-menu-more:after{
        content: "";
        width: 0.26rem;
        height: 0.26rem;
        background: url("../../images/mob/header-sanjiao-icon-1.png") no-repeat center;
        background-size: 0.16rem 0.26rem;
        position: absolute;
        top: 0;
        left: 0;
    }


    /**banner**/
    .dd-banner-box{
        width: 100%;
        position: relative;
    }
    .dd-banner-content{
        width: 100%;
        height: auto;
        position: relative;
    }
    .dd-banner-text-box{
        padding-top: 1.00rem;
        padding-left: 0.30rem;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .dd-banner-title-box{
        width: 100%;
        height: 0.66rem;
        display: inline-block;
        position: relative;
    }
    .dd-banner-title{
        font-size: 0.60rem;
        color: #ffffff;
        line-height: 0.60rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    .dd-banner-line{
        width: 1.93rem;
        height: 0.15rem;
        background: #fbfbfb;
        opacity: .2;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 5;
    }
    .dd-banner-subtitle{
        font-size: 0.26rem;
        color: #ffffff;
        line-height: 0.26rem;
        height: 0.28rem;
        margin-top: 0.27rem;
    }
    /**banner**/


    /**尾部开始**/
    .dd-footer-box{
        width: 100%;
        height: 7.50rem;
        margin-top: 1.00rem;
        background: #f8f8f8;
    }
    .dd-footer-content-box{
        width: 6.90rem;
        margin: 0 auto;
        padding-top: 1.00rem;
    }
    .dd-footer-logo-box{
        width: 100%;
        height: 1.40rem;
        border-right: 0px solid #666666;
        float: left;
    }
    .dd-footer-logo{
        padding-top: 0rem;
        text-align: center;
    }
    .dd-footer-logo img{
        width: 3.28rem;
        height: 0.83rem;
    }
    .dd-footer-copyright{
        width: 100%;
        height: 2.00rem;
        border-right: 0px solid #666666;
        float: left;
        padding-top: 0.07rem;

    }
    .dd-footer-copyright-item1{
        font-size: 0.32rem;
        color: #000000;
        line-height: 0.32rem;
        height: 0.32rem;
        text-align: center;
    }
    .dd-footer-copyright-item2{
        font-size: 0.32rem;
        color: #000000;
        line-height: 0.32rem;
        height: auto;
        text-align: center;
        margin-top: 0.25rem;
    }
    .dd-footer-copyright-item3{
        font-size: 0.32rem;
        color: #000000;
        line-height: 0.32rem;
        height: 0.32rem;
        text-align: center;
        margin-top: 0.25rem;
    }
    .dd-footer-erweima-box{
        width: 100%;
        height: 1.40rem;
        float: left;
        text-align: center;
    }
    .dd-footer-erweima{
        display: inline-block;
        width: 2.00rem;
        height: 2.00rem;
    }
    .dd-footer-erweima img{
        width: 2.00rem;
        height: 2.00rem;
    }
}