img {
    max-width: 100%
}
.toe {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
input[type="submit"], input[type="reset"], input[type="button"], button {
    -webkit-appearance: none
}

@media only screen and (max-width: 995px) {
    #menu .menub{ font-size: 14px!important; font-weight: normal; }
    body{ overflow-x: hidden; min-width: 320px}
    .flex-direction-nav li .next{ right: 3%;}
    .flex-direction-nav li .prev{left: 3%;}
    #menu{ width: 850px;}
    #in_maindiv{ width: 850px; overflow: visible !important;}
    #logo{ width: 150px; left: 100px;}
    #menuleft{ width: auto; float: none; margin-left: 15px;}
    .search{ display: none;}
    #menu .menub{ width: 12.5%;}
    #menu a{ width: 12.5%;}
    #menu a:hover{ width: 12.5%; }
    #in_main{ background: none;}
    #in_newdiv{ width: 50%; height: 266px; overflow: hidden; }
    #in_proddiv{ width: 50%;}
    #in_main{ height: auto;}
    .xzclass{ height: auto !important; overflow: hidden; background: #F8F8F8;}
    #in_contentdiv{ width: auto; float: none;  clear: both;}

    #in_conname{ width: auto; margin-right: 10px;}
    #in_conMore{ margin-top: 0; margin-left: 0; text-align: right; width: auto; padding-right: 15px;}
    #in_content{ width: auto; height: auto; margin-bottom: 15px;margin-right: 10px;}
    #footer{ background: #DCDCDC; padding-bottom: 10px;}
    #copy{ width: 850px; height: auto;text-align: center; }
    .hotline{ position: static; text-align: center; width: auto;}
    #in_headerrela{ width: auto;}
    #logo{ height: auto;}
    #zmainimg{ width: 850px;}
    #zmainimg img{ width: 100% !important;}
    #z_main{ width: 850px;}
    #container{ width: 663px;}
    #content{ width: auto; padding-right: 10px;}
    #news_content{ width: auto; margin-right: 20px;}
}
@media only screen and (max-width: 850px) {
    #menu{ width: 100%;}
    #in_maindiv{ width: 640px;}
    #menu .menub{ width: 12.5%;}
    #menu a{ width: 12.5%;}
    #menu a:hover{ width: 12.5%; }
    #copy{ width: 640px;}
    #in_newdiv{ width: 37%;}
    #in_proddiv{ width: 63%;}
    .in_prods2,.in_prods,.in_prods{ width: 100px; height: 100px; -webkit-background-size: cover; background-size: cover;}


    #zmainimg{ width: 640px;}
    #z_main{ width: 640px;}
    #container{ width: 465px;}
    #pro_content{ width: auto;}

    .pro_rightdiv{ width: 268px  ;}
    .products_content{ width: auto;}
    .pro_leftdiv{ height: 130px;}
    .pro_list{ width: auto; height: auto;}
    .products_title{ position: static; margin-top: 10px; margin-left: 10px;}
    .products_content{ position: static; margin-left: 10px; height: auto;}
    .readmore{ position: static; float: right; width: auto;}
    .pro_rightdiv{ height: auto;}
}
@media only screen and (max-width: 640px) {
    #n_title {margin-left: 0;}
    #in_maindiv{ width: 100%;}
    #copy{ width: 100%;}
    #in_newdiv{ width: auto; float: none; margin:0 15px; }
    #in_newname{ line-height: 36px;}
    #in_newname{ position: static; width: auto;}
    #in_newdata{ position: static; width: auto;}
    #in_newdiv{ height: auto;}
    #in_proddiv{ float: none; width: auto; margin: 0 15px;}
    #in_prodnamediv{ height: 36px; line-height: 36px; overflow: hidden;}
    #in_prodName{ position: static; float: left; width: auto;}
    #in_prodMore{ float: right; position: static; position: relative; top: 15px; left: auto;}
    #in_prodrow{ height: auto; overflow: hidden;}
    #in_prodmove{ width: auto; height: auto;}
    #copy{ line-height: 26px;}
    #logo{ left: 3%; width: 100px;}
    .flex-direction-nav li .prev, .flex-direction-nav li .next{-ms-transform:scale(0.5); -moz-transform:scale(0.5);- -webkit-transform:scale(0.5); transform:scale(0.5);top: 40%;}
    #menubg{ height: auto; background: #2d6cbb; overflow: hidden;}
    #menu a{ width: 21.5%!important;}

    #zmainimg{ width: auto;}
    #z_main{ width: auto;}
    #container{ width: auto;}
    #sideBar{ width: auto; float: none; margin: 10px;}
    #left_news{ width: auto;}
    #leftsideBar{ width: auto; margin-right: 10px;}
    #content{ margin-right: 10px; margin-left: 10px; float: none !important;}
    #apDiv28{ width: auto;}
    .content_line{ width: auto;}
    #apDiv29{ width: 150px;}
    #apDiv30{ width: 200px; right: 5px;}
    #news_content{ margin:0 10px;}
    .news_list{ width: auto;}
    .page{ width: auto;}
    #container{ float: none;}
    .pro_leftdiv{ width: 30%;}
    .pro_rightdiv{ width: 65%;}
    .products_img{ width: auto;}
    .products_img img{ width: 100% !important;}
}
@media only screen and (max-width: 460px) {
    .in_prods2,.in_prods,.in_prods{ width: 75px; height: 75px; -webkit-background-size: cover; background-size: cover;}
    .flex-direction-nav li .prev, .flex-direction-nav li .next{ top: 25%;}
    #menu a{ width: 33%!important;}
    #menuleft{ margin-left: 0;}
    #menu .menub{ background: #D51A12;}
    #menu a:hover{ background: #D51A12;}
    #menu a{ margin: 0!important;}
}
@media only screen and (max-width: 320px) {
    .in_prods2,.in_prods,.in_prods{ width: 60px; height: 60px; -webkit-background-size: cover; background-size: cover; text-align: center; line-height: 60px;}
    .flex-direction-nav li .prev, .flex-direction-nav li .next{ top: 25%;}
    .in_prodnames{ width: auto; position: static;}
    .products_img{ height: 100px;}
}