.app{display: none;}
@media screen and (max-width:1500px){
	.ie .layout-rowMain{
        width: 1200px;
    }
}
@media screen and (max-width:1366px){
    html{ font-size: 80px; }
    .f-60{ font-size: 58px; }
    .f-50{ font-size: 48px; }
    .f-48{ font-size: 46px; }
    .f-46{ font-size: 44px; }
    .f-44{ font-size: 42px; }
    .f-42{ font-size: 40px; }
    .f-40{ font-size: 30px; }
    .f-38{ font-size: 36px; }
    .f-36{ font-size: 34px; }
    .f-34{ font-size: 32px; }
    .f-32{ font-size: 30px; }
    .f-30{ font-size: 28px; }
    .f-28{ font-size: 24px; }
    .f-26{ font-size: 24px; }
    .f-24{ font-size: 22px; }
    .f-22{ font-size: 20px; }
    .f-20{ font-size: 16px; }
    .f-18{ font-size: 16px; }
    .f-16{ font-size: 14px; }
    .f-14{ font-size: 12px; }
    .f-12{ font-size: 12px; }
    p{font-size: 16px;line-height: 1.8;}
}
@media screen and (max-width:1280px){
    html{ font-size: 80px; }
    .f-60{ font-size: 40px; }
    .f-50{ font-size: 34px; }
    .f-48{ font-size: 32px; }
    .f-46{ font-size: 30px; }
    .f-44{ font-size: 28px; }
    .f-42{ font-size: 26px; }
    .f-40{ font-size: 24px; }
    .f-38{ font-size: 22px; }
    .f-36{ font-size: 20px; }
    .f-34{ font-size: 20px; }
    .f-32{ font-size: 18px; }
    .f-30{ font-size: 18px; }
    .f-28{ font-size: 16px; }
    .f-26{ font-size: 16px; }
    .f-24{ font-size: 16px; }
    .f-22{ font-size: 14px; }
    .f-20{ font-size: 14px; }
    .f-18{ font-size: 14px; }
    .f-16{ font-size: 12px; }
    .f-14{ font-size: 12px; }
    .f-12{ font-size: 12px; }
    p{font-size: 14px;line-height: 1.8;}
}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width:800px){
	.pc{display: none;}
	.app{display: inline-block;}
    #z-page1,#z-page2,#product_con{/* padding-top: 55px!important; */}
    #product_con #main .row .con a{font-size: inherit!important;;}
    #product_con #main .row.type_1_1 .con .txt,#product_con #main .row.type_1_2 .con .txt,.fd #product_con #main .row.type_1_2 .con{position: relative;width: 100%;z-index: 10;top: auto;transform: none;padding-top: 36px;}
    #product_con #main .row.type_1_2 .con .txt{text-align: left;}
    #product_con #main .row.type_1_3,#product_con #main .row.type_1_6{padding: 32px 0 50px 0;}
    #product_con #main .row.type_1_4,#product_con #main .row.type_1_5{padding: 50px 0 0px 0}
    #product_con #main .row.type_1_5 .con > img{margin: 20px 0;}
    #product_con #main .row.type_3_1 .con,#product_con #main .row.type_3_2 .con{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
    #product_con #main .row.type_1_1 .con .pic,.fd #product_con #main .row.type_1_2 .con .pic{position: relative;width: 90%;margin: auto;}
    #product_con #main .row.type_1_1 .con{position: relative;}
    .fd #product_con #main .row.type_1_2 .con .pic{min-height: 240px;}
    .fd #product_con #main .row.type_1_2 > img{display: none;}
}

