@media screen and (max-width: 640px) {
    .index .heads{
        width: 100%;
    }
    body .conten{
        width: 100%;
        /* position: relative; */
    }
    body .index {
        display: none;
    }
    body .med-index{
        display: block;
    }
    body .container {
        margin: 0;
        width: 100%;
        padding: 3%;
    }
    .container  .main{
        width: 100%;
    }
    body footer {
        display: none;
    }
    body .swiper-container2{
        display: block;
        margin-top: 44px;
    }
    .ind-imge{
        width: 70%;
    }
    .main .ind-one{
        padding: 14px 0;
    }
    .ind-one .ind-one-img{
        top: 32px;
    }
    .indone-tlt .indone-tlt-left{
        width: 100%;
    }
    .ind-one .indone-tlt h4{
        font-size: 42px;
        font-weight: 800;
        margin-bottom: 15px;
    }
    .indone-tlt .indone-tlt-left p {
        font-size: 16px;
        color: #666;
        margin-bottom: 21px;
    }
    .indone-tlt .indone-tlt-right{
        width: 100%;
    }
    .ind-one  .indone-tlt a{
        width: 134px;
        height: 36px;
        line-height: 35px;
        background-color: #e1cef6;
        color: #fff;
        border: none;
    }
    .main .ind-twos .ind-twoa{
        font-size: 14px;
        width: 97px;
        height: 24px;
        line-height: 24px;
    }
    .ind-two-tlt .indtwos{
        width: 100%;
    }
   .indshree-tlt .indshree-left{
        width: 100%;
        padding-top: 49px;
        padding-bottom: 30px;
    }
    .indshree-tlt  .indshree-right{
        width: 100%;
        background-color: #f2f2f2;
    }
    .indshree-right .indshri{
        width: 100%;
        height: auto;
        position: static;
    }
    body .indone-tlt-left1 {
        width: 100%;
    }
    .indshree-right  .indshree-img1{
        position: static;
        margin: 20px auto;
    }
    .ind-one .ind-one-imgs{
        top: 47px;
    }
    .indshree-tlt .indshree-left h4{
        font-size: 42px;
        font-weight: 800;
        margin-bottom: 15px;
    }
    .indshree-tlt .indshree-left p{
        font-size: 16px;
        color: #666;
        margin-bottom: 21px;
        line-height: 30px;
    }
    .indshree-tlt .indshree-left a {
        margin-top: 18px;
        width: 134px;
        height: 36px;
        line-height: 36px;
        background-color: #e1cef6;
        color: #fff;
        border: none;
    }
    .main .ind-fout {
       display: none;
    }
    .indfout img{
       margin: 0 auto;
    }
    .ind-two-tlt .train-tlt {
        width: 100%;
    }
    .train-tlt .train-text{
        bottom: 22px;
    }
    .ind-six-tlt .indsix-text{
        width: 100%;
    }
    .indsix-text .indsix-text-left{
        width: 60%;
    }
    .indsix-text .indsix-text-right{
        width: 39%;
    }
    body .heads{
        display: none;
    }
    body .pages{
        margin-top: 44px;
    }
    body .pro-list{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body .status{
        display: block;
        width: 100%;
        padding: 0 3%;
    }
    .prolist-left .subnav{
        display: none;
    }
    .prolist-left .prodle-top{
        display: flex;
        padding: 0 3%;
        margin: 3px 0;
    }
    .prodle-top p{
        width: 30%;
        text-align: right;
        font-size: 14px;
        line-height: 34px;
    }
    .prodle-top div{
        width: 70%;
        display: flex;
        font-size: 14px;
        line-height: 34px;
        color: #999;
        flex-wrap: wrap;
      
    }
    .prodle-top div a{
        color: #666;
        margin-right: 15px;
        line-height: 34px;
    }
    .prodle-top div .prodle-a {
        display: inline-block;
        padding: 0px 8px;
        border-radius: 4px;
        background-color: #e1cef6;
        color: #fff;
    }
    .pro-list .prolist-left{
        width: 100%;
    }
    .pro-list .prolist-rigth{
        width: 100%;
        padding-left: 0;
    } 
    .prolist-rigth .list-title{
        margin: 10px 0;
        padding: 0 3%;
    }
    .prolist-rigth .list-title h4{
        font-size: 26px;
    }
    .prolist-rigth .proriul li{
        width: 100%;
        margin: 0;
    }
    .proriimg-title{
        width: 70%;
        margin: 0 auto;
    }
    .prolist-rigth .pagelist{
        padding: 0 3%;
    }
    .prolist-rigth .pagelist ul{
        margin: 10px 0;
    }
    .prolist-rigth .pagelist li{
        margin: 0 2px;
    }
    .prolist-rigth .pagelist li a{
        font-size: 12px;
        padding: 0 3px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 2px;
    }
    .pagelist ul {
        display: flex;
        justify-content: space-between;
    }
    .prolist-rigth .proriimg img{
        display: block;
        width: auto;
        margin: 0 auto;
    }
    .prolist-rigth .down-ul li{
        width: 70%;
        margin: 0 auto;
    }
    .pro-list .abouts-left{
        display: none;
    }
    body .pro-list .abouts-right{
        width: 100%;
        padding: 0 3%;
    }
    body .conteras{
        padding: 0 3%;
    }
    .about4 .about4-text a{
        line-height: 26px;
        font-size: 16px;
        width: 44%;
    }
    .about4  .about4-text div{
        width: 52%;
    }
    .conten .abo4-xq img{
        width: 100%;
    }
    .conten .subjul {
        flex-wrap: wrap;
        padding: 0 3%;
    }
    .conten .subjul li{
        width: 49%;
    }
    .conten .subject{
        padding: 0 3%;
    }
    .conten .vdet{
        padding: 0 3%;
    }
    .con-text1 .con-left{
        width: 100%;
        height: 300px;
    }
    .conten .con-name{
        width: 100%;
        height: auto;
    }
    .conten  .con-name h4{
        line-height: 100px;
    }
    .con-text1 .con-rigth{
        width: 100%;
        padding: 8px 0%;
    }
    .conten .con-text1{
        flex-wrap: wrap;
        height: auto;
    }
    .conten .con-text2{
        flex-wrap: wrap;
    }
    .conten .cont-left{
        width: 100%;
        margin-bottom: 20px;
    }
    .conten .cont-rigth{
        width: 100%;
    }
    body .details{
        margin-top: 44px;
    }
    .prolist-rigth .prorigh{
        width: 100%;
    }
    .prorigh .pro-top img{
        width: 100%;
    }
    .prolist-left .subnav li .deta-text{
        padding: 13px 0px 13px 4px;
    }
    .prorigh .pro-top{
        height: 100%;
    }
    .deteils-text{
        padding: 0 3%;
    }
    .prorigh .deteils-text h1{
        font-size: 24px;
    }
    .prorigh .intro p span{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .conten .prenext a{
        font-size: 14px;
        margin-bottom: 10px;

    }





}
@media screen and (max-width: 1200px) and (min-width: 641px) {
    body {
        zoom: 0.8;
    }
}