@media (max-width:640px) {
.wrapper{ width:100%;}

.headerbox .logo{ width:100%; height:40px; float:none; margin:10px 0; padding:0 10px; box-sizing:border-box;}
.search_box{ display:none;}
.navbox{ display:none;}

.top_nav{ display:block; width:60px; height:60px; position:absolute; right:0px; top:0px; cursor:pointer; background:url(../images/nav_btn.png) center no-repeat; background-size:auto 32%;}
.m-mobile-nav{ width:100%; background:#f7f6f6; display:none; overflow:hidden; position:absolute; left:0; top:60px; z-index:999;}
.m-mobile-nav li{ width:100%; border-bottom:1px solid #e3e2e2; text-align:center;}
.m-mobile-nav li .tit{ display:block; width:100%; height:45px; line-height:45px; font-size:14px; text-transform:uppercase; overflow:hidden;}
.m-mobile-nav li .tit:hover{ background:#0689CD; color:#fff;}
.m-mobile-nav li .tit:hover a{ color:#fff;}
.m-mobile-nav li .tit a{ display:block;}
.m-mobile-nav li .tit a b{ font-weight:normal; font-size:12px; padding-left:5px; color:#999;}

.flexslider{ height:400px;}
.flexslider .slides li{ height:400px;}
.flexslider .slides li a{ height:400px; background-size:cover !important;}

.aboutus_banner{ height:180px;}
.aboutus_banner span{ height:180px; line-height:180px; font-size:30px; background-size:cover !important;}
.content_inside{ margin:10px;}
.content_inside .navline{ overflow:hidden;}

.container{ padding:10px 0;}
.container .sidebar{ float:none; width:100%;}
.container .sidebar .side_nav{ width:100%; margin-bottom:0px;}
.side_nav .side_title{ display:none;}
.side_nav .side_list{ padding:0 1%;}
.side_nav .side_list li{ width:48%; margin:0 1% 2%; float:left; display:inline; text-align:center;}
.side_nav .side_list li a{ padding-left:0;}

.container .inside_con{ float:none; width:100%; clear:both;}
.container .inside_con .r_title{ line-height:30px; font-size:16px; margin-bottom:10px;}
.container .inside_con .contact_box{ width:100%;}
.container .inside_con .contact_box img{ max-height:100%;}

.con_details{ margin:0;}
.con_title{ font-size:16px; margin:10px 0;}
.detail_text{ margin-bottom:0; line-height:26px; min-height:350px;}
.detail_text img{ max-width:100%;}
.detail_span{ width:100%; margin-bottom:20px;}
.detail_span span{ padding:0 5px;}
.turn_list{ padding-top:10px; margin-top:10px;}

.download{ margin-top:10px;}
.download a{ width:50%; margin:0; padding:0 5px; box-sizing:border-box;}
.download a img{ width:100%;}

.fq_list{ margin-bottom:0;}
.fq_list dt{ padding:5px 0;}
.fq_list a{ font-size:14px; padding-left:20px; }

.newslist li{ width:50%; padding:0px 5px; margin:0 0 10px; display:block; box-sizing:border-box;}
.newslist li .nimg{ width:100%; height:170px; overflow:hidden;}
.newslist li .date{ right:5px;}

}