@media screen and (max-width:600px){
    html{ font-size: 50px; }
    a, span, li, b, i, label, p, div, h1, h2, h3, h4, h5, h6, font, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td{font-size: 12px;}
    strong{font-size: inherit;}
    .f-60{ font-size: 58px; }
    .f-50{ font-size: 24px; }
    .f-48{ font-size: 46px; }
    .f-46{ font-size: 44px; }
    .f-44{ font-size: 42px; }
    .f-42{ font-size: 20px; }
    .f-40{ font-size: 16px; }
    .f-38{ font-size: 18px; }
    .f-36{ font-size: 18px; }
    .f-34{ font-size: 18px; }
    .f-32{ font-size: 18px; }
    .f-30{ font-size: 16px; }
    .f-29{ font-size: 16px; }
    .f-28{ font-size: 14px; }
    .f-27{ font-size: 14px; }
    .f-26{ font-size: 14px; }
    .f-25{ font-size: 14px; }
    .f-24{ font-size: 14px; }
    .f-23{ font-size: 14px; }
    .f-22{ font-size: 14px; }
    .f-21{ font-size: 14px; }
    .f-20{ font-size: 12px; }
    .f-19{ font-size: 13px; }
    .f-18{ font-size: 12px; }
    .f-17{ font-size: 13px; }
    .f-16{ font-size: 12px; }
    .f-15{ font-size: 13px; }
    .f-14{ font-size: 12px; }
    .f-13{ font-size: 12px; }
    .f-12{ font-size: 12px; }
    .mb-24{margin-bottom: 12px;}
    #z-page1 .Tbtn,#z-page2 .Tbtn{margin-right: 0;}
    #z-page1 .Tbtn ul,#z-page2 .Tbtn ul{width: 60px;}
    #z-page1 #top .z-banner span, #z-page1 #top .z-banner small,#z-page2 #top .z-banner span, #z-page2 #top .z-banner small{width: 100%;}
    #z-page1 #top .z-banner .con,#z-page2 #top .z-banner .con{/*top: 32%;*/}
    #z-page1 .a-btn,#z-page2 .a-btn{padding: 2px 6px;}
    .max-wid{width: 90%;}
    .layout-row .layout-rowMain{width: 90%;}
    #z-page1 #top .z-banner .con ol,#z-page2 #top .z-banner .con ol{margin-top: 14px;}
    #z-page1 #main .layout-row,#z-page2 #main .layout-row{margin-top: 32px;}
    #z-page1 #main .layout-row .title,#z-page2 #main .layout-row .title{margin-bottom: 20px;}
    #z-page1 #main .layout-row.r2 .r-main > ul > li,#z-page2 #main .layout-row.r5 .r-main > ul > li,#z-page2 #main .layout-row.r2 .r-main > ul > li{width: 100%;margin-bottom: 20px;}
    #z-page1 #main .layout-row.r3 .r-main > ul,#z-page2 #main .layout-row.r5 .r-main > ul,#z-page2 #main .layout-row.r3 .r-main > ul{justify-content: space-around;width: 100%;}
    #z-page1 #main .layout-row.r3 .r-main > ul > li{width: 44%;margin-bottom: 12px;}
    #z-page2 #main .layout-row.r5 .r-main > ul > li{width: 44%;margin-bottom: 12px;}
    #z-page1 #main .layout-row.r3 .r-main > ul > li .con > i,#z-page2 #main .layout-row.r5 .r-main > ul > li .con > i{font-size: 38px;}
    #z-page2 #main .layout-row.r3 .r-main > ul > li{width: 84%;margin-bottom: 12px;}
    #z-page1 #main .layout-row.r3 .r-main > ul > li .con > img,#z-page2 #main .layout-row.r5 .r-main > ul > li .con > img,#z-page2 #main .layout-row.r3 .r-main > ul > li .con > img{height: 30px!important;}
    #z-page1 #main .other > ul > li > a > img,#z-page2 #main .other > ul > li > a > img{height: 26px!important;}
    #z-page1 #main .layout-row.r3 .r-main > ul > li .con p, #z-page2 #main .layout-row.r5 .r-main > ul > li .con p,#z-page2 #main .layout-row.r3 .r-main > ul > li .con p{line-height: 150%;height: 58px;}
    #z-page1 #main .layout-row.r3 .r-main > ul > li .con a,#z-page2 #main .layout-row.r5 .r-main > ul > li .con a,#z-page2 #main .layout-row.r3 .r-main > ul > li .con a{margin-top: 12px;}
    #z-page1 #main .layout-row.r4 .r-main > ul > li,#z-page2 #main .layout-row.r4 .r-main > ul > li{width: 50%;}
    .layout-box2{padding: 32px 0;}
    .layout-box2 .pic{position: relative;width: 100%;left: auto;height: auto;}
    .layout-box2 .txt{width: 92%;margin-top: 14px;}
    #z-page1 #main .btm form{width: 74%;}
    #z-page1 #main .btm{padding-top: 12px;}
    #z-page1 #main .btm .input-go{width: 100%!important;margin: 8px 0;}
    #z-page1 #main .btm input[type=submit]{width: 100%;margin-right: 0;}
    #z-page1 #main .btm .input-go > input{width: calc(100% - 56px);}
    #z-page1 #main .r1 .r-main > ul{
        display: flex;flex-wrap: wrap;justify-content: space-between;
    }
    #z-page1 #main .r1 .r-main > ul > li{flex-basis: 30%;border: 1px solid #eee;margin: 20px 0;cursor: pointer;}
    #z-page1 #main .r1 .r-main > ul > li .layout-box2{padding: 10px;}
    #z-page1 #main .r1 .r-main > ul > li .layout-box2 .pic{height: 100px;}
    #z-page1 #main .r1 .r-main > ul > li .txt h5{text-align: center;font-size: 12px;}
    #z-page1 #main .r1 .r-main > ul > li .txt{margin-top: 0;}

    #z-page2 #main .layout-row.r2{padding: 50px 0;}
    #z-page2 #main .layout-row.r1 .r-main .layout-partList{margin: 40px auto;}

    /*#product_con #main .row{min-height: 300px;}*/
    #product_con #main .row.type_1_1 > img,#product_con #main .row.type_1_2 > img{
        position: absolute;
    }
    #product_con #main .row.type_1_2 .con{
        position: relative;
    }
    #product_con #main .row.type_1_2 .con .pic{
        position: relative;width: 100%;min-height: 200px;
    }

    h2{font-size: 20px;}
    h3{font-size: 18px;}
    .z-page3 .zpage.row .wrap .col .txt span{font-size: inherit!important;}
    #T5 .row  h2 *{font-size: inherit!important;}
    #T5 .row  h3 *{font-size: inherit!important;}
    #T5 .row img{height: auto!important;}
}
