@media (max-width: 769px) {
    html {
        font-size: 4vw;
    }

    /*手机端样式*/

    .d-wap {
        display: block;
    }

    .d-pc {
        display: none;
    }



    .index1 {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }

    .index1 p {
        font-size: 1rem;
        line-height: 2em;
        padding-top: 1rem;
    }

    .index1-item {
        padding: 1rem;

    }

    .index1-item img {
        width: 4rem;
    }

    .index1-item .tit {
        font-size: 1.35rem;
        white-space:nowrap;
    }

    .index1-item .info {
        font-size: 0.75rem;
        line-height: 2em;
    }

    .index2 {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }


    .tit1-title {
        font-size: 1.6rem;
    }

    .tit1-ftitle .text {
        font-size: 1.2rem;
    }

    .tit1-ftitle .line {
        width: 4rem;
    }

    .index2-main {
        padding-top: 1rem;
    }

    .index2-item {
        margin-left: 0;
        margin-right: 0;
    }


    .index2-item .box {
        width: 100%;
    }

    .index2-item .pic img {
        border-radius: 100px;
        position: absolute;
        left: 1rem;
        width: 7rem;
    }

    .index2-item .title {
        font-size: 1.5rem;
        line-height: 2em;
        color: #7c2590;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 10px;
    }

    .index2-item .info {
        font-size: 1rem;
        color: #444;
        margin-bottom: 20px;
    }

    .index3 {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }

    .index3-main {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .index3-main .index3-item {
        padding: 0.5rem;
    }

    .index3-main .index3-item:nth-child(7),
    .index3-main .index3-item:nth-child(8) {
        display: none;
    }



    .index5 {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }

    .index5-main {
        padding-top: 1rem;
    }

    .index5-main .left {
        width: 100%;
    }

    .index5-main .left .box img {
        width: 90%;
    }

    .index5-main .left .box {
        padding-right: 0px;
        text-align: center;
    }

    .index5-main .left .title {
        font-size: 1.15rem;
        border-bottom: 1px solid #7c2590;
        margin-bottom: 1rem;
    }



    .index5 .right-item {
        background-image: none;
        padding-left: 0;
    }

    .index5 .right-item .title a {
        font-size: 1rem;
        line-height: 1.6em;
    }



    .index5 .right-item .info {
        color: rgba(153, 153, 153, 0.6);
        font-size: 0.75rem;
        padding-bottom: 0.5rem;
    }

    .index5 .right-button-more a {
        padding-left: 4rem;
        padding-right: 4rem;
        display: inline-block;
        width: 66%;
    }

    .index6 {
        background-color: #f3f3f3;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .index6 .left .item1 {
        display: inline-block;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .index6 .index6-main {
        padding-top: 1rem;
    }

    .index6 .left {
        padding-right: 0;
        text-align: center;
    }

    .index6 .left .item1 span {
        font-size: 1.5rem;
    }

    .index6 .left .item2 {
        width: 80%;
        padding-top: 1rem;
        font-size: 1.5rem;
        padding-bottom: 1rem;
        margin-right: auto;
        margin-left: auto;
    }

    .foot {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .foot .left img {
        width: 18rem;
        height: auto;
    }

    .foot .foot-links {
        padding-top: 1rem;
    }

    .foot .foot-links p,
    .foot .foot-links p a {
        font-size: 1rem;
    }

    .foot-links p a:hover {
        opacity: 0.5;
    }

    .foot .right img {
        width: 20rem;
        padding: 1rem;
    }

    .copyright {
        padding-bottom: 1rem;
    }

    .lanmu1 {
        padding-top: 1.5rem;
    }

    .lanmu-title-hr {
        margin-top: 1rem;
    }

    .lianxi-text {
        font-size: 1rem;

    }

    .lianxi-img img {
        width: 20rem;

    }



    .about1 {
        font-size: 1.2rem;
        line-height: 2em;
        text-indent: 0;
        padding-bottom: 1rem;
        color: #666;
    }

    .about2 {
        padding-top: 2rem;
    }

    .about2 .item {
        margin-bottom: 1.25rem;
    }

    .about2 img {
        box-shadow: 0 0 10px #ccc;
        margin-bottom: 0;
        width: 100%;
        border-radius: 0.5rem;
    }

    .about2 img:hover {
        transform: scale(1.1);
    }

    .newsbox {
        padding-bottom: 40px;
    }

    .newsbox .item {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #f1f5f9;
    }
    .newsbox .item .left{
        max-height: 5rem;
        overflow: hidden;
    }

    .newsbox a.item {
        display: block;
    }


    .newsbox .item .tit1 {
        font-size: 1rem;
        margin-left: 1rem;
        line-height: 1.6em;
        margin-top: -0.25rem;
    }



    .newsbox .item .info {
        font-size: 0.8rem;
        color: #999;
        margin-left: 1rem;
        margin-top: 0.2rem;
    }

    .newsbox a.item:hover .right {
        opacity: 0.75;
    }

    .newsbox a.item:hover img {
        transform: scale(1.05);
    }



    .content1 .right a {
        line-height: 4em;
    }


    .content2 {
        background-color: #f5f5f9;
    }

    .content2 .title {
        font-size: 1.2rem;
        line-height: 1.8em;
        padding-top: 1rem;
    }

    .content2 .titleinfo {
        padding-top: 0.75rem;
        padding-bottom: 1rem;
    }

    .contentbody {
        font-size: 1rem;
        color: #333;
    }

    .contentbody img {
        max-width: 100%;
    }

    .contentbody p {
        margin-bottom: 1rem;
    }


    /*手机端匹配样式结束*/

    /*手机端新增样式*/
    .mtop {
        padding: 0 0.2rem;
        background-color: #7c2590;
    }

    .mtop .left img {
        width: 8rem;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
    }

    .mtop .right img {
        width: 2.5rem;
    }

    .offcanvas {
        background: rgba(124, 37, 144, 0.9);
    }

    .offcanvas-title {
        color: #fff;
        font-size: 1.75rem;
    }

    .offcanvas .btn-close {
        width: 2rem;
        height: auto;
        opacity: 1;
    }

    .offcanvas-body {
        padding-left: 1rem;
    }

    .offcanvas-body li a {
        color: #fff;
        opacity: 0.8;
        line-height: 3em;
        width: 100%;
        display: block;
    }

    .offcanvas-body li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        width: 90%;
    }

    .index1-logo img {
        width: 16rem;
    }

    .mobile-foot-fix {
        padding: 0.6rem 0;
        background-color: #7c2590;
        box-shadow: 0 -5px 5px  rgba(255, 255, 255, 0.5);
    }

    .mobile-foot-fix .item {
        text-align: center;
    }

    .mobile-foot-fix .item a {
        line-height: 1.8em;
        color: #fff;
        font-size: 1.05rem;
    }


}