#chbnav_touch{
    display: none;
}
.wps-show{
    display: none;
}
/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .table_hua{
        overflow: scroll;
    }
    .amz-container img{
        width: 100%;
    }
    .amz-container .show_pdf img{
        width: auto;
    }
    .applications_show_scr2 .table_hua table{
        width: 1000px;
    }
    .wps-show{
        display: block;
    }
    .wps-abis{
        position: absolute;
        top: 0;
    }
    .yslider .am-slider h2{
        padding-left: 1rem;
        position: initial;
        top: 0;
        line-height: 64px;
        margin-top: 25px;
        margin-bottom: 5px;
        font-size: 40px;
    }
    .yscr4{
        height: 465px;
        background: url(../images/gr.jpg) center;
        background-size: cover;
    }
    .yslider .am-slider .set_5_button2{
        margin: 1rem;
        position: initial!important;
    }
    .yscr2 .am-nav-tabs>li>a{
        word-break: keep-all;
        white-space: nowrap;
    }
    .amz-container p{
        padding: 0 1rem;
        font-size: 14px;
    }
    .amz-container.catpos p{
        font-size: 15px;
    }
    .yslider .am-slider p{
        position:initial;
        top: 0;
        font-size: 26px;
        line-height: 35px;
        margin-top: 0;
        padding-left: 1rem;
    }
    .header-logo img{
        width: 100%;
    }
    .footer-logo img{
        width: 100%;
    }
    .y-products .am-u-lg-4 {
        padding-left: 1rem;
        margin-bottom: 1rem;
    }
    .wps-no{
    display: none;
    }
    .ybj{
        width: 85%;
    }
    .am-nav-tabs{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .applications_scr1 p{
        width: 90%;
    }
    .am-modal:before{
        content: "\200B";
        display: inline-block;
        height: 15%;
        vertical-align: middle;
    }
    .js .floating-labels .cd-label{
        top: 11px;
    }
    .Sustainability_scr1 .card_group{
        width: auto;
    }
    .contact_src2 .c_title{
        padding-left: 1rem;
    }
    .about_pectin_case>li .t_text .set_4_button2.raised{
        margin-top: 16px;
        float: none;
    }
    .am-modal-dialog{
        width: 375px;
    }
    footer .footer-text ul{
        padding-left: 1rem;
    }
    #wps-search{
        position: absolute;
        right: 13%;
        width: 36px;
        outline: none;
        height: 100%;
        background: rgba(0,0,0,0);
        border: 0;
    }
    #wps-search img{
        width: 25px;
        height: 25px;
    }
    .banner h2{
        font-size: 36px;
        padding-top: 30px;
        line-height: 40px;
        padding-left: 1rem;
    }
    .banner h4{
        font-size: 26px;
        padding-left: 1rem;
        background-size: cover;
    }
    .contact_src1 p{
        width: 90%;
        text-align: justify;
        margin: auto;
    }
    .contact_src1 h4{
        font-size: 26px;
        text-align: center;
        margin: 0 15px;
    }
    .contact_src2 .card_group .little_card{
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .Sustainability_scr1 .card_group .little_card{
        float:none;
        margin: auto;
        margin-bottom: 10px;
    }
    .Sustainability_scr1{
        padding: 40px 0 15px;
    }
    .case{
        margin-top: 40px;
    }
    .applications_scr2{
        padding-bottom: 15px;
    }
    .case li{
        float: none;
        margin: 10px 0px;
        width: 100%;
        overflow: hidden;
        zoom: 1;
    }
    .about_pectin_case>li .tulogo{
        float: none;
    }
    .about_pectin_case>li .t_text{
        float: none;
        width: auto;
        text-align: center;
    }
    .about_src2{
        display: none;
    }
    .about_tu{
        /*padding-left: 1rem;*/
    }
    .abuot_scr1 .about_group>li{
        margin: 1rem;
    }
    .about_pectin_case>li .tulogo img{
        width: auto;
    }
    .abuot_scr1 .about_group li:first-child{
        margin-left:1rem;
    }
    .set_4_button2.raised{
        margin-left: 1rem;
    }
    .abuot_scr1{
        padding-bottom: 15px;
    }
    .applications_scr1{
        padding-bottom: 45px;
    }
    .about_pectin_case{
        margin: 40px 0 15px;
    }
    .title-blue{
        margin-top: 20px;
        padding-left: 1rem;
        font-size: 30px;
    }
    .y_xlb{
        height: auto;
    }
    .button-blank{
        margin-left: 1rem;
        margin-bottom: 25px;
    }
    .y_xlb img{
        width: 100%;
    }
    .ytitele{
        font-size: 30px;
        padding-left: 1rem;
    }
    .yscr1{
        margin-top: 25px;
    }
    .yscr2{
        margin-top: 25px;
    }
    .yscr2 p{
        padding: 0 1rem;
    }
    #chbnav_touch{
        display: block;
    }
    .chbnav_touch_nav .chbnav_select{
        left: 0;
    }
    .chbnav_touch_nav_box{
        position: fixed;
        top: 0;
        overflow: auto;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: #fff;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .chbnav_touch_navli{
        padding: 0 5%;
    }
    .chbnav_touch_navli1 img{
        float: right;
        margin-top: 19px;
    }
    .chbnav_touch_navli2{
        padding: 0 0 0 5%;
    }
    .chbnav_touch_navli2 a{
        display: block;
        width: 80%;
        float: left;
        border-bottom: 1px solid #f1f1f1;
    }
    .chbnav_touch_navli2_img{
        display: block;
        float: left;
        width: 20%;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
    }
    .chbnav_touch_navli2_img img{
        width: 10px;
    }
    .chbnav_touch_navli b{
        font-family: "Microsoft YaHei";
        float: right;
        font-size: 15px;
    }
    .chbnav_touch_erji{
        display: none;
        background-color: #f1f1f1;
        padding-left: 20px;
    }
    .chbnav_touch_erji a{
        display: block;
        font-size: 16px;
        color: #333333;
    }
    .chbnav_touch_top_logo{
        position: absolute;
        height: 100%;
        left: 4%;
    }
    .chbnav_touch_nav_title{
        height: 58px;
        line-height: 58px;
        border-bottom: 1px solid #DDDDDD;
    }
    .chbnav_touch_nav_title .chbnav_touch_erji{
        line-height: 42px;
        padding: 12px 0 12px 20px;
    }
    .chbnav_touch_nav_title span{
        font-size: 18px;
        color: #16436C;
        float: left;
    }
    .chbnav_touch_top_logo img{
        height: 85%;
        margin-top: 5px;
    }
    .abuot_scr1 .about_group li:last-child{
        margin-right: 1rem;
    }
    .right_fd{
        display: none;
    }
    .chbnav_touch_top{
        position: relative;
        height: 60px;
        width: 100%;
        border-bottom: 1px solid #ddd;
        background-color: #ffffff;
    }
    .chbnav_touch_top_list{
        position: absolute;
        right: 4%;
        width: 36px;
        height: 100%;
    }
    .chbnav_touch_top_list_c{
        margin-top: 20px !important;
    }
    .chbnav_touch_top_list_a{
        width: 70%;
        height: 1px;
        margin: 0 auto;
        background-color: #666666;
    }
    .chbnav_touch_top_list_b{
        margin: 8px auto;
    }
     .file_down.show_gorn{
         margin: 0 1rem;
    }
    .case_show_flie{
        width: 100%;
        margin: 0;
    }
    .g_case_item .g_case_title img{
        width: auto;
        margin-left: 1rem;
        margin-top: -25px;
    }
    .g_case_item .g_case_title p{
        width: 70%;
        min-height: 50px;
        padding: 0;
        font-size: 16px;
    }
    .g_case_item .g_case_title::after{
        right: 65px;
        height: 100%;
        border-right: 3px solid #fff;
    }
    .g_case_item .g_case_contain{
        padding: 0;
    }
    .g_case_list{
        margin: 0;
    }
    .case_img_list li:first-child{
        padding-left: 1rem;
    }
    .case_img_list li:last-child {
        padding-right: 1rem;
    }
    .case_img_list>li{
        margin-bottom: 15px;
    }
    .g_case_item .g_case_title .jia:after{
        right: 16px;
        top: 40px;
    }
    .g_case_item .g_case_title .jian:after{
        right: 16px;
        top: 40px;
    }
    .applications_show_scr1{
        padding-bottom: 20px;
    }
    .applications_show_scr2{
        padding-top: 40px;
        padding-bottom: 15px;
    }
    .case_img_list{
        margin-bottom: 15px;
    }
    .case_img_group li{
        margin: 1rem;
    }
    .case_img_group li:first-child {
        margin-left: 1rem;
    }
    .case_img_group li:last-child {
        margin-right: 1rem;
    }
}