@media screen and (max-width: 360px) {
	 html, body { font-size: 9px; } 
}
@media screen and (min-width:960px) and (max-width: 420px) {
	 html, body { font-size: 10px; } 
	 .htop{height:140px;}
}
@media screen and (min-width:421px) and (max-width: 480px) {
	 html, body { font-size: 11.4px; } 
	 .htop{height:130px;}
}
@media screen and (min-width:481px) and (max-width: 640px) {
	 html, body { font-size: 15px; } 
	 .htop{height:120px;}
}
@media screen and (min-width:641px) and (max-width: 800px) {
	 html, body { font-size: 19px; } 
	 .htop{height:120px;}	 
}
@media screen and (min-width:801px) and (max-width: 860px) {
	 html, body { font-size: 20px; } 
	 .htop{height:120px;}	 
}
@media screen and (min-width:861px) and (max-width: 960px) {
	 html, body { font-size: 23px; } 
	 .htop{height:120px;}	 
}
@media screen and (min-width:961px) and (max-width: 1280px) {
	 html, body { font-size: 30px; } 
	 .htop{height:120px;}	 
}
@media screen and (min-width:1281px) and (max-width: 1920px) {
	 html, body { font-size: 45px; } 
	 .htop{height:120px;}	 
}
@media screen and (min-width:1921px) and (max-width: 2048px) {
	 html, body { font-size: 48px; } 
	 .htop{height:120px;}	 
}
@media screen and (min-width:2049px) and (max-width: 2560px) {
	 html, body { font-size: 60px; } 
	 .htop{height:120px;}	 
}
@media screen and (min-width: 2562px) {
	 html, body { font-size: 60px; } 
	 .htop{height:150px;}
}

.toplogo{background:#34353f; position:relative; padding:0.5rem 0 0.5rem 1rem;}
.toplogo img{width:17rem; height:auto;}
.top_menu{ position:absolute; top:0.5rem; right:1rem; z-index:99;}
.top_menu .menus:before { content: "\f0c9"; font-size:2.2rem; color:#fff;}

.bottomMenu { width: 100%; height:5rem; box-sizing: border-box; position: fixed; left:0px; bottom:0px; z-index: 999999; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
.bottomMenu ul { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top:0.5rem;}
.bottomMenu ul li{ width:25%; float:left;}
.menuItem{ text-align:center;}
.menuItem .menuIco img{ width:2.2rem; height:auto;}
.menuItem .menuName{color:#666666; text-align:center; font-size:1.1rem; line-height:1.6rem;}

.daohanMenu { width: 100%; overflow:hidden; box-sizing: border-box; background-color: #FFFFFF;}
.daohanMenu ul { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding:0.5rem 0px;}
.daohanMenu ul li{ width:20%; float:left;}
.dhmenuItem{ text-align:center;}
.dhmenuItem .menuIco img{ width:6rem; height:auto;}
.dhmenuItem .menuName{color:#666666; text-align:center; font-size:1.2rem; line-height:2rem;}

.view_contents { text-align:center; line-height:1.5;  box-sizing: border-box;  font-size: 1.8rem;color: #333; padding-top:0.6rem;}
.view_contents2 { text-align:center; line-height:1.5;  box-sizing: border-box;  font-size: 1.4rem;color: #333; padding-bottom:0.5rem;}

.ul_pro_list_01{ overflow:hidden; clear:both; background: #efefef;}
.ul_pro_list_01 li{ margin-top:5px; margin-bottom:5px;}
.ul_pro_list_01 .probox { text-align: center; margin:5px 0px; padding:5px;}
.ul_pro_list_01 .probox .aimg{width: 100%; height:0px; padding-top:75%; display:block;}
.ul_pro_list_01 .probox .atitle{font-size: 1.4rem;color:#555555;display: block;overflow: hidden; line-height:1.5; height:4rem;}
.ul_pro_list_01 .probox .tel_box{}
.ul_pro_list_01 .probox .tel_box span{ width: 50%; height: 25px; line-height: 25px; float: left; font-size: 1.3rem; text-align:left; overflow: hidden;}
.ul_pro_list_01 .probox .tel_box .atel{width: 45%;height: 25px;line-height: 25px;float: left;background:#f00;font-size: 1.3rem;text-align: center; color:#fff;}

.ul2 > li,.nul2 > li{width:50%; float:left;}
.ul3 > li,.nul3 > li{width:33.3333%; float:left;}
.ul4 > li,.nul4 > li{width:25%; float:left;}

.ul2 .ul2_img img{width:15rem; height:11.8rem;}
.ul2 .ul2_title{ font-size:1.3rem; display:block; color:#333;}
.ul2 .ul2_jj{ font-size:1rem; color:#333; text-align:left; display: block;}

.clr{clear:both;}
.squareButton { display:block; width:10rem; height:3rem; line-height:3rem; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius:0.3rem; font-size: 1.2rem; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; margin:0 auto; text-align: center;}

.view_contents5{color:#fff; font-size:1rem; text-align:center; line-height:3; background:#333;}