@charset "gb2312";

.banner{width:100%; height:400px;text-align:center; margin:0 auto; background:#8723fe; }
.banner a{display:block;}
.banner #box{ width:1000px; height:400px; margin:0 auto;  position:relative; overflow:hidden;}
.ban_mb{ display: none;}

.conter{width:100%; height:auto; margin:0 auto; margin-bottom:35px;}
.pack_nr{width:1000px; height:auto; padding-top:20px; margin:0 auto;}

/*»ξΆ―*/
.tgcp_nr{width:1000px;height:auto; margin:0 auto;}
.tgcp_title{ width:990px; height:70px;margin:0 auto; }
.tgcp_title p{font-size:24px; line-height:50px; height:50px;padding-left:5px;color:#666;}
.hd_zq{ width:990px; height:auto; margin:0 auto;}
.hd_zq li{ float:left; width:495px; height:325px;}
.hd_kj{width:475px; height:300px; border:1px solid #e1e1e1;}
.hd_tu{text-align:center; padding-top:15px; width:445px; height:144px; margin:0 auto;} 
.hd_tu img{width:445px; height:144px; }
.hd_zq li h2{ font-size:20px; font-weight:normal; height:55px; line-height:55px; text-align:center;}
.hd_zq li h2 a:hover{ color:#F60;}
.hd_zq li p{ line-height:32px; font-size:14px; color:#555; width:445px; padding-left:15px;}
.hd_an{ text-align:center; padding-top:15px;}
.hd_an img{width:134px; height:39px}

@media screen and (max-width: 768px){
	
.banner{height:400px; min-width:360px;}
.banner #box{width:360px; height:400px; margin:0 auto;  position:relative; overflow:hidden}
.ban_mb{ display: block;}
.ban_pc{ display: none;}
.pack_nr{ width:95%;}	
.tgcp_nr{ width:100%;}
.tgcp_title{ width:100%;}
.hd_zq{width:100%;}
.hd_zq li{ width:100%;}
.hd_kj{ width:100%;}
.hd_tu{ width:95%; text-align:center;}
.hd_tu img{width:100%; max-width:445px;}
	
	
	}