@media(max-width:1600px) {}

@media(max-width:1440px) {}

@media(max-width:1366px) {}

@media(max-width:1280px) {}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
    }
    .head {
        display: none;
    }
    .logo {
        float: left;
        width: auto;
        height: auto;
        margin-left: 10px;
    }
    .logo img {
        width: 175px;
    }
    .foot {
        padding-top: 0;
    }
    .copy {
        margin-top: 0;
        border-top: none;
    }
    .foots{
        display: none;
    }
}

@media(max-width:768px) {
    .copy {
        line-height: 30px;
        font-size: 12px;
    }
    .copy a {
        display: block;
        font-size: 12px;
    }
    .mobile-inner-nav a{
        font-size: 16px;
    }
    .products{
        width: 90%;
        flex-direction: column;
    }
    .product_right{
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .prort {
        font-size: 14px;
        color: #000;
        background: url(../images/product_right.png) top 8px right 10px no-repeat #fff;
        background-size: 20px 20px;
        width: 157px;
        height: 35px;
        line-height: 35px;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .prort.active{
        background: url(../images/product_right2.png) top 8px right 10px no-repeat #004cbf;
        background-size: 20px 20px;
    }
    .proswiper{
        width: 100%;
    }
    .inprod a{
        width: 50%;
        border: 1px solid rgb(238, 238, 238);
        margin-right: 0;
        margin-bottom: 20px;
    }
    .inprod p{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }


    .abouts{
        width: 90%;
        flex-wrap: wrap;
    }
    .left_ab{
        width: 100%;
    }
    .right_ab{
        width: 100%;
        justify-content: space-between
    }
    .left_ab p:nth-child(1){
        font-size: 16px;
    }
    .left_ab p:nth-child(2){
        font-size: 20px;
    }
    .left_ab p:nth-child(3){
        font-size: 16px;
    }
    .left_ab div:nth-child(4) {
        width: 123px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        border: 1px solid #ffffff;
    }
    .left_ab div:nth-child(4) img{
        width: 30px;
    }
    .left_ab p:nth-child(5){
        font-size: 16px;
    }
    .left_ab p:nth-child(5) span{
        font-size: 20px;
    }
    .sj_top{
        font-size: 16px;
    }
    .sj_top b{
        font-size: 24px;
    }
    .sj_bot{
        font-size: 18px;
    }

    .goods{
        width: 90%;
    }
    .goods a {
        width: 50%;
        border: 1px solid rgb(238, 238, 238);
        margin-right: 0;
        margin-bottom: 20px;
    }
    .goods p{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .look a {
        width: 122px;
        height: 35px;
        font-size: 16px;
    }
    .programme {
        display: none;
    }
    #certify{
        width: 90%;
    }
    #certify .swiper-slide{
        width: 150px;
    }
    .sales{
        width: 90%;
        height: auto;
        flex-wrap: wrap;
    }
    .sales_left{
        width: 100%;
    }
    .sales_right{
        width: 100%;
    }
    .sale_con{
        display: none;
    }
    .sale_p1 {
        font-size: 18px;
    }
    .sale_p2 {
        font-size: 16px;
    }
    .new{
        padding: 20px 0 0 0;
    }
    .news{
        width: 90%;
        flex-wrap: wrap;
        margin: 0 auto 0;
    }
    .new_left {
        width: 100%;
        flex-direction: row;
        justify-content: space-around;
        height: auto;
    }
    .new_right {
        width: 100%;
        height: 800px;
        margin-top: 20px;
    }
    .new_left div {
        width: 149px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        background: url(../images/product_right.png) right 10px top 8px no-repeat #fff;
        background-size: 20px 20px;
        border-radius: 20px;
        padding-left: 10px;
    }
    .new_left .active {
        background: url(../images/product_right2.png) right 10px top 8px no-repeat #045899;
        background-size: 20px 20px;
    }
    .new_left div:nth-child(1){
        margin-top: 0;
    }
    .new_left div:nth-child(2){
        margin-top: 0;
    }
    .new_left div:nth-child(3){
        margin-top: 0;
    }
    
    .new_left a:nth-child(4){
        margin-top: 0;
    }
    .new_left a{
        display: block;
        width: 35px;
        height: 35px;
        line-height: 30px;
    }
    .new_left a img{
        padding: 0 5px;
        width: 25px;
        height: auto;
    }
    .new_bot_right{
        width: 100%;
        flex-wrap: wrap;
        height: auto;
    }
    .new_bot_right img:nth-child(1){
        width: 100%;
    }
    .new_det_list{
        width: 100%;
        height: auto;
    }
    .new_det {
        width: 100%;
        height: 154px;
    }
    .det_title {
        font-size: 18px;
    }
    .det_cont {
        font-size: 14px;
    }
    .det_btm p:nth-child(1){
        font-size: 18px;
    }
    .det_btm p:nth-child(2){
        font-size: 14px;
    }
    .det_btm {
        display: none;
    }
    .new_det div:nth-child(2){
        width: 100%;
    }
    .inabouts{
        width: 90%;
        margin: auto;
    }
    .inabouts .shuju{
        flex-wrap: wrap;
        height: auto;
    }
    .inabouts .shuju .sj{
        width: 50%;
    }
    .inabouts .shuju img{
        width: 25px;
    }
    .inabcon{
        font-size: 16px;
    }
    .inabout_btm{
        flex-wrap: wrap;
    }
    .inabout_btm img{
        width: 100%;
    }
    .cultures{
        width: 90%;
        flex-wrap: wrap;
    }
    .culbox{
        width: 150px;
        height: 150px;
    }
    .cultures img{
        width: 50px;
    }
    .cultures p{
        font-size: 16px;
    }
    .inproducts{
        width: 90%;
    }
    .inprods {
        width: 100%;
    }
    .prshows{
        width: 90%;
        height: auto;
    }
    .prshows img{
        width: 100%;
    }
    .prshows_right{
        width: 100%;
    }
    .prshows_right p:nth-child(1) {
        font-size: 18px;
    }
    
    .prshows_right p {
        font-size: 16px;
    }
    
    
    .prshows_btn a {
        display: block;
        width: 198px;
        height: 45px;
        font-size: 20px;
        line-height: 45px;
    }
    
    .prshows_btn a img{
        width: 20px;
        height: auto;
    }
    .prsbtnimg{
        flex-direction: column;
    }
    .prshowbtn{
        width: 90%;
        font-size: 16px;
    }
    .concact_us div{
        width: 90%;
        height: 233px;
        box-shadow: 0px 0rem 13.12px 2.88px rgba(0, 0, 0, 0.13);
        margin: 10px 0;
        padding: 20px 0;
    }
    .concact_us div img{
        width: 80px;
    }
    .concact_us div p:nth-child(2){
        font-size: 16px;
    }
    .gmap{
        width: 90%;
    }
    .map1{
        height: 300px;
    }
    .BMap_bubble_title{
        font-size: 18px;
    }
    .BMap_bubble_content{
        font-size: 14px;
    }
    .listcontactsTitle input {
        height: 58px;
        padding-left: 20px;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        margin-bottom: 20px;
        border: 1px solid #ccc;
    }
    .listcontactsTextarea {
        width: 100%;
        border: 1px solid #ccc;
        background-position: 12px 16px;
        padding-left: 20px;
        font-size: 16px;
        padding-top: 18px;
        height: 174px;
    }
    .listcontactsubmit {
        margin-top: 20px;
    }
    
    .listcontactsubmit input {
        border: 1px solid #148cc0;
        width: 100%;
        height: 50px;
        font-size: 16px;
        margin: 0 5px;
    }
    .incases a {
        width: 49%;
        margin-right: 2%;
    }
    .incases a:nth-child(2n) {
        margin-right: 0;
    }
    .incase_top{
        width: 90%;
        flex-wrap: wrap;
    }
    .incase_top a{
        width: 47%;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        margin: 10px 5px;
    }
    .incases{
        width: 90%;
    }
    .incases a p {
        font-size: 16px;
    }
    .innews {
        width: 90%;
    }
    
    .innw {
        width: 100%;
        height: auto;
        margin-right: 0;
        padding: 10px 10px;
        margin-top: 0.375rem;
    }
    
    .innw p:nth-child(1) {
        font-size: 18px;
    }
    .innw p {
        font-size: 14px;
    }
    .news_title{
        font-size: 24px;
    }
    .programmes{
        width: 90%;
        flex-wrap: wrap;
    }
    .gram{
        width: 100%;
        height: 500px;
        margin-bottom: 10px;
    }
    .gram div{
        width: auto;
        height: auto;
    }
    .gram div p{
        font-size: 24px;
    }
}

@media(max-width:420px) {
    .title {
        font-size: 24px;
    }
    .titles {
        font-size: 18px;
    }
}

@media(max-width:376px) {}

@media(max-width:360px) {}