@media (max-width: 996px) {

    .pc{
        display: none;
    }
    .m{
        display: block;
        /* width: 100%; */
    }
    /*dh*/
    .top{

        overflow: hidden;

        text-align: center;

        background: #fff;

        /* line-height: 54px; */

        /* display: flex; */

        position: fixed;

        top: 0;

        background: #fff;

        z-index: 100;

        width: 100%;

        left: 0;

    }
    .top img{
        width: 21px;
    }
    .top a{

        float: right;

        margin: 10px;

    }
    .top span{

        margin-top: 4px;

        display: inline-block;

        color: rgba(255, 101, 63, 1);

        font-size: 18px;

    }
    .top span img{
        width: 49%;
    }
    .logo{

        float: left;

        margin: 10px;
    }
    .logo img{

        width: 100px;
    }
    .menu {

        float: left;

        margin: 15px 10px;

    }
    .menu img{

        width: 21px;

    }
    .tablist{

    }
    .menubox{
        display: none;
        position: fixed;
        width: 96%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 120;
        background: #fff;
        padding: 2%;
    }
    .close{

        text-align: left;

        width: 96%;

        margin: 10px auto 0;

        border-bottom: 1px solid #f2f2f2;

        padding-bottom: 14px;

    }
    .close a{

    }
    .close a img{

    }
    .catlist{
        width: 96%;
        margin: 0px auto;
        /* border-top: 1px solid #f2f2f2; */
    }

    .catlist a{

        display: block;

        border-bottom: 1px solid #f2f2f2;

        padding: 10px;

        color: rgba(119,119,119,1);

        height: 31px;

        line-height: 31px;

        padding-left: 26px;

    }
    .catlist.sc > a{
        color: rgba(255, 101, 63, 1);
    }
    .yiji{

    }
    .yiji.active{
        background: url("../images/xiala1.png") no-repeat 98% 13px;
        background-size: 25px;
    }
    .yiji.on{
        background: url("../images/xiala2.png") no-repeat 98% 10px;
        background-size: 24px;
    }
    .erji{
        width: 100%;
        margin-left: 0;
        display: none;
        /* padding-left: 30px; */
    }
    .erji a{
        padding-left: 50px;
    }
    .menu2{

        display: block;

        font-size: 17px;

        border-bottom: 1px solid #ddd;

        height: 30px;

        /* line-height: 30px; */

        width: 90%;

        margin: 16px auto;
    }
    /*dh*/
    .header{

        padding: 20px 0;

        display: none;

        background: #fff;

    }
    .con{
        width: 90%;
        margin: 0 auto;
        max-width: 1440px;
        overflow: hidden;
    }
    .logo{

        float: left;

        margin-top: 18px;

    }
    .logo img{

        width: 224px;

        height: 30px;

    }
    .nav{

        float: left;

        margin: 9px;

        margin-left: 22px;
    }
    .nav a{

        font-size: 16px;

        color: #282828;

        text-decoration: none;

        margin: 10px;

        padding: 8px 0;
    }
    .nav a.active{
        border-bottom: 2px solid #004E98;
    }
    .call {

        float: right;

        color: #004E98;

        font-size: 18px;

        margin-top: 9px;
    }
    .call img{

        vertical-align: middle;

        width: 20px;
    }
    .banner{
        /* margin-top: 70px; */
    }
    .banner img{

        width: 100%;

        vertical-align: middle;
    }

    .about{

        background: #F8F8F8;

        padding: 20px 0;

        /* width: 96%; */

        margin: 0 auto;

        overflow: hidden;

    }
    .about .con{
        width: 100%;
        margin: 0 auto;
    }
    .aboutL{

        float: left;

        width: 96%;

        margin-left: 2%;
    }
    .aboutTit{

        /* background: #3485FB; */

        /* width: 200px; */

        /* height: 50px; */

        /* line-height: 50px; */

        /* text-align: center; */

        /* color: #fff; */

        /* font-size: 18px; */

    }
    .aboutTit img{

        vertical-align: middle;
    }
    .abut{

        margin: 20px 0;
    }
    .abut img{

    }
    .aboutL h2{

        /* font-weight: normal; */

        /* margin-bottom: 20px; */

        font-size: 16px;

    }
    .aboutL h2 span{

        /* font-size: 24px; */

        /* color: #000; */

        /* border-bottom: 3px solid #3485FB; */

        /* padding-bottom: 10px; */

    }
    .abputcon{

    }
    .abputcon p{

        font-size: 14px;

        margin: 15px 0;

        line-height: 33px;
    }
    .abouall{

    }
    .abouall a{

        /* background: #fff; */

        padding: 17px 31px;

        display: block;

        margin: 10px auto;

        text-align: center;

    }
    .abouall a img{

    }
    .aboutR{

        width: 100%;

        float: right;

        margin-top: 10px;

        position: relative;

        right: 0;

    }
    .aboutR video{
        width: 100%;
    }

    .footer{

        background: #373737;

        padding-bottom: 30px;
    }
    .footerlink{
        text-align: center;
        margin: 20px 0;
        border-bottom: 1px solid #474747;
        height: auto;
        line-height: 40px;
    }

    .footerlink a{

        color: #fff;

        margin: 10px;

        text-decoration: none;
    }
    .footbot{

        overflow: hidden;
    }
    .footbotL{

        float: left;

        color: #fff;

        width: 100%;

        text-align: center;

    }
    .footbotL h2{

        font-weight: normal;

        margin-bottom: 17px;
    }

    .footbotLcon{

        overflow: hidden;
    }
    .footbotLcon p{

        float: none;

        width: 100%;

        font-size: 14px;

        margin: 5px 0;

        text-align: center;

    }
    .footbotLcon p span{
        display: block;
    }
    .footbotR{
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .footbotR p span{
        display: block;
    }
    .footewm {

        color: #fff;

        text-align: center;

        float: none;

        margin: 10px;

        display: inline-block;

    }
    .footewm p{

    }

    .footewm img{

        width: 100px;
    }
    .abouconL a{
     display: block !important;
        margin: 0 auto !important;
    }
.friendlink p a{
 font-size: 12px;
}

}