/* CSS Document */

@media screen and (max-width:768px){html{-webkit-text-size-adjust:none}

.box{ width:96%; padding:0 2%;}
#menu, .tel{ display:none;}

.m_menu{ display:block; float:right; width:20%; max-width:30px; height:30px; margin:50px 5px 0 0; position:relative;}
.m_menui{ display:block; width:100%; height:100%; background:url(../images/m_menu.png); border:none;}
#m_menuul{ width:140px; background-color:#0041c0; position:absolute; top:30px; left:-100px; z-index:100;}
#m_menuul li{ height:40px; line-height:40px; text-align:center; border-bottom:1px solid #f7f7f7;}
#m_menuul li a{ display:block; width:100%; color:#fff;}

.banner2{ display:block; clear:both; overflow:hidden;}
.flexslider {height:auto;}
.slides {height:auto;}
.slides li { height:auto;}
.slides li img{ max-width:100%; height:auto;}
.flex-control-nav{ bottom:25px;}

.top{ height:auto;}
.logo{ width:80%; padding:10px 0;}
.logo .mloname{display:block; font-size:16px; padding-top:26px; color:#9C9C9C;}
.logo .mloname span{ display:block;font-size:24px; font-weight:bold; color:#000;}
.logo .loname{ display:none;}
.logo .loname span{ display:none;}
.inabout, .news{ width:100%; margin-top:20px;}
.inabout{ min-height:280px;}

.pro li { width: 45%;margin: 0 1% 4%;}
.pro li span{ height:200px;}

.mess .messbox{ width:40%; margin:0 2%;}
.user{ display:none;}
.userlogo{ width:50%;}
.uslo{ padding:15% 0 0;}


.nycon{ margin:0 0 30px;}
.prolist li{ width:28%; margin:0 1%;}
.prodetail, .prodetail .prodetail_img, .prodetail .prodetail_des{ width:100%;padding:0; height:auto;}
.prodetail_top ul{ padding-top:0px;}
.prodetail .prodetail_title{ padding:0;}
.prodetail .prodetail_title h1{ width:auto; padding:0 10px;}
.prodetail .prodetail_con{ padding:15px 0 0px;}
.otherpro dd span{ max-height:170px; overflow:hidden;}
.newslist li .newliimg{ width:20%;}
.newslist li .newlitxt{ width:72%;}

.newsdetail_page{ overflow:hidden;}
.newsdetail_page span{ display:block; clear:both; float:left;}
.newsdetail_page .next{ float:left;}

.cont{ width:100%; padding:0 0 3%;}
.cont dl{ width:48%;}
.cont .coditu, .cont .colx{ width:100%; height:auto;}
.messages, .messr, .messl{ width:100%;}



}

@media screen and (max-width:640px){html{-webkit-text-size-adjust:none}
.banner2{ height:300px;}
.head .sc{ display:none;}
.logo .loimg { width:30%;}
.logo .loname{ padding-top:15px;}
.m_menu{ margin:30px 5px 0 0;}
.proc{ width:96%; margin:2% 0; padding:0 2% 2%; text-align:center;}
.inabout .inabtxt{ width:58%; padding:0;}
.inabout .inabtxt h1{ line-height:30px;}
.inabout .inabtxtp{ line-height:22px;}
.innews{ padding-top:0;}
.pro li span{ height:170px;}
.mess .messbox{ width:92%;}
.userlogo, .ewm{ display:none;}
.foot .fleft{ width:100%;}

.messageright, .messageleft{ width:96%; max-width:96%; margin:20px 2% 0;}
.messageleft .ganxie{ padding:5% 10% 0;}
.messageleft .ganxie2{ padding:2%  10% 5%;}
.cont dl{ width:100%;}
.otherpro dd{ width:47%; margin:0 1% 2%;}
.prolist li{ width:44%; margin:0 1% 3%;}


}

@media screen and (max-width:480px){html{-webkit-text-size-adjust:none}
.banner2{ height:270px;}

}

@media screen and (max-width:414px){html{-webkit-text-size-adjust:none}
.banner2{ height:240px;}

.inabout .inabimg, .inabout .inabtxt{ width:100%;}
.inabout .inabimg{ text-align:center;}
.pro li span{ height:100px;}
.mess .messbox{ width:74%; padding:0 8%; margin:0 5%}
.nyul li a{ width:105px;}
.prolist li span{ height:140px;}
.page li{ margin:12px 2px;}
.page li a{ padding:0 5px;}
.newslist li .newliimg{ height:60px;}
.newslist li .newliimg img{ height:auto;}

}

@media screen and (max-width:320px){html{-webkit-text-size-adjust:none}
.banner2{ height:180px;}
}