@media only screen and (max-height: 800px) {
    #dowebok .wp{top:20px;}
    .g-apply{margin-top: 50px;}
    .ul-list4{width: 75%;margin: 0 auto;}
    .ul-tab1{margin-bottom: 20px;}
    .i-tit1{margin-bottom: 0;}
    .i-tit2{margin-bottom: 0;}
    #row7 .link-h  li{margin-bottom: 15px;}
    .contactBox h3{margin-bottom: 50px;}
}

/*Common For Max 960*/
@media only screen and (max-width: 1500px) {
    #hd .nav{padding-right: 150px;}
    #hd .nav li{padding: 0 5px;}
}
@media only screen and (max-width: 1199px) {
    .wp{width: 98%;}
    .history{background-image:none;}
    .history .h-r .txt{float: left;margin-bottom: 20px;}
    .history .h-l .txt{margin-bottom: 20px;}
    .history .mb{margin-bottom: 0;}
    .history .h-r .ac{display: none;}
    .history .h-r .a1{display: none;}
    .history .h-l .ac{display: none;}
    .history .h-l .a1{display: none;}
    .history .txt{width: 100%;}
    
    body{overflow-x: hidden;}
    #dowebok .wp{margin: 50px auto;overflow: hidden;top:0;}
    #dowebok .section,#dowebok .fp-tableCell{display: block !important;height:auto !important;overflow: hidden !important;}
    #row1{padding: 150px 0;}
    #row9{padding-bottom: 120px;}
    .canvas{opacity: 0;width: 0;height: 0;overflow: hidden;}
    #fp-nav{display: none;}
    #hd{display: none;}
    #m-hd{display: block;}
    .news-box1 .first{width: 47%;margin-right: 0;}
    .news-box1 ul{width: 47%;margin-left: 0;}
    .ul-list3 li h4{font-size: 16px;}
    .aboutBox .pic{width: 35%;}
    .aboutBox .txt{width: 60%;}
    .lm-ul-1 li{width: 50%;}
    .ban-txt{padding-top: 100px;}
    
    .lm-ul-3 li{width: 50%;}
    .link-k .txt{padding: 20px 24px 0 24px;}



}


/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .ul-pic-c .product{padding: 0;}
    .ul-pic-j li{width: 50%;}
    .about .a1{display: none;}
    .about .a2{display: none;}
    .link-h li{width: 25%;}
    .link-k li{width: 33.33%;}
    .link-k{padding: 0;}
    .move-box .col-l{display: none;}
    .move-box .col-r{padding-left: 0;}
    
    .i-txt1{font-size: 24px;}
    .i-txt1 .t2{font-size: 28px;}
    .ul-list3 li{width: 32.33%;margin-bottom: 8px;}
    .ul-list4 li{width: 48%;}
    .news-box1 .first{width: 100%;}
    .news-box1 ul{width: 100%;}
    .ul-list1 li{width: 50%;margin-bottom:50px;overflow: hidden;}
    .ul-list1 li .txt{height: 100px;}
    .contactBox h3{margin-bottom: 50px;}
    .ul-add li{margin: 0 auto 50px auto;float: none;}
    .aboutBox .pic{display: none;}
    .aboutBox .txt{width: 100%;}
    
    .index-fd{padding:10px 0;overflow: hidden;height:auto;}
    .fd-main .fdl{width: 100%;text-align: center;}
    .fd-main .fdr{width: 100%;text-align: center;padding-left: 0;}
    .index-fd p{font-size: 12px;}
    .contactBox h3{font-size: 24px;}
    .ul-imgtxt1 li{width: 50%;}
    .img-ul .pic{float: none;width: 100%;text-align: center;}


    .ul-list5 li{width: 50%;margin-bottom: 20px;padding: 0;}
    .jg-box2 .m1{width: 100%;margin-bottom: 20px;}
    .lm-ul-1 li{width: 50%;}
    .img-ul .pic{width: 100%;margin-bottom: 20px;text-align: center;}
    .img-ul .ultxt{clear: both;}
    .section{padding-top: 50px;}
    .jg-boxs{background: none;}
    .link-k .txt{padding: 30px 24px 0 24px;}


/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .ul-pic-c .product .img{width: 100%;text-align: center;margin-bottom: 20px;padding: 0;}
    .ul-pic-c .txt{width: 100%;}
    .ul-pic-j li{width: 100%;}
    .about .txt{padding: 0;}
    .link-h li{width: 33.33%;}
    .link-k li{width: 50%;}
    .ul-pic-c .txt strong{font-size: 18px;}
    .ul-new li strong{font-size: 16px;}

    .i-txt1{font-size: 18px;}
    .i-txt1 .t2{font-size: 22px;}
    .ul-list1 li{width: 100%;margin: 0 0 40px 0;}
    .ul-list2 li{width: 100%;margin: 0 0 40px 0;}
    .ul-list2 li .pic{margin-bottom: 20px;}
    .ul-list3 li{width: 100%;margin: 0 0 40px 0;}
    .ul-list4 li{width: 100%;margin: 0 0 40px 0;}
    .aboutBox .txt h4{text-align: center;}
    .g-apply{margin-top: 50px;}
    .ul-add li{width: 320px;padding: 10px;}
    .ul-add li h4{text-align: center;font-size: 22px;}
    .lm-ul-1 li{width: 100%;}
    .lm-ul-2{padding: 30px 20px 50px 20px;}
    .img-ul .pic img{width: 60%;}

    .jg-boxs .jg-box1{width: 100%;float: left;text-align: left;background-position: left top;padding:0 0 0 80px;}
    .lm-ul-1 li{width: 100%;}
    .lm-ul-3 li{width: 100%;}
    .ban-menu{width: 400px;margin: 42px auto 0;}


}

  
/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .history{padding: 0;}
    .history .txt{text-align: center;}
    .link-h li{width: 50%;}
    .link-k li{width: 100%;}
    .move-box a{display: block;margin-bottom: 10px;}
    .move-box .flip .a1{margin-right: 0;width: 50px;}
    .move-box .flip .a2{margin-right: 0;}
    .ban-txt h2{font-size: 18px;}
    .ul-tab1 li{margin-bottom: 10px;}
    .aboutBox .txt h4{font-size: 20px;}
    .aboutBox .txt .p-t{padding: 0 45px;}
    #m-hd{height: 55px;}
    #m-hd .logo{line-height: 55px;padding-left: 10px;}
    #m-hd .logo img{height:40px;}
    #m-hd .menu-btn{line-height: 55px;padding-right: 10px;}
    #m-hd .menu-btn ul{top:56px;}
    .lm-ul-2{
        padding: 20px 10px 35px 10px;
    }
    .lm-ul-2 li {margin:20px 0;}
    .lm-ul-2 li p{
        padding-top: 0px;}
    .lm-ul-3 h5{line-height: 20px;}
    .ban-menu{width: auto;margin: 42px auto 0;}
}