@charset "utf-8";
/* CSS Document */
.containers {
    margin-right: auto;
    margin-left: auto;
	padding:0 10px;
}
.head_ph{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	overflow:hidden;
	padding-bottom:30px;
	background:url(../images/ph_top_01.jpg) top center no-repeat;
}

.head_ph .containers, .head_ph .ph_logo {
    position: relative;
    height: 100%;
}

.head_ph .ph_logo {
	padding-top:10px;
	width:90%;
}

.head_ph .ph_logo img {
    max-width: 170px;
    padding-top: 26px;
    float: left;}

.head_ph .menuph {
    position: absolute;
    top: 35px;
    right: 15px;
    cursor: pointer;
}

.layout{ width:1230px; margin:0 auto; padding:0 15px;}


@media (min-width: 768px){
#menu {
    opacity: 0;
}
}

@media screen and (max-width: 767px){
.head_ph{
	display:block;
}
  .ph_dh_wmh{
	display:block;
}

#menu {
    opacity: 0;
}
.layout{
	margin-right: auto;
    margin-left: auto;
	padding:0 15px;
	width:auto;
}
.header_top{
	display:none;
}
.header_box{
	padding-left:5px;
}
.box_cen ul li{ 
	width:31%; 
	height:17vh; 
	margin-left:0; 
	margin-right:0;
	text-align:center;
	line-height:0;
	/*padding:30px 10px;*/
}
.box_cen ul > li:not(:nth-child(3n)) {
  margin-right: 3.3333%;
}
.box_cen ul li img{ 
	padding-left:0;    display: block;
    text-align: center;
    margin: auto;
   /* padding: 0 39px;*/
    padding-top: 20px;
}
.box_cen ul li span{
	font-size:14px; 
	color:#333333; 
	padding-left:0; 
	vertical-align: middle;
	display:block;
	line-height:20px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow: ellipsis;    display: inline;    white-space: normal;
}
  .box_cen ul li a{ display:block;}
.foter{
	height:auto;
	line-height:26px;
	padding:20px 0;
}
.ph_dh{
	display:block;
}
  .fix_box{
    display: none;
}
}
@media (max-width: 400px)
{

}