@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px){
	.pc_head{
		width: 100%;
	}
	.Notice{
		width: 100%;
	}
	.main{
		width: 100%;
	}
	.foot{
		width: 100%;
	}
	.content-width{
		width: 100%;
	}
	.newsMenu li dl dd p{
		padding-top: 10px;
	}
	.newsMenu li dl dd span.time{
		padding-top: 5px;
	}
}


@media screen and (max-width: 960px){
	.pc_head{
		display: none;
	}
	.ph_head{
		display: block;
	}
	.Notice{
		width: 98%;
		padding: 0 1%;
		height: 40px;
	}
	.Notice p{
		width: 26%;
		line-height: 40px;
	}
	.Notice ul{
		width: 74%;
	}
	.Notice ul li{
		line-height: 40px;
	}
	.main{
		width: 98%;
		padding: 0 1%;
		padding-bottom: 3%;
	}
	.main > div{
		width: 42.5%;
		margin-right: 0;
	}
	.main > div:first-child{
		margin-right: 15%;
	}
	.main > div:last-child{
		margin-top: 30px;
	}
	.foot{
		width: 98%;
		padding: 0 1%;
		padding-top: 25px;
	}
	.contextBox{
		width: 92%;
		padding: 0 4%;
		padding-bottom: 40px;
	}
	.contextBox .contextLeft{
		width: 100%;
		border: none;
	}
	.contextBox .contextLeft h3{
		display: none;
	}
	.contextBox .contextLeft ul li{
		box-sizing: border-box;
		float: left;
		width: 32%;
		padding-left: 0;
		text-align: center;
		border: 1px solid #d8d8d8;
		margin-bottom: 15px;
		margin-right: 2%;
		/* background: url(../images/hui.png); */
		font-size: 18px;
	}
	.contextBox .contextLeft ul li:nth-child(3n){
		margin-right: 0;
	}
	.contextBox .contextLeft ul li a{
		background: url(../images/listbg.png)no-repeat;
		background-size: 100% 100%;
		color: white;
		background:#f1d524;
		font-weight: bold;
		font-size: 16px;
		font-family: "仿宋";
	}
	.contextBox .contextLeft ul li:hover{
		background: url(../images/yellow.png);
	}
	.contextBox .contextRight{
		width: 100%;
	}
	.Organization img.ph-pic{
		display: block;
	}
	.Organization img.pc-pic{
		display: none;
	}
	.newsMenu li dl dd p{
		padding-top: 10px;
	}
	.newsMenu li dl dd span.time{
		padding-top: 5px;
	}
	.number_pc{display:none;}
	.number_ph{display:block;}

	.index_nav{display:block;}

	.Videos{display:none;}
	.videovideo{display:block;}
}

@media screen and (max-width: 500px){
	.header{
		border-top: 2px solid #f1d724;
	}
	.ph_head a.logo{
		width: 50%;
	}
	.ph_head .seabtn{
		float: left;
		width: 28px;
		height: 28px;
		border: 1px solid #676767;
		line-height: 26px;
		text-align: center;
		border-radius: 50%;
		margin-top: 10px;
		margin-left: 20%;
	}
	.ph_head .seabtn img{
		width: 14px;
		height: 14px;
	}
	.ph_head .search{
		height: 36px;
	}
	.ph_head .search .subtn{
		float: right;
		width: 15%;
		height: 100%;
		border: none;
		background: #f1d724 url(../images/search-b.png)no-repeat center center;
	}
	.ph_head .search .txt{
		float: left;
		width: 80%;
		border: none;
		line-height: 36px;
		padding: 0 2.5%;
		font-size: 16px;
	}
	.ph_head .navbtn{
		width: 10%;
		margin-top: 10px;
	}
	.ph_head .ph_nav_mask .ph_nav{
		width: 55%;
	}
	.ph_head .ph_nav_mask .ph_nav li>dl dt{
		width: 80%;
		margin: 0 10%;
		font-size: 16px;
	}
	.ph_head .ph_nav_mask .ph_nav li>dl dd{
		width: 80%;
		margin-left: 20%;
		font-size: 15px;
		display: none;
	}
	.ph_head .ph_nav_mask .ph_nav li>dl dd ol li{
		line-height: 40px;
		font-size: 14px;
	}
	.main{
		width: 96%;
		padding: 0 2%;
		padding-bottom: 3%;
		margin-top: 0;
	}
	.main > div{
		width: 100%;
		margin-right: 0;
		margin-top: 30px;
	}
	.main > div:first-child{
		margin-top: 0;
	}
	.main > div dl dd a.mores{
		margin-top: 10px;
	}
	.foot{
		width: 96%;
		padding: 0 2%;
		margin-top: 15px;
	}
	.f_left,.f_right{
		width: 100%;
	}
	.f_left select{
		width: 50%;
	}
	.f_right{
		margin-top: 15px;
		text-align: center;
	}
	.f_right p{
		line-height: 24px;
	}
	.contextBox .contextLeft ul li{
		width: 49%;
		margin-right: 2%;
		font-size: 16px;
		line-height: 45px;
	}
	.contextBox .contextLeft ul li:nth-child(3n){
		margin-right: 2%;
	}
	.contextBox .contextLeft ul li:nth-child(2n){
		margin-right: 0;
	}
	.YearBox dl dt{
		width: 90%;
		text-align: left;
		padding-left: 10%;
	}
	.YearBox dl dd{
		width: 85%;
		padding-left: 10%;
	}
	.contextBox .contextLeft ul.small li{
		font-size: 14px;
	}
	.Contact-us dl{
		width: 100%;
		margin-right: 0;
		margin-top: 15px;
	}
	.Contact-us dl:first-child{
		margin-top: 35px;
	}
	.Contact-us dl dd ul{
		margin-bottom: 0;
	}
	.WeChat dl{
		float: none;
		width: 60%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.newsMenu li dl dt{
		display: none;
	}
	.newsMenu li dl dd{
		width: 100%;
	}
	.newsMenu li dl dd p{
		-webkit-line-clamp: 10;
	}

	.companyBox > div{
		width: 100%;
		margin-right: 0;
	}

}


@media screen and (max-width: 321px){
	.ph_head .ph_nav_mask .ph_nav li>dl dd{
		width: 90%;
		margin-left: 10%;
		font-size: 15px;
		display: none;
	}
	.myAddress{
		font-size: 12px;
	}
}