@charset "utf-8";
/* CSS Document */

html,body {margin: 0; padding:0}
@media (min-width: 1300px) {
#container_menu {}
#container_menu #content {
	 height:900px;
	 text-align:center;	
	background: url(/jd_intro/intro_bg.jpg) no-repeat center center ; -webkit-background-size: cover;
	-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#container_menu #footer {height: 126px;background-color: white; text-align:center}

#main_cont1 {overflow:hidden; width:900px; margin:0 auto; }
#main_cont1 #cont_01 img{ width:95%; text-align:center;}
.p_dispaly{ display:block}
.m_dispaly{ display:none}
#main_cont1 #cont_01 {float:left; width:12.5%; padding-bottom:10px}

}
@media (min-width: 768px) and (max-width: 1299px) 
{#container_menu {}
#main_cont1 {overflow:hidden; width:660px; margin:0 auto; }
#container_menu #content {
	 height:874px;
	 text-align:center;	
	background: url(/jd_intro/intro_bg.jpg) no-repeat center center ; -webkit-background-size: cover;
	-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding:0px 40px}

#container_menu #footer {height: 126px;background-color: white; text-align:center}

#main_cont1 {overflow:hidden;  margin:0 auto; }

.p_dispaly{ display:block}
.m_dispaly{ display:none}
#main_cont1 #cont_01 {float:left; width:14.2857%; padding-bottom:10px }
#main_cont1 #cont_01 img{ width:95%; text-align:center;}
}

@media (max-width: 767px) {
#container_menu { }
#container_menu #content {
	
	 text-align:center;	
	background: url(/jd_intro/m_intro_bg.jpg) no-repeat center center ; -webkit-background-size: cover;
	-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding:0px 20px}

#container_menu #footer {background-color: white; text-align:center; border-top:2px solid #56803a; margin-top:5px}

#main_cont1 {overflow:hidden;  margin:0 auto;width:75%;  }
	
.m_dispaly{ display:block}
.p_dispaly{ display:none}

#main_cont1 #cont_01 {float:left; width:50%;margin-bottom:10px; }
#main_cont1 #cont_01 img{width:90%;  margin:0 auto}

}

#main_cont1 #cont_02{ width:100%; text-align:center; }


.img-responsive{display: block;max-width: 100%;  margin-left:auto; margin-right:auto;display:block; height: auto; margin: auto;}