@charset "utf-8";
/* CSS Document */
.bottom_menu{ width:100%; position:fixed; bottom:0; left:0; right:0; height:60px;background:#eaeaea; border-top:1px solid #ccc;}
.bottom_menu ul{  margin:3px 0 0 0; padding:0; list-style-type:none;}
.bottom_menu li{ width:33.33%; text-align:center; padding:30px 0 0 0; float:left; color:#F60; font-size:12px; font-weight:bold;}
.bottom_menu li a{ display:block; height:25px;}
.bottom_menu_bg1{ background:url(shouye.png) no-repeat center 0;}
.bottom_menu_bg2{ background:url(ic_mode_map.png) no-repeat center 0;}
.bottom_menu_bg3{ background:url(dianhua.png) no-repeat center 0;}

@media(max-width:640px){
.container {width: 100%; overflow:hidden; max-width:500px;}
.header {width: 100%; overflow:hidden; max-width:500px;}
.footer{ width:100%;}
.logo{ width:100%; margin:0 0 0 -20px;}
.menu{width:100%; height:auto;background:none; margin:35px 0 10px 0;}
.menu li{ width:33.33%; float:left; text-align:center; background:none; font-size:16px; height:30px; line-height:30px; margin:0px 0; padding:0;}
.menu a,.menu a:hover,.menu a:active,.menu a:visited{ width:100%; display:block;}
.menu a:hover,.menu a:active{ color:#F60; background:none; display:block;}
.menu_hover:link,.menu_hover:hover,.menu_hover:active,.menu_hover:visited{ color:#F60; background:none;}
.sidebar1{width:100%; background:none;}
.sidebar1 img{ width:100%; height:auto;}
.sidebar1 ul.nav_big li{ width:100%; font-size:16px;}
.sidebar1 ul.nav li{ width:100%; font-size:16px; background:#eaeaea;}
.sidebar1 ul.nav li a{ width:100%;}
ul.nav_big{ width:100%;background:none;}
ul.nav{ width:100%;background:none;}
.con_top ul.img_box{ width:100%;}
.news{ width:100%;}
.news ul img{ width:100%; height:auto;}
.index_news{ width:100%; background:url(index_news_bg.gif) repeat-y; background-size:100%; height:135px; padding:0 0 0 10px;}

.cptj {width:100%; padding:0; margin:0;}
.content {width:100%;}
.pro_box{ width:50%; margin:0 auto 0 auto; padding:0; font-size:16px; float:left; min-height:200px; border:0;}
.pro_bg{ width:100%; text-align:center; height:auto; padding:10px; border:0; min-height:200px; overflow:hidden;}
.pro_bg img{ width:60%; min-width:120px; height:auto;}

.img_box{ display:none;}
#menu{ display:none;}
.cptj table{ width:90%; margin:0 auto;}
.diy_content{ width:94%; padding:0 3%; overflow:hidden; }
.diy_content p{ width:100%;}
.border1,.details_con{ display:none;}
.padding_7{ text-align:left;}
.border2{ width:100%;}
	}