@media screen and (min-width:640px) and (max-width: 1920px) {
.header{
	width:100%;
	height:95px;
	float:left;
}
.header_main{
	width:1200px;
	height:100%;
	margin:0 auto;
}
.header_main img{
	width:auto;
	height:60px;
	float:left;
	margin-top:17px;
}
.nav2{
	width:auto;
	height:100%;
	float:right;
}
.nav2 li{
	width:90px;
	height:100%;
	float:left;
}
.nav2 li a{
	width:100%;
	height:100%;
	float:left;
	text-align:center;
}
.nav2 li a >p{
	width:100%;
	height:20px;
	float:left;
	line-height:20px;
	color:#262626;
	font-size:16px;
	margin-top:27px;
	margin-bottom:0px;
}
.nav2 li a >span{
	width:100%;
	height:20px;
	float:left;
	color:#808080;
	font-size:9px;
	line-height:20px;
}
.nav2 li:hover a >p{
	color:#036eb7;
	font-weight:bold;
}
.nav2 #la a >p{
	color:#036eb7;
	font-weight:bold;
}
.shouji_header {
		display: none;
	}

}

@media screen and (max-width:639px) {
	.shouji_header {
		width: 100%;
		height: 65px;
		float: right;
	}
	.iphone__screen {
	  width: 100%;
	  height:70px;
	  overflow: hidden;
	}
	.iphone__content {
	  position: relative;
	  width: 100%;
	  height:auto;
	  float:left;
	}
	.header_main_logo{
		width:auto;
		height:60px;
		float:left;
	}
	.header_main_logo img{
		width:auto;
		height:45px;
		float:left;
		margin-top:10px;
		margin-left:10px;
	}
	/**
	* Navigation Defaults
	*/
	.nav {
	  width:100%;
	  height:auto;
	  float:left;
	  position: absolute;
	  z-index: 100;
	  opacity: 0;
	}
	/*弹出背景*/
	.nav--active .nav {
	 width:100%;
	 height:auto;
	 float:left;
	 opacity:0.9;
	 background-color: #333;
	}
	.nav__list {
		width:100%;
		height:auto;
		float:left;
		margin-top:40px;
		opacity:0.9;
	    background-color: #333;
	}
	.nav__list >li{
		width:100%;
		height:auto;
		float:left;
		margin-bottom:5px;
	}
	.nav__list >li >a {
		width:100%;
		height:auto;
		float:left;
	  font-size: 1.2em;
	  color: #d1d1d1;
	  opacity: 1;
	  line-height:40px;
	}
	.nav__list >li >a #nl_left{
		width:auto;
		height:auto;
		float:left;
		margin-left:1em;
	}
	.nav__list >li >a #nl_right{
		 float:right;
		 margin-right:0.3em;
		 font-size:2em;
		}
	.nav__list >li:hover >a #nl_left{
		border-bottom:1px solid #d1d1d1;
	}
	/*.nav__list >li a.current  #nl_left{
		border-bottom:1px solid #d1d1d1;
	}*/
	.nav__list >li .menu_body{
		width:100%;
		height:auto;
		float:left;
	}
	.menu_body a{
		width:100%;
		height:auto;
		float:left;
		line-height:30px;
		text-indent:1.5em;
		 font-size: 1em;
		 color: #d1d1d1;
	   opacity: 1;
	}
	.menu_body a >span{
	  width:auto;
		height:auto;
		float:left;
		margin-left:1.3em;
	}
	/* Default navigation icon */
	.nav__trigger {
	  display: block;
	  position: absolute;
	  width: 30px;
	  height: 25px;
	  right: 10px;
	  top: 15px;
	  z-index: 200;
	}
	.nav--active .nav__trigger {
	  opacity: 0.5;
	}
	.nav__icon {
	  display: inline-block;
	  position: relative;
	  width: 30px;
	  height: 5px;
	  background-color: black;
	}
	.nav__icon:before,
	.nav__icon:after {
	  content: '';
	  display: block;
	  width: 30px;
	  height: 5px;
	  position: absolute;
	  background: black;
	  -webkit-transition-property: margin, -webkit-transform;
	  transition-property: margin, -webkit-transform;
	  transition-property: margin, transform;
	  transition-property: margin, transform, -webkit-transform;
	  -webkit-transition-duration: 300ms;
	          transition-duration: 300ms;
	}
	.nav__icon:before {
	  margin-top: -10px;
	}
	.nav__icon:after {
	  margin-top: 10px;
	}
	/* Don't nest if you don't have to. */
	/**
	* Style #1
	*/
	.style-1 .nav {
	  -webkit-transform: translateX(-100%);
	          transform: translateX(-100%);
	  width: 100%;
	  height: 100%;
	}
	.style-1 .nav__link {
	  opacity: 0;
	  -webkit-transition-delay: 500ms;
	          transition-delay: 500ms;
	}
	.style-1 .nav--active .nav__link {
	  opacity: 1;
	}
	.style-1 .nav--active .nav {
	  -webkit-transition: all 300ms ease-in-out;
	  transition: all 300ms ease-in-out;
	  -webkit-transform: translateX(0);
	          transform: translateX(0);
	}
	.style-1 .nav--active .nav__icon {
	  background: rgba(0, 0, 0, 0);
	}
	.style-1 .nav--active .nav__icon:before {
		background-color:white;
	  margin-top: 0;
	  -webkit-transform: rotate(45deg);
	          transform: rotate(45deg);
	}
	.style-1 .nav--active .nav__icon:after {
		background-color:white;
	  margin-top: 0;
	  -webkit-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}

	.header,.header1,.header2,.header3 {
		display: none;
	}
	/*.header_main_main .main_main_nav{
	display:none;
	}*/
}
@media screen and (max-width:478px){
	.header_main_logo img{
		width:auto;
		height:35px;
		float:left;
		margin-top:10px;
		margin-left:10px;
	}
	}