@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%;
	background-color: #c1870d;
	z-index: 200;
	overflow:hidden;
	padding-bottom:30px;
	background:url(../images/ph_top_01.jpg);
 /* height: 90px; */
}

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

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

.head_ph .ph_logo img {
    max-width: 100%;
	padding-top:15px;
}

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




@media (min-width: 768px){
.layout {
    width: 750px;
	margin-right: auto;
    margin-left: auto;
	padding:0 15px;
}

}

@media (min-width: 992px){
.layout {
    width: 970px;
	margin-right: auto;
    margin-left: auto;
	padding:0 15px;
}

}

@media (min-width: 1200px)
{
.layout
{
	width: 1300px;
	margin-right: auto;
    margin-left: auto;
	padding:0;
}
#menu {
    opacity: 0;
  display: none;
}
.ph_banner{
	display:none;
}
.ph_group{
	display:none;
}
.ph_tzgg{
	display:none;
}
.ph_xsdt{
	display:none;
}
.ph_teacher{
	display:none;
}
.ph_yjjg{
	display:none;
}
.ph_header_ztzl{
	display:none;
}
.ph_xktd{
	display:none;
}
.ph_ztzl{
	display:none;
}
.ph_foter{
	display:none;
}
}


@media screen and (max-width: 1199px){
.head_ph{
	display:block;
}
#menu {
    opacity: 0;
}
.header_top{
	display:none;
}
.header_nav{
	display:none;
}
.foter{
	display:none;
}
}

@media screen and (max-width: 767px){
.layout{
	margin-right: auto;
    margin-left: auto;
	padding:0 15px;
	width:auto;
}


}
@media screen and (max-width: 767px){
  .ph_ztzl1{ width:100%; overflow:hidden;}
  .ph_header_ztzl{ width:100%; overflow:hidden; /*display:none; padding-bottom:50px;*/}
  .ph_header_ztzl .bd ul{ margin:0 -2% 0 0; zoom:1;}
  .ph_header_ztzl .bd ul li{ width:48%; float:left; margin-right:2%; overflow:hidden; margin-top:20px;}
  .ph_header_ztzl .bd ul li img{ width:100%; height:100%; overflow:hidden;}
  .ph_header_ztzl .hd{ height:16px; overflow:hidden; width:100%; text-align:center; margin-top:20px;}
  .ph_header_ztzl .hd ul{ overflow:hidden; zoom:1;  }
  .ph_header_ztzl .hd ul li{  margin:0px 6px; border-radius:15px;  width:13px; height:13px; background:#bdbdbd; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
  .ph_header_ztzl .hd ul li.on{ background:#7d272a;width:13px; }
}